React - Complete Developer Course with Hands-On Projects
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
- React Events
- 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
YouAccel is a leading provider in online training, offering courses across numerous industries from IT and Development to Business, Marketing, Design, and Productivity.
The e-learning experience provided by YouAccel is Dynamic. Each course is streamed in High Definition with corresponding assignments, quizzes, and exams that are delivered and graded electronically. All YouAccel courses are taught by certified educators that have numerous years of work experience in the field for which they provide instruction.
The courses can be taken at one's own pace and are offered at several levels including beginner, intermediate and advanced. Online courses are also compatible with any mobile device for the ultimate in convenience.
Taking the experience to a new personalized level, live communication with instructors is available through Udemy's online messaging console. All courses come with a certificate of completion and no age restrictions apply.
I'm Tim MacLachlan, a full-stack Senior / Lead developer with over 20+ years of commercial development experience including 16+ years of .NET experience.
Multi-faceted developer with, blend of full-cycle development, with emphasis on low level, algorithmic, architectural, business intelligence and analytical and mobile development skills.
I've written hundred's of applications over the years and worked in a number of industries including Commercial Aviation, Military, Banking/Finance, Retail, Health
Loves to pass on experience and mentor other developers, and found that teaching others to become better coders and developers is what I really enjoy. I'm really excited for you to join me on one of my courses, and feel free to reach out to me to ask any questions.