Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Web2 101
Welcome
Welcome (0:48)
Support & Resources
Learn the basics of web fundamentals
Full stack development learning path (6:58)
How does the internet actually work? (7:14)
Intro to DNS - Domain Name System (2:30)
Fundamentals of HTTP protocol (7:15)
How does a website load? (5:20)
Learn Basics of HTML, CSS and Javascript
HTML Basics (1/2) (7:35)
HTML Basics (2/2) (9:13)
CSS Basics (1/2) (10:15)
CSS Basics (2/2) (9:38)
Setting up local environment for Javascript (6:26)
Javascript Basics (1/2) (9:43)
Javascript Basics (2/2) (10:54)
Advanced Javascript Concepts
Functions (6:20)
Arrays (3:39)
Break v Continue v Return (3:54)
Equality Check (5:35)
Objects (7:24)
Scoping (3:17)
Arrow Functions (6:41)
Event Listeners (3:20)
Callbacks (5:22)
Promises and Fetch (3:12)
Await (3:29)
Learn NPM - Node Package Manager
Node.js Architecture (4:16)
What is Npm? (3:37)
How to use Npm? (4:02)
Npm v Yarn (3:31)
How does package.json work? (1:57)
Local v global modules (6:54)
Dependencies v devDependencies v peerDependencies (3:17)
Using Git and Github
Intro to Git (3:57)
Git actions: init, add, rm, status, commit (10:31)
Git ignore (3:39)
Undo last commit: Git revert and Git reset (5:15)
Working with various branches and merging changes (6:28)
Take git online with Github (9:44)
Learn React - Beginner
Intro to React (1:29)
npx create-react-app command (8:16)
Hierarchy of components (8:27)
Build React projects - Beginner
Create a simple React project (7:54)
Structure of a React app (8:27)
Create a Todo List App - Add and Remove Todo functions (1/6) (9:23)
Create a Todo List App - Add and Remove Todo renders (2/6) (11:13)
Create a Todo List App - Edit Todo (3/6) (4:13)
Create a Todo List App - useEffect and localStorage (4/6) (6:38)
Create a Todo List App - Persist data upon page refresh (5/6) (2:45)
Create a Todo List App - Prettify the user interface (6/6) (6:59)
Deploy React app to Github - Configure the app code (1/2) (10:08)
Deploy React app to Github - Configure Github Pages (2/2) (8:26)
Learn React - Intermediate
Intro to Routing (1/2) (6:12)
Create multiple routes (2/2) (9:33)
Context (11:42)
Fragments (4:12)
Build React projects - Intermediate
Create a Space Flight API App - Starting with static data (1/3) (6:24)
Create a Space Flight API App - Retrieve dynamic data from a remote API endpoint (2/3) (10:35)
Create a Space Flight API App - Prettify the UI using CSS (3/3) (10:18)
Intro to IPFS - Interplanetary File System (4:37)
Deploy React app to IPFS - Configure the app code and Fleek.co settings (1/2) (6:47)
Deploy React app to IPFS - View your app hosted on IPFS (2/2) (6:55)
Build TikTok Clone using React
Intro to Tiktok Clone App (0:45)
Create videos metadata file (8:28)
Implement play and pause (9:20)
Prettify the video on the page (11:01)
Display channel name, song and description on the footer (10:00)
Prettify the footer (9:12)
Display the number of likes, messages and shares on the sidebar (9:37)
Increment and decrement the number of likes dynamically (1:13)
Modifying the sidebar UI and some improvements you can make (2:37)
npx create-react-app command
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock