Skip to content
UdemyReactPaid courseAll LevelsCertificate

React practice course, learn by practicing (Udemy.com)

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

Created by: Coding Revolution

Last updated January 2022

icon
What you will learn

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

How it compares

Against the other 173 rated Udemy courses in React on CourseDuck:

  • Rating4.6 out of 5higher than 71% of them
  • Reviews923#64 of 174 by number of reviews
  • Length82.1 hourslonger than 97% of them
  • Last updatedJanuary 2022earlier than 71% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100

icon
Course Description

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.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Coding Revolution

I started long time ago when the internet fever was starting to appear.I began with programming to create websites for my personal projects but but after a while people started to contact me to develop their websites, funny how everything worked out.

I worked with technologies such as PHP, Wordpress, Laravel, NodeJS, Phyton and many other languages, but today I like to work with JavaScript based tech like React, Angular or VueJS. Yes I am JavaScript Lover :)

Build a lots of applications for very small companies and pretty huge ones like Citi, Fox, Disney, Roche and many others.

But besides developing, I like to interact with people by teaching what I love.


icon
More courses by Coding Revolution

$10.99

$69.99

$11.99

$10.99

$19.99

$10.99

icon
More React courses

$139.99

$94.99

$74.99

$69.99

$89.99

$99.99

icon
Reviews

4.6

923 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Koray Dündar on 4/8/2020

Great course and very fun projects! It makes you want keep coding! The only reason I am giving 3 stars is if you happen to face with a problem and ask questions you get zero respond! I asked so many question but none was answered. I know it is impossible to answer all the questions but it would be great to have some developer student who might help us, like many other instructors do it this way.

By Harry Gothold on 11/3/2019

Fernando is very good at teaching concepts and helping you understand what is going on. He takes the time to explain everything. However, I feel like some of the things that he does is over-engineered and could be done in a much simpler way. Sometimes the videos drag on for too long and you lose concentration. He also waffles about nothing at points. The first 2 projects were great and well structured, but when it got to the third, the content was great we built some really cool stuff with great features, but the folder structure and naming conventions are a bit all over the place. Overall I am very happy and would definitely recommend this course to anyone looking to advance their React & Node skills

By Keith Goddard on 4/30/2019

This was my 3rd course on React, so by the time I got to this one I was starting to grasp the concepts, but not everything had "clicked in place" for me yet. This course really made all the dots connect for me, and I was able to go on to work on fairly complex applications as a developer in the "real world". Building the 3 applications in the course really made it easy to connect the theory to the practical aspects of actually implementing meaningful projects. Although questions do not get answered by the author of the course, I would highly recommend this course to anyone trying to learn React. Really nicely done!

By Mike Bauer on 12/12/2018

Excellence. Covering such large projects is daunting and maybe even hard to stick with over the duration of the course, but the fact is that you are getting experience bringing together a complete project which has great value. The instructor has added so much to this course I almost feel bad for choosing this as my freebie on Black Friday. Well worth the money. I've had so many take aways and real world applications of this material already, easily one the best Udemy experiences Ive had so far.

By Giedrius on 11/18/2018

that was extremely valuable course. didnt even expect this kind of quality. immediately bought mern stack course from francis. some of the code is exceptionally elegant and well thought. lots of great decisions you may not think about yourself. this course also helped me to put in order some of the messy stuff inside my head. just keep in mind that this course is not suited for absolute beginners of react.

By Jani Karhunen on 11/8/2018

The instructor built a lot of stuff on the course projects without really explaining why things were built as they were. A lot of stuff remained unfinished, e.g. error handling is missing in many places. Instead of the previous, I would have liked to see one project really well built, and concepts and the whys explained in detail. This should not be your first React course.

By Vatt Sopheak on 9/16/2018

I've learned a lot through this course. I think this course is not for the absolute React beginner, but it's a great course for someone who has some experience with React. The instructor has 3 projects in this course and the 3rd one is the greatest and related to e-commerce project which I needed. He is funny and he led me to the video on youtube name "reverse auntie" which is the most funny part. Highly Recommend This Course !

By Farah Khan on 8/29/2018

The instructor explains the basics of React and E6 very clearly. I haven't gotten to the bigger practical projects yet, but I am very happy with the React for Web Mini-Course. It is not mini. It is very thorough. I am looking forward to the practical project section. Update: I have started the Waves project which is project 3 and I am quite impressed and amazed at how thorough and straightforward the instructor is at explaining the ins and outs of every aspect of full stack development, from setting up MongoDB, creating the server logic, setting up the models, explaining login and passwords, and on and on and on, on top of React fro the front end. I am very impressed. This is one of the best courses I have taken on Udemy.

By Luis Quinones on 8/5/2018

Ok here we go, what can I say, I love this course simply because it has exactly what I needed, what to make your own ecomerce site with react and the MERN stack? you got it, what to learn nodemailer, file uploader, password reset , send emails to those who have registered or reset the password , or emails to those who purchased from your site, animations real world projects , how to have a user and admin set up, css transitions how to use css transitions to save time from doing your own css animations, how to use 3rd party libraries to save you time, you have it all here, this course is for those who have been using react but needed to fill in the gaps because of other courses that do not cover the real world scenarios , Code Rev gets 5 stars from me, I have both his react courses and his Native react as well, keep up the good work!

By Pierrick Le Roy on 7/27/2018

Very good course so far. It has the merit to be different from all the other React courses I follow here on Udemy (and I am enrolled in a bunch of courses). It does not seem as popular as some other courses, but I am not afraid to say that what I learned so far feel more real-world, professional and useful for an upcoming freelancer or a junior developer. Projects in this course are more convincing and solid to display. 1 project uses Firebase and the other one uses the MERN stack. I have a decent knowledge in React/Redux/Express/Node but this course offers many new stuff to learn (especially in term of UI design)

By Anthony Xavier

Might have to redo the bits where the typos come in, I did get lost a couple of times, backtracking helped

By David Wilbanks

If you get it for $11, it's fine. You will learn a lot of animation and icon techniques (there are better and easier techniques out there), and you will definitely get basic React and Redux practice. If you are here for the e-commerce app though, you will not have an app ready for production or portfolio -- unless your potential employer isn't paying attention. Lots of bugs, routes that are not RESTful, variables named poorly, overcomplicated code, and worst of all, **zero** replies to any questions you might have. Still, if you already know best practices and you want what's listed in the first sentence, for $11 it's worth a buy.

Showing 12 of 58 reviews