1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [ندوة] [الشبكة العالمية للتنمية: من الفكرة إلى التنفيذ]

2
00:00:02,500 --> 00:00:04,200
[بن كوهن] [بيلي Janitsch] [جامعة هارفارد]

3
00:00:04,200 --> 00:00:07,250
[هذا CS50] [CS50.TV]

4
00:00:07,250 --> 00:00:10,840
[بيلي] مرحبا، أنا بيلي وهذا هو بن. >> [بن] مرحبا.

5
00:00:10,840 --> 00:00:12,840
ونحن في طريقنا إلى أن نتحدث عن تطوير الشبكة اليوم.

6
00:00:12,840 --> 00:00:14,840
[webdev] [بيلي Janitsch وبن كوهن]

7
00:00:14,840 --> 00:00:16,840
قليلا حول لنا أولا.

8
00:00:16,840 --> 00:00:19,590
بن هو نوع من الرجل الخلفية. وقال انه يجعل الأشياء تعمل.

9
00:00:19,590 --> 00:00:21,870
ثم أذهب في وجعلها جميلة.

10
00:00:21,870 --> 00:00:26,610
أنا متورطة إلى حد كبير مع المزيد من الواجهة الأمامية تصميم تخطيط النوع من الاشياء،

11
00:00:26,610 --> 00:00:31,260
وبن، من ناحية أخرى، يعرف ماذا يفعل ذلك فهو يعمل على الاشياء الخلفية.

12
00:00:31,260 --> 00:00:34,050
معا حققنا بعض الأشياء.

13
00:00:34,050 --> 00:00:38,710
على سبيل المثال، في العام الماضي عملنا على Gimblium الذي هو على الانترنت استوديو تطوير اللعبة.

14
00:00:38,710 --> 00:00:40,400
وكان هذا المشروع هدفنا النهائي لفئة،

15
00:00:40,400 --> 00:00:42,780
ومنذ ذلك الحين قمنا بها جامعة هارفارد الفئة

16
00:00:42,780 --> 00:00:47,860
وهو إطار لتصفح الانترنت والدورات التسوق في جامعة هارفارد.

17
00:00:47,860 --> 00:00:53,180
>> ونحن في طريقنا للبدء مع هذه الفكرة لموقعنا.

18
00:00:53,180 --> 00:00:57,480
ونحن في طريقنا لجعل الفيسبوك، ولكن للقطط.

19
00:00:57,480 --> 00:00:59,520
قبل أن الواقع جعل هذا الموقع،

20
00:00:59,520 --> 00:01:02,520
لا تجعل هذا الموقع لأنها ليست جيدة، ولكن سنقوم استخدامه كإطار

21
00:01:02,520 --> 00:01:05,349
وتذهب من خلال عملية كيف نأخذ هذه الفكرة

22
00:01:05,349 --> 00:01:07,450
وتحويله إلى موقع على شبكة الانترنت الحقيقية التي يمكن استخدامها.

23
00:01:07,450 --> 00:01:11,940
سنبدأ عن طريق كسر موقع أسفل.

24
00:01:11,940 --> 00:01:13,190
مثل قمت به في CS50،

25
00:01:13,190 --> 00:01:17,360
تحتاج إلى التفكير حول ما هي المكونات الفعلية التي تدخل في هذا الموقع.

26
00:01:17,360 --> 00:01:21,290
يحولها أساسا من فكرة الذي هو مجرد نوع من مفهوما مجردا

27
00:01:21,290 --> 00:01:23,590
في الحقيقية، الشيء الملموسة التي يمكن أن تقوم بها.

28
00:01:23,590 --> 00:01:25,910
نبدأ بطرح بعض الأسئلة.

29
00:01:25,910 --> 00:01:28,070
ما هو هذا الموقع؟ لماذا نحن جعل ذلك؟

30
00:01:28,070 --> 00:01:30,670
ما هو الذهاب الى استخدامها ل؟ هذا النوع من الشيء.

31
00:01:30,670 --> 00:01:33,660
في حالة الفيسبوك القط،

32
00:01:33,660 --> 00:01:37,730
نحن نريد في الأساس موقع على شبكة الانترنت الذي يتيح القطط الشبكة الاجتماعية مع بعضها البعض.

33
00:01:37,730 --> 00:01:41,260
والفكرة هي أنها تستطيع كتابة على الجدران بعضها البعض،

34
00:01:41,260 --> 00:01:43,510
فإنها يمكن أن تجعل تعليقات، وهذا النوع من الشيء.

35
00:01:43,510 --> 00:01:46,720
وذلك حيث نأتي إلى مكونات وظيفية.

36
00:01:46,720 --> 00:01:51,270
لدينا الآن هذا النوع من إطار - لدينا ملفات تعريف المستخدمين،

37
00:01:51,270 --> 00:01:53,990
لدينا تعليقات، ونحن تتمكن من المشاركة.

38
00:01:53,990 --> 00:01:57,390
ربما يوما ما سنقوم مؤثر يحب وهذا النوع من الشيء.

39
00:01:57,390 --> 00:02:00,410
ونحن نوع من تريد إعطاء الأولوية لهذه الميزات تسير في.

40
00:02:00,410 --> 00:02:03,340
نريد أن نقول مثل، حسنا، من المهم حقا أن الجميع لديه ملف

41
00:02:03,340 --> 00:02:06,440
ويمكن للجميع إضافة على الجدران بعضها البعض.

42
00:02:06,440 --> 00:02:08,509
الثانوية إلى ذلك، سوف يكون لطيفا تعليقات.

43
00:02:08,509 --> 00:02:10,180
ربما في وقت لاحق سنقوم مؤثر يحب.

44
00:02:10,180 --> 00:02:13,700
لذا، كنت تريد أن يكون فكرة عن ما هو أساسي لمشروعك

45
00:02:13,700 --> 00:02:17,260
وما هو نوع من ميزة أكثر عمومية التي يمكن تطبيقها في وقت لاحق.

46
00:02:17,260 --> 00:02:20,870
كنت تريد أن يكون نوعا من قائمة محددة في الاعتبار،

47
00:02:20,870 --> 00:02:24,090
ولكن المشروع الذي تبدأ لن يكون المشروع الذي الانتهاء مع.

48
00:02:24,090 --> 00:02:27,100
وبعبارة أخرى، فإن الأمور ستتغير في الوقت الذي نعمل على تطوير الموقع،

49
00:02:27,100 --> 00:02:30,090
وتريد أن تترك مجالا لذلك.

50
00:02:30,090 --> 00:02:34,470
انا اقلبه لبن الذي يحدث لنتحدث قليلا عن الهيكل.

51
00:02:34,470 --> 00:02:39,610
>> [بن] انا ذاهب الى أن نتحدث عن الجانب التقني أكثر من تطوير الشبكة.

52
00:02:39,610 --> 00:02:42,370
دعونا نذهب فقط على بعض الأساسيات أولا.

53
00:02:42,370 --> 00:02:45,730
عندما كنت تفعل التطبيق على شبكة الإنترنت،

54
00:02:45,730 --> 00:02:50,470
التقسيم الرئيسي الذي كنت ستكون لدينا لدينا هو

55
00:02:50,470 --> 00:02:52,700
وأنت تسير في الحصول على بعض الاشياء يحدث في جانب العميل -

56
00:02:52,700 --> 00:02:56,700
وهذا هو، التعليمات البرمجية التي كنت متصفح يأخذ من موقع

57
00:02:56,700 --> 00:03:01,910
وجافا سكريبت، HTML، CSS الاشياء.

58
00:03:01,910 --> 00:03:04,490
هذا كل شيء على جانب العميل.

59
00:03:04,490 --> 00:03:08,680
وأنت تسير أن يكون التعليمات البرمجية الأخرى التي يتم تشغيلها على جانب الملقم

60
00:03:08,680 --> 00:03:10,770
الذي يتتبع كافة البيانات التي ترسل في الناس لكم،

61
00:03:10,770 --> 00:03:15,060
تقرر الذين لإعطاء ما، أشياء مثل ذلك.

62
00:03:15,060 --> 00:03:20,380
هذه مجرد بعض المصطلحات بحيث أنتم جميعا على دراية ما نتحدث عنه.

63
00:03:20,380 --> 00:03:28,600
ما وراء هذا التقسيم أنه من الجيد أن نفكر في التطبيق الويب الخاص بك من حيث

64
00:03:28,600 --> 00:03:32,500
اثنين من عناصر متميزة.

65
00:03:32,500 --> 00:03:35,270
عندما كنت تفعل وتطوير الشبكة

66
00:03:35,270 --> 00:03:41,710
واحدة من الأشياء التي يجب عليك دائما أن تحاول القيام به هو للحد من التعقيد.

67
00:03:41,710 --> 00:03:45,710
أكثر تعقيدا التعليمات البرمجية هو اكثر من فرصة هناك لجعل الحشرات،

68
00:03:45,710 --> 00:03:47,710
كلما كان من الصعب تغيير في وقت لاحق.

69
00:03:47,710 --> 00:03:50,140
لذلك، إذا كنت تستطيع تفريق التطبيق الخاص بك في بعض المجالات الوظيفية المتميزة

70
00:03:50,140 --> 00:03:57,640
التي من شأنها - وأنت يمكن أن تقلل من كمية نوع من الاتصالات عبر المنطقة -

71
00:03:57,640 --> 00:04:03,530
التي من شأنها أن تساعدك كثيرا في المدى الطويل من حيث الحد من البق.

72
00:04:03,530 --> 00:04:07,950
>> أن تكون محددة، وعادة الناس تقسيم التطبيق على شبكة الإنترنت إلى -

73
00:04:07,950 --> 00:04:13,190
هذه هي نوع من العبارات الطنانة الآن، ولكنها لا تزال مفيدة.

74
00:04:13,190 --> 00:04:17,940
كنت قد سمعت الناس يتحدثون عن نماذج وطرق العرض والتحكم.

75
00:04:17,940 --> 00:04:23,210
النماذج هي البيانات الفعلية التي التطبيق الخاص بك هو الذهاب للتعامل معها.

76
00:04:23,210 --> 00:04:28,260
على سبيل المثال، في القط الفيسبوك الخاص بك، سوف تكون النماذج الخاصة بك -

77
00:04:28,260 --> 00:04:35,340
كنت قد نموذجا للوظائف مثل، ونموذجا لتعريف المستخدمين، أشياء من هذا القبيل.

78
00:04:35,340 --> 00:04:41,090
وجهات نظركم وكيف أن تقديم البيانات للمستخدمين.

79
00:04:41,090 --> 00:04:46,660
قد يكون لديك 1 العرض لتبحث في وظيفة واحدة وجميع التعليقات

80
00:04:46,660 --> 00:04:51,720
وجهة نظر مختلفة عن الحائط الخاص بك يحتوي على قائمة بجميع الوظائف

81
00:04:51,720 --> 00:04:57,170
التي موجه لك، وجهة نظر مختلفة لتغذية الأخبار الخاصة بك - أشياء من هذا القبيل.

82
00:04:57,170 --> 00:05:00,610
أخيرا، لديك وحدات تحكم التي هي في الأساس عندما نرسل لك الناس المشاركات

83
00:05:00,610 --> 00:05:03,310
وإجراء التحديثات لنظام نهاية ظهرك،

84
00:05:03,310 --> 00:05:06,400
يمكنك زيادة حفنة من العدادات، وأيا كان.

85
00:05:06,400 --> 00:05:07,860
تلك هي وحدات التحكم الخاصة بك.

86
00:05:07,860 --> 00:05:11,030
>> انا ذاهب الى أن نتحدث في معظمها حول النماذج.

87
00:05:11,030 --> 00:05:14,030
وجهات النظر من الناحية الفنية ليس من الصعب، والمسألة هي أكثر مع تصميم لهم

88
00:05:14,030 --> 00:05:22,040
وحدات التحكم ستكون محددة على كل ما كنت تصميم.

89
00:05:22,040 --> 00:05:25,220
ولكن هناك بعض التقنيات العامة جميلة يمكنك استخدامها

90
00:05:25,220 --> 00:05:30,220
لجعل النماذج الخاصة بك أجمل وأسهل للعمل مع أنني أعتقد هي مفيدة جدا.

91
00:05:30,220 --> 00:05:35,860
وهذا هو الغالب ستكون حول كيفية التعامل مع البيانات تطبيقات الويب الخاصة بك بطريقة لطيفة.

92
00:05:35,860 --> 00:05:40,420
القضايا الرئيسية مع نماذج

93
00:05:40,420 --> 00:05:44,540
هي أنهم يعيشون على العميل والخادم وكان لديك لمعرفة

94
00:05:44,540 --> 00:05:51,170
أ) كيفية الحصول عليها - كل منها ذات الصلة - من الملقم إلى العميل،

95
00:05:51,170 --> 00:05:53,440
وب) كيفية الاحتفاظ بها في المزامنة.

96
00:05:53,440 --> 00:05:58,700
المستخدمين وتريد الذهاب الى جعل بعض التحديثات.

97
00:05:58,700 --> 00:06:00,470
انهم ذاهبون الى تريد أن تجعل وظائف جديدة.

98
00:06:00,470 --> 00:06:04,800
انهم ذاهبون تريد أن تحب الأشياء والأشياء إذا كان لديك يحب.

99
00:06:04,800 --> 00:06:11,490
تلك هي التحديات التقنية الرئيسية في التعامل مع النماذج.

100
00:06:11,490 --> 00:06:15,680
الشيء الأول الذي كنت تريد الذهاب الى تسأل نفسك

101
00:06:15,680 --> 00:06:18,420
أي نوع من البيانات يذهب في هذا النموذج ونوع من الاستفسارات نحن ذاهبون تريد أن تفعل -

102
00:06:18,420 --> 00:06:24,290
وهذا هو، كيف نحن ذاهبون للنظر في النماذج؟

103
00:06:24,290 --> 00:06:26,940
لديك القط الفيسبوك سبيل المثال،

104
00:06:26,940 --> 00:06:31,520
مشاركتك سوف يكون مؤلف المرتبطة به،

105
00:06:31,520 --> 00:06:35,660
بعض النصوص جدار آخر، والمستفيد من آخر جدار.

106
00:06:35,660 --> 00:06:38,470
ومن ثم قد ترغب في أن الاستعلام في مجموعة من الطرق المختلفة.

107
00:06:38,470 --> 00:06:42,220
هل تريد أن ننظر إليها من قبل الذين كتبوا التي آخر،

108
00:06:42,220 --> 00:06:46,620
من قبل الذين تلقوا الذي نشر، وربما حسب تاريخ نشرت.

109
00:06:46,620 --> 00:06:50,340
ولكن إذا كنت تنوي القيام به من قبل التاريخ، ثم لديك لإضافة حقل آخر لمشاركتك

110
00:06:50,340 --> 00:06:52,490
متى تم نشر فعلا.

111
00:06:52,490 --> 00:07:00,220
هذه العوامل 2 - ما هي البيانات التي تريد استخدامها وكيف تريد مشاهدته -

112
00:07:00,220 --> 00:07:04,200
يجب أن نفكر بها أولا لأنها تعتمد على بعضها البعض،

113
00:07:04,200 --> 00:07:08,030
وانها سوف تكون أكثر صعوبة لإضافتها في وقت لاحق.

114
00:07:08,030 --> 00:07:12,750
>> هناك بعض الاعتبارات الأخرى.

115
00:07:12,750 --> 00:07:17,540
عندما كنت تفكر في كيفية التعامل مع النماذج على ملقم

116
00:07:17,540 --> 00:07:20,540
ما تريده هو أن ننظر -

117
00:07:20,540 --> 00:07:27,440
تريد أساسا لجعل الخادم بسيطة بقدر الإمكان.

118
00:07:29,440 --> 00:07:35,500
تفعل الاشياء على جانب العميل عموما أسرع بكثير إذا كنت تستطيع ان تفعل ذلك محض على العميل

119
00:07:35,500 --> 00:07:38,230
دون أن تفعل أي نوع من طلب الشبكة.

120
00:07:38,230 --> 00:07:47,860
والفكرة هي أن تفعل أكبر عدد ممكن من الاستعلامات ما تستطيع على العميل.

121
00:07:47,860 --> 00:07:51,560
المشكلة الوحيدة مع هذا

122
00:07:51,560 --> 00:07:54,160
هو أنه إذا كنت تطلب جميع البيانات الخاصة بك في بداية

123
00:07:54,160 --> 00:07:57,160
ثم وهذا سوف يستغرق وقتا طويلا لتحميل.

124
00:07:57,160 --> 00:08:02,290
لذلك، والفكرة هي لضرب وسيلة سعيدة بين وجود بيانات كافية على العميل

125
00:08:02,290 --> 00:08:07,640
يمكنك أن تفعل أكثر من عملك هناك ولكن ليس فقط جلب كل شيء في آن واحد

126
00:08:07,640 --> 00:08:09,710
بحيث تحصل أوقات تحميل بطيء حقا في البداية.

127
00:08:09,710 --> 00:08:12,610
على سبيل المثال، للبيانات القط

128
00:08:12,610 --> 00:08:20,340
ربما كنت ترغب في جلب حفنة من المشاركات الحائط الأخيرة.

129
00:08:20,340 --> 00:08:23,790
كنت لا تريد لجلب كل منهم لأن ذلك قد تعود لبضع سنوات.

130
00:08:23,790 --> 00:08:25,470
ولكنك لا ترغب في جلب لهم في وقت واحد

131
00:08:25,470 --> 00:08:28,740
لأن ذلك من شأنه أن يعرض الكثير من النفقات العامة الشبكة.

132
00:08:28,740 --> 00:08:33,620
>> فإنه غالبا ما يكون من الصعب جدا - مرة واحدة لديك قاعدة بيانات تشغيل -

133
00:08:33,620 --> 00:08:37,210
فإنه غالبا ما يكون من الصعب جدا لتغيير ما هي البيانات التي لديك في ذلك -

134
00:08:37,210 --> 00:08:40,510
وهذا هو، إضافة عمود قاعدة بيانات جديدة أو شيء من هذا -

135
00:08:40,510 --> 00:08:43,510
لذلك استراتيجية واحدة جيدة هو في الواقع فقط للحفاظ على الكثير من البيانات الخاصة بك في فقاعة النص -

136
00:08:43,510 --> 00:08:53,880
فقاعة جسون - جسون كونه جافا سكريبت تدوين كائن -

137
00:08:53,880 --> 00:08:58,330
السبب في أن من المفيد لأن ثم يمكنك إضافة خصائص جديدة

138
00:08:58,330 --> 00:09:01,920
لجميع هذه النقط جسون دون تغيير قاعدة البيانات الخاصة بك.

139
00:09:01,920 --> 00:09:06,860
الجانب السلبي الوحيد لهذا هو أنه إذا كان لديك مجموعة من الحقول

140
00:09:06,860 --> 00:09:09,890
التي قمت بإضافتها في وقت لاحق - مثل مخبأة في أن فقاعة جسون -

141
00:09:09,890 --> 00:09:12,850
ثم أنه من الصعب للاستعلام منهم داخل قاعدة البيانات.

142
00:09:12,850 --> 00:09:17,690
على سبيل المثال، إذا كنت في وقت لاحق - إذا كان لديك نموذج آخر الخاص الذي ناقشنا في وقت سابق

143
00:09:17,690 --> 00:09:25,380
فقط مع المؤلف، المتلقي والنص -

144
00:09:25,380 --> 00:09:29,000
هل يمكن أن يكون أيضا فقاعة جسون ثم إذا أردت لاحقا لإضافة حقل تاريخ

145
00:09:29,000 --> 00:09:31,000
فإنك لن تضطر إلى تغيير قاعدة البيانات الخاصة بك.

146
00:09:31,000 --> 00:09:36,140
هل يمكن أن مجرد إضافة التواريخ وتعرف على كافة حقول النص.

147
00:09:36,140 --> 00:09:39,640
ثم هل سيكون قادرا على النظر في تلك على جانب العميل،

148
00:09:39,640 --> 00:09:42,430
ولكنك لن تكون قادرة على الاستعلام منهم على جانب الملقم

149
00:09:42,430 --> 00:09:44,430
لأنها مخبأة داخل ذلك النص.

150
00:09:44,430 --> 00:09:49,920
>> والمسألة الأخرى التي تريد التفكير

151
00:09:49,920 --> 00:09:52,400
كيف هو العميل الخاص بك والخادم الخاص بك تسير على التواصل.

152
00:09:52,400 --> 00:09:56,040
كنت عادة تريد أن تبقي هذه بسيطة بقدر الإمكان.

153
00:09:56,040 --> 00:10:02,230
هل يمكن أن يكون تماما مثل لي بين الحصول على هذا الطلب البيانات،

154
00:10:02,230 --> 00:10:09,140
لإنشاء واحد في وجوه جديدة لشيء، وطلب التحديث وعمره وجوه.

155
00:10:09,140 --> 00:10:12,930
وهذه سوف تكون كلها عناوين مختلفة على خادم لكم -

156
00:10:12,930 --> 00:10:20,030
أن المتصفح سوف - يمكنك استخدام طلبات AJAX لجميع هذه

157
00:10:20,030 --> 00:10:24,000
وإما تلقي البيانات أو آخر.

158
00:10:24,000 --> 00:10:26,600
مرة أخرى، لدينا القط الفيسبوك سبيل المثال،

159
00:10:26,600 --> 00:10:32,350
هل يمكن أن يكون هذا العنوان للحصول على آخر الفردية،

160
00:10:32,350 --> 00:10:39,750
وسوف يكون لديك URL لإنشاء آخر جدار جديد

161
00:10:39,750 --> 00:10:45,670
وربما URL لتحميل الصورة الشخصية، أشياء من هذا القبيل.

162
00:10:45,670 --> 00:10:51,730
ولكن مرة أخرى، هذا إلى ما قبل جلب معظم البيانات الخاصة بك بحيث لم يكن لديك للحفاظ على

163
00:10:51,730 --> 00:10:53,360
تقديم طلبات الشبكة.

164
00:10:53,360 --> 00:10:59,030
لهذا السبب، قد لا تريد أن يكون هذا الطلب الحصول على الفرد لشغل وظيفة واحدة،

165
00:10:59,030 --> 00:11:03,210
وبدلا من ذلك وكنت ترغب فقط طلب الحصول على 1 للجدار بأكمله.

166
00:11:03,210 --> 00:11:06,110
ثم إذا كنت تحاول تحقيق توازن لأنه -

167
00:11:06,110 --> 00:11:10,970
هذا يحدث أيضا أن تعتمد على التطبيق الخاص بك.

168
00:11:10,970 --> 00:11:13,430
لأنه إذا كنت تتوقع أن الناس لديهم 10 أو 20 وظيفة الجدار فقط

169
00:11:13,430 --> 00:11:15,430
التي سيكون على ما يرام.

170
00:11:15,430 --> 00:11:17,390
ولكن إذا كنت تتوقع أنها سوف تضطر الآلاف ثم أن الطلب سيستغرق وقتا طويلا،

171
00:11:17,390 --> 00:11:23,580
وهكذا قد ترغب في إضافة معلمة الحصول على الجميع وظائف منذ.

172
00:11:23,580 --> 00:11:26,580
>> لكافة هذه ربما كنت تريد الذهاب الى لمزامنة البيانات الخاصة بك في جسون -

173
00:11:26,580 --> 00:11:29,260
جافا سكريبت تدوين كائن.

174
00:11:29,260 --> 00:11:34,600
الى حد كبير يتعامل مع كل لغة جسون بشكل جيد للغاية.

175
00:11:34,600 --> 00:11:40,880
مسج لديه هذا getJSON وظيفة لطيفة التي سوف تفعل كل العمل الشاق بالنسبة لك.

176
00:11:40,880 --> 00:11:47,390
وعلى PHP هناك أيضا وظائف الاتصالات جسون لطيفة جدا.

177
00:11:47,390 --> 00:11:52,660
لذلك، وهذا هو على الارجح أفضل تنسيق لإرسال النماذج الخاصة بك ذهابا وإيابا.

178
00:11:52,660 --> 00:11:56,570
>> كمثال على ما تحدثنا بشأنه حتى الآن،

179
00:11:56,570 --> 00:12:00,520
وهنا على سبيل المثال لتدفق القط الفيسبوك التطبيق الخاص بك.

180
00:12:00,520 --> 00:12:07,760
فإنه يبدأ مع المتصفح طلب URL قاعدة موقعنا.

181
00:12:07,760 --> 00:12:15,470
خادم ربما سترسل أكثر من ساكنة HTML وجافا سكريبت و CSS بعض.

182
00:12:15,470 --> 00:12:19,170
انها عادة ما تكون الأفضل عدم القيام بأي التقديم على الخادم.

183
00:12:19,170 --> 00:12:23,370
وربما كنت لا تريد -

184
00:12:23,370 --> 00:12:28,360
ما الخادم لا تفعل هناك نزول قائمة حائط

185
00:12:28,360 --> 00:12:31,120
وتوليد HTML لبعض كل واحد ويرسل أن أكثر.

186
00:12:31,120 --> 00:12:34,960
انها عادة ما تكون أفضل للقيام بذلك على جانب العميل لأن خلاف ذلك

187
00:12:34,960 --> 00:12:38,580
في كل مرة كنت ترغب في إعادة رسم شيء ما، لديك لتقديم طلب الخادم.

188
00:12:38,580 --> 00:12:42,450
والتي تمنحك بسرعة كبيرة الكثير من النفقات العامة.

189
00:12:42,450 --> 00:12:47,430
انها عادة ما تكون أفضل فقط لشحن أنزل ثابت HTML

190
00:12:47,430 --> 00:12:50,660
ثم جافا سكريبت و CSS التي من شأنها أن تفعل التقديم على جانب العميل.

191
00:12:50,660 --> 00:12:56,750
بمجرد أن الأشياء تأتي في،

192
00:12:56,750 --> 00:13:03,500
ثم هل يمكن أن يكون - في جافا سكريبت - يمكنك القيام طلبات البيانات الجدار

193
00:13:03,500 --> 00:13:08,740
وأشياء من هذا القبيل، وبعد أن الخادم هو في الأساس مجرد القيام استعلامات قاعدة البيانات

194
00:13:08,740 --> 00:13:10,740
وفحص الأذونات.

195
00:13:10,740 --> 00:13:16,690
الشيء الوحيد المهم هو أنه لا يمكن إرسال أكثر من بعض المستخدمين حائط الأخرى

196
00:13:16,690 --> 00:13:19,220
ان كنت لا يسمح لنرى.

197
00:13:19,220 --> 00:13:28,050
يمكن أن يكون أساسا طبقة رقيقة جدا الوصول إلى قاعدة البيانات الخاصة بك،

198
00:13:28,050 --> 00:13:32,820
وبعد ذلك كل من تظهر البيانات - جميع وجهات النظر والاشياء -

199
00:13:32,820 --> 00:13:37,280
تلك يمكن أن يحدث في المستعرض الخاص بك، ومن ثم عندما تريد جعل وظيفة أو شيء

200
00:13:37,280 --> 00:13:40,000
يمكنك فقط إرسال طلب آخر.

201
00:13:40,000 --> 00:13:45,350
>> هناك أيضا بعض الاشياء يتوهم يمكنك القيام به على رأس هذا.

202
00:13:45,350 --> 00:13:49,550
من حيث المعلومات التقنية أكثر تحديدا،

203
00:13:49,550 --> 00:13:53,360
يمكن وضع في سهل جافا سكريبت تكون مؤلمة قليلا،

204
00:13:53,360 --> 00:13:56,220
لذلك هناك بعض المكتبات والأدوات التي سوف تساعدك كثيرا في ذلك.

205
00:13:56,220 --> 00:14:03,690
أعتقد أنك ربما سمعت عن كل مسج مما يجعل القيام تقديم HTML

206
00:14:03,690 --> 00:14:08,890
والتلاعب أسهل كثيرا - لديك الكثير من وظائف نزوة ليتلاشى داخل وخارج،

207
00:14:08,890 --> 00:14:12,020
والقيام الرسوم المتحركة رشيق.

208
00:14:12,020 --> 00:14:13,720
هناك أيضا هذه المكتبة تسمى Underscore.js.

209
00:14:13,720 --> 00:14:20,760
انها لديها الكثير من وظائف أداة مفيدة، والأشياء التي كنت تتوقع أن يكون جافا سكريبت

210
00:14:20,760 --> 00:14:24,740
أنه حقا دويسنت - أشياء مثل خلط صفيف،

211
00:14:24,740 --> 00:14:28,900
إزالة التكرارات من قائمة، أو تسطيح قائمة من القوائم.

212
00:14:28,900 --> 00:14:30,900
هذا هو مجرد نموذج التعليمات البرمجية الصغيرة.

213
00:14:30,900 --> 00:14:36,520
تسطير وقد طن من هذه الوظائف لطيفة التي ترغب عملتم في كل وقت.

214
00:14:36,520 --> 00:14:38,840
>> وبعد ذلك هناك أكثر من 1 مكتبة أود أن تنفق قليلا من الوقت على

215
00:14:38,840 --> 00:14:44,800
دعا Backbone.js لأن العمود الفقري يساعد حقا على التعامل مع نماذج على جانب العميل

216
00:14:44,800 --> 00:14:47,210
والكثير من البلبلة التي يمكن أن تسببها.

217
00:14:47,210 --> 00:14:53,550
العمود الفقري يمنحك هذا المفهوم من النماذج ومجموعات

218
00:14:53,550 --> 00:14:58,300
في جافا سكريبت التي هي أساسا تماما مثل كائنات جافا سكريبت

219
00:14:58,300 --> 00:15:04,900
في صفائف جافا سكريبت ولكن لديهم الأحداث عند تغيير خصائصها.

220
00:15:04,900 --> 00:15:09,090
مثلما هو الحال في جافا سكريبت، هل يمكن أن يكون حدث عندما يحصل على النقر على زر أو شيء

221
00:15:09,090 --> 00:15:14,800
وهذه النماذج العمود الفقري العمود الفقري ومجموعات بث أشياء مثل

222
00:15:14,800 --> 00:15:17,510
أنهم عندما تتغير.

223
00:15:17,510 --> 00:15:22,270
وهذا يعني أنه يمكنك مجرد كتابة شيء مثل هذا مقتطف من التعليمات البرمجية هنا -

224
00:15:22,270 --> 00:15:27,530
هذا يقول: كلما قمت بإضافة أي شيء إلى الوظائف مجموعة لك إعادة رسم الجدار كله.

225
00:15:27,530 --> 00:15:34,270
وهذا من شأنه أن يقول كلما تغير عدد وظيفة من أمثال،

226
00:15:34,270 --> 00:15:38,970
أن يخطر المستخدم بأن شخص يحب موقعهم.

227
00:15:38,970 --> 00:15:45,210
أو كلما أي ممتلكات آخر التغييرات التي تعيد رسم آخر.

228
00:15:45,210 --> 00:15:51,050
وأشياء من هذا القبيل سيوفر لك طن من التعقيد لأن خلاف ذلك

229
00:15:51,050 --> 00:15:55,440
إذا لم يكن لديك بعض إطار مثل هذا ثم في كل مرة في التعليمات البرمجية التي قمت بتغيير

230
00:15:55,440 --> 00:16:04,280
أي شيء عن وظيفة، وكنت قد لتذكر نفسك لدعوة كل من تقدم وظائف

231
00:16:04,280 --> 00:16:07,680
وأشياء من هذا القبيل، وإذا كنت أريد أن أضيف شيئا جديدا ما حدث

232
00:16:07,680 --> 00:16:10,680
في كل مرة قمت بتعديل وظيفة وكنت يجب أن تمر عبر كل مكان في حياتك

233
00:16:10,680 --> 00:16:14,610
التعليمات البرمجية التي قمت بتعديلها وإضافة وظيفة هذا الشيء الجديد.

234
00:16:14,610 --> 00:16:21,450
وهناك مثل هذا الإطار إزالة الكثير من ذلك التواصل بين طبقة

235
00:16:21,450 --> 00:16:28,280
الذي يجعل التعليمات البرمجية المعقدة والصعبة للمحافظة عليه.

236
00:16:28,280 --> 00:16:31,170
>> هناك قليلا عن وجهات أيضا.

237
00:16:31,170 --> 00:16:35,960
أنا ذاهب إلى ترك معظم هذا إلى بيلي لانهم من الناحية الفنية ليس من الصعب جدا.

238
00:16:35,960 --> 00:16:43,540
استخدام مسج لوجهات نظركم. انها عمليا وكأنه ضرورة في هذه المرحلة.

239
00:16:43,540 --> 00:16:46,290
انها فقط يجعل كل شيء أسهل بكثير.

240
00:16:46,290 --> 00:16:48,290
هناك الكثير من المكتبات.

241
00:16:48,290 --> 00:16:49,970
إذا كان لديك معقدة عناصر واجهة المستخدم،

242
00:16:49,970 --> 00:16:57,250
إذا كنت ترغب في شيء الإكمال التلقائي أو ما شابه واحدة من تلك نزوة محددات متعددة -

243
00:16:57,250 --> 00:17:04,790
إذا كنت تريد أي شيء من هذا القبيل، ربما يجب عليك فقط بحث حول

244
00:17:04,790 --> 00:17:08,130
ويمكنك العثور على مكتبة جيدة من شأنها أن تفعل ما تريد.

245
00:17:08,130 --> 00:17:11,579
سوف بيلي شرح المزيد عن أجزاء من الصعب في الواقع من وجهات النظر.

246
00:17:11,579 --> 00:17:17,530
أيضا، كملاحظة جانبية، العمود الفقري لديها بعض الوظائف لجعل التواصل جهات النظر

247
00:17:17,530 --> 00:17:22,800
لطيف مع نماذج - النظر في وثائق كل من هذه المكتبات، في الواقع.

248
00:17:22,800 --> 00:17:28,270
مجرد إلقاء نظرة على مستندات. انهم مكتوبة بشكل جيد جدا وسهلة لمتابعة.

249
00:17:28,270 --> 00:17:33,890
بشكل عام، يمكنك الى حد كبير جوجل فقط إذا كان لديك مشاكل.

250
00:17:33,890 --> 00:17:36,370
هناك الكثير من الناس استخدامها.

251
00:17:36,370 --> 00:17:42,020
وأعتقد أن هذا هو كملاحظة نهائية.

252
00:17:42,020 --> 00:17:48,770
>> وهناك أيضا بعض الأشياء أكثر تقدما التي يمكنك القيام به

253
00:17:48,770 --> 00:17:53,400
إذا كنت تبحث لجعل التطبيق الويب الخاص بك اضافية رهيبة.

254
00:17:53,400 --> 00:17:59,760
يمكنك القيام به - مواصفات HTML5 الجديدة لديها الكثير من الأشياء يتوهم يمكنك القيام به.

255
00:17:59,760 --> 00:18:05,780
التخزين المحلي - الذي هو أنت يمكن تخزين البيانات في المتصفح -

256
00:18:05,780 --> 00:18:09,470
بدلا من الاضطرار إلى العودة والإطلاع على الخادم لكل شيء،

257
00:18:09,470 --> 00:18:12,470
يمكنك الاحتفاظ ببعض منه على العميل وأنه حتى يتيح للناس -

258
00:18:12,470 --> 00:18:20,850
في بعض الحالات، يمكن أن تسمح حتى كنت تستخدم حاليا صفحة ويب.

259
00:18:20,850 --> 00:18:26,980
هناك هذا الشيء يسمى websockets التي هي نوع مختلف من شبكة الاتصالات

260
00:18:26,980 --> 00:18:30,930
حيث بدلا من مجرد جعل لكم طلب واحد، وتحصل على استجابة والانتهاء من ذلك،

261
00:18:30,930 --> 00:18:35,240
واصلتم فتح اتصال إلى ملقم وهكذا يمكنك أن تفعل أشياء مثل

262
00:18:35,240 --> 00:18:37,240
تحديثات في الوقت الحقيقي.

263
00:18:37,240 --> 00:18:42,020
لذلك، إذا كنت تحاول أن تجعل التطبيق دردشة، هل يمكن استخدام websockets

264
00:18:42,020 --> 00:18:43,790
للتواصل ذهابا وإيابا حتى يتسنى لك لن يكون للحفاظ على الطالبة،

265
00:18:43,790 --> 00:18:48,410
"أوه، الخادم، أن أحدا لم يرسل لي محادثة؟" كل 10 ثانية أو شيء من هذا.

266
00:18:48,410 --> 00:18:55,620
وهناك أيضا ميزة HTML5 مثيرة للاهتمام حيث يمكنك جعلها تبدو وكأنها

267
00:18:55,620 --> 00:18:58,340
عنوان URL للصفحة يتغير من دون الاضطرار إلى إعادة تحميله في الواقع.

268
00:18:58,340 --> 00:19:03,230
يمكنك استخدام أزرار الخلف وإلى الأمام دون أن تفعل حفنة من طلبات شبكة الاتصال.

269
00:19:03,230 --> 00:19:14,660
أشياء من هذا القبيل هو في الحقيقة مفيد من حيث جعله سريع ولكن أيضا تعمل مثل التطبيق على شبكة الإنترنت ينبغي.

270
00:19:14,660 --> 00:19:17,680
>> وهناك أيضا هذا الشيء يسمى CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript هي لغة مختلفة، في الواقع، أن يجمع وصولا الى جافا سكريبت.

272
00:19:24,450 --> 00:19:30,080
سوف أكتب لكم كل ما تبذلونه من التعليمات البرمجية في CoffeeScript، ثم تشغيل هذا المجمع،

273
00:19:30,080 --> 00:19:33,300
ويبصق ملف جافا سكريبت التي يمكن أن تدرج في صفحات الويب الخاصة بك.

274
00:19:33,300 --> 00:19:38,860
السبب الذي CoffeeScript هو لطيف لأنه يتخلص من الكثير من

275
00:19:38,860 --> 00:19:44,760
حالات غريبة أن جافا سكريبت لديه حيث تساوي متساوين،

276
00:19:44,760 --> 00:19:51,130
ويساوي يساوي تفعل أشياء مختلفة، أو ما شابه -

277
00:19:51,130 --> 00:19:55,740
كان لديه جملة أجمل للتعامل مع المصفوفات والوظائف.

278
00:19:55,740 --> 00:20:00,460
هذا هو مقتطف قليلا من CoffeeScript التي تنتج قائمة من جميع الساحات

279
00:20:00,460 --> 00:20:04,900
من 10 ^ 2-1 ^ 2 في ترتيب عكسي.

280
00:20:04,900 --> 00:20:08,410
كما ترون، CoffeeScript غالبا ما يتيح لك التعبير عن 1 في خط

281
00:20:08,410 --> 00:20:10,890
ما سيستغرق 5 خطوط جافا سكريبت.

282
00:20:10,890 --> 00:20:13,230
يمكن أن يجعل الأمور أسهل كثيرا.

283
00:20:13,230 --> 00:20:15,390
انها قليلا من جملة جديدة للتعلم في البداية،

284
00:20:15,390 --> 00:20:18,010
ولكنه بالتأكيد سوف تجعلك أكثر إنتاجية على المدى الطويل.

285
00:20:18,010 --> 00:20:22,050
>> يمكنك أيضا استخدام لغات أخرى على الخادم من PHP -

286
00:20:22,050 --> 00:20:27,570
لغات مثل روبي، بايثون، أو حتى أن هناك مشروع يسمى node.js

287
00:20:27,570 --> 00:20:31,450
التي من شأنها أن تتيح لك استخدام جافا سكريبت على الخادم.

288
00:20:31,450 --> 00:20:34,700
شخصيا، أنا حقا، حقا يكرهون PHP.

289
00:20:34,700 --> 00:20:38,310
أنا لا أستمتع بالعمل معها.

290
00:20:38,310 --> 00:20:43,450
إذا كنت، أيضا، أعتقد أنه هو cluge فظيعة من لغة،

291
00:20:43,450 --> 00:20:46,160
ثم يمكنك استخدام واحدة من هذه بدلا من ذلك.

292
00:20:46,160 --> 00:20:54,780
بشكل عام، إذا كنت تريد أن تفعل شيئا، وكنت لا أعرف حقا كيف كنت تفعل ذلك،

293
00:20:54,780 --> 00:20:56,780
مجرد البحث على الإنترنت.

294
00:20:56,780 --> 00:20:59,990
هناك أطنان وأطنان من الموارد وخاصة على -

295
00:20:59,990 --> 00:21:03,260
ستاكوفيرفلوو هو واحد كبير.

296
00:21:03,260 --> 00:21:06,400
انها هذا الموقع حيث تسأل كل الأسئلة الأخرى المبرمجين.

297
00:21:06,400 --> 00:21:09,690
كنت قد واجهت إذا كنت تواجه مشكلة في مجموعات مشكلة CS50.

298
00:21:09,690 --> 00:21:16,820
وهناك طن من المكتبات للقيام حد كبير أي شيء كنت تريد.

299
00:21:16,820 --> 00:21:21,710
إذا كنت تريد أن تفعل شيئا وأنت لا تعرف كيف تفعل ذلك،

300
00:21:21,710 --> 00:21:23,710
لا تفترض أنه من المستحيل.

301
00:21:23,710 --> 00:21:26,160
فقط انظر حولك وكنت قد تجد بعض موارد جيدة.

302
00:21:26,160 --> 00:21:29,280
>> كجنرال يختتم،

303
00:21:29,280 --> 00:21:33,650
والوجبات الرئيسية هي ابقاء الامور بسيطة.

304
00:21:33,650 --> 00:21:36,010
أكثر تعقيدا التعليمات البرمجية في بداية

305
00:21:36,010 --> 00:21:40,370
وكلما كنت تحاول ان تفعل الاشياء الهوى،

306
00:21:40,370 --> 00:21:43,300
وسوف يستغرق وقتا أطول للحصول على شيء في الواقع وظيفية

307
00:21:43,300 --> 00:21:46,480
وسيكون من الصعب تغيير في وقت لاحق.

308
00:21:46,480 --> 00:21:49,580
لذلك، تفعل أشياء غبية الطريقة، السهلة أولا.

309
00:21:49,580 --> 00:21:51,720
للذهاب إلى جانب ذلك،

310
00:21:51,720 --> 00:21:59,070
لا يكون خائفا من رمي القانون القديم أو تنظيف الامر كثيرا.

311
00:21:59,070 --> 00:22:05,320
بشكل عام، وبمجرد الانتهاء من العمل في الواقع شيئا،

312
00:22:05,320 --> 00:22:09,640
انه من الاسهل بكثير للتفكير مما كانت عليه عندما كنت لا تزال في المراحل الأولى

313
00:22:09,640 --> 00:22:12,610
كيف يمكنني وضع كل هذا معا.

314
00:22:12,610 --> 00:22:17,500
فمن الأفضل لجعل التصميم أغبى الممكن أن يعمل

315
00:22:17,500 --> 00:22:22,270
ومن ثم تحسينه تكرارا من محاولة الحصول على كل شيء الحق في المرة الأولى.

316
00:22:22,270 --> 00:22:28,330
من حيث التقسيم خدمة العملاء، ومحاولة الحفاظ على الخادم الخاص بك بسيطة جدا -

317
00:22:28,330 --> 00:22:33,030
مجرد قاعدة البيانات والتوثيق وبعض لا تفعل أي عمل شاق هناك.

318
00:22:33,030 --> 00:22:37,540
تفعل كل الاشياء تعقيدا على الجانب العميل في المستعرض

319
00:22:37,540 --> 00:22:40,650
في جافا سكريبت بقدر ما تستطيع.

320
00:22:40,650 --> 00:22:43,420
ننظر حولنا لالمكتبات التي تجعل حياتك أفضل.

321
00:22:43,420 --> 00:22:46,850
دائما الأفضل استخدام التعليمات البرمجية التي كتب شخص آخر

322
00:22:46,850 --> 00:22:49,850
إذا كنت - وليس لكتابة ذلك بنفسك.

323
00:22:49,850 --> 00:22:57,560
هناك الكثير من الاشياء على شبكة الإنترنت. جوجل هو أفضل صديق.

324
00:22:57,560 --> 00:22:59,560
جوجل هو أفضل صديق للمبرمج.

325
00:22:59,560 --> 00:23:07,620
نعم، بالتأكيد لا تخافوا لننظر حولنا لالاشياء.

326
00:23:07,620 --> 00:23:11,860
حسنا. وأكثر من لبيلي.

327
00:23:11,860 --> 00:23:14,600
>> [بيلي] في الواقع، قبل أن أبدأ مع بعض الاشياء التصميم،

328
00:23:14,600 --> 00:23:17,250
لا أحد لديك أي أسئلة عن بن عن أي شيء تحدث عنه؟

329
00:23:17,250 --> 00:23:20,290
حسنا، جيد.

330
00:23:20,290 --> 00:23:22,220
مرة أخرى، واسمحوا لنا أن نعرف إذا كان أي شيء غير واضح

331
00:23:22,220 --> 00:23:25,420
أو إذا كنت تريد منا أن يذهب أكثر من شيء أكثر قليلا.

332
00:23:25,420 --> 00:23:30,330
انا ذاهب الى التراجع قليلا والتحدث حول أجزاء أكثر أهمية من التصميم.

333
00:23:30,330 --> 00:23:34,840
بن المذكورة نموذج يسمى - آسف، ونموذج نظام الرؤية تحكم

334
00:23:34,840 --> 00:23:38,520
وهو نوع من الجانب التقني، لذلك أنا ذاهب لننظر إلى جهات النظر على وجه التحديد،

335
00:23:38,520 --> 00:23:42,930
وأنا ذاهب لبدء مع كيف كنت تصميم طريقة عرض التي تبدو لطيفة.

336
00:23:42,930 --> 00:23:50,540
وهنا نوع من قالب الأساسية حقا لدينا القط الفيسبوك.

337
00:23:50,540 --> 00:23:54,190
أعتقد أن هناك بعض الأساسيات في تصميم واجهة المستخدم الحديثة

338
00:23:54,190 --> 00:23:56,190
التي تستحق التقاط.

339
00:23:56,190 --> 00:23:58,210
يمكن لاحظت أن هناك الكثير من المساحة البيضاء في جميع أنحاء الصفحة،

340
00:23:58,210 --> 00:24:00,790
مجالا رحبا للأشياء.

341
00:24:00,790 --> 00:24:02,580
لا أشعر بأن لديك لسحق الأشياء في الصفحة.

342
00:24:02,580 --> 00:24:06,700
كنت تريد أن تترك الكثير من الغرفة مفتوحة، وإذا ذهبت إلى أي موقع تقريبا الحديثة

343
00:24:06,700 --> 00:24:08,380
سترى هناك البيضاء في كل مكان.

344
00:24:08,380 --> 00:24:10,380
هناك الأبيض في الأماكن التي لا تتوقعها.

345
00:24:10,380 --> 00:24:14,570
لديك هذه لوحة الألوان، وانه من الحكمة في بداية

346
00:24:14,570 --> 00:24:17,880
لاختيار لوحة الألوان التي أنت ذاهب للعمل مع والتطور.

347
00:24:17,880 --> 00:24:22,250
أنت أيضا - أنها تساعد على اختيار محرف، وبهذه الطريقة كنت نوع من العمل مع

348
00:24:22,250 --> 00:24:24,450
هذه الأسس ملموسة من التصميم.

349
00:24:24,450 --> 00:24:26,910
لديك نوع، لديك الألوان الخاصة بك، ثم يمكنك نوع من

350
00:24:26,910 --> 00:24:29,380
تناسب كل شيء آخر في الحاجة إليها كما.

351
00:24:29,380 --> 00:24:37,710
لذلك، كما قلت، مع نظام الألوان الذي تريد استخدام ألوان أكثر جرأة من مخطط لونك

352
00:24:37,710 --> 00:24:40,320
ماما. رؤوس لطيفة. الأزرار هي لطيفة لديك كبيرة حقا، والألوان البراقة.

353
00:24:40,320 --> 00:24:43,710
ولكن بصفة عامة، إذا كان لديك موقع على شبكة الانترنت يحتوي على الألوان في كل مكان،

354
00:24:43,710 --> 00:24:47,250
جميع يحدق في وجهك، يبدو مجرد تشوش، وهذا ليس جيدا.

355
00:24:47,250 --> 00:24:50,430
كنت ترغب في استخدام الألوان الفاتحة عموما.

356
00:24:50,430 --> 00:24:52,890
محاولة، ومرة ​​أخرى، واختيار نظام الألوان متماسكة جدا.

357
00:24:52,890 --> 00:24:56,640
هل يمكن أن يكون هذه البقع قليلا من الكثير من اللون -

358
00:24:56,640 --> 00:25:00,240
التي يمكن أن تبدو لطيفة جدا، ولكن كنت تريد استخدامها لماما جميلة.

359
00:25:00,240 --> 00:25:04,270
>> كما قلت، كنت تريد أن تكون ضئيلة. أقل هو دائما تقريبا أكثر من ذلك.

360
00:25:04,270 --> 00:25:07,430
إذا كان يمكنك عرض شيء أو لا شيء عرض،

361
00:25:07,430 --> 00:25:10,230
وكنت غير متأكد من نوع ما إذا كان ينبغي أن يكون هناك افتراضيا -

362
00:25:10,230 --> 00:25:13,400
ربما كنت أفضل حالا ترك ذلك. يمكنك دائما إضافتها في وقت لاحق.

363
00:25:13,400 --> 00:25:16,620
نعم، ابقاء الامور بسيطة.

364
00:25:16,620 --> 00:25:19,510
ولكن الأهم من ذلك، كنت ترغب في النظر في تصاميم متعددة.

365
00:25:19,510 --> 00:25:23,520
لا أعتقد أن عند إجراء الموقع، لديك في رأسك أنك ذاهب ل

366
00:25:23,520 --> 00:25:26,310
جعل الموقع بطريقة معينة، وانها سوف تبدو تماما مثل هذا.

367
00:25:26,310 --> 00:25:29,830
انها ستكون لدينا رأس الأزرق في أعلى وشريط الجانب الأزرق

368
00:25:29,830 --> 00:25:32,670
ثم الأصفر الشيء رأس الفرعية.

369
00:25:32,670 --> 00:25:34,670
كنت تريد أن تجعل القوالب متعددة.

370
00:25:34,670 --> 00:25:37,350
يمكنك إما - إذا كنت جيدة مع فوتو شوب، يمكنك فتح هذا النوع من صعودا و

371
00:25:37,350 --> 00:25:39,600
تصميم موقع على شبكة الانترنت كما تريد أن تبدو.

372
00:25:39,600 --> 00:25:41,680
إذا لم يكن كذلك، يمكنك فقط استخدام القلم والورق،

373
00:25:41,680 --> 00:25:44,000
ولكن الصفر حتى تصاميم متعددة.

374
00:25:44,000 --> 00:25:47,000
كنت تريد أن يكون أساسا لإعداد حيث لديك الكثير من تصاميم مختلفة،

375
00:25:47,000 --> 00:25:50,810
وإذا كان واحد ينتهي العمل، ثم هذا أمر عظيم.

376
00:25:50,810 --> 00:25:53,370
إذا كان واحد ينتهي بالفشل، ثم لديك دائما واحدة آخر يلجأ إليه.

377
00:25:53,370 --> 00:25:57,960
بشكل عام، لا تشعر وكأنك يجب أن تكون مقيدة

378
00:25:57,960 --> 00:26:00,830
إلى أي التصميم الذي تقرر في البداية على.

379
00:26:00,830 --> 00:26:04,420
التصاميم هي متغير جدا، وجزء من أهمية النموذج

380
00:26:04,420 --> 00:26:09,480
نظام الرؤية تحكم هو أنه يمكنك مبادلة الدخول والخروج وجهات النظر المختلفة التي تريد.

381
00:26:09,480 --> 00:26:13,510
يمكنك التأثير في البيانات طريقة واحدة، ومن ثم تقرر، أوه، في الواقع، أن لا يعمل بشكل جيد.

382
00:26:13,510 --> 00:26:19,190
اعتقد انها نوع من التعقيد أو هناك جزء هنا أن لا يعمل حقا،

383
00:26:19,190 --> 00:26:22,150
لذلك أنا مجرد الذهاب الى التخلي تماما هذا الرأي والمبادلة في واحدة جديدة تماما.

384
00:26:22,150 --> 00:26:24,790
يمكننا الاستمرار في استخدام النماذج القديمة والتحكم القديمة.

385
00:26:24,790 --> 00:26:27,490
يمكننا أن نفعل كل شيء على الخادم والعميل كما كنا من قبل.

386
00:26:27,490 --> 00:26:32,850
ولكن موجة من البيانات الفعلية كما هو معروض ستكون مختلفة قليلا.

387
00:26:32,850 --> 00:26:35,840
>> بقدر تنفيذ في الواقع التصميم الذي تريده،

388
00:26:35,840 --> 00:26:39,330
وبمجرد الانتهاء من رسم بعض التصاميم على الورق أو على فوتو شوب أو أيا كان،

389
00:26:39,330 --> 00:26:42,120
هناك عدد من الأدوات التي تتاح لك.

390
00:26:42,120 --> 00:26:45,700
أول كنت على دراية جدا مع الذي هو HTML الخاص بك، PHP، أو أيا كان

391
00:26:45,700 --> 00:26:48,990
اللغة التي تستخدمها لمجرد رمز لصفحات ثابتة على موقع الويب الخاص بك.

392
00:26:48,990 --> 00:26:51,990
كنت قد عملت كثيرا مع HTML أي نوع من يمنحك هذه العلامات

393
00:26:51,990 --> 00:26:57,820
يمكنك وضع الأمور في، وأساسا انها وسيلة لتنظيم المحتوى الخاص بك.

394
00:26:57,820 --> 00:27:00,990
على سبيل المثال، لديك رأس هناك، حتى وأنت تسير أن يكون علامة الرأس،

395
00:27:00,990 --> 00:27:05,770
وانها ستكون لدينا بعض النصوص داخل منه والتي من المحتمل ان تكون في علامة أخرى.

396
00:27:05,770 --> 00:27:08,380
ثم لديك الشريط الجانبي ربما مع بعض الروابط المختلفة،

397
00:27:08,380 --> 00:27:10,160
وتلك ذاهبون لنكون جميعا في العلامات منفصلة.

398
00:27:10,160 --> 00:27:13,870
لذلك، في الأساس HTML في قلبها هو وسيلة لتقسيم الصفحة كيف

399
00:27:13,870 --> 00:27:16,980
تريد في نهاية المطاف إلى تنسيق عليه.

400
00:27:16,980 --> 00:27:18,980
ذلك مرة أخرى، كنت قد رأيت ذلك من قبل.

401
00:27:18,980 --> 00:27:20,540
كنت مرتاحا جدا مع العمل معها الآن

402
00:27:20,540 --> 00:27:23,120
بالنظر إلى أن كنت قد فعلت pset مشاركة نأمل،

403
00:27:23,120 --> 00:27:26,150
بحيث يجب أن تكون هناك مشكلة.

404
00:27:26,150 --> 00:27:31,280
>> ثم لديك CSS الذي يعالج أساسا كل من التصميم جوانب ثابتة.

405
00:27:31,280 --> 00:27:35,320
فإنه التعامل مع جميع الألوان، كل من المواقع من العناصر المختلفة،

406
00:27:35,320 --> 00:27:36,840
أين يذهبون مع الاحترام لبعضهم البعض،

407
00:27:36,840 --> 00:27:41,530
كيف تكون كبيرة، وأنواع مختلفة من positionings التي عملتم -

408
00:27:41,530 --> 00:27:46,030
وبعبارة أخرى، هل يمكن أن يكون الأشياء ثابتة بحيث عند التمرير إلى أسفل بقائهم،

409
00:27:46,030 --> 00:27:48,700
أو هل يمكن أن يكون الأشياء بالنسبة إلى العناصر الأخرى.

410
00:27:48,700 --> 00:27:50,730
كل هذا النوع من الاشياء هو في CSS.

411
00:27:50,730 --> 00:27:54,630
وعلاوة على ذلك، يمكنك القيام به زخارف مختلفة، ويمكن أن يكون لديك ألوان النص و

412
00:27:54,630 --> 00:27:56,630
تأثيرات النص، وجميع هذا النوع من الاشياء.

413
00:27:56,630 --> 00:28:00,360
وقدم بن ندوة جيدة حقا على هذا في نهاية الأسبوع الماضي،

414
00:28:00,360 --> 00:28:04,450
ولذا فإنني بالتأكيد التحقق من ذلك إذا كنت تخطط أن تفعل بعض الأشياء يتوهم مع CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 هو في الواقع أحدث نسخة من CSS، وأنها يمكن أن تفعل كل أنواع الأشياء لطيف حقا.

416
00:28:09,850 --> 00:28:14,750
يمكن أن تفعل التدرجات؛ هل يمكن أن يكون لطيفا، تدوير زوايا، ويمكنك أن تفعل كل أنواع الأشياء

417
00:28:14,750 --> 00:28:17,940
لجعل موقع الويب الخاص بك تبدو أكثر عصرية والهوى.

418
00:28:17,940 --> 00:28:22,150
>> الأداة التالية هي جافا سكريبت مسج والتي تحدث بن قليلا عن،

419
00:28:22,150 --> 00:28:24,150
ولكن سأحضر أبعد قليلا في.

420
00:28:24,150 --> 00:28:28,100
جافا سكريبت، وكنت قد عملت معه قليلا، أو على الأقل ينظر في المحاضرة،

421
00:28:28,100 --> 00:28:31,870
هو نوع من طريقة لفعل الاشياء بشكل حيوي في HTML.

422
00:28:31,870 --> 00:28:35,950
HTML، كما تعلمون، هو ثابت، وذلك بمجرد أن يكون لديك HTML لا يمكنك تعديله.

423
00:28:35,950 --> 00:28:40,050
ولكن جافا سكريبت، في بعض النواحي، هو وسيلة لتكون قادرة على تعديل HTML.

424
00:28:40,050 --> 00:28:44,520
حتى تتمكن من القيام بذلك، وهذا أمر عظيم، ولكن جافا سكريبت هو حقا للعمل مع الألم.

425
00:28:44,520 --> 00:28:49,050
انها طويلة جدا ومنفرجة والقيام حتى بأبسط الأشياء

426
00:28:49,050 --> 00:28:51,630
يتطلب الكثير من خطوط جافا سكريبت.

427
00:28:51,630 --> 00:28:55,410
لذلك، مسج هو في الأساس لمكتبة جافا سكريبت أن يبسط كل ذلك.

428
00:28:55,410 --> 00:28:59,880
تقول، حسنا، إذا كنت تريد أن يكون لها مربع مربع تأتي من اليسار

429
00:28:59,880 --> 00:29:03,980
وتتلاشى في الصفحة بحيث انها في الوسط، في جافا سكريبت التي من شأنها أن تأخذ -

430
00:29:03,980 --> 00:29:06,340
أنا لا أعرف، ومئات من الخطوط القيام به، وأنه سيكون من الألم،

431
00:29:06,340 --> 00:29:10,540
وأنت تخرج من ذلك كره كل شيء عن برمجة الويب.

432
00:29:10,540 --> 00:29:15,380
مسج لديك أساسا عنصر الدوت تتلاشى في، أو شيء من هذا القبيل.

433
00:29:15,380 --> 00:29:18,580
وظائف جدا، جدا، جدا بسيطة سيتيح لك ان تفعل كل أنواع الرسوم المتحركة بارد

434
00:29:18,580 --> 00:29:20,580
وهذا النوع من الشيء.

435
00:29:20,580 --> 00:29:23,300
الشيء الآخر أن هذه 2 هي فعلا جيدة للهو مجرد فعل الأشياء الديناميكية

436
00:29:23,300 --> 00:29:25,300
مع الموقع.

437
00:29:25,300 --> 00:29:28,370
لذلك، بدلا من مجرد وجود صفحة HTML الخاصة بك - والذي يعرض بعض البيانات ولكن لا فعلا

438
00:29:28,370 --> 00:29:32,130
فعل أي شيء - سوف جافا سكريبت مسج والسماح لديك الأزرار التي يمكنك النقر على،

439
00:29:32,130 --> 00:29:37,960
ويمكنك سحب العناصر وإعادة ترتيب لهم وفرزها، ولها عناصر جديدة

440
00:29:37,960 --> 00:29:40,500
إضافة أو إزالة. يمكنك إضافة، حذف، وهذا النوع من الشيء.

441
00:29:40,500 --> 00:29:44,570
لذلك، لا مسج طن من الأشياء باردة.

442
00:29:44,570 --> 00:29:48,840
وفيبول يعطي في الواقع حلقة دراسية حول ذلك اليوم، في اعتقادي، في 5 صباحا،

443
00:29:48,840 --> 00:29:51,220
حتى إذا كنت يمكن أن يلتصق حول لفترة طويلة، وهذا من شأنه - 5 أو 4؟

444
00:29:51,220 --> 00:29:54,930
أربعة. آسف. انها في الواقع بعد هذا الحق، لذلك أنصح

445
00:29:54,930 --> 00:29:56,680
شائكة حولها لذلك إذا كنت تستطيع.

446
00:29:56,680 --> 00:30:00,180
مسج فائقة، سوبر مفيدة، وعليك أن تكون قادرة على أن تفعل الكثير من الأشياء لطيف معها

447
00:30:00,180 --> 00:30:03,460
الى حد كبير أي مشروع تطوير الشبكة.

448
00:30:03,460 --> 00:30:06,200
>> الآن انا ذاهب للوصول الى نوع من التمييز.

449
00:30:06,200 --> 00:30:08,210
لقد تم الحديث في الأساس عن واجهة المستخدم.

450
00:30:08,210 --> 00:30:11,510
واجهة المستخدم هو مجرد تصميم للموقع.

451
00:30:11,510 --> 00:30:13,780
ولكن هناك نوعا من مفهوم آخر وهو تجربة المستخدم.

452
00:30:13,780 --> 00:30:15,900
وهما مختلفة جدا.

453
00:30:15,900 --> 00:30:19,440
واجهة هو بالتأكيد جزء من هذه التجربة.

454
00:30:19,440 --> 00:30:21,340
وبعبارة أخرى، عندما تذهب إلى موقع، نظرتم الى الواجهة.

455
00:30:21,340 --> 00:30:22,960
هذا جزء من الطريقة التي واجهت الموقع.

456
00:30:22,960 --> 00:30:24,960
ولكن تجربة المستخدم هو أكثر من ذلك.

457
00:30:24,960 --> 00:30:29,910
تجربة المستخدم هو حول ما الانطباع الذي يحصل المستخدم من موقعك.

458
00:30:29,910 --> 00:30:31,910
لذلك، من الواضح، واجهة هو جزء من ذلك.

459
00:30:31,910 --> 00:30:35,340
وانها بالتأكيد جزء ضروري، لكنه ليس كافيا.

460
00:30:35,340 --> 00:30:38,790
وبعبارة أخرى، إذا كان لديك واجهة جميلة، وانها جميلة وملونة وكل ذلك،

461
00:30:38,790 --> 00:30:43,650
هذا أمر عظيم، ولكن إذا يذهب المستخدم إلى موقع الويب الخاص بك، يرى تخطيط جميلة وانها الخلط من قبل

462
00:30:43,650 --> 00:30:47,060
كل شيء، ليس لديه فكرة عن كيفية القيام بأي شيء، فمن الواضح قمت بها حقا

463
00:30:47,060 --> 00:30:48,930
الفقراء الموقع.

464
00:30:48,930 --> 00:30:50,930
وهذا النوع من أين يأتي تجربة المستخدم فيها

465
00:30:50,930 --> 00:30:54,570
انا ذاهب الى الحديث قليلا عن تصميم UX - UX قصيرة لتجربة المستخدم -

466
00:30:54,570 --> 00:30:58,050
ونوع من كيف يمكنك التأكد من أن لديك تجربة جيدة للمستخدم.

467
00:30:58,050 --> 00:31:04,330
النقطة الأولى هي أنك قد تصميم موقع على شبكة الانترنت حيث يمكن للمستخدم القيام بأي شيء

468
00:31:04,330 --> 00:31:06,820
ربما يريد هذا المستخدم.

469
00:31:06,820 --> 00:31:08,940
ولكن إذا كان المستخدم لا يمكن معرفة كيفية القيام تلك الأشياء -

470
00:31:08,940 --> 00:31:12,850
وبعبارة أخرى، إذا لم يكن لدى المستخدم فكرة جيدة عندما يذهبون إلى موقع الويب الخاص بك من،

471
00:31:12,850 --> 00:31:17,660
"أوه، إذا كنت ترغب في تحديث معلوماتي الشخصية، ثم النقر على هذا الزر، أو إذا كنت تريد نشر على

472
00:31:17,660 --> 00:31:20,850
جدار شخص ما، ثم أذهب إلى الجدار وانقر على مربع قليلا ".

473
00:31:20,850 --> 00:31:24,410
إذا لا يعرف المستخدم ذلك، ثم لديك بفعالية يست في الواقع

474
00:31:24,410 --> 00:31:27,080
تنفذ هذه الوظيفة بشكل صحيح.

475
00:31:27,080 --> 00:31:30,900
جزء من تنفيذ وظيفة هي أن المستخدمين هي فعلا قادرة على استخدامها.

476
00:31:30,900 --> 00:31:34,810
وأنه قد يكون محبطا - قد جعل موقع، وأنها يمكن أن تفعل كل أنواع

477
00:31:34,810 --> 00:31:37,810
الأشياء الرائعة، ولكن بعد ذلك سيكون لديك الناس اختباره ويقول: "لا يمكن أن تفعل هذا.

478
00:31:37,810 --> 00:31:39,770
لماذا لا يمكن أن تفعل هذا؟ "وكنت أقول لهم مرة أخرى،

479
00:31:39,770 --> 00:31:44,420
"حسنا، فإنه يمكن. عليك أن تذهب إلى القائمة المنسدلة 7 على هذا غامضة

480
00:31:44,420 --> 00:31:48,470
الصفحة التي يتم العثور عليها إلا من خلال وصلة في أسفل الزاوية اليمنى "أو شيء من هذا.

481
00:31:48,470 --> 00:31:50,430
من الواضح، أنك لا تريد ذلك.

482
00:31:50,430 --> 00:31:53,420
تريد أن يكون واضحا للمستخدمين ما كنت من المفترض القيام به،

483
00:31:53,420 --> 00:31:56,240
وينبغي أن تكون بسيطة وبديهية بالنسبة لهم.

484
00:31:56,240 --> 00:32:01,180
>> وشيء آخر أن كنت ترغب في محاولة القيام به هو، إذا كان شخص ما يحدث للذهاب إلى موقع الويب الخاص بك

485
00:32:01,180 --> 00:32:05,520
و 9 من أصل 10 مرات تفعل العمل A، و 1 من أصل 10 مرات تفعل العمل B،

486
00:32:05,520 --> 00:32:08,950
ربما كنت ترغب في التركيز على تجربتهم العمل A.

487
00:32:08,950 --> 00:32:12,240
وبعبارة أخرى، وتريد أن تجعل من كيف جدا، واضح جدا أن تفعل A.

488
00:32:12,240 --> 00:32:15,980
وينبغي أن تكون الجبهة والوسط - انتقل إلى موقع، نرى ذلك؛ أوه، انها هناك حق.

489
00:32:15,980 --> 00:32:20,850
في حين B الواضح أنك تريد أن تكون واضحة، ولكن يمكنك ترك الأمر أكثر قليلا

490
00:32:20,850 --> 00:32:22,850
في الخلفية.

491
00:32:22,850 --> 00:32:24,640
ديفيد يعطي خير مثال على ذلك في المحاضرة،

492
00:32:24,640 --> 00:32:26,640
وهو نظام بوسطن تي.

493
00:32:26,640 --> 00:32:29,440
عندما تذهب إلى بوسطن T، وترغب في شراء تذكرة،

494
00:32:29,440 --> 00:32:32,700
لديك للوصول الى 5 القوائم قبل أن تتمكن من شراء تذكرة الواقع

495
00:32:32,700 --> 00:32:37,130
بقيمة 2 دولار، و2،50 $، والذي هو كم يستغرق لركوب المترو

496
00:32:37,130 --> 00:32:39,130
في اتجاه واحد.

497
00:32:39,130 --> 00:32:41,600
هذه مشكلة، لأن معظم الناس الذين يركبون المترو

498
00:32:41,600 --> 00:32:44,880
ربما تريد فقط أن تذهب إلى مكان واحد، وشراء التذاكر، والحصول على الفور.

499
00:32:44,880 --> 00:32:47,550
فإنه لا يعقل أن لديهم للذهاب من خلال الكثير من القوائم المختلفة

500
00:32:47,550 --> 00:32:49,550
للوصول إلى هناك.

501
00:32:49,550 --> 00:32:51,760
ومن شأن تجربة أفضل للمستخدم أن يكون زر سريع على الصفحة الأولى

502
00:32:51,760 --> 00:32:54,760
تقول فقط، 'شراء تذكرة في اتجاه واحد "، والذي من شأنه أن يضع في كل من مستوى

503
00:32:54,760 --> 00:32:58,550
القيم الافتراضية، وبعد ذلك إذا كان هناك شخص يريد أن يشتري تذكرة مختلفة من ذلك،

504
00:32:58,550 --> 00:33:01,690
أنها لا تزال، بطبيعة الحال، لديك الخيار ل، ولكن كنت قد الأمثل ل

505
00:33:01,690 --> 00:33:04,080
حالة الاستخدام المشترك وهو أمر مهم حقا.

506
00:33:04,080 --> 00:33:06,830
يمكنك مشاهدة أمثلة على هذا في الفيسبوك، أليس كذلك؟

507
00:33:06,830 --> 00:33:09,410
إذا ذهبت إلى الفيسبوك وترغب في مرحلة ما بعد الوضع،

508
00:33:09,410 --> 00:33:11,710
انها الحق في الجزء العلوي وهو ما كنت غالبا ما تريد القيام به.

509
00:33:11,710 --> 00:33:14,730
بمجرد دخول الصفحة، يمكنك أن تفعل الأشياء الأكثر شيوعا التي

510
00:33:14,730 --> 00:33:16,730
ما تريد القيام به.

511
00:33:16,730 --> 00:33:17,550
إذا كنت تريد أن تفعل أشياء قليلا أكثر تعقيدا مثل،

512
00:33:17,550 --> 00:33:21,070
أقول إنني أريد أن أذهب إلى الجدار صديقي وإضافة صورة على ذلك -

513
00:33:21,070 --> 00:33:24,810
التي سوف تريد أن تفعل في كثير من الأحيان، ولكن ليس بقدر ما نشر تحديثات الحالة -

514
00:33:24,810 --> 00:33:28,200
حتى في هذه الحالة، وأنا اكتب اسمه في مربع في الجزء العلوي، انقر على ملفهم الشخصي،

515
00:33:28,200 --> 00:33:31,680
ومن ثم، لا يزال، انها الحق في الجزء العلوي هناك مرة واحدة لقد حصلت على صورتهم.

516
00:33:31,680 --> 00:33:38,240
مرة أخرى، لقد الأمثل في الأولوية للحالات الأكثر شيوعا استخدام.

517
00:33:38,240 --> 00:33:41,800
>> شيء آخر مهم هو أن في كثير من الأحيان فإن الناس نوع من محاولة للالتفاف على هذا

518
00:33:41,800 --> 00:33:44,890
بالقول، حسنا، حتى لقد جعلت من الموقع والناس يجدون مربكة،

519
00:33:44,890 --> 00:33:46,110
وهذه مشكلة، أليس كذلك؟

520
00:33:46,110 --> 00:33:49,210
من الواضح، وأنا لا أريد الناس أن يكون الخلط من جانب المحتوى من موقعي.

521
00:33:49,210 --> 00:33:53,210
ولكن وسيلة لحل هذا هو ليس لديهم شيء يطفو على السطح قائلا:

522
00:33:53,210 --> 00:33:55,290
مهلا، انا ذاهب الى يعلمك كيفية استخدام هذا الموقع.

523
00:33:55,290 --> 00:33:58,130
الخطوة 1 - انقر على هذا الزر. الخطوة 2 - اذهب هنا.

524
00:33:58,130 --> 00:34:03,080
بالتأكيد، هذا هو وسيلة من حوله - انها الطريقة التي يمكن أن نقول للناس ما يجب القيام به، لكنه

525
00:34:03,080 --> 00:34:05,080
الحقيقة ليست الطريقة المثلى.

526
00:34:05,080 --> 00:34:07,420
إذا ذهبت إلى موقع على شبكة الانترنت، وفجأة وأنا قصفت مع هذا البرنامج التعليمي وهذا ما تقول لي

527
00:34:07,420 --> 00:34:11,739
ماذا تفعل وأين تذهب وكل ذلك، وهذا ليس متعة بالنسبة لي.

528
00:34:11,739 --> 00:34:13,739
انها ليست تجربة جيدة بالنسبة لي.

529
00:34:13,739 --> 00:34:17,130
انها نوع من الألم. أريد أن أبدأ مجرد القيام الاشياء.

530
00:34:17,130 --> 00:34:19,449
الناس تسير لإغلاق مربع الحوار، و

531
00:34:19,449 --> 00:34:23,580
أو الخروج من البرنامج التعليمي، لا يعرف ماذا يفعل، ثم يشكو ل

532
00:34:23,580 --> 00:34:25,580
لم تكن قد قال لهم ما يجب القيام به.

533
00:34:25,580 --> 00:34:29,530
الطريق إلى حل هذا ليس بإعطاء أي نوع من البرنامج التعليمي أو الاتجاهات -

534
00:34:29,530 --> 00:34:31,530
أي شيء من هذا القبيل.

535
00:34:31,530 --> 00:34:33,719
بقدر ما يمكن تجنب ذلك، كنت حقا تريد أن تظهر للمستخدم ماذا تفعل

536
00:34:33,719 --> 00:34:36,429
فقط من خلال طبيعة كيف وضعت الموقع خارج.

537
00:34:36,429 --> 00:34:39,090
وبعبارة أخرى، إذا ذهبت إلى الفيسبوك دون تسجيل الدخول،

538
00:34:39,090 --> 00:34:40,920
أول ما أرى على الصفحة الرئيسية -

539
00:34:40,920 --> 00:34:44,480
انها مربع تسجيل الدخول قليلا. لذلك، دوه. لا بد لي من تسجيل فيها انها هناك حق.

540
00:34:44,480 --> 00:34:48,030
في حين، إذا ذهبت إلى الفيسبوك واضطررت الى فوق ارتباط قليلا في الجزء السفلي

541
00:34:48,030 --> 00:34:51,920
وقال ان 'تسجيل الدخول' وكان بقية الصفحة فقط نوعا من الصورة أو شيء من هذا،

542
00:34:51,920 --> 00:34:54,820
أنا لا أعرف حقا ما يجب القيام به، أليس كذلك؟ وأود أن يكون الخلط.

543
00:34:54,820 --> 00:34:58,590
لذلك، فإنه يمكن أن تقول لي للذهاب الى هناك وانقر على زر تسجيل الدخول،

544
00:34:58,590 --> 00:35:01,080
أو سجل في زر يمكن أن يكون على حق في الجزء العلوي حيث أنا ذاهب لرؤيتها.

545
00:35:01,080 --> 00:35:04,780
تريد دائما أن تظهر للمستخدم ما يجب القيام به،

546
00:35:04,780 --> 00:35:06,750
والتي يجب أن تكون متأصلة في الصفحة نفسها.

547
00:35:06,750 --> 00:35:09,880
>> وعند الانتهاء من التفكير في التصاميم والاستهزاء حتى طرق مختلفة ل

548
00:35:09,880 --> 00:35:13,810
معربا عن موقعك، وتريد حقا أن نفكر في ما المستخدمين ذاهبون ل

549
00:35:13,810 --> 00:35:19,380
أن تفعل وكيف يمكنك تبين لهم ما يجب القيام به.

550
00:35:19,380 --> 00:35:23,530
آخر شيء واحد هو الاختبار هو حقا، المهم حقا.

551
00:35:23,530 --> 00:35:27,400
انه امر رائع للحصول على شخص - الحصول على صديق، الحصول على شخص لا تعرفه حتى -

552
00:35:27,400 --> 00:35:30,420
من الذي لم يسبق له مثيل في الموقع قبل استخدام الموقع.

553
00:35:30,420 --> 00:35:33,650
لأنك قد تم العمل على الموقع لعدة ساعات، وكنت قد تم يحدق في ذلك،

554
00:35:33,650 --> 00:35:36,670
وأنت تعرف بالضبط ماذا تفعل ذلك من الواضح أنك على وشك أن يختبر

555
00:35:36,670 --> 00:35:39,520
الأشياء التي كنت قد تم العمل على وعليك أن تعرف العمل.

556
00:35:39,520 --> 00:35:42,680
ولكن إذا كان شخص آخر يأتي على طول ويستخدم الموقع الذي تستخدم أبدا من قبل،

557
00:35:42,680 --> 00:35:46,880
هذا هو تجربة فريدة من نوعها لأنه لديك شخص ليس لديه معرفة مسبقة

558
00:35:46,880 --> 00:35:51,530
الموقع الخوض في ذلك، حتى انهم ذاهبون لديك أي فكرة على نحو فعال ما يجب القيام به

559
00:35:51,530 --> 00:35:54,890
أو أي نوع من حالات الاستخدام موجودة بالنسبة لهم.

560
00:35:54,890 --> 00:36:00,930
هذا أمر عظيم. هذا فريدة من نوعها لأنهم في الأساس شخص مع فارغة للعقل.

561
00:36:00,930 --> 00:36:03,750
يمكن أن أقول لكم إذا كان هناك شيء غير مربكة أو غير واضحة.

562
00:36:03,750 --> 00:36:07,580
يمكن أن تعطيك فكرة عن بالضبط ما تجربة المستخدم من موقعك.

563
00:36:07,580 --> 00:36:10,630
يمكن أن يكون من الصعب جدا ان اقول ان نفسك، لذلك بالتأكيد أود أن أشجعكم

564
00:36:10,630 --> 00:36:13,640
كما نعمل على تطوير المشاريع الخاصة بك - إذا كنت تفعل مشاريع على شبكة الإنترنت -

565
00:36:13,640 --> 00:36:18,290
للحصول على الأشخاص الذين يستخدمون الموقع في أقرب وقت لديك نوعا من التجريبي وظيفية.

566
00:36:18,290 --> 00:36:25,330
>> الآن انا ذاهب الى الحديث قليلا حول كيفية إدارة مشروع تطوير الشبكة.

567
00:36:25,330 --> 00:36:28,900
انتقلنا على كيف يمكنك أن تفعل الجانب الخلفي التقنية،

568
00:36:28,900 --> 00:36:31,050
كيف يمكنك تصميم موقع جيد حقا،

569
00:36:31,050 --> 00:36:34,150
وهذا أمر عظيم إذا كنت تعمل من نفسك ولكن -

570
00:36:34,150 --> 00:36:37,300
حتى لو كنت تعمل من نفسك وخاصة إذا كنت تعمل في فريق،

571
00:36:37,300 --> 00:36:39,580
يصبح إدارة المشروع مشكلة كبيرة.

572
00:36:39,580 --> 00:36:42,340
كنت قد سمعت عن نوع من إدارة المشاريع في أشكال مختلفة منذ

573
00:36:42,340 --> 00:36:45,410
المدرسة الابتدائية عندما قيل لك العمل الجماعي.

574
00:36:45,410 --> 00:36:46,820
عليك أن تتعاون، والتواصل، كل ذلك.

575
00:36:46,820 --> 00:36:49,620
أن كل شيء لا يزال ينطبق هنا، ولكن هناك بعض الظروف الفريدة مع

576
00:36:49,620 --> 00:36:54,910
علوم الكمبيوتر الذي تريد أن تكون على علم، وتريد للتأكد من التعامل بشكل جيد.

577
00:36:54,910 --> 00:36:58,050
سأتحدث أولا قليلا عن الفريق الذي سوف تكون فيه.

578
00:36:58,050 --> 00:37:03,280
من المهم جدا لاختيار الحجم الصحيح للفريق للعمل على،

579
00:37:03,280 --> 00:37:05,890
والمشروع النهائي الخاص بك اعتقد ان لديك الخيار لاختيار

580
00:37:05,890 --> 00:37:08,610
بين 1 و 4 أشخاص إذا أنا الصحيح.

581
00:37:08,610 --> 00:37:12,050
تريد للتأكد من أن كنت لا مجرد اختيار عدد من الناس

582
00:37:12,050 --> 00:37:14,950
ان كنت تريد العمل مع لأنهم أصدقائك.

583
00:37:14,950 --> 00:37:18,170
تريد لاختيار الفريق الذي هو حجم جيد والتي سوف تحصل على هذه المهمة.

584
00:37:18,170 --> 00:37:22,700
هناك مفاضلة في وجود عدد أكبر من الناس مقابل أقل الناس.

585
00:37:22,700 --> 00:37:25,320
إذا كان لديك عدد أكبر من الناس، ويمكن أن يتم من الواضح مزيد من العمل

586
00:37:25,320 --> 00:37:28,450
لأن لديك الكثير من الناس، والكثير من التعليمات البرمجية، والكثير من الأفكار،

587
00:37:28,450 --> 00:37:29,870
وهذا هو كل شيء عظيم.

588
00:37:29,870 --> 00:37:32,590
ولكنه يتطلب أيضا الكثير من إدارة وأكثر بكثير الاتصالات.

589
00:37:32,590 --> 00:37:34,720
وبعبارة أخرى، إذا كان لديك 4 أشخاص يعملون في نفس المشروع

590
00:37:34,720 --> 00:37:39,200
وانهم جميعا تحرير نفس الرمز، أكثر أو أقل هم كل نوع من الحاجة إلى معرفة

591
00:37:39,200 --> 00:37:40,920
ما يحدث لذلك يتطلب منك -

592
00:37:40,920 --> 00:37:44,580
إذا قمت بإضافة بعض من وظيفة جديدة لديك نوع من ان نقول للناس - أنا مضيفا بذلك،

593
00:37:44,580 --> 00:37:48,510
أنا تغيير هذا في هذا الطريق - خاصة إذا كنت تحصل في الاشياء العميقة حقا

594
00:37:48,510 --> 00:37:52,730
مثل نماذج وحدات التحكم التي تسير فعلا على التأثير على الكيفية التي يعمل بها الموقع.

595
00:37:52,730 --> 00:37:54,500
يحتاج الفريق بأكمله ليكون على بينة منه،

596
00:37:54,500 --> 00:37:58,140
لذلك كنت بحاجة للتأكد من أنك لا اختيار كبير جدا على الفريق الذي سيكون من الصعب

597
00:37:58,140 --> 00:37:59,970
لجعل هذا الاتصال.

598
00:37:59,970 --> 00:38:02,930
أنت أيضا لا تريد أن تختار فريق صغير بما يكفي أنك لن

599
00:38:02,930 --> 00:38:06,250
تكون قادرة على التواصل لأنه مجرد لك.

600
00:38:06,250 --> 00:38:11,270
>> شيء آخر هو أن تنظر إلى توازن فيها مهاراته الناس هي.

601
00:38:11,270 --> 00:38:14,350
انه لشيء رائع إذا كنت كل المبرمجين جيدة حقا.

602
00:38:14,350 --> 00:38:17,050
ولكن إذا كنت كل الناس الخلفية، ثم موقع الويب الخاص بك لن تبدو جيدة جدا

603
00:38:17,050 --> 00:38:20,860
لأن لديك هذه قاعدة بيانات كبيرة، وأنه لا استعلامات البحث وبسرعة فائقة -

604
00:38:20,860 --> 00:38:26,130
وهو أمر عظيم - ولكن عندما تذهب إليه، انها مثل موقع 1990 مع الأحمر والأزرق

605
00:38:26,130 --> 00:38:30,370
في كل مكان، وهذا ليس جيدا سواء.

606
00:38:30,370 --> 00:38:34,210
تلاحظ أن بن وأنا العمل كفريق واحد لطيفة جدا لأنني نوع من أكثر

607
00:38:34,210 --> 00:38:38,030
في الواجهة الأمامية، ونحن على حد سواء تتفاعل في منتصف نهاية، وهذا جيد حقا مع بن الاشياء الخلفية،

608
00:38:38,030 --> 00:38:43,550
ذلك أن يعمل بشكل جيد حقا لأننا لا نستطيع تصميم أي موقع وأساسا الثقوب

609
00:38:43,550 --> 00:38:47,580
في ذلك الموقع التي تحتاج إلى أن تملأ يمكن شغلها من قبل أي واحد منا، أو ربما الاثنين معا.

610
00:38:47,580 --> 00:38:50,210
كنت ترغب في التأكد من أنه لا توجد ثقوب في فريقك.

611
00:38:50,210 --> 00:38:51,180
لا بأس إذا كان هناك قليلا من التداخل.

612
00:38:51,180 --> 00:38:53,670
وبعبارة أخرى، إذا كان لديك 2 الناس التي هي على حد سواء جيدة مع نهاية الظهر،

613
00:38:53,670 --> 00:38:57,250
التي يمكن أن تكون جيدة وكذلك لأنها يمكن أن تساعد بعضها البعض مع مشاكل

614
00:38:57,250 --> 00:38:58,820
بأن لديها.

615
00:38:58,820 --> 00:39:02,590
يمكن أن يكون مشكلة إذا كان لديك فقط 1 شخص مسؤول عن شيء معين

616
00:39:02,590 --> 00:39:06,650
وأنها واجهت مشكلة، لذلك كنت لا تريد أن يكون لها قليلا من التداخل

617
00:39:06,650 --> 00:39:10,760
ولكن الأهم من ذلك تريد للتأكد من أن كل من الثقوب ممكن تمتلئ.

618
00:39:10,760 --> 00:39:17,550
>> آخر شيء - وهذا ينبغي أن يكون واضحا، لكنه في كثير من الأحيان لا.

619
00:39:17,550 --> 00:39:19,550
كنت تريد حقا أن يكون لها متعة.

620
00:39:19,550 --> 00:39:23,360
وجهة هذا المشروع النهائية في CS50 وغالبا ما تكون نقطة تطوير الشبكة بشكل عام

621
00:39:23,360 --> 00:39:26,360
ليس لمجرد القيام بعمل لأنه يحتاج به.

622
00:39:26,360 --> 00:39:29,140
كنت تريد حقا أن يكون لها متعة، وتريد أن صنع شيء

623
00:39:29,140 --> 00:39:31,180
وهذا ما تحفيز لك للعمل على ذلك.

624
00:39:31,180 --> 00:39:33,650
إذا ما كنت صنع هو الألم للجلوس والعمل على،

625
00:39:33,650 --> 00:39:35,650
ثم كنت لا اختيار المشروع الصحيح.

626
00:39:35,650 --> 00:39:37,730
كنت ترغب في اختيار شيء أن تجد مثيرة للاهتمام،

627
00:39:37,730 --> 00:39:41,150
كنت تريد حقا أن نرى النتيجة، وكنت متحمس عندما تحصل على فكرة جديدة حول

628
00:39:41,150 --> 00:39:44,700
شيء يمكن القيام به - لذلك هناك جميع أنواع المشاريع هناك والتي أنا متأكد

629
00:39:44,700 --> 00:39:47,290
يمكنك أن تجد - كل من لديه شيء من شأنه أن دسيسة حقا لهم

630
00:39:47,290 --> 00:39:49,290
إذا يفعلونه مشروع على شبكة الإنترنت.

631
00:39:49,290 --> 00:39:52,210
سأقولها مرة أخرى في الوقت الحالي.

632
00:39:52,210 --> 00:39:54,520
إذا يبدو مشروعك مثل الألم، وكنت لا تريد أن تعمل على ذلك،

633
00:39:54,520 --> 00:39:57,260
اختيار المشروع آخر. اختيار ما يلهم حقا لك.

634
00:39:57,260 --> 00:40:00,260
>> بن ذكرت هذا مفهوم التكرار قليلا، وأريد أن أذهب على أكثر من ذلك قليلا.

635
00:40:00,260 --> 00:40:08,250
من المهم حقا للعمل في الزيادات التي تحصل شيء وظيفية.

636
00:40:08,250 --> 00:40:13,420
يمكن أن تكون كبيرة إذا كان لديك هذه الخطة لموقع على شبكة الانترنت وهذا ما تنوي القيام به A، B، و C،

637
00:40:13,420 --> 00:40:16,000
وأنه في نهاية المطاف سوف نصل الى هناك.

638
00:40:16,000 --> 00:40:18,600
ولكن كنت عالقا في هذه المرحلة حيث كنت تعمل عليها، وتعمل على ذلك،

639
00:40:18,600 --> 00:40:23,330
ولكن لا شيء هو الحصول على القيام به. لم يكن لديك أي شيء لرؤية و، الشيء الوظيفية ملموسة.

640
00:40:23,330 --> 00:40:27,940
ما كنت تريد حقا أن تفعل الكثير كما يبدو نوع من الألم في بعض الأحيان إلى

641
00:40:27,940 --> 00:40:32,300
العمل على شيء ثم نوع من سقف تشغيله بحيث انها على الأقل مستقر، تشغيل

642
00:40:32,300 --> 00:40:34,910
نسخة حتى لو كان لا يملك كل الميزات التي تريدها.

643
00:40:34,910 --> 00:40:37,690
وربما هناك بعض الميزات التي كنت تريد حقا لإضافة ولكن لا يمكنك فقط

644
00:40:37,690 --> 00:40:41,830
لأنك ترغب في الحصول على هذا الموقع إلى نقطة وظيفية.

645
00:40:41,830 --> 00:40:44,400
وهكذا كنت تريد أن يكون نوع من عملية التنمية برمتها تبدو وكأنها ذلك.

646
00:40:44,400 --> 00:40:47,810
كنت تريد أن تبدأ في مكان ما وظيفية - أو أساسا تبدأ مع أي شيء -

647
00:40:47,810 --> 00:40:49,890
ولكن كنت ترغب في الحصول على مكان أساسي جدا والوظيفية.

648
00:40:49,890 --> 00:40:54,940
ثم مرة أخرى، وجعل نوعا من القفز والحصول على وظيفية في مكان ما مرة أخرى.

649
00:40:54,940 --> 00:40:59,190
عليك بناء ببطء، وأنه قد يذهب أبطأ قليلا مما كان على خلاف ذلك،

650
00:40:59,190 --> 00:41:03,000
ولكن في المدى الطويل إذا كنت عالقا باستمرار في هذه المرحلة وسطا حيث كنت

651
00:41:03,000 --> 00:41:06,380
لم يكن لديك أي شيء يعمل في الواقع، يمكن أن يكون الإحباط كبيرة حقا

652
00:41:06,380 --> 00:41:09,970
للعمل على المشروع الخاص بك لأنك دائما قريبا جدا من الحصول على عمل،

653
00:41:09,970 --> 00:41:12,130
وانها لم تعمل في الواقع.

654
00:41:12,130 --> 00:41:14,810
كنت ترغب في العمل في هذه الزيادات وظيفية،

655
00:41:14,810 --> 00:41:17,950
وتحتاج أيضا إلى القيام ببعض التأمل بعد كل واحدة.

656
00:41:17,950 --> 00:41:21,260
وبعبارة أخرى، مرة كنت في نقطة حيث تعمل الآن على الموقع -

657
00:41:21,260 --> 00:41:24,790
انها لا تملك كل ما تريد ولكنها تقوم ببعض الأشياء -

658
00:41:24,790 --> 00:41:28,870
تحتاج إلى التفكير، حسنا، هل هذا موقع انجاز الهدف الذي أنا وضعت القيام به؟

659
00:41:28,870 --> 00:41:33,410
وبعبارة أخرى، إذا كان الموقع هو الذهاب الى القيام X، هو ما كنت قد تعمل في اتجاه X؟

660
00:41:33,410 --> 00:41:36,450
كلها من وظائف التي أردت هناك؟

661
00:41:36,450 --> 00:41:39,340
وعلاوة على ذلك، وأنها تخدم الغرض العام الذي أريد؟

662
00:41:39,340 --> 00:41:43,200
إذا كنت تجد أن موقعك هو بداية لتنحرف في اتجاه مختلف

663
00:41:43,200 --> 00:41:47,330
أو ربما مجرد نوع من الأشياء التي لا تعمل بها، قد يكون الوقت قد حان لتغيير التروس قليلا.

664
00:41:47,330 --> 00:41:51,700
وبعبارة أخرى، انها تستحق النظر - انها تستحق رمي الأفكار إذا لزم الأمر

665
00:41:51,700 --> 00:41:57,950
وبالنظر أنا حقا تعمل من أجل ما أريد أن أكون.

666
00:41:57,950 --> 00:42:00,760
>> وأعتقد أن بلدي النقطة التالية. لا تخافوا على التخلي عن الأفكار.

667
00:42:00,760 --> 00:42:03,750
فقط لأنك تنفق الكثير من ساعات العمل على ميزة

668
00:42:03,750 --> 00:42:07,890
وأخيرا حصلت على عمل ولكن هل حقا لا تسير على ما يرام -

669
00:42:07,890 --> 00:42:12,690
انها ليست مثل أن من المفيد أو المستخدمين يواجهون صعوبة في استخدامه - هذا النوع من الشيء -

670
00:42:12,690 --> 00:42:15,300
لا تخافوا لرميها بعيدا.

671
00:42:15,300 --> 00:42:17,650
انها تمتص أن كنت قد قضيت الكثير من الوقت في العمل على ذلك،

672
00:42:17,650 --> 00:42:21,870
ولكن في نهاية المطاف كنت لا تريد موقع هذا نوع من وضعتها هذه القطع التي

673
00:42:21,870 --> 00:42:25,380
النوع من العمل ولكن لا يتم تقديم ذلك جيدا.

674
00:42:25,380 --> 00:42:27,990
أيضا، لا تخافوا لاحتضان الأفكار الجديدة.

675
00:42:27,990 --> 00:42:30,050
إذا يأتي شخص ما على طول ويقول: مهلا، هذا الموقع يبدو باردا حقا ولكن

676
00:42:30,050 --> 00:42:32,290
لن يكون كبيرا حتى أنه لو كان كذلك فعل هذا؟

677
00:42:32,290 --> 00:42:36,220
فقط لأن هذا هو الشيء الذي كنت لا تنوي شيئا وهذا ليس في الخاص

678
00:42:36,220 --> 00:42:37,900
المواصفات، وهو الأمر الذي لم تكن قد عقدت العزم على تحقيقه،

679
00:42:37,900 --> 00:42:40,860
لا تخف أن تأخذ على ومن ثم العمل معها.

680
00:42:40,860 --> 00:42:43,680
لأنه غالبا الأفكار التي تقوم بتشغيل جميع أنحاء مع مسار التنمية

681
00:42:43,680 --> 00:42:47,630
في نهاية الأمر الميزات الرائعة حقا للموقع.

682
00:42:47,630 --> 00:42:49,630
>> لقد قلت هذا من قبل. سأقولها مرة أخرى.

683
00:42:49,630 --> 00:42:51,630
اختبار السوبر، السوبر مفيدة.

684
00:42:51,630 --> 00:42:56,350
محاولة للحصول على الناس الذين لم يروا الموقع قبل تسجيل الدخول ومعرفة ما يجري

685
00:42:56,350 --> 00:42:59,080
لأنها يمكن أن اختبار ليس فقط فائدة الموقع وتجربة المستخدم،

686
00:42:59,080 --> 00:43:02,070
ولكنها يمكن أيضا اختبار الأداء الوظيفي في الطرق التي لا يمكن.

687
00:43:02,070 --> 00:43:06,430
إذا قمت بإجراء بعض الميزة التي لا شيء معين

688
00:43:06,430 --> 00:43:11,620
وأنت تعرف أنه ذاهب للقيام بذلك الشيء نفسه بشكل صحيح في كل مرة واحدة، وهذا أمر عظيم.

689
00:43:11,620 --> 00:43:16,610
ولكن يمكن أن يكون من الصعب في كثير من الأحيان لحساب قضايا الركن حيث القوة المستعمل

690
00:43:16,610 --> 00:43:19,500
اكتب شيئا أنك لم تكن تتوقع - على وجه التحديد لأنك تعرف

691
00:43:19,500 --> 00:43:21,500
الميزات نفسك.

692
00:43:21,500 --> 00:43:23,730
لذلك، أن يكون شخص ما تأتي على من ليس لديه فكرة عن كيفية استخدام الموقع

693
00:43:23,730 --> 00:43:26,840
وكسرها فقط في أي الطرق التي يمكنك القيام به هو مفيد حقا لأنك

694
00:43:26,840 --> 00:43:30,340
الحصول على فكرة من منظور مختلف تماما عن ما على موقعك يعمل

695
00:43:30,340 --> 00:43:33,300
وما يحتاج إلى إصلاح.

696
00:43:33,300 --> 00:43:37,070
>> الماضي، انا ذاهب الى الحديث عن بعض الممارسات الجيدة عموما،

697
00:43:37,070 --> 00:43:42,470
وكنت قد رأيت الكثير من هؤلاء في CS50، لكنها أيضا حقا، حقا تطبيق في إعداد المشروع.

698
00:43:42,470 --> 00:43:47,600
واحد هو تعليق. التعليق دائما التعليمات البرمجية الخاصة بك وخاصة إذا كنت تعمل في فريق كبير.

699
00:43:47,600 --> 00:43:51,230
يمكن أن يكون مزعج جدا أن يكون مجرد كتلة عملاقة من التعليمات البرمجية التي شخص مكتوب

700
00:43:51,230 --> 00:43:54,230
وربما كان يعمل، وربما لم يحدث ذلك، ولكن لديك أي فكرة عما تقوم به،

701
00:43:54,230 --> 00:43:58,010
بحيث يكون لديك أي فكرة سواء كانت مفيدة أم لا أو ما إذا كان ينبغي أن يكون هناك أم لا،

702
00:43:58,010 --> 00:44:00,200
وإذا كنت تعمل على شيء آخر فإنه من الممكن حتى أن كنت تعمل على

703
00:44:00,200 --> 00:44:06,590
نفس الشيء، حتى مجرد أن يكون حذرا جدا أن تراعي من أقرانك

704
00:44:06,590 --> 00:44:09,710
ورمز الكتابة التي وثقت بشكل جيد.

705
00:44:09,710 --> 00:44:13,580
لم يكن لديك للذهاب أبعد من ذلك لفعل الشيء كله حيث تحب إذا زيادة

706
00:44:13,580 --> 00:44:16,620
عداد ديك تعليق الذي يقول: أنا مضيفا 1 إلى هذا العداد.

707
00:44:16,620 --> 00:44:20,450
فإنه ليس من الضروري أن يكون ذلك تفصيلا، ولكن عن أي وظيفة التي كنت تكتب أي وقت مضى

708
00:44:20,450 --> 00:44:23,160
يجب أن يكون بعض الوثائق ما أن وظيفة بالضبط يفعل،

709
00:44:23,160 --> 00:44:25,140
ما هي مدخلاته، وماذا يجب أن تعود.

710
00:44:25,140 --> 00:44:27,800
وبهذه الطريقة يمكنك استخدام غيرها من مكونات الشعب للموقع

711
00:44:27,800 --> 00:44:31,990
ويمكنك العمل من أجل بناء شيء كبير.

712
00:44:31,990 --> 00:44:34,100
>> شيء آخر مهم هو ما تريد القيام به عمليات التنظيف العادية.

713
00:44:34,100 --> 00:44:40,490
كود يحصل فوضوي. لا تظن السوء إذا التعليمات البرمجية الخاصة بك هو مجرد غير قابل للقراءة تماما وفوضى العملاقة.

714
00:44:40,490 --> 00:44:42,770
ما يحدث في تطوير الشبكة دائما.

715
00:44:42,770 --> 00:44:46,530
كنت إضافة ميزات جديدة، وإزالة القديمة. الاشياء ستكون هناك والتي لا ينبغي أن يكون.

716
00:44:46,530 --> 00:44:49,330
هذا شيء طيب، ولكن كنت ترغب في التأكد من أن التعامل مع بانتظام.

717
00:44:49,330 --> 00:44:53,430
كنت لا تريد السماح لها بناء ما يصل الى نقطة حيث لا يمكنك أن تجد أي شيء

718
00:44:53,430 --> 00:44:56,430
في التعليمات البرمجية، وكان لديك أي فكرة عما يفعل أي شيء.

719
00:44:56,430 --> 00:44:58,430
هذا هو الحال مع HTML.

720
00:44:58,430 --> 00:44:59,490
في بعض الأحيان سوف ينتهي بك الأمر مع الكائنات التي لا تحتوي على أي شيء،

721
00:44:59,490 --> 00:45:01,320
وسوف تحتاج إلى التخلص من تلك.

722
00:45:01,320 --> 00:45:04,610
في CSS، يمكنك أن تشير إلى عناصر ليست هناك بعد الآن،

723
00:45:04,610 --> 00:45:06,340
لذلك تريد التخلص من هذا الرمز.

724
00:45:06,340 --> 00:45:09,900
في جافا سكريبت، كنت قد لإزالة شيء من HTML.

725
00:45:09,900 --> 00:45:13,150
لذلك، وتريد للتأكد من أن كنت تنظيف دائما، مما يجعل الأشياء جميلة

726
00:45:13,150 --> 00:45:17,450
بقدر ما تستطيع على أساس منتظم.

727
00:45:17,450 --> 00:45:21,060
>> ويرد آخر شيء مفيد حقا أنني لا أفكر كثيرا جدا في CS50

728
00:45:21,060 --> 00:45:23,430
ولكن الامر يستحق الدخول في هو التحكم في الإصدار.

729
00:45:23,430 --> 00:45:27,180
فكرة التحكم في الإصدار هو عندما كنت في الأساس حفظ المسار من كل التقدم

730
00:45:27,180 --> 00:45:30,820
قمت بها نحو موقعك وإذا كان في أي نقطة كنت أدرك، أوه، هذا كان يعمل

731
00:45:30,820 --> 00:45:35,220
منذ فترة لكنه لا يعمل أي أكثر من ذلك، يمكنك العودة إلى الإصدارات السابقة

732
00:45:35,220 --> 00:45:37,720
ونرى ما الذي تغير منذ ذلك الحين، وهذا النوع من الشيء.

733
00:45:37,720 --> 00:45:41,670
الطريقة الأساسية لتحقيق ذلك هي مع جيت، جيت وهذا النوع من النظام الذي كله

734
00:45:41,670 --> 00:45:46,390
أعتقد أعطى تومي MacWilliam ندوة حول العام الماضي.

735
00:45:46,390 --> 00:45:51,520
إذا ذهبت إلى الندوات CS50 لعام 2011، يمكنك مشاهدة ندوة له على ذلك.

736
00:45:51,520 --> 00:45:57,070
فكرة جيت هو في الأساس على فترات منتظمة أن كنت صنع هذه الالتزامات

737
00:45:57,070 --> 00:46:01,430
والتي هي وسائل للقول الموقع هو في نسخة مستقرة جدا الآن الحق في ذلك

738
00:46:01,430 --> 00:46:05,910
أنا التعبئة والتغليف منه وإرساله بعيدا إلى الخادم، ومن ثم يمكنك الذهاب إلى هذا الخادم

739
00:46:05,910 --> 00:46:07,910
وننظر في كل الإصدارات السابقة من التعليمات البرمجية الخاصة بك، ونرى كيف انها تقدم عليه

740
00:46:07,910 --> 00:46:12,210
وجميع هذا النوع من الاشياء الجيدة.

741
00:46:12,210 --> 00:46:14,210
لذلك، وهذا هو الأساس عليه.

742
00:46:14,210 --> 00:46:17,870
بقدر تطوير الشبكة، ونحن سعداء لعصا حولها والرد على أي

743
00:46:17,870 --> 00:46:20,570
الأسئلة بقدر العرض الذي قدمناه.

744
00:46:20,570 --> 00:46:22,900
هذا هو. شكرا. >> [بن] شكرا.

745
00:46:22,900 --> 00:46:28,480
[تصفيق]

746
00:46:28,480 --> 00:46:30,950
>> [بيلي] الموظفين، لا أحد لديك أي أسئلة عن الأشياء التي كنا قد غطت

747
00:46:30,950 --> 00:46:33,950
أو الأشياء التي كانت لدينا لا تغطيها أنهم كانوا يأملون كنا تغطية؟

748
00:46:33,950 --> 00:46:35,950
سنكون سعداء للرد على تلك. أي شخص؟

749
00:46:35,950 --> 00:46:50,360
[عضو الجمهور] ما هي إيجابيات وسلبيات استخدام روبي أو باستخدام بيثون؟

750
00:46:50,360 --> 00:46:58,660
[بن] وكان السؤال، ما هي إيجابيات وسلبيات استخدام روبي أو بايثون

751
00:46:58,660 --> 00:46:59,900
بدلا من مثل PHP.

752
00:46:59,900 --> 00:47:11,340
الايجابيات هي أن روبي وبايثون هي لغة أفضل بكثير من PHP.

753
00:47:11,340 --> 00:47:14,920
على الأقل في رأيي، وأعتقد أن في الكثير من آراء الناس الآخرين أيضا.

754
00:47:14,920 --> 00:47:20,990
وقد صممت أنها أكثر للقيام الأشياء المعقدة،

755
00:47:20,990 --> 00:47:25,380
وأقل الضرب معا لصفحات الويب بسرعة حقا مع

756
00:47:25,380 --> 00:47:28,400
قليلا من المحتوى الديناميكي.

757
00:47:28,400 --> 00:47:35,180
السلبيات هي أن هناك قليلا من - هناك أكثر من منحنى التعلم

758
00:47:35,180 --> 00:47:37,220
للحصول عليها اقامة.

759
00:47:37,220 --> 00:47:41,010
وهذا هو، في مثل PHP، هل يمكن أن يكون مجرد ملف HTML وتكتب أقل من،

760
00:47:41,010 --> 00:47:43,060
علامة استفهام، ثم تكتب بعض التعليمات البرمجية، ثم تكتب علامة استفهام،

761
00:47:43,060 --> 00:47:45,700
أكبر من، ثم الانتهاء من ذلك.

762
00:47:45,700 --> 00:47:50,300
بلغات أخرى مثل روبي أو بايثون،

763
00:47:50,300 --> 00:47:56,810
عليك أن تذهب من خلال أكثر قليلا العمل للحصول على موقع تشغيل الأولي.

764
00:47:56,810 --> 00:48:02,730
هناك أيضا - على الأقل كان عليه أن يكون الحال - أن هناك مزيد من الوثائق

765
00:48:02,730 --> 00:48:05,480
متوفرة للPHP فقط لأن هناك المزيد من الناس استخدامه.

766
00:48:05,480 --> 00:48:09,370
أعتقد أن هذا ليس بكثير من قضية بعد الآن.

767
00:48:09,370 --> 00:48:12,520
هناك بالتأكيد وثائق جيدة جدا لأشياء مثل روبي على القضبان

768
00:48:12,520 --> 00:48:16,080
أو جانغو لبيثون هو ما يعادلها.

769
00:48:16,080 --> 00:48:25,910
PHP هو أن الجميع تم استخدام لسنوات، وأنت تعرف كيف يعمل.

770
00:48:25,910 --> 00:48:28,460
روبي وبايثون هي قليلا أقل نضجا.

771
00:48:28,460 --> 00:48:33,130
>> [عضو الجمهور] لو كنت لتختار بين واحد منهم لمعرفة أو التقاط،

772
00:48:33,130 --> 00:48:36,130
الذي تفضل؟

773
00:48:36,130 --> 00:48:38,870
بصراحة، أعتقد أن يعتمد على الشخص.

774
00:48:38,870 --> 00:48:45,450
أنا آسف. كان السؤال الذي سوف تختاره لشخص ما لمعرفة؟

775
00:48:45,450 --> 00:48:50,230
أجد بيثون اجمل شخصيا.

776
00:48:50,230 --> 00:48:55,360
هناك الكثير من الناس الذين - فعلت أول مشروع ديف الويب الخاص بي في بيثون وجانغو.

777
00:48:55,360 --> 00:49:00,300
هناك الكثير من الناس الذين يحبون روبي على القضبان أيضا.

778
00:49:00,300 --> 00:49:02,650
ربما أكثر الناس الذين يعرفون روبي على القضبان.

779
00:49:02,650 --> 00:49:05,270
بصراحة، أود أن اذهبوا مع أيا كان الناس من حولك يعرفون

780
00:49:05,270 --> 00:49:09,680
بحيث يكون لديك شخص لطرح الأسئلة.

781
00:49:19,640 --> 00:49:24,170
>> كان السؤال - على الخوادم المشتركة هو نوع من الصعب العمل على بايثون؟

782
00:49:24,170 --> 00:49:26,170
التي تعتمد على الاستضافة.

783
00:49:26,170 --> 00:49:29,400
هناك عدد من المضيفين على الشبكة التي سيتم نشر الاشياء بيثون.

784
00:49:29,400 --> 00:49:31,400
WebFaction يفعل ذلك، أليس كذلك؟

785
00:49:31,400 --> 00:49:34,400
WebFaction واحد هو أن بيلي ولقد استخدمت لبعض المشاريع.

786
00:49:34,400 --> 00:49:37,750
انهم كبيرة حقا. أنها تدعم معظم لغات.

787
00:49:37,750 --> 00:49:40,020
ولكنه صحيح أن PHP هو أكثر من ذلك بكثير بتأييد واسع.

788
00:49:40,020 --> 00:49:45,210
لذلك، إذا كنت عالقا على استضافة المواقع على الشبكة التي لا PHP فقط، وهذا سبب وجيه لاستخدام PHP.

789
00:49:45,210 --> 00:49:56,010
>> [عضو الجمهور] أنا فقط حصلت في تعلم كيفية الاستعلام بعض قواعد البيانات،

790
00:49:56,010 --> 00:50:00,680
وأنا أعرف بلدي SQL هو في كل مكان، ولكن أنا حصلت مؤخرا تتعرض ل-

791
00:50:00,680 --> 00:50:04,470
وكنت أشير إلى. ترى جسون وقواعد البيانات القابلة للتوسيع.

792
00:50:04,470 --> 00:50:14,580
بلدي SQL لا يزال في كل مكان. كيف ترى ذلك يحدث؟

793
00:50:14,580 --> 00:50:21,330
وسيكون هناك اتجاه متزايد لمزيد من توسيع (غير مسموع)؟

794
00:50:21,330 --> 00:50:30,100
كان السؤال - لا أعتقد أن هناك سيكون اتجاها نحو قواعد البيانات غير SQL.

795
00:50:30,100 --> 00:50:33,850
على سبيل المثال، مثل MongoDB. أعتقد أن هذا صحيح بالتأكيد.

796
00:50:33,850 --> 00:50:38,730
ونصيحتي معظمها المتعلقة الخلية هنا فقط لأن الخلية هو

797
00:50:38,730 --> 00:50:40,950
معيار الصناعة.

798
00:50:40,950 --> 00:50:45,950
شخصيا، أنا أفضل بكثير قواعد البيانات التي ليس لديها مثل schemos MongoDB

799
00:50:45,950 --> 00:50:49,520
حيث لم يكن لديك قضية، أوه، أنا بحاجة إلى إضافة عمود آخر.

800
00:50:49,520 --> 00:50:51,600
ويل لي، مثل ما أفعل؟

801
00:50:51,600 --> 00:50:55,840
انه من الصعب جدا أن تفعل ذلك على الخلية، ولكن عندما يكون لديك شيء من هذا القبيل مونغو

802
00:50:55,840 --> 00:50:57,840
انها أجمل بكثير.

803
00:50:57,840 --> 00:51:03,780
الشيء الجميل الآخر حول مونغو هو أن السجلات الخاصة بك هي في الواقع كائنات جافا سكريبت.

804
00:51:03,780 --> 00:51:10,110
ليس هناك نوع من خطوة التحويل حيث تحتاج إلى أن تأخذ هذه الصفوف قاعدة البيانات

805
00:51:10,110 --> 00:51:13,140
وتحويلها إلى كائن جافا سكريبت وثم إرسالها عبر السلك.

806
00:51:13,140 --> 00:51:20,290
أعتقد أشياء من هذا القبيل ستكون جدا، مفيدة جدا لتطوير الشبكة السريعة في المستقبل.

807
00:51:20,290 --> 00:51:23,060
>> [بيلي] شيء أود أن أضيف الذي هو مجرد نقطة عامة هي أن

808
00:51:23,060 --> 00:51:26,580
لا تشعر وكأنك يجب أن تعلموا كل اللغات ناقشناه

809
00:51:26,580 --> 00:51:28,580
من ندوة لدينا.

810
00:51:28,580 --> 00:51:30,560
من الواضح أن هذه النقطة هي لتعطيك فكرة عن ما هناك،

811
00:51:30,560 --> 00:51:33,450
وإذا كنت مفتون بها أي من الأشياء التي قمنا المذكورة يمكنك جوجل لهم

812
00:51:33,450 --> 00:51:35,830
وتقرأ عليها.

813
00:51:35,830 --> 00:51:38,750
وكما ذكرت، هناك عدد قليل من الحلقات الدراسية التي تتعامل مع هذه الأمور على وجه التحديد.

814
00:51:38,750 --> 00:51:41,660
بل هناك المزيد من الندوات التي لم أذكرها ربما أن ندخل في

815
00:51:41,660 --> 00:51:43,660
هذه الاشياء كذلك.

816
00:51:43,660 --> 00:51:46,610
الفكرة هي أنه إذا كنت تريد أن تعمل على شيء، وهنا هي الأدوات تحت تصرفكم.

817
00:51:46,610 --> 00:51:51,630
لا يشعر بالإرهاق إذا لم تكن متأكدا حقا ما تفعله هذه الأدوات بالضبط،

818
00:51:51,630 --> 00:51:54,830
ولكن نعرف أنهم هناك، والتي يمكنك الاستفادة منها واسعة

819
00:51:54,830 --> 00:51:56,830
من قبل جوجل.

820
00:51:56,830 --> 00:51:59,960
>> [عضو الجمهور] ما هو نوع من الأشياء ما عليك القيام به للتأكد من موقع الويب الخاص بك

821
00:51:59,960 --> 00:52:02,530
تبدو جيدة على الأجهزة المحمولة؟

822
00:52:02,530 --> 00:52:05,590
[بيلي] الأجهزة المحمولة من الصعب قليلا.

823
00:52:05,590 --> 00:52:07,590
هناك 2 طرق يمكنك الاقتراب منه.

824
00:52:07,590 --> 00:52:11,500
الطريقة الأولى هي أن لديك بالفعل موقع على شبكة الانترنت المتنقلة.

825
00:52:11,500 --> 00:52:14,660
وبعبارة أخرى، يمكنك تنفيذ نوعا من الكشف في بداية

826
00:52:14,660 --> 00:52:18,830
عند المستعرض يجعل الطلب إلى موقع الويب الخاص بك والذي يقول إما

827
00:52:18,830 --> 00:52:25,240
العودة وجهة النظر هذه - التي ستكون وجهة لمتصفحات سطح المكتب أو الكمبيوتر المحمول -

828
00:52:25,240 --> 00:52:27,710
وهذا الرأي الأخرى للأجهزة النقالة.

829
00:52:27,710 --> 00:52:33,090
وهذا هو المكان الذي يوجد فيه وجهات النظر لطيف في ما تستطيع الى حد كبير مبادلة لل

830
00:52:33,090 --> 00:52:37,580
اثنين من ولها واجهة التي تعمل بشكل جيد حقا على الأجهزة النقالة

831
00:52:37,580 --> 00:52:40,770
ولها واحدة مختلفة تماما أن يعمل بشكل جيد على الأجهزة المتصفح.

832
00:52:40,770 --> 00:52:43,770
المشكلة مع ذلك هو أنه يستغرق وقتا طويلا لأنه يعني الترميز

833
00:52:43,770 --> 00:52:47,060
واجهة مختلفة تماما.

834
00:52:47,060 --> 00:52:49,720
الطريقة الأخرى التي يمكنك القيام به هو -

835
00:52:49,720 --> 00:52:55,250
والكثير من الهواتف الحديثة عرض المواقع، ومحاولة جعلها كما تفعل مستعرض،

836
00:52:55,250 --> 00:52:57,680
وأنها تبذل قصارى جهدها.

837
00:52:57,680 --> 00:53:04,340
يمكنك نوع من محاولة للبقاء الضوء على مبلغ مسج جافا سكريبت كنت تستخدم

838
00:53:04,340 --> 00:53:07,360
والتي تميل إلى أن تكون فيها يمكن أن تسوء الأمور قليلا.

839
00:53:07,360 --> 00:53:13,430
هذا هو نوع من الطريقة التي يجب استخدامها إذا لم يكن لديك الكثير من الوقت.

840
00:53:13,430 --> 00:53:18,540
إذا كان لديك الوقت للعمل على واجهة الهاتف النقال، وهذا هو الواضح الخيار أفضل ما لديكم.

841
00:53:18,540 --> 00:53:23,320
>> أعتقد عموما لمشاريع CS50، كنت تريد الذهاب الى اختيار واحد أو آخر.

842
00:53:23,320 --> 00:53:27,990
وبعبارة أخرى، هل تريد أن تجعل من التطبيق المحمول أو كنت تريد أن تجعل موقع على شبكة الانترنت سطح المكتب.

843
00:53:27,990 --> 00:53:32,200
وهذا النوع من يحدد المكان الذي تذهب مع ذلك.

844
00:53:32,200 --> 00:53:35,360
ولكن إذا كنت تريد توسيعه في وقت لاحق، وربما أفضل رهان هو

845
00:53:35,360 --> 00:53:37,360
لجعل واجهة أخرى للطرف الآخر.

846
00:53:51,650 --> 00:53:56,340
لدي القليل من الخبرة في تطوير المواقع القائمة على وورد.

847
00:53:56,340 --> 00:53:58,670
أنا استضاف موقع شخصي على وورد لحظة.

848
00:53:58,670 --> 00:54:02,310
تلك الأنواع من الأطر يمكن أن تكون الأمور مثلما أساسية جدا لطيفة.

849
00:54:02,310 --> 00:54:07,050
في كثير من الأحيان عليك فقط تشغيل في الكثير من القضايا على الرغم من التفصيل.

850
00:54:07,050 --> 00:54:10,940
فأنت تريد أن يكون شيئا ننظر بطريقة معينة أو أن يكون وسيلة معينة

851
00:54:10,940 --> 00:54:14,510
وأنت لا يمكن فقط لأنه من الصعب السلكية في نظام

852
00:54:14,510 --> 00:54:17,480
هذه هي الطريقة التي يجب أن نفعل الأشياء التي يمكن أن تكون جزء من المشكلة.

853
00:54:17,480 --> 00:54:22,020
منذ ذلك الحين لقد كنت أكثر ميلا النوع من العمل مع المواقع من الألف إلى الياء.

854
00:54:22,020 --> 00:54:26,840
لأشياء مثل قواعد البيانات بلوق وهذا النوع من الاشياء انها حقا ليس من الصعب أن بناء الإطار.

855
00:54:26,840 --> 00:54:29,970
إذا كنت حقا امتدت لوقت، يمكنك بالطبع استخدام شيء مثل وورد

856
00:54:29,970 --> 00:54:33,120
أو شيء من هذا القبيل لبلوق.

857
00:54:33,120 --> 00:54:38,790
أنواع الأشياء التي تقوم بتخزين بلوق والقيام ليست حقا من الصعب بما فيه الكفاية أن

858
00:54:38,790 --> 00:54:41,500
إذا كنت تشغل في أي من تلك الأنواع من الأشياء، وربما كنت أفضل فقط ل

859
00:54:41,500 --> 00:54:43,500
جعل نسخة في المنزل.

860
00:54:43,500 --> 00:54:48,350
>> أعتقد ذلك حول هذا الموضوع، لذلك شكرا مرة أخرى على حضوركم.

861
00:54:48,350 --> 00:54:51,960
نحن حقا يتمتع أتحدث إليكم الرجال، ونأمل أن تعلمت بعض الاشياء.

862
00:54:51,960 --> 00:54:55,350
[بن] نحن سعداء للحديث - لدينا للذهاب ولكن نحن سعداء للحديث أكثر خارج

863
00:54:55,350 --> 00:55:01,650
إذا كان لديك سؤال آخر. شكرا مرة أخرى. [تصفيق]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]