React practice course, learn by practicing
- Descripción
- Currículum
- Reseñas
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.
-
7Starting a fresh projectVideo lesson
-
8Creating the headerVideo lesson
-
9The sidedrawerVideo lesson
-
10Toggling header stateVideo lesson
-
11Creating the footerVideo lesson
-
12Adding a carrouselVideo lesson
-
13Creating the countdownVideo lesson
-
14Finishing the countdownVideo lesson
-
15The venue NFOVideo lesson
-
16Creating the highlightsVideo lesson
-
17Reusable buttonVideo lesson
-
18Pricing sectionVideo lesson
-
19Gmaps componentVideo lesson
-
20Adding the scroll toVideo lesson
-
21InstallationVideo lesson
-
22The HeaderVideo lesson
-
23Creating the footer and the logoVideo lesson
-
24The sign in formVideo lesson
-
25Sign in usersVideo lesson
-
26Log out and toastsVideo lesson
-
27Auth guardsVideo lesson
-
28Creating the dashboard layoutVideo lesson
-
29Starting with React-move part oneVideo lesson
-
30Starting with React-move part twoVideo lesson
-
31Animating the stripesVideo lesson
-
32Finishing animationsVideo lesson
-
33Importing data to firestoreVideo lesson
-
34Home matches part oneVideo lesson
-
35Home matches part twoVideo lesson
-
36Meet the players part oneVideo lesson
-
37Meet the players part twoVideo lesson
-
38Email promotion formVideo lesson
-
39Finishing the Email promotioVideo lesson
-
40Admin players list part 1Video lesson
-
41Admin players list part 2Video lesson
-
42Add/edit player part 1Video lesson
-
43Add/edit player part 2Video lesson
-
44Add/edit player part 3Video lesson
-
45Uploading player images part 1Video lesson
-
46Uploading player images part 2Video lesson
-
47Uploading player images part 3Video lesson
-
48Creatiing 'the team' sectionVideo lesson
-
49Finishing 'the team' sectionVideo lesson
-
50Admin matches listVideo lesson
-
51Add/edit match part 1Video lesson
-
52Add/edit match part 2Video lesson
-
53Add/edit match part 3Video lesson
-
54Add/edit match part 4Video lesson
-
55Creating the league's tableVideo lesson
-
56Filter matches part 1Video lesson
-
57Filter matches part 2Video lesson
-
58Not foundVideo lesson
-
59Changing the rulesVideo lesson
-
60DeployingVideo lesson
