خطة دراسة JavaScript

الأسبوع الأول Introduction & Syntax

مشاهدة الدروس للحصول على الخبرة و المعلومات

01
Introduction And What Is JavaScript ?
Watch Video 09:01
02
How To Study The Course ?
Watch Video07:26
03
Setting Up Environment And Tools
Watch Video06:29
04
Work With Chrome Developer Tools
Watch Video05:34
05
Where To Put The Code
Watch Video04:45
06
Comments And Bad Practice
Watch Video04:27
07
Output To Screen
Watch Video06:32
08
Console Methods And Styling And Web API
Watch Video06:19
09
What Is ECMAScript ?
Watch Video06:41

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 01 To 09 Introduction and Syntax [ 6 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

Web API
JavaScript Console
ECMAScript
Scripting Language
Chrome Dev Tools

الأسبوع الثاني Data Types And Variables

مشاهدة الدروس للحصول على الخبرة و المعلومات

10
Data Types And typeof Operator
Watch Video 10:13
11
Variables Introduction
Watch Video 06:31
12
Identifiers Name Conventions And Rules
Watch Video 04:09
13
Var, Let, Const Compare
Watch Video 07:18
14
String Syntax And Character Escape Sequences
Watch Video 07:34
15
Concatenation
Watch Video 02:53
16
Template Literals (Template Strings)
Watch Video 08:16
17
Variables And Concatenation Challenge
Watch Video 03:02

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 10 To 17 Data Types And Variables [ 4 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

Loosely Typed Language
Strongly Typed Language
Character Escape Sequences

الأسبوع الثالث Operators

مشاهدة الدروس للحصول على الخبرة و المعلومات

18
Arithmetic Operators
Watch Video 08:30
19
Unary Plus And Negation Operators
Watch Video 05:24
20
Type Coercion
Watch Video 05:57
21
Assignment Operators
Watch Video 03:15
22
Operators Challenges
Watch Video 03:26

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 18 To 22 Operators [ 4 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Defer Attribute
JavaScript Constructor
JavaScript Unary Use Cases

الأسبوع الرابع Number And String

مشاهدة الدروس للحصول على الخبرة و المعلومات

23
Number
Watch Video 07:15
24
Number Methods
Watch Video 08:19
25
Math Object
Watch Video 05:01
26
Number Challenge
Watch Video 02:27
27
String Methods Part 1
Watch Video 08:29
28
String Methods Part 2
Watch Video 12:39
29
String Methods Part 3
Watch Video 12:58
30
String Challenge
Watch Video 02:51

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 23 To 26 Numbers [ 7 Assignments ]
Assignments For Lessons 27 To 30 Strings And Methods [ 2 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

Double Precision

الأسبوع الخامس Conditions And Switch

مشاهدة الدروس للحصول على الخبرة و المعلومات

31
Comparison Operators
Watch Video 06:35
32
Logical Operators
Watch Video 04:45
33
If Condition
Watch Video 08:51
34
Nested If Condition
Watch Video 05:14
35
Conditional ternary Operator
Watch Video 07:17
36
Nullish Coalescing Operator
Watch Video 04:36
37
If Condition Challenge
Watch Video 02:48
38
Switch Statement
Watch Video 06:05
39
Switch And If Condition Challenge
Watch Video 03:30

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 31 To 32 Comparison & Logical Operators [ 3 Assignments ]
Assignments For Lessons 33 To 37 If Condition [ 4 Assignments ]
Assignments For Lessons 38 To 39 Switch Statement [ 1 Assignment ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Logical Or
JavaScript Operators

الأسبوع السادس Arrays And Methods

مشاهدة الدروس للحصول على الخبرة و المعلومات

40
Array Big Introduction
Watch Video 08:10
41
Using Length With Array
Watch Video 05:45
42
Add And Remove From Array
Watch Video 05:21
43
Searching Array
Watch Video 05:38
44
Sorting Array
Watch Video 03:16
45
Slicing Array
Watch Video 07:16
46
Joining Arrays
Watch Video 03:43
47
Array Challenge
Watch Video 02:14

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 40 To 47 Arrays And Methods [ 6 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Array Methods
JavaScript Array Data Type

الأسبوع السابع Loop

مشاهدة الدروس للحصول على الخبرة و المعلومات

48
Loop For And Concept Of Loop
Watch Video 08:07
49
Looping On Sequences
Watch Video 08:13
50
Nested Loops And Training’s
Watch Video 04:35
51
Loop Control – Continue, Break, Label
Watch Video 07:14
52
Loop For Advanced Examples
Watch Video 04:39
53
Practice – Add Products To Page
Watch Video 06:56
54
Loop – While
Watch Video 05:03
55
Loop – Do, While
Watch Video 03:32
56
Loop Challenge
Watch Video 03:31

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 48 To 53 Loop – For [ 7 Assignments ]
Assignments For Lessons 54 To 56 Loop – While [ 1 Assignment ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Loop Secrets

الأسبوع الثامن Function And Parameters

مشاهدة الدروس للحصول على الخبرة و المعلومات

57
Function Intro And Basic Usage
Watch Video 08:14
58
Function Advanced Examples
Watch Video 06:22
59
Function Return Statement And Use Cases
Watch Video 07:22
60
Function Default Parameters
Watch Video 04:42
61
Function Rest Parameters
Watch Video 07:04
62
Function Ultimate Practice
Watch Video 11:39
63
Random Arguments Function Challenge
Watch Video 03:21

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 57 To 63 Function And Parameters [ 6 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Function
JavaScript Function Rest Parameters
JavaScript Function Arguments vs Parameter

الأسبوع التاسع Function And Scopes

مشاهدة الدروس للحصول على الخبرة و المعلومات

64
Anonymous Function And Practice
Watch Video 08:44
65
Return Nested Function
Watch Video 06:34
66
Arrow Function Syntax
Watch Video 06:12
67
Scope – Global And Local
Watch Video 06:10
68
Scope – Block
Watch Video 04:54
69
Scope – Lexical (Static)
Watch Video 05:17
70
Arrow Function Challenge
Watch Video 02:48

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 64 To 70 Function And Scopes [ 4 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Function
JavaScript Function Currying
JavaScript Function Arrow Function
JavaScript Scope

الأسبوع العاشر Higher Order Functions

مشاهدة الدروس للحصول على الخبرة و المعلومات

71
Higher Order Functions – Map
Watch Video 08:46
72
Higher Order Functions – Map Practice
Watch Video 08:53
73
Higher Order Functions – Filter
Watch Video 06:44
74
Higher Order Functions – Filter Practice
Watch Video 05:36
75
Higher Order Functions – Reduce
Watch Video 07:39
76
Higher Order Functions – Reduce Practice
Watch Video 05:47
77
Higher Order Functions – ForEach & Practice
Watch Video 12:02
78
Higher Order Functions – Challenge
Watch Video 02:23

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 71 To 78 Higher Order Functions [ 5 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Higher Order Functions
JavaScript Flatten Array
JavaScript ForEach This Argument

الأسبوع الحادي عشر Objects And Methods

مشاهدة الدروس للحصول على الخبرة و المعلومات

79
Object – Introduction
Watch Video 07:44
80
Dot Notation vs Bracket Notation
Watch Video 06:23
81
Nested Object And Advanced Examples
Watch Video 08:43
82
Create Object With New Keyword
Watch Video 04:25
83
This Keyword
Watch Video 05:31
84
Create Object With Create Method
Watch Video 06:36
85
Create Object With Assign Method
Watch Video 04:21

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 79 To 85 Objects And Methods [ 4 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Object
JavaScript Has Own Property
JavaScript Object Sorting
JavaScript Object Length
JavaScript Object Keys
JavaScript Object Values

الأسبوع الثاني عشر Document Object Model

مشاهدة الدروس للحصول على الخبرة و المعلومات

86
What Is DOM ? And Select Elements
Watch Video 11:37
87
Get, Set Elements And Attributes
Watch Video 09:44
88
Check Attributes And Examples
Watch Video 07:40
89
Create and Append Elements
Watch Video 07:16
90
Product With Title And Description Practice
Watch Video 05:58
91
Deal With Children
Watch Video 05:23
92
DOM Events
Watch Video 08:59
93
Validate Form And Prevent Default
Watch Video 10:06

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 86 To 93 Document Object Model [ 6 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript DOM
JavaScript DOM Methods
JavaScript DOM Attributes
JavaScript Create Elements

الأسبوع الثالث عشر Document Object Model

مشاهدة الدروس للحصول على الخبرة و المعلومات

94
Event Simulation – Click, Focus, Blur
Watch Video 04:39
95
ClassList Object And Methods
Watch Video 05:49
96
CSS Styling And Stylesheet
Watch Video 06:53
97
Before, After, Prepend, Append, Remove
Watch Video 04:45
98
DOM Traversing
Watch Video 05:06
99
DOM Cloning
Watch Video 03:57
100
AddEventListener
Watch Video 09:38
101
DOM Challenge
Watch Video 03:35

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 94 To 101 Document Object Model [ 5 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript DOM Traversing
JavaScript DOM Clone
JavaScript DOM Events
JavaScript AddEventListener

الأسبوع الرابع عشر Browser Object Model

مشاهدة الدروس للحصول على الخبرة و المعلومات

102
What Is BOM ?
Watch Video 04:24
103
Alert, Confirm, Prompt
Watch Video 09:12
104
setTimeout and clearTimeout
Watch Video 07:07
105
setInterval and clearInterval
Watch Video 04:35
106
Window Location Object
Watch Video 12:24
107
Window Open And Close
Watch Video 06:07
108
Window History Object
Watch Video 03:41
109
Scroll, ScrollTo, ScrollBy, Focus, Print, Stop
Watch Video 08:01
110
Scroll To Top Using ScrollY
Watch Video 05:55

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 102 To 110 Browser Object Model [ 5 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript BOM
JavaScript Asynchronous Programming

الأسبوع الخامس عشر Local Storage

مشاهدة الدروس للحصول على الخبرة و المعلومات

111
Local Storage
Watch Video 09:48
112
Local Storage Color App Practice
Watch Video 10:10
113
Session Storage And Use Cases
Watch Video 06:56
114
Bom Challenge
Watch Video 02:44

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 111 To 114 Local Storage [ 2 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript BOM
JSON Parse
JSON Stringify
Web API Storage Object
Local Storage
Session Storage

الأسبوع السادس عشر Destructuring

مشاهدة الدروس للحصول على الخبرة و المعلومات

115
Destructuring Arrays Part 1
Watch Video 06:23
116
Destructuring Arrays Part 2
Watch Video 04:29
117
Destructuring Arrays Part 3 Swapping Variables
Watch Video 03:43
118
Destructuring Objects Part 1
Watch Video 05:09
119
Destructuring Objects Part 2
Watch Video 06:01
120
Destructuring Function Parameters
Watch Video 03:08
121
Destructuring Mixed Content
Watch Video 04:17
122
Destructuring Challenge
Watch Video 02:49

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 115 To 122 Destructuring [ 6 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Destructuring
Destructuring Assignment
Destructuring Objects
Destructuring Map

الأسبوع السابع عشر Map And Set

مشاهدة الدروس للحصول على الخبرة و المعلومات

123
Set Data Type And Methods
Watch Video 08:40
124
Set vs WeakSet And Garbage Collector
Watch Video 10:57
125
Map Data Type vs Object
Watch Video 10:15
126
Map Methods
Watch Video 05:33
127
Map vs WeakMap
Watch Video 06:52
128
Array.from Method
Watch Video 07:28
129
Array.copyWithin Method
Watch Video 08:13
130
Array.some Method
Watch Video 09:40
131
Array.every Method
Watch Video 04:38
132
Spread Syntax And Use Cases
Watch Video 07:33
133
Map And Set Challenge
Watch Video 03:37

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 123 To 133 Map And Set [ 8 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Map Vs Object
JavaScript Set And Map Methods
JavaScript Array Full Methods
JavaScript Spread Syntax
JavaScript Garbage Collector
JavaScript Memory Management

الأسبوع الثامن عشر Regular Expression

مشاهدة الدروس للحصول على الخبرة و المعلومات

134
Intro And What Is Regular Expression
Watch Video 08:26
135
Regular Expression – Modifiers
Watch Video 05:20
136
Regular Expression – Ranges Part 1
Watch Video 10:19
137
Regular Expression – Ranges Part 2
Watch Video 06:16
138
Regular Expression – Character Classes Part 1
Watch Video 06:26
139
Regular Expression – Character Classes Part 2
Watch Video 05:42
140
Regular Expression – Quantifiers Part 1
Watch Video 09:07
141
Regular Expression – Quantifiers Part 2
Watch Video 02:43
142
Regular Expression – Quantifiers Part 3
Watch Video 05:16
143
Regular Expression – Replace With Pattern
Watch Video 03:23
144
Regular Expression – Form Validation
Watch Video 04:48
145
Test Your Regular Expression
Watch Video 04:07
146
Regular Expression – Challenge
Watch Video 02:08

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 134 To 146 Regular Expression [ 5 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Regular Expression
JavaScript Regular Expression Patterns
JavaScript Replace
JavaScript Useful RegExp Patterns

الأسبوع التاسع عشر Object Oriented Programming

مشاهدة الدروس للحصول على الخبرة و المعلومات

147
OOP Introduction
Watch Video 06:59
148
Constructor Function Introduction
Watch Video 08:23
149
Constructor Function New Syntax
Watch Video 04:07
150
Deal With Properties And Methods
Watch Video 05:07
151
Update Properties And Built In Constructors
Watch Video 05:25
152
Class Static Properties And Methods
Watch Video 04:59
153
Class Inheritance
Watch Video 07:29
154
Class Encapsulation
Watch Video 07:44
155
Prototype Introduction
Watch Video 03:18
156
Add To Prototype Chain
Watch Video 07:10
157
Object Meta Data And Descriptor Part 1
Watch Video 06:17
158
Object Meta Data And Descriptor Part 2
Watch Video 02:43

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 147 To 158 Object Oriented Programming [ 5 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript OOP
JavaScript OOP Encapsulation
JavaScript OOP Inheritance
JavaScript Getters And Setters

الأسبوع العشرين Date, Generators, Modules

مشاهدة الدروس للحصول على الخبرة و المعلومات

159
Date And Time Introduction
Watch Video 07:27
160
Get Date And Time
Watch Video 05:40
161
Set Date And Time
Watch Video 06:31
162
Formatting Date And Time
Watch Video 05:22
163
Tracking Operations Time
Watch Video 03:36
164
Generator Function Introduction
Watch Video 07:00
165
Delegate Generator Function
Watch Video 03:43
166
Generate Infinite Numbers
Watch Video 03:08
167
Module Import And Export
Watch Video 04:25
168
Named vs Default Export And Import All
Watch Video 04:21

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 159 To 168 Date, Generators, Modules [ 8 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Generators
JavaScript Delegate Generators
JavaScript Epoch Time
JavaScript Modules
JavaScript Import And Export
JavaScript Aliases

الأسبوع الواحد والعشرين AJAX And JSON

مشاهدة الدروس للحصول على الخبرة و المعلومات

169
What Is JSON
Watch Video 03:43
170
JSON Syntax And Compare With JS Object
Watch Video 03:39
171
What Is API
Watch Video 08:35
172
Parse And Stringify
Watch Video 03:56
173
Asynchronous vs Synchronous Programming
Watch Video 06:00
174
Call Stack And Web API
Watch Video 06:30
175
Event Loop And Callback Queue
Watch Video 07:56
176
What Is AJAX And Network Informations
Watch Video 05:08
177
Request and Response From Real API
Watch Video 05:44
178
Loop On Data
Watch Video 04:12

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 169 To 178 AJAX And JSON [ 4 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

AJAX Calls
JSON Data
JSON Convert
HTTP Status Codes
XHR Object Content
Asynchronous Calls
Web API
Web API Methods

الأسبوع الثاني والعشرين Promises

مشاهدة الدروس للحصول على الخبرة و المعلومات

179
Callback Hell Or Pyramid Of Doom
Watch Video 06:24
180
Promise Intro And Syntax
Watch Video 08:30
181
Promise – Then, Catch And Finally
Watch Video 09:32
182
Promise And XHR
Watch Video 05:09
183
Fetch API
Watch Video 05:56
184
Promise – All, All Settled And Race
Watch Video 08:09
185
Async And Trainings
Watch Video 07:28
186
Await And Trainings
Watch Video 04:58
187
Try, Catch, Finally With Fetch
Watch Video 04:34
188
The End And Advices
Watch Video 03:09

حل التكليفات للتأكد من فهم الدروس

Assignments For Lessons 179 To 188 Promises [ 2 Assignments ]

كلمات البحث لزيادة معلوماتك بعد الفيديوهات

JavaScript Promise
JavaScript Fetch API
JavaScript Axios
JavaScript Async & Await
JavaScript Async & Await Examples

الأدوات والمراجع

المراجع لمعرفة المعلومات المتقدمة والإحتراف

الأسابيع

الأسبوع الأول Introduction & Syntax

الأسبوع الثاني Data Types And Variables

الأسبوع الثالث Operators

الأسبوع الرابع Number And String

الأسبوع الخامس Conditions And Switch

الأسبوع السادس Arrays And Methods

الأسبوع السابع Loop

الأسبوع الثامن Function And Parameters

الأسبوع التاسع Function And Scopes

الأسبوع العاشر Higher Order Functions

الأسبوع الحادي عشر Objects And Methods

الأسبوع الثاني عشر Document Object Model

الأسبوع الثالث عشر Document Object Model

الأسبوع الرابع عشر Browser Object Model

الأسبوع الخامس عشر Local Storage

الأسبوع السادس عشر Destructuring

الأسبوع السابع عشر Map And Set

الأسبوع الثامن عشر Regular Expression

الأسبوع التاسع عشر Object Oriented Programming

الأسبوع العشرين Date, Generators, Modules

الأسبوع الواحد والعشرين AJAX And JSON

الأسبوع الثاني والعشرين Promises

الأدوات والمراجع

من جوجل