محتوى الدورة
Introduction
0/10
001 – Introduction And What Is JavaScript ?
09:01
002 – How To Study The Course ?
07:26
003 – Setting Up Environment And Tools
06:29
004 – Work With Chrome Developer Tools
05:34
005 – Where To Put The Code
05:34
006 – Comments And Bad Practices
04:27
007 – Output To Screen
06:32
008 – Console Methods And Styling And WebAPI
06:19
009 – What Is ECMAScript ?
06:41
حلول تكليفات JavaScript Bootcamp من الدرس 001 إلى 009
21:51
Data Types And Variables
0/10
010 – Data Types And Typeof Operator
10:13
011 – Variables Introduction
06:31
012 – Identifiers Name Conventions And Rules
04:09
013 – Var, Let, Const Compare
07:18
014 – String Syntax And Character Escape Sequences
07:34
015 – Concatenation
02:53
016 – Template Literals Template Strings
08:16
017 – Variable And Concatenation Challenge
03:02
حل تحدي الفيديو رقم ( 17 ) من شرح الزيرو لغة JavaScript Bootcamp
06:10
حلول تكليفات JavaScript Bootcamp من الدرس 010 إلى 017
18:00
Operators
0/7
018 – Arithmetic Operators
08:30
019 – Unary Plus And Negation Operators
05:24
020 – Type Coercion
05:57
021 – Assignment Operators
03:15
022 – Operators Challenges
03:26
حل تحدي الفيديو رقم ( 22 ) من شرح الزيرو لغة JavaScript Bootcamp
22:08
حلول تكليفات JavaScript Bootcamp من الدرس 018 إلى 022
16:17
Numbers
0/6
023 – Number
07:15
024 – Number Methods
08:19
025 – Math Object
05:01
026 – Number Challenge
02:27
حل تحدي الفيديو رقم ( 26 ) من شرح الزيرو لغة JavaScript Bootcamp
08:15
حلول تكليفات JavaScript Bootcamp من الدرس 023 إلى 026
21:26
Strings And Methods
0/6
027 – String Methods Part 1
08:29
028 – String Methods Part 2
12:39
029 – String Methods Part 3
12:58
030 – String Challenge
02:51
حل تحدي الفيديو رقم ( 30 ) من شرح الزيرو لغة JavaScript Bootcamp
10:47
حلول تكليفات JavaScript Bootcamp من الدرس 027 إلى 030
10:24
Comparison & Logical Operators
0/3
031 – Comparison Operators
06:35
032 – Logical Operators
04:45
حلول تكليفات JavaScript Bootcamp من الدرس 031 إلى 032
14:12
If Condition
0/7
033 – If Conditions
08:51
034 – Nested If Condition
05:14
035 – Conditional Ternary Operator
07:17
036 – Nullish Coalescing Operator And Logical Or
04:36
037 – If Condition Challenge
02:48
حل تحدي الفيديو رقم ( 37 ) من شرح الزيرو لغة JavaScript Bootcamp
13:22
حلول تكليفات JavaScript Bootcamp من الدرس 033 إلى 037
30:41
Switch Statement
0/4
038 – Switch Statement
06:05
039 – Switch And If Condition Challenge
03:31
حل تحدي الفيديو رقم ( 39 ) من شرح الزيرو لغة JavaScript Bootcamp
09:37
حلول تكليفات JavaScript Bootcamp من الدرس 038 إلى 039
12:13
Arrays And Methods
0/10
040 – Array Big Introduction
08:10
041 – Using Length With Array
05:45
042 – Add And Remove From Array
05:21
043 – Searching Array
05:38
044 – Sorting Arrays
03:16
045 – Slicing Array
07:18
046 – Joining Arrays
03:43
047 – Array Challenge
02:14
حل تحدي الفيديو رقم ( 47 ) من شرح الزيرو لغة JavaScript Bootcamp
18:40
حلول تكليفات JavaScript Bootcamp من الدرس 040 إلى 047
19:26
Loop – For
0/7
048 – Loop – For And Concept Of Loop
08:07
049 – Looping On Sequences
08:13
050 – Nested Loops And Trainings
04:35
051 – Loop Control – Break, Continue, Label
07:14
052 – Loop – For Advanced Example
04:39
053 – Practice – Add Products To Page
06:56
حلول تكليفات JavaScript Bootcamp من الدرس 048 إلى 053
31:10
Loop – While
0/5
054 – Loop – While
05:03
055 – Loop – Do While
03:32
056 – Loop – Challenge
03:31
حل تحدي الفيديو رقم ( 56 ) من شرح الزيرو لغة JavaScript Bootcamp
10:39
حلول تكليفات JavaScript Bootcamp من الدرس 054 إلى 056
12:43
Function And Parameters
0/9
057 – Function Intro And Basic Usage
08:13
058 – Function Advanced Examples
06:22
059 – Function Return And Use Cases
07:22
060 – Function Default Parameters
04:42
061 – Function Rest Parameters
07:04
062 – Function Ultimate Practice
11:39
063 – Random Arguments Function Challenge
03:21
حل تحدي الفيديو رقم ( 63 ) من شرح الزيرو لغة JavaScript Bootcamp
17:59
حلول تكليفات JavaScript Bootcamp من الدرس 057 إلى 063
25:06
Function And Scopes
0/9
064 – Anonymous Function and Use Cases
08:44
065 – Return Nested Function
06:34
066 – Arrow Function Syntax
06:12
067 – Scope – Global And Local
06:10
068 – Scope – Block
04:54
069 – Scope – Lexical (Static)
05:17
070 – Arrow Function Challenge
02:48
حل تحدي الفيديو رقم ( 70 ) من شرح الزيرو لغة JavaScript Bootcamp
17:07
حلول تكليفات JavaScript Bootcamp من الدرس 064 إلى 070
34:56
Higher Order Functions
0/10
071 – Higher Order Functions – Map
08:46
072 – Higher Order Functions – Map Practice
08:52
073 – Higher Order Functions – Filter
06:44
074 – Higher Order Functions – Filter Practice
05:36
075 – Higher Order Functions – Reduce
07:39
076 – Higher Order Functions – Reduce Practice
05:47
077 – Higher Order Functions – ForEach And Practice
12:02
078 – Higher Order Functions Challenge
02:23
حل تحدي الفيديو رقم ( 78 ) من شرح الزيرو لغة JavaScript Bootcamp
11:21
حلول تكليفات JavaScript Bootcamp من الدرس 071 إلى 078
18:38
Objects And Methods
0/8
079 – Object – Introduction
07:44
080 – Dot Notation vs Bracket Notation
06:23
081 – Nested Object And Advanced Examples
08:43
082 – Create Object With New Keyword
04:25
083 – This Keyword
05:31
084 – Create Object With Create Method
06:36
085 – Create Object With Assign Method
04:21
حلول تكليفات JavaScript Bootcamp من الدرس 079 إلى 085
26:05
Document Object Model (DOM)
0/20
086 – What Is DOM ? And Select Elements
11:37
087 – Get, Set Elements Content And Attributes
09:43
088 – Check Attributes And Examples
07:40
089 – Create And Append Elements
07:16
090 – Product With Heading And Paragraph Practice
05:58
091 – Deal With Childrens
05:23
092 – DOM Events
08:59
093 – Validate Form And Prevent Default
10:06
حلول تكليفات JavaScript Bootcamp من الدرس 086 إلى 093 الجزء الأول
42:53
حلول تكليفات JavaScript Bootcamp من الدرس 086 إلى 093 الجزء الثاني
32:18
094 – Event Simulation – Click, Focus, Blur
04:39
095 – ClassList Object and Methods
05:49
096 – CSS Styling And Stylesheets
06:53
097 – Before, After, Prepend, Append, Remove
04:45
098 – DOM Traversing
05:06
099 – DOM Cloning
03:57
100 – addEventListener
09:38
101 – DOM Challenge
03:35
حلول تحدي الفيديو رقم ( 101 ) من شرح الزيرو لغة JavaScript Bootcamp
27:13
حلول تكليفات JavaScript Bootcamp من الدرس 094 إلى 101
39:12
Browser Object Model (BOM)
0/15
102 – What Is BOM ?
04:24
103 – Alert, Confirm, Prompt
09:12
104 – setTimeout and clearTimeout
07:07
105 – setInterval and clearInterval
04:35
106 – Window Location Object
12:27
107 – Window Open And Close
06:07
108 – Window History Object
03:41
109 – Scroll, ScrollTo, ScrollBy, Focus, Print, Stop
08:01
110 – Scroll To Top Using ScrollY Practice
05:55
حلول تكليفات JavaScript Bootcamp من الدرس 102 إلى 110
24:11
111 – Local Storage
09:48
112 – Local Storage Color App Practice
10:10
113 – Session Storage And Use Cases
06:56
114 – BOM Challenge
02:44
حلول تكليفات JavaScript Bootcamp من الدرس 111 إلى 114
19:20
Destructuring
0/9
115 – Destructuring Arrays Part 1
06:23
116 – Destructuring Arrays Part 2
04:29
117 – Destructuring Arrays Part 3 Swap Variables
03:43
118 – Destructuring Objects Part 1
05:09
119 – Destructuring Objects Part 2
06:01
120 – Destructuring Function Parameters
03:08
121 – Destructuring Mixed Content
04:17
122 – Destructuring Challenge
02:49
حلول تكليفات JavaScript Bootcamp من الدرس 115 إلى 122
23:26
Map And Set
0/12
123 – Set Data Type And Methods
08:40
124 – Set vs WeakSet And Garbage Collector
10:57
125 – Map Data Type vs Object
10:15
126 – Map Methods
05:33
127 – Map vs WeakMap
06:52
128 – Array.from Method
07:28
129 – Array.copyWithin Method
08:13
130 – Array.some Method
09:40
131 – Array.every Method
04:38
132 – Spread Syntax And Use Cases
07:33
133 – Map And Set Challenge
03:37
حلول تكليفات JavaScript Bootcamp من الدرس 123 إلى 133
23:39
Regular Expression
0/15
134 – Intro And What Is Regular Expression?
08:26
135 – Regular Expression – Modifiers
05:20
136 – Regular Expression – Ranges Part 1
10:19
137 – Regular Expression – Ranges Part 2
06:16
138 – Regular Expression – Character Classes Part 1
06:26
139 – Regular Expression – Character Classes Part 2
05:42
140 – Regular Expression – Quantifiers Part 1
09:07
141 – Regular Expression – Quantifiers Part 2
02:43
142 – Regular Expression – Quantifiers Part 3
05:16
143 – Regular Expression – Replace With Pattern
03:23
144 – Regular Expression – Form Validation
04:48
145 – Test Your Regular Expression And Discussions
04:07
146 – Regular Expression Challenge
02:08
حل تحدي الفيديو رقم ( 146 ) من شرح الزيرو لغة JavaScript Bootcamp
11:02
حلول تكليفات JavaScript Bootcamp من الدرس 134 إلى 146
23:23
Object Oriented Programming
0/13
147 – OOP Introduction
06:59
148 – Constructor Function Introduction
08:23
149 – Constructor Function New Syntax
04:07
150 – Deal With Properties And Methods
05:07
151 – Update Properties & Built In Constructors
05:25
152 – Class Static Properties And Methods
04:59
153 – Class Inheritance
07:29
154 – Class Encapsulation
07:44
155 – Prototype Introduction
03:18
156 – Add To Prototype Chain
07:10
157 – Object Meta Data And Descriptor Part 1
06:17
158 – Object Meta Data And Descriptor Part 2
02:43
حلول تكليفات JavaScript Bootcamp من الدرس 147 إلى 158
25:35
Date, Generators, Modules
0/11
159 – Date And Time Introduction
07:27
160 – Get Date And Time
05:40
161 – Set Date And Time
06:31
162 – Formatting Date And Time
05:22
163 – Tracking Operations Time
03:36
164 – Generator Function Introduction
07:00
165 – Delegate Generator Function
03:43
166 – Generate Infinite Numbers
03:08
167 – Modules Import And Export
04:25
168 – Named vs Default Export And Import All
04:21
حلول تكليفات JavaScript Bootcamp من الدرس 159 إلى 168
30:49
AJAX And JSON
0/11
169 – What Is JSON
03:43
170 – JSON Syntax And Compare With JS Object
03:39
171 – What Is API
08:35
172 – Parse And Stringify
03:56
173 – Asynchronous vs Synchronous Programming
06:00
174 – Call Stack And Web API
06:30
175 – Event Loop And Callback Queue
07:56
176 – What Is AJAX And Network Informations
05:08
177 – Request And Response From Real API
05:44
178 – Loop On Data
04:12
حلول تكليفات JavaScript Bootcamp من الدرس 169 إلى 178
26:00
Promises
0/11
179 – Callback Hell Or Pyramid Of Doom
06:24
180 – Promise Intro And Syntax
08:30
181 – Promise – Then, Catch And Finally
09:32
182 – Promise And XHR
05:09
183 – Fetch API
05:56
184 – Promise – All, All Settled, Race
08:09
185 – Async And Training
07:28
186 – Await And Training
04:58
187 – Try, Catch, Finally With Fetch
04:34
188 – The End And Advices
03:09
حلول تكليفات JavaScript Bootcamp من الدرس 179 إلى 188
17:13
Learn JavaScript in Arabic 2021
وصف الدرس

محتوى الدرس

main.js
/*
  What Is JSON ?
  - JavaScript Object Notation
  - Format For Sharing Data Between Server And Client
  - JSON Derived From JavaScript
  - Alternative To XML
  - File Extension Is .json

  Why JSON ?
  - Easy To Use And Read
  - Used By Most Programming Languages And Its Frameworks
  - You Can Convert JSON Object To JS Object And Vice Versa

  JSON vs XML
  ===================================================
  = Text Based Format      = Markup Language        =
  = Lightweight            = Heavier                =
  = Does Not Use Tags      = Using Tags             =
  = Shorter                = Not Short              =
  = Can Use Arrays         = Cannot Use Arrays      =
  = Not Support Comments   = Support Comments       =
  ===================================================
*/
test.json
{
  "widget": {
    "debug": "on",
    "window": {
      "title": "Sample Konfabulator Widget",
      "name": "main_window",
      "width": 500,
      "height": 500
    },
    "image": {
      "src": "Images/Sun.png",
      "name": "sun1",
      "hOffset": 250,
      "vOffset": 250,
      "alignment": "center"
    },
    "text": {
      "data": "Click Here",
      "size": 36,
      "style": "bold",
      "name": "text1",
      "hOffset": 250,
      "vOffset": 100,
      "alignment": "center",
      "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
    }
  }
}
test.xml
<widget>
  <debug>on</debug>
  <window title="Sample Konfabulator Widget">
    <name>main_window</name>
    <width>500</width>
    <height>500</height>
  </window>
  <image src="Images/Sun.png" name="sun1">
    <hOffset>250</hOffset>
    <vOffset>250</vOffset>
    <alignment>center</alignment>
  </image>
  <text data="Click Here" size="36" style="bold">
    <name>text1</name>
    <hOffset>250</hOffset>
    <vOffset>100</vOffset>
    <alignment>center</alignment>
    <onMouseUp>
      sun1.opacity = (sun1.opacity / 100) * 90;
    </onMouseUp>
  </text>
</widget>

الملاحظات

يمكنك الفصل بين كل JSON Object والآخر عن طريق علامة ال Comma “,” ووضعهم كلهم داخل Square Brackets []

السابق
التالى

دورات

موقع يقدّم محتوىً تعليميًا شاملًا ومتنوّعًا في مختلف المجالات، يمكنك من خلاله تنمية مهاراتك ومعرفتك في مجالاتٍ متعددة، والوصول إلى فرص جديدة في حياتك المهنية والأكاديمية.