React – Complete Developer Course with Hands-On Projects
Learn React JS through a Series of Hands-On Projects. Build an E-Commerce Site, Calculator, and Connect4 Game.
What you’ll learn
What is React?
The Tools Needed to Build React Projects
Introduction to Code Pen
Functional Components in React
Building a Fully Functional Calculator in React
Using React Props
Debugging in React
Using the React State Hook
Introduction to JSX
Styling React Projects
Building a Single and Multi-Player Connect-4 Clone Game with AI
Introduction to JSON Server
Using Fetch API
Building a Custom E-Commerce Site in React
Building an Integrated Search Function using React
Validating Forms in React
Basic Computer Skills
No programming experience needed. You will learn everything you need to know.
This course starts with exploring the foundations of React and its core use cases. We offer a concise definition of what React is and what it’s not. From there, we explore the tools needed to get started along with an introduction into JSX, and Functional React components. Through a complete hands-on project you will learn a number of important concepts including react props, callbacks, OnClick Events and passing parameters within callback functions. By the end of module one you will have built a fully functional calculator, complete with display and numerical operators. We will also cover important topics such as the React State Hook, and Debugging.
In the second module students build out a multiplayer Connect-4 clone, with AI integration. Here we start with styling the individual game board components followed by advanced onClickEvents. This includes global, dynamic and inline styling. From there, we move on to passing props, destructing, and React children. Students will explore the React key property, along with Lifecycle events, game initialization, CSS variables, and conditional rendering. By the end, you will have built a complete Connect-4 game capable of automatically determining the winner in both a multi-player and AI based single player setting.
In module three we further unleash the power of React by building out a complete e-commerce site with multiple product categories, a product showcase, shopping cart feature, and much more. Here, we introduce a number of integral new concepts including: JSON server, Fetch API, and installing React router. These essential building blocks will be used to render the product categories, style the product list, and configure the product details page. From there we dive into styled components, refactoring the shop layout, and exploring the concept of “context” in React. In the final stages of the project students will configure the shopping cart basket, and the integrated checkout feature. We will also implement a product search feature, followed by in-depth exercises on validating input forms in React.
As you can see this course covers a tremendous bit of ground. Best of all it’s authored by Tim Maclachlan – a renowned senior full-stack developer with over 20 years of commercial development experience. As a multi-faceted developer, Tim’s core competencies include algorithmic, analytical and mobile development. To date, he’s written hundreds of applications and worked in a number of industries from commercial aviation and military, to banking and finance. Tim has a genuine passion for teaching others how to become better coders and looks forward to interacting with his students.
With that said, we hope you’re just as excited about this course as we are, if so – hit the enroll button and let’s get started.
Who this course is for:
- Students interested in learning to Build Web Apps using React
- Students interested in interactive front-end development using React
Created by YouAccel Training
Size: 4.81 GB
The link of this one does not work either. Some of the links do work but some of the links won’t. After clicking the green button of click to verify and then the button disappears and nothing happens, which cannot proceed any further.