1
00:00:00,000 --> 00:00:05,693
[MUSIC]

2
00:00:05,693 --> 00:00:09,002
الآن بعد أن لديك Node.js على جهاز الكمبيوتر الخاص بك،

3
00:00:09,002 --> 00:00:13,870
من الواضح أنك تريد البدء في استخدامه على الفور.

4
00:00:13,870 --> 00:00:17,038
لذلك، في هذا التمرين، سنبدأ في استخدام العقدة.

5
00:00:17,038 --> 00:00:20,921
سنقوم بإعداد ملف معبأ، أو مجاور،

6
00:00:20,921 --> 00:00:25,500
لمجلد اختبار Git الذي كنا نعمل معه حتى الآن.

7
00:00:25,500 --> 00:00:30,400
ثم، سنقوم بإعداد وحدة عقدة تسمى خادم لايت من

8
00:00:30,400 --> 00:00:34,519
شأنها أن تخدم محتويات لدينا الحصول على مجلد اختبار.

9
00:00:34,519 --> 00:00:39,760
ومن ثم يمكننا تصفح هذا الملف index.html

10
00:00:39,760 --> 00:00:43,320
والملفات الأخرى في المتصفح.

11
00:00:43,320 --> 00:00:48,960
وسوف نرى أيضا كيف الخادم لايت سوف تمكننا من

12
00:00:50,390 --> 00:00:56,805
رؤية التحديثات تلقائيا إلى نافذة المتصفح لدينا ونحن إجراء تغييرات على

13
00:00:56,805 --> 00:01:02,333
ملف index.html لدينا، أو أي ملفات أخرى في لدينا الحصول على مجلد اختبار.

14
00:01:02,333 --> 00:01:08,916
الخادم لايت هو شيء أننا في طريقنا إلى استخدام على نطاق واسع في هذه

15
00:01:08,916 --> 00:01:14,010
الدورات والمستقبلية، لتكون قادرة على رؤية التغييرات في الوقت الحقيقي

16
00:01:14,010 --> 00:01:19,125
في نافذة المتصفح كما يمكنك تحرير ملفات المشروع الخاص بك.

17
00:01:22,216 --> 00:01:25,650
كما ذكرت، نريد إعداد ملف package.json.

18
00:01:25,650 --> 00:01:29,300
فما هو بالضبط هذا الملف package.json الذي سنقوم بإعداده؟

19
00:01:29,300 --> 00:01:32,738
حتى هنا، لدي بعض المعلومات من

20
00:01:32,738 --> 00:01:38,390
موقع npmjs.org

21
00:01:38,390 --> 00:01:43,176
الذي يحدد بالضبط ما هو دور ملف package.json.

22
00:01:43,176 --> 00:01:47,781
لذا، يعمل ملف package.json كوثائق حول جميع

23
00:01:47,781 --> 00:01:51,670
الحزم الأخرى التي يعتمد عليها مشروعك.

24
00:01:51,670 --> 00:01:56,030
لذلك، على سبيل المثال، عند إعداد خادم لايت من المشروع الخاص بك،

25
00:01:56,030 --> 00:01:58,907
والتي سيتم تسجيلها في ملف package.json.

26
00:01:58,907 --> 00:02:07,200
وهكذا، في وقت لاحق، يمكنك أيضا الاستفادة من تلك الحزمة في المستقبل.

27
00:02:07,200 --> 00:02:12,460
كما يسمح لك بتحديد الإصدار المحدد من الحزمة

28
00:02:12,460 --> 00:02:14,710
التي يعتمد عليها مشروعك.

29
00:02:14,710 --> 00:02:19,784
لذلك حتى إذا كانت الحزمة التي تعتمد على التغييرات في المستقبل،

30
00:02:19,784 --> 00:02:24,762
قد تصر على أنك تريد أن يقوم المستخدم بتثبيت

31
00:02:24,762 --> 00:02:30,650
إصدار معين فقط من الحزمة للاستخدام داخل تطبيق العقدة الخاص بك.

32
00:02:30,650 --> 00:02:34,151
وأيضا، فإنه يجعل يبني الخاص بك استنساخ،

33
00:02:34,151 --> 00:02:38,177
مما يعني أنه عند مشاركة التعليمات البرمجية الخاصة بك مع الآخرين،

34
00:02:38,177 --> 00:02:42,552
ثم أنها يمكن أيضا القيام بتثبيت جميع وحدات العقدة،

35
00:02:42,552 --> 00:02:47,128
كما سنرى في وقت لاحق في هذا التمرين، على جهاز الكمبيوتر الخاص بهم.

36
00:02:50,900 --> 00:02:57,610
لذا من الواضح أن سؤالك التالي سيكون، كيف يمكننا إنشاء ملف package.json هذا؟

37
00:02:57,610 --> 00:03:04,473
إذا كنت تبدأ مشروعًا جديدًا حيث تريد تهيئة

38
00:03:04,473 --> 00:03:10,425
ملف package.json، فببساطة اكتب npm init في المطالبة في مجلد المشروع.

39
00:03:10,425 --> 00:03:14,789
وبعد ذلك سوف يأخذك من خلال مجموعة من الخطوات التي سوف تمكنك من

40
00:03:14,789 --> 00:03:17,150
تكوين ملف package.json الخاص بك.

41
00:03:17,150 --> 00:03:20,910
لذلك دعونا المضي قدما في ذلك لمشروع اختبار جيت لدينا.

42
00:03:22,290 --> 00:03:28,200
لذلك أنا هنا في مجلد git-test في نافذة المحطة الطرفية الخاصة بي.

43
00:03:28,200 --> 00:03:32,615
تأكد من فتح نافذة طرفية أو إطار أوامر

44
00:03:32,615 --> 00:03:34,791
ثم انتقل إلى مجلد git-test.

45
00:03:34,791 --> 00:03:38,831
وفي موجه، اكتب npm init.

46
00:03:38,831 --> 00:03:43,235
ثم اتبع على طول الأسئلة التي يتم طرحها.

47
00:03:43,235 --> 00:03:48,275
لذلك بالنسبة لاسم المشروع، سنتركه فقط كاختبار افتراضي، اختبار git-test.

48
00:03:48,275 --> 00:03:51,546
بالنسبة للإصدار، سنتركه فقط كـ 1.0.0.

49
00:03:51,546 --> 00:03:53,135
يمكننا تعديل ذلك لاحقاً

50
00:03:53,135 --> 00:03:58,252
للوصف،

51
00:03:58,252 --> 00:04:04,647
هذا دليل اختبار

52
00:04:04,647 --> 00:04:10,740
لتعلم Git و Node.

53
00:04:10,740 --> 00:04:13,400
لا يهم، اكتب بعض الوصف هناك.

54
00:04:13,400 --> 00:04:16,994
ثم نقطة الدخول، وأود أن أقول فقط index.html.

55
00:04:18,260 --> 00:04:24,508
عادة إذا كانت حزمة عقدة، ستكون نقطة الدخول index.js.

56
00:04:24,508 --> 00:04:28,623
الآن هذا المجلد الذي لدينا الإعداد

57
00:04:28,623 --> 00:04:34,280
هو مجلد يستند إلى index.html، لذلك لهذا السبب أنا فقط كتبت في index.html.

58
00:04:34,280 --> 00:04:35,972
أمر اختبار، لا شيء

59
00:04:35,972 --> 00:04:40,994
مستودع Git، إذا كنا قد قمنا بالفعل بإعداد مستودع git في

60
00:04:40,994 --> 00:04:45,297
التمرين السابق، فسوف يطالبك تلقائيًا بذلك، إن لم يكن،

61
00:04:45,297 --> 00:04:50,318
فسيكون هذا فارغًا ويعطيك خيارًا لكتابة عنوان URL لمستودع git،

62
00:04:50,318 --> 00:04:53,920
في حال كنت تستخدم مستودع git عبر الإنترنت.

63
00:04:53,920 --> 00:04:56,980
بعض الكلمات الرئيسية لمشروعك، والتي سأتركها فارغة.

64
00:04:56,980 --> 00:04:58,760
الكاتب، اكتب اسمك.

65
00:04:58,760 --> 00:05:00,214
لنكن نرجسية

66
00:05:04,497 --> 00:05:06,590
والرخصة

67
00:05:06,590 --> 00:05:15,050
وبعد ذلك، سيظهر لك تكوين ملف package.json بتنسيق JSON.

68
00:05:15,050 --> 00:05:18,860
حتى إذا كان لديك عائلتك جسون، هل تبدو مألوفة جدا، جدا بالنسبة لك.

69
00:05:18,860 --> 00:05:22,210
حتى إذا كان هذا يبدو كل شيء جيد، دعونا نقول فقط موافق

70
00:05:22,210 --> 00:05:27,790
وبعد ذلك يؤدي إلى إنشاء ملف package.json.

71
00:05:27,790 --> 00:05:30,970
حتى الآن إذا قمت بإدراج محتويات المجلد،

72
00:05:30,970 --> 00:05:34,680
سترى ملف package.json في محتويات المجلد.

73
00:05:36,430 --> 00:05:42,210
افتح مجلد اختبار Git هذا في المحرر المفضل لديك،

74
00:05:42,210 --> 00:05:47,270
ثم ألق نظرة على محتويات ملف package.json في المحرر الخاص بك.

75
00:05:48,950 --> 00:05:54,470
كخطوة تالية، سوف نتعلم كيف يمكننا تثبيت وحدة عقدة

76
00:05:54,470 --> 00:05:57,950
باستخدام الآلية الوقائية الوطنية، مدير حزمة العقدة.

77
00:05:57,950 --> 00:06:02,750
لذلك، سنقوم بتثبيت وحدة العقدة هذه تسمى خادم الضوء.

78
00:06:02,750 --> 00:06:07,890
سيخدم الخادم الخفيف محتويات هذا المجلد git-test في

79
00:06:07,890 --> 00:06:13,150
خادم يبدأ تشغيله بحيث يمكنك عرض المحتويات في المستعرض.

80
00:06:13,150 --> 00:06:15,753
وبالنظر إلى أن لدينا ملف index.html،

81
00:06:15,753 --> 00:06:19,580
إذا كنا تخدم هذا المجلد، ثم سيكون موقع على شبكة الإنترنت.

82
00:06:19,580 --> 00:06:24,130
ويمكنك عرض index.html في متصفح.

83
00:06:24,130 --> 00:06:28,460
لذلك، دعونا إعداد خادم الضوء وبعد ذلك سوف نرى كيف يمكننا

84
00:06:28,460 --> 00:06:31,820
الاستفادة من خادم الضوء لخدمة محتويات هذا المجلد.

85
00:06:31,820 --> 00:06:36,530
هذا مفيد للغاية لأنه إذا كنت تعمل على

86
00:06:36,530 --> 00:06:42,240
مشروع تطوير الويب، فأنت تريد أن ترى أين الإصدار المباشر لمشروع تطوير الويب الخاص بك.

87
00:06:42,240 --> 00:06:45,060
بحيث، عند إجراء تغييرات على مشروعك،

88
00:06:45,060 --> 00:06:49,400
يمكنك رؤية التغييرات التي تنعكس على الفور في المتصفح.

89
00:06:49,400 --> 00:06:53,840
لذلك هذا هو حزمة عقدة جيدة جدا التي هي مفيدة جدا لهذا الغرض.

90
00:06:53,840 --> 00:06:55,980
لذلك دعونا إعداد هذا الخادم ضوء.

91
00:06:55,980 --> 00:06:58,190
للقيام بذلك، أضف المطالبة.

92
00:06:58,190 --> 00:07:01,120
اكتب تثبيت الآلية الوقائية الوطنية.

93
00:07:01,120 --> 00:07:05,244
لذا لاحظ، إذا كنت تريد أن تقوم الآلية الوقائية الوطنية بتثبيت حزمة عقدة،

94
00:07:05,244 --> 00:07:10,686
فهذه هي الطريقة التي ستستدعيها ثم تقول خادم lite-server.

95
00:07:10,686 --> 00:07:16,685
وبعد ذلك، نريد أيضا حفظ حقيقة أن مشروعنا يستخدم الخادم لايت.

96
00:07:16,685 --> 00:07:20,587
لذلك سنقوم بحفظ هذه المعلومات في ملف package.json.

97
00:07:20,587 --> 00:07:27,492
لذلك للقيام بذلك، سوف تكتب في - حفظ ديف.

98
00:07:27,492 --> 00:07:33,398
الآن يحدد خيار حفظ ديف أن هذا الخادم لايت يستخدم

99
00:07:33,398 --> 00:07:37,820
لتبعية التنمية لمشروعنا.

100
00:07:37,820 --> 00:07:43,230
إذا كنت تقوم بتثبيت وحدة نمطية للعقدة

101
00:07:43,230 --> 00:07:48,680
يعتمد عليها مشروعك بشكل مباشر، فيمكنك تثبيته ببساطة عن طريق قول خيار - save.

102
00:07:49,680 --> 00:07:52,110
لذلك، دعونا المضي قدما وتثبيته.

103
00:07:52,110 --> 00:07:56,990
وأنت تنتظر بصبر حتى يتم التثبيت.

104
00:08:00,140 --> 00:08:06,890
سيستغرق ذلك بضع دقائق لإكمال تركيبه.

105
00:08:06,890 --> 00:08:11,830
بمجرد تثبيت ذلك،

106
00:08:11,830 --> 00:08:16,771
ستلاحظ على الفور عند النظر إلى محتويات المجلد الخاص

107
00:08:16,771 --> 00:08:25,099
بك، ستلاحظ على الفور أن هناك مجلد هناك تم إنشاؤه اسمه node_modules.

108
00:08:25,099 --> 00:08:30,251
الآن، إذا ذهبت إلى node_module، سترى مجموعة كاملة

109
00:08:30,251 --> 00:08:35,120
من المجلدات الفرعية الأخرى هناك، والتي تحتوي على وحدات العقدة،

110
00:08:35,120 --> 00:08:40,098
والتي هي ضرورية لأمثال وحدة العقدة الخاصة بنا وهلم جرا.

111
00:08:40,098 --> 00:08:44,873
لذلك دعونا نلقي جولة سريعة من مجلد وحدات العقدة لمعرفة

112
00:08:44,873 --> 00:08:47,515
ما هي محتويات هذه.

113
00:08:50,764 --> 00:08:55,713
الذهاب إلى مجلد git-test الخاص بي، إذا كنت تسير على مجلد وحدات العقدة

114
00:08:55,713 --> 00:09:00,130
، سترى، كما قلت، مجموعة كاملة من المجلدات الفرعية هناك.

115
00:09:00,130 --> 00:09:04,972
عادة لا تحتاج إلى المغامرة في مجلد وحدات العقدة.

116
00:09:04,972 --> 00:09:09,222
أنها موجودة فقط هناك لأنها مطلوبة ل [غير مسموع].

117
00:09:09,222 --> 00:09:16,470
لذلك أثناء تصفح، يجب أن تلاحظ مجلد باسم lite-server هنا.

118
00:09:16,470 --> 00:09:18,970
عندما تذهب إلى مجلد خادم lite-server،

119
00:09:18,970 --> 00:09:23,860
لاحظ على وجه الخصوص وجود ملف index.js

120
00:09:23,860 --> 00:09:27,690
ثم ملف package.json الخاص بك والعديد من الأشياء الأخرى.

121
00:09:27,690 --> 00:09:33,538
لذلك تضم محتويات المجلد وحدة عقدة خادم lite-server.

122
00:09:33,538 --> 00:09:38,010
ولكن وحدة عقدة lite-server هذه تعتمد على وحدات العقدة الأخرى

123
00:09:38,010 --> 00:09:41,120
لتزويدها ببعض الوظائف الإضافية.

124
00:09:41,120 --> 00:09:45,190
لذلك هذا هو السبب عند تثبيت وحدة عقدة الخادم الخفيفة، فإنه سيقوم بدوره

125
00:09:45,190 --> 00:09:51,590
بتثبيت العديد من وحدات العقدة الأخرى، والتي يعتمد عليها الخادم الخفيف نفسه.

126
00:09:51,590 --> 00:09:56,239
لذلك هذا هو السبب في أنك ترى هذا الانفجار من

127
00:09:56,239 --> 00:10:00,800
هذه المجلدات داخل وحدات العقدة.

128
00:10:00,800 --> 00:10:04,670
لا تكون قلقا جدا حيال ذلك، فإن مجموع المجلدات لن يكون

129
00:10:04,670 --> 00:10:08,620
أكثر من بضع عشرات من ميغا بايت.

130
00:10:08,620 --> 00:10:12,310
لذلك لن تملأ الدليل الخاص بك مع غير المرغوب فيه.

131
00:10:13,400 --> 00:10:17,680
كل هذا ضروري للعقدة لتكون قادرة على مساعدتك.

132
00:10:19,420 --> 00:10:24,280
في حال كنت تشعر بالفضول حول خادم lite-وكيف يعمل وما إلى ذلك،

133
00:10:24,280 --> 00:10:29,780
يمكنك دائمًا الانتقال إلى موقع GitHub هذا حيث يتم استضافة خادم lite-server.

134
00:10:29,780 --> 00:10:35,260
ثم ابحث عن وثائق لخادم lite-server.

135
00:10:35,260 --> 00:10:40,040
وسوف أعرض لكم كل ما تحتاج إلى معرفته عن LITE الخادم ونحن نذهب من خلال

136
00:10:40,040 --> 00:10:42,830
هذه الدورة والدورات المتبقية.

137
00:10:42,830 --> 00:10:47,223
لذلك لا داعي للقلق كثيرًا حول هذا الموضوع، ولكن فقط في حال كنت فضوليًا،

138
00:10:47,223 --> 00:10:51,306
يمكنك دائمًا الذهاب إلى الموقع لمعرفة المزيد من التفاصيل حول خادم lite-server.

139
00:10:51,306 --> 00:10:56,651
يتم توفير الرابط في تعليمات التمرين الخاصة بك

140
00:10:56,651 --> 00:11:01,307
والموارد الإضافية هي جزء من هذا الدرس.

141
00:11:03,640 --> 00:11:08,556
بمجرد الانتهاء من ذلك، ثم توجه إلى.

142
00:11:10,139 --> 00:11:15,050
محرر حيث لديك المجلد، مجلد Git-Test، فتح

143
00:11:15,050 --> 00:11:18,925
ثم عرض محتويات ملف package.json.

144
00:11:18,925 --> 00:11:23,876
لذلك سترى أن ملف package.json يحتوي بالضبط على المعلومات التي

145
00:11:23,876 --> 00:11:25,722
قمت بتكوينها مع الآلية الوقائية الوطنية.

146
00:11:25,722 --> 00:11:30,937
لذلك سترى إصدار الاسم ومؤلف المستودع

147
00:11:30,937 --> 00:11:35,096
وعلى وجه الخصوص، لاحظ هذه المعلومات هنا.

148
00:11:35,096 --> 00:11:41,211
وتقول DevDependencies، لذلك فإنه يحدد ليتس سيفر،

149
00:11:41,211 --> 00:11:44,931
وأيضا لاحظ أنه يقول قبعة 2.2.2.

150
00:11:44,931 --> 00:11:50,643
وهذا يعني أن هذا المشروع بالذات

151
00:11:50,643 --> 00:11:58,056
يعتمد على خادم lite-الذي هو على الأقل الإصدار 2.2.2 أو أعلى.

152
00:11:58,056 --> 00:12:00,472
لذلك هذا مفيد جدا بالنسبة لنا.

153
00:12:00,472 --> 00:12:04,110
الآن لماذا نحتاج هذه المعلومات هنا؟

154
00:12:04,110 --> 00:12:07,331
في وقت لاحق، عندما تذهب إلى التدريبات الأخرى،

155
00:12:07,331 --> 00:12:11,874
ستلاحظ أنه عند تخزين هذا على مستودع عبر الإنترنت،

156
00:12:11,874 --> 00:12:16,765
لا تريد تخزين كل شيء في مجلد وحدات العقدة الخاصة بك.

157
00:12:16,765 --> 00:12:23,950
سوف تقوم فقط بتخزين المعلومات من جميع الملفات التي أنشأناها.

158
00:12:23,950 --> 00:12:28,849
يمكن دائمًا إعادة إنشاء مجلد وحدات العقدة

159
00:12:28,849 --> 00:12:33,056
بكتابة تثبيت NPM في موجه الأوامر الخاص بنا.

160
00:12:33,056 --> 00:12:35,905
ثم استنادًا إلى تبعيات dev

161
00:12:35,905 --> 00:12:40,602
والتبعيات المسردة في ملف packager،

162
00:12:40,602 --> 00:12:45,306
سيتم تثبيت جميع وحدات العقدة التي يعتمد عليها مشروعك تلقائيًا.

163
00:12:45,306 --> 00:12:50,194
سنرى أنه في وقت لاحق حول كيفية استخدام

164
00:12:50,194 --> 00:12:54,389
تثبيت الآلية الوقائية الوطنية في هذه الدورة.

165
00:12:56,473 --> 00:13:02,098
الآن بعد أن أصبحنا في ملف package.json دعونا نجري بعض التعديلات حتى

166
00:13:02,098 --> 00:13:08,431
نتمكن من الاستفادة من خادم lite-لخدمة هذا المحتوى.

167
00:13:08,431 --> 00:13:14,520
حتى هنا، في هذا الخيار يسمى البرامج النصية،

168
00:13:14,520 --> 00:13:18,181
دعونا نضيف في واحد أكثر هنا.

169
00:13:18,181 --> 00:13:20,806
لذلك سوف نقول «ابدأ».

170
00:13:20,806 --> 00:13:26,673
لذا فإن البداية هي أمر تدعمه الآلية الوقائية الوطنية والذي

171
00:13:26,673 --> 00:13:32,682
يتيح لك تحديد مجموعة من الأشياء التي سيتم تشغيلها.

172
00:13:32,682 --> 00:13:35,264
لذلك في وقت لاحق سنرى كيف نستفيد من هذا.

173
00:13:35,264 --> 00:13:39,512
حتى هنا أنا ذاهب إلى القول «نبم تشغيل لايت».

174
00:13:43,557 --> 00:13:48,462
وبعد هذا الاختبار، وأنا ذاهب لإضافة

175
00:13:48,462 --> 00:13:53,059
في إدخال واحد آخر يسمى «لايت»،

176
00:13:53,059 --> 00:13:59,971
والتي سوف تكوين باسم «ليت سيرفر»، حسنا؟

177
00:13:59,971 --> 00:14:04,889
مع هذه التغييرات، دعونا حفظ ملف package.json.

178
00:14:04,889 --> 00:14:11,170
وبعد ذلك، الآن يتم تكوين مشروعنا، بحيث الآن إذا قمت بتشغيل خادم lite-،

179
00:14:11,170 --> 00:14:16,682
سيتم تقديم محتويات المجلد الخاص بك الآن في المتصفح المفضل لديك.

180
00:14:21,306 --> 00:14:24,890
العودة إلى موجه الأوامر لدينا، إضافة موجه.

181
00:14:24,890 --> 00:14:29,531
إذا قمت بالكتابة، تبدأ npm، والآن ترى لماذا أضع

182
00:14:29,531 --> 00:14:34,181
بطاقة الإدخال هذه في ملف Package.json الخاص بي.

183
00:14:34,181 --> 00:14:41,222
إذا قلت بداية npm، مهما تم تكوين البداية كما هو الحال في ملف Package.json،

184
00:14:41,222 --> 00:14:47,472
فإننا نحدد أن npm تشغيل الضوء، وتم تحديد lite كخادم خفيف.

185
00:14:47,472 --> 00:14:50,420
لذلك أساسا، نحن نقول بدء الخادم لايت.

186
00:14:50,420 --> 00:14:54,821
لذلك، بمجرد كتابة npm start، سيبدأ خادم lite-،

187
00:14:54,821 --> 00:14:57,931
وسيخدم محتويات هذا المجلد.

188
00:14:57,931 --> 00:15:00,889
الآن كيف يمكنك الوصول إلى محتويات هذا المجلد؟

189
00:15:00,889 --> 00:15:04,812
إذا كنت ترغب في الوصول إلى هذا محليًا،

190
00:15:04,812 --> 00:15:12,056
فستصل إليه عن طريق تحديد أنك المضيف المحلي: 3000.

191
00:15:12,056 --> 00:15:15,389
هذه هي الإعدادات الافتراضية لخادم lite-server.

192
00:15:15,389 --> 00:15:19,831
وعلاوة على ذلك، يجب أن يفتح هذا تلقائيا

193
00:15:19,831 --> 00:15:24,382
نافذة المتصفح من المتصفح الافتراضي الخاص بك،

194
00:15:24,382 --> 00:15:29,722
وتظهر محتويات الفهرس أو HTML في نافذة المتصفح.

195
00:15:29,722 --> 00:15:34,480
هنا يمكنك أن ترى أنني فتحت محرر

196
00:15:34,480 --> 00:15:39,849
بلدي ونافذة المتصفح الموجهة إلى لوكالهوست: 3000 في

197
00:15:39,849 --> 00:15:44,730
وقت واحد جنبا إلى جنب، بحيث يمكننا أن نرى

198
00:15:44,730 --> 00:15:49,733
كيف نافذة المتصفح سوف تعكس على الفور

199
00:15:49,733 --> 00:15:54,760
أي تغييرات نجريها على مجلد اختبار جيت لدينا.

200
00:15:54,760 --> 00:15:57,780
لذلك اسمحوا لي أن أذهب إلى index.html.

201
00:15:57,780 --> 00:16:03,060
ومن ثم من أجل الفضاء، سأقوم بتسليم ذلك.

202
00:16:03,060 --> 00:16:07,680
وبعد ذلك، هنا، يمكنك أن ترى أن هذه هي محتويات هذا.

203
00:16:07,680 --> 00:16:11,554
وبعد ذلك، اسمحوا لي الآن أن أضيف فقرة واحدة أخرى.

204
00:16:21,328 --> 00:16:27,338
وحفظ التغييرات، وبعد ذلك ستلاحظ على الفور

205
00:16:27,338 --> 00:16:34,980
أن التغيير الذي أجريته على ملف index.html الخاص بي ينعكس في المتصفح الخاص بي.

206
00:16:34,980 --> 00:16:40,560
يوفر هذا طريقة لطيفة جدًا لتتمكن من مراقبة

207
00:16:40,560 --> 00:16:45,890
التغييرات التي تجريها على شفرتك في الوقت الحقيقي والتي تنعكس في متصفحك.

208
00:16:45,890 --> 00:16:49,920
لذلك عندما كنت تعمل على مشروع، سيكون من المناسب جدا بالنسبة

209
00:16:49,920 --> 00:16:52,175
لك أن تكون قادرا على رؤية التغييرات على الفور.

210
00:16:52,175 --> 00:16:54,895
لذلك عند إجراء تغيير ثم حفظ الملف،

211
00:16:54,895 --> 00:16:59,185
يتم تحميل التعليمات البرمجية المعدلة على الفور في المتصفح الخاص بك.

212
00:16:59,185 --> 00:17:04,420
حتى تتمكن من رؤية التغيير الذي ينعكس في نافذة المتصفح الخاص بك على الفور.

213
00:17:04,420 --> 00:17:12,400
هذه أداة مفيدة للغاية أثناء قيامك بتطوير مشروعك.

214
00:17:12,400 --> 00:17:18,026
هذا هو السبب في أنني قدمت لكم أن خادم لايت,

215
00:17:18,026 --> 00:17:24,791
وإعداده حتى نتمكن من الاستفادة منه, ونحن تطوير الموقع في هذه الدورة.

216
00:17:27,033 --> 00:17:32,092
إذا كنت تتذكر، فقد قمنا بالفعل بإعداد مجلد git-test ليكون مستودع Git.

217
00:17:32,092 --> 00:17:37,435
لذا التحقق مرة أخرى،

218
00:17:37,435 --> 00:17:40,805
سنرى أن لدينا بالفعل ثلاثة التزامات في مستودع Git الخاص بنا. وقد تم نسخ

219
00:17:40,805 --> 00:17:45,885
مستودع Git هذا بالفعل إلى مستودع Git عبر الإنترنت

220
00:17:45,885 --> 00:17:51,015
الذي قمنا بإعداده في التمرين السابق إما في Bitbucket أو GitHub.

221
00:17:51,015 --> 00:17:55,665
تتم مزامنة مجلد git-test الخاص بي إلى

222
00:17:55,665 --> 00:18:02,380
مستودع Bitbucket الخاص بي في هذا التمرين بالذات.

223
00:18:02,380 --> 00:18:08,220
لذلك ما سأفعله الآن هو أن أريك كيف يمكنك استبعاد بعض

224
00:18:08,220 --> 00:18:13,830
المجلدات من مجلد المشروع الخاص بك،

225
00:18:13,830 --> 00:18:19,760
ومن ثم تأكد من أنها غير متزامنة مع المستودع الخاص بك على الانترنت.

226
00:18:19,760 --> 00:18:24,480
الآن كما قلت، يمكن دائمًا إعادة إنشاء مجلد node_modules

227
00:18:24,480 --> 00:18:27,840
عن طريق كتابة npm install في المطالبة.

228
00:18:27,840 --> 00:18:31,490
لهذا السبب عند تحميل

229
00:18:31,490 --> 00:18:36,690
محتويات المجلد الخاص بك إلى مستودع Git عبر الإنترنت،

230
00:18:36,690 --> 00:18:42,320
أو عند القيام بالتزام المجلد إلى مستودع Git الخاص بك،

231
00:18:42,320 --> 00:18:47,230
لا تريد

232
00:18:47,230 --> 00:18:52,280
تضمين مجلد node_modules أو جميع المجلدات الفرعية تحته في الالتزام.

233
00:18:52,280 --> 00:18:55,950
إذن كيف نستبعد بعض المجلدات أو

234
00:18:55,950 --> 00:19:02,380
بعض الملفات من مجلدنا من التحقق في مستودع Git الخاص بنا؟

235
00:19:02,380 --> 00:19:08,680
لذلك للقيام بذلك، سنقوم بإعداد ملف اسمه .gitignore.

236
00:19:08,680 --> 00:19:11,860
إذا هذا هو اسم الملف، .gitignore.

237
00:19:11,860 --> 00:19:17,220
لذلك لإنشاء هذا الملف.gitignore، سنذهب إلى محررنا.

238
00:19:18,550 --> 00:19:23,956
لذلك في المحرر، في مجلد git-test،

239
00:19:23,956 --> 00:19:31,300
سأقوم بإنشاء ملف جديد وسأسميه .gitignore.

240
00:19:31,300 --> 00:19:34,650
لاحظ أن الاسم يبدأ بنقطة

241
00:19:34,650 --> 00:19:39,840
ثم، بقية الاسم هو g-i-t-i-g-n-o-r-e.

242
00:19:39,840 --> 00:19:44,492
لذلك هذا مهم جدا أن تقوم بإعداد الملف مع هذا الاسم بالضبط،

243
00:19:44,492 --> 00:19:45,329
.gitignore.

244
00:19:46,500 --> 00:19:51,070
لذلك دعونا إنشاء هذا الملف يسمى .gitignore،

245
00:19:51,070 --> 00:19:57,360
والسطر الأول من هذا الملف، وسوف نكتب كما node_modules.

246
00:19:57,360 --> 00:20:01,450
إذن ما يعنيه هذا هو أن مجلد node_modules سيتم

247
00:20:01,450 --> 00:20:04,410
استبعاده من التزام git الخاص بنا.

248
00:20:05,850 --> 00:20:08,896
لذلك بمجرد إنشاء هذا الملف.gitignore

249
00:20:08,896 --> 00:20:14,900
ثم إضافة node_modules إلى ملف.gitignore، دعونا حفظ التغييرات.

250
00:20:14,900 --> 00:20:19,735
وبعد ذلك سنقوم الآن بالتزام الحالة الحالية لمشروعنا

251
00:20:19,735 --> 00:20:24,700
في مستودع Git الخاص بنا.

252
00:20:24,700 --> 00:20:27,220
آمل أن تتذكر أوامر git الخاصة بك.

253
00:20:27,220 --> 00:20:31,310
دعونا نفعل حالة git، وبعد ذلك عند القيام بذلك،

254
00:20:31,310 --> 00:20:36,194
ستلاحظ على الفور أن لديك

255
00:20:36,194 --> 00:20:42,070
ملف index.html ملحوظ كما تم تعديله، ثم ملفين جديدين، .gitignore و package.json.

256
00:20:42,070 --> 00:20:49,500
لذلك، نقوم بإضافة git.، ثم نقوم بحالة git.

257
00:20:49,500 --> 00:20:54,120
ثم ترى أن كل هذه الملفات الجديدة قد تم تسجيلها في التزامك.

258
00:20:54,120 --> 00:21:01,090
دعونا نفعل التزام جيت. جيت ارتكاب -m «الالتزام الرابع».

259
00:21:01,090 --> 00:21:05,440
والملفات ملتزمة.

260
00:21:05,440 --> 00:21:09,303
دعونا ندفع الالتزام الجديد لمستودعنا عبر الإنترنت.

261
00:21:09,303 --> 00:21:13,905
لذلك، للقيام بذلك git push -u

262
00:21:13,905 --> 00:21:18,510
الأصل الرئيسي وانتظر حتى

263
00:21:18,510 --> 00:21:23,750
يتم دفعه إلى خادمنا.

264
00:21:23,750 --> 00:21:27,403
الآن، إذا ذهبت إلى مستودع Git الخاص بك على الإنترنت،

265
00:21:27,403 --> 00:21:30,871
سترى أن ملف package.json

266
00:21:30,871 --> 00:21:36,132
و.gitignore كان قد تم تسجيله في مستودع Git الخاص بك.

267
00:21:36,132 --> 00:21:41,195
الذهاب إلى مستودع Bitbucket الخاص بي من اختبار Git، سترى أنه

268
00:21:41,195 --> 00:21:47,320
عندما أنظر إلى المصدر، سترى أنه تمت إضافة ملف package.json.

269
00:21:47,320 --> 00:21:54,600
تمت إضافة.gitignore وتم إيداع الملف index.html الجديد في.

270
00:21:54,600 --> 00:21:57,570
بحيث يكمل هذا التمرين.

271
00:21:57,570 --> 00:21:58,770
لذلك في هذا التمرين،

272
00:21:58,770 --> 00:22:03,586
تعلمنا كيفية إعداد ملف package.json باستخدام npm init.

273
00:22:03,586 --> 00:22:07,310
لقد تعلمنا كيفية تثبيت وحدة npm.

274
00:22:07,310 --> 00:22:11,900
وتعلمنا كيفية استخدام وحدة npm lite-server لخدمة

275
00:22:11,900 --> 00:22:18,100
محتويات مجلد مشروعنا بحيث يمكن مشاهدته في المتصفح.

276
00:22:18,100 --> 00:22:21,920
لذلك، هذه طريقة لطيفة لخدمة محتويات الويب الخاصة بك،

277
00:22:21,920 --> 00:22:25,360
تطبيق الويب الخاص بك أو موقع الويب الخاص بك،

278
00:22:25,360 --> 00:22:31,680
بحيث يمكنك رؤية التغييرات في الوقت الحقيقي تنعكس على نافذة المتصفح الخاص بك.

279
00:22:31,680 --> 00:22:37,280
ثم رأينا أيضًا كيف يمكننا إعداد.gitignore بحيث

280
00:22:37,280 --> 00:22:42,790
يمكن استبعاد بعض المجلدات من التحقق في مستودع Git الخاص بنا.

281
00:22:42,790 --> 00:22:45,450
و هذا يكمل هذا التمرين.

282
00:22:45,450 --> 00:22:50,450
لذلك مع هذا، أنا متأكد من أنك قد حصلت على مقبض جيد

283
00:22:50,450 --> 00:22:56,280
على استخدام كل من Git، ثم أيضا وحدات العقدة والعقدة.

284
00:22:56,280 --> 00:23:02,020
لا تقلق، سوف نستخدم العقدة على نطاق واسع، بطرق مختلفة،

285
00:23:02,020 --> 00:23:05,610
كما تذهب من خلال دورات هذا التخصص.

286
00:23:05,610 --> 00:23:06,497
هذه مجرد بداية

287
00:23:06,497 --> 00:23:13,270
[ موسيقى]