20 Web Projects With Vanilla JavaScript

Course Description

• Build 20 Frontend Projects From Scratch
• No JS or CSS Frameworks
• Modern JavaScript (ES6+) – Arrows, Fetch, Promises, etc
• DOM Manipulation & Events
• Animations With CSS & JavaScript
• Fetch & JSON With 3rd Party API’s
• HTML5 Canvas, Speech API, Audio & Video
• Beginner Friendly

Level expectations

• Create Layouts & UI’s With HTML/CSS ( No CSS Frameworks )
• CSS Animations (Transitions, Keyframes, etc With JS Triggers)
• JavaScript Fundamentals
• DOM Selection & Manipulation
• JavaScript Events (Forms, buttons, scrolling, etc)

Content

• Introduction
• Form Validator | Intro Project
• Movie Seat Booking | DOM & Local Storage
• Custom Video Player | HTML5 Video API
• Exchange Rate Calculator | Fetch & JSON Intro
• DOM Array Methods | forEach, map, filter, sort, reduce
• Menu Slider & Modal | DOM & CSS
• Hangman Game | DOM, SVG, Events
• Meal Finder | Fetch & MealDB API
• Expense Tracker | Array Methods & Local Storage
• Music Player | HTML5 Audio API
• Infinite Scroll Posts | Fetch, Async/Await, CSS Loader
• Typing Game | DOM, Intervals, Events
• Speech Text Reader | Speech Synthesis
• Memory Cards | CSS Effects, Local Storage
• Lyrics Search App | Fetch, Pagination, Lyrics.ovh API
• Relaxer App | CSS Animations, setTimeout
• Breakout Game | HTML5 Canvas API
• New Year Countdown | DOM, Date & Time
• Speak Number Guessing Game | Speech Recognition
• Product Filtering UI