15 Web Projects With Vanilla JavaScript: Build 15 mini frontend projects from scratch with HTML5, CSS & JavaScript – Asadullah Alam

Contents
Section 1: Introduction
Chapter 1: Welcome To The Course
Chapter 2: Getting Setup
Section 2: Project 1 – Form Validator, Intro Project
Chapter 3: Project Intro
Chapter 4: Project HTML
Chapter 5: Project CSS
Chapter 6: Adding Simple Validation
Chapter 7: Check Required & Refactor
Chapter 8: Check Length, Email & Password Match
Section 3: Project 2 – Movie Seat Booking, DOM &
Local Storage
Chapter 9: Project Intro
Chapter 10: Project HTML
Chapter 11: Project CSS
Chapter 12: Selecting Movie & Seats From UI
Chapter 13: Save Data To Local Storage
Chapter 14: Populate UI With Saved Data
Section 4: Project 3 – Custom Video Player, HTML5
Video API
Chapter 15: Project Intro
Chapter 16: Project HTML
Chapter 17: Project CSS
Chapter 18: Play, Pause & Stop
Chapter 19: Video Progress Bar & Timestamp
Section 5: Project 4 – Exchange Rate Calculator, Fetch & JSON Intro
Chapter 20: Project Intro
Chapter 21: Project HTML
Chapter 22: Project CSS
Chapter 23: A Look at JSON & Fetch
Chapter 24: Fetch Rates & Update DOM
Section 6: Project 5 – DOM Array Methods, forEach,
map, filter, sort, reduce
Chapter 25: Project Intro
Chapter 26: Project UI
Chapter 27: Generate Random Users – Fetch w/
Async/Await
Chapter 28: Output Users – forEach() & DOM Methods
Chapter 29: Double Money – map()
Chapter 30: Sort By Richest – sort()
Chapter 31: Show Millionaires – filter()
Chapter 32: Calculate Wealth – reduce()
Section 7: Project 6 – Menu Slider & Modal, DOM &
CSS
Chapter 33: Project Intro
Chapter 34: Project HTML
Chapter 35: Navbar Styling
Chapter 36: Header & Modal Styling
Chapter 37: Menu & Modal Toggle
Section 8: Project 7 – Hangman Game, DOM, SVG,
Events
Chapter 38: Project Intro
Chapter 39: Draw Hangman With SVG
Chapter 40: Main Styling
Chapter 41: Popup & Notification Styling
Chapter 42: Display Words Function
Chapter 43: Letter Press Event Handler
Chapter 44: Wrong Letters & Play Again
Section 9: Project 8 – Meal Finder, Fetch & MealDB
API
Chapter 45: Project Intro
Chapter 46: Project HTML & Base CSS
Chapter 47: Search & Display Meals From API
Chapter 48: Show Single Meal Page
Chapter 49: Display Random Meal & Single Meal CSS
Section 10: Project 9 – Expense Tracker, Array
Methods & Local Storage
Chapter 50: Project Intro
Chapter 51: Project HTML
Chapter 52: Project CSS
Chapter 53: Show Transaction Items
Chapter 54: Display Balance, Income & Expense
Chapter 55: Add & Delete Transactions
Chapter 56: Persist To Local Storage
Section 11: Project 10 – Infinite Scroll Posts, Fetch,
Async/Await, CSS Loader
Chapter 57: Project Intro
Chapter 58: Project HTML
Chapter 59: Project CSS & Loader Animation
Chapter 60: Get Initial Posts From API
Chapter 61: Add Infinite Scrolling
Chapter 62: Filter Fetched Posts
Section 12: Project 11 – Speech Text Reader, Speech
Synthesis
Chapter 63: Project Intro
Chapter 64: HTML & Output Speech Boxes
Chapter 65: Project CSS
Chapter 66: Get Speech Voices
Chapter 67: Speech Buttons
Chapter 68: Change Voice & Custom Text Box
Section 13: Project 12 – Relaxer App, CSS
Animations, setTimeout
Chapter 69: Project Intro
Chapter 70: Creating The Large Circle
Chapter 71: Creating & Animating The Pointer
Chapter 72: Breath Animation With JS Trigger
Section 14: Project 13 – New Year Countdown, DOM,
Date & Time
Chapter 73: Project Intro
Chapter 74: Landing Page HTML & Styling
Chapter 75: Create The Countdown
Chapter 76: Dynamic Year & Spinner
Section 15: Project 14 – Sortable List, Drag & Drop
API
Chapter 77: Project Intro
Chapter 78: Insert List Items Into DOM
Chapter 79: Scramble List Items
Chapter 80: Core CSS
Chapter 81: Drag & Drop Functionality
Chapter 82: Check Order
Section 16: Project 15 – Breakout Game, HTML5
Canvas API
Chapter 83: Project Intro
Chapter 84: Creating & Styling The Page
Chapter 85: Canvas Plan Outline
Chapter 86: Draw Ball, Paddle & Score
Chapter 87: Creating The Bricks
Chapter 88: Move Paddle
Chapter 89: Move Ball & Break Bricks
Chapter 90: Lose & Reset Game
~ Conclusion