React JS Course - Getting Started Guide to Beginners
What you'll learn
- Complete React JS course from Scratch
- You will learn to build Web Application with React JS
- Create a Scratch Pad app with React JS
- Build stateless components in React
- Complete understanding of Refs
- You will learn in-depth about Props
- Create child & nested elements within the App
- Perform CRUD (Create, Read, Update, Delete) Operations in React JS
- Basic HTML & CSS
- Basics knowledge about ES6+ (Optional)
In this React JS Course, we will build a Note-Taking App Project or you can call it Scratch Pad Project.
We will start by learning the basics of React and how to use the ECMA Script 6+ syntax to implement in our project.
I have is divided this course into three main sections:
In the 1st section, you will learn what is React JS and some more details about it. Then we will get into complete practicals. We will install the React Developer Tools in the browser, and then we will install Node JS for React. We would also require a Code Editor, for this course, we will be using VS Code. Then we will create a simple Hello, World! application in React.
Then, we will learn how JSX is used in React.
The 2nd section, it's all about the fundamentals of React. You will deep dive into React Library and understand how everything works. React completely works based on components, so we will learn what a component is in React JS, and also we will create our 1st component in React.
You will also learn what is a Stateless component in React JS, and then you will learn how to create, manage and work with props or properties in React JS. You will learn how to apply events and control the state of every component.
Then, you will learn about Refs in React and how to use them.
Once we have some basic understanding of all fundamentals in React, we will then get into building our live project. You might need some HTML and CSS skills because we will be creating a Scratchpad App with React, so it's going to need some styles.
As for our project, we will start by creating the background or the board, where all our Notes will be stored. We can do this with props in React JS.
Every note or every individual note we create is going to be the child element of that board we created. Here, you will learn how to add child elements to our board in React.
Then, you will learn how to create Notes and not just that, but you will also learn how to update and delete created notes in your React project. Once we get that part done, you will then learn how to add new notes to your projects and update and delete them individually.
Since these notes need to function individually, you need to work with Keys, you will learn how to apply unique Keys to manage individual Notes.
Once we are done with that, you will learn how to mount components and set the default styles of our project. You will learn how to update components and their states.
Our Note-Taking App project needs to be interactive, unlike other Note-Taking apps our project will have the option to drag any note the user creates. Making our Note-Taking app the best interactive App to work with.
Then finally, you will learn how to migrate your App to the Create-React-App project. The modern way of building React-based web applications.
That's it for this course, hope you all will enjoy the course and learn valuable information through it. I am always available in the Q and A section, and through Direct Message. So, if you have any queries or questions please do not hesitate to get in touch with me.
All the best for the future.
Who this course is for:
- Anyone who is willing to learn React from scratch
- Anyone who want ot develop an application with React
Hi, my name is Fatah Gabrial and I am a Graphic Designer, Web Designer, Web Developer, and SEO Enthusiast. I have been teaching Graphic Design, Web Design, and Web Development to my students since 2010, and I have helped more than 1000’s students to build their careers, and I have helped more than 100’s students to set up their businesses.
I am a Freelancer and I work on many projects from time to time. I share my projects with my students with my client's consent of course so that my students can have a Real-Time experience of how the Real-World Projects work. This helps my students to crack almost any interviews.
I love to code, and I love to design more than anything. I also love to adapt to new technologies, which also helps me in learning some new stuff, which I can share with my students later on.
Here at Udemy, I am going to share all my skills with you guys. I love to create courses for you so that you guys can master all the technologies as I have done throughout my experience.
I am always here and available in the Q & A Section, so you can get in touch with me anytime on Udemy, My Social Media Profiles, or my Website.