Playlist Duration

Playlist · Bro Code

JavaScript tutorial for beginners 🌐

by Bro Code · 80 videos

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

Total watch time

12h 50m

at 1× speed · exactly 12 hours, 49 minutes, 33 seconds at 1×

At an hour a day you'd finish in 13 days

The shape of the course

80 videos in blocks of 10 · each column is a block's total, to scale

1h 32m
1h 9m
1h 37m
1h 7m
1h 23m
1h 34m
1h 58m
2h 31m

WatchedTo watch

Compare Open on YouTube JSON

Next time, skip the copying: change youtube.com to playlistduration.com in any playlist, video or channel address and it opens here. Or see the total on YouTube itself, with our extension for Chrome, Firefox or Edge.

Your plan

Plan to finish

About 13 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 13 days. Turn on JavaScript to plan around your week.

Videos (80)

12h 50m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser. Titles open on YouTube in a new tab.

Videos to
Watched Leave out of the total
1 JavaScript tutorial for beginners 🌐 12:03 2023-10-14
2 JavaScript VARIABLES are easy! 📦 12:49 2023-11-01
3 JavaScript ARITHMETIC OPERATORS in 8 minutes! ➕ 8:28 2023-10-15
4 How to accept JavaScript USER INPUT in 5 minutes 💬 5:22 2023-10-15
5 Learn JavaScript TYPE CONVERSION in 5 minutes! 💱 5:40 2023-10-18
6 JavaScript CONSTANTS are easy 🚫 7:42 2023-10-18
7 JavaScript COUNTER PROGRAM 🔢 9:17 2023-10-18
8 Why the Math object in JavaScript is useful 🧮 5:37 2023-10-19
9 Random number generator in JavaScript ⁉ 8:37 2023-10-20
10 If statements in JavaScript are easy 🤔 15:58 2023-10-21
11 The JavaScript checked property is easy ✅ 10:07 2023-10-22
12 JavaScript TERNARY OPERATOR in 6 minutes! ❓ 6:46 2023-10-23
13 Learn JavaScript SWITCHES in 6 minutes! 💡 6:45 2023-10-24
14 Useful JavaScript STRING METHODS 🧵 8:03 2023-10-27
15 Learn JavaScript STRING SLICING in 8 minutes! ✂️ 8:02 2023-10-28
16 Learn JS METHOD CHAINING in 5 minutes! ⛓ 5:27 2023-12-19
17 Learn JavaScript LOGICAL OPERATORS in 5 minutes ❗ 5:42 2023-10-29
18 Learn JavaScript STRICT EQUALITY in 3 minutes! 🟰 3:58 2023-10-29
19 Learn JavaScript WHILE LOOPS in 8 minutes! 🔁 8:12 2023-10-30
20 Learn JavaScript FOR LOOPS in 5 minutes! 🔂 5:45 2023-11-01
21 JavaScript NUMBER GUESSING GAME ↕ 8:54 2023-11-02
22 JavaScript FUNCTIONS are easy! 📞 12:14 2023-11-03
23 Learn JavaScript VARIABLE SCOPE in 5 minutes! 🏠 5:26 2023-11-04
24 JavaScript TEMPERATURE CONVERSION PROGRAM 🌡️ 16:18 2023-11-04
25 Learn JavaScript ARRAYS in 8 minutes! 🗃 8:06 2023-11-05
26 Learn 2D ARRAYS in JavaScript in 6 minutes! ⬜ 6:31 2023-11-06
27 JavaScript SPREAD OPERATOR in 4 minutes! 📖 4:55 2023-11-07
28 JavaScript REST PARAMETERS in 8 minutes! 🗄 8:06 2023-11-07
29 Build this dice roller program with JavaScript 🎲 14:12 2023-11-25
30 Build this JavaScript random password generator 🔑 12:05 2023-11-29
31 Learn JavaScript CALLBACKS in 7 minutes! 🤙 7:17 2023-11-08
32 JavaScript forEach() method in 8 minutes! ➿ 8:02 2023-11-09
33 JavaScript map() method in 7 minutes! 🗺️ 7:02 2023-11-09
34 JavaScript filter() method in 6 minutes! 🚰 6:30 2023-11-10
35 JavaScript reduce() method in 5 minutes! ♻️ 5:16 2023-11-11
36 JavaScript FUNCTION EXPRESSIONS in 7 minutes! 🐣 7:32 2023-11-13
37 Learn JavaScript ARROW FUNCTIONS in 8 minutes! 🎯 8:02 2023-11-13
38 Learn JavaScript OBJECTS in 7 minutes! 🧍 7:01 2023-11-14
39 What is THIS in JavaScript? 👈 4:27 2023-11-15
40 JavaScript CONSTRUCTORS in 5 minutes! 🛠 5:32 2023-11-16
41 Learn JavaScript CLASSES in 6 minutes! 🏭 6:09 2023-11-17
42 Learn JavaScript STATIC keyword in 8 minutes! ⚡ 8:04 2023-11-18
43 Learn JavaScript INHERITANCE in 7 minutes! 🐇 7:04 2023-11-19
44 The JavaScript SUPER keyword is super! 🦸‍♂️ 9:22 2023-11-19
45 JavaScript GETTERS & SETTERS are awesome!!! 📐 13:14 2023-11-19
46 JavaScript DESTRUCTURING in 8 minutes! 💥 8:41 2023-11-20
47 Learn JavaScript NESTED OBJECTS easy! 📫 9:14 2023-11-21
48 JavaScript ARRAYS of OBJECTS are easy! 🍎 10:01 2023-11-21
49 Learn JavaScript SORTING in 6 minutes! 🗃 6:42 2023-11-22
50 How to SHUFFLE AN ARRAY in 4 minutes! 🔀 4:05 2023-11-22
51 Learn JavaScript DATE objects in 8 minutes! 📅 8:02 2023-11-23
52 Learn JavaScript CLOSURES in 10 minutes! 🔒 10:58 2023-11-24
53 Learn JavaScript setTimeout() in 6 minutes! ⏰ 6:13 2023-11-25
54 JavaScript console.time() is awesome! ⏲ 4:40 2023-11-25
55 Format currency EASY in JavaScript 💲 5:30 2023-11-28
56 Build a JS compound interest calculator 💰 18:29 2023-11-28
57 Build this digital clock with JavaScript! 🕐 10:48 2023-11-27
58 Build this stopwatch with JavaScript! ⏱ 18:06 2023-12-17
59 Learn JavaScript ES6 Modules in 6 minutes! 🚢 6:05 2023-11-29
60 What is asynchronous JavaScript code? 💤 4:48 2023-11-30
61 JavaScript Error handling in 9 minutes! ⚠ 9:03 2023-11-30
62 Build this JS calculator in 15 minutes! 🖩 15:20 2023-12-01
63 The JavaScript DOM explained in 5 minutes! 🌳 5:01 2023-12-05
64 Learn JavaScript ELEMENT SELECTORS easy! 📑 17:38 2023-12-05
65 Learn DOM Navigation in 15 minutes! 🧭 15:27 2023-12-06
66 How to ADD/CHANGE HTML using JavaScript 🛠️ 15:33 2023-12-11
67 Learn JavaScript MOUSE EVENTS in 10 minutes! 🖱 10:30 2023-12-12
68 Learn JavaScript KEY EVENTS in 10+ minutes! ⌨ 11:16 2023-12-14
69 How to HIDE and SHOW HTML using JavaScript 🖼 5:11 2023-12-14
70 What are NodeLists in JavaScript? 📃 13:22 2023-12-16
71 Learn the JavaScript classList property easy! 💡 16:00 2023-12-16
72 Build this rock paper scissors game with JavaScript! 👊 18:54 2023-12-24
73 Build this image slider with JavaScript! 🖼️ 15:49 2023-12-26
74 What is JavaScript CALLBACK HELL? 🔥 5:49 2023-12-19
75 What are JavaScript PROMISES? 🤞 12:37 2023-12-21
76 JavaScript ASYNC/AWAIT is easy! ⏳ 4:39 2023-12-21
77 Learn JSON files in 10 minutes! 📄 10:09 2023-12-22
78 Learn how JavaScript COOKIES work! 🍪 14:15 2022-04-23
79 How to FETCH data from an API using JavaScript ↩️ 14:17 2023-12-28
80 Create a weather app with JavaScript! ☀️ 38:40 2023-12-30
For your README

Embed a badge

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

Watch time: 12h 50m · 80 videos

Markdown
[![Watch time: 12h 50m · 80 videos](https://playlistduration.com/badge/playlist/PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv.svg)](https://playlistduration.com/playlist/PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv)
HTML
<a href="https://playlistduration.com/playlist/PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv"><img src="https://playlistduration.com/badge/playlist/PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv.svg" alt="Watch time: 12h 50m · 80 videos" width="210" 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/PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv returns them as JSON — free, no key. API docs →

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