Playlist Duration

Playlist · Elzero Web School

Front-End Tutorials

by Elzero Web School · 35 videos

Total watch time

13h 14m

at 1× speed · exactly 13 hours, 14 minutes, 6 seconds at 1×

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

The shape of the course

Each column is one video, to scale

1:49:18

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

Videos (35)

13h 14m 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
1 [Arabic] HTML, CSS, JavaScript Tutorials - Guess The Word Game 1:49:18 2024-01-05
2 [Arabic] HTML, CSS, JavaScript Tutorials - Create Page Scroll Progress 8:40 2022-10-30
3 [Arabic] HTML, CSS, JavaScript Tutorials - Hangman Game 1:28:22 2022-10-20
4 [Arabic] HTML, CSS, JavaScript Tutorials - How To Use Currency API 7:44 2022-10-09
5 [Arabic] HTML, CSS, JavaScript Tutorials - Create Quiz Application 1:45:46 2022-07-20
6 [Arabic] HTML, CSS, JavaScript Tutorials - Fetch GitHub Repositories With Fetch API 36:25 2022-07-04
7 [Arabic] HTML, CSS, JavaScript Tutorials - Create Image Slider 53:45 2022-06-22
8 [Arabic] HTML, CSS, JavaScript Tutorials - Memory Blocks Game 1:19:08 2022-06-20
9 [Arabic] HTML, CSS Tutorials - Multiple Dotted Loader 5:38 2022-04-18
10 [Arabic] HTML, CSS Tutorials - Mix Blend Loading 6:28 2022-04-13
11 [Arabic] HTML, CSS Tutorials - Animated Wavy Background 9:08 2022-04-12
12 [Arabic] HTML, CSS Tutorials - Burger Icon Transform Effects 5:24 2022-04-07
13 [Arabic] HTML, CSS, JavaScript Tutorials - Create Typing Speed Test Game 41:30 2022-02-11
14 [Arabic] HTML, CSS, JavaScript Tutorials - Increase Numbers On Scrolling 9:46 2021-10-29
15 [Arabic] HTML, CSS, JavaScript Tutorials - Animate Width On Scrolling 7:06 2021-10-27
16 [Arabic] HTML, CSS, JavaScript Tutorials - Create Countdown Timer 13:24 2021-10-26
17 [Arabic] HTML, CSS Tutorials - Create Triangle With Clip Path 16:08 2021-10-25
18 [Arabic] HTML, CSS, JavaScript Tutorials - Count Input Characters And Fill Borders 10:15 2021-10-24
19 [Arabic] HTML, CSS Tutorials - Customize Scrollbar With CSS 9:23 2021-10-23
20 [Arabic] HTML, CSS, JavaScript Tutorials - Full Screen Navigation 12:55 2021-10-22
21 [Arabic] HTML, CSS Tutorials - Typewriter Effects With Pure CSS 8:45 2021-10-21
22 [Arabic] HTML, CSS, JavaScript Tutorials - To-Do App With Local Storage 40:35 2021-10-09
23 [Arabic] HTML, CSS, JavaScript Tutorials - Random Background Color 6:47 2021-09-30
24 [Arabic] HTML, CSS, JavaScript Tutorials - Create Our Works Filter 8:33 2021-09-08
25 [Arabic] HTML, CSS, JavaScript Tutorials - Generate Random Serial Number 9:22 2021-07-09
26 [Arabic] HTML, CSS, JavaScript Tutorials - Random Element From Sequence 4:26 2021-07-08
27 [Arabic] HTML, CSS, JavaScript Tutorials - Create Tabs 11:41 2021-07-02
28 [Arabic] HTML, CSS, JavaScript Tutorials - Scroll To Top 7:22 2021-06-30
29 [Arabic] HTML, CSS Tutorials - Customize Radio Input 11:28 2021-05-09
30 [Arabic] HTML, CSS Tutorials - Fill Element Background From Other Element 7:24 2021-04-14
31 [Arabic] HTML, CSS Tutorials - Create Ribbon Without Images 9:30 2021-04-13
32 [Arabic] HTML, CSS Tutorials - Create Tooltip In All Directions 10:41 2021-04-10
33 [Arabic] HTML, CSS Tutorials - Text Fill Effect On Hover 6:15 2021-04-09
34 [Arabic] HTML, CSS Tutorials - Moving To Right Text Effect On Hover 6:37 2021-04-08
35 [Arabic] HTML, CSS Tutorials - Centering Elements Horizontally And Vertically 8:27 2021-04-07
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: 13h 14m · 35 videos

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

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