Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Front End React 16.8 +
Course Intro
Presentation & First Words
Try React Online !
The React Docs - Presentation (2:58)
Simple & stateless component (10:15)
Stateful complexe component (8:03)
Lifecycle & Props (4:00)
Component-based application 1/3 (10:41)
Component-based application 2/3 (8:25)
Component-based application 3/3 (1:23)
Introducing JSX (5:01)
Tools, Installation & Work Environment Set up
Getting Started : Technical Requirements
The Tools & environment (5:58)
Node.js & Npm (2:00)
Visual Code Studio (0:27)
Chrome Extensions (2:56)
React CLI (3:23)
Zero-configuration Set up (4:19)
create-react-app - Hello React (7:12)
"Hello React" (3:12)
Learn React : Fundamentals & Starter Projects
React Create App - CLI (5:40)
Intro to React : "Bonjour World" (0:42)
React Components : from stateless to stateful (5:49)
Initialize & Maintain State (6:03)
Handle Events : onMouseover, onClick (event-handling) (9:09)
List & Keys (15:23)
[Exercise] - Display a list (5:22)
[WORKSHOP] - Countdown
Project Set up (4:35)
Build the UI (8:07)
Styling the UI (4:23)
Countdown Interval (10:11)
Time Difference calculation 1/2 (12:14)
Time Difference Calculation 2/2 (1:31)
Maintain State (6:44)
DatePicker (13:12)
Add Styling (9:51)
Countdown - Date picker (select date) (5:12)
Final Steps (4:07)
Learn React : Further Topics
New Project to learn the fundamentals 1/3 (8:50)
New Project to learn the fundamentals 2/3 (8:49)
New Project to learn the fundamentals 3/3 (6:10)
List & keys (5:22)
Ternary Operator (5:42)
High order function : map() (4:15)
functions : delete, markComplete (8:37)
Code Splitting 1/2 (6:33)
Code Splitting 2/2 (7:57)
Spread Operator ... (5:41)
Reusable Item (2:47)
Conditional Rendering (6:32)
[Workshop] - Time management & Data Persistence
Presentation & Starter Project (7:27)
Conditional UI rendering (7:35)
User Interaction (8:54)
manage immutable state (1:18)
render items (4:10)
JS objects (4:57)
Iterating and Rendering with map() (7:21)
Iterating and Filtering with filter() (5:51)
Adding a Progress Bar (13:55)
Form Validation (1:28)
HTML5 LocalStorage (8:32)
Breaking the UI up (14:02)
Networking- Internet Data Fetching & APIs
Intro to Networking (2:58)
Starter Project & assets (2:27)
The Breaking Bad API (5:54)
Chrome Extension : JSON View (0:53)
Learn Fetch() (6:40)
Making Asynchronous HTTP Request & Promise (4:21)
Refresh Font Awesome (3:28)
Flat UI Colors, Styling (4:39)
Finishing (8:41)
Build a React.js Weather App
OWM website (2:38)
OWM API Key (1:34)
OWM Documentation (8:35)
Create a weather app (10:32)
Networking with fetch() (9:02)
Parsing response (15:00)
Booststrap CSS (11:17)
Dashboard Component (11:17)
Dashboard Component (12:07)
Country flags API (5:16)
Date & Time (16:09)
Alert Dialog (12:40)
Refactorisation - immutable state (3:42)
Persisting with HTML5 Localstorage (7:32)
Project Set up
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock