20 Web Projects With Vanilla JavaScript
Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries)
What you'll learn
Some Things You Will Learn In These Projects:
Спойлер: Программа
Introduction
3 lectures09:09
1: Form Validator | Intro Project
6 lectures55:15
2: Movie Seat Booking | DOM & Local Storage
6 lectures59:24
3: Custom Video Player | HTML5 Video API
5 lectures36:24
4: Exchange Rate Calculator | Fetch & JSON Intro
5 lectures38:45
5: DOM Array Methods | forEach, map, filter, sort, reduce
8 lectures51:20
6: Menu Slider & Modal | DOM & CSS
5 lectures40:56
7: Hangman Game | DOM, SVG, Events
7 lectures01:02:48
8: Meal Finder | Fetch & MealDB API
5 lectures57:39
9: Expense Tracker | Array Methods & Local Storage
7 lectures52:25
10: Music Player | HTML5 Audio API
6 lectures48:12
11: Infinite Scroll Posts | Fetch, Async/Await, CSS Loader
6 lectures34:17
12: Typing Game | DOM, Intervals, Events
6 lectures44:29
13: Speech Text Reader | Speech Synthesis
6 lectures49:02
14: Memory Cards | CSS Effects, Local Storage
8 lectures01:07:35
15: Lyrics Search App | Fetch, Pagination, Lyrics.ovh API
6 lectures53:34
16: Relaxer App | CSS Animations, setTimeout
4 lectures25:09
17: Breakout Game | HTML5 Canvas API
8 lectures01:07:06
18: New Year Countdown | DOM, Date & Time
4 lectures31:25
19: Sortable List | Drag & Drop API
6 lectures50:51
20: Speak Number Guessing Game | Speech Recognition
4 lectures31:20
Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries)
What you'll learn
- 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
Some Things You Will Learn In These Projects:
- 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)
- Fetch API & JSON
- HTML5 Canvas
- The Audio & Video API
- Drag & Drop
- Web Speech API (Syth & Recognition)
- Working with Local Storage
- High Order Array Methods - forEach, map, filter, reduce, sort
- setTimout, setInterval
- Arrow Functions
- and More!!
Спойлер: Программа
Introduction
3 lectures09:09
1: Form Validator | Intro Project
6 lectures55:15
2: Movie Seat Booking | DOM & Local Storage
6 lectures59:24
3: Custom Video Player | HTML5 Video API
5 lectures36:24
4: Exchange Rate Calculator | Fetch & JSON Intro
5 lectures38:45
5: DOM Array Methods | forEach, map, filter, sort, reduce
8 lectures51:20
6: Menu Slider & Modal | DOM & CSS
5 lectures40:56
7: Hangman Game | DOM, SVG, Events
7 lectures01:02:48
8: Meal Finder | Fetch & MealDB API
5 lectures57:39
9: Expense Tracker | Array Methods & Local Storage
7 lectures52:25
10: Music Player | HTML5 Audio API
6 lectures48:12
11: Infinite Scroll Posts | Fetch, Async/Await, CSS Loader
6 lectures34:17
12: Typing Game | DOM, Intervals, Events
6 lectures44:29
13: Speech Text Reader | Speech Synthesis
6 lectures49:02
14: Memory Cards | CSS Effects, Local Storage
8 lectures01:07:35
15: Lyrics Search App | Fetch, Pagination, Lyrics.ovh API
6 lectures53:34
16: Relaxer App | CSS Animations, setTimeout
4 lectures25:09
17: Breakout Game | HTML5 Canvas API
8 lectures01:07:06
18: New Year Countdown | DOM, Date & Time
4 lectures31:25
19: Sortable List | Drag & Drop API
6 lectures50:51
20: Speak Number Guessing Game | Speech Recognition
4 lectures31:20