Bro Code JavaScript Tutorial: study plan and how long it takes
The Bro Code playlist is 80 videos and 12.8 hours long. Here's how long it takes at different paces, a week-by-week schedule built from the real videos, and a planner that turns it into your own daily plan.
80 videos · 12.8 hours · Bro Code
Bro Code's JavaScript course keeps every concept to a short video and adds a mini project every few lessons: a random number generator, a digital clock, an image slider and a weather app. It covers operators, arrays and array methods like map, classes, sorting and DOM navigation.
About 13 hours in total, and most videos are under ten minutes.
Who it's for: Beginners who learn best from short videos and small projects.
How long does it take?
The full playlist is 12.8 hours across 80 videos. Here's roughly how many days that is at different daily watch times and speeds, counting video time only:
| Daily time | At 1x | At 1.5x | At 2x |
|---|---|---|---|
| 30 min a day | 26 days | 18 days | 13 days |
| 1 h a day | 13 days | 9 days | 7 days |
| 2 h a day | 7 days | 5 days | 4 days |
Make your own schedule
The playlist link is already filled in. Press Plan, set how much time you have each day and your speed, and you'll get a day-by-day schedule with a finish date and a calendar file. It reads the live playlist, so new videos are included.
Week-by-week schedule
A sample plan at 1 hour a day and normal speed, using whole videos so none is split across days. That's 3 weeks in total. For a different pace, start date or speed, use the planner above.
Week 1Videos 1–47 · 6h 26m
Day 1 · 52m
- 1JavaScript tutorial for beginners 🌐12m
- 2JavaScript VARIABLES are easy! 📦13m
- 3JavaScript ARITHMETIC OPERATORS in 8 minutes! ➕8m
- 4How to accept JavaScript USER INPUT in 5 minutes 💬5m
- 5Learn JavaScript TYPE CONVERSION in 5 minutes! 💱6m
- 6JavaScript CONSTANTS are easy 🚫8m
Day 2 · 56m
- 7JavaScript COUNTER PROGRAM 🔢9m
- 8Why the Math object in JavaScript is useful 🧮6m
- 9Random number generator in JavaScript ⁉9m
- 10If statements in JavaScript are easy 🤔16m
- 11The JavaScript checked property is easy ✅10m
- 12JavaScript TERNARY OPERATOR in 6 minutes! ❓7m
Day 3 · 52m
- 13Learn JavaScript SWITCHES in 6 minutes! 💡7m
- 14Useful JavaScript STRING METHODS 🧵8m
- 15Learn JavaScript STRING SLICING in 8 minutes! ✂️8m
- 16Learn JS METHOD CHAINING in 5 minutes! ⛓5m
- 17Learn JavaScript LOGICAL OPERATORS in 5 minutes ❗6m
- 18Learn JavaScript STRICT EQUALITY in 3 minutes! 🟰4m
- 19Learn JavaScript WHILE LOOPS in 8 minutes! 🔁8m
- 20Learn JavaScript FOR LOOPS in 5 minutes! 🔂6m
Day 4 · 57m
- 21JavaScript NUMBER GUESSING GAME ↕9m
- 22JavaScript FUNCTIONS are easy! 📞12m
- 23Learn JavaScript VARIABLE SCOPE in 5 minutes! 🏠5m
- 24JavaScript TEMPERATURE CONVERSION PROGRAM 🌡️16m
- 25Learn JavaScript ARRAYS in 8 minutes! 🗃8m
- 26Learn 2D ARRAYS in JavaScript in 6 minutes! ⬜7m
Day 5 · 55m
- 27JavaScript SPREAD OPERATOR in 4 minutes! 📖5m
- 28JavaScript REST PARAMETERS in 8 minutes! 🗄8m
- 29Build this dice roller program with JavaScript 🎲14m
- 30Build this JavaScript random password generator 🔑12m
- 31Learn JavaScript CALLBACKS in 7 minutes! 🤙7m
- 32JavaScript forEach() method in 8 minutes! ➿8m
Day 6 · 58m
- 33JavaScript map() method in 7 minutes! 🗺️7m
- 34JavaScript filter() method in 6 minutes! 🚰7m
- 35JavaScript reduce() method in 5 minutes! ♻️5m
- 36JavaScript FUNCTION EXPRESSIONS in 7 minutes! 🐣8m
- 37Learn JavaScript ARROW FUNCTIONS in 8 minutes! 🎯8m
- 38Learn JavaScript OBJECTS in 7 minutes! 🧍7m
- 39What is THIS in JavaScript? 👈4m
- 40JavaScript CONSTRUCTORS in 5 minutes! 🛠6m
- 41Learn JavaScript CLASSES in 6 minutes! 🏭6m
Day 7 · 56m
- 42Learn JavaScript STATIC keyword in 8 minutes! ⚡8m
- 43Learn JavaScript INHERITANCE in 7 minutes! 🐇7m
- 44The JavaScript SUPER keyword is super! 🦸♂️9m
- 45JavaScript GETTERS & SETTERS are awesome!!! 📐13m
- 46JavaScript DESTRUCTURING in 8 minutes! 💥9m
- 47Learn JavaScript NESTED OBJECTS easy! 📫9m
Week 2Videos 48–79 · 5h 45m
Day 8 · 56m
- 48JavaScript ARRAYS of OBJECTS are easy! 🍎10m
- 49Learn JavaScript SORTING in 6 minutes! 🗃7m
- 50How to SHUFFLE AN ARRAY in 4 minutes! 🔀4m
- 51Learn JavaScript DATE objects in 8 minutes! 📅8m
- 52Learn JavaScript CLOSURES in 10 minutes! 🔒11m
- 53Learn JavaScript setTimeout() in 6 minutes! ⏰6m
- 54JavaScript console.time() is awesome! ⏲5m
- 55Format currency EASY in JavaScript 💲6m
Day 9 · 58m
- 56Build a JS compound interest calculator 💰18m
- 57Build this digital clock with JavaScript! 🕐11m
- 58Build this stopwatch with JavaScript! ⏱18m
- 59Learn JavaScript ES6 Modules in 6 minutes! 🚢6m
- 60What is asynchronous JavaScript code? 💤5m
Day 10 · 47m
- 61JavaScript Error handling in 9 minutes! ⚠9m
- 62Build this JS calculator in 15 minutes! 🖩15m
- 63The JavaScript DOM explained in 5 minutes! 🌳5m
- 64Learn JavaScript ELEMENT SELECTORS easy! 📑18m
Day 11 · 58m
- 65Learn DOM Navigation in 15 minutes! 🧭15m
- 66How to ADD/CHANGE HTML using JavaScript 🛠️16m
- 67Learn JavaScript MOUSE EVENTS in 10 minutes! 🖱11m
- 68Learn JavaScript KEY EVENTS in 10+ minutes! ⌨11m
- 69How to HIDE and SHOW HTML using JavaScript 🖼5m
Day 12 · 48m
- 70What are NodeLists in JavaScript? 📃13m
- 71Learn the JavaScript classList property easy! 💡16m
- 72Build this rock paper scissors game with JavaScript! 👊19m
Day 13 · 49m
- 73Build this image slider with JavaScript! 🖼️16m
- 74What is JavaScript CALLBACK HELL? 🔥6m
- 75What are JavaScript PROMISES? 🤞13m
- 76JavaScript ASYNC/AWAIT is easy! ⏳5m
- 77Learn JSON files in 10 minutes! 📄10m
Day 14 · 29m
- 78Learn how JavaScript COOKIES work! 🍪14m
- 79How to FETCH data from an API using JavaScript ↩️14m
Week 3Video 80 · 39m
Day 15 · 39m
- 80Create a weather app with JavaScript! ☀️39m
Tips for finishing
- Build each project yourself first, then compare with Bro's version.
- A 30 to 45 minute daily time gets you through in about three weeks.