
A note on exercise files
INtroduction to what is react js
Tools that we will need for this course. All are cross platform and free
Welcome video for section 2
Finishing the hello world task
Delete and recreate everything to understand react flow
Adding CSS to our Hello World app in reactjs
Moving all react component aka Everything in its own file
Understanding Reusable components in reactjs
Welcome video for section 3
Understand the existing template
Move navbar and understand the errors
Convert the HTML template into React App
Reusable Card and Assignment is included in this video
Welcome to section 4
What are props and states in reactjs
Preparing the state based application, simple but useful
Complete counter application simplified in reactjs
Assignment for counter app
Welcome video for section 5
Your need to study first. Resource is mentioned in this video
Preparing the Tic Tac Toe
In this video we will learn about sending icons from components
Setup layout for tictactoe game
Game is almost working but need a little fix that we will do in next video
Finishing tictactoe and assignment. Please finish that too
Welcome video for section 6
The problem that contextAPI solves
Detail on Context and Provider
In this video we will learn about adding detail on Consumer in Context API
Understand the working of dark and light mode
Creating a theme Toggler with Context API
FInishing the theme switcher app
Welcome video for section 7
What we are building here
Create brain of the application
useReducer for our app
Add an input form
Sending a dispatch
Display the context data and dispatch - assignment
Welcome video for section 8
Introducing the Effect hook
A form to submit the data
Looping through all the values
Hooks and local storage in action
welcome video for section 9
Learn to read docs for API
Lets read Axios docs
Drill down the API
Extracting information from API
Welcome video of section 10
A walk through with Pexels and JSON
Add item to the cart
Buy item and remove item
04 Fetching photos from API
Store everything is state
Card for every product
Create cart section
08 Bring the shop application together
Removing the duplicate bug
Welcome to the modern react js developer course.
NOTE: This is totally new course and not a refreshed course, where just 1 or 2 sections are new. Every single video is new and according to modern reactjs. Also, this course is totally beginner-friendly course.
Now, let’s go through with some questions that you should know.
Q. What is the prerequisite for this course?
A. You need to know JS basics before getting started with the course. You don’t need to be expert in JS, just basics of loops, arrow functions, etc need to know.
Q. What I will build in this course?
A. In this course, you will create 10 different applications. Every application is focused on different subjects of react like hooks, context API, web API, local storage, firebase, login, etc. We will create a different application for every major concept. This helps a beginner to understand the topic easily. Also, this will give you a nice portfolio to publish on Github, giving a nice proof of your gradual learning.
Q. Why should I learn ReactJS?
A. ReactJS is one of the most popular React library that is looked after by companies hiring for front end developers. This course will give you enough confidence and projects, in-depth understanding of react that you will be able to apply for Jr. Front End developer or Jr. React Developer positions.
Q. Where are the code files used in this course?
A. All code files are already included in this course. All most all (not all videos) videos have attachment, where whatever code I have written in that video, is attached in the video. Final projects are included in this course.
Q. Why there are bug fixing videos in this course?
A. I have tried to give you a real-world development approach with this course. Not all codes are written with “You write and it will work like magic” approach. All developers make mistakes and I have not skipped that part. All though very less but all debugging videos are added in the course (some in fast forward mode), so that you can see and understand the debugging process.
I hope that this course will serve you best at most affordable pricing that I can offer.
Thanks,