1
00:00:03,420 --> 00:00:09,220
الآن بعد أن حصلنا على فهم جيد لأطر جافا سكريبت،

2
00:00:09,220 --> 00:00:12,145
دعونا نتحدث تحديدًا عن

3
00:00:12,145 --> 00:00:14,475
Angular، وتاريخ موجز لـ Angular

4
00:00:14,475 --> 00:00:16,140
، من أين جاء،

5
00:00:16,140 --> 00:00:20,800
وبعض الميزات البارزة لـ Angular قبل

6
00:00:20,800 --> 00:00:26,560
أن نبدأ أول تمرين عملي مع Angular.

7
00:00:26,560 --> 00:00:29,950
الحديث قليلاً عن تاريخ Angular،

8
00:00:29,950 --> 00:00:35,110
تطورت Angular من تجسيدها السابق كـ AngularJS.

9
00:00:35,110 --> 00:00:42,590
تم تصميم Angulars في المقام الأول من قبل ميسكو هيفري وقدم حوالي عام 2012،

10
00:00:42,590 --> 00:00:47,855
وسرعان ما أصبح إطار تطبيق البيانات شعبية جدا.

11
00:00:47,855 --> 00:00:52,765
الزاوي الذي نتحدث عنه في هذه الدورة

12
00:00:52,765 --> 00:00:58,725
كان إعادة تنفيذ كاملة للإطار الزاوي.

13
00:00:58,725 --> 00:01:05,980
لذا، فإن Angular كما ترون الآن حيوان جديد تمامًا بخصائصه الجديدة،

14
00:01:05,980 --> 00:01:14,220
ولكنه يدين ببعض مفاهيمه وميزاته للإصدار السابق من Angular.

15
00:01:14,220 --> 00:01:18,919
لذا، سترى بعض المصطلحات الشائعة بين كل من AngularJS

16
00:01:18,919 --> 00:01:23,110
و Angular، وبعض الطرق الشائعة لحل المشكلة بينهما.

17
00:01:23,110 --> 00:01:28,070
لكن بناء الجملة الزاوي يختلف اختلافًا كبيرًا

18
00:01:28,070 --> 00:01:33,770
عن بناء جملة AngularJS إذا كنت معتادًا على AngularJS.

19
00:01:33,770 --> 00:01:37,640
لذلك، هذا يتطلب منك إعادة تدريب نفسك تماما

20
00:01:37,640 --> 00:01:43,015
في الطريقة الزاوي لحل المشاكل.

21
00:01:43,015 --> 00:01:50,720
Angular هو نهج قائم على المكونات لتنفيذ تطبيقات الويب.

22
00:01:50,720 --> 00:01:56,315
لذلك، أصبح المكون الجبهة ووسط Angular الآن.

23
00:01:56,315 --> 00:01:59,830
على الرغم من أن النهج القائم على المكونات قد تم نقله مرة أخرى إلى

24
00:01:59,830 --> 00:02:04,060
AngularJS أيضا من AngularJS الإصدار 1.5.

25
00:02:04,060 --> 00:02:08,540
لذا، إذا كنت قد تم اتباع نهج قائم على المكونات مع AngularJS،

26
00:02:08,540 --> 00:02:14,460
فستكون في منطقة مألوفة إلى حد ما إذا كنت تأتي إلى Angular.

27
00:02:14,460 --> 00:02:19,280
وقد تم تصميم الزاوي من البداية

28
00:02:19,280 --> 00:02:24,325
مع دعم المحمول حتى تتمكن من معالجة منصات متحركة بسهولة،

29
00:02:24,325 --> 00:02:29,840
ويوفر أيضا تقديم

30
00:02:29,840 --> 00:02:37,400
من جانب الخادم لتسريع تقديم تطبيق الويب الخاص بك على المتصفحات.

31
00:02:37,400 --> 00:02:43,065
أيضا، يوفر Angular محرك قالب قوي ودعم قوي.

32
00:02:43,065 --> 00:02:48,260
وسوف نرى بعض من هذه بمزيد من التفصيل ونحن المضي قدما في هذه الدورة.

33
00:02:48,260 --> 00:02:50,765
لتلخيص، ما هو بالضبط الزاوي؟

34
00:02:50,765 --> 00:02:56,250
الزاوي هو إطار هيكلي لتصميم تطبيقات الويب الديناميكية.

35
00:02:56,250 --> 00:03:00,405
النهج القائم على HTML الذي رأيناه،

36
00:03:00,405 --> 00:03:06,010
على سبيل المثال، مع نتائج Bootstrap في مستندات ثابتة في المقام الأول، بالطبع،

37
00:03:06,010 --> 00:03:07,720
مع jQuery و AJAX،

38
00:03:07,720 --> 00:03:15,430
يمكنك القيام ببعض السلوك الديناميكي في مواقع الويب الخاصة بك باستخدام Bootstrap

39
00:03:15,430 --> 00:03:17,870
في وقت سابق، ولكن Angular يملأ الفجوة لدعم

40
00:03:17,870 --> 00:03:23,595
ديناميكية بالكامل التطبيقات والتطبيقات الديناميكية القائمة على البيانات.

41
00:03:23,595 --> 00:03:26,110
هذا يستخدم نهجا تعريفيا.

42
00:03:26,110 --> 00:03:31,000
لقد تحدثنا عن نهج البرمجة التعريفي في المحاضرة السابقة،

43
00:03:31,000 --> 00:03:37,205
لذلك هذا ما تتبناه Angular كطريقة لحل المشاكل.

44
00:03:37,205 --> 00:03:39,180
عندما تأتي إلى العالم الزاوي،

45
00:03:39,180 --> 00:03:43,025
سوف تقصف قريبا جدا مع الكثير من المفردات الزاوي.

46
00:03:43,025 --> 00:03:46,520
سوف تسمع الناس يتحدثون عن ربط البيانات في اتجاه واحد وفي اتجاهين،

47
00:03:46,520 --> 00:03:52,460
ومن الواضح أن المكونات ثم تسمع الناس يتحدثون عن التوجيهات،

48
00:03:52,460 --> 00:03:59,005
ثم التوجيه، والقوالب، والوحدات، والخدمة،

49
00:03:59,005 --> 00:04:03,724
ثم ستسمع الناس يتحدثون عن مزود الخدمة والاختبار،

50
00:04:03,724 --> 00:04:09,055
وغيرها الكثير، وقريبا جدا 'ليرة لبنانية أن تطغى مع المصطلحات.

51
00:04:09,055 --> 00:04:13,855
في هذه الدورة، سوف نتبع نهجا لطيفا تجاه هذه المصطلحات.

52
00:04:13,855 --> 00:04:17,690
لن نزعج أنفسنا كثيرًا بالمصطلحات ولكن

53
00:04:17,690 --> 00:04:23,135
بدلاً من ذلك نفهم كيف نستفيد بالفعل من Angular.

54
00:04:23,135 --> 00:04:27,125
مع فهم معقول

55
00:04:27,125 --> 00:04:31,785
لهذه المصطلحات ولكن كيف نستخدم Angular لحل المشاكل؟

56
00:04:31,785 --> 00:04:37,685
هذه المصطلحات رائعة لرش في محادثتك في حفلات الكوكتيل.

57
00:04:37,685 --> 00:04:40,730
إذا كنت تستطيع حتى تجربة خطوط الالتقاط هذه، «بيبي،

58
00:04:40,730 --> 00:04:42,960
هل ترغب في رؤية مكوناتي،

59
00:04:42,960 --> 00:04:46,750
أو يمكنك إحضار البيانات وسأكون المزود.»

60
00:04:46,750 --> 00:04:50,035
الآن، اعتمادا على مدى يمكنك حملها،

61
00:04:50,035 --> 00:04:53,310
قد تكون ضربة كبيرة أو سوف تتعرض للضرب.

62
00:04:53,310 --> 00:04:57,520
في بعض الأحيان، عند البحث في Angular على الويب،

63
00:04:57,520 --> 00:05:00,850
سترى أنه يشار إليه باسم Angular Two،

64
00:05:00,850 --> 00:05:04,465
وستتساءل، هل هو Angular Two أم أنه Angular؟

65
00:05:04,465 --> 00:05:07,115
حسنًا، لجعلها أكثر وضوحًا،

66
00:05:07,115 --> 00:05:10,790
في مشاركة مدونة حديثة على موقع Angular،

67
00:05:10,790 --> 00:05:14,570
قاموا بتمييز واضح بين سبب اتصالهم

68
00:05:14,570 --> 00:05:19,940
بهذا الإطار الجديد على أنه مجرد Angular بدلاً من Angular Two، أو Angular Three، أو Angular

69
00:05:19,940 --> 00:05:22,055
Three، أو Angular Four.

70
00:05:22,055 --> 00:05:25,140
وقد اندلعت الزاوي الإصدار

71
00:05:25,140 --> 00:05:30,710
الدلالي لوضع علامة على الإصدارات المختلفة من Angular كإصدار.

72
00:05:30,710 --> 00:05:34,920
تعيين الإصدار الدلالي الذي يستخدم بناء الجملة كإصدار رئيسي،

73
00:05:34,920 --> 00:05:36,685
إصدار ثانوي، والتصحيح.

74
00:05:36,685 --> 00:05:40,450
التصحيح يعني أن هذه هي في المقام الأول إصلاحات الأخطاء،

75
00:05:40,450 --> 00:05:42,985
إصدار ثانوي يعني تحسينات صغيرة،

76
00:05:42,985 --> 00:05:46,720
وإصدار رئيسي ربما إدخال تغييرات كسر.

77
00:05:46,720 --> 00:05:50,940
لذا، في الوقت الحالي، نحن في إصدار Angular Six،

78
00:05:50,940 --> 00:05:59,530
وإصدار Angular Seven القادم في سبتمبر أو أكتوبر 2018،

79
00:05:59,530 --> 00:06:01,670
وكل ستة أشهر بعد ذلك،

80
00:06:01,670 --> 00:06:03,980
سترى إصدارًا رئيسيًا يتم إصداره.

81
00:06:03,980 --> 00:06:05,875
الآن، من وجهة نظرك،

82
00:06:05,875 --> 00:06:07,535
بمجرد البدء،

83
00:06:07,535 --> 00:06:10,820
وعدت مطورو Angular بالحفاظ على

84
00:06:10,820 --> 00:06:16,355
التوافق مع الإصدارات السابقة مع تطبيق بناء الجملة السابق

85
00:06:16,355 --> 00:06:20,825
ومسار ترقية محدد جيدًا

86
00:06:20,825 --> 00:06:25,545
لأولئك الذين يرغبون في الانتقال إلى الإصدارات الأحدث من Angular.

87
00:06:25,545 --> 00:06:28,300
لذلك، لا تكن قلقا جدا حول ذلك،

88
00:06:28,300 --> 00:06:33,335
ما أنت ذاهب لتعلمه سوف يبقيك في بداية جيدة لفترة طويلة قادمة.

89
00:06:33,335 --> 00:06:36,940
لن يكون الأمر مثل AngularJS إلى Angular،

90
00:06:36,940 --> 00:06:45,865
لن يتم رؤية هذا النوع من التغيير في الإصدارات المستقبلية من Angular.

91
00:06:45,865 --> 00:06:51,890
الوقت للانتقال إلى شروطنا الأولى في التمرين الزاوي حيث سنقوم بتثبيت

92
00:06:51,890 --> 00:06:59,250
الزاوي كلي ثم إنشاء أول تطبيق الزاوي باستخدام الزاوي كلي.