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
This course includes:
- 10.5 hours on-demand video
- 1 downloadable resource
- Full lifetime access
- Access on mobile and TV
- Certificate of completion
This course starts by exploring the basics of React and its main use cases. We provide a brief definition of what React is and isn’t. From there, we examine the tools you need to get started, along with an introduction to JSX and React’s functional components. In this comprehensive hands-on project, you’ll learn a number of important concepts including props, callbacks, OnClick events, and passing parameters in callback functions. At the end of the first module, you’ve built a fully functional calculator, complete with display and numeric operators. We also cover important topics like React State Hook and Debugging.
In the second module, students build a Multiplayer Connect 4 clone with AI integration. Here we start styling each gameboard component, followed by further onClickEvents. This includes global, dynamic, and inline styles. From there we move on to Props, Destruction, and React Children. Students will explore key React properties along with lifecycle events, game initialization, CSS variables, and conditional rendering. Ultimately, you’ve created a complete Connect 4 game capable of automatically determining the winner in both AI-based and multiplayer single-player modes.
In Module Three, we’ll further unleash the power of React by building a complete ecommerce site with multiple product categories, product storefront, shopping cart features, and more. Here we introduce a number of basic new concepts including: JSON Server, Fetch API, and Installing React Router. This basic building block is used to render product categories, build product lists, and configure product detail pages. From there, we’ll dive into styling components, tweaking the store layout, and exploring the concept of “context” in React. In the final phase of the project, students configure a shopping cart and integrated checkout functionality. We’ll also implement a product search function, followed by an in-depth exercise on validating input forms in React.
As you can see, this course covers a lot. Best of all, it’s written by Tim Maclachlan – a renowned senior full-stack developer with over 20 years of commercial development experience. As a versatile developer, Tim’s core competencies include algorithms, analytics and mobile development. To date, he has written hundreds of resumes and worked in industries ranging from commercial aviation and the military to banking and finance. Tim has a real passion for teaching others how to be better coders and looks forward to interacting with his students.
With that in mind, we hope you’re as excited about this course as we are, if so – hit the save button and let’s get started.
How to Get this course FREE?
Get a 100% Discount On Udemy Paid Courses by clicking on the Apply Here Button. This Course coupon code is automatically added to the Apply Here Button.
Note: The udemy Courses Will be free for a Maximum of 1000 Learners can use the promo code AND Get this course 100% Free. After that, you will get this course at a discounted price. (Still, It’s a good deal for you to get this course at a discounted price).
External links may contain affiliate links, meaning we get a commission if you decide to make a purchase. Read our disclosure.