Course Curriculum
Introduction
Available in
days
days
after you enroll
Developer Setup
Available in
days
days
after you enroll
Quote Generator
Available in
days
days
after you enroll
- Quote Generator Project Overview (2:01)
- Setting Up Our Project (4:59)
- Styling and HTML Elements (14:27)
- Creating Beautiful Buttons (6:55)
- Update to API
- [NEW] Fetching Data With JavaScript (17:29)
- Different API Option
- [NEW] Manipulating DOM With JavaScript (15:12)
- [NEW] Creating A Loader With JavaScript (8:32)
- Sharing Your Projects
- Quick Note: Upcoming Videos
- [OPTIONAL] Fetching Data With JavaScript (8:09)
- [OPTIONAL] 429 Error
- [OPTIONAL] Build Your Own Proxy Server
- [OPTIONAL] Manipulating DOM With JavaScript (12:28)
- [OPTIONAL] Creating A Loader With JavaScript (5:08)
- Code Review (7:38)
- Manipulating The DOM
- Let's Have Some Fun (+ Free Resources)
Infinity Scroll
Available in
days
days
after you enroll
- Infinity Scroll Project Overview (2:02)
- Loader SVG (4:48)
- Centering Elements On The Page (11:19)
- Responsive Layout (6:14)
- Fetching Data (11:55)
- JavaScript To Display Data (14:06)
- Infinite Scroll With JavaScript (8:32)
- Infinite Scroll With JavaScript 2 (11:37)
- Code Review (6:24)
- Exercises: Cleaning Up The Code
- Unlimited Updates
Picture in Picture
Available in
days
days
after you enroll
Joke Teller
Available in
days
days
after you enroll
Light & Dark Mode
Available in
days
days
after you enroll
Animated Template
Available in
days
days
after you enroll
Navigation Nation
Available in
days
days
after you enroll
Music Player
Available in
days
days
after you enroll
Custom Countdown
Available in
days
days
after you enroll
- Custom Countdown Project Overview (2:03)
- Video Background (9:58)
- Building Our UI Components (11:19)
- Building Our UI Components 2 (10:33)
- JavaScript Dates (9:10)
- Form Values (6:59)
- Populate Countdown UI (15:31)
- setInterval And clearInterval (9:11)
- Finishing Up The UI (6:09)
- Caching With LocalStorage (10:17)
- Code Review (6:18)
Book Keeper
Available in
days
days
after you enroll
Video Player
Available in
days
days
after you enroll
- Video Player Project Overview (1:40)
- Video Source Updated
- Build UI - Player, Video, Mobile Responsive (8:14)
- Build UI - Controls HTML, Show Controls on Hover (14:41)
- Build UI - Progress Bar: Width, Hover (4:45)
- Build UI - Selection, Show CSS Variables (4:23)
- JS - Video Play/Pause (13:03)
- JS - Progress Bar (Dynamic Width) (6:45)
- JS - Populate Current Time / Duration (7:59)
- JS - Progress Bar (Seek) (7:36)
- JS - Volume (Slider) (11:00)
- JS - Volume (Mute/Unmute) (8:55)
- JS - Playback Seed (4:56)
- JS - Fullscreen (7:12)
- Code Review (6:22)
Form Validator
Available in
days
days
after you enroll
- Form Validator Project Overview (3:11)
- Build UI - HTML Forms, Input, Labels (12:55)
- Build UI - CSS (Body, Container), Google Fonts (7:42)
- Build UI - Form CSS (10:41)
- HTML Form Validation (13:44)
- JS - Validate Form (11:29)
- JS - Validate Passwords, Store Data (14:12)
- Code Review (6:53)
- How to Store User Passwords
- Exercise: Imposter Syndrome (2:55)
Spok Rock Game
Available in
days
days
after you enroll
- Spock Rock Project Overview (2:29)
- Build UI - Player Containers, FontAwesome (9:33)
- Build UI - CSS, Google Fonts (15:21)
- JS - Setup, Player Selection (13:35)
- JS - Computer Selection (9:48)
- JS - Check Results (12:37)
- JS - Reset All (5:18)
- JS - Confetti Functionality (9:42)
- JS - Module Refactoring (12:05)
- Code Review (13:16)
NASA APOD
Available in
days
days
after you enroll
- NASA APOD Project Overview (2:11)
- Asset - Custom Loading Animation (7:52)
- Build UI - Navigation (11:48)
- Build UI - Card with Image (13:46)
- JS - NASA API Documentation/Fetch (10:02)
- JS - Create DOM Elements (21:11)
- JS - Save Favourites (15:44)
- JS - Favorites DOM Elements (10:07)
- JS - Delete Favorites (7:07)
- JS - Navigation, Loader (12:22)
- Code Review (7:43)
- Optional: Declarative vs Imperative (6:18)
Math Sprint Game
Available in
days
days
after you enroll
- Math Sprint Game Project Overview (2:19)
- Build UI - Splash Page, Countdown (12:50)
- Build UI - Game Page, Score Page (8:33)
- JS - Radio Selection & Functionality (15:41)
- JS - Countdown Page (6:35)
- JS - Generate Random Equations (13:28)
- JS - Equations to DOM (7:49)
- JS - Automatic Scrolling & Player Input (8:05)
- JS - Check Score with Timing Events (16:40)
- JS - Score Page (13:27)
- JS - Best Scores in Local Storage (18:25)
- Code Review (12:19)
Drag n' Drop
Available in
days
days
after you enroll
Calculator
Available in
days
days
after you enroll
- Calculator Project Overview (1:28)
- Build UI - Calculator, Display, Buttons (8:12)
- Build UI - Display CSS (11:44)
- Build UI - CSS Grid (5:54)
- Build UI - Button CSS (9:28)
- JS - Adding Event Listeners (12:47)
- JS - Reset Value, Add Decimal (5:52)
- JS - Operator Functionality (12:06)
- JS - Calculation (12:18)
- Code Review (4:49)
Splash Page
Available in
days
days
after you enroll
Paint Clone
Available in
days
days
after you enroll
Pong
Available in
days
days
after you enroll
Where To Go From Here?
Available in
days
days
after you enroll
Appendix: How JavaScript Works
Available in
days
days
after you enroll
Appendix: Git, Github, Open Source
Available in
days
days
after you enroll
Appendix: Building a Portfolio
Available in
days
days
after you enroll
Appendix: CORS Issues
Available in
days
days
after you enroll