Reactjs

Thank you for joining Reactjs  Course. Welcome to the course and let's get started!

Welcome to The Reactjs Course

Why Reactjs and why not other alternative? Future of Reactjs

How to get the most out of this course?

Setup the Reactjs Environment

The awesome "Hello world" in new Component

Create a react app and a component and show "I want to be a pro dev"

Getting started with Reactjs 

Learn basic and core concepts of Reactjs. Get familiar with Reactjs

Understanding the Reactjs folder structure

Understanding jsx in react

JSX syntax, condition and loop

What is reactivity and reactivity in Reactjs

Working with events and methods

User input and data binding

First Reactjs Test

Create a Reactjs application with loop, condition and methods. Make it as good as possible

Hooks in Reactjs

Custom hook in reactjs

Hook vs custom hook vs normal function : when to use what

Props

Why Array Destructuring?

Understanding the difference between functional and class components

Reactivity test

Dynamic Styling with Inline Styles

Adding CSS Classes Dynamically

React chrome dev tool

Basic and core Reactjs concepts

Learn redux proper way and handle states like a pro

Introduction to Redux

Redux vs Redux Toolkit

Asynchronous Requests with createAsyncThunk

Redux Toolkit : the big guy

 Event Handlers

Updating State

Handle forms with reactjs

Setting up React Router

Nested routes

Dynamic route

Adding a middleware with the route

Issues with React Router

Project code

React Router

Let's create a small budget with reactivity and all the knowledge we have learned so far. 

Project overview

Create data structure in JSON

Render the list

Dynamically style the list

Reactive CRUD of the app

Develop an app with the descriptions attached in the file

Test react project skill and core concept

Create a budget/expense app

Let's learn how we can use axios for calling apis and updating data

Setting up axios

Making a network request method and sending get, post etc request

Debugging network request

Reactjs api call with axios

We will build a social network feed. It will contain feed, like, comment, reply. It will be developed with redux and more

Understanding the data structure

Render feed

Feed CRUD

Render comments with feed

Comments CRUD

Comment reply CRUD

Like for feed, comment and reply

Let's build a social network feed with Reactjs

Introducing Context

Context in Action

Application vs Component State

State management with Context api

React router quiz

Context api quiz

Redux Tookit quiz

Assignment on react router and redux state management. Check the attached file for description

Overall Reactjs quiz : The final quiz

Final project submission. Please check attached file for description

Final tests

In this chapter, we will guide you on how to get an internship.

Internship Guideline

Quiz

Assignment

Internship Opportunities

What is freelancing and how it works 

When should you try this options and when you shouldn't

Creating accounts and proper setup 

How to communicate with buyer with confidence 

 Best ways to impress buyer that works

Complete freelancing guide 

Know how to prepare yourself for a job placement

Preparing your projects 

 Writing a professional looking CV and cover letter 

Start sending personalized CV to different companies

Job Placement Support 

<h3 class="PlaygroundEditorTheme__h3">What you'll learn</h3> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Build powerful Applications with Reactjs - all the Way from Small and Simple Ones up to Large Enterprise-level app </li><li value="2" class="PlaygroundEditorTheme__listItem">Understand how Reactjs work and implement in real-world projects </li><li value="3" class="PlaygroundEditorTheme__listItem">Learn state management with redux, context api</li></ol> If you want to learn the most powerful Javascript framework for a modern web application, this is the course you were looking for. Here you will learn Reactjs from the beginning to advanced. <h2 class="PlaygroundEditorTheme__h2">Reward for you </h2> After the end, of the course, we will select top candidates to work with us and will guide them specially and will make them ready for real-world battles! Are you ready? Let's start! Enroll now.

Learn Reactjs 3 from basic to advanced. It's an awesome JavaScript Framework for building powerful Frontend Applications! 

Course content

Reactjs : The Complete guide (Bangla)

Appifylab Academy

This Course Includes

Our menu

Important Links

Get In Touch With