Udemy

React practice course, learn by practicing

Enroll Now
  • 4,859 Students
  • Updated 1/2022
4.6
(923 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 0 Minute(s)
Language
English
Taught by
Coding Revolution
Rating
4.6
(923 Ratings)

Course Overview

React practice course, learn by practicing

Including three full practice project, a landing page, a Firebase project and a fullstack with Mongo DB and Node.

Do you want to practice your React coding or just to learn it by creating webpages ?. This is the course for you.

Because sometimes the best way to learn its by practicing and because most of the courses teach you the just the basics and give you a todo app, I wanted to create something different. We will create Three real life projects,  so we can practice our react coding in a more real environment.

If you don’t know much of React, no worries. We will start simple with a static landing page , then we will go to a much more compete project with authentication and DB and last but not least we will create am e-commerce style project with user cart, PayPal, not only that we will create our own server to handle all the requests.

If you know nothing about React, don’t worry, I added a bonus section with a tiny React course so you can understand the basics and how react works. So you can start from there and then go to the practice projects.


To sum everything up, this what we will be creating in this course:


Project one ”The venue”:

  • How to create a project with React CLI

  • Creation of components

  • Using third party libraries

  • Creating transitions on reveal and carrousel.

  • Using parts of Material UI to make our app better.

  • Deployment of a static webpages to SURGE.


Project two “M City”:

  • Creating of routes to navigate our project

  • More complex animations and transitions

  • Rendering components using data from a server

  • We will use authentication and create an Admin endpoint

  • Firebase uploads and storage

  • Add a database on a server to work with

  • Deployment of the project to Firebase


Project three “Waves”:

  • E-Commerce style application

  • Creation of dynamic routes

  • Using REDUX as store.

  • Authentication, user dashboard and admin dashboard

  • Create a server with Node JS and express

  • Add database to our Project with Mongo DB

  • Creating different routes to process the requests

  • Add cart items to user account

  • Complete checkout with Paypal

  • Deployment to Heroku

And as a bonus just like tiny React course, you will get additional React components to the projects.

Course Content

  • 8 section(s)
  • 362 lecture(s)
  • Section 1 Start here
  • Section 2 Project one: The venue
  • Section 3 Project two: M.City
  • Section 4 Project three: Waves
  • Section 5 Project one: The Venue ( Old version - To be deleted soon )
  • Section 6 Project Two: Man City ( Old version - To be deleted soon )
  • Section 7 Project Three: Waves ( Old version - To be deleted soon )
  • Section 8 BONUS: React for WEB mini course

What You’ll Learn

  • Gain more knowledge to build better or more complex websites.


Reviews

  • K
    Kiran Singampalli
    5.0

    excellent

  • A
    Ayush Agarwal
    5.0

    Fantastic course! 3 major react projects using all popular tech stack, libraries and packages. Helped me a lot in learning React and Full Stack developement.

  • G
    Gajanan Pawaskar
    5.0

    This is best course to learn react. Well explained and easy to understand for beginners. You should really try his both react course.

  • E
    Ernest Cherry
    4.0

    The course was very educational. I learnt a lot. The content is a bit outdated but otherwise the instructor did a good job explaining and presenting different concepts.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed