Playlist · Information Technology

Angular 6 شرح بالعربي للمهندس أحمد ربيع

by Information Technology · 85 videos

Total watch time

17h 46m

at 1× speed · exactly 17 hours, 45 minutes, 59 seconds at 1×

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

The shape of the course

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

2h 18m
1h 27m
1h 30m
2h 16m
2h 6m
1h 18m
2h 23m
2h 18m
2h 9m

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

Videos (85)

17h 46m 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 01-Angular 6 (Angular Installing - Angular Structure) By Eng-Ahmed Rabie | Arabic 41:46 2023-11-21
2 02-Angular 6 (Create Simple Component) By Eng-Ahmed Rabie | Arabic 14:05 2023-11-21
3 03-Angular 6 (Create Component Using Angular CLI) By Eng-Ahmed Rabie | Arabic 7:46 2023-11-21
4 04-Angular 6 (Angular Directive and Template) By Eng-Ahmed Rabie | Arabic 4:59 2023-11-21
5 05-Angular 6 (Services) By Eng-Ahmed Rabie | Arabic 8:43 2023-11-21
6 06-Angular 6 (Services using Angular CLI) By Eng-Ahmed Rabie | Arabic 3:17 2023-11-21
7 07-Angular 6 (Property Binding One Way Binding) By Eng-Ahmed Rabie | Arabic 23:20 2023-11-21
8 08-Angular 6 (Adding Bootstrap to Angular Application) By Eng-Ahmed Rabie | Arabic 11:23 2023-11-21
9 09-Angular 6 (Class binding Event Binding Filter Events) By Eng-Ahmed Rabie | Arabic 17:15 2023-11-21
10 10-Angular 6 (Template Variables) By Eng-Ahmed Rabie | Arabic 5:39 2023-11-21
11 11-Angular 6 (Two Way Binding) By Eng-Ahmed Rabie | Arabic 14:00 2023-11-22
12 12-Angular 6 (Favorite Component Task) By Eng-Ahmed Rabie | Arabic 4:21 2023-11-22
13 13-Angular 6 (Pipes & Custom Pipes) By Eng-Ahmed Rabie | Arabic 14:35 2023-11-22
14 14-Angular 6 (Angular Input and Output Property) By Eng-Ahmed Rabie | Arabic 13:05 2023-11-22
15 15-Angular 6 (Ng-Content - Ng-Container) By Eng-Ahmed Rabie | Arabic 7:09 2023-11-22
16 16-Angular 6 (NgFor) By Eng-Ahmed Rabie | Arabic 8:04 2023-11-22
17 17-Angular 6 (NgFor Group By for Nested Array of Objects) By Eng-Ahmed Rabie | Arabic 8:09 2023-11-22
18 18-Angular 6 (NgFor add and remove items) By Eng-Ahmed Rabie | Arabic 6:00 2023-11-22
19 19-Angular 6 (NgFor TrackBy) By Eng-Ahmed Rabie | Arabic 7:16 2023-11-22
20 20-Angular 6 (NgIf with Ng-Template) By Eng-Ahmed Rabie | Arabic 4:49 2023-11-22
21 21-Angular 6 (NgIf vs Hidden Property) By Eng-Ahmed Rabie | Arabic 3:09 2023-11-22
22 22-Angular 6 (NgSwitchCase) By Eng-Ahmed Rabie | Arabic 9:59 2023-11-22
23 23-Angular 6 (NgClass) By Eng-Ahmed Rabie | Arabic 3:20 2023-11-22
24 24-Angular 6 (NgStyle) By Eng-Ahmed Rabie | Arabic 5:49 2023-11-22
25 25-Angular 6 (Custom Directives) By Eng-Ahmed Rabie | Arabic 12:12 2023-11-22
26 26-Angular 6 (template driven validation) By Eng-Ahmed Rabie | Arabic 27:51 2023-11-22
27 27-Angular 6 (NgForm and NgSubmit) By Eng-Ahmed Rabie | Arabic 3:49 2023-11-22
28 28-Angular 6 (NgModelGroup) By Eng-Ahmed Rabie | Arabic 1:58 2023-11-22
29 29-Angular 6 (ng2-validation) By Eng-Ahmed Rabie | Arabic 3:40 2023-11-22
30 30-Angular 6 (Reactive form validation and ng2-validation) By Eng-Ahmed Rabie | Arabic 18:15 2023-11-22
31 31-Angular 6 (Custom Validators) By Eng-Ahmed Rabie | Arabic 13:13 2023-11-22
32 32-Angular 6 (Async Custom Validators) By Eng-Ahmed Rabie | Arabic 25:38 2023-11-22
33 33-Angular 6 (Custom Validator with FormGroup) By Eng-Ahmed Rabie | Arabic 2:45 2023-11-22
34 34-Angular 6 (Stream and RXJS) By Eng-Ahmed Rabie | Arabic 27:08 2023-11-22
35 35-Angular 6 (HTTP Services and HTTP Methods) By Eng-Ahmed Rabie | Arabic 8:01 2023-11-22
36 36-Angular 6 (Get Read Objects from HTTP) By Eng-Ahmed Rabie | Arabic 11:01 2023-11-22
37 37-Angular 6 (HTTP Create method to add new object) By Eng-Ahmed Rabie | Arabic 9:41 2023-11-22
38 38-Angular 6 (HTTP Update Object) By Eng-Ahmed Rabie | Arabic 11:58 2023-11-22
39 39-Angular 6 (extract method into service) By Eng-Ahmed Rabie | Arabic 24:16 2023-11-22
40 40-Angular 6 (Handle callback) By Eng-Ahmed Rabie | Arabic 2:48 2023-11-22
41 41-Angular 6 (Routing Part 1 - Build Navigation Bar) By Eng-Ahmed Rabie | Arabic 9:42 2023-11-22
42 42-Angular 6 (Routing Part 2 - ngBootstrap and routes) By Eng-Ahmed Rabie | Arabic 21:35 2023-11-22
43 43-Angular 6 (linting with Angular) By Eng-Ahmed Rabie | Arabic 6:54 2023-11-22
44 44-Angular 6 (introduction git with Angular) By Eng-Ahmed Rabie | Arabic 2:49 2023-11-22
45 45-Angular 6 (deploy Angular App to GitHub) By Eng-Ahmed Rabie | Arabic 17:02 2023-11-22
46 46-Angular 6 (deploy Angular App to firebase) By Eng-Ahmed Rabie | Arabic 10:14 2023-11-22
47 47-Angular 6 (deploy Angular App to heroku) By Eng-Ahmed Rabie | Arabic 17:02 2023-11-22
48 48-Angular 6 (Configure Angular app to firebase project) By Eng-Ahmed Rabie | Arabic 9:49 2023-11-22
49 49-Angular 6 (CSS and JavaScript animation) By Eng-Ahmed Rabie | Arabic 19:18 2023-11-22
50 50-Angular 6 (angular animation) By Eng-Ahmed Rabie | Arabic 11:34 2023-11-22
51 51-Angular 6 (todo list - simple project) By Eng-Ahmed Rabie | Arabic 9:55 2023-11-22
52 52-Angular 6 (apply a fade animation to angular app) By Eng-Ahmed Rabie | Arabic 12:42 2023-11-22
53 53-Angular 6 (Example angular animation slide) By Eng-Ahmed Rabie | Arabic 5:44 2023-11-22
54 54-Angular 6 (easing in animation) By Eng-Ahmed Rabie | Arabic 5:48 2023-11-22
55 55-Angular 6 (animation keyframes) By Eng-Ahmed Rabie | Arabic 7:41 2023-11-22
56 56-Angular 6 (create reusable animation) By Eng-Ahmed Rabie | Arabic 15:11 2023-11-22
57 57-Angular 6 (animation call back) By Eng-Ahmed Rabie | Arabic 1:24 2023-11-22
58 58-Angular 6 (angular querying child animation) By Eng-Ahmed Rabie | Arabic 8:44 2023-11-22
59 59-Angular 6 (Parallel animation and staggering animations) By Eng-Ahmed Rabie | Arabic 3:50 2023-11-22
60 60-Angular 6 (Custom state animations) By Eng-Ahmed Rabie | Arabic 6:58 2023-11-22
61 61-Angular 6 (Angular material project with simple Menu) By Eng-Ahmed Rabie | Arabic 13:55 2023-11-22
62 62-Angular 6 (Angular Material - date calendar , slide toggle) By Eng-Ahmed Rabie | Arabic 10:24 2023-11-22
63 63-Angular 6 (Implement Google Login Authentication) By Eng-Ahmed Rabie | Arabic 12:03 2023-11-22
64 64-Angular 6 (Logout , display user name , apply async pipe) By Eng-Ahmed Rabie | Arabic 18:46 2023-11-22
65 65-Angular 6 (extract methods into services) By Eng-Ahmed Rabie | Arabic 7:15 2023-11-22
66 66-Angular 6 (Angular Security - protect routing from anonymous user) By Eng-Ahmed Rabie | Arabic 18:06 2023-11-22
67 67-Angular 6 (Angular Security - Save the return URL) By Eng-Ahmed Rabie | Arabic 9:50 2023-11-28
68 68-Angular 6 (Angular Security - Retrieve the return URL) By Eng-Ahmed Rabie | Arabic 8:01 2023-11-28
69 69-Angular 6 (Angular Security - Save Logged user to firebase database) By Eng-Ahmed Rabie | Arabic 11:19 2023-11-28
70 70-Angular 6 (Angular Security - protect admin routing - authorization) By Eng-Ahmed Rabie | Arabic 33:36 2023-11-28
71 71-Angular 6 (Build bootstrap form) By Eng-Ahmed Rabie | Arabic 15:56 2023-11-28
72 72-Angular 6 (populating categories into dropdown list) By Eng-Ahmed Rabie | Arabic 15:56 2023-11-28
73 73-Angular 6 (Save Product to firebase database and validate forms) By Eng-Ahmed Rabie | Arabic 21:13 2023-11-28
74 74-Angular 6 (Adding bootstrap Card) By Eng-Ahmed Rabie | Arabic 7:45 2023-11-28
75 75-Angular 6 (Show Products in table and Show product details) By Eng-Ahmed Rabie | Arabic 22:20 2023-11-28
76 76-Angular 6 (update and delete product angular with Firebase) By Eng-Ahmed Rabie | Arabic 7:02 2023-11-28
77 77-Angular 6 (Custom Search With Angular Firebase) By Eng-Ahmed Rabie | Arabic 16:13 2023-11-28
78 78-Angular 6 (Adding sorting - paging and Search to data table) By Eng-Ahmed Rabie | Arabic 9:34 2023-11-28
79 79-Angular 6 (Show Products to customers firebase) By Eng-Ahmed Rabie | Arabic 17:25 2023-11-28
80 80-Angular 6 (Show Categories of Product firebase) By Eng-Ahmed Rabie | Arabic 4:18 2023-11-28
81 81-Angular 6 (Filter Categories firebase) By Eng-Ahmed Rabie | Arabic 17:48 2023-11-28
82 82-Angular 6 (Extract filter categories into a new component) By Eng-Ahmed Rabie | Arabic 12:57 2023-11-28
83 83-Angular 6 (Implement shopping cart with Angular Part 1) By Eng-Ahmed Rabie | Arabic 53:51 2023-11-28
84 84-Angular 6 (Implement shopping cart with Angular Part 2) By Eng-Ahmed Rabie | Arabic 16:16 2023-11-28
85 85-Angular 6 (Implement shopping cart with Angular Part 3) By Eng-Ahmed Rabie | Arabic 28:02 2023-11-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: 17h 46m · 85 videos

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

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