playlistduration

Vanilla JavaScript

by Traversy Media · 60 videos

Listed in Best free JavaScript courses on YouTube, ranked by total hours

Total watch time

2d 7h 54m

at 1× speed · exactly 2 days, 7 hours, 53 minutes, 40 seconds at 1×

1×2d 7h 53m 40s
1.25×1d 20h 42m 56s
1.5×1d 13h 15m 47s
1.75×1d 7h 56m 23s
2×1d 3h 56m 50s
Average video55m 54s
Longest11h 54m
Shortest4m 58s
Compare Open on YouTube JSON

Plan to finish

About 56 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 56 days. Turn on JavaScript to plan around your week.

Videos (60)

2d 7h 54m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 JavaScript Crash Course For Beginners 1:40:30 2019-03-13
2 JavaScript DOM Crash Course - Part 1 39:01 2017-09-12
3 JavaScript DOM Crash Course - Part 2 21:21 2017-09-12
4 JavaScript DOM Crash Course - Part 3 33:45 2017-09-12
5 JavaScript DOM Crash Course - Part 4 [Final Project] 22:08 2017-09-12
6 JavaScript BookList App | No Frameworks 51:45 2018-12-24
7 Build A Filterable List With Vanilla JavaScript 17:46 2017-07-02
8 Simple Weight Converter App With JavaScript & Bootstrap 4 16:57 2017-07-23
9 JavaScript Higher Order Functions & Arrays 34:56 2018-01-13
10 JavaScript OOP Crash Course (ES5 & ES6) 40:21 2018-06-09
11 Async JS Crash Course - Callbacks, Promises, Async Await 24:31 2018-06-22
12 AJAX Crash Course (Vanilla JavaScript) 1:09:43 2017-08-28
13 Fetch API Introduction 30:54 2017-08-31
14 Create a Custom PDF Viewer With JavaScript 28:27 2019-02-14
15 Quick Autocomplete App With JS & JSON 19:29 2019-04-27
16 Learn JavaScript By Building A Bookmarker Application 45:30 2017-01-11
17 Pure JavaScript Type Writer Effect 36:25 2018-09-27
18 Google Geocode API & JavaScript Tutorial 32:47 2017-06-14
19 Google Maps JavaScript API Tutorial 27:27 2017-06-12
20 Create a Modal With HTML, CSS & JavaScript 31:27 2017-09-04
21 Full Screen Responsive Image Slider | No Libraries 31:55 2019-03-20
22 Vanilla JS Number Facts App - Ajax & Fetch 25:52 2017-10-03
23 Text To Speech & Synthesis App - JavaScript & Web Speech API 44:08 2018-09-06
24 JavaScript Zipcode App Using Fetch & Bulma CSS 35:00 2017-10-13
25 Facebook Login & Graph API | JavaScript SDK 41:08 2017-05-10
26 Simple JavaScript Slideshow In 5 Minutes 4:58 2017-02-15
27 Full Screen Image Slider With HTML, CSS & JS 27:26 2017-10-23
28 Use Babel & Webpack To Compile ES2015 - ES2017 29:54 2017-11-29
29 Modern Image Gallery With ES6 Vanilla JavaScript 22:36 2018-01-21
30 Animate Your Font Awesome Icons With JavaScript 18:52 2017-07-25
31 Build a Reddit Search App With ES6, Fetch & Parcel 45:53 2018-02-12
32 Star Ratings With JavaScript & Font Awesome 33:59 2018-03-02
33 Responsive Coming Soon Landing Page With Countdown 38:25 2018-03-09
34 Drag & Drop With Vanilla JS 19:00 2018-05-22
35 Fancy Form UI From Scratch - HTML, CSS3, JS & Sass 1:10:23 2018-06-13
36 Build A Pet Find App | JS, Parcel, Babel, Fetch-JSONP 49:59 2018-07-02
37 YouTube API Project With Authentication 58:24 2018-07-12
38 Build A Speed Typing Game In JavaScript 32:37 2018-08-06
39 Dynamic Landing Page | JavaScript 35:11 2019-06-10
40 Rock Paper Scissors Game - UI & JavaScript 47:03 2019-06-20
41 JavaScript Password Generator 35:31 2019-10-21
42 Animated Counter With JavaScript (HTML, CSS) 18:15 2020-03-02
43 Web Components Crash Course 28:54 2020-03-17
44 Easy Frontend JS Workflow With No Framework 22:26 2020-04-15
45 Breathe & Relax App - JavaScript & CSS Animations 22:43 2020-06-07
46 Build Minesweeper with JavaScript 48:06 2020-07-27
47 Multiplayer Snake Game | JavaScript & Socket.io 1:18:05 2020-09-09
48 Build Pac-Man Game With JavaScript 1:42:35 2020-09-16
49 Vanilla JavaScript Search App | Wikipedia API 2:13:11 2020-12-28
50 Build a Touch Slider with HTML, CSS & JavaScript 34:49 2021-02-03
51 Build a Music Player | Vanilla JavaScript 44:06 2021-04-10
52 Build 5 Projects With HTML, CSS & JavaScript 1:51:00 2021-08-05
53 JavaScript Drag & Drop Sortable List Project 51:43 2021-09-06
54 Build a Website Accessibility Tester With JavaScript & Pa11y 31:39 2021-11-09
55 Create A Simple JavaScript App to Generate QR Codes 37:13 2022-08-16
56 Modern JavaScript From The Beginning | First 12 Hours 11:54:00 2023-07-26
57 Tailwind & JavaScript Project - Products Filtering UI 45:21 2024-02-27
58 Build A Tesla Car Configurator | Tailwind & Vanilla JavaScript 1:30:35 2024-10-29
59 TTS & Translate App | Serverless Functions, Google Translate & Web Speech API 45:22 2025-01-20
60 Ambient Sound Mixer - JavaScript OOP Project - 3.5+ Hours 3:40:13 2025-10-14

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 2d 7h 54m · 60 videos

Markdown
[![Watch time: 2d 7h 54m · 60 videos](https://playlistduration.com/badge/playlist/PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX.svg)](https://playlistduration.com/playlist/PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX)
HTML
<a href="https://playlistduration.com/playlist/PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX"><img src="https://playlistduration.com/badge/playlist/PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX.svg" alt="Watch time: 2d 7h 54m · 60 videos" width="221" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.