Playlist Duration

Playlist · Elzero Web School

The Ultimate Front-End Practical Course

by Elzero Web School · 27 videos

Total watch time

4h 10m

at 1× speed · exactly 4 hours, 9 minutes, 52 seconds at 1×

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

The shape of the course

Each column is one video, to scale

13:39

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

Videos (27)

4h 10m 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] Ultimate Front-End Course #01 - Important Information & What To Study 6:36 2019-10-07
2 [Arabic] Ultimate Front-End Course #02 - Setting Up Environment 6:13 2019-10-08
3 [Arabic] Ultimate Front-End Course #003 - Create Project Structure and Files 6:51 2019-10-09
4 [Arabic] Ultimate Front-End Course #004 - Setup Gulp And Packages Part 1 5:59 2019-10-13
5 [Arabic] Ultimate Front-End Course #005 - Setup Gulp And Packages Part 2 8:32 2019-10-13
6 [Arabic] Ultimate Front-End Course #006 - Get Design From UI Ux & Discussions 9:26 2019-10-23
7 [Arabic] Ultimate Front-End Course #007 - Create Page Structure And Info 7:59 2019-11-20
8 [Arabic] Ultimate Front-End Course #008 - Create Sidebar And Content 9:56 2019-11-20
9 [Arabic] Ultimate Front-End Course #009 - Git Practice And Upload Lessons 10:45 2019-11-20
10 [Arabic] Ultimate Front-End Course #010 - Create The Toggle Sidebar Icon 11:14 2019-12-01
11 [Arabic] Ultimate Front-End Course #011 - Add Bootstrap 4 And Choose Colors 10:47 2019-12-01
12 [Arabic] Ultimate Front-End Course #012 - Create Sidebar Content Part 1 9:37 2019-12-01
13 [Arabic] Ultimate Front-End Course #013 - Create Sidebar Content Part 2 7:23 2019-12-01
14 [Arabic] Ultimate Front-End Course #014 - Create Sidebar Content Part 3 10:11 2019-12-01
15 [Arabic] Ultimate Front-End Course #015 - Create Page Head Component 7:01 2019-12-03
16 [Arabic] Ultimate Front-End Course #016 - Create Notification System Part 1 10:44 2019-12-03
17 [Arabic] Ultimate Front-End Course #017 - Create Notification System Part 2 11:37 2019-12-03
18 [Arabic] Ultimate Front-End Course #018 - Create Full Screen Icon In Header 11:05 2019-12-06
19 [Arabic] Ultimate Front-End Course #019 - Create User Mega Menu Part 1 6:28 2019-12-06
20 [Arabic] Ultimate Front-End Course #020 - Create User Mega Menu Part 2 11:17 2019-12-06
21 [Arabic] Ultimate Front-End Course #021 - Create The Main Settings Box 12:02 2019-12-10
22 [Arabic] Ultimate Front-End Course #022 - Create The Colors Theme Object 9:40 2019-12-10
23 [Arabic] Ultimate Front-End Course #023 - Create The Theme Option Part 1 9:42 2019-12-10
24 [Arabic] Ultimate Front-End Course #024 - Create The Theme Option Part 2 13:39 2019-12-10
25 [Arabic] Ultimate Front-End Course #025 - Training On Adding Colors 8:43 2019-12-28
26 [Arabic] Ultimate Front-End Course #026 - Create The Dynamic Active Class 6:06 2019-12-28
27 [Arabic] Ultimate Front-End Course #027 - Create The Fonts Option 10:19 2019-12-28
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: 4h 10m · 27 videos

Markdown
[![Watch time: 4h 10m · 27 videos](https://playlistduration.com/badge/playlist/PLDoPjvoNmBAxIUWHxTnmyS9jZwWtXGLon.svg)](https://playlistduration.com/playlist/PLDoPjvoNmBAxIUWHxTnmyS9jZwWtXGLon)
HTML
<a href="https://playlistduration.com/playlist/PLDoPjvoNmBAxIUWHxTnmyS9jZwWtXGLon"><img src="https://playlistduration.com/badge/playlist/PLDoPjvoNmBAxIUWHxTnmyS9jZwWtXGLon.svg" alt="Watch time: 4h 10m · 27 videos" width="203" 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/PLDoPjvoNmBAxIUWHxTnmyS9jZwWtXGLon 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.