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
05 04 Build Done Button Component
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