The Complete ReactJs Course - Basics to Advanced [2023]
- Descripción
- Currículum
- Reseñas
What is this course about?
The Complete React JS Course – Basics to Advanced this course is a complete guide for React JS. Here, you will learn all the concepts required for becoming a front-end React JS developer. If you are new to web development or a professional developer who’s creating websites with plain old javascript or jQuery, this is your time to learn React JS and take your web development skills to the next level and impress your recruiter or clients.
React JS is gaining rapid popularity. In a very short time, it has become the most widely accepted web development JavaScript library. This is the right time for you to learn and add React JS to your skillset and excel in your career.
This course is designed in a way that anyone can understand the journey from the basics to advanced concepts of React with simple explanations by the instructor along with hands-on assignments and projects.
In the first part of this course:
-
We cover what is React JS, how it uses JSX, how the compilation is done behind the scenes using babel to browser understandable plain old HTML, CSS, and javascript.
-
After that, we explain ‘components’ which are the basic building blocks of a web page while working with React JS. We also cover the stateless and stateful components and when to use those components as well.
In the next section, we learn how to create modules in React JS and how to import or export those modules to other files so that we can reuse the same set of code.
In the following section, we will work on how do we style the components using CSS modules and how to create a nice user-friendly mobile responsive website.
We also cover how to work with props, how to pass data from stateful to stateless components, and how to pass functions from one component to another component.
We explain the different lifecycle methods of a React Component and how we can access and modify the data between these lifecycles using the various lifecycle methods available to us.
We will keep on adding more videos to the course as we are creating them. These videos will be available to you soon.
Who’s teaching you in this course?
I am a Computer Science graduate highly rated instructor with a rating of 4.3 and more than 200k students on Udemy, I have been part of the corporate circle since his college days. In my early days, I was part of a startup team delivering production grid android apps. Currently, I am a lead developer at EdYoda. I’m responsible for the entire front-end development & integration with the back-end. React, Python, Django is my areas of expertise. I have been delivering corporate training for Android, React, Javascript, Python & Django. I have an eye for detail & that makes me suited for delivering a finished product. I’m a fitness freak & working out is the favorite thing to do in my spare time.
I want everyone to enjoy the learning process and I have shared my knowledge that will be helpful for React developers.
Enroll now! see you in class
Happy Learning!
Team EdYoda
-
1ReactJS - IntroductionVideo lesson
Hey guys, Welcome to the ReactJS Module.
In this module, we are gonna cover everything you will need to create end-to-end React applications.
We will learn :
What is SPA(Single Page Application)
What is JSX
What are state and props
Stateful and Stateless components
CSS Modules
render() method
lifecycle methods
We will also have one practice assignment and one final project based on all the concepts we have learned so far in this course.
This is the introductory video of ReactJS. In this video, we will talk about
What is ReactJS?
How can it help you?
Who is using it?
Hope you are excited for this course!!
-
2ReactJS - Understanding SPAs and MPAsVideo lesson
Hey guys, in this video we will talk about Single and Multi-page Applications.
My Twitter Handle: @qaifikhan
-
3ReactJS - Creating our First React AppVideo lesson
Hey guys, in this video we will learn How to use create-react-app to bootstrap a new React project.
My Twitter Handle: @qaifikhan
-
4ReactJS - Project Structure created by CRAVideo lesson
Hey guys, in this video we will talk about different files created by default when we bootstrap a react project using create-react-app(CRA).
My Twitter Handle: @qaifikhan
-
5ReactJS - Introduction to JSXVideo lesson
Hey guys, in this video we will learn about JSX.
My Twitter Handle: @qaifikhan
-
6ReactJS - JSX Behind the ScenesVideo lesson
Hey guys, in this video we will talk about what happens behind the scenes when we use JSX.
My Twitter Handle: @qaifikhan
-
7ReactJS - Adding Styles to React ElementsVideo lesson
Hey guys, in this video we will learn how to add styles to React Elements using inline styles and external style sheet.
My Twitter Handle: @qaifikhan
-
8ReactJS - Create React Elements DynamicallyVideo lesson
Hey guys, in this video we will learn how to create react elements dynamically using lists.
My Twitter Handle: @qaifikhan
-
9ReactJS - Creating our First React ComponentVideo lesson
Hey guys, in this video we will learn how to create React Components.
My Twitter Handle: @qaifikhan
-
10ReactJS - Passing Data to Components using PropsVideo lesson
Hey guys, in this video we will learn how to pass data to components using props.
My Twitter Handle: @qaifikhan
-
12ReactJS - Introduction to CSS ModulesVideo lesson
Hey guys, in this video we will learn how to use CSS module to localize our CSS classes.
My Twitter Handle: @qaifikhan
-
13ReactJS - Creating Mobile Responsive ComponentsVideo lesson
Hey guys, in this video we will learn how to add media queries to make our components Mobile Responsive.
My Twitter Handle: @qaifikhan
-
14ReactJS - Stateful vs Stateless ComponentsVideo lesson
Hey guys, in this video we will learn about the difference between Stateful and Stateless Components.
My Twitter Handle: @qaifikhan
-
15ReactJS - Creating Class-based ComponentsVideo lesson
Hey guys, in this video we will learn how to create a Class-based Component.
My Twitter Handle: @qaifikhan
-
16ReactJS - More about setState() MethodVideo lesson
Hey guys, in this video we will learn more about the setState() method.
My Twitter Handle: @qaifikhan
-
17ReactJS - Passing Props to Class-based ComponentsVideo lesson
Hey guys, in this video we will learn how to pass props to class-based components.
My Twitter Handle: @qaifikhan
-
18ReactJS - Passing Function as PropsVideo lesson
Hey guys, in this video we will learn how to pass functions as props to components.
My Twitter Handle: @qaifikhan
-
19ReactJS - Practice Problem: Product Details PageVideo lesson
Hey guys,
In this video, I have talked about a small application, "Product Details Page". I want you to try and make it.
ProductData file URL: https://drive.google.com/file/d/14Wo44Xi-Dp2xR16d7WFx7fqiB33lKyzS/view?usp=sharing
My Twitter Handle: @qaifikhan
-
20ReactJS - Practice Problem: Product Details Page [Solution] - Part 1Video lesson
Hey guys,
This is part 1 of the solution for the Product Details Problem I gave in the previous video.
My Twitter Handle: @qaifikhan
-
21ReactJS - Practice Problem: Product Details Page [Solution] - Part 2Video lesson
Hey guys,
This is part 2 of the solution for the Product Details Problem I gave in the previous video.
My Twitter Handle: @qaifikhan
-
22ReactJS - Practice Problem: Product Details Page [Solution] - Part 3Video lesson
Hey guys,
This is part 3 of the solution for the Product Details Problem I gave in the previous video.
My Twitter Handle: @qaifikhan
