1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Szeminárium] [Web Development: Ötlettől a Végrehajtás]

2
00:00:02,500 --> 00:00:04,200
[Ben Kuhn] [Billy Janitsch] [Harvard Egyetem]

3
00:00:04,200 --> 00:00:07,250
[Ez CS50] [CS50.TV]

4
00:00:07,250 --> 00:00:10,840
[Billy] Szia, én vagyok Billy és ez a Ben. >> [Ben] Szia.

5
00:00:10,840 --> 00:00:12,840
Fogunk beszélni webfejlesztés ma.

6
00:00:12,840 --> 00:00:14,840
[Webdev] [Billy Janitsch és Ben Kuhn]

7
00:00:14,840 --> 00:00:16,840
Egy kicsit rólunk először.

8
00:00:16,840 --> 00:00:19,590
Ben van valami a back-end fickó. Ő teszi a dolgokat.

9
00:00:19,590 --> 00:00:21,870
És akkor megyek, és azokat elég.

10
00:00:21,870 --> 00:00:26,610
Én nagyrészt részt, több front-end kiadványtervezés fajta dolog,

11
00:00:26,610 --> 00:00:31,260
és Ben, másrészt, tudja, mit csinál, így dolgozik a back-end cucc.

12
00:00:31,260 --> 00:00:34,050
Együtt tettünk egy pár dolgot.

13
00:00:34,050 --> 00:00:38,710
Például az elmúlt évben dolgoztunk Gimblium, amely egy online játékfejlesztő stúdió.

14
00:00:38,710 --> 00:00:40,400
Ez volt a végső projekt az osztály,

15
00:00:40,400 --> 00:00:42,780
és azóta tettünk Harvard osztály

16
00:00:42,780 --> 00:00:47,860
amely egy online kerete böngészés és vásárlás tanfolyamok a Harvardon.

17
00:00:47,860 --> 00:00:53,180
>> Fogunk kezdeni ezt az ötletet a honlapunkon.

18
00:00:53,180 --> 00:00:57,480
Fogjuk, hogy a Facebook, de a macskák.

19
00:00:57,480 --> 00:00:59,520
Mielőtt valójában, hogy ezen a honlapon,

20
00:00:59,520 --> 00:01:02,520
nem teszik ezt a weboldalt, mert ez nem jó, de majd használni, mint egy keretet

21
00:01:02,520 --> 00:01:05,349
és végig a folyamatot, hogy hogyan lehetne ezt az ötletet

22
00:01:05,349 --> 00:01:07,450
és kapcsolja be a valódi website tudjuk használni.

23
00:01:07,450 --> 00:01:11,940
Kezdjük feltörik a honlapon le.

24
00:01:11,940 --> 00:01:13,190
Mintha már csinál CS50,

25
00:01:13,190 --> 00:01:17,360
szeretnénk gondolni, mi a tényleges alkatrész, hogy bemegy a honlapon.

26
00:01:17,360 --> 00:01:21,290
Alapvetően forgatva egy ötlet, amely csak egyfajta elvont fogalom

27
00:01:21,290 --> 00:01:23,590
egy igazi, kézzelfogható dolog, hogy meg tudná tenni.

28
00:01:23,590 --> 00:01:25,910
Kezdjük azzal, hogy felkéri néhány kérdést.

29
00:01:25,910 --> 00:01:28,070
Mi ezen a honlapon? Miért így?

30
00:01:28,070 --> 00:01:30,670
Mit fog ez használni? Ez a fajta dolog.

31
00:01:30,670 --> 00:01:33,660
Abban az esetben, a Facebook Macska,

32
00:01:33,660 --> 00:01:37,730
Alapvetően szeretnénk egy weboldal, amely lehetővé teszi a macskák social network egymással.

33
00:01:37,730 --> 00:01:41,260
Az ötlet az, hogy ezek után egymás falak,

34
00:01:41,260 --> 00:01:43,510
tudják, hogy megjegyzéseket, ilyesmi.

35
00:01:43,510 --> 00:01:46,720
És ez az, ahol jöttünk be a funkcionális alkatrészeket.

36
00:01:46,720 --> 00:01:51,270
Most már ez a fajta keretein belül -, hogy van a felhasználói profilokat,

37
00:01:51,270 --> 00:01:53,990
van megjegyzéseket, és küldhetnek.

38
00:01:53,990 --> 00:01:57,390
Talán egyszer majd a befolyó kedvel és az ilyesmit.

39
00:01:57,390 --> 00:02:00,410
És mi a fajta szeretnénk előtérbe ezeket a funkciókat megy be

40
00:02:00,410 --> 00:02:03,340
Azt akarom mondani, mint, oké, ez nagyon fontos, hogy mindenkinek van egy profil

41
00:02:03,340 --> 00:02:06,440
és az, hogy mindenki tegye egymás falak.

42
00:02:06,440 --> 00:02:08,509
Másodlagos, hogy, hogy a hozzászólások jó lenne.

43
00:02:08,509 --> 00:02:10,180
Talán később majd befolyó szeret.

44
00:02:10,180 --> 00:02:13,700
Szóval, azt szeretnénk, hogy van egy ötlete, hogy mi az alapvető, hogy a projekt

45
00:02:13,700 --> 00:02:17,260
és mi egyfajta általános jellemzője, hogy lehetne alkalmazni később.

46
00:02:17,260 --> 00:02:20,870
Azt akarod, hogy valami egy konkrét lista szem előtt tartva,

47
00:02:20,870 --> 00:02:24,090
de a projekt, hogy elkezd nem lesz a projekt, amit befejezni.

48
00:02:24,090 --> 00:02:27,100
Más szóval, a dolgok meg fognak változni közben fejlesztése az oldal,

49
00:02:27,100 --> 00:02:30,090
és azt szeretné, hogy teret adott.

50
00:02:30,090 --> 00:02:34,470
Majd fordítsa meg a Ben ki fog beszélni egy kicsit a struktúrát.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] fogok beszélni inkább technikai oldalát webfejlesztés.

52
00:02:39,610 --> 00:02:42,370
Menjünk át néhány alapokat az első.

53
00:02:42,370 --> 00:02:45,730
Ha csinálsz egy web app,

54
00:02:45,730 --> 00:02:50,470
a legfontosabb részlege, hogy fogsz, hogy van, hogy

55
00:02:50,470 --> 00:02:52,700
fogsz, hogy néhány dolog folyik a kliens oldalon -

56
00:02:52,700 --> 00:02:56,700
azaz a kódot, hogy te vagy a böngésző tart a helyén

57
00:02:56,700 --> 00:03:01,910
és a JavaScript, HTML, CSS cucc.

58
00:03:01,910 --> 00:03:04,490
Ez minden, a kliens oldalon.

59
00:03:04,490 --> 00:03:08,680
Fogsz más kód, amely fut a szerver oldalon

60
00:03:08,680 --> 00:03:10,770
amely nyomon követi az összes adatot, hogy az emberek küldeni Önnek,

61
00:03:10,770 --> 00:03:15,060
dönti el, ki, hogy milyen, ilyesmi.

62
00:03:15,060 --> 00:03:20,380
Ez csak pár fogalmat, hogy ti mindannyian ismerik, mit beszélünk.

63
00:03:20,380 --> 00:03:28,600
Azon túl, hogy részlege ez jó arra gondolni, a webes alkalmazás szempontjából

64
00:03:28,600 --> 00:03:32,500
néhány különálló alkatrészeket.

65
00:03:32,500 --> 00:03:35,270
Ha csinálsz webfejlesztés

66
00:03:35,270 --> 00:03:41,710
az egyik dolog, amit mindig próbál tenni, hogy csökkentse a komplexitás.

67
00:03:41,710 --> 00:03:45,710
Minél összetettebb a kódot a több esélye van, hogy a hibákat,

68
00:03:45,710 --> 00:03:47,710
annál nehezebb változtatni később.

69
00:03:47,710 --> 00:03:50,140
Tehát, ha szakítani a app-ba egyes különálló funkcionális területek

70
00:03:50,140 --> 00:03:57,640
hogy lesz - és akkor csökkentheti az a fajta mennyiségének cross-terület kommunikáció -

71
00:03:57,640 --> 00:04:03,530
amely segít sokat a hosszú távon számának csökkentése tekintetében hibákat.

72
00:04:03,530 --> 00:04:07,950
>> Ahhoz, hogy a konkrét, általában az emberek felosztását web app a -

73
00:04:07,950 --> 00:04:13,190
Ezek a fajta buzz szó most, de még mindig hasznos.

74
00:04:13,190 --> 00:04:17,940
Lehet, hogy hallott az emberek beszélnek modellek, nézetek, és a vezérlők.

75
00:04:17,940 --> 00:04:23,210
Modellek a tényleges adatok az app fog foglalkozni.

76
00:04:23,210 --> 00:04:28,260
Például, a Cat Facebook, a modellek lennének -

77
00:04:28,260 --> 00:04:35,340
ha volna a modell, mint a hozzászólás, és a modell felhasználói profilok, ilyesmi.

78
00:04:35,340 --> 00:04:41,090
A nézetek hogyan be, hogy az adatok a felhasználók számára.

79
00:04:41,090 --> 00:04:46,660
Lehet, hogy 1-nézetben néztem egy hozzászólást, és az észrevételeket

80
00:04:46,660 --> 00:04:51,720
és egy másik nézet a fal, amely egy listát az összes álláshely

81
00:04:51,720 --> 00:04:57,170
, amelyek irányítják a te, és a másik nézet a hírcsatorna - ilyesmi.

82
00:04:57,170 --> 00:05:00,610
Végül, akkor a vezérlők, amelyek alapvetően, amikor az emberek az elküldött hozzászólás

83
00:05:00,610 --> 00:05:03,310
és hogy a frissítéseket a back-end rendszer,

84
00:05:03,310 --> 00:05:06,400
Ön növekmény egy csomó számlálók, és bármi.

85
00:05:06,400 --> 00:05:07,860
Ezek a vezérlők.

86
00:05:07,860 --> 00:05:11,030
>> Fogok beszélni főleg a modellek.

87
00:05:11,030 --> 00:05:14,030
Megtekintések technikailag nem olyan nehéz, és a kérdés inkább a tervezés velük

88
00:05:14,030 --> 00:05:22,040
Vezérlők lesz jellemző, hogy bármit is tervezése.

89
00:05:22,040 --> 00:05:25,220
De van néhány nagyon általános technikák segítségével

90
00:05:25,220 --> 00:05:30,220
hogy a modellek szebb és könnyebb dolgozni, hogy azt hiszem, nagyon hasznos.

91
00:05:30,220 --> 00:05:35,860
Ez leginkább lesz arról, hogyan kell kezelni a webes alkalmazások adatait egy szép módon.

92
00:05:35,860 --> 00:05:40,420
A fő kérdés a modellek

93
00:05:40,420 --> 00:05:44,540
az, hogy élnek a kliens és a szerver, és meg kell kitalálni,

94
00:05:44,540 --> 00:05:51,170
a) hogyan lehet őket - az összes érintett is - a szerverről a kliens,

95
00:05:51,170 --> 00:05:53,440
és b) hogyan tartja őket szinkronban.

96
00:05:53,440 --> 00:05:58,700
A felhasználók fognak szeretné, hogy néhány frissítéseket.

97
00:05:58,700 --> 00:06:00,470
Fognak, hogy szeretné, hogy az új hozzászólások.

98
00:06:00,470 --> 00:06:04,800
Ők akarnak majd, mint a dolgokat, meg ilyesmi, ha tetszik.

99
00:06:04,800 --> 00:06:11,490
Ezek a legfontosabb technikai kihívások kezelésének modellek.

100
00:06:11,490 --> 00:06:15,680
Az első dolog, amit szeretne majd kérdezd meg magadtól,

101
00:06:15,680 --> 00:06:18,420
milyen adat megy ebben a modellben, és milyen jellegű kérdések fogunk akarsz -

102
00:06:18,420 --> 00:06:24,290
azaz, hogyan fogjuk nézni a modelleket?

103
00:06:24,290 --> 00:06:26,940
A macska Facebook például

104
00:06:26,940 --> 00:06:31,520
a hozzászólás megy, hogy a szerző a hozzá kapcsolódó,

105
00:06:31,520 --> 00:06:35,660
Néhány falat hozzászólás szövege, valamint a címzett a fal post.

106
00:06:35,660 --> 00:06:38,470
És akkor érdemes lekérdezni, hogy egy csomó különböző módon.

107
00:06:38,470 --> 00:06:42,220
Ön is szeretné, hogy nézd meg az, aki azt írta, amely után,

108
00:06:42,220 --> 00:06:46,620
által, akik postai úton, amely, talán dátuma szerint írták.

109
00:06:46,620 --> 00:06:50,340
De ha meg akarsz csinálni dátum, akkor meg kell adni egy másik területen a post

110
00:06:50,340 --> 00:06:52,490
mikor azt ténylegesen írt.

111
00:06:52,490 --> 00:07:00,220
Ezek a 2 tényező -, hogy milyen adatokat szeretne használni, és hogyan szeretné megtekinteni, hogy -

112
00:07:00,220 --> 00:07:04,200
meg kell gondolni őket először, mert függnek egymástól,

113
00:07:04,200 --> 00:07:08,030
és ez lesz a nehezebb, hogy vegye fel őket a későbbiekben.

114
00:07:08,030 --> 00:07:12,750
>> Vannak más szempontok.

115
00:07:12,750 --> 00:07:17,540
Amikor az ember gondolkodik, hogyan foglalkozik modellek a szerveren

116
00:07:17,540 --> 00:07:20,540
mit akarsz, hogy nézd meg -

117
00:07:20,540 --> 00:07:27,440
alapvetően szeretnénk, hogy a szerver a lehető legegyszerűbb.

118
00:07:29,440 --> 00:07:35,500
Csinál dolgokat a kliens oldalon általában sokkal gyorsabb, ha meg tudod csinálni pusztán az ügyfél

119
00:07:35,500 --> 00:07:38,230
anélkül, hogy bármilyen hálózati kérésre.

120
00:07:38,230 --> 00:07:47,860
Az ötlet az, hogy nem annyi a lekérdezések, amennyit csak lehet a kliens.

121
00:07:47,860 --> 00:07:51,560
Az egyetlen probléma az, hogy

122
00:07:51,560 --> 00:07:54,160
az, hogy ha az Ön által kért összes adatot az elején

123
00:07:54,160 --> 00:07:57,160
akkor ez fog hosszú időt vesz igénybe a terhelést.

124
00:07:57,160 --> 00:08:02,290
Tehát az ötlet, hogy megteremtse a középutat, hogy elég adatot a kliens

125
00:08:02,290 --> 00:08:07,640
hogy meg tudod csinálni a legtöbb a munka ott, de nem csak a vonzó mindent egyszerre

126
00:08:07,640 --> 00:08:09,710
úgy, hogy Önnek valóban lassú töltési idők elején.

127
00:08:09,710 --> 00:08:12,610
Például, a macska adatait

128
00:08:12,610 --> 00:08:20,340
akkor valószínűleg szeretne letölteni egy csomó friss fal hozzászólások.

129
00:08:20,340 --> 00:08:23,790
Ha nem akar letölteni mindet, mert, hogy mehet vissza egy pár évig.

130
00:08:23,790 --> 00:08:25,470
De nem akar értük egyesével

131
00:08:25,470 --> 00:08:28,740
mert az be sok hálózat túlterheltsége.

132
00:08:28,740 --> 00:08:33,620
>> Ez gyakran igen nehéz - ha van egy adatbázis fut -

133
00:08:33,620 --> 00:08:37,210
ez gyakran elég nehéz megváltoztatni, amit adatok vannak benne -

134
00:08:37,210 --> 00:08:40,510
vagyis egy új adatbázis oszlop, vagy valami -

135
00:08:40,510 --> 00:08:43,510
így egy jó stratégia valójában csak hogy sok az adatokat szöveges blob -

136
00:08:43,510 --> 00:08:53,880
a JSON blob - JSON, hogy JavaScript Object Notation -

137
00:08:53,880 --> 00:08:58,330
Ennek az az oka, hogy ez hasznos, mert akkor új tulajdonságok

138
00:08:58,330 --> 00:09:01,920
az összes ilyen JSON foltok megváltoztatása nélkül az adatbázist.

139
00:09:01,920 --> 00:09:06,860
Az egyetlen hátránya, hogy ez az, hogy ha van egy csomó területen

140
00:09:06,860 --> 00:09:09,890
hogy hozzáadott később - mint a rejtett, hogy JSON blob -

141
00:09:09,890 --> 00:09:12,850
akkor ez nehezebb lekérdezésére be őket az adatbázisba.

142
00:09:12,850 --> 00:09:17,690
Például, ha később - ha már a poszt modell, amely a korábban tárgyalt

143
00:09:17,690 --> 00:09:25,380
csak a szerző, a befogadó és a szöveg -

144
00:09:25,380 --> 00:09:29,000
akkor is van egy JSON blob, majd ha később ki akarta egészíteni a dátum mező

145
00:09:29,000 --> 00:09:31,000
akkor nem kell változtatni az adatbázis.

146
00:09:31,000 --> 00:09:36,140
Lehet csak hozzá a dátumokat, hogy az összes szöveges mezők.

147
00:09:36,140 --> 00:09:39,640
És akkor képes lesz, hogy nézd meg azokat a kliens oldalon,

148
00:09:39,640 --> 00:09:42,430
de nem lesz képes lekérdezni azokat a szerver oldalon

149
00:09:42,430 --> 00:09:44,430
mert elrejtve a szöveg.

150
00:09:44,430 --> 00:09:49,920
>> A másik kérdés, amit akarok gondolni

151
00:09:49,920 --> 00:09:52,400
az, hogy a kliens és a szerver fog kommunikálni.

152
00:09:52,400 --> 00:09:56,040
Általában akarja tartani ezt a lehető legegyszerűbb.

153
00:09:56,040 --> 00:10:02,230
Lehet csak, mint a get-me-ezeket az adatokat kérés

154
00:10:02,230 --> 00:10:09,140
a create-a-new-object dolog, és egy update-egy-régi tárgy kérelmet.

155
00:10:09,140 --> 00:10:12,930
És ezeknek mind különböző URL a szerveren, amit -

156
00:10:12,930 --> 00:10:20,030
hogy a böngésző is - lehet használni AJAX kérések az összes ilyen

157
00:10:20,030 --> 00:10:24,000
és vagy fogadni vagy postai adatokat.

158
00:10:24,000 --> 00:10:26,600
Ismét a mi Cat Facebook például

159
00:10:26,600 --> 00:10:32,350
akkor lehetett volna, hogy az URL-t, hogy az egyén után,

160
00:10:32,350 --> 00:10:39,750
és azt egy URL-t egy új falat poszt

161
00:10:39,750 --> 00:10:45,670
és talán egy URL-t feltölteni a profil kép, ilyesmi.

162
00:10:45,670 --> 00:10:51,730
De ismétlem, ez a pre-fetch legtöbbet az adatok, így nem kell tartani

163
00:10:51,730 --> 00:10:53,360
hogy hálózati kérések.

164
00:10:53,360 --> 00:10:59,030
Ezért lehet, hogy nem szeretné, hogy az egyéni GET kérelmet egy poszt,

165
00:10:59,030 --> 00:11:03,210
és ahelyett, hogy azt csak akar 1 GET kérelmet az egész falat.

166
00:11:03,210 --> 00:11:06,110
És ha akarsz megtalálni az egyensúlyt, mert -

167
00:11:06,110 --> 00:11:10,970
ez is megy, hogy függ az alkalmazás.

168
00:11:10,970 --> 00:11:13,430
Mert ha azt várod, hogy az emberek csak 10 vagy 20 fal hozzászólás

169
00:11:13,430 --> 00:11:15,430
hogy minden rendben lesz.

170
00:11:15,430 --> 00:11:17,390
De ha azt várod, hogy majd több ezer, akkor a kérelmet túl sokáig tartana,

171
00:11:17,390 --> 00:11:23,580
és így érdemes felvenni a kap-all-hozzászólás-óta paramétert.

172
00:11:23,580 --> 00:11:26,580
>> Mindezen akkor valószínűleg szeretne majd szinkronizálni az adatokat JSON -

173
00:11:26,580 --> 00:11:29,260
JavaScript Object Notation.

174
00:11:29,260 --> 00:11:34,600
Elég sok minden nyelven foglalkozik JSON nagyon jól.

175
00:11:34,600 --> 00:11:40,880
JQuery van ez a szép getJSON funkció, amely mindent megtesz a kemény munka az Ön számára.

176
00:11:40,880 --> 00:11:47,390
És PHP ott is nagyon szép JSON kommunikációs funkciókat.

177
00:11:47,390 --> 00:11:52,660
Szóval, ez talán a legjobb formában az küldött a modellek oda-vissza.

178
00:11:52,660 --> 00:11:56,570
>> Például, hogy mit beszéltünk eddig,

179
00:11:56,570 --> 00:12:00,520
itt egy példa áramlását a macska Facebook alkalmazás.

180
00:12:00,520 --> 00:12:07,760
Úgy indul a böngésző kérő alap webhely URL-jét.

181
00:12:07,760 --> 00:12:15,470
A szerver valószínűleg küld több statikus HTML és néhány JavaScript és CSS.

182
00:12:15,470 --> 00:12:19,170
Ez rendszerint az a legjobb, hogy ne tegye teszi a szerveren.

183
00:12:19,170 --> 00:12:23,370
Valószínűleg nem akar -

184
00:12:23,370 --> 00:12:28,360
amit a szerver nem csinál ott megy le a listát, fal hozzászólás

185
00:12:28,360 --> 00:12:31,120
és a termelő néhány HTML mindegyiket, és küld, hogy vége.

186
00:12:31,120 --> 00:12:34,960
Ez rendszerint az a legjobb, hogy nem, hogy a kliens oldalon, mert különben

187
00:12:34,960 --> 00:12:38,580
minden alkalommal szeretnénk, hogy újra dolgozzon valamit, van, hogy a szerver kérést.

188
00:12:38,580 --> 00:12:42,450
És ez nagyon gyorsan ad egy csomó fölött.

189
00:12:42,450 --> 00:12:47,430
Ez rendszerint az a legjobb, csak a hajót küld le a statikus HTML

190
00:12:47,430 --> 00:12:50,660
majd a JavaScript és a CSS, amelyek nem a renderelés a kliens oldalon.

191
00:12:50,660 --> 00:12:56,750
Amint a cucc érkezik,

192
00:12:56,750 --> 00:13:03,500
akkor lehet - JavaScript - meg tudod csinálni kérelmeket a falat adatok

193
00:13:03,500 --> 00:13:08,740
meg ilyesmi, és azt követően, hogy a szerver alapvetően csak csinál adatbázis lekérdezések

194
00:13:08,740 --> 00:13:10,740
és ellenőrzése engedélyeket.

195
00:13:10,740 --> 00:13:16,690
Az egyetlen fontos dolog az, hogy nem küld több más felhasználóknak fal hozzászólás

196
00:13:16,690 --> 00:13:19,220
hogy te nem szabad látni.

197
00:13:19,220 --> 00:13:28,050
Ez alapvetően egy nagyon vékony réteg hozzáférést az adatbázishoz,

198
00:13:28,050 --> 00:13:32,820
és akkor az összes mutató adatok - az összes nézetek és dolgok -

199
00:13:32,820 --> 00:13:37,280
azok megtörténhet a böngészőben, majd amikor azt szeretné, hogy a postai úton vagy valami

200
00:13:37,280 --> 00:13:40,000
csak küldjön egy kérést.

201
00:13:40,000 --> 00:13:45,350
>> Van még néhány divatos cucc amit tehetünk a tetején.

202
00:13:45,350 --> 00:13:49,550
Ami a részletesebb technikai információk,

203
00:13:49,550 --> 00:13:53,360
fejlesztése egyszerű JavaScript lehet egy kicsit fájdalmas,

204
00:13:53,360 --> 00:13:56,220
tehát vannak olyan könyvtárak és eszközök, amelyek segítségével sokat azzal.

205
00:13:56,220 --> 00:14:03,690
Azt hiszem, minden bizonnyal hallott jQuery ami csinál HTML rendering

206
00:14:03,690 --> 00:14:08,890
és manipuláció sokkal könnyebb - sok a képzelet funkciók fakulásnak, és ki,

207
00:14:08,890 --> 00:14:12,020
és ezzel lendületes animációk.

208
00:14:12,020 --> 00:14:13,720
Van még ezt a könyvtárat néven Underscore.js.

209
00:14:13,720 --> 00:14:20,760
Van egy csomó hasznos segédprogram funkciók dolog, amit elvár a JavaScript, hogy

210
00:14:20,760 --> 00:14:24,740
hogy valóban doesnt - dolgok, mint csoszogó egy tömb,

211
00:14:24,740 --> 00:14:28,900
eltávolítása ismétli a listából, vagy egyengető listájának listák.

212
00:14:28,900 --> 00:14:30,900
Ez csak egy kis kódot mintát.

213
00:14:30,900 --> 00:14:36,520
Aláhúzás van egy csomó ilyen hasznos függvény, amit szeretném, ha lenne minden alkalommal.

214
00:14:36,520 --> 00:14:38,840
>> És akkor ott van még 1 könyvtárat, amit szeretnék eltölteni egy kis időt

215
00:14:38,840 --> 00:14:44,800
úgynevezett Backbone.js mert Backbone tényleg segít kezelni a modellek a kliens oldalon

216
00:14:44,800 --> 00:14:47,210
és sok a zavart, hogy okozhat.

217
00:14:47,210 --> 00:14:53,550
Backbone ad ez a fogalom a modellek és gyűjtemények

218
00:14:53,550 --> 00:14:58,300
A JavaScript amelyek alapvetően pontosan, mint JavaScript objektumok

219
00:14:58,300 --> 00:15:04,900
JavaScript tömbök, de vannak események, amikor megváltoztatja a tulajdonságait.

220
00:15:04,900 --> 00:15:09,090
Csakúgy, mint a JavaScript, akkor van olyan esemény, amikor egy gomb lesz kattintott, vagy valami

221
00:15:09,090 --> 00:15:14,800
Ezek Backbone modellek és Backbone gyűjtemények közvetíti a dolgokat, mint

222
00:15:14,800 --> 00:15:17,510
hogy amikor változnak.

223
00:15:17,510 --> 00:15:22,270
Ez azt jelenti, hogy csak írni valami ilyesmit kódrészletet itt -

224
00:15:22,270 --> 00:15:27,530
ez azt mondja, ha van hozzá semmit a hozzászólás tömböt dolgozza át az egész falat.

225
00:15:27,530 --> 00:15:34,270
És ez azt mondja, ha egy bejegyzéshez több embernek tetszik változik,

226
00:15:34,270 --> 00:15:38,970
akkor értesíti a felhasználót, hogy valaki szerette a post.

227
00:15:38,970 --> 00:15:45,210
Vagy ha vagyon utáni változtatásokat dolgozza át a post.

228
00:15:45,210 --> 00:15:51,050
Ilyesmi menteni tonna komplexitás különben

229
00:15:51,050 --> 00:15:55,440
ha nincs egy kis keretet, mint ez, akkor minden alkalommal a kód, amely megváltoztatja

230
00:15:55,440 --> 00:16:04,280
semmit egy post, azt kell emlékezni magát, hogy hívja a funkció teszi

231
00:16:04,280 --> 00:16:07,680
meg ilyesmi, és ha volna hozzá valami újat, ami történt

232
00:16:07,680 --> 00:16:10,680
minden alkalommal, amikor módosította a poszt azt, hogy menjen át minden helyet a

233
00:16:10,680 --> 00:16:14,610
kódot, amit módosított a hozzászólást, és hozzáteszi, hogy az új dolog.

234
00:16:14,610 --> 00:16:21,450
A keretet így eltávolítja a sok között, amely réteg kommunikáció

235
00:16:21,450 --> 00:16:28,280
, ami a kód bonyolult és nehéz fenntartani.

236
00:16:28,280 --> 00:16:31,170
>> Van egy kicsit a kilátást is.

237
00:16:31,170 --> 00:16:35,960
Fogom hagyni a legtöbb ez Billy, mert ők technikailag nem túl nehéz.

238
00:16:35,960 --> 00:16:43,540
Használja jQuery a nézeteit. Ez gyakorlatilag, mint egy szükséges ezen a ponton.

239
00:16:43,540 --> 00:16:46,290
Ez csak tesz mindent, így sokkal könnyebb.

240
00:16:46,290 --> 00:16:48,290
Sok a könyvtárak.

241
00:16:48,290 --> 00:16:49,970
Ha bonyolult felhasználói felület elemei,

242
00:16:49,970 --> 00:16:57,250
Ha azt szeretné, hogy az automatikus kitöltés dolgot, mint egy ilyen divatos multi-választók -

243
00:16:57,250 --> 00:17:04,790
Ha azt szeretné, valami ilyesmi, akkor valószínűleg csak keresni körül

244
00:17:04,790 --> 00:17:08,130
és akkor talál egy jó könyvtár, fog tenni, amit akarsz.

245
00:17:08,130 --> 00:17:11,579
Billy fogja magyarázni többet a valóban nehéz részei nézeteit.

246
00:17:11,579 --> 00:17:17,530
Továbbá, mint Mellékesen jegyzem meg, Backbone néhány funkciót készítésére nyílik kommunikálni

247
00:17:17,530 --> 00:17:22,800
szépen modellek - nézd meg a dokumentációt mindezen könyvtárak, valóban.

248
00:17:22,800 --> 00:17:28,270
Csak nézd meg a docs. Ők nagyon jól megírt és könnyen követhető.

249
00:17:28,270 --> 00:17:33,890
Általában, akkor nagyjából csak a Google, ha problémája van.

250
00:17:33,890 --> 00:17:36,370
Van egy csomó ember használja őket.

251
00:17:36,370 --> 00:17:42,020
Azt hiszem, ez olyan, mint egy utolsó megjegyzés.

252
00:17:42,020 --> 00:17:48,770
>> Van még néhány további dolog, amit tehetünk

253
00:17:48,770 --> 00:17:53,400
ha keres, hogy a web app extra félelmetes.

254
00:17:53,400 --> 00:17:59,760
Meg tudod csinálni - az új HTML5 specifikáció van egy csomó divatos dolog, amit tehetünk.

255
00:17:59,760 --> 00:18:05,780
Helyi tárolás - mely tárolhatja az adatokat a böngésző -

256
00:18:05,780 --> 00:18:09,470
ahelyett, hogy menjen vissza, és elolvassa a szerver mindent,

257
00:18:09,470 --> 00:18:12,470
tudod tartani egy részét az ügyfél, és még lehetővé teszi az emberek -

258
00:18:12,470 --> 00:18:20,850
bizonyos esetekben ez is megengedem, hogy használja a weboldal offline.

259
00:18:20,850 --> 00:18:26,980
Van ez a dolog, az úgynevezett WebSockets, amelyek egy másfajta hálózati kommunikáció

260
00:18:26,980 --> 00:18:30,930
ahol ahelyett, hogy csak csinál egy kérésem, akkor kap választ, és kész,

261
00:18:30,930 --> 00:18:35,240
tartod megnyit egy kapcsolatot a szerver, és így meg tudod csinálni a dolgokat, mint

262
00:18:35,240 --> 00:18:37,240
valós idejű frissítéseket.

263
00:18:37,240 --> 00:18:42,020
Tehát, ha akarták, hogy a chat app, akkor használja WebSockets

264
00:18:42,020 --> 00:18:43,790
kommunikálni oda-vissza, így nem kell tartani kérő,

265
00:18:43,790 --> 00:18:48,410
"Ó, szerver, nem valaki küld nekem a chat?" 10 másodpercenként, vagy valami.

266
00:18:48,410 --> 00:18:55,620
Van még egy érdekes HTML5 funkció, ahol lehet, hogy úgy néz ki, mint a

267
00:18:55,620 --> 00:18:58,340
Az oldal URL-jét változik anélkül, hogy valaha tényleg töltse be újra.

268
00:18:58,340 --> 00:19:03,230
Használhatja a Vissza és Előre gombok anélkül, hogy egy csomó hálózati kérések.

269
00:19:03,230 --> 00:19:14,660
Ilyesmi nagyon hasznos, hogy egyértelművé váljon, hogy gyors, de úgy működik, mint egy web app kell.

270
00:19:14,660 --> 00:19:17,680
>> Van még ezt a dolgot nevezett CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript egy másik nyelvet, valóban, hogy fordítja le a JavaScript.

272
00:19:24,450 --> 00:19:30,080
Azt írja az összes kódot CoffeeScript, majd futtatja ezt a fordító,

273
00:19:30,080 --> 00:19:33,300
és kiköpi a JavaScript-fájlt, akkor is az Ön weboldalára.

274
00:19:33,300 --> 00:19:38,860
Ennek az az oka, hogy az CoffeeScript szép, mert ez megszabadul sok a

275
00:19:38,860 --> 00:19:44,760
furcsa eset, hogy a javascript ahol egyenlő az egyenlők,

276
00:19:44,760 --> 00:19:51,130
és egyenlő az egyenlők különböző dolgokat, vagy mint -

277
00:19:51,130 --> 00:19:55,740
van szebb szintaxisa foglalkozó tömbök és függvények.

278
00:19:55,740 --> 00:20:00,460
Ez egy kis részlet a CoffeeScript, hogy létrehoz egy listát az összes négyzet

279
00:20:00,460 --> 00:20:04,900
10 ^ 2-1 ^ 2 fordított sorrendben.

280
00:20:04,900 --> 00:20:08,410
Mint látható, CoffeeScript gyakran lehetővé teszi, hogy kifejezze az 1. sorban

281
00:20:08,410 --> 00:20:10,890
mi lenne, hogy 5 sornyi JavaScript.

282
00:20:10,890 --> 00:20:13,230
Ez lehet, hogy a dolgok sokkal könnyebb.

283
00:20:13,230 --> 00:20:15,390
Ez egy kicsit az új szintaxis tanulni az első,

284
00:20:15,390 --> 00:20:18,010
de biztosan fog neked termelékenyebb hosszú távon.

285
00:20:18,010 --> 00:20:22,050
>> Tudod is használ más nyelveken a szerver, mint a PHP -

286
00:20:22,050 --> 00:20:27,570
nyelvek, mint a Ruby, Python, vagy van még egy projekt a node.js

287
00:20:27,570 --> 00:20:31,450
amely segítségével JavaScript a szerveren.

288
00:20:31,450 --> 00:20:34,700
Személy szerint én nagyon, nagyon utálom a PHP.

289
00:20:34,700 --> 00:20:38,310
Csak nem szívesen dolgoznak vele.

290
00:20:38,310 --> 00:20:43,450
Ha Ön is úgy gondolom, hogy ez egy borzasztó cluge egy nyelv,

291
00:20:43,450 --> 00:20:46,160
akkor ezek egyikét használja helyette.

292
00:20:46,160 --> 00:20:54,780
Általában, ha akarsz valamit, és nem igazán tudom, hogy fog csinálni,

293
00:20:54,780 --> 00:20:56,780
csak a keresés az interneten.

294
00:20:56,780 --> 00:20:59,990
Vannak tonna tonna források különösen -

295
00:20:59,990 --> 00:21:03,260
StackOverflow egy nagy ember.

296
00:21:03,260 --> 00:21:06,400
Ez az a honlap, ahol programozók feltenni egymásnak kérdéseket.

297
00:21:06,400 --> 00:21:09,690
Lehet, hogy befut, ha voltak, amelyek bajba CS50 problémára készletek.

298
00:21:09,690 --> 00:21:16,820
És vannak tonna könyvtárak csinál elég sok mindent, amit szeretne.

299
00:21:16,820 --> 00:21:21,710
Ha akarsz valamit, és nem tudod, hogyan kell csinálni,

300
00:21:21,710 --> 00:21:23,710
Nem feltételezzük, hogy ez lehetetlen.

301
00:21:23,710 --> 00:21:26,160
Csak nézz körül, és lehet, hogy talál valami jó források.

302
00:21:26,160 --> 00:21:29,280
>> Általános lezárja,

303
00:21:29,280 --> 00:21:33,650
a fő elvitelre a dolgok egyszerű.

304
00:21:33,650 --> 00:21:36,010
Minél összetettebb a kód elején

305
00:21:36,010 --> 00:21:40,370
és minél többet próbálni, és nem divatos cucc,

306
00:21:40,370 --> 00:21:43,300
A hosszabb ideig fog tartani, hogy valami valóban működőképes

307
00:21:43,300 --> 00:21:46,480
, és annál nehezebb lesz változtatni később.

308
00:21:46,480 --> 00:21:49,580
Szóval, amit a buta, egyszerű módja az első.

309
00:21:49,580 --> 00:21:51,720
Hogy együtt haladjon, hogy

310
00:21:51,720 --> 00:21:59,070
ne félj, hogy eldobja a régi kódot vagy tisztítás egy csomó.

311
00:21:59,070 --> 00:22:05,320
Általában, ha tényleg van valami munka,

312
00:22:05,320 --> 00:22:09,640
ez sokkal könnyebb gondolkodni, mint amikor még az elején szakaszában

313
00:22:09,640 --> 00:22:12,610
Az, hogy hogyan tegyem ezt együtt.

314
00:22:12,610 --> 00:22:17,500
A legjobb, hogy a leghülyébb lehetséges elrendezést alkalmaz, amely

315
00:22:17,500 --> 00:22:22,270
majd javítani iteratív mint megpróbál mindent jól az első alkalommal.

316
00:22:22,270 --> 00:22:28,330
Ami a kliens-szerver részlege, próbálja tartani a szerver nagyon egyszerű -

317
00:22:28,330 --> 00:22:33,030
csak egy adatbázis, és néhány hitelesítés és ne tegye kemény munka van.

318
00:22:33,030 --> 00:22:37,540
Tegyenek meg mindent a bonyolult dolgokat a kliens oldalon a böngésző

319
00:22:37,540 --> 00:22:40,650
A JavaScript, amennyit csak lehet.

320
00:22:40,650 --> 00:22:43,420
Nézz körül a könyvtárak számára, hogy az életed jobb.

321
00:22:43,420 --> 00:22:46,850
Mindig jobb, hogy kódot, hogy valaki más írta

322
00:22:46,850 --> 00:22:49,850
ha - és nem írja meg magad.

323
00:22:49,850 --> 00:22:57,560
Van egy csomó dolog az interneten. A Google a legjobb barátod.

324
00:22:57,560 --> 00:22:59,560
A Google a programozó legjobb barátja.

325
00:22:59,560 --> 00:23:07,620
Igen, biztosan nem kell félni, hogy nézzen körül a dolgokat.

326
00:23:07,620 --> 00:23:11,860
Rendben van. És több mint Billy.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] Valójában, mielőtt elkezdem néhány tervezési cucc,

328
00:23:14,600 --> 00:23:17,250
Van valakinek bármilyen kérdése Ben bármit, hogy ő beszélt?

329
00:23:17,250 --> 00:23:20,290
Oké, rendben.

330
00:23:20,290 --> 00:23:22,220
Ismét, tudassa velünk, ha valami nem világos,

331
00:23:22,220 --> 00:23:25,420
vagy ha azt szeretné, hogy menjen át valamit, egy kicsit.

332
00:23:25,420 --> 00:23:30,330
Megyek, hogy lépjen vissza egy kicsit, és megbeszéljük a mélyebb részein design.

333
00:23:30,330 --> 00:23:34,840
Ben említette a modell neve - Sajnálom, a modell vezérlő view rendszer

334
00:23:34,840 --> 00:23:38,520
amely egyfajta technikai szempontból, így fogom nézni views konkrétan,

335
00:23:38,520 --> 00:23:42,930
és én fogom kezdeni, hogy azt alakítani egy véleményen van, hogy jól néz ki.

336
00:23:42,930 --> 00:23:50,540
Itt egyfajta nagyon alapvető sablont a Cat Facebook.

337
00:23:50,540 --> 00:23:54,190
Azt hiszem, van néhány alapjait a modern felhasználói felület tervezés

338
00:23:54,190 --> 00:23:56,190
, amelyeket érdemes felvenni.

339
00:23:56,190 --> 00:23:58,210
Lehet észre van egy sok fehér helyet az egész oldalt,

340
00:23:58,210 --> 00:24:00,790
rengeteg hely a dolgokat.

341
00:24:00,790 --> 00:24:02,580
Nem érzem, hogy a squash a dolgokat egy oldalra.

342
00:24:02,580 --> 00:24:06,700
Azt akarod hagyni sok hely nyitott, és ha megy, hogy szinte minden modern website

343
00:24:06,700 --> 00:24:08,380
látni fogja ott fehér mindenhol.

344
00:24:08,380 --> 00:24:10,380
Van fehér helyeken nem számítasz rá.

345
00:24:10,380 --> 00:24:14,570
Itt van ez a színpaletta, és ez bölcs az elején

346
00:24:14,570 --> 00:24:17,880
hogy válasszon egy színpalettát, hogy fogsz dolgozni és fejleszteni.

347
00:24:17,880 --> 00:24:22,250
Azt is - segít, hogy válasszon egy betűtípus, és így maga a fajta munka

348
00:24:22,250 --> 00:24:24,450
ezek a konkrét alapjait design.

349
00:24:24,450 --> 00:24:26,910
Megvan a típusát, akkor a színek, és akkor milyen

350
00:24:26,910 --> 00:24:29,380
illeszkedik minden mást, ha szükséges.

351
00:24:29,380 --> 00:24:37,710
Szóval, ahogy mondtam, a színséma szeretné használni a merészebb színek a színösszeállítás

352
00:24:37,710 --> 00:24:40,320
takarékosan. Fejlécek szép. A gombok jó, ha nagyon nagy, feltűnő színeket.

353
00:24:40,320 --> 00:24:43,710
De általában, ha van egy weboldal, amely a színek mindenhol,

354
00:24:43,710 --> 00:24:47,250
minden bámult meg az arcát, csak úgy néz ki, zsúfolt, és ez nem jó.

355
00:24:47,250 --> 00:24:50,430
Azt akarod, hogy általában használja a világos színek.

356
00:24:50,430 --> 00:24:52,890
Próbálja meg ismét, válasszon egy szép egységes színséma.

357
00:24:52,890 --> 00:24:56,640
Lehet, hogy ezeket a kis fröccsenő sok szín -

358
00:24:56,640 --> 00:25:00,240
hogy nézd nagyon szép, de szeretné használni őket elég takarékosan.

359
00:25:00,240 --> 00:25:04,270
>> Mint mondtam, azt szeretné, hogy minimális. Kevesebb, szinte mindig több.

360
00:25:04,270 --> 00:25:07,430
Ha lehet megjeleníteni valamit, vagy nem jelenik meg valami,

361
00:25:07,430 --> 00:25:10,230
és te olyan biztos abban, hogy meg kell ott alapból -

362
00:25:10,230 --> 00:25:13,400
talán te vagy a legjobb off elhagyása. Tudod mindig hozzá később.

363
00:25:13,400 --> 00:25:16,620
Igen, a dolgok egyszerű.

364
00:25:16,620 --> 00:25:19,510
De a legfontosabb, azt szeretné, hogy több tervez.

365
00:25:19,510 --> 00:25:23,520
Nem hiszem, hogy ha egy oldal, van ez a fejedben, hogy fogsz

366
00:25:23,520 --> 00:25:26,310
hogy az oldal egy bizonyos módon, és ez fog kinézni pontosan olyan, mint ez.

367
00:25:26,310 --> 00:25:29,830
Úgy megy, hogy a kék fejléc a tetején, és a kék oldalsó sáv

368
00:25:29,830 --> 00:25:32,670
majd a sárga al-header dolog.

369
00:25:32,670 --> 00:25:34,670
Azt szeretnénk, hogy több sablont.

370
00:25:34,670 --> 00:25:37,350
Akkor sem -, ha jó a Photo Shop, akkor nyissa meg a fel, és egyfajta

371
00:25:37,350 --> 00:25:39,600
tervezzen egy weboldal, ahogy tetszik nézni.

372
00:25:39,600 --> 00:25:41,680
Ha nem, akkor csak használ toll és papír,

373
00:25:41,680 --> 00:25:44,000
de a semmiből fel több tervez.

374
00:25:44,000 --> 00:25:47,000
Azt akarod, hogy alapvetően a létre, ahol sok különböző minták,

375
00:25:47,000 --> 00:25:50,810
és ha valaki végül működik, akkor ez nagyszerű.

376
00:25:50,810 --> 00:25:53,370
Ha végül nem, akkor mindig van egy másik fordulni.

377
00:25:53,370 --> 00:25:57,960
Általánosságban elmondható, hogy nem érzem, akkor meg kell korlátozni

378
00:25:57,960 --> 00:26:00,830
hogy bármilyen tervezés kezdetben dönt.

379
00:26:00,830 --> 00:26:04,420
Minták nagyon változó, és részben a fontosságát, hogy a modell

380
00:26:04,420 --> 00:26:09,480
vezérlő view rendszer, hogy lehet cserélni, és ki a különböző nézeteket akarsz.

381
00:26:09,480 --> 00:26:13,510
Lehet befolyással az adatokat egy út, majd úgy dönt, ó, tényleg, ez nem működik olyan jól.

382
00:26:13,510 --> 00:26:19,190
Azt hiszem, ez a fajta túl bonyolult, vagy van egy része, hogy itt ez nem igazán működik,

383
00:26:19,190 --> 00:26:22,150
úgyhogy csak úgy, hogy teljesen elhagyják ezt a nézetet, és csere egy teljesen újat.

384
00:26:22,150 --> 00:26:24,790
Mi továbbra is használhatja a régi modellek, és a régi vezérlők.

385
00:26:24,790 --> 00:26:27,490
Meg tudjuk csinálni mindent a szerver és a kliens, ahogy azt korábban.

386
00:26:27,490 --> 00:26:32,850
De a tényleges hullám az adatok jelennek meg lesz kicsit más.

387
00:26:32,850 --> 00:26:35,840
>> Ami valójában végrehajtása a tervezési akarsz,

388
00:26:35,840 --> 00:26:39,330
ha van egy pár terveket vázolt fel, hogy papíron vagy a Photo Shop, vagy bármi,

389
00:26:39,330 --> 00:26:42,120
számos eszközt, hogy rendelkezésre álljanak az Ön számára.

390
00:26:42,120 --> 00:26:45,700
Az első, hogy nagyon ismeri, ami a HTML, PHP, vagy bármi

391
00:26:45,700 --> 00:26:48,990
nyelv, amit használ, csak a kódot a statikus oldalak a honlapon.

392
00:26:48,990 --> 00:26:51,990
Már sokat dolgozott HTML milyen típusú ad e címkék

393
00:26:51,990 --> 00:26:57,820
hogy meg tudja fogalmazni dolgokat, és alapvetően ez egy módja a szervező a tartalmat.

394
00:26:57,820 --> 00:27:00,990
Például, akkor a fejléc ott, szóval lesz egy fejléc tag,

395
00:27:00,990 --> 00:27:05,770
és ez megy, hogy egy szöveg belsejébe, ami valószínűleg lesz egy másik tag.

396
00:27:05,770 --> 00:27:08,380
Akkor van egy sidebar talán néhány különböző linkek,

397
00:27:08,380 --> 00:27:10,160
és az lesz, hogy mind a címkék elválasztásához.

398
00:27:10,160 --> 00:27:13,870
Szóval, alapvetően HTML a szívében egy módja annak, felosztva a lap, hogy

399
00:27:13,870 --> 00:27:16,980
akkor végül szeretnénk formázni.

400
00:27:16,980 --> 00:27:18,980
Tehát újra, akkor már láttam ilyet.

401
00:27:18,980 --> 00:27:20,540
Maga nagyon kényelmes dolgozik most

402
00:27:20,540 --> 00:27:23,120
tekintettel arra, hogy tettél az elmúlt Pset remélhetőleg

403
00:27:23,120 --> 00:27:26,150
így nem lehet gond.

404
00:27:26,150 --> 00:27:31,280
>> Akkor CSS ami alapvetően kezeli a tervezés statikai szempontokat.

405
00:27:31,280 --> 00:27:35,320
Ez kezeli az összes szín, mind a különböző elemek elhelyezése,

406
00:27:35,320 --> 00:27:36,840
ahol mennek egymáshoz képest,

407
00:27:36,840 --> 00:27:41,530
mekkorák, a különböző positionings, amit kellett volna -

408
00:27:41,530 --> 00:27:46,030
Más szóval, akkor már a dolgokat rögzíteni, hogy mikor lépjünk le maradnak,

409
00:27:46,030 --> 00:27:48,700
vagy lehet dolgokat, mint a többi elem.

410
00:27:48,700 --> 00:27:50,730
Minden, ami a fajta cucc CSS.

411
00:27:50,730 --> 00:27:54,630
Ezen kívül, meg tudod csinálni a különböző díszítések, akkor a szöveg színét,

412
00:27:54,630 --> 00:27:56,630
szöveg effekteket, minden ilyesmi.

413
00:27:56,630 --> 00:28:00,360
Ben adott egy igazán jó szemináriumot az utolsó hétvégén,

414
00:28:00,360 --> 00:28:04,450
ezért azt feltétlenül nézd, hogy ki, ha azt tervezi, hogy csinál valami extra dolgot CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 valójában a legújabb verziója a CSS, és meg tudja csinálni mindenféle nagyon szép dolgokat.

416
00:28:09,850 --> 00:28:14,750
Meg lehet csinálni gradiens, akkor szép, lekerekített sarkok, meg tudod csinálni mindenféle dolgok

417
00:28:14,750 --> 00:28:17,940
hogy a webhely nézel ki, a modern és divatos.

418
00:28:17,940 --> 00:28:22,150
>> A következő eszköz JavaScript és jQuery amely Ben beszélgettünk egy kicsit,

419
00:28:22,150 --> 00:28:24,150
de én egy kicsit beljebb.

420
00:28:24,150 --> 00:28:28,100
JavaScript, ahogy már dolgozott vele egy kicsit, vagy legalábbis látta az előadást,

421
00:28:28,100 --> 00:28:31,870
egyfajta módon dinamikusan csinál dolgokat a HTML-ben.

422
00:28:31,870 --> 00:28:35,950
HTML, mint tudjuk, a statikus, így ha egyszer már a HTML nem lehet módosítani.

423
00:28:35,950 --> 00:28:40,050
De a JavaScript, bizonyos szempontból, egy módja annak, hogy képes módosítani a HTML.

424
00:28:40,050 --> 00:28:44,520
Szóval lehet csinálni, és ez nagyszerű, de JavaScript valóban a fájdalom dolgozni.

425
00:28:44,520 --> 00:28:49,050
Nagyon hosszú és tompa, és hogy még a legegyszerűbb dolgokat

426
00:28:49,050 --> 00:28:51,630
igényel sok sornyi JavaScript.

427
00:28:51,630 --> 00:28:55,410
Tehát, jQuery alapvetően egy könyvtár JavaScript, amely leegyszerűsíti az egésznek.

428
00:28:55,410 --> 00:28:59,880
Azt mondja, rendben van, ha azt szeretnénk, hogy egy négyzet jönnek a bal

429
00:28:59,880 --> 00:29:03,980
és beleolvadnak az oldalt úgy, hogy van a közepén, a JavaScript, amely figyelembe -

430
00:29:03,980 --> 00:29:06,340
Nem tudom, a száz sor csinálni, és ez a fájdalom,

431
00:29:06,340 --> 00:29:10,540
és akkor jön ki belőle gyűlöli mindent a webes programozás.

432
00:29:10,540 --> 00:29:15,380
JQuery akkor alapvetően az elem-dot-fade-in, vagy valami ilyesmi.

433
00:29:15,380 --> 00:29:18,580
Szóval, nagyon, nagyon egyszerű funkciókat, amelyek segítségével nem mindenféle hűvös animációkat

434
00:29:18,580 --> 00:29:20,580
és ez a fajta dolog.

435
00:29:20,580 --> 00:29:23,300
A másik dolog, hogy ezek a 2 nagyon jó csak tesz a dinamikus dolgokat

436
00:29:23,300 --> 00:29:25,300
a honlap.

437
00:29:25,300 --> 00:29:28,370
Tehát ahelyett, csak úgy, a HTML oldal - amely megjeleníti bizonyos adatokat, de valójában nem

438
00:29:28,370 --> 00:29:32,130
semmit - JavaScript és jQuery segítségével már gombok akkor kattintson,

439
00:29:32,130 --> 00:29:37,960
és akkor húzza elemeket, és újra, hogy őket, és rendezni őket, és az új elemek

440
00:29:37,960 --> 00:29:40,500
hozzáadása vagy eltávolítása. Felveheti-delete, ilyesmik.

441
00:29:40,500 --> 00:29:44,570
Tehát, jQuery nem tonna jó dolog.

442
00:29:44,570 --> 00:29:48,840
És Vipul valójában ad szeminárium ma, azt hiszem, az 5-órakor,

443
00:29:48,840 --> 00:29:51,220
így ha maradni, hogy a hosszú, amely - 5 vagy 4?

444
00:29:51,220 --> 00:29:54,930
Four. Bocsánat. Ez valójában jobb után, ezért azt javasoljuk,

445
00:29:54,930 --> 00:29:56,680
ragasztás körül, ha tudsz.

446
00:29:56,680 --> 00:30:00,180
JQuery szuper, szuper hasznos, és akkor képes lesz arra, hogy nem sok igazán szép dolog vele

447
00:30:00,180 --> 00:30:03,460
elég sok minden webes projekt.

448
00:30:03,460 --> 00:30:06,200
>> Most fogok bejutni a fajta megkülönböztetés.

449
00:30:06,200 --> 00:30:08,210
Már beszélt alapvetően a felhasználói felület.

450
00:30:08,210 --> 00:30:11,510
Felhasználói felület csak a design a helyén.

451
00:30:11,510 --> 00:30:13,780
De van valami más koncepció, amely a felhasználói élményt.

452
00:30:13,780 --> 00:30:15,900
A két nagyon különböző.

453
00:30:15,900 --> 00:30:19,440
Interface egyértelműen része a tapasztalat.

454
00:30:19,440 --> 00:30:21,340
Más szóval, ha elmész egy oldalon, akkor nézd meg a felületen.

455
00:30:21,340 --> 00:30:22,960
Ez is része, hogy azt tapasztalja, hogy az oldalon.

456
00:30:22,960 --> 00:30:24,960
De a felhasználói élmény több annál.

457
00:30:24,960 --> 00:30:29,910
Felhasználói élmény az, hogy mi a benyomása, hogy a felhasználó megkapja a saját honlapján is.

458
00:30:29,910 --> 00:30:31,910
Szóval, nyilvánvaló, felület egy része ennek.

459
00:30:31,910 --> 00:30:35,340
És ez mindenképpen szükséges része, de ez nem elegendő.

460
00:30:35,340 --> 00:30:38,790
Más szóval, ha van egy szép felület, és ez szép és színes, és minden az, hogy

461
00:30:38,790 --> 00:30:43,650
Ez nagyszerű, de ha a felhasználó megy a webhelyre, lát egy szép elrendezését, és ez zavarba

462
00:30:43,650 --> 00:30:47,060
Mindent, fogalma sincs, hogyan kell csinálni semmit, akkor nyilván már tett egy igazán

463
00:30:47,060 --> 00:30:48,930
szegény honlapján.

464
00:30:48,930 --> 00:30:50,930
Ez az a fajta, ahol a felhasználói élményt jön be

465
00:30:50,930 --> 00:30:54,570
Fogok beszélni egy kicsit a UX tervezés - UX rövid a felhasználói élmény -

466
00:30:54,570 --> 00:30:58,050
és milyen, hogyan lehet benne, hogy van egy jó felhasználói élményt.

467
00:30:58,050 --> 00:31:04,330
Az első pont az, hogy lehet, hogy tervezzen egy weboldal, ahol a felhasználó tud csinálni semmit,

468
00:31:04,330 --> 00:31:06,820
hogy a felhasználó esetleg akar.

469
00:31:06,820 --> 00:31:08,940
De ha a felhasználó nem tudja kitalálni, hogyan kell csinálni azokat a dolgokat -

470
00:31:08,940 --> 00:31:12,850
Más szóval, ha a felhasználó nem egy jó ötlet, ha megy a helyén,

471
00:31:12,850 --> 00:31:17,660
"Ó, ha azt akarom, hogy frissíteni a profil, akkor kattintson erre a gombra, vagy ha azt akarom, hogy tegye a

472
00:31:17,660 --> 00:31:20,850
valakinek a fal, aztán megy a fal és kattintson egy kis doboz. "

473
00:31:20,850 --> 00:31:24,410
Ha a felhasználó nem tudja, hogy akkor gyakorlatilag nem ténylegesen

474
00:31:24,410 --> 00:31:27,080
végre ezt a funkcionalitást helyesen.

475
00:31:27,080 --> 00:31:30,900
Része végrehajtása funkció, hogy a felhasználók valóban tudják használni.

476
00:31:30,900 --> 00:31:34,810
És lehet, hogy frusztráló - lehet, hogy egy oldalon, és meg tudja csinálni mindenféle

477
00:31:34,810 --> 00:31:37,810
csodálatos dolgokat, de akkor lesz az emberek tesztelni, és azt mondják: "Nem erre.

478
00:31:37,810 --> 00:31:39,770
Miért nem lehet ezt megtenni? ", És akkor azt mondják, vissza őket,

479
00:31:39,770 --> 00:31:44,420
"Nos, akkor. Csak ki kell menni a 7. legördülő menüben ez a homályos

480
00:31:44,420 --> 00:31:48,470
oldal, hogy csak talált egy linket a jobb alsó sarokban ", vagy valami.

481
00:31:48,470 --> 00:31:50,430
Nyilvánvaló, hogy nem akarja ezt.

482
00:31:50,430 --> 00:31:53,420
Azt akarod, hogy legyen egyértelmű, hogy a felhasználók számára, hogy mit kéne csinálni,

483
00:31:53,420 --> 00:31:56,240
és ez legyen egyszerű és intuitív számukra.

484
00:31:56,240 --> 00:32:01,180
>> A másik dolog, amit szeretnék, hogy ne próbálja, ha valaki fog menni a webhely

485
00:32:01,180 --> 00:32:05,520
és 10-ből 9-szer ezt a cselekvést, és 10-ből 1-szer do akció B,

486
00:32:05,520 --> 00:32:08,950
érdemes összpontosítani tapasztalat akció A.

487
00:32:08,950 --> 00:32:12,240
Más szóval, azt szeretnénk, hogy nagyon, nagyon világos, hogyan kell csinálni A.

488
00:32:12,240 --> 00:32:15,980
A legyen front-és-központ - megy az oldal, látom, ó, ott van.

489
00:32:15,980 --> 00:32:20,850
Mivel B nyilván azt szeretné, hogy egyértelmű, de hagyja, hogy egy kicsit több

490
00:32:20,850 --> 00:32:22,850
a háttérben.

491
00:32:22,850 --> 00:32:24,640
David ad egy jó példa erre az előadás,

492
00:32:24,640 --> 00:32:26,640
amely a T-bostoni rendszert.

493
00:32:26,640 --> 00:32:29,440
Amikor megy a Boston T és szeretne vásárolni egy jegyet,

494
00:32:29,440 --> 00:32:32,700
van, hogy a 5 menü, mielőtt ténylegesen a jegy megvásárlása

495
00:32:32,700 --> 00:32:37,130
a $ 2, $ 2,50 értéket, ami az, hogy mennyi kell ahhoz, hogy lovagolni a metró

496
00:32:37,130 --> 00:32:39,130
az egyik irányba.

497
00:32:39,130 --> 00:32:41,600
Ez a probléma, mert a legtöbb ember, aki a metrón

498
00:32:41,600 --> 00:32:44,880
valószínűleg csak akar menni egy helyre, megvenni a jegyet, hogy azonnal.

499
00:32:44,880 --> 00:32:47,550
Ennek nincs értelme, hogy át kell esniük sok különböző menük

500
00:32:47,550 --> 00:32:49,550
eljutni oda.

501
00:32:49,550 --> 00:32:51,760
A jobb felhasználói élmény lenne egy gyors gomb az első oldalon

502
00:32:51,760 --> 00:32:54,760
hogy csak azt mondja, "vegyél egy egyirányú jegyet", és hogy tenné az összes szabványos

503
00:32:54,760 --> 00:32:58,550
alapértelmezett értékeket, és ha valaki meg akarja vásárolni egy másik jegyet, mint az,

504
00:32:58,550 --> 00:33:01,690
még mindig, természetesen lehetősége van, de még optimalizálva

505
00:33:01,690 --> 00:33:04,080
A közös használat esetén, ami igazán fontos.

506
00:33:04,080 --> 00:33:06,830
Láthatjuk példa erre a Facebook-on, igaz?

507
00:33:06,830 --> 00:33:09,410
Ha megy, hogy a Facebook és a közzétenni kívánt állapotot,

508
00:33:09,410 --> 00:33:11,710
ez így van, a tetején, amely az, amit gyakran akarsz.

509
00:33:11,710 --> 00:33:14,730
Amint belépsz az oldalra, meg tudod csinálni a leggyakoribb dolog, hogy

510
00:33:14,730 --> 00:33:16,730
akarsz.

511
00:33:16,730 --> 00:33:17,550
Ha akarsz valamivel bonyolultabb dolgok, mint,

512
00:33:17,550 --> 00:33:21,070
mondani akarok menni barátom falán, és tegye a képet, hogy -

513
00:33:21,070 --> 00:33:24,810
amit majd akarok gyakran, de nem olyan gyakran, mint a kiküldetés állapot frissítések -

514
00:33:24,810 --> 00:33:28,200
Tehát ebben az esetben, azt írja a nevét, a doboz tetején, kattintson a profilját,

515
00:33:28,200 --> 00:33:31,680
majd, mégis, ez jobb felső sarkában ott egyszer kaptam a profil.

516
00:33:31,680 --> 00:33:38,240
Megint optimalizált kiemelt a legtöbb közös használati esetek.

517
00:33:38,240 --> 00:33:41,800
>> A másik fontos dolog az, hogy sokszor az emberek egyfajta megpróbálja megkerülni ezt

518
00:33:41,800 --> 00:33:44,890
mondván, oké, így már készül a helyszínen, és az emberek találjanak zavaró,

519
00:33:44,890 --> 00:33:46,110
és ez a gond, nem igaz?

520
00:33:46,110 --> 00:33:49,210
Nyilvánvaló, hogy nem akarom, hogy az emberek szabad összekeverni a tartalom oldalamon.

521
00:33:49,210 --> 00:33:53,210
De úgy megoldani, hogy ne legyen valami felbukkan mondván:

522
00:33:53,210 --> 00:33:55,290
hé, én fogom tanítani, hogyan kell használni ezt az oldalt.

523
00:33:55,290 --> 00:33:58,130
1. lépés - kattints erre a gombra. 2. lépés - megy itt.

524
00:33:58,130 --> 00:34:03,080
Persze, ez egy út körül - ez egy módja annak, hogy meg tudod mondani az embereknek, mit kell tenni, de ez

525
00:34:03,080 --> 00:34:05,080
valóban nem az optimális utat.

526
00:34:05,080 --> 00:34:07,420
Ha elmegyek egy honlapot, és hirtelen én bombázzák ez a bemutató, ami azt mondja

527
00:34:07,420 --> 00:34:11,739
mit kell tenni, és hová megy, és minden adott, hogy ez nem vicces.

528
00:34:11,739 --> 00:34:13,739
Ez nem egy jó élmény volt számomra.

529
00:34:13,739 --> 00:34:17,130
Ez egyfajta fájdalom. Azt akarom, hogy csak elkezd csinál dolgokat.

530
00:34:17,130 --> 00:34:19,449
Az emberek fognak zárni a párbeszédablak,

531
00:34:19,449 --> 00:34:23,580
vagy kijutni a bemutató, és nem tudja, mit tegyen, majd panaszkodni, mert

532
00:34:23,580 --> 00:34:25,580
még nem mondta nekik, mit kell tennie.

533
00:34:25,580 --> 00:34:29,530
Az út, hogy megoldja ezt nem azáltal, hogy semmiféle bemutató vagy irányban -

534
00:34:29,530 --> 00:34:31,530
ilyesmi.

535
00:34:31,530 --> 00:34:33,719
Amennyire lehet elkerülni azt, szeretné megmutatni a felhasználónak, mit kell tenni

536
00:34:33,719 --> 00:34:36,429
csak a természet, hogy a weboldal lefektetett.

537
00:34:36,429 --> 00:34:39,090
Más szóval, ha elmegyek Facebook bejelentkezés nélkül,

538
00:34:39,090 --> 00:34:40,920
Az első dolog, hogy látom a főoldalon -

539
00:34:40,920 --> 00:34:44,480
ez egy kicsit bejelentkezési ablak. Tehát, duh. Meg kell bejelentkezni Ott van.

540
00:34:44,480 --> 00:34:48,030
Mivel, ha én elmentem a Facebook és volt, hogy kattintson egy kicsit linkre alján

541
00:34:48,030 --> 00:34:51,920
hogy azt mondta: "be" és a többi lap csak valami kép, vagy valami,

542
00:34:51,920 --> 00:34:54,820
Én nem igazán tudom, mit tegyek, nem igaz? Én szabad összekeverni.

543
00:34:54,820 --> 00:34:58,590
Szóval, lehet mondani, hogy menjek oda, és kattintson a gombra, hogy jelentkezzen be,

544
00:34:58,590 --> 00:35:01,080
vagy a belépés gombbal lehet jobb felső sarkában, ahol fogom látni.

545
00:35:01,080 --> 00:35:04,780
Azt akarod, hogy mindig megmutatja a felhasználónak, mit kell tenni,

546
00:35:04,780 --> 00:35:06,750
és hogy kell rejlő magán az oldalon.

547
00:35:06,750 --> 00:35:09,880
>> Ha gondolkodik tervez és gúnyos fel különböző módon

548
00:35:09,880 --> 00:35:13,810
kifejezi az oldalon, akkor igazán akarok gondolni, amit a felhasználók fognak

549
00:35:13,810 --> 00:35:19,380
csinál, és hogyan tudja mutatni nekik, mit kell tennie.

550
00:35:19,380 --> 00:35:23,530
Még egy utolsó dolog tesztel nagyon, nagyon fontos.

551
00:35:23,530 --> 00:35:27,400
Ez nagyszerű, hogy valaki -, hogy egy barátom, hogy valaki nem tudja még -

552
00:35:27,400 --> 00:35:30,420
aki soha nem látta a helyszínen, mielőtt használja az oldalt.

553
00:35:30,420 --> 00:35:33,650
Mivel már dolgozik a helyszínen az óra, akkor már bámulta,

554
00:35:33,650 --> 00:35:36,670
és pontosan tudja, mit kell tennie, így nyilván fogsz, hogy teszteli a

555
00:35:36,670 --> 00:35:39,520
dolog, hogy már dolgozik, és hogy tudod a munka.

556
00:35:39,520 --> 00:35:42,680
De ha valaki jön, és használja a helyszínen, hogy soha nem használt ilyet,

557
00:35:42,680 --> 00:35:46,880
ez egy különleges élmény, mert van valaki, akinek nincs előzetes ismerete

558
00:35:46,880 --> 00:35:51,530
Az oldal megy, így fognak ténylegesen fogalmam sincs, mit kell csinálni

559
00:35:51,530 --> 00:35:54,890
vagy milyen használati esetek vannak jelen a számukra.

560
00:35:54,890 --> 00:36:00,930
Ez nagyszerű. Ez az egyedülálló, mert ők alapvetően egy személy, egy üres elme.

561
00:36:00,930 --> 00:36:03,750
Azt lehet mondani, ha valami zavaró vagy nem egyértelmű.

562
00:36:03,750 --> 00:36:07,580
Úgy adhat egy ötlet éppen a felhasználói élményt a webhely.

563
00:36:07,580 --> 00:36:10,630
Ez nagyon nehéz megmondani, hogy magát, így mindenképpen azt javasoljuk,

564
00:36:10,630 --> 00:36:13,640
ahogy te fejlődő projekteket - ha csinálsz web-alapú projektek -

565
00:36:13,640 --> 00:36:18,290
hogy az emberek az oldalon már van valamilyen funkcionális demo.

566
00:36:18,290 --> 00:36:25,330
>> Most fogok beszélni egy kicsit arról, hogyan kell kezelni a webes projekt.

567
00:36:25,330 --> 00:36:28,900
Már ment át, hogy meg tudod csinálni a technikai back-end oldalon,

568
00:36:28,900 --> 00:36:31,050
hogyan lehet alakítani egy igazán jó hely,

569
00:36:31,050 --> 00:36:34,150
és ez jó, ha dolgozik egyedül, de -

570
00:36:34,150 --> 00:36:37,300
akkor is, ha dolgozik egyedül, és főleg, ha dolgozik egy csapat,

571
00:36:37,300 --> 00:36:39,580
projektmenedzsment lesz egy nagy kérdés.

572
00:36:39,580 --> 00:36:42,340
Már a fajta hallott projektmenedzsment különböző formákban, mivel

573
00:36:42,340 --> 00:36:45,410
általános iskolában, amikor azt mondták, csoportmunka.

574
00:36:45,410 --> 00:36:46,820
Meg kell együttműködni, kommunikálni, meg minden.

575
00:36:46,820 --> 00:36:49,620
Mindez továbbra is érvényes, de van néhány különleges körülmények

576
00:36:49,620 --> 00:36:54,910
számítógép-tudomány, amely azt szeretné, hogy tisztában legyenek, és szeretné, hogy győződjön meg róla, kezelni is.

577
00:36:54,910 --> 00:36:58,050
Beszélni fogok először egy kicsit a csapatot, hogy akkor, hogy be

578
00:36:58,050 --> 00:37:03,280
Nagyon fontos, hogy vegye a megfelelő méret a csapat, hogy dolgozni,

579
00:37:03,280 --> 00:37:05,890
és a projekt végső Azt hiszem, a lehetőséget, hogy válasszon

580
00:37:05,890 --> 00:37:08,610
1 és 4 fő, ha nem tévedek.

581
00:37:08,610 --> 00:37:12,050
Azt szeretnénk, hogy győződjön meg arról, hogy te nem csak a választás az embereknek a száma

582
00:37:12,050 --> 00:37:14,950
, hogy szeretne dolgozni, mert ők a barátaid.

583
00:37:14,950 --> 00:37:18,170
Azt akarod, hogy válasszon egy csapatot, hogy ez egy jó méret, és, hogy megkapja a munkát.

584
00:37:18,170 --> 00:37:22,700
Van egy kompromisszum, mivel több ember szemben kevesebben.

585
00:37:22,700 --> 00:37:25,320
Ha több ember, természetesen több munkát lehet végezni

586
00:37:25,320 --> 00:37:28,450
mert van sok ember, sok olyan kódot, rengeteg ötlet,

587
00:37:28,450 --> 00:37:29,870
és ez minden nagy.

588
00:37:29,870 --> 00:37:32,590
De ez is igényel sokkal több menedzsment és sokkal több a kommunikáció.

589
00:37:32,590 --> 00:37:34,720
Más szóval, ha van 4 ember dolgozik ugyanazon projekt

590
00:37:34,720 --> 00:37:39,200
és ezek mind szerkeszti ugyanazt a kódot, többé-kevésbé mindannyian fajta kell tudni

591
00:37:39,200 --> 00:37:40,920
mi folyik itt, ezért követeli, -

592
00:37:40,920 --> 00:37:44,580
ha néhány új funkcióval a fajta kell mondani az embereknek - Én ezt hozzá,

593
00:37:44,580 --> 00:37:48,510
Én változtass ezen a módon - különösen, ha kap az igazán mély dolgokat

594
00:37:48,510 --> 00:37:52,730
mint a modellek, és a vezérlők, hogy valóban fog befolyásolni, hogy hogyan is működik az oldal.

595
00:37:52,730 --> 00:37:54,500
Az egész csapat tisztában kell lennie azzal is,

596
00:37:54,500 --> 00:37:58,140
így meg kell, hogy megbizonyosodjon arról, hogy nem választotta túl nagy a csapat, hogy ez nehéz lesz

597
00:37:58,140 --> 00:37:59,970
, hogy ezt a kommunikációt.

598
00:37:59,970 --> 00:38:02,930
Ön még nem szeretne választani, elég kicsi ahhoz, csapat, akkor nem fog

599
00:38:02,930 --> 00:38:06,250
képes kommunikálni, mert ez csak neked.

600
00:38:06,250 --> 00:38:11,270
>> A másik dolog, hogy fontolja meg az egyensúlyt, ahol az emberek a készségek.

601
00:38:11,270 --> 00:38:14,350
Nagyon jó, ha mind nagyon jó programozók.

602
00:38:14,350 --> 00:38:17,050
De ha minden back-end emberek, akkor a webhely nem fog nézni nagyon jó

603
00:38:17,050 --> 00:38:20,860
mert van ez a nagy adatbázist, és ez nem a szuper-gyors keresési lekérdezések -

604
00:38:20,860 --> 00:38:26,130
ami nagyszerű - de ha megy rá, ez olyan, mint a 1990-es telek, vörös és kék

605
00:38:26,130 --> 00:38:30,370
mindenhol, és ez nem jó sem.

606
00:38:30,370 --> 00:38:34,210
Figyeljük meg, hogy Ben és én dolgozni, mint egy csapat nagyon szép, mert én vagyok a fajta több

607
00:38:34,210 --> 00:38:38,030
a front-end, mindketten egymásra a közepén-end, és Ben nagyon jó a back-end cucc,

608
00:38:38,030 --> 00:38:43,550
így működik igazán jól, mert tudjuk tervezni bármely helyszínen, és alapvetően a lyukak

609
00:38:43,550 --> 00:38:47,580
abban a helyszínen, hogy ki kell tölteni lehet tölteni akár egyikünk, vagy esetleg mindkettő.

610
00:38:47,580 --> 00:38:50,210
Azt szeretnénk, hogy győződjön meg arról, hogy nincsenek lyukak a csapat.

611
00:38:50,210 --> 00:38:51,180
Nem baj, ha van egy kis átfedés.

612
00:38:51,180 --> 00:38:53,670
Más szóval, ha van 2 ember, hogy egyszerre jó a hátsó,

613
00:38:53,670 --> 00:38:57,250
lehet jó is, mert ezek segíthetnek egymásnak problémák

614
00:38:57,250 --> 00:38:58,820
hogy vannak.

615
00:38:58,820 --> 00:39:02,590
Ez lehet a probléma, ha csak 1 ember, aki felelős egy bizonyos dolog

616
00:39:02,590 --> 00:39:06,650
és befut a probléma, ezért nem akarjuk, hogy egy kis átfedés

617
00:39:06,650 --> 00:39:10,760
de ami a legfontosabb, szeretnénk, hogy győződjön meg arról, hogy az összes lehetséges lyukak vannak töltve.

618
00:39:10,760 --> 00:39:17,550
>> Az utolsó dolog - és ez nyilvánvaló, de gyakran nem.

619
00:39:17,550 --> 00:39:19,550
Azt akarja, hogy jól érzik magukat.

620
00:39:19,550 --> 00:39:23,360
A lényeg az utolsó projekt CS50, és gyakran a pont webfejlesztés általában

621
00:39:23,360 --> 00:39:26,360
nem csak ezt a munkát, mert szüksége van csinál.

622
00:39:26,360 --> 00:39:29,140
Azt akarja, hogy jól érzik magukat, és azt szeretné, hogy, hogy valami

623
00:39:29,140 --> 00:39:31,180
ami motiválja, hogy dolgozni rajta.

624
00:39:31,180 --> 00:39:33,650
Ha bármit is, hogy a fájdalom, hogy üljön le, és a munka,

625
00:39:33,650 --> 00:39:35,650
akkor nem választott a projektet.

626
00:39:35,650 --> 00:39:37,730
Azt akarod, hogy válasszon valamit, amit érdekesnek talál,

627
00:39:37,730 --> 00:39:41,150
szeretné látni az eredményt, hogy izgatott vagy, ha kap egy új ötlet,

628
00:39:41,150 --> 00:39:44,700
valami, amit tehetne - így van mindenféle projektet, hogy ott vagyok benne

629
00:39:44,700 --> 00:39:47,290
megtalálható - mindenkinek van valami, ami igazán intrika őket

630
00:39:47,290 --> 00:39:49,290
ha csinálsz egy web-alapú projekt.

631
00:39:49,290 --> 00:39:52,210
Azt mondom, hogy újra most.

632
00:39:52,210 --> 00:39:54,520
Ha a projekt úgy tűnik, mint a fájdalom, és nem akar dolgozni rajta,

633
00:39:54,520 --> 00:39:57,260
válasszon egy másik projekt. Válassza ki valamit, ami igazán inspirál.

634
00:39:57,260 --> 00:40:00,260
>> Ben említette ezt a fogalmat az iteráció egy kicsit, és azt akarom, hogy menjen át egy kicsit.

635
00:40:00,260 --> 00:40:08,250
Nagyon fontos, hogy a spurts hol beszerezni valamit működőképes.

636
00:40:08,250 --> 00:40:13,420
Ez lehet jó, ha ezt a tervet egy honlapon, hogy fog tenni A, B, és C,

637
00:40:13,420 --> 00:40:16,000
és végül, hogy fog.

638
00:40:16,000 --> 00:40:18,600
De te megragadt ebben a szakaszban, ahol dolgozunk, és dolgoznak rajta,

639
00:40:18,600 --> 00:40:23,330
de semmi sem készül el. Nem kell semmit látni és kézzelfogható, működő dolog.

640
00:40:23,330 --> 00:40:27,940
Amit igazán akar csinálni, mint amilyennek látszik egyfajta fájdalom néha

641
00:40:27,940 --> 00:40:32,300
dolgozni valamit, aztán valami sapkát le úgy, hogy ez legalább egy stabil, futás

642
00:40:32,300 --> 00:40:34,910
verzió akkor is, ha nem rendelkezik az összes kívánt funkciókat.

643
00:40:34,910 --> 00:40:37,690
És talán vannak olyan jellemzők, amit igazán akar felvenni, de nem tudod

644
00:40:37,690 --> 00:40:41,830
azért, mert azt szeretnénk, hogy ezen az oldalon, hogy a funkcionális szempontból.

645
00:40:41,830 --> 00:40:44,400
És így szeretné, hogy milyen, hogy a teljes fejlesztési folyamat így néz ki.

646
00:40:44,400 --> 00:40:47,810
Azt akarod, hogy kezdeni valahol funkcionális - és lényegében kezdődik semmit -

647
00:40:47,810 --> 00:40:49,890
de szeretné, hogy valahol nagyon egyszerű és funkcionális.

648
00:40:49,890 --> 00:40:54,940
És akkor megint, hogy egyfajta ugrás és kap valahol funkcionális újra.

649
00:40:54,940 --> 00:40:59,190
Majd lassan felépíteni, és ez is megy egy kicsit lassabban, mint egyébként,

650
00:40:59,190 --> 00:41:03,000
de hosszú távon, ha állandóan ragadt ebben a középutat fázis, ahol

651
00:41:03,000 --> 00:41:06,380
valójában nem semmi munka, ez lehet egy igazán nagy frusztrációt

652
00:41:06,380 --> 00:41:09,970
dolgozni a projekt, mert te mindig olyan közel szerzés ez működik,

653
00:41:09,970 --> 00:41:12,130
és ez soha nem működik.

654
00:41:12,130 --> 00:41:14,810
Azt akarod, hogy dolgozni a funkcionális spurts,

655
00:41:14,810 --> 00:41:17,950
és azt is szeretné, hogy némi gondolkodás után mindegyiket.

656
00:41:17,950 --> 00:41:21,260
Más szóval, ha már olyan helyen, ahol a helyszínen már dolgozik -

657
00:41:21,260 --> 00:41:24,790
nem kell mindent, amit szeret, de ez nem bizonyos dolgokat -

658
00:41:24,790 --> 00:41:28,870
szeretnénk gondolkodni, oké, ez a honlap megvalósítása a cél, hogy azt tűzte ki, hogy csinálni?

659
00:41:28,870 --> 00:41:33,410
Más szóval, ha az oldal fog csinálni X, az, amit már dolgozik irányába X?

660
00:41:33,410 --> 00:41:36,450
Vannak az összes funkciót, amit szerettem volna ott?

661
00:41:36,450 --> 00:41:39,340
Sőt, van, hogy szolgálja az átfogó cél, amit akarok?

662
00:41:39,340 --> 00:41:43,200
Ha megállapította, hogy a webhely kezd irányt egy másik irányba

663
00:41:43,200 --> 00:41:47,330
vagy talán a dolgok csak egyfajta nem dolgozott ki, lehet, hogy ideje váltani fogaskerekek egy kicsit.

664
00:41:47,330 --> 00:41:51,700
Más szóval, akkor érdemes megfontolni - érdemes tippeket adok, ha szükséges,

665
00:41:51,700 --> 00:41:57,950
és figyelembe véve, én igazán dolgozik, amit én akarok lenni.

666
00:41:57,950 --> 00:42:00,760
>> Azt hiszem, ez az én következő pontot. Ne félj, hogy hagyjon fel ötleteket.

667
00:42:00,760 --> 00:42:03,750
Csak azért, mert töltött sok órát dolgozik a funkció

668
00:42:03,750 --> 00:42:07,890
és végül megkapta ez működik, de ez tényleg nem megy olyan jól -

669
00:42:07,890 --> 00:42:12,690
mintha nem az, hogy hasznos vagy felhasználók gondjai használja - az ilyesmit -

670
00:42:12,690 --> 00:42:15,300
ne félj, hogy dobja el.

671
00:42:15,300 --> 00:42:17,650
Szívás, hogy már töltött sok időt dolgozik rajta,

672
00:42:17,650 --> 00:42:21,870
de végül nem akarod a helyszínen, hogy ez a fajta össze ezek a darabok, amelyek

673
00:42:21,870 --> 00:42:25,380
a fajta munka, de nem olyan jól szolgálja.

674
00:42:25,380 --> 00:42:27,990
Továbbá, ne félj, hogy átfogja az új ötleteket.

675
00:42:27,990 --> 00:42:30,050
Ha valaki jön, és azt mondja, hé, hogy a webhely néz ki, nagyon jó, de

676
00:42:30,050 --> 00:42:32,290
nem lenne még jó, ha az is volt ez?

677
00:42:32,290 --> 00:42:36,220
Csak azért, mert ez valami, hogy nem áll szándékában, és valamit, ami nem a

678
00:42:36,220 --> 00:42:37,900
szemüveg, valami, amit még nem tűzte ki, hogy nem,

679
00:42:37,900 --> 00:42:40,860
ne félj, hogy vegye be, majd dolgozni vele.

680
00:42:40,860 --> 00:42:43,680
Mivel gyakran az ötlet, hogy futtatni egész folyamán a fejlődés

681
00:42:43,680 --> 00:42:47,630
a végén, hogy az igazán nagyszerű tulajdonsága a honlapon.

682
00:42:47,630 --> 00:42:49,630
>> Már mondtam ilyet. Elmondom újra.

683
00:42:49,630 --> 00:42:51,630
Tesztelők szuper, szuper hasznos.

684
00:42:51,630 --> 00:42:56,350
Próbálj meg az emberek, akik még soha nem láttam a helyszínen, mielőtt, hogy jelentkezzen be, hogy mi történik

685
00:42:56,350 --> 00:42:59,080
mert nem csak a teszt a hasznosságát a helyszínen, és a felhasználói élmény,

686
00:42:59,080 --> 00:43:02,070
de ők is tesztelni a funkciót oly módon, hogy nem lehet.

687
00:43:02,070 --> 00:43:06,430
Ha azt, hogy néhány funkció, amely nem egy bizonyos dolog

688
00:43:06,430 --> 00:43:11,620
és tudod, hogy meg fog tenni, hogy ugyanazt a dolgot helyesen minden egyes alkalommal, ez nagyszerű.

689
00:43:11,620 --> 00:43:16,610
De gyakran nehezen megmagyarázható sarokba az esetben, ha a felhasználó esetleg

690
00:43:16,610 --> 00:43:19,500
írja be valamit, amit nem számítottam - pontosan azért, mert amit megadtál

691
00:43:19,500 --> 00:43:21,500
a funkciók magad.

692
00:43:21,500 --> 00:43:23,730
Tehát, hogy valaki jöjjön az, akinek fogalma sincs, hogyan kell használni az oldalon

693
00:43:23,730 --> 00:43:26,840
és hogy csak törni, bármilyen módon tehetnek igazán hasznos, mert

694
00:43:26,840 --> 00:43:30,340
kap egy ötletet, egy teljesen más szemszögből, amit a honlap működik

695
00:43:30,340 --> 00:43:33,300
és ami javításra szorul.

696
00:43:33,300 --> 00:43:37,070
>> Végül fogok beszélni néhány általános jó gyakorlatok,

697
00:43:37,070 --> 00:43:42,470
és akkor már láttam egy csomó ezek CS50, de ők is nagyon, nagyon alkalmazzák a projekt környezetben.

698
00:43:42,470 --> 00:43:47,600
Az egyik megjegyzés. Mindig megjegyzést a kódot, főleg, ha dolgozik egy nagy csapat.

699
00:43:47,600 --> 00:43:51,230
Ez annyira bosszantó, hogy csak egy óriási kódrészleteket, hogy valaki írt

700
00:43:51,230 --> 00:43:54,230
és lehet, hogy működik, lehet, hogy nem, de fogalmam sincs, mit csinál,

701
00:43:54,230 --> 00:43:58,010
így fogalmam sincs, hogy ez hasznos-e vagy sem, vagy hogy kell ott lennie, vagy sem,

702
00:43:58,010 --> 00:44:00,200
és ha dolgozik valami más ez is lehetséges, hogy dolgozunk

703
00:44:00,200 --> 00:44:06,590
ugyanaz a dolog, úgyhogy nagyon-nagyon óvatos, figyelmes a többiek

704
00:44:06,590 --> 00:44:09,710
és kódot írni, ami jól dokumentált.

705
00:44:09,710 --> 00:44:13,580
Nem megy el odáig, hogy ezt az egészet, ahol tetszik, ha növelni

706
00:44:13,580 --> 00:44:16,620
egy számláló van egy megjegyzés, amely azt mondja, én vagyok hozzá 1 a számláló.

707
00:44:16,620 --> 00:44:20,450
Nem kell, hogy a részletes, de minden olyan funkciót, amit valaha is írt

708
00:44:20,450 --> 00:44:23,160
érdemes néhány dokumentációjában, hogy mi a funkció pontosan nem,

709
00:44:23,160 --> 00:44:25,140
amit a bemenetek, és mit ad vissza.

710
00:44:25,140 --> 00:44:27,800
Így lehet használni más emberek elemei a helyszínen

711
00:44:27,800 --> 00:44:31,990
és tudod dolgozni épület valami nagy.

712
00:44:31,990 --> 00:44:34,100
>> A másik fontos dolog, amit akarok, a rendszeres kármentesítés.

713
00:44:34,100 --> 00:44:40,490
Kód lesz piszkos. Ne érezd magad rosszul, ha a kódot csak teljesen olvashatatlan, és egy hatalmas rendetlenség.

714
00:44:40,490 --> 00:44:42,770
Ez történik a webfejlesztés mindig.

715
00:44:42,770 --> 00:44:46,530
Te új funkciókat, eltávolítja a régiek. Stuff lesz ott, hogy nem kell.

716
00:44:46,530 --> 00:44:49,330
Ez rendben van, de azt szeretnénk, hogy győződjön meg róla, hogy foglalkozzanak ezzel rendszeresen.

717
00:44:49,330 --> 00:44:53,430
Nem akarod, hogy hagyjuk, hogy létrejöjjön az a pont, ahol egyszerűen nem talál semmit

718
00:44:53,430 --> 00:44:56,430
a kódot, és fogalmam sincs, hogy mi bármit csinál.

719
00:44:56,430 --> 00:44:58,430
Ez a helyzet a HTML.

720
00:44:58,430 --> 00:44:59,490
Néha akkor a végén a tárgyat, amely nem tartalmaz semmit,

721
00:44:59,490 --> 00:45:01,320
és akkor szeretnénk megszabadulni e.

722
00:45:01,320 --> 00:45:04,610
A CSS, akkor lehet utalva elemeket, amelyek nem létezik többé,

723
00:45:04,610 --> 00:45:06,340
így szeretne megszabadulni, hogy a kódot.

724
00:45:06,340 --> 00:45:09,900
A JavaScript, lehet, hogy ki valamit a HTML.

725
00:45:09,900 --> 00:45:13,150
Szóval, azt szeretnénk, hogy győződjön meg arról, hogy te mindig a takarítás, a dolgok elég

726
00:45:13,150 --> 00:45:17,450
annyi, amennyit csak tudsz, rendszeresen.

727
00:45:17,450 --> 00:45:21,060
>> Egy másik nagyon hasznos dolog, nem hiszem, hogy a felvázolt nagyon sok CS50

728
00:45:21,060 --> 00:45:23,430
de érdemes bekerülni verzió ellenőrzés.

729
00:45:23,430 --> 00:45:27,180
Az az elképzelés, verzió ellenőrzés, amikor alapvetően nyomon követése minden haladás

730
00:45:27,180 --> 00:45:30,820
amit tett felé a webhely, és ha bármikor rájössz, ó, ez működött

731
00:45:30,820 --> 00:45:35,220
egy ideje, de ez nem működik többé, akkor menj vissza a korábbi verziók

732
00:45:35,220 --> 00:45:37,720
és mi változott azóta, és az ilyesmit.

733
00:45:37,720 --> 00:45:41,670
Az elsődleges módja, hogy a Git és Git ez az egész ilyen rendszer

734
00:45:41,670 --> 00:45:46,390
Azt hiszem, Tommy MacWilliam tartott szemináriumot a múlt évben.

735
00:45:46,390 --> 00:45:51,520
Ha bemegy a CS50 szemináriumok 2011, láthatjuk a szeminárium ezt.

736
00:45:51,520 --> 00:45:57,070
Az az elképzelés, Git alapvetően, hogy rendszeres időközönként te, hogy ezeket a kötelezettségvállalásokat

737
00:45:57,070 --> 00:46:01,430
amelyek módon azt a helyszínen van egy elég stabil verzió most így

738
00:46:01,430 --> 00:46:05,910
Én csomagolás fel, és küld el a szerverre, és akkor mehet a szerveren

739
00:46:05,910 --> 00:46:07,910
és nézd meg az összes korábbi verziói a kódot, és látni, hogyan fejlődött

740
00:46:07,910 --> 00:46:12,210
és minden fajta jó dolog.

741
00:46:12,210 --> 00:46:14,210
Szóval, ez alapvetően azt.

742
00:46:14,210 --> 00:46:17,870
Ami a webes fejlesztés, örülünk, hogy maradjon, és válaszoljon a

743
00:46:17,870 --> 00:46:20,570
kérdéseket, mint amennyire a bemutatót.

744
00:46:20,570 --> 00:46:22,900
Ennyi. Köszi. >> [Ben] Köszönöm.

745
00:46:22,900 --> 00:46:28,480
[Taps]

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Staff, van valakinek bármilyen kérdése van a dolog, amit már lefedett

747
00:46:30,950 --> 00:46:33,950
vagy a dolgokat, hogy már nem vonatkozik, hogy abban a reményben, mi lenne fedezni?

748
00:46:33,950 --> 00:46:35,950
Szívesen válaszolni ezekre. Valaki?

749
00:46:35,950 --> 00:46:50,360
[Közönség tagja] Mi az előnye és hátránya a Ruby vagy Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] A kérdés az volt, mi az előnye és hátránya a Ruby és Python

751
00:46:58,660 --> 00:46:59,900
ahelyett, hogy, mint a PHP.

752
00:46:59,900 --> 00:47:11,340
A profik az, hogy Ruby és Python sokkal jobb nyelvek, mint a PHP.

753
00:47:11,340 --> 00:47:14,920
Legalábbis véleményem, és azt hiszem, egy csomó más emberek véleményét is.

754
00:47:14,920 --> 00:47:20,990
Ezeket úgy tervezték, még csinál összetettebb dolog,

755
00:47:20,990 --> 00:47:25,380
és kevésbé a kolosszális együtt weboldalak nagyon gyorsan

756
00:47:25,380 --> 00:47:28,400
egy kicsit a dinamikus tartalom.

757
00:47:28,400 --> 00:47:35,180
A hátránya az, hogy van egy kis - van még egy tanulási görbe

758
00:47:35,180 --> 00:47:37,220
kell kérni őket létre.

759
00:47:37,220 --> 00:47:41,010
Ez azt jelenti, mint a PHP, akkor csak egy HTML fájlt, és írsz kevésbé, mint a,

760
00:47:41,010 --> 00:47:43,060
kérdőjel, és akkor írni egy kis kódot, majd írsz kérdőjel,

761
00:47:43,060 --> 00:47:45,700
nagyobb mértékű volt, és akkor kész.

762
00:47:45,700 --> 00:47:50,300
Más nyelvek, mint a Ruby vagy Python,

763
00:47:50,300 --> 00:47:56,810
van, hogy menjen át egy kicsit több munkát kap az eredeti helyén fut.

764
00:47:56,810 --> 00:48:02,730
Van még - legalábbis ez szokott lenni a helyzet -, hogy van több dokumentáció

765
00:48:02,730 --> 00:48:05,480
rendelkezésre a PHP csak azért, mert egyre több ember használja.

766
00:48:05,480 --> 00:48:09,370
Azt hiszem, ez nem olyan nagy probléma többé.

767
00:48:09,370 --> 00:48:12,520
Ez természetesen nagyon jó dokumentáció dolgok, mint a Ruby on Rails

768
00:48:12,520 --> 00:48:16,080
vagy Django Python egyenértékű.

769
00:48:16,080 --> 00:48:25,910
PHP az egyik, hogy mindenki használ évek, és tudod, hogyan működik.

770
00:48:25,910 --> 00:48:28,460
Ruby és Python egy kicsit kevésbé érett.

771
00:48:28,460 --> 00:48:33,130
>> [Közönség tagja] Ha úgy döntesz, hogy választani közülük, hogy tanulni, vagy vegye fel,

772
00:48:33,130 --> 00:48:36,130
melyiket választaná?

773
00:48:36,130 --> 00:48:38,870
Őszintén szólva, azt hiszem, hogy attól függ, hogy a személy.

774
00:48:38,870 --> 00:48:45,450
Sajnálom. A kérdés az volt, ami felveszi valaki tanulni?

775
00:48:45,450 --> 00:48:50,230
Találom Python a legszebb személyesen.

776
00:48:50,230 --> 00:48:55,360
Van egy csomó ember, akik - nem az első web dev projekt Python és Django.

777
00:48:55,360 --> 00:49:00,300
Van egy csomó ember, akik szeretik a Ruby on Rails is.

778
00:49:00,300 --> 00:49:02,650
Valószínűleg több ember, akik tudják, Ruby on Rails.

779
00:49:02,650 --> 00:49:05,270
Őszintén szólva, én csak megy, amit az emberek tudják

780
00:49:05,270 --> 00:49:09,680
úgy, hogy az emberek kérdéseket feltenni.

781
00:49:19,640 --> 00:49:24,170
>> A kérdés az volt - megosztott szervereken ez elég nehéz dolgozni Python?

782
00:49:24,170 --> 00:49:26,170
Ez attól függ, a tárhely.

783
00:49:26,170 --> 00:49:29,400
Számos webtárhely, hogy tegye Python dolgokat.

784
00:49:29,400 --> 00:49:31,400
Webfaction teszi, igaz?

785
00:49:31,400 --> 00:49:34,400
Webfaction az egyik, hogy Billy és én már használt néhány projekt.

786
00:49:34,400 --> 00:49:37,750
Ők igazán nagy. Ezek támogatják a legtöbb nyelven.

787
00:49:37,750 --> 00:49:40,020
De az igaz, hogy a PHP sokkal szélesebb körben támogatott.

788
00:49:40,020 --> 00:49:45,210
Tehát, ha elakad egy internetes fogadó, hogy csak nem a PHP, hogy ez egy jó ok arra, hogy a PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Közönség tagja] Most kaptam a tanulás, hogyan kell lekérdezni bizonyos adatbázisokhoz,

790
00:49:56,010 --> 00:50:00,680
és tudom, hogy az SQL egész hely, de az utóbbi időben kapott kitéve -

791
00:50:00,680 --> 00:50:04,470
és mutatott ki. Látod JSON és bővíthető adatbázisok.

792
00:50:04,470 --> 00:50:14,580
My SQL továbbra is az egész hely. Hogyan látja, hogy történik?

793
00:50:14,580 --> 00:50:21,330
Van-e lesz a növekvő tendencia tovább bővíthető (nem hallható)?

794
00:50:21,330 --> 00:50:30,100
A kérdés az volt - gondolom, ott lesz a tendencia nem SQL adatbázisok.

795
00:50:30,100 --> 00:50:33,850
Például, mint a MongoDB. Azt hiszem, ez mindenképpen igaz.

796
00:50:33,850 --> 00:50:38,730
Az én tanácsom többnyire mySQL kapcsolatos, itt csak azért, mert a MySQL

797
00:50:38,730 --> 00:50:40,950
ipari szabvány.

798
00:50:40,950 --> 00:50:45,950
Én személy szerint sokkal jobban adatbázisokat, amelyek nem rendelkeznek schemos mint MongoDB

799
00:50:45,950 --> 00:50:49,520
ahol nincs kérdés, ó, szükségem van egy újabb oszlopot.

800
00:50:49,520 --> 00:50:51,600
Jaj nekem, mintha bármit csináljak?

801
00:50:51,600 --> 00:50:55,840
Ez nagyon nehéz megtenni, hogy a MySQL, de ha van valami, mint Mongo

802
00:50:55,840 --> 00:50:57,840
ez sokkal szebb.

803
00:50:57,840 --> 00:51:03,780
A másik szép dolog Mongo az, hogy a rekordok valójában JavaScript objektumok.

804
00:51:03,780 --> 00:51:10,110
Nincs valami átalakítási lépés, ahol meg kell, hogy ezen adatbázis sorok

805
00:51:10,110 --> 00:51:13,140
és kapcsolja őket egy JavaScript objektumot, majd elküldi őket a vezetéket.

806
00:51:13,140 --> 00:51:20,290
Azt hiszem, ilyesmi lesz nagyon hasznos a gyors web-fejlesztés a jövőben.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Valami Hozzátenném, ami csak egy általános lényeg az, hogy

808
00:51:23,060 --> 00:51:26,580
Nem érzem, hogy kellett szereznie az összes nyelv általunk tárgyalt

809
00:51:26,580 --> 00:51:28,580
A szeminárium.

810
00:51:28,580 --> 00:51:30,560
Természetesen a lényeg az, hogy ön egy eszme, mi van odakint,

811
00:51:30,560 --> 00:51:33,450
és ha kíváncsivá minden olyan dolog, amit már említettem akkor google őket

812
00:51:33,450 --> 00:51:35,830
és olvassa fel őket.

813
00:51:35,830 --> 00:51:38,750
És ahogy már említettem, van néhány szemináriumok foglalkoznak, hogy pontosan ezeket a dolgokat.

814
00:51:38,750 --> 00:51:41,660
Vannak még több szemináriumot, amit még nem említettem, hogy talán kap

815
00:51:41,660 --> 00:51:43,660
ez a cucc is.

816
00:51:43,660 --> 00:51:46,610
Az ötlet az, hogy ha szeretne dolgozni valamit, itt van az eszközöket az Ön rendelkezésére.

817
00:51:46,610 --> 00:51:51,630
Nem érzi, túlterheltek, ha nem tudjuk, mire ezek az eszközök pontosan,

818
00:51:51,630 --> 00:51:54,830
de tudom, hogy ott vannak, és tudod, hogy széles körben használják őket

819
00:51:54,830 --> 00:51:56,830
a Google.

820
00:51:56,830 --> 00:51:59,960
>> [Közönség tagja] Milyen dolgok, amit tennie kell, hogy ellenőrizze, hogy a website

821
00:51:59,960 --> 00:52:02,530
jól néz ki a mobil eszközök?

822
00:52:02,530 --> 00:52:05,590
[Billy] A mobil eszközök egy kicsit nehéz.

823
00:52:05,590 --> 00:52:07,590
Van 2 módon lehet megközelíteni.

824
00:52:07,590 --> 00:52:11,500
Az első út az, hogy valóban van egy mobil weboldal.

825
00:52:11,500 --> 00:52:14,660
Más szóval, ha végre valamilyen kimutatási elején

826
00:52:14,660 --> 00:52:18,830
amikor a böngésző, hogy a kérést a honlapon, amely vagy azt mondja,

827
00:52:18,830 --> 00:52:25,240
vissza ezt a nézetet - melyik lesz a nézetet asztali vagy hordozható böngészők -

828
00:52:25,240 --> 00:52:27,710
és ez a másik nézetet a mobil eszközök.

829
00:52:27,710 --> 00:52:33,090
Ez egy olyan hely, ahol a nézetek nagyon kedves, hogy akkor elég sok csere a

830
00:52:33,090 --> 00:52:37,580
kettő, és egy felületet, hogy működik nagyon szépen a mobileszközökön

831
00:52:37,580 --> 00:52:40,770
, és egy teljesen más, ami működik szépen böngésző eszközök.

832
00:52:40,770 --> 00:52:43,770
A probléma az, hogy ez sok időt vesz igénybe, mert ez azt jelenti, kódolás

833
00:52:43,770 --> 00:52:47,060
egy teljesen más felületen.

834
00:52:47,060 --> 00:52:49,720
A másik út, hogy meg tudod csinálni, hogy -

835
00:52:49,720 --> 00:52:55,250
Sok modern telefonok jelenik weboldalak és próbálja teszi őket, mint egy böngésző lenne,

836
00:52:55,250 --> 00:52:57,680
és ők nem a legjobb.

837
00:52:57,680 --> 00:53:04,340
Tudod milyen próbál maradni fény mennyiségét jQuery JavaScript, amit használ

838
00:53:04,340 --> 00:53:07,360
amely hajlamos arra, hogy ahol a dolgok rosszra egy kicsit.

839
00:53:07,360 --> 00:53:13,430
Ez a fajta az út, hogy akkor érdemes használni, ha nincs annyi időnk.

840
00:53:13,430 --> 00:53:18,540
Ha van időd, hogy dolgozzon ki egy mobil felületen, ez nyilvánvalóan a legjobb választás.

841
00:53:18,540 --> 00:53:23,320
>> Azt hiszem, általában CS50 projektek fogsz szeretné választani egyik vagy a másik.

842
00:53:23,320 --> 00:53:27,990
Más szóval, azt szeretnénk, hogy egy mobil alkalmazás, vagy azt szeretnénk, hogy egy asztali weboldalon.

843
00:53:27,990 --> 00:53:32,200
És ez a fajta határozza meg, hová mész vele.

844
00:53:32,200 --> 00:53:35,360
De ha azt akarjuk, hogy bontsa ki később, talán a legjobb megoldás az,

845
00:53:35,360 --> 00:53:37,360
hogy egy másik felület a többi.

846
00:53:51,650 --> 00:53:56,340
Van egy kis tapasztalat a fejlődő WordPress-alapú oldalak.

847
00:53:56,340 --> 00:53:58,670
Én otthont egy személyes honlap a WordPress egy darabig.

848
00:53:58,670 --> 00:54:02,310
Ilyen jellegű keretek is lehet szép, csak nagyon alapvető dolgokat.

849
00:54:02,310 --> 00:54:07,050
Gyakran akkor csak befut sok testreszabható kérdés mégis.

850
00:54:07,050 --> 00:54:10,940
Azt akarja, hogy valami meg egy bizonyos módon, vagy egy bizonyos módon

851
00:54:10,940 --> 00:54:14,510
és nem tudod, mert nehéz vezetékes a rendszer

852
00:54:14,510 --> 00:54:17,480
ez hogyan kell csinálni a dolgokat, amely lehet egy kis probléma.

853
00:54:17,480 --> 00:54:22,020
Azóta a fajta volt, hajlamosabbak dolgozni helyek az alapoktól kezdve.

854
00:54:22,020 --> 00:54:26,840
A dolgok, mint a blog, adatbázisokat és az ilyesmit, hogy ez tényleg nem olyan nehéz, hogy egy keretet.

855
00:54:26,840 --> 00:54:29,970
Ha tényleg feszített az idő, akkor természetesen használhatja valami, mint a WordPress

856
00:54:29,970 --> 00:54:33,120
vagy ilyesmi a blog.

857
00:54:33,120 --> 00:54:38,790
A dolgokat, hogy a blogok tárolni, és nem nem igazán elég nehéz, hogy

858
00:54:38,790 --> 00:54:41,500
ha fut be bármely ilyen jellegű dolgokat, akkor talán a legjobb, csak azért, hogy

859
00:54:41,500 --> 00:54:43,500
hogy egy házon belüli változatban.

860
00:54:43,500 --> 00:54:48,350
>> Azt hiszem, ennyi, ezért még egyszer köszönöm, hogy eljöttek.

861
00:54:48,350 --> 00:54:51,960
Igazán élveztem veletek szóba, és remélem, hogy megtanultam néhány dolgot.

862
00:54:51,960 --> 00:54:55,350
[Ben] Örömmel beszélni - el kell menni, de örülünk, hogy beszéljen több külső

863
00:54:55,350 --> 00:55:01,650
ha van egy másik kérdés. Még egyszer köszönöm. [Taps]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]