English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 8.5 Hours | Lec: 53 | 2.30 GB
React JS is an awesome JS Framework for building Frontend Applications! React JS is leading over Angular JS or Vue JS
This is a truly complete React Js course, that goes way beyond what other React courses out there teach you.
I will take you from a complete React js beginner to an advanced developer. You will not just learn the React itself, you will also learn how to program. How to solve problems. How to structure and organize code using common standards/patterns.
Come with me on a journey with the goal of truly understanding the React JS. And I explain everything on the way with great detail!
You will learn “why” something works in React, not just “how”. Because in the modern JavaScript world of today, you need more than just knowing how something works. You need to debug code, you need to understand code, you need to be able to think about code.
So, by the end of the course, you will be a capable React developer, able to write, understand and debug JavaScript code using all the powerful features the language offers to us. You will be able to code your application using React js.
Here is exactly what we cover in this course:
- All the React JS and programming fundamentals: What is React? Who uses it? Adding React to your site.
- Everything you need to know in order to gain a deep understanding of how JavaScript works behind the scenes: React components, properties, state and parent/child relationship within React and more..
- How to make React code interact with webpages: DOM manipulation. Learn how to select and change webpage elements, create new elements and handle DOM events. Accessing React DOM.
Table of Contents
Introduction
1 Your first React JS Application
2 Extending your first React JS Application
3 Course Structure
4 Taking advantage of course material
Overview and Installation
5 Overview
6 Showcase
7 Installation – Sublime Text Node.js and Npm
8 Installing React JS and Setting up the workspace
The Basics
9 Understanding JSX
10 Components – State and Stateless
11 Rendering
12 Understanding Props
13 Prop Validations
14 Components API
15 Components Life Cycle
16 Forms in React – Part 1
17 Forms in React – Part 2
18 Forms in React – Part 3
19 React Router – Part 1
20 React Router – Part 2
21 new – React Router 4.0 installation and Docs
Project – Game
22 Overview
23 Lets get the HTML structure in Place
24 Moving the options to the child component
25 Adding the dynamic behavior to our new Child
26 Make the 2 numbers random
27 Randomize the game logic Yes its all about the logic..
28 Game Play – Click the option tiles and determining the correct one
29 Lets play again
30 Lets add some animations
Project Assignment – Easy ABC
31 Overview
32 Adding the HTML structure
33 Making content load from a JSON file
34 Lets add some functionality on the next button
35 Now lets make sure our past is covered – adding previous button functionality
36 Lets add some sound to our game
37 Adding the random and sound settings
38 Deploy the app to Heroku
Build my Resume
39 Overview – Ofcourse there has to be an overview
40 Lets Reactify our Orbit Theme
41 How about fetching the data from a JSON file
42 Break Things Down – To create components
43 Add more components – Lets make it dynamic
44 Wrapping up – Deploying
Love To Eat – Real world application
45 Overview
46 Lets setup Bootstrap for our app Yes Twitter Bootstrap
47 Routing is the important aspect of any app Lets add it…
48 New React Router 4.0 Upgrade to Real World Example – Love To Eat
49 Adding the input form
50 Adding Ingredients to our App
51 Lets create our Recipe object
52 Everything needs to be stored somewhere – LocalStorage
53 Lets upload some images – with Cloudinary
Resolve the captcha to access the links!