Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Build Your First App With React
Course Introduction
01 01 Introduction To Course (5:49)
01 02 Instructor Introduction (2:55)
01 03 Why Learn React (4:15)
01 04 Quick Win (5:35)
01 05 Course Requirements (1:17)
(Prerequisite) Introduction to JavaScript
01 01 Introduction To The Course (1:09)
01 02 Introduction Of The Instructor (0:36)
01 03 Why Should You Learn Javascript (0:51)
01 04 Quick Win (0:58)
01 05 Course Requirements (0:42)
Source Files
(Prerequisite) Variable Data Types
02 01 What Will We Learn In This Section (0:43)
02 02 Variables (10:21)
02 03 Data Types (5:39)
02 04 Variable Mutation (6:53)
02 05 Type Coercion (6:52)
02 06 Coding Challenge (1:36)
02 07 Coding Challenge Solution (2:42)
02 08 Section Summary (0:50)
Source Files
(Prerequisite) Operators
03 01 What Will We Learn In This Section (0:35)
03 02 Basic Operators (15:34)
03 03 Operator Precedence (5:43)
03 04 Coding Challenge (2:13)
03 05 Coding Challenge Solution (5:52)
03 06 Section Summary (0:56)
Source Files
(Prerequisite) Conditional Statements
04 01 What Will We Learn In This Section (0:35)
04 02 If Else Statements (11:46)
04 03 Boolean Logic (7:59)
04 04 Switch Statements (10:53)
04 05 Truthy And Falsie Values (6:03)
04 06 Equality Operators (4:55)
04 07 Coding Challenge (2:25)
04 08 Coding Challenge Solution (4:54)
04 09 Section Summary (1:14)
Source Files
(Prerequisite) Function Arrays
05 01 What Will We Learn In This Section (0:37)
05 02 Functions (9:47)
05 03 Function Statements And Expressions (7:38)
05 04 Arrays (10:08)
05 05 Coding Challenge (3:52)
05 06 Section Summary (1:29)
Source Files
(Prerequisite) Objects
06 01 What Will We Learn In This Section (0:49)
06 02 Objects And Properties (9:49)
06 03 Objects And Methods (12:26)
06 04 Objects Vs Primitives (16:19)
06 05 Coding Challenge (0:52)
06 06 Coding Challenge Solution (5:16)
06 07 Section Summary (0:44)
Source Files
(Prerequisite) Loops
07 01 What Will We Learn In This Section (0:38)
07 02 Loops (15:15)
07 03 Iteration (12:38)
07 04 Coding Challenge (1:05)
07 05 Coding Challenge Solution (6:33)
07 06 Section Summary (0:49)
Source Files
(Prerequisite) JavaScript Execution
08 01 What Will We Learn In This Section (0:57)
08 02 Javasript Parsers And Engines (5:17)
08 03 Execution Contexts And Execution Stack (2:27)
08 04 Creation And Execution Phases (6:33)
08 05 Hoisting (2:14)
08 06 Scoping (4:53)
08 07 Scope Chain (3:21)
08 08 This Keyword (4:15)
08 09 Coding Challenge (0:47)
08 10 Coding Challenge Solution (3:22)
Source Files
Layout the App
02 00 What We Will Learn In This Section (0:30)
02 01 Layout And Component Tree (2:45)
02 02 Set Up The App (3:09)
02 03 App State (1:24)
02 04 Build A Layout Component (7:10)
02 05 Summary (1:47)
02 06 Challenge 1 Solution (6:08)
Build App Components
03 01 What We Will Learn In This Section (1:11)
03 02 Build A To Do List Container (3:54)
03 03 Build Tasks List Component (5:23)
03 04 Build A Task Component (3:54)
03 05 Output Tasks Dynamically (6:34)
03 06 Calculate Tasks Sum Dynamically (5:51)
03 07 Section Summary And Challenge (2:33)
03 08 Challenge 2 Solution (6:08)
Build App Controls
04 01 What Will We Learn (1:46)
04 02 Create Form (5:25)
04 03 Moving Form To Component (7:48)
04 04 Connect State To Form Component (6:22)
04 05 Section Summary And Challenge (3:04)
04 06 Challenge 3 Solution (9:09)
Build App Update Component
05 01 What Will We Learn (1:10)
05 02 Remove Tasks Safely (6:02)
05 03 Display And Update Task Status (10:00)
05 04 Build Done Button Component (8:05)
05 05 Section Summary And Challenge (4:46)
05 06 Challenge 4 Solution (8:46)
Build App Navigation
06 01 What Will We Learn (1:44)
06 02 Build Header Component (5:10)
06 03 Build A Logo (8:44)
06 04 Add Sidebar To Todo App (8:25)
06 05 Make Sidebar Responsive (5:48)
06 06 Build Sidebar Toggle Button (6:38)
06 07 Build Hamburger Icon (11:30)
06 08 Section Summary And Challenge (3:19)
06 09 Challange 5 Solution (7:09)
Access a Server
07 01 What Will We Learn (1:42)
07 02 Setting Up Backend Using Json Server (7:21)
07 03 Build Axios Instance (5:47)
07 04 Fetch Data From Backend (8:16)
07 05 Post Data To Backend (9:48)
07 06 Axio Interceptors (7:26)
07 07 Loading Text While Fetching Data (3:51)
07 08 Section Summary And Challenge (6:08)
07 09 Challenge 6 Solution (8:17)
Improve the App
08 01 What Will We Learn (1:34)
08 02 Change Folder Structure (7:20)
08 03 Prop Type Validation (5:20)
08 04 Removing Warnings (4:17)
08 05 Section Summary (2:34)
Source
Course Summary and Next Steps
09 01 Final Section (6:10)
09 02 - Summary (1:47)
Code
06 04 Add Sidebar To Todo App
Lesson content will be unlocked within 30 minutes.
Teachable is working on this bug.
No further action will be required on your part
.
Thank you for your patience