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

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

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

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

5
00:00:16,844 --> 00:00:19,980
سنقوم بإعداد ملف package.json

6
00:00:19,980 --> 00:00:24,880
لمجلد git-test الذي كنا نعمل معه حتى الآن،

7
00:00:24,880 --> 00:00:29,780
ثم سنقوم بإعداد وحدة عقدة تسمى خادم lite-server الذي

8
00:00:29,780 --> 00:00:34,610
سيخدم محتويات مجلد git-test الخاص بنا.

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

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

11
00:00:43,320 --> 00:00:48,499
وسوف نرى أيضا كيف

12
00:00:48,499 --> 00:00:53,089
سيمكننا خادم لايت من رؤية التحديثات تلقائيا إلى

13
00:00:53,089 --> 00:00:58,149
نافذة المتصفح لدينا ونحن إجراء تغييرات على ملف index.html لدينا أو

14
00:00:58,149 --> 00:01:02,283
أي ملفات أخرى في لدينا جيت اختبار المجلد.

15
00:01:02,283 --> 00:01:08,685
خادم lite-server هو شيء سنقوم باستخدامه على نطاق واسع في هذه

16
00:01:08,685 --> 00:01:13,805
الدورات والمستقبلية لتكون قادرة على رؤية التغييرات في الوقت الحقيقي في

17
00:01:13,805 --> 00:01:18,730
نافذة المتصفح أثناء تحرير ملفات مشروعك.

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

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

20
00:01:29,030 --> 00:01:33,254
حتى هنا، لدي بعض المعلومات من

21
00:01:33,254 --> 00:01:37,874
موقع npmjs.org الذي يحدد

22
00:01:37,874 --> 00:01:43,184
بالضبط ما هو دور ملف package.json.

23
00:01:43,184 --> 00:01:47,210
لذا، يعمل ملف package.json كوثائق

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

25
00:01:51,670 --> 00:01:55,130
على سبيل المثال، عند إعداد خادم

26
00:01:55,130 --> 00:01:59,210
lite-لمشروعك، سيتم تسجيله في ملف package.json.

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

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

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

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

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

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

33
00:02:30,650 --> 00:02:33,938
وأيضا يجعل يبني الخاص بك استنساخ،

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

35
00:02:37,918 --> 00:02:42,243
ثم أنها يمكن أيضا القيام بتثبيت جميع وحدات عقدة،

36
00:02:42,243 --> 00:02:46,767
كما سنرى في وقت لاحق في هذا التمرين، على جهاز الكمبيوتر الخاص بهم.

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

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

39
00:03:02,800 --> 00:03:10,420
ملف package.json، فببساطة اكتب npm init في المطالبة في مجلد المشروع.

40
00:03:10,420 --> 00:03:13,300
وبعد ذلك سوف يأخذك من خلال مجموعة من الخطوات

41
00:03:13,300 --> 00:03:17,150
التي سوف تمكنك من تكوين ملف package.json الخاص بك.

42
00:03:17,150 --> 00:03:20,910
لذلك دعونا المضي قدما في ذلك لمشروعنا git-test.

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

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

45
00:03:31,900 --> 00:03:34,728
أوامر ثم انتقل إلى مجلد git-test.

46
00:03:34,728 --> 00:03:43,235
وفي موجه، اكتب npm init ثم اتبع على طول الأسئلة التي يتم طرحها.

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

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

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

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

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

52
00:04:04,475 --> 00:04:10,462
لتعلم Git والعقدة.

53
00:04:10,462 --> 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:30,369
الآن، هذا المجلد الذي قمنا بإعداده هو مجلد يستند إلى index.html،

57
00:04:30,369 --> 00:04:34,018
لذلك هذا هو السبب في أنني اكتب فقط في index.html.

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

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

60
00:04:40,365 --> 00:04:43,783
التمرين السابق، فسيتم مطالبتك بذلك تلقائيًا.

61
00:04:43,783 --> 00:04:48,733
إذا لم يكن الأمر كذلك، فسيكون هذا فارغًا ويعطيك خيارًا لكتابة

62
00:04:48,733 --> 00:04:53,920
عنوان URL لمستودع Git في حالة استخدام مستودع Git عبر الإنترنت.

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

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

65
00:04:58,501 --> 00:04:59,933
لنكن نرجسية

66
00:05:04,337 --> 00:05:06,267
ورخصة.

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

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

69
00:05:18,566 --> 00:05:21,756
لذا إذا كان هذا يبدو جيداً، دعنا فقط نقول حسناً.

70
00:05:21,756 --> 00:05:27,790
ومن ثم يؤدي ذلك إلى إنشاء ملفات package.json.

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

72
00:05:31,014 --> 00:05:36,109
سترى ملف package.json في محتويات المجلد.

73
00:05:36,109 --> 00:05:40,932
افتح مجلد git-test في المحرر المفضل لديك

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

75
00:05:48,950 --> 00:05:53,161
كخطوة تالية، سوف نتعلم كيف يمكننا تثبيت

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

77
00:05:57,702 --> 00:06:02,434
لذلك سنقوم بتثبيت وحدة العقدة هذه تسمى خادم lite-server.

78
00:06:02,434 --> 00:06:07,432
سيقوم خادم lite-server بعرض محتويات هذا المجلد git-test في

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

80
00:06:13,150 --> 00:06:18,404
وبالنظر إلى أن لدينا ملف index.html، إذا كنا تخدم هذا المجلد

81
00:06:18,404 --> 00:06:24,130
ثم سيكون موقع على شبكة الانترنت ويمكنك عرض index.html في متصفح.

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

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

84
00:06:31,820 --> 00:06:37,310
هذا مفيد للغاية لأنه إذا كنت تعمل على مشروع تطوير الويب،

85
00:06:37,310 --> 00:06:42,380
فأنت تريد أن ترى الإصدار المباشر لمشروع تطوير الويب الخاص بك

86
00:06:42,380 --> 00:06:45,060
بحيث يمكنك عند إجراء تغييرات على

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

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

89
00:06:53,840 --> 00:06:55,980
لذلك دعونا إعداد ليت الخادم.

90
00:06:55,980 --> 00:07:01,120
للقيام بذلك في موجه، اكتب في npm install.

91
00:07:01,120 --> 00:07:04,273
لذا لاحظ، إذا كنت تريد أن تقوم npm بتثبيت حزمة

92
00:07:04,273 --> 00:07:06,594
Node، فهذه هي الطريقة التي ستستدعيها.

93
00:07:06,594 --> 00:07:10,674
ومن ثم كنت أقول ليت الخادم.

94
00:07:10,674 --> 00:07:16,685
ثم نريد أيضًا حفظ حقيقة أن مشروعنا يستخدم خادم lite-server.

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

96
00:07:20,670 --> 00:07:27,918
لذلك للقيام بذلك، سنقوم بكتابة - save-dev.

97
00:07:27,918 --> 00:07:33,641
الآن يحدد خيار حفظ ديف أن هذا الملقم لايت يستخدم

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

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

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

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

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

103
00:08:00,197 --> 00:08:07,029
سيستغرق ذلك بضع دقائق لإكمال تركيبه.

104
00:08:07,029 --> 00:08:11,991
بمجرد تثبيت ذلك،

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

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

107
00:08:25,333 --> 00:08:30,459
الآن، إذا ذهبت إلى node_modules سترى مجموعة كاملة

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

109
00:08:35,492 --> 00:08:40,170
ضرورية لوحدة عقدة lite-sever وهلم جرا.

110
00:08:40,170 --> 00:08:44,925
لذلك، دعونا نلقي جولة سريعة من مجلد node_modules لمعرفة

111
00:08:44,925 --> 00:08:47,363
ما هي محتويات هذه.

112
00:08:50,810 --> 00:08:55,893
الذهاب إلى مجلد git-test الخاص بي، إذا كنت تسير على مجلد node_modules،

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

114
00:09:00,130 --> 00:09:04,904
عادة لا تحتاج إلى التقديم في مجلد node_modules،

115
00:09:04,904 --> 00:09:09,384
فهي موجودة فقط هناك لأنها مطلوبة لخادم lite-server.

116
00:09:09,384 --> 00:09:16,470
لذلك، كما يمكنك تصفح من خلال لك، يجب أن مجلد إشعار اسمه lite-server هنا.

117
00:09:16,470 --> 00:09:21,400
عندما تذهب إلى مجلد خادم lite-server، لاحظ على وجه الخصوص وجود

118
00:09:21,400 --> 00:09:27,690
ملف index.js ثم ملف package.json، والعديد من الأشياء الأخرى.

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

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

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

122
00:09:41,120 --> 00:09:46,456
لذلك هذا هو السبب، عند تثبيت وحدة عقدة خادم lite-server، ستقوم بدورها

123
00:09:46,456 --> 00:09:51,590
بتثبيت العديد من وحدات العقدة الأخرى التي يعتمد عليها خادم lite-server نفسه.

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

125
00:09:56,810 --> 00:10:00,800
تلك المجلدات داخل مجلد node_modules.

126
00:10:00,800 --> 00:10:06,090
لا تكون قلقا جدا حيال ذلك، فإن مجموع كل هذا لن يكون أكثر من

127
00:10:06,090 --> 00:10:08,620
بضع عشرات من ميغابايت.

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

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

130
00:10:19,420 --> 00:10:24,280
في حال كنت تشعر بالفضول حول خادم lite-وكيف يعمل وهلم جرا.

131
00:10:24,280 --> 00:10:30,010
يمكنك الانتقال إلى موقع GitHub هذا حيث يتم نشر خادم

132
00:10:30,010 --> 00:10:33,855
lite-ثم البحث عن وثائق خادم lite-server.

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

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

135
00:10:42,830 --> 00:10:44,560
لذلك لا داعي للقلق كثيرا حول هذا الموضوع.

136
00:10:44,560 --> 00:10:46,890
ولكن فقط في حال كنت غريبة,

137
00:10:46,890 --> 00:10:51,590
يمكنك دائما الذهاب إلى هذا الموقع لمعرفة المزيد من التفاصيل حول Lite-الخادم.

138
00:10:51,590 --> 00:10:55,710
يتم توفير الرابط في تعليمات التمرين

139
00:10:55,710 --> 00:11:01,220
وجزء الموارد الإضافية من هذا الدرس.

140
00:11:04,040 --> 00:11:09,357
بمجرد الانتهاء من ذلك، ثم توجه إلى المحرر،

141
00:11:09,357 --> 00:11:14,258
حيث لديك المجلد، مجلد git-test، افتح

142
00:11:14,258 --> 00:11:18,753
ثم عرض محتويات ملف package.json.

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

144
00:11:23,604 --> 00:11:25,691
قمت بتكوينها باستخدام npm الخاص بك فيه.

145
00:11:25,691 --> 00:11:31,414
لذلك سترى الاسم والإصدار ومؤلف المستودع، وعلى

146
00:11:31,414 --> 00:11:38,142
وجه الخصوص، لاحظ هذه المعلومات هنا تقول DevDependencies.

147
00:11:38,142 --> 00:11:45,034
ثم يحدد خادم lite-، ويلاحظ أيضًا أنه يقول، ^2.2.2.

148
00:11:45,034 --> 00:11:50,086
مما يعني أن هذا المشروع بالذات يعتمد على

149
00:11:50,086 --> 00:11:54,858
خادم lite-الذي هو على الأقل الإصدار 2.2.2.

150
00:11:54,858 --> 00:11:56,078
كل مستوى عالٍ.

151
00:11:57,308 --> 00:12:00,488
لذلك هذا مفيد جدا بالنسبة لنا.

152
00:12:00,488 --> 00:12:05,942
الآن، لماذا نحتاج إلى هذه المعلومات هنا، في وقت لاحق عندما تذهب إلى

153
00:12:05,942 --> 00:12:11,669
التدريبات الأخرى، ستلاحظ أنه عند تخزين هذا على مستودع عبر الإنترنت.

154
00:12:11,669 --> 00:12:16,738
لا تريد تخزين كل شيء في مجلد node_modules الخاص بك.

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

156
00:12:23,902 --> 00:12:28,896
يمكن دائمًا إعادة إنشاء مجلد node_modules

157
00:12:28,896 --> 00:12:33,270
بكتابة nmp install في موجه الأوامر الخاص بنا.

158
00:12:33,270 --> 00:12:36,260
ثم استنادًا إلى

159
00:12:36,260 --> 00:12:44,542
devDependencies والاعتماديات المسردة في ملف package.json. سيتم

160
00:12:44,542 --> 00:12:45,338
تثبيت جميع وحدات العقدة التي يعتمد عليها مشروعك تلقائيًا.

161
00:12:45,338 --> 00:12:48,868
سنرى أنه في وقت لاحق،

162
00:12:48,868 --> 00:12:54,330
حول كيفية استخدام npm install في هذه الدورة.

163
00:12:56,150 --> 00:13:02,020
الآن، الآن بعد أن نحن في ملف package.json، دعونا نجري بعض التعديلات حتى

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

165
00:13:08,630 --> 00:13:14,694
لذلك، هنا في هذا الخيار يسمى البرامج النصية،

166
00:13:14,694 --> 00:13:18,430
دعونا نضيف في واحد أكثر هنا.

167
00:13:18,430 --> 00:13:20,618
لذلك سوف نقول، ابدأ.

168
00:13:20,618 --> 00:13:26,540
لذا فإن البداية هي أمر يدعم npm

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

170
00:13:32,890 --> 00:13:35,312
لذا في وقت لاحق، سنرى كيف سنستفيد من هذا.

171
00:13:35,312 --> 00:13:39,668
حتى هنا، أنا ذاهب إلى القول، نبم تشغيل لايت.

172
00:13:43,407 --> 00:13:48,009
وبعد الاختبار، وأنا ذاهب

173
00:13:48,009 --> 00:13:52,788
لإضافة في إدخال واحد آخر يسمى،

174
00:13:52,788 --> 00:13:59,725
لايت التي سوف تكوين كما ليت الخادم.

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

176
00:14:04,798 --> 00:14:07,740
ثم الآن، يتم تكوين مشروعنا.

177
00:14:07,740 --> 00:14:11,046
حتى الآن، إذا قمت بتشغيل خادم lite-server،

178
00:14:11,046 --> 00:14:16,530
فسيتم عرض محتويات المجلد الخاص بك الآن في المتصفح المفضل لديك.

179
00:14:21,690 --> 00:14:25,050
العودة إلى موجه الأوامر لدينا والموجه.

180
00:14:25,050 --> 00:14:29,470
إذا قمت بكتابة npm start، فأنت الآن ترى لماذا

181
00:14:29,470 --> 00:14:34,320
أضع هذا الإدخال الذي يسمى البدء في ملف package.json الخاص بي.

182
00:14:34,320 --> 00:14:39,480
لذلك، إذا قلت بداية npm، مهما تم تكوين هذه البداية،

183
00:14:39,480 --> 00:14:42,310
في ملف package.json.

184
00:14:42,310 --> 00:14:47,640
نحدد أنه كما npm تشغيل لايت، ومن ثم تم تحديد لايت كما ليت الخادم.

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

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

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

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

189
00:15:00,921 --> 00:15:06,912
إذا كنت ترغب في الوصول إليه محليًا، فستتمكن من الوصول إليه عن طريق

190
00:15:06,912 --> 00:15:12,120
تحديد عنوان URL على أنه مضيف محلي: 3000.

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

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

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

194
00:15:24,016 --> 00:15:29,707
ثم تظهر محتويات index.html في نافذة المتصفح تلك.

195
00:15:29,707 --> 00:15:34,244
هنا، يمكنك أن ترى أنني قد فتحت محرر

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

197
00:15:39,115 --> 00:15:42,446
في وقت واحد جنبا إلى جنب.

198
00:15:42,446 --> 00:15:47,906
حتى نتمكن من رؤية كيف

199
00:15:47,906 --> 00:15:54,760
ستعكس نافذة المتصفح على الفور أي تغييرات نجريها على ملفاتنا في مجلد git-test.

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

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

202
00:16:03,989 --> 00:16:07,372
ثم هنا يمكنك أن ترى أن هذا هو محتويات هذا.

203
00:16:07,372 --> 00:16:12,392
ثم اسمحوا لي الآن أن أضيف في

204
00:16:12,392 --> 00:16:16,918
فقرة واحدة أخرى،

205
00:16:21,492 --> 00:16:24,150
وحفظ التغييرات.

206
00:16:24,150 --> 00:16:29,220
وبعد ذلك ستلاحظ على الفور أن التغيير الذي

207
00:16:29,220 --> 00:16:34,980
أجريته على ملف index.html الخاص بي ينعكس في المتصفح الخاص بي.

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

209
00:16:41,380 --> 00:16:45,890
التغييرات التي تجريها على شفرتك في المستعرض الخاص بك في الوقت الحقيقي.

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

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

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

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

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

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

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

217
00:17:17,400 --> 00:17:25,250
وإعداده حتى نتمكن من الاستفادة منه ونحن تطوير الموقع في هذه الدورة.

218
00:17:27,280 --> 00:17:32,830
إذا كنت تتذكر، فقد قمنا بالفعل بإعداد مجلد git-test ليكون مستودع git،

219
00:17:32,830 --> 00:17:37,515
بحيث يتم التحقق مرة أخرى،

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

221
00:17:40,805 --> 00:17:45,885
وهذا مستودع git موجود بالفعل في مستودع git الخاص بنا على الإنترنت،

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

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

224
00:17:56,849 --> 00:18:02,386
مستودع bitbucket الخاص بي في هذا التمرين المعين.

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

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

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

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

229
00:18:24,714 --> 00:18:27,679
بكتابة npminstall في المطالبة.

230
00:18:27,679 --> 00:18:32,089
لهذا السبب، عند تحميل محتويات

231
00:18:32,089 --> 00:18:35,948
المجلد الخاص بك إلى مستودع git عبر الإنترنت أو

232
00:18:35,948 --> 00:18:41,240
عند القيام بالتزام المجلد إلى مستودع git الخاص بك،

233
00:18:41,240 --> 00:18:46,865
لا تريد

234
00:18:46,865 --> 00:18:52,280
تضمين مجلد وحدات الملاحظات أو جميع المجلدات الفرعية تحته في، Commit.

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

236
00:18:55,950 --> 00:19:02,380
بعض الملفات من مجلدنا من أن يتم تسجيلها في مستودع git الخاص بنا.

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

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

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

240
00:19:18,550 --> 00:19:24,929
لذلك في المحرر في مجلد اختبار git، سأقوم بإنشاء ملف جديد.

241
00:19:24,929 --> 00:19:31,300
وسأسميها. gitignore.

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

243
00:19:34,650 --> 00:19:39,840
ثم بقية الاسم هو G-I-T-I-G-N-O-R-E.

244
00:19:39,840 --> 00:19:40,580
لذلك هذا

245
00:19:40,580 --> 00:19:45,320
مهم جدا جدا أن تقوم بإعداد fille مع الاسم بالضبط، .gitignore.

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

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

248
00:19:57,360 --> 00:19:59,550
لذلك ما يعنيه هذا هو أنه،

249
00:19:59,550 --> 00:20:04,410
سيتم استبعاد مجلد وحدة العقدة من التزام git الخاص بنا.

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

251
00:20:09,440 --> 00:20:14,900
ثم إضافة وحدات العقدة في ملف.gitignore، دعونا حفظ التغييرات.

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

253
00:20:20,260 --> 00:20:22,860
في مستودع git الخاص بنا.

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

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

256
00:20:31,310 --> 00:20:36,900
ستلاحظ على الفور أن لديك ملف index.html

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

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

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

260
00:20:54,120 --> 00:20:59,665
دعونا نفعل جيت ارتكاب، جيت ارتكاب -m «

261
00:20:59,665 --> 00:21:05,440
الالتزام الرابع». والملفات ملتزمة.

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

263
00:21:10,300 --> 00:21:15,632
لذلك للقيام بذلك، جيت دفع

264
00:21:15,632 --> 00:21:20,442
-u الأصل الرئيسي.

265
00:21:20,442 --> 00:21:24,370
وانتظر حتى يتم دفعها إلى خادمنا.

266
00:21:24,370 --> 00:21:29,320
الآن إذا ذهبت إلى مستودع git الخاص بك على الإنترنت،

267
00:21:29,320 --> 00:21:31,909
سترى أن ملف package.json

268
00:21:31,909 --> 00:21:35,660
و.gitignore قد تم تسجيله في مستودع git الخاص بك.

269
00:21:37,250 --> 00:21:42,130
الذهاب إلى مستودع بيتبوكيت الخاص بي لاختبار جيت.

270
00:21:42,130 --> 00:21:45,050
سترى أنه عندما أنظر إلى المصدر،

271
00:21:45,050 --> 00:21:47,440
سترى أنه تمت إضافة ملف package.json، تمت

272
00:21:48,780 --> 00:21:54,600
إضافة.gitignore، وتم إيداع ملف index.html الجديد.

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

274
00:21:57,630 --> 00:21:58,962
لذلك في هذا التمرين،

275
00:21:58,962 --> 00:22:03,760
تعلمنا كيفية إعداد ملف package.json باستخدام دقيقة npm.

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

277
00:22:07,034 --> 00:22:12,220
وتعلمنا كيفية استخدام وحدة npm server lite لخدمة

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

279
00:22:18,100 --> 00:22:21,874
لذلك هذه طريقة لطيفة لتقديم محتوياتك

280
00:22:21,874 --> 00:22:24,912
أو تطبيق الويب الخاص بك أو موقع الويب الخاص بك

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

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

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

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

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

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

287
00:22:56,280 --> 00:22:57,060
لا تقلقي

288
00:22:57,060 --> 00:23:02,020
سوف نستخدم عقدة على نطاق واسع بطرق مختلفة

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

290
00:23:05,610 --> 00:23:10,238
هذه مجرد بداية

291
00:23:10,238 --> 00:23:13,270
[ موسيقى]