1
00:00:00,000 --> 00:00:04,792
[MUSIC]

2
00:00:04,792 --> 00:00:10,490
مرحبا بكم في هذه الدورة التدريبية على أطر جافا سكريبت الأمامية: Angular.

3
00:00:10,490 --> 00:00:16,178
هذه هي الدورة الثانية في التخصص على شبكة الإنترنت المكدس الكامل

4
00:00:16,178 --> 00:00:19,840
وتطبيقات الهاتف المحمول متعددة المنصات.

5
00:00:19,840 --> 00:00:25,830
يتعامل هذا المساق مع أطر جافا سكريبت، الزاوي على وجه الخصوص.

6
00:00:25,830 --> 00:00:30,070
يجب أن تتساءل، هل هو Angular اثنين، أم أنه Angular؟

7
00:00:30,070 --> 00:00:34,940
سنوضح ذلك في الدرس الأول حول مقدمة Angular

8
00:00:34,940 --> 00:00:35,740
في هذه الدورة.

9
00:00:36,940 --> 00:00:39,390
أنا سعيد لأنك قررت الانضمام إلى هذه الدورة.

10
00:00:39,390 --> 00:00:43,141
وآمل أن يكون لديك متعة الذهاب من خلال هذه الدورة.

11
00:00:44,766 --> 00:00:47,181
قبل الشروع في هذه الدورة التدريبية،

12
00:00:47,181 --> 00:00:52,650
أريد التأكد من أن لديك معرفة كافية بـ HTML و CSS.

13
00:00:52,650 --> 00:00:59,448
وأيضا معرفة جيدة للعمل من جافا سكريبت، وخاصة ES 5 جافا سكريبت.

14
00:00:59,448 --> 00:01:04,526
الآن، هذه الدورة سوف نستخدم Typescript كلغة

15
00:01:04,526 --> 00:01:07,880
لكتابة تطبيقاتنا الزاوي.

16
00:01:07,880 --> 00:01:11,463
الآن إذا كنت تتساءل هل يجب أن أعرف Typescript

17
00:01:11,463 --> 00:01:15,870
ويجب أن أعرف ES 2015+، الإصدار الأحدث من JavaScript؟

18
00:01:15,870 --> 00:01:18,710
حسناً، المسافة المقطوعة قد تختلف

19
00:01:18,710 --> 00:01:23,050
نهجي لتعلم هذه اللغات الجديدة هو استخدامها

20
00:01:23,050 --> 00:01:24,900
ومن ثم التعلم على طول الطريق.

21
00:01:24,900 --> 00:01:27,230
لذلك هذا ما سنفعله في هذه الدورة.

22
00:01:27,230 --> 00:01:32,208
لن أعرض عليك صراحة Typescript على وجه التحديد في هذه الدورة.

23
00:01:32,208 --> 00:01:36,884
ولكن بدلاً من ذلك عندما نكتب الشفرة، سأوضح

24
00:01:36,884 --> 00:01:41,842
الميزات المختلفة لـ Typescript في سياق Angular أثناء تطوير

25
00:01:41,842 --> 00:01:47,190
تطبيق Angular، في التمارين كجزء من هذه الدورة.

26
00:01:48,330 --> 00:01:52,630
نقطة أخرى أود بشدة توضيحها في هذه المرحلة

27
00:01:52,630 --> 00:01:57,600
هي أنني أنظر إلى تطوير وتصميم الويب كجزأين.

28
00:01:57,600 --> 00:02:01,241
الجزء الأول هو تصميم الويب نفسه، تجربة المستخدم أو تصميم

29
00:02:01,241 --> 00:02:05,705
الجحيم المستخدم، التصميم المرئي، النماذج الأولية، الألوان،

30
00:02:05,705 --> 00:02:07,232
الرسومات والرسوم المتحركة.

31
00:02:07,232 --> 00:02:10,477
وجميع تلك الجوانب لكيفية

32
00:02:10,477 --> 00:02:15,170
تصميم موقع الويب أو حتى تطبيق الهاتف المتحرك.

33
00:02:15,170 --> 00:02:18,367
الآن هناك الجانب الآخر الذي هو بناء

34
00:02:18,367 --> 00:02:22,183
ونشر تطبيقات الويب والتطبيقات النقالة.

35
00:02:22,183 --> 00:02:25,633
الآن في هذه الدورة، سوف نركز أكثر على بناء

36
00:02:25,633 --> 00:02:27,464
ونشر تطبيقات الويب.

37
00:02:27,464 --> 00:02:32,450
إذا كنت تبحث عن جانب التصميم لتصميم المواقع وتطويرها،

38
00:02:32,450 --> 00:02:36,285
فهذا ليس هو المسار المناسب لك.

39
00:02:36,285 --> 00:02:39,940
عندما أتحدث عن نشر وبناء

40
00:02:39,940 --> 00:02:44,440
وتطوير تطبيقات الويب، فإننا نتحدث عن مهارات التعلم

41
00:02:44,440 --> 00:02:50,020
الضرورية لترجمة التصميم إلى رمز عمل.

42
00:02:50,020 --> 00:02:55,310
حتى هنا، في هذا التخصص، تعلمنا بالفعل عن Bootstrap 4.

43
00:02:55,310 --> 00:02:57,500
في هذه الدورة، سوف نتعرف على الزاوي.

44
00:02:57,500 --> 00:03:01,350
ثم سنتعرف على الأيونية و NativeScript.

45
00:03:01,350 --> 00:03:06,780
ثم أيضا تطوير جانب الخادم باستخدام عقدة و عقدة النظام البيئي.

46
00:03:06,780 --> 00:03:10,240
لذلك هذا هو تركيز هذه الدورة بالذات.

47
00:03:10,240 --> 00:03:16,320
لذلك نحن نتحدث عن الترميز الحقيقي، بدلا من تصميم الموقع.

48
00:03:16,320 --> 00:03:20,310
السؤال الآخر الذي سينشأ في عقلك هو ما هو بالضبط

49
00:03:20,310 --> 00:03:21,700
تطوير الويب المكدس الكامل؟

50
00:03:21,700 --> 00:03:23,750
إذا كنت قد أخذت بالفعل الدورة السابقة،

51
00:03:23,750 --> 00:03:26,540
لقد قدمت لك لتطوير شبكة الإنترنت كومة كاملة.

52
00:03:26,540 --> 00:03:29,930
إذا لم تقم بذلك، فإن الدرس الأول في هذه

53
00:03:29,930 --> 00:03:34,430
الدورة سيكون مقدمة سريعة لتطوير الويب الكامل.

54
00:03:34,430 --> 00:03:39,900
وسوف نضع هذه الدورة في سياق تطوير شبكة الإنترنت المكدس الكامل.

55
00:03:39,900 --> 00:03:42,830
لذلك هذا هو السبب في الدورة الأولى غطينا Bootstrap 4،

56
00:03:42,830 --> 00:03:46,470
في هذه الدورة سوف نركز على Angular.

57
00:03:46,470 --> 00:03:50,710
ثم في الدورة التالية، وسوف ننظر في الأيونية و كوردوفا

58
00:03:50,710 --> 00:03:54,590
للقيام تضاعفت لتطوير المحمول.

59
00:03:54,590 --> 00:03:57,350
ثم سنلقي نظرة على NativeScript في الدورة الرابعة.

60
00:03:57,350 --> 00:04:00,335
ثم أخيرًا، سنلقي نظرة على تطوير جانب الخادم،

61
00:04:00,335 --> 00:04:05,745
بما في ذلك القيام بطبقة منطق الأعمال باستخدام النظام البيئي للعقدة.

62
00:04:05,745 --> 00:04:13,935
وطبقة تخزين البيانات باستخدام MongoDB في هذا التخصص.

63
00:04:13,935 --> 00:04:18,265
تركز هذه الدورة المحددة، كما تتوقع، على Angular.

64
00:04:18,265 --> 00:04:23,391
سيتم تعريفك على الجوانب المختلفة للإطار الزاوي من خلال

65
00:04:23,391 --> 00:04:27,520
مجموعة من التمارين التي تبني على بعضها البعض.

66
00:04:27,520 --> 00:04:32,131
لذلك هو سلسلة من التمارين حيث سأعرض مفاهيم الزاوي المختلفة.

67
00:04:32,131 --> 00:04:37,772
ثم تظهر لك على الفور كيف نطبق هذه المفاهيم في

68
00:04:37,772 --> 00:04:43,519
سياق تطبيق Angular الذي سنقوم بتطويره طوال هذه الدورة.

69
00:04:43,519 --> 00:04:47,985
الآن على طول الطريق، عندما قمنا بتصميم وجهات نظر Angular،

70
00:04:47,985 --> 00:04:54,551
سنستخدم المادة Angular، للقيام بواجهة المستخدم الخاصة بمكونات Angular الخاصة بنا.

71
00:04:54,551 --> 00:05:00,962
وسنقوم بالتخطيطات باستخدام Angular Flex-Layout في هذه الدورة.

72
00:05:00,962 --> 00:05:06,280
سيكون البديل هو استخدام Bootstrap 4 الذي تعلمناه في وقت سابق.

73
00:05:06,280 --> 00:05:09,820
لكنني أحسب أن هذه الدورة ستوفر لك أيضًا

74
00:05:09,820 --> 00:05:15,060
فرصة لتعلم إطار واجهة المستخدم الأمامية آخر.

75
00:05:15,060 --> 00:05:18,230
هذا هو مادة الزاوي و الزاوي فليكس-لايوت

76
00:05:18,230 --> 00:05:22,110
للقيام بالضبط نفس الأشياء التي قمنا بها مع بوتستراب 4.

77
00:05:22,110 --> 00:05:28,430
وبهذه الطريقة تتعلم طريقتين مختلفتين للاقتراب من تصميم واجهة المستخدم

78
00:05:28,430 --> 00:05:35,300
باستخدام إما Bootstrap 4 أو استخدام مادة الزاوي بالإضافة إلى Angular Flex-Layout.

79
00:05:35,300 --> 00:05:37,880
سنعرفك أيضًا على أساسيات TypeScript

80
00:05:37,880 --> 00:05:42,650
من خلال التدريبات بينما نضاعف تطبيقنا Angular.

81
00:05:42,650 --> 00:05:47,346
و ستنظم الدورة نفسها في أربع و حدات.

82
00:05:47,346 --> 00:05:52,680
تم تصميم الوحدات الأربعة بحيث تتوافق مع أربعة أسابيع من هذه الدورة.

83
00:05:52,680 --> 00:05:55,450
ولكن، بالطبع، اسمحوا لي أن أؤكد

84
00:05:55,450 --> 00:05:59,760
لكم أنه ليس من الضروري أن تتعرض للضغط بسبب المواعيد النهائية التي لدينا في هذه الدورة.

85
00:05:59,760 --> 00:06:03,030
يمكنك أن تأخذ وقتك الخاصة للذهاب من خلال الدورة.

86
00:06:03,030 --> 00:06:07,900
من المهم أن نفهم كل جانب من جوانب Angular.

87
00:06:07,900 --> 00:06:14,800
إذا كنت بحاجة إلى وقت إضافي، لا تتردد في الانتقال إلى الدورة التالية من هذه الدورة.

88
00:06:14,800 --> 00:06:16,450
ومن ثم تابع.

89
00:06:16,450 --> 00:06:19,950
سيتم نقل جميع الأعمال التي أنجزتها في جلسة واحدة تلقائيًا

90
00:06:19,950 --> 00:06:22,010
إلى الدورة التالية من الدورة.

91
00:06:22,010 --> 00:06:27,340
لذلك لا تدع المواعيد النهائية تضغط عليك في التسرع لإكمال هذه الدورة.

92
00:06:27,340 --> 00:06:30,290
الآن، بعد أن أعطيت هذه الفكرة العامة،

93
00:06:30,290 --> 00:06:35,810
دعونا ننظر إلى ما ستغطيه كل وحدة من الوحدات الأربع في هذه الدورة.

94
00:06:35,810 --> 00:06:40,130
الوحدة الأولى سوف أعرض لكم كامل المكدس تطوير الويب،

95
00:06:40,130 --> 00:06:43,842
والفكرة العامة وعرض الصورة الكبيرة.

96
00:06:43,842 --> 00:06:50,230
بعد ذلك مباشرة، سنلقي نظرة عامة موجزة على Git و Node.

97
00:06:50,230 --> 00:06:53,250
إذا كنت قد فعلت دورة Bootstrap 4 السابقة،

98
00:06:53,250 --> 00:06:56,020
ثم كنت قد غطت هذين بالفعل في الدورة السابقة.

99
00:06:56,020 --> 00:06:59,310
حتى ذلك الحين يمكنك تخطي بسرعة

100
00:06:59,310 --> 00:07:03,750
إلى الدرس الأول الذي يقدم لك الزاوي، مقدمة إلى الزاوي.

101
00:07:04,970 --> 00:07:10,020
بعد مقدمة الإطار الزاوي ثم إعداد

102
00:07:10,020 --> 00:07:15,060
التطبيق الزاوي لدينا باستخدام المواد الزاوي و الزاوي فليكس-لايوت.

103
00:07:15,060 --> 00:07:18,910
ثم سننتقل إلى دراسة المزيد عن المكونات الزاوي.

104
00:07:18,910 --> 00:07:23,880
ما هو دور مكونات Angular في تصميم تطبيق Angular

105
00:07:23,880 --> 00:07:27,530
وتصميم طرق العرض المختلفة التي سيتم دعمها في تطبيق Angular الخاص بك.

106
00:07:28,610 --> 00:07:32,990
يجب أن يأخذك ذلك إلى أول مهمة في هذه الدورة.

107
00:07:32,990 --> 00:07:38,570
تركز الوحدة الثانية على خدمات Angular،

108
00:07:38,570 --> 00:07:41,110
والتوجيه، وتطبيقات الصفحة الواحدة.

109
00:07:41,110 --> 00:07:46,220
ونحن ننظر في كيفية دعم ردود الفعل Angular الوصول إلى البيانات

110
00:07:46,220 --> 00:07:50,210
وكيف يمكننا الاستفادة من الخدمات للوصول إلى البيانات.

111
00:07:50,210 --> 00:07:54,160
علاوة على ذلك، كيف يمكننا الاستفادة من البيانات في تصميم

112
00:07:55,420 --> 00:08:00,040
وجهات نظرنا لمكونات Angular المختلفة.

113
00:08:00,040 --> 00:08:04,240
لذلك هذا هو المكان الذي يأتي فيه جانب ربط البيانات في الصورة.

114
00:08:04,240 --> 00:08:06,920
ثم سنلقي نظرة على التوجيه الزاوي

115
00:08:06,920 --> 00:08:11,200
وكيف يمكننا تنفيذ تطبيقات صفحة واحدة في Angular.

116
00:08:11,200 --> 00:08:13,920
سأشرح لك ما هو تطبيق صفحة واحدة،

117
00:08:13,920 --> 00:08:18,930
وبعد ذلك سننظر في كيفية تصميم واحد باستخدام إطار Angular.

118
00:08:18,930 --> 00:08:24,060
وهذا سوف يأخذك كل الطريق إلى المهمة الثانية في هذه الدورة.

119
00:08:24,060 --> 00:08:29,120
تركز الوحدة الثالثة على أشكال الزاوي.

120
00:08:29,120 --> 00:08:32,517
ثم سنلقي نظرة على النماذج التفاعلية الزاوي

121
00:08:32,517 --> 00:08:36,883
وأيضا كيف تعمل البرمجة الزاوي و التفاعلية معا.

122
00:08:36,883 --> 00:08:40,236
وكيف يعزز Angular البرمجة التفاعلية

123
00:08:40,236 --> 00:08:45,470
لتنفيذ أشكال مختلفة من الدعم داخل تطبيق Angular.

124
00:08:45,470 --> 00:08:50,324
لذلك سننظر في النماذج المدفوعة بالقالب، ثم سنلقي نظرة على أشكال التفاعل الزاوي،

125
00:08:50,324 --> 00:08:53,262
ثم سننظر في كيفية دعم Angular الوعود.

126
00:08:53,262 --> 00:08:59,621
ثم نلقي نظرة موجزة على البرمجة التفاعلية في RxJS في

127
00:08:59,621 --> 00:09:07,565
سياق كيفية استخدام Angular RxJs لدعم الميزات المختلفة داخل الإطار.

128
00:09:07,565 --> 00:09:12,130
هذا سوف يأخذك كل الطريق إلى المهمة الثالثة في هذه الدورة.

129
00:09:12,130 --> 00:09:15,980
الوحدة النهائية تبحث في اتصال العميل الخادم.

130
00:09:15,980 --> 00:09:20,060
كيف يمكن للتطبيق Angular الخاص بك التواصل مع خادم

131
00:09:20,060 --> 00:09:24,220
يوفر البيانات التي يمكن جلبها من جانب الخادم

132
00:09:24,220 --> 00:09:29,120
ثم استخدامها لعرض طرق العرض داخل تطبيق Angular الخاص بك. في

133
00:09:29,120 --> 00:09:33,370
المقابل، سننظر أيضًا في كيفية

134
00:09:33,370 --> 00:09:38,020
عكس أي تغييرات تريد إجراؤها على البيانات مرة أخرى إلى جانب الخادم،

135
00:09:38,020 --> 00:09:40,340
من تطبيق Angular الخاص بك.

136
00:09:40,340 --> 00:09:44,670
سنلقي نظرة على Angular ووحدة HTTP داخل Angular.

137
00:09:44,670 --> 00:09:48,731
سننظر في كيفية الاستفادة من واجهة برمجة تطبيقات REST

138
00:09:48,731 --> 00:09:52,171
لتصميم تطبيق Angular الخاص بك،

139
00:09:52,171 --> 00:09:57,398
وسنلقي نظرة أيضًا على الرسوم المتحركة والتوجيهات في Angular. على

140
00:09:57,398 --> 00:10:00,040
وجه الخصوص، توجيهات السمة في Angular.

141
00:10:00,040 --> 00:10:04,558
سننظر في توجيهات الهيكل في الوحدة الأولى.

142
00:10:04,558 --> 00:10:10,140
سننظر في اختبار تطبيقات Angular لفترة وجيزة، ثم

143
00:10:10,140 --> 00:10:16,040
ننظر في النهاية في كيفية بناء ونشر تطبيق Angular الخاص بنا على الخادم.

144
00:10:16,040 --> 00:10:22,030
وهذا يجب أن يأخذك على طول الطريق إلى المهمة النهائية في هذه الدورة.

145
00:10:22,030 --> 00:10:27,758
على طول الطريق، لدينا أيضا مسار الشرف بنيت في هذه الدورة.

146
00:10:27,758 --> 00:10:32,440
إذا كنت ترغب في العمل على مشروعك الخاص باستخدام Angular،

147
00:10:32,440 --> 00:10:37,950
فإن مسار الشرف يوفر لك الفرصة للعمل

148
00:10:37,950 --> 00:10:43,470
على مشروعك الخاص ضمن هذه الدورة التدريبية الخاصة.

149
00:10:43,470 --> 00:10:48,840
لذا ألق نظرة على مسار الشرف، وإذا كان ذلك يهمك، فيمكنك أيضًا متابعة

150
00:10:48,840 --> 00:10:53,150
تطوير مشروع Angular الخاص بك في سياق هذه الدورة.

151
00:10:54,190 --> 00:10:58,175
آمل أن تستمتع بالذهاب من خلال هذه الدورة وتعلم Angular.

152
00:10:59,500 --> 00:11:04,550
الكلمة الأخيرة التي سأتركك معها هي التحلي بالصبر

153
00:11:04,550 --> 00:11:07,990
الزاوي يتطلب الكثير من الصبر للتعلم.

154
00:11:07,990 --> 00:11:11,020
سيكون هناك الكثير من المفاهيم

155
00:11:11,020 --> 00:11:15,740
والتقنيات التي سوف تواجهها وأنت تذهب من خلال هذه الدورة.

156
00:11:15,740 --> 00:11:19,620
من فضلك لا تسرع فقط لإكمال الدورة.

157
00:11:19,620 --> 00:11:26,716
خذ وقتك الخاصة لفهم كل خطوة قبل الانتهاء من هذه الدورة.

158
00:11:26,716 --> 00:11:29,987
آمل أن تستمتع بأخذ هذه الدورة

159
00:11:29,987 --> 00:11:33,049
[ موسيقى]