Playlist · Elzero Web School

jQuery Practical Examples

by Elzero Web School · 53 videos

Total watch time

7h 58m

at 1× speed · exactly 7 hours, 58 minutes, 12 seconds at 1×

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

The shape of the course

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

1h 27m
1h 33m
1h 40m
1h 22m
1h 29m
27m 11s

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

Videos (53)

7h 58m 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 jQuery Practical Course #001 - Course Introduction 5:27 2018-01-11
2 Arabic jQuery Practical Course #002 - Scroll To Element 14:41 2018-01-11
3 Arabic jQuery Practical Course #003 - Calculate Body Padding 7:40 2018-01-11
4 Arabic jQuery Practical Course #004 - Add Active Class With All Methods 9:04 2018-01-11
5 Arabic jQuery Practical Course #005 - Sync Links With Sections Part 1 7:33 2018-01-11
6 Arabic jQuery Practical Course #006 - Sync Links With Sections Part 2 8:23 2018-01-11
7 Arabic jQuery Practical Course #007 - Scroll To Top Button Part 1 8:47 2018-02-02
8 Arabic jQuery Practical Course #008 - Scroll To Top Button Part 2 8:47 2018-02-02
9 Arabic jQuery Practical Course #009 - Create Popup With Options Part 1 7:49 2018-02-02
10 Arabic jQuery Practical Course #010 - Create Popup With Options Part 2 8:54 2018-02-02
11 Arabic jQuery Practical Course #011 - Create Popup With Options Part 3 9:51 2018-02-02
12 Arabic jQuery Practical Course #012 - Buttons With Effects Part 1 8:57 2018-02-03
13 Arabic jQuery Practical Course #013 - Buttons With Effects Part 2 6:54 2018-02-03
14 Arabic jQuery Practical Course #014 - Buttons With Effects Part 3 5:49 2018-02-03
15 Arabic jQuery Practical Course #015 - Buttons With Effects Part 4 8:26 2018-02-03
16 Arabic jQuery Practical Course #016 - Animated Progress Bar Part 1 9:34 2018-02-05
17 Arabic jQuery Practical Course #017 - Animated Progress Bar Part 2 8:19 2018-02-05
18 Arabic jQuery Practical Course #018 - Fixed Menu Part 1 8:52 2018-02-05
19 Arabic jQuery Practical Course #019 - Fixed Menu Part 2 10:00 2018-02-05
20 Arabic jQuery Practical Course #020 - How To Change Theme Color 15:55 2018-02-06
21 Arabic jQuery Practical Course #021 - Gallery Slider With Thumbnails Part 1 11:56 2018-02-06
22 Arabic jQuery Practical Course #022 - Gallery Slider With Thumbnails Part 2 9:23 2018-02-06
23 Arabic jQuery Practical Course #023 - Gallery Slider With Thumbnails Part 3 12:49 2018-02-06
24 Arabic jQuery Practical Course #024 - Gallery Slider With Thumbnails Part 4 11:44 2018-02-06
25 Arabic jQuery Practical Course #025 - Toggle Product Description 11:21 2018-02-09
26 Arabic jQuery Practical Course #026 - Toggle Between List and Grid View Part 1 12:03 2018-02-09
27 Arabic jQuery Practical Course #027 - Toggle Between List and Grid View Part 2 9:27 2018-02-09
28 Arabic jQuery Practical Course #028 - Show Error Messages 8:03 2018-02-09
29 Arabic jQuery Practical Course #029 - Form - Hide Placeholder On Focus 6:10 2018-02-10
30 Arabic jQuery Practical Course #030 - Form - Show Error Message On Empty Fields 7:21 2018-02-10
31 Arabic jQuery Practical Course #031 - Form - Add Asterisk On Required Fields 10:49 2018-02-10
32 Arabic jQuery Practical Course #032 - Form - Custom Input File Part 1 8:57 2018-02-11
33 Arabic jQuery Practical Course #033 - Form - Custom Input File Part 2 6:16 2018-02-11
34 Arabic jQuery Practical Course #034 - Form - Detect Key Unicode On Input 6:45 2018-02-13
35 Arabic jQuery Practical Course #035 - Form - Change Input Direction Depend On Language Part 1 8:26 2018-02-13
36 Arabic jQuery Practical Course #036 - Form - Change Input Direction Depend On Language Part 2 8:27 2018-02-13
37 Arabic jQuery Practical Course #037 - Form - Convert Input Value To Tags Part 1 8:25 2018-02-16
38 Arabic jQuery Practical Course #038 - Form - Convert Input Value To Tags Part 2 5:32 2018-02-16
39 Arabic jQuery Practical Course #039 - Function To Trim Text 9:08 2018-02-16
40 Arabic jQuery Practical Course #040 - Create Bounce Effects Part 1 9:15 2018-02-16
41 Arabic jQuery Practical Course #041 - Create Bounce Effects Part 2 7:42 2018-02-16
42 Arabic jQuery Practical Course #042 - Create Elements With Same Height 5:46 2018-02-21
43 Arabic jQuery Practical Course #043 - Create Shuffle Cards 12:10 2018-02-21
44 Arabic jQuery Practical Course #044 - Create Blink Warning 5:22 2018-02-21
45 Arabic jQuery Practical Course #045 - How To Create To Do List Part 1 8:53 2018-02-24
46 Arabic jQuery Practical Course #046 - How To Create To Do List Part 2 9:25 2018-02-24
47 Arabic jQuery Practical Course #047 - How To Create Typewriter Effects 11:06 2018-02-28
48 Arabic jQuery Practical Course #048 - How To Calculate Item Prices 5:44 2018-02-28
49 Arabic jQuery Practical Course #049 - How To Auto Change Content 12:04 2018-02-28
50 Arabic jQuery Practical Course #050 - Create Dynamic Tabs Part 1 10:50 2018-03-19
51 Arabic jQuery Practical Course #051 - Create Dynamic Tabs Part 2 7:48 2018-03-19
52 Arabic jQuery Practical Course #052 - Create Email Suggest Box Part 1 11:17 2018-03-19
53 Arabic jQuery Practical Course #053 - Create Email Suggest Box Part 2 8:06 2018-03-19
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: 7h 58m · 53 videos

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

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