Tags
Language
Tags
March 2024
Su Mo Tu We Th Fr Sa
25 26 27 28 29 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6

Udemy - The React practice course, learn by building projects

Posted By: ParRus
Udemy - The React practice course, learn by building projects

Udemy - The React practice course, learn by building projects
WEBRip | English | MP4 | 1280 x 720 | AVC ~1034 Kbps | 30 fps
AAC | 128 Kbps | 44.1 KHz | 2 channels | Subs: English | 43:43:49 | 24.76 GB
Genre: Video Tutorial / Programming

Including three full practice project, a landing page, a Firebase project and a fullstack with Mongo DB and Node.
What you'll learn
Gain more knowledge to build better or more complex websites.

Requirements
A little bit of ES5 and ES6.

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.

Who this course is for:
From beginners to intermediate.

also You can find my other useful: programming-posts

General
Complete name : 068 Installing Mongo DB - MAC.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 62.5 MiB
Duration : 7 min 27 s
Overall bit rate : 1 171 kb/s
Writing application : Lavf58.12.100

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings : CABAC / 4 Ref Frames
Format settings, CABAC : Yes
Format settings, RefFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 7 min 27 s
Bit rate : 1 034 kb/s
Nominal bit rate : 3 000 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.037
Stream size : 55.2 MiB (88%)
Writing library : x264 core 148
Encoding settings : cabac=1 / ref=3 / deblock=1:-1:-1 / analyse=0x1:0x111 / me=umh / subme=6 / psy=1 / psy_rd=1.00:0.15 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-3 / threads=22 / lookahead_threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=60 / keyint_min=6 / scenecut=0 / intra_refresh=0 / rc_lookahead=60 / rc=cbr / mbtree=1 / bitrate=3000 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=3000 / vbv_bufsize=6000 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : mp4a-40-2
Duration : 7 min 27 s
Bit rate mode : Constant
Bit rate : 128 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 kHz
Frame rate : 43.066 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 6.83 MiB (11%)
Default : Yes
Alternate group : 1

Screenshots

Udemy - The React practice course, learn by building projects

Udemy - The React practice course, learn by building projects

Udemy - The React practice course, learn by building projects

Udemy - The React practice course, learn by building projects

Udemy - The React practice course, learn by building projects

✅ Exclusive eLearning Videos ParRus-blogadd to bookmarks

Feel free to contact me PM
when links are dead or want any repost

Udemy - The React practice course, learn by building projects