[Udemy] [Brad Traversy] 20 Web Projects With Vanilla JavaScript

[admin]

20 Web Projects With Vanilla JavaScript
Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries)

What youll 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 APIs
HTML5 Canvas, Speech API, Audio & Video
Beginner Friendly

Some Things You Will Learn In These Projects:


Create Layouts & UIs 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