1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Seminar] [Veebiarendus: ideest teostuseni]

2
00:00:02,500 --> 00:00:04,200
[Ben Kuhn] [Billy Janitsch] [Harvard University]

3
00:00:04,200 --> 00:00:07,250
[See on CS50] [CS50.TV]

4
00:00:07,250 --> 00:00:10,840
[Billy] Tere, ma olen Billy ja see on Ben. >> [Ben] Tere.

5
00:00:10,840 --> 00:00:12,840
Me räägime veebiarendust täna.

6
00:00:12,840 --> 00:00:14,840
[Webdev] [Billy Janitsch ja Ben Kuhn]

7
00:00:14,840 --> 00:00:16,840
Natuke meist esimesena.

8
00:00:16,840 --> 00:00:19,590
Ben on omamoodi back-end mees. Ta teeb asjad töötavad.

9
00:00:19,590 --> 00:00:21,870
Ja siis ma lähen sisse ja muuta need ilusad.

10
00:00:21,870 --> 00:00:26,610
Olen suuresti kaasatud rohkem esiotsa topoloogia sellist kraami,

11
00:00:26,610 --> 00:00:31,260
ja Ben, teiselt poolt, ei tea, mida ta teeb, et ta töötab back-end kraami.

12
00:00:31,260 --> 00:00:34,050
Koos oleme teinud mõned asjad.

13
00:00:34,050 --> 00:00:38,710
Näiteks eelmisel aastal töötasime Gimblium mis on online mängu areng stuudio.

14
00:00:38,710 --> 00:00:40,400
See oli meie viimane projekt klass,

15
00:00:40,400 --> 00:00:42,780
ja sellest ajast alates oleme teinud Harvard Class

16
00:00:42,780 --> 00:00:47,860
mis on online raamistik sirvimine ja shopping kursused Harvardi.

17
00:00:47,860 --> 00:00:53,180
>> Me alustame selle idee meie veebilehel.

18
00:00:53,180 --> 00:00:57,480
Me teha Facebook, kuid kassidele.

19
00:00:57,480 --> 00:00:59,520
Enne kui tegelikult teha selle veebilehe

20
00:00:59,520 --> 00:01:02,520
ei tee seda kodulehel, sest see ei ole hea, kuid me kasutame seda raamistikuna

21
00:01:02,520 --> 00:01:05,349
ja minna läbi protsessi, kuidas me selle idee

22
00:01:05,349 --> 00:01:07,450
ja muuta see reaalne kodulehel saame kasutada.

23
00:01:07,450 --> 00:01:11,940
Hakkame murdes veebilehte allapoole.

24
00:01:11,940 --> 00:01:13,190
Nagu olete teinud ka CS50,

25
00:01:13,190 --> 00:01:17,360
sa tahad mõelda, millised on tegelikud osad, mis lähevad sellel veebilehel.

26
00:01:17,360 --> 00:01:21,290
Põhimõtteliselt keerates see idee, mis on justkui abstraktne mõiste

27
00:01:21,290 --> 00:01:23,590
tõeline, käegakatsutav asi, mida võiks teha.

28
00:01:23,590 --> 00:01:25,910
Alustame küsides mõned küsimused.

29
00:01:25,910 --> 00:01:28,070
Mis on selle veebilehe? Miks me muudab?

30
00:01:28,070 --> 00:01:30,670
Mida ta kavatseb kasutada? Sellised asjad.

31
00:01:30,670 --> 00:01:33,660
Juhul Facebook Kass,

32
00:01:33,660 --> 00:01:37,730
me põhiliselt tahavad veebilehel, mis võimaldab kassid sotsiaalne võrgustik üksteisega.

33
00:01:37,730 --> 00:01:41,260
Idee on selles, et nad saavad postitada teineteise seinad,

34
00:01:41,260 --> 00:01:43,510
nad saavad teha märkusi, et selline asi.

35
00:01:43,510 --> 00:01:46,720
Ja see, kui me tuleme funktsionaalsed komponendid.

36
00:01:46,720 --> 00:01:51,270
Meil on nüüd selline raamistik - meil on kasutajaprofiilid,

37
00:01:51,270 --> 00:01:53,990
meil on kommentaarid ja saame postitada.

38
00:01:53,990 --> 00:01:57,390
Võib-olla ühel päeval me sissevoolav meeldib ja et selline asi.

39
00:01:57,390 --> 00:02:00,410
Ja me nagu tahaks esikohale need funktsioonid lähen sisse

40
00:02:00,410 --> 00:02:03,340
Me tahame öelda, nagu, okei, see on tõesti oluline, et igaühel on profiilis

41
00:02:03,340 --> 00:02:06,440
ja et igaüks võib kirjutada üksteise seinad.

42
00:02:06,440 --> 00:02:08,509
Teisejärguline, et kommentaare oleks tore.

43
00:02:08,509 --> 00:02:10,180
Võibolla hiljem me sissevoolav sarnast.

44
00:02:10,180 --> 00:02:13,700
Niisiis, sa tahad olla idee, mida on oluline oma projekti

45
00:02:13,700 --> 00:02:17,260
ja mis on omamoodi üldisem funktsioon, mida saaks kasutada hiljem.

46
00:02:17,260 --> 00:02:20,870
Tahad omamoodi on konkreetne nimekiri meeles

47
00:02:20,870 --> 00:02:24,090
aga projekti, et hakkate koos ei kavatse olla projekt, mida lõpetada.

48
00:02:24,090 --> 00:02:27,100
Teisisõnu, asjad lähevad muuta, kui oled arenev ala,

49
00:02:27,100 --> 00:02:30,090
ja sa tahad jätta ruumi, et.

50
00:02:30,090 --> 00:02:34,470
Keeran selle üle Ben kes läheb rääkida natuke struktuur.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] ma lähen rääkima rohkem tehniline pool veebi arengut.

52
00:02:39,610 --> 00:02:42,370
Lähme üle mõned põhitõed esimene.

53
00:02:42,370 --> 00:02:45,730
Kui sa teed web app,

54
00:02:45,730 --> 00:02:50,470
osakonnale, et sa lähed pea olema, on

55
00:02:50,470 --> 00:02:52,700
sa lähed on mõned asju toimub kliendi poolel -

56
00:02:52,700 --> 00:02:56,700
see tähendab, et kood, et sa oled brauser võtab saidilt

57
00:02:56,700 --> 00:03:01,910
ja JavaScript, HTML, CSS kraam.

58
00:03:01,910 --> 00:03:04,490
See on kõik kliendi poolel.

59
00:03:04,490 --> 00:03:08,680
Sa lähed on muud koodi, mis jookseb serveripoolne

60
00:03:08,680 --> 00:03:10,770
mis jälgib kõiki andmeid, mida inimesed saata teile

61
00:03:10,770 --> 00:03:15,060
otsustab, kes anda mida, midagi sellist.

62
00:03:15,060 --> 00:03:20,380
See on vaid mõned terminoloogia, et te olete kõik tuttavad, mida me räägime.

63
00:03:20,380 --> 00:03:28,600
Peale selle jagamine on hea mõelda oma web app seisukohalt

64
00:03:28,600 --> 00:03:32,500
paar erinevat komponenti.

65
00:03:32,500 --> 00:03:35,270
Kui sa teed veebi arengut

66
00:03:35,270 --> 00:03:41,710
üks asi, mida sa peaksid alati püüdnud teha on vähendada keerukust.

67
00:03:41,710 --> 00:03:45,710
Keerulisem kood on suurem võimalus on teha vigu,

68
00:03:45,710 --> 00:03:47,710
raskem on hiljem muuta.

69
00:03:47,710 --> 00:03:50,140
Niisiis, kui te ei lahku oma app mõned erinevad tegevusalad

70
00:03:50,140 --> 00:03:57,640
See - ja saate vähendada omamoodi summa cross-ala side -

71
00:03:57,640 --> 00:04:03,530
mis aitab teil palju pikemas perspektiivis, kuna need vähendavad vigu.

72
00:04:03,530 --> 00:04:07,950
>> Et olla konkreetne, tavaliselt inimesed jagavad web app -

73
00:04:07,950 --> 00:04:13,190
Need on omamoodi buzz sõnad nüüd, kuid nad on ikka kasulik.

74
00:04:13,190 --> 00:04:17,940
Te olete kuulnud inimesed räägivad mudelid, arvamusi ja kontrollerid.

75
00:04:17,940 --> 00:04:23,210
Mudelid on tegelikud andmed, et teie app läheb tegelema.

76
00:04:23,210 --> 00:04:28,260
Näiteks oma kass Facebook, oma mudeleid oleks -

77
00:04:28,260 --> 00:04:35,340
sa tahaks olla eeskujuks nagu postid ja mudel kasutajaprofiilid, midagi sellist.

78
00:04:35,340 --> 00:04:41,090
Teie seisukohad on, kuidas te esitate, et andmeid oma kasutajatele.

79
00:04:41,090 --> 00:04:46,660
Te võib-olla 1 vaade vaadates ühe posti ja kõik kommentaarid

80
00:04:46,660 --> 00:04:51,720
ja erinevat seisukohta oma seina, mis on nimekiri kõigist postitustest

81
00:04:51,720 --> 00:04:57,170
mis on suunatud teile, ja erinevat seisukohta teie uudistevoo - midagi sellist.

82
00:04:57,170 --> 00:05:00,610
Lõpuks olete juhtimise kontrollerid, mis on põhimõtteliselt, kui inimesed teile saata postitusi

83
00:05:00,610 --> 00:05:03,310
ja teete uudiseid oma back-end süsteem,

84
00:05:03,310 --> 00:05:06,400
sa juurdekasvu kamp lugejad ja mida iganes.

85
00:05:06,400 --> 00:05:07,860
Need on oma kontrollerid.

86
00:05:07,860 --> 00:05:11,030
>> Ma lähen räägin enamasti umbes mudeleid.

87
00:05:11,030 --> 00:05:14,030
Vaated on tehniliselt väga raske ja küsimus on rohkem projekteerimisel neid

88
00:05:14,030 --> 00:05:22,040
Kontrollerid hakkavad olema konkreetsed iganes sa oled projekteerimisel.

89
00:05:22,040 --> 00:05:25,220
Kuid on ka mõned päris üldine tehnikaid, mida saab kasutada

90
00:05:25,220 --> 00:05:30,220
teha oma mudeleid ilusam ja lihtsam töötada, et ma arvan, et on väga kasulik.

91
00:05:30,220 --> 00:05:35,860
See on enamasti saab olema, kuidas tegeleda oma web apps andmed kena viisil.

92
00:05:35,860 --> 00:05:40,420
Peamised küsimused, mille mudelid

93
00:05:40,420 --> 00:05:44,540
on see, et nad elavad, kui klient ja server ja sa pead mõtlema,

94
00:05:44,540 --> 00:05:51,170
a) kuidas neid saada - kõik asjakohased sätted - serverilt kliendile

95
00:05:51,170 --> 00:05:53,440
ja b) kuidas hoida neid sünkroonis.

96
00:05:53,440 --> 00:05:58,700
Kasutajad ei kavatse soovite teha mõned uuendused.

97
00:05:58,700 --> 00:06:00,470
Nad lähed tahan teha uut ametikohta.

98
00:06:00,470 --> 00:06:04,800
Nad lähed tahan meeldi asju ja asju, kui teil meeldib.

99
00:06:04,800 --> 00:06:11,490
Need on peamised tehnilised probleemid tegelevad mudeleid.

100
00:06:11,490 --> 00:06:15,680
Esimene asi, mis sa lähed tahan küsida on

101
00:06:15,680 --> 00:06:18,420
milliseid andmeid läheb see mudel ja milliseid päringuid me tahame teha -

102
00:06:18,420 --> 00:06:24,290
see tähendab, kuidas me vaadata mudeleid?

103
00:06:24,290 --> 00:06:26,940
Oma kassi Facebook näiteks

104
00:06:26,940 --> 00:06:31,520
Teie postitus läheb on autor sellega seotud,

105
00:06:31,520 --> 00:06:35,660
mõned seina post tekst ja saaja seina post.

106
00:06:35,660 --> 00:06:38,470
Ja siis võiksite pärida, et hunnik erinevaid viise.

107
00:06:38,470 --> 00:06:42,220
Sa tahaksid vaadata seda, kes kirjutas, mis pärast,

108
00:06:42,220 --> 00:06:46,620
poolt, kes said mis lisada, äkki kuupäeva järgi postitanud.

109
00:06:46,620 --> 00:06:50,340
Aga kui sa lähed seda kuupäeva, siis pead lisama teises valdkonnas oma postitus

110
00:06:50,340 --> 00:06:52,490
millal see oli tegelikult lähetatud.

111
00:06:52,490 --> 00:07:00,220
Need 2 tegurit - milliseid andmeid soovite kasutada ja kuidas sa tahad, et vaadata seda -

112
00:07:00,220 --> 00:07:04,200
siis peaks mõtlema kõigepealt, sest nad sõltuvad teineteisest,

113
00:07:04,200 --> 00:07:08,030
ja see saab olema raskem, et lisada need hiljem.

114
00:07:08,030 --> 00:07:12,750
>> Leidub muud kaalutlused.

115
00:07:12,750 --> 00:07:17,540
Kui sa mõtled, kuidas sa tegelema mudelid server

116
00:07:17,540 --> 00:07:20,540
mida soovite vaadata on -

117
00:07:20,540 --> 00:07:27,440
sa põhimõtteliselt tahad teha server nii lihtsaks kui võimalik.

118
00:07:29,440 --> 00:07:35,500
Doing asju kliendi poolel on tavaliselt palju kiiremini, kui te ei saa seda teha üksnes kliendi

119
00:07:35,500 --> 00:07:38,230
ei tee mingit võrgu taotluse.

120
00:07:38,230 --> 00:07:47,860
Idee on teha nii palju küsimusi kui võimalik kliendi.

121
00:07:47,860 --> 00:07:51,560
Ainus probleem on, et

122
00:07:51,560 --> 00:07:54,160
on see, et kui sa taotleda kõik andmed alguses

123
00:07:54,160 --> 00:07:57,160
siis see läheb võtab kaua aega laadida.

124
00:07:57,160 --> 00:08:02,290
Nii, mõte on leida kuldne kesktee vahel on piisavalt andmeid kliendi

125
00:08:02,290 --> 00:08:07,640
, mida saate teha enamik oma tööd seal, kuid mitte lihtsalt edev kõike korraga

126
00:08:07,640 --> 00:08:09,710
nii et sa saad tõesti aeglane laadimise alguses.

127
00:08:09,710 --> 00:08:12,610
Näiteks oma kass andmed

128
00:08:12,610 --> 00:08:20,340
sa ilmselt tahad tõmmata hunnik viimastel seina ametikohta.

129
00:08:20,340 --> 00:08:23,790
Sa ei taha, et tuua neid kõiki, sest see võiks minna tagasi paar aastat.

130
00:08:23,790 --> 00:08:25,470
Aga sa ei taha, et tuua neid ükshaaval

131
00:08:25,470 --> 00:08:28,740
sest et tooks palju võrgu koormus.

132
00:08:28,740 --> 00:08:33,620
>> See on sageli üsna raske - kui teil on andmebaas töötab -

133
00:08:33,620 --> 00:08:37,210
see on tihti üsna raske muuta, milliseid andmeid teil on see -

134
00:08:37,210 --> 00:08:40,510
see tähendab, et lisada uus andmebaas veeru või midagi -

135
00:08:40,510 --> 00:08:43,510
nii et üks hea strateegia on tegelikult lihtsalt hoida palju oma andmeid teksti kämp -

136
00:08:43,510 --> 00:08:53,880
JSON kämp - JSON on JavaScript Object esitust -

137
00:08:53,880 --> 00:08:58,330
Põhjusel, et see kasulik on, sest siis saad lisada uusi omadusi

138
00:08:58,330 --> 00:09:01,920
kõik need JSON plekid muutmata oma andmebaasi.

139
00:09:01,920 --> 00:09:06,860
Ainuke negatiivne külg on see, et kui sul on hunnik väljad

140
00:09:06,860 --> 00:09:09,890
et sa hiljem lisada - nagu peidetud, et JSON kämp -

141
00:09:09,890 --> 00:09:12,850
siis on raskem päringuid nende sees andmebaasis.

142
00:09:12,850 --> 00:09:17,690
Näiteks, kui sa hiljem - kui teil on olnud oma ametikohale, mida me arutasime varem

143
00:09:17,690 --> 00:09:25,380
vaid autor, saaja ja tekst -

144
00:09:25,380 --> 00:09:29,000
sa oleks võinud ka JSON kämp ja siis kui sa hiljem soovis lisada kuupäeva väli

145
00:09:29,000 --> 00:09:31,000
sa ei pea muutma oma andmebaasi.

146
00:09:31,000 --> 00:09:36,140
Sa võid lihtsalt lisada kuupäevad, et kogu tekst väljad.

147
00:09:36,140 --> 00:09:39,640
Ja siis oleks võimalik vaadata neid kliendi poolel,

148
00:09:39,640 --> 00:09:42,430
aga sa ei saa pärida neile serveripoolne

149
00:09:42,430 --> 00:09:44,430
sest see on peidetud, et tekst.

150
00:09:44,430 --> 00:09:49,920
>> Teine küsimus, et sa tahad mõelda

151
00:09:49,920 --> 00:09:52,400
kuidas oma kliendi ja serveri hakkavad suhtlema.

152
00:09:52,400 --> 00:09:56,040
Sa tavaliselt tahavad hoida seda võimalikult lihtne.

153
00:09:56,040 --> 00:10:02,230
Sa võid olla nagu get-mulle-andmete nõudmisel

154
00:10:02,230 --> 00:10:09,140
looma-a-new-objekt asi ja update-vana-objekti taotluse.

155
00:10:09,140 --> 00:10:12,930
Ja need oleks kõik teistsugune URLid server, et te -

156
00:10:12,930 --> 00:10:20,030
et brauser oleks - mida saab kasutada AJAX taotlusi kõik need

157
00:10:20,030 --> 00:10:24,000
ja kas saada või posti andmed.

158
00:10:24,000 --> 00:10:26,600
Jällegi, meie kass Facebook näiteks

159
00:10:26,600 --> 00:10:32,350
siis võiks olla, et URL saada individuaalset postiga

160
00:10:32,350 --> 00:10:39,750
ja soovid on link, et luua uue müüri post

161
00:10:39,750 --> 00:10:45,670
ja võibolla URL üleslaadimise oma profiili pilti, midagi sellist.

162
00:10:45,670 --> 00:10:51,730
Aga jälle, see on eelnevalt tõmbad enamiku oma andmed, nii et sa ei pea hoidma

163
00:10:51,730 --> 00:10:53,360
tegemise võrgustik taotlused.

164
00:10:53,360 --> 00:10:59,030
Seetõttu ei pruugi sa tahad on, et individuaalne get taotluse ühe posti

165
00:10:59,030 --> 00:11:03,210
ja selle asemel, siis oleks lihtsalt tahan 1 get taotlus kogu seina.

166
00:11:03,210 --> 00:11:06,110
Ja siis, kui sa üritad leida tasakaal, sest -

167
00:11:06,110 --> 00:11:10,970
see ka läheb sõltub teie taotluse.

168
00:11:10,970 --> 00:11:13,430
Sest kui te ootate, et inimesed on ainult 10 või 20 seina ametikohta

169
00:11:13,430 --> 00:11:15,430
et saab trahvi.

170
00:11:15,430 --> 00:11:17,390
Aga kui sa oled oodanud nad on tuhandeid siis selle taotluse võtab liiga kaua aega,

171
00:11:17,390 --> 00:11:23,580
ja et te võiksite lisada saan-kõik-posts-sest parameeter.

172
00:11:23,580 --> 00:11:26,580
>> Need kõik olete ilmselt läheb soovite sünkroonida andmeid JSON -

173
00:11:26,580 --> 00:11:29,260
JavaScript Object märke.

174
00:11:29,260 --> 00:11:34,600
Päris palju iga keele tegeleb JSON väga hästi.

175
00:11:34,600 --> 00:11:40,880
JQuery on see kena getJSON funktsioon, mis teeb kõik raske töö teile.

176
00:11:40,880 --> 00:11:47,390
Ja PHP seal on ka väga kena JSON kommunikatsiooni funktsioone.

177
00:11:47,390 --> 00:11:52,660
Niisiis, see on ilmselt parim vorm saata oma mudeleid edasi-tagasi.

178
00:11:52,660 --> 00:11:56,570
>> Näitena sellest, mida me oleme rääkinud siiani

179
00:11:56,570 --> 00:12:00,520
siin on näide voolu oma kassile Facebook rakendus.

180
00:12:00,520 --> 00:12:07,760
Ta alustab oma brauseri taotlev baasi veebilehe URL.

181
00:12:07,760 --> 00:12:15,470
Server ilmselt saadaks üle staatiline HTML ja mõned JavaScript ja CSS.

182
00:12:15,470 --> 00:12:19,170
See on tavaliselt parim mitte teha mingeid rendering serveris.

183
00:12:19,170 --> 00:12:23,370
Sa ilmselt ei taha -

184
00:12:23,370 --> 00:12:28,360
mida server ei lähe sinna läheb sätestatakse loetelu seina ametikohta

185
00:12:28,360 --> 00:12:31,120
ja tekitavad mõned HTML iga üks ja saates selle üle.

186
00:12:31,120 --> 00:12:34,960
See on tavaliselt parim, mida teha, et kliendi poolel, sest muidu

187
00:12:34,960 --> 00:12:38,580
iga kord, kui soovite uuesti teha midagi, mida sa pead tegema server taotluse.

188
00:12:38,580 --> 00:12:42,450
Ja et väga kiiresti annab teile palju kulusid.

189
00:12:42,450 --> 00:12:47,430
See on tavaliselt parim lihtsalt laev saadab maha staatiline HTML

190
00:12:47,430 --> 00:12:50,660
ja siis JavaScript ja CSS, mis teeb jäätmete käitlemise kliendi poolel.

191
00:12:50,660 --> 00:12:56,750
Niipea, kui see kraam tuleb,

192
00:12:56,750 --> 00:13:03,500
siis võib olla - JavaScript - seda saab teha taotluste seina andmed

193
00:13:03,500 --> 00:13:08,740
ja värki, ja pärast, et server on põhimõtteliselt lihtsalt teeme andmebaasipäringud

194
00:13:08,740 --> 00:13:10,740
ja kontrollimise õigust.

195
00:13:10,740 --> 00:13:16,690
Ainus oluline asi on see, et ei saa saata rohkem kui muud kasutajad seina ametikohta

196
00:13:16,690 --> 00:13:19,220
et sa ei tohi näha.

197
00:13:19,220 --> 00:13:28,050
See on põhimõtteliselt väga õhuke juurdepääsu kiht oma andmebaasi,

198
00:13:28,050 --> 00:13:32,820
ja siis kõik näitavad andmed - kõik vaated ja asjad -

199
00:13:32,820 --> 00:13:37,280
need võib juhtuda brauseris ja seejärel, kui sa tahad teha posti või midagi

200
00:13:37,280 --> 00:13:40,000
sa lihtsalt saata uue taotluse.

201
00:13:40,000 --> 00:13:45,350
>> Seal on ka mõned fancy stuff saate teha peale seda.

202
00:13:45,350 --> 00:13:49,550
Seoses täpsemad tehnilised andmed,

203
00:13:49,550 --> 00:13:53,360
arendada lihtsas JavaScript olla natuke valus,

204
00:13:53,360 --> 00:13:56,220
nii on mõned raamatukogud ja tööriistu, mis aitavad teil palju sellega.

205
00:13:56,220 --> 00:14:03,690
Ma arvan, et te olete kõik ilmselt kuulnud jQuery, mis muudab teed HTML renderdamine

206
00:14:03,690 --> 00:14:08,890
ja manipuleerimine on palju lihtsam - on palju fancy funktsioone pleegib sisse ja välja,

207
00:14:08,890 --> 00:14:12,020
ja teeme zippy animatsioone.

208
00:14:12,020 --> 00:14:13,720
Seal on ka see raamatukogu kutsus Underscore.js.

209
00:14:13,720 --> 00:14:20,760
See on palju kasulikke kasuliku funktsioone, stuff, mis te ootate JavaScript olema

210
00:14:20,760 --> 00:14:24,740
et see tõesti doesnt - asjad lohistades massiiv,

211
00:14:24,740 --> 00:14:28,900
eemaldades koopiate nimekiri, või lamedamad nimekirja nimekirju.

212
00:14:28,900 --> 00:14:30,900
See on vaid väike koodi proovi.

213
00:14:30,900 --> 00:14:36,520
Alakriips on ton neist kena funktsioone, mida soovite, et teil oleks kogu aeg.

214
00:14:36,520 --> 00:14:38,840
>> Ja siis on veel 1 raamatukogu, et tahaks veeta natuke aega

215
00:14:38,840 --> 00:14:44,800
nimetatakse Backbone.js sest selgroog tõesti aitab teil tegeleda mudelite kliendi poolel

216
00:14:44,800 --> 00:14:47,210
ja palju segadust, et see võib põhjustada.

217
00:14:47,210 --> 00:14:53,550
Selgroog sulle selle mõiste mudelid ja kogud

218
00:14:53,550 --> 00:14:58,300
JavaScript mis on põhimõtteliselt täpselt nagu JavaScript objektid

219
00:14:58,300 --> 00:15:04,900
JavaScript massiivid kuid neil üritustel, kui muudad oma omadused.

220
00:15:04,900 --> 00:15:09,090
Just nagu JavaScript, sul võib olla juhul, kui nuppu saab klõpsatud või midagi

221
00:15:09,090 --> 00:15:14,800
Nende selgroog mudelid ja selgroog kogud eetrisse asjad

222
00:15:14,800 --> 00:15:17,510
et need muutuvad.

223
00:15:17,510 --> 00:15:22,270
See tähendab, et saate lihtsalt kirjutada midagi sellist koodilõik siin -

224
00:15:22,270 --> 00:15:27,530
see ütleb, kui sa lisada midagi postitusi array te tõmmata kogu seina.

225
00:15:27,530 --> 00:15:34,270
Ja see oleks öelda, kui post on mitu sarnast muutub,

226
00:15:34,270 --> 00:15:38,970
sa teavitab kasutajat, et keegi tahtnud oma postitus.

227
00:15:38,970 --> 00:15:45,210
Või kui mõni omadus post muudab sind tõmmata post.

228
00:15:45,210 --> 00:15:51,050
Asju, mis säästab tonni keerukus, sest muidu

229
00:15:51,050 --> 00:15:55,440
kui sul ei ole mõned raamistik niimoodi siis iga kord oma koodi, et sa muudad

230
00:15:55,440 --> 00:16:04,280
midagi postitus, sa pead meeles pidama, ise helistada kõik muudavad funktsioonid

231
00:16:04,280 --> 00:16:07,680
ja värki, ja kui sa tahad lisada midagi uut, mis juhtus

232
00:16:07,680 --> 00:16:10,680
iga kord, kui modifitseeritud post sa pead läbi minema iga koht oma

233
00:16:10,680 --> 00:16:14,610
koodi, mida muudeti pärast ja lisada, et uus asi.

234
00:16:14,610 --> 00:16:21,450
Raamistik, nagu see eemaldab palju, et vahel kiht side

235
00:16:21,450 --> 00:16:28,280
mis muudab teie kood keeruline ja raske säilitada.

236
00:16:28,280 --> 00:16:31,170
>> Seal on natuke vaateid ka.

237
00:16:31,170 --> 00:16:35,960
Ma jätan kõige selle Billy, sest nad on tehniliselt väga raske.

238
00:16:35,960 --> 00:16:43,540
Kasuta jQuery oma seisukohti. See on praktiliselt nagu vajadus selles punktis.

239
00:16:43,540 --> 00:16:46,290
See muudab kõik palju lihtsamaks.

240
00:16:46,290 --> 00:16:48,290
Seal on palju raamatukogusid.

241
00:16:48,290 --> 00:16:49,970
Kui teil on keeruline kasutajaliides elemente,

242
00:16:49,970 --> 00:16:57,250
kui sa tahad auto-complete asi või nagu üks neist fancy multi-valijad -

243
00:16:57,250 --> 00:17:04,790
kui sa tahad midagi sellist, siis tuleb ilmselt lihtsalt otsida umbes

244
00:17:04,790 --> 00:17:08,130
ja leiad hea raamatukogu, mis teeb seda, mida sa tahad.

245
00:17:08,130 --> 00:17:11,579
Billy selgitan lähemalt tegelikult raske osade vaatamist.

246
00:17:11,579 --> 00:17:17,530
Samuti, nagu pool tähele, selgroog on mõned funktsioonid tegemise seisukohti suhelda

247
00:17:17,530 --> 00:17:22,800
kenasti mudelid - pilk dokumentatsiooni kõik need raamatukogud, tegelikult.

248
00:17:22,800 --> 00:17:28,270
Lihtsalt pilk docs. Nad on väga hästi kirjutatud ja lihtne järgida.

249
00:17:28,270 --> 00:17:33,890
Üldiselt saab päris palju just Google, kui teil on probleeme.

250
00:17:33,890 --> 00:17:36,370
Seal on palju inimesi, kasutades neid.

251
00:17:36,370 --> 00:17:42,020
Ma arvan, et see on viimane märkus.

252
00:17:42,020 --> 00:17:48,770
>> On ka mõned täpsemad asjad, mida saate teha

253
00:17:48,770 --> 00:17:53,400
kui te otsite, et muuta oma web app ekstra vinge.

254
00:17:53,400 --> 00:17:59,760
Seda saab teha - uus HTML5 spetsifikatsiooni on palju väljamõeldud asju saab teha.

255
00:17:59,760 --> 00:18:05,780
Kohalik ladustamine - mis on saate andmete salvestamiseks brauseris -

256
00:18:05,780 --> 00:18:09,470
selle asemel, et minna tagasi ja uurida server kõike,

257
00:18:09,470 --> 00:18:12,470
saate hoida mõned ta kliendi ja et isegi võimaldab inimestel -

258
00:18:12,470 --> 00:18:20,850
mõnel juhul võib see isegi saate kasutada veebilehe offline.

259
00:18:20,850 --> 00:18:26,980
Seal on see asi, mida nimetatakse websockets mis on teistsugust võrgu side

260
00:18:26,980 --> 00:18:30,930
kus selle asemel, et lihtsalt teed ühe taotluse, saad vastuse ja sa oled teinud,

261
00:18:30,930 --> 00:18:35,240
hoiate avada ühendus serveriga ja nii saate teha asju

262
00:18:35,240 --> 00:18:37,240
reaalajas.

263
00:18:37,240 --> 00:18:42,020
Niisiis, kui sa püüad teha chat app, sa võiksid kasutada websockets

264
00:18:42,020 --> 00:18:43,790
suhelda edasi-tagasi, nii et sa ei pea pidama, taotledes

265
00:18:43,790 --> 00:18:48,410
"Oh, server, kas keegi saata mulle chat?" iga 10 sekundit või midagi.

266
00:18:48,410 --> 00:18:55,620
Seal on ka huvitav HTML5 funktsioon, kus saab teha see välja näeb

267
00:18:55,620 --> 00:18:58,340
lehekülje URL on muutumas ilma kunagi tegelikult uuesti laadida.

268
00:18:58,340 --> 00:19:03,230
Võite kasutada edasi ja tagasi nupud tegemata kamp võrgustik taotlused.

269
00:19:03,230 --> 00:19:14,660
Asju, mis on väga kasulik, eesmärgiga muuta see kiire, kuid ka tööd nagu web app peaks.

270
00:19:14,660 --> 00:19:17,680
>> Seal on ka see asi, mida nimetatakse CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript on erinev keel, tegelikult, et koostab alla JavaScript.

272
00:19:24,450 --> 00:19:30,080
Sa oleks kirjutada kõik oma koodi CoffeeScript ja siis sa jooksed selle koostaja,

273
00:19:30,080 --> 00:19:33,300
ja ta sülitab välja JavaScript fail, mida saate lisada oma veebilehel.

274
00:19:33,300 --> 00:19:38,860
Põhjusel, et CoffeeScript on tore on, sest see läheb lahti palju

275
00:19:38,860 --> 00:19:44,760
imelik juhtumid, et JavaScript on kui võrdne võrdsete,

276
00:19:44,760 --> 00:19:51,130
ja võrdne võrdsete teha erinevaid asju, või meeldib -

277
00:19:51,130 --> 00:19:55,740
see on ilusam süntaks tegelemiseks massiivid ja funktsioonid.

278
00:19:55,740 --> 00:20:00,460
See on väike väljavõte CoffeeScript mis toodab loetelu väljakud

279
00:20:00,460 --> 00:20:04,900
10 ^ 2-1 ^ 2 vastupidises järjekorras.

280
00:20:04,900 --> 00:20:08,410
Nagu näete, CoffeeScript sageli saab väljendada 1 rida

281
00:20:08,410 --> 00:20:10,890
mis võtaks 5 rida JavaScript.

282
00:20:10,890 --> 00:20:13,230
Seda saab teha asju palju lihtsam.

283
00:20:13,230 --> 00:20:15,390
See on natuke uus süntaks õppida alguses,

284
00:20:15,390 --> 00:20:18,010
kuid kindlasti teeb sind tootlikumaks pikemas perspektiivis.

285
00:20:18,010 --> 00:20:22,050
>> Võite kasutada ka muid keeli server kui PHP -

286
00:20:22,050 --> 00:20:27,570
keeltes nagu Ruby, Python, või pole isegi projekti nimega node.js

287
00:20:27,570 --> 00:20:31,450
mis võimaldab teil kasutada JavaScripti serveris.

288
00:20:31,450 --> 00:20:34,700
Isiklikult ma tõesti vihkan PHP.

289
00:20:34,700 --> 00:20:38,310
Ma lihtsalt ei meeldi töö sellega.

290
00:20:38,310 --> 00:20:43,450
Kui sind ka, arvan, et see on kohutav cluge keele,

291
00:20:43,450 --> 00:20:46,160
siis saate kasutada üks neist asemel.

292
00:20:46,160 --> 00:20:54,780
Üldiselt, kui sa tahad midagi teha ja sa ei tea, kuidas sa seda teed,

293
00:20:54,780 --> 00:20:56,780
lihtsalt otsida internetist.

294
00:20:56,780 --> 00:20:59,990
On tonni ja tonni ressursse eriti -

295
00:20:59,990 --> 00:21:03,260
StackOverflow on suur.

296
00:21:03,260 --> 00:21:06,400
See on see veebileht, kus programmeerijad küsida üksteiselt küsimusi.

297
00:21:06,400 --> 00:21:09,690
Te olete sattunud, kui sa olid võttes hädas CS50 probleem komplekti.

298
00:21:09,690 --> 00:21:16,820
Ja seal on tonni raamatukogud teevad päris palju midagi, mida tahaks.

299
00:21:16,820 --> 00:21:21,710
Kui sa tahad midagi teha ja sa ei tea, kuidas seda teha,

300
00:21:21,710 --> 00:21:23,710
ei saa eeldada, et see on võimatu.

301
00:21:23,710 --> 00:21:26,160
Lihtsalt vaata ringi ja te võite leida mõned head vahendid.

302
00:21:26,160 --> 00:21:29,280
>> Üldise pakkima,

303
00:21:29,280 --> 00:21:33,650
Peamine takeaways on hoida asjad lihtsad.

304
00:21:33,650 --> 00:21:36,010
Keerulisem kood on alguses

305
00:21:36,010 --> 00:21:40,370
ja mida rohkem te proovida ja teha fancy stuff,

306
00:21:40,370 --> 00:21:43,300
seda kauem võtab, et saada midagi tegelikult funktsionaalne

307
00:21:43,300 --> 00:21:46,480
ja seda raskem on muuta hiljem.

308
00:21:46,480 --> 00:21:49,580
Niisiis, teha asju, loll, lihtne viis esimest.

309
00:21:49,580 --> 00:21:51,720
Selleks, et minna koos, et

310
00:21:51,720 --> 00:21:59,070
ei karda viskamine ära vana kood või puhastamist kuni palju.

311
00:21:59,070 --> 00:22:05,320
Üldiselt, kui sa tegelikult midagi töö,

312
00:22:05,320 --> 00:22:09,640
see on palju lihtsam mõelda kui, kui sa oled ikka esireas

313
00:22:09,640 --> 00:22:12,610
kuidas ma saan panna see kõik koos.

314
00:22:12,610 --> 00:22:17,500
See on kõige parem teha lollim võimalik disain, mis töötab

315
00:22:17,500 --> 00:22:22,270
ja siis seda parandada korduvalt kui üritavad kõik esimese korraga õigesti.

316
00:22:22,270 --> 00:22:28,330
Seoses klient-server jagamine, proovige ja hoida oma server väga lihtne -

317
00:22:28,330 --> 00:22:33,030
vaid andmebaasi ja mõned autentimise ja ei tee ühtegi rasket tööd seal.

318
00:22:33,030 --> 00:22:37,540
Kas kõik teie keeruline värk kliendi poolel brauseris

319
00:22:37,540 --> 00:22:40,650
JavaScript nii palju kui saate.

320
00:22:40,650 --> 00:22:43,420
Vaata ringi raamatukogudes, et muuta oma elu paremaks.

321
00:22:43,420 --> 00:22:46,850
Alati on parem kasutada koodi, et keegi kirjutas

322
00:22:46,850 --> 00:22:49,850
kui te - ja mitte kirjutada ise.

323
00:22:49,850 --> 00:22:57,560
Seal on palju asju internetis. Google on su parim sõber.

324
00:22:57,560 --> 00:22:59,560
Google on programmeerija parim sõber.

325
00:22:59,560 --> 00:23:07,620
Jah, kindlasti ärge kartke vaadata enda ümber asju.

326
00:23:07,620 --> 00:23:11,860
Hea küll. Ja üle Billy.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] Tegelikult, enne kui ma alustan mõned disaini värk,

328
00:23:14,600 --> 00:23:17,250
kas keegi on mingeid küsimusi Ben midagi, mis ta rääkis?

329
00:23:17,250 --> 00:23:20,290
Okei, hästi.

330
00:23:20,290 --> 00:23:22,220
Jällegi, andke teada, kui midagi ei ole selge,

331
00:23:22,220 --> 00:23:25,420
või kui soovite, et minna üle midagi natuke rohkem.

332
00:23:25,420 --> 00:23:30,330
Ma lähen tagasi astuda natuke ja rääkida rohkem põhilisi osi disain.

333
00:23:30,330 --> 00:23:34,840
Ben mainitud mudeli nimega - sorry, mudel kontroller vaade süsteem

334
00:23:34,840 --> 00:23:38,520
mis on omamoodi tehniline aspekt, nii et ma lähen vaatama seisukohti konkreetselt

335
00:23:38,520 --> 00:23:42,930
ja ma lähen alustada, kuidas soovite töötada, et tundub kena.

336
00:23:42,930 --> 00:23:50,540
Siin on natuke tõesti põhi malli meie kass Facebook.

337
00:23:50,540 --> 00:23:54,190
Ma arvan, et seal on mõned põhialuste kaasaegse UI disain

338
00:23:54,190 --> 00:23:56,190
mis on väärt pealevõtmine.

339
00:23:56,190 --> 00:23:58,210
Võite märgata, et on palju tühja ruumi kogu lehe

340
00:23:58,210 --> 00:24:00,790
palju ruumi asja.

341
00:24:00,790 --> 00:24:02,580
Ei tunne nagu teil on squash asjad lehel.

342
00:24:02,580 --> 00:24:06,700
Sa tahad jätta palju ruumi avatud, ja kui te lähete peaaegu iga kaasaegse veebisaidi

343
00:24:06,700 --> 00:24:08,380
näete seal on valge kõikjal.

344
00:24:08,380 --> 00:24:10,380
Seal on valge kohati sa ei oota.

345
00:24:10,380 --> 00:24:14,570
Sul on see värvipalett, ja see on mõistlik alguses

346
00:24:14,570 --> 00:24:17,880
valida värvipalett, et sa lähed, et töötada ja arendada.

347
00:24:17,880 --> 00:24:22,250
Sul on ka - see aitab valida kirjatüüp ja et kuidas sa omamoodi koostööd

348
00:24:22,250 --> 00:24:24,450
nende konkreetsete põhialuste disaini.

349
00:24:24,450 --> 00:24:26,910
Sul on tüüp, sul on värvid, ja siis saab objekti

350
00:24:26,910 --> 00:24:29,380
sobivad kõik muu, kui vaja.

351
00:24:29,380 --> 00:24:37,710
Nii, nagu ma ütlesin, koos oma värvilahendused, mida soovite kasutada julgemaid värve oma värvilahendused

352
00:24:37,710 --> 00:24:40,320
säästlikult. Päised on kena. Nupud on tore, et on tõesti suur, kriiskav värvid.

353
00:24:40,320 --> 00:24:43,710
Aga üldiselt, kui teil on veebileht, mis on värvid kõikjal

354
00:24:43,710 --> 00:24:47,250
kõik jõllis sulle näkku, see lihtsalt tundub täis, ja see ei ole hea.

355
00:24:47,250 --> 00:24:50,430
Tahad üldiselt kasutada valguse värvi.

356
00:24:50,430 --> 00:24:52,890
Proovi uuesti, vali päris ühtset värviskeemi.

357
00:24:52,890 --> 00:24:56,640
Sul võib olla neid vähe pritsmete palju värvi -

358
00:24:56,640 --> 00:25:00,240
mida saab vaadata päris kena, kuid soovite kasutada neid üsna säästlikult.

359
00:25:00,240 --> 00:25:04,270
>> Nagu ma ütlesin, et sa tahad olla minimaalne. Vähem on peaaegu alati rohkem.

360
00:25:04,270 --> 00:25:07,430
Kui te ei näidata midagi või ei näidata midagi,

361
00:25:07,430 --> 00:25:10,230
ja sa oled selline kindel, kas see peaks olema seal vaikimisi -

362
00:25:10,230 --> 00:25:13,400
ilmselt sa oled parim välja jättes välja. Võite alati lisada see hiljem.

363
00:25:13,400 --> 00:25:16,620
Jah, et hoida asjad lihtsad.

364
00:25:16,620 --> 00:25:19,510
Aga mis kõige tähtsam, mida soovite uurida mitme designs.

365
00:25:19,510 --> 00:25:23,520
Ärge arvake, et kui te teete koha, teil on see oma peaga, et sa lähed

366
00:25:23,520 --> 00:25:26,310
teha saidi teatud viisil, ja see läheb välja täpselt niimoodi.

367
00:25:26,310 --> 00:25:29,830
See saab olema sinine header ülaosas ja sinine pool baari

368
00:25:29,830 --> 00:25:32,670
ja siis kollane sub-header asi.

369
00:25:32,670 --> 00:25:34,670
Sa tahad teha mitu malle.

370
00:25:34,670 --> 00:25:37,350
Võite - kui sa oled hea Photo Shop, võite selle lahti ja omamoodi

371
00:25:37,350 --> 00:25:39,600
disain veebilehe, kui soovite seda vaadata.

372
00:25:39,600 --> 00:25:41,680
Kui ei, siis võid kasutada paberit ja pliiatsit,

373
00:25:41,680 --> 00:25:44,000
kuid tühjalt kuni mitme designs.

374
00:25:44,000 --> 00:25:47,000
Sa tahad põhimõtteliselt on loodud, kus teil on palju erineva kujundusega,

375
00:25:47,000 --> 00:25:50,810
ja kui üks jõuab töö, siis see on suurepärane.

376
00:25:50,810 --> 00:25:53,370
Kui üks jõuab suuda, siis sul on alati veel üks pöörduda.

377
00:25:53,370 --> 00:25:57,960
Üldiselt ei tunne teid tuleb piiratud

378
00:25:57,960 --> 00:26:00,830
et olenemata disaini sa esialgu otsustada.

379
00:26:00,830 --> 00:26:04,420
Disainilahendused on väga muutuv ning osa tähtsust mudel

380
00:26:04,420 --> 00:26:09,480
kontroller vaade süsteem on, et saate vahetada ja sealt erinevaid arvamusi, mida soovid.

381
00:26:09,480 --> 00:26:13,510
Võite kõikuma andmed üks viis, ja siis otsustada, oh, tegelikult, see ei tööta hästi.

382
00:26:13,510 --> 00:26:19,190
Ma arvan, et see on nagu liiga keeruliseks või seal osa siin, mis ei ole tegelikult töötab,

383
00:26:19,190 --> 00:26:22,150
nii et ma olen lihtsalt läheb täielikult loobuda seda seisukohta ja swap täiesti uuega.

384
00:26:22,150 --> 00:26:24,790
Me saame siiski kasutada vanade mudelite ja vana kontrollerid.

385
00:26:24,790 --> 00:26:27,490
Me saame teha kõike server ja klient, sest me oleks varem.

386
00:26:27,490 --> 00:26:32,850
Kuid tegelik laine andmeid kuvatakse läheb veidi erinev.

387
00:26:32,850 --> 00:26:35,840
>> Niipalju kui tegelikult rakendatakse disain, mida soovite,

388
00:26:35,840 --> 00:26:39,330
kui sul on mõni kujunduse töötas välja paberil või Photo Shop või mis iganes,

389
00:26:39,330 --> 00:26:42,120
seal on mitmeid vahendeid, mis on kättesaadavad teile.

390
00:26:42,120 --> 00:26:45,700
Esiteks sa oled väga tuttav, mis on oma HTML, PHP, või mis iganes

391
00:26:45,700 --> 00:26:48,990
keelt te kasutate ainult koodi staatilise veebisaidi lehekülgedel.

392
00:26:48,990 --> 00:26:51,990
Sa oled teinud palju HTML millist annab teile neid silte

393
00:26:51,990 --> 00:26:57,820
, mida saab panna asju, ja põhimõtteliselt on see viis, kuidas korraldada oma sisu.

394
00:26:57,820 --> 00:27:00,990
Näiteks, teil on päis seal, et sa lähed on header tag,

395
00:27:00,990 --> 00:27:05,770
ja see saab olema mingi teksti sees see, mis on ilmselt saab olema teises tag.

396
00:27:05,770 --> 00:27:08,380
Siis on vasaku võibolla mõned erinevad lingid

397
00:27:08,380 --> 00:27:10,160
ja need lähevad kõik olema eraldamiseks.

398
00:27:10,160 --> 00:27:13,870
Niisiis, põhimõtteliselt HTML keskmes on viis jagamisel lehe kuidas

399
00:27:13,870 --> 00:27:16,980
sa lõpuks soovite vormindada.

400
00:27:16,980 --> 00:27:18,980
Nii et taas, sa oled seda varem näinud.

401
00:27:18,980 --> 00:27:20,540
Sa oled päris rahul sellega töötamist nüüd

402
00:27:20,540 --> 00:27:23,120
arvestades, et sa oled teinud viimase pset loodetavasti

403
00:27:23,120 --> 00:27:26,150
nii et ei tohiks olla probleem.

404
00:27:26,150 --> 00:27:31,280
>> Siis on CSS, mis põhiliselt tegeleb kogu disain staatiline aspekte.

405
00:27:31,280 --> 00:27:35,320
Oleks hakkama kõik värvid, kõik positsioneerimine eri elementidest

406
00:27:35,320 --> 00:27:36,840
kus nad lähevad üksteise suhtes,

407
00:27:36,840 --> 00:27:41,530
kui suured need on, erinevaid positionings et teil oleks -

408
00:27:41,530 --> 00:27:46,030
Teisisõnu, võite lasta asjad kinnitatud nii, et kui sa keri nad jäävad,

409
00:27:46,030 --> 00:27:48,700
või siis on asjad võrreldes teiste elementidega.

410
00:27:48,700 --> 00:27:50,730
Kõik seda sorti asjad on CSS.

411
00:27:50,730 --> 00:27:54,630
Lisaks saab teha erinevaid kaunistusi, võite lasta teksti värve,

412
00:27:54,630 --> 00:27:56,630
teksti mõju, kõik sellised asjad.

413
00:27:56,630 --> 00:28:00,360
Ben andis tõesti hea seminar sellel nädalavahetusel,

414
00:28:00,360 --> 00:28:04,450
ja nii ma kindlasti seda kontrollima, kui te kavatsete olla teeme mõned fancy asju CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 on tegelikult uusim versioon CSS, ja seda saab teha igasuguseid tõesti ilusaid asju.

416
00:28:09,850 --> 00:28:14,750
Seda saab teha kalded; teil on kena, ümarate nurkadega, mida saab teha igasuguseid asju

417
00:28:14,750 --> 00:28:17,940
teha oma kodulehel vaadata moodsam ja fancy.

418
00:28:17,940 --> 00:28:22,150
>> Järgmiseks töövahendiks on JavaScript ja jQuery mis Ben rääkis natuke,

419
00:28:22,150 --> 00:28:24,150
aga ma saan veidi sügavamale.

420
00:28:24,150 --> 00:28:28,100
JavaScript, kui olete töötanud koos sellega natuke, või vähemalt seda näinud loengu

421
00:28:28,100 --> 00:28:31,870
on selline viis dünaamiliselt teeme asju HTML.

422
00:28:31,870 --> 00:28:35,950
HTML, nagu te teate, on püsiv, nii et kui teil on HTML te ei saa seda muuta.

423
00:28:35,950 --> 00:28:40,050
Aga JavaScript, mõnes mõttes on viis olla võimelised muutma HTML.

424
00:28:40,050 --> 00:28:44,520
Nii saad teha seda, ja see on tore, aga JavaScript on tõesti valu töötada.

425
00:28:44,520 --> 00:28:49,050
See on nii pikk ja nüri ja teha isegi kõige lihtsamaid asju

426
00:28:49,050 --> 00:28:51,630
nõuab palju ridu JavaScript.

427
00:28:51,630 --> 00:28:55,410
Niisiis, jQuery on põhimõtteliselt raamatukogu JavaScript, mis lihtsustab kõike seda.

428
00:28:55,410 --> 00:28:59,880
Ta ütleb, okei, kui sa tahad olla kandiline kast tulla vasakult

429
00:28:59,880 --> 00:29:03,980
ja fade lehel, et see on keset, JavaScript, mis võtab -

430
00:29:03,980 --> 00:29:06,340
Ma ei tea, sada read teha ja oleks valu,

431
00:29:06,340 --> 00:29:10,540
ja sa tuled sellest välja vihkab kõike veebi programmeerimine.

432
00:29:10,540 --> 00:29:15,380
JQuery siis põhimõtteliselt on element-dot-fade-in, või midagi sellist.

433
00:29:15,380 --> 00:29:18,580
Niisiis, väga, väga lihtne funktsioone, mis laseb sul igasuguseid cool animatsioone

434
00:29:18,580 --> 00:29:20,580
ja selline asi.

435
00:29:20,580 --> 00:29:23,300
Teine asi, et need 2 on tegelikult hea on lihtsalt teed dünaamiline asjad

436
00:29:23,300 --> 00:29:25,300
veebilehel.

437
00:29:25,300 --> 00:29:28,370
Niisiis, selle asemel et lihtsalt võttes oma HTML-lehe - mis kuvab teatud andmed, kuid tegelikult ei

438
00:29:28,370 --> 00:29:32,130
midagi teha - JavaScript ja jQuery lasen sul nupud, saate klõpsata,

439
00:29:32,130 --> 00:29:37,960
saab tõmmata elemente ja re-order neile peale ja sorteeri need ja on uusi elemente

440
00:29:37,960 --> 00:29:40,500
lisada või eemaldada. Saate lisada-kustutada, et selline asi.

441
00:29:40,500 --> 00:29:44,570
Niisiis, jQuery teeb tonni lahedaid asju.

442
00:29:44,570 --> 00:29:48,840
Ja Vipul tegelikult annab seminari ta täna, ma usun, 5-kell,

443
00:29:48,840 --> 00:29:51,220
nii et kui sa ei jääda umbes nii kaua, et oleks - 5 või 4?

444
00:29:51,220 --> 00:29:54,930
Neli. Vabandust. See on tegelikult õige pärast seda, nii et ma soovitaks

445
00:29:54,930 --> 00:29:56,680
kinni umbes see, kui saad.

446
00:29:56,680 --> 00:30:00,180
JQuery on super, super kasulik, ja sa pead olema võimeline tegema palju tore asju teha

447
00:30:00,180 --> 00:30:03,460
päris palju iga web arendusprojekti.

448
00:30:03,460 --> 00:30:06,200
>> Nüüd ma lähen sattuda selline eristamine.

449
00:30:06,200 --> 00:30:08,210
Olen rääkinud põhimõtteliselt umbes kasutajaliides.

450
00:30:08,210 --> 00:30:11,510
Kasutajaliides on lihtsalt disain saidile.

451
00:30:11,510 --> 00:30:13,780
Aga seal on mingi teine ​​mõiste, mis on kasutaja kogemus.

452
00:30:13,780 --> 00:30:15,900
Need kaks on väga erinevad.

453
00:30:15,900 --> 00:30:19,440
Interface on kindlasti üks osa elamusest.

454
00:30:19,440 --> 00:30:21,340
Teisisõnu, kui sa lähed kodukale, te vaatate liides.

455
00:30:21,340 --> 00:30:22,960
See on osa sellest, kuidas teil tekib kohas.

456
00:30:22,960 --> 00:30:24,960
Aga kasutaja kogemus on rohkem.

457
00:30:24,960 --> 00:30:29,910
Kasutaja kogemus on, mida tundub, et kasutaja saab oma saidi.

458
00:30:29,910 --> 00:30:31,910
Niisiis, on ilmne, kasutajaliides on osa sellest.

459
00:30:31,910 --> 00:30:35,340
Ja see on kindlasti vajalik osa, kuid see ei ole piisav.

460
00:30:35,340 --> 00:30:38,790
Teisisõnu, kui teil on kena kasutajaliides, ja see on ilus ja värviline ja kõik see,

461
00:30:38,790 --> 00:30:43,650
See on tore, aga kui kasutaja läheb saidile, näeb ilus kujundus ja see on segaduses

462
00:30:43,650 --> 00:30:47,060
kõik, ei tea, kuidas midagi teha, siis ilmselt olete teinud tõesti

463
00:30:47,060 --> 00:30:48,930
vaene veebilehel.

464
00:30:48,930 --> 00:30:50,930
See on omamoodi kus kasutaja kogemus on sisse

465
00:30:50,930 --> 00:30:54,570
Ma lähen rääkida natuke UX disain - UX on lühike kasutaja kogemus -

466
00:30:54,570 --> 00:30:58,050
ja selline, kuidas saab tagada, et teil on hea kasutaja kogemus.

467
00:30:58,050 --> 00:31:04,330
Esimene punkt on see, et võite kujundada veebilehe, kus kasutaja ei saa midagi teha, et

468
00:31:04,330 --> 00:31:06,820
et kasutaja võib-olla tahab.

469
00:31:06,820 --> 00:31:08,940
Aga kui kasutaja ei saa aru, kuidas teha neid asju -

470
00:31:08,940 --> 00:31:12,850
Teisisõnu, kui kasutaja ei ole hea mõte, kui nad lähevad oma veebilehel,

471
00:31:12,850 --> 00:31:17,660
"Oh, kui ma tahan uuendada oma profiili, siis ma vajutan seda nuppu, või kui ma tahan postitada

472
00:31:17,660 --> 00:31:20,850
kellegi seina, siis ma lähen oma seina ja kliki väikest kasti. "

473
00:31:20,850 --> 00:31:24,410
Kui kasutaja ei tea, et siis sa tegelikult ei ole tegelikult

474
00:31:24,410 --> 00:31:27,080
rakendada, et selle funktsionaalsuse õigesti.

475
00:31:27,080 --> 00:31:30,900
Osa rakendamise funktsioon on see, et kasutajad on tegelikult võimalik seda kasutada.

476
00:31:30,900 --> 00:31:34,810
Ja see võib olla heidutav - võite teha kodukale, ja seda saab teha igasuguseid

477
00:31:34,810 --> 00:31:37,810
imelisi asju, kuid siis pead inimesi testida ja öelda: "Ta ei saa seda teha.

478
00:31:37,810 --> 00:31:39,770
Miks ei võiks ta seda teha? "Ja saate öelda neile tagasi,

479
00:31:39,770 --> 00:31:44,420
"Noh, see on võimalik. Sa lihtsalt pead minema 7. rippmenüüst selle varja

480
00:31:44,420 --> 00:31:48,470
leht, vaid leitakse link allosas paremas nurgas "või midagi.

481
00:31:48,470 --> 00:31:50,430
Ilmselt sa ei taha seda.

482
00:31:50,430 --> 00:31:53,420
Sa tahad, et see oleks selge, et oma kasutajatele, mida nad peaksid tegema,

483
00:31:53,420 --> 00:31:56,240
ja see peaks olema lihtne ja intuitiivne neid.

484
00:31:56,240 --> 00:32:01,180
>> Teine asi, et sa tahad proovida teha on, kui keegi läheb, et minna saidile

485
00:32:01,180 --> 00:32:05,520
ja 9 out of 10 korda teha tegevust, ja 1 out of 10 korda teha hagi B

486
00:32:05,520 --> 00:32:08,950
sa ilmselt tahad keskenduda oma kogemusi hagi A.

487
00:32:08,950 --> 00:32:12,240
Teisisõnu, sa tahad teha väga, väga selge, kuidas seda teha A.

488
00:32:12,240 --> 00:32:15,980
Peaks olema ees-ja center - saidile minna, näha, oh, see on seal.

489
00:32:15,980 --> 00:32:20,850
Arvestades B ilmselt tahad olla selge, kuid võite jätta veidi rohkem

490
00:32:20,850 --> 00:32:22,850
taustal.

491
00:32:22,850 --> 00:32:24,640
David annab hea näide selle kohta loeng,

492
00:32:24,640 --> 00:32:26,640
mis on Boston T süsteemi.

493
00:32:26,640 --> 00:32:29,440
Kui te lähete Boston T ja soovite osta pilet,

494
00:32:29,440 --> 00:32:32,700
teil sattuda 5 menüüd enne saate tegelikult osta pilet

495
00:32:32,700 --> 00:32:37,130
eest $ 2, $ 2,50 väärtus, mis on, kui palju kulub sõita metroos

496
00:32:37,130 --> 00:32:39,130
ühes suunas.

497
00:32:39,130 --> 00:32:41,600
See on probleem, sest enamik inimesi, kes sõidavad metrooga

498
00:32:41,600 --> 00:32:44,880
ilmselt tahad minna ühes kohas, osta oma pileti, mine kohe.

499
00:32:44,880 --> 00:32:47,550
See ei ole loogiline, et nad peavad minema läbi palju erinevaid menüüsid

500
00:32:47,550 --> 00:32:49,550
sinna jõuda.

501
00:32:49,550 --> 00:32:51,760
Parem kasutaja kogemus oleks kiire nupule esilehel

502
00:32:51,760 --> 00:32:54,760
et lihtsalt ütleb, "osta ühe suuna pilet," ja et paneks kõik standard

503
00:32:54,760 --> 00:32:58,550
vaikeväärtusi ja siis, kui keegi tahab osta erineva pileti peale,

504
00:32:58,550 --> 00:33:01,690
nad ikka, muidugi on võimalus, kuid sa oled optimeeritud

505
00:33:01,690 --> 00:33:04,080
ühise kasutamise puhul, mis on tõepoolest oluline.

506
00:33:04,080 --> 00:33:06,830
Näete näiteid Facebookis, eks?

507
00:33:06,830 --> 00:33:09,410
Kui te lähete Facebook ja soovid postitada staatus,

508
00:33:09,410 --> 00:33:11,710
see õigus ülaosas, mis on see, mida sageli teha tahad.

509
00:33:11,710 --> 00:33:14,730
Niipea, kui sisestate lehel saate teha levinumaid asju,

510
00:33:14,730 --> 00:33:16,730
mida sa teha tahad.

511
00:33:16,730 --> 00:33:17,550
Kui sa tahad teha veidi keerulisem asju,

512
00:33:17,550 --> 00:33:21,070
et ma tahan minna oma sõbra seina ja lisada pilt peal -

513
00:33:21,070 --> 00:33:24,810
mis ma tahan teha sageli, kuid mitte nii tihti, kui postitad staatuse uuendusi -

514
00:33:24,810 --> 00:33:28,200
nii sel juhul, writing oma nime ülaosas nuppu oma profiili,

515
00:33:28,200 --> 00:33:31,680
ja siis veel, et see on õige ülaosas on, kui ma olen saanud oma profiili.

516
00:33:31,680 --> 00:33:38,240
Jällegi, ma olen optimeeritud prioriteediks kõige levinum kasutada juhtudel.

517
00:33:38,240 --> 00:33:41,800
>> Teine oluline asi on see, et sageli inimesed justkui üritavad ümber

518
00:33:41,800 --> 00:33:44,890
öelda, olgu, nii et ma tegin saidi ja inimesed on leida see segane,

519
00:33:44,890 --> 00:33:46,110
ja see on probleem, eks?

520
00:33:46,110 --> 00:33:49,210
Loomulikult, ma ei taha, et inimesed segi sisu sivustoni.

521
00:33:49,210 --> 00:33:53,210
Kuid viis, kuidas lahendada, et ei ole midagi avanes öeldes

522
00:33:53,210 --> 00:33:55,290
Hei, ma lähen õpetada teile, kuidas kasutada seda veebisaiti.

523
00:33:55,290 --> 00:33:58,130
Samm 1 - klõpsake seda nuppu. 2. samm - minna siin.

524
00:33:58,130 --> 00:34:03,080
Muidugi, see on nii ümber - see on nii, et võid öelda inimestele, mida teha, kuid see on

525
00:34:03,080 --> 00:34:05,080
tõesti ei optimaalselt.

526
00:34:05,080 --> 00:34:07,420
Kui ma minna veebilehel ja äkki ma olen pommitatakse selle juhendaja, et on mulle

527
00:34:07,420 --> 00:34:11,739
mida teha ja kuhu minna, ja kõik see, mis ei ole lõbus minu jaoks.

528
00:34:11,739 --> 00:34:13,739
See ei ole hea kogemus minu jaoks.

529
00:34:13,739 --> 00:34:17,130
See on selline valu. Tahan lihtsalt alustada tehes asju.

530
00:34:17,130 --> 00:34:19,449
Inimesed hakkavad sulgeda oma dialoogiboksis

531
00:34:19,449 --> 00:34:23,580
või tulla juhendaja, ei tea, mida teha, ja siis kurdavad, sest

532
00:34:23,580 --> 00:34:25,580
sa ei öelnud neile, mida teha.

533
00:34:25,580 --> 00:34:29,530
Viis lahendada seda ei ole, andes mingeid juhendaja või suunas -

534
00:34:29,530 --> 00:34:31,530
midagi sellist.

535
00:34:31,530 --> 00:34:33,719
Nii palju kui saate vältida seda, sa tõesti tahad, et näidata kasutajale, mida teha

536
00:34:33,719 --> 00:34:36,429
lihtsalt laadi, kuidas veebileht on sätestatud.

537
00:34:36,429 --> 00:34:39,090
Teisisõnu, kui ma lähen Facebook ilma sisse logimata,

538
00:34:39,090 --> 00:34:40,920
Esimene asi, mida ma näen pealehel -

539
00:34:40,920 --> 00:34:44,480
see on natuke login kasti. Niisiis, duh. Ma pean sisse logida See on seal.

540
00:34:44,480 --> 00:34:48,030
Arvestades, et kui ma läksin Facebook ja ma pidin kliki vähe link allosas

541
00:34:48,030 --> 00:34:51,920
mis ütles "sisse" ja ülejäänud leht oli lihtsalt mingi pilt või midagi,

542
00:34:51,920 --> 00:34:54,820
Ma tõesti ei tea, mida teha, eks? Ma segi ajada.

543
00:34:54,820 --> 00:34:58,590
Niisiis, see võiks mulle öelda, et mine sinna ja vajuta nuppu, et logida sisse,

544
00:34:58,590 --> 00:35:01,080
või log in nupp võiks olla õigus ülaosas, kuhu ma lähen, et seda näha.

545
00:35:01,080 --> 00:35:04,780
Tahad alati näidata kasutajale, mida teha,

546
00:35:04,780 --> 00:35:06,750
ja mis peaks olema omane leht ise.

547
00:35:06,750 --> 00:35:09,880
>> Kui sa mõtled kujunduse ja pilkav up erinevaid viise

548
00:35:09,880 --> 00:35:13,810
väljendades oma kodukale, sa tõesti tahad, et mõelda, mida kasutajad hakkavad

549
00:35:13,810 --> 00:35:19,380
teeme ja kuidas te saate näidata neile, mida teha.

550
00:35:19,380 --> 00:35:23,530
Üks viimane asi on testimine on tõesti oluline.

551
00:35:23,530 --> 00:35:27,400
On suurepärane, et saada keegi - saada sõber saada, keda sa ei tea isegi -

552
00:35:27,400 --> 00:35:30,420
kes pole kunagi näinud kohapeal enne saiti kasutada.

553
00:35:30,420 --> 00:35:33,650
Kuna olete töötanud saidi tundi, sa oled jõllis see,

554
00:35:33,650 --> 00:35:36,670
ja sa tead täpselt, mida teha, et ilmselt sa lähed testime

555
00:35:36,670 --> 00:35:39,520
asju, mida olete töötanud ja et te teate töö.

556
00:35:39,520 --> 00:35:42,680
Aga kui keegi tuleb mööda ja kasutab ala, mis ei ole kunagi kasutanud seda varem,

557
00:35:42,680 --> 00:35:46,880
see on unikaalne kogemus, sest sul on keegi, kes ei ole eelnevalt teatavaks

558
00:35:46,880 --> 00:35:51,530
ala laskumist see, et nad ei kavatse on tegelikult ei tea, mida teha

559
00:35:51,530 --> 00:35:54,890
või millist kasutada juhtudel esineb neid.

560
00:35:54,890 --> 00:36:00,930
See on tore. See on unikaalne, sest nad on oma olemuselt isiku tühjaks meelt.

561
00:36:00,930 --> 00:36:03,750
Nad võivad öelda, kui midagi on segane või ebaselge.

562
00:36:03,750 --> 00:36:07,580
Nad võivad anda teile idee, just see, mida kasutaja kogemus saidil on.

563
00:36:07,580 --> 00:36:10,630
See võib olla väga raske öelda, et ise, nii et kindlasti kutsun teid

564
00:36:10,630 --> 00:36:13,640
kui sa arendada oma projekte - kui sa teed veebipõhine projekte -

565
00:36:13,640 --> 00:36:18,290
saada inimesi kasutades saidi juba sul mingi funktsionaalne demo.

566
00:36:18,290 --> 00:36:25,330
>> Nüüd ma lähen rääkida natuke sellest, kuidas hallata web arendusprojekti.

567
00:36:25,330 --> 00:36:28,900
Me oleme läinud üle, kuidas seda teha tehniline back-end side,

568
00:36:28,900 --> 00:36:31,050
kuidas saab kujundada tõesti hea koht,

569
00:36:31,050 --> 00:36:34,150
ja see on tore, kui te töötate ise, vaid -

570
00:36:34,150 --> 00:36:37,300
isegi kui te töötate ise ja eriti kui te töötate meeskond

571
00:36:37,300 --> 00:36:39,580
projektijuhtimine muutub suur probleem.

572
00:36:39,580 --> 00:36:42,340
Sa oled justkui kuulnud projektijuhtimise erinevates vormides alates

573
00:36:42,340 --> 00:36:45,410
algkooli, kui sa olid rääkinud grupitöö.

574
00:36:45,410 --> 00:36:46,820
Sa pead tegema, suhelda, kõike seda.

575
00:36:46,820 --> 00:36:49,620
See kõik kehtib endiselt siin, kuid on olemas mõned unikaalsed asjaolud

576
00:36:49,620 --> 00:36:54,910
arvutiteadus, et sa tahad olla teadlik, ja sa tahad teha kindel, et sa sellega hakkama ka.

577
00:36:54,910 --> 00:36:58,050
Räägin kõigepealt natuke meeskond, et saate sisse

578
00:36:58,050 --> 00:37:03,280
On väga oluline, et valida õige suurusega meeskonna kallal,

579
00:37:03,280 --> 00:37:05,890
ja teie lõplik projekt ma arvan teil on võimalus valida

580
00:37:05,890 --> 00:37:08,610
1 kuni 4 inimest, kas ma olen õige.

581
00:37:08,610 --> 00:37:12,050
Sa tahad teha kindel, et sa ei ole lihtsalt valida inimeste arv

582
00:37:12,050 --> 00:37:14,950
et te soovite töötada, sest nad on oma sõpradele.

583
00:37:14,950 --> 00:37:18,170
Tahad valida meeskond, kes on hea suurus ja mis saab tööd teha.

584
00:37:18,170 --> 00:37:22,700
Seal on kaubandus-off, millel rohkem inimesi versus vähem inimesi.

585
00:37:22,700 --> 00:37:25,320
Kui teil on rohkem inimesi, ilmselt rohkem tööd saab teha

586
00:37:25,320 --> 00:37:28,450
sest teil on palju inimesi, palju koodi, palju ideid,

587
00:37:28,450 --> 00:37:29,870
ja see on kõik suurepärane.

588
00:37:29,870 --> 00:37:32,590
Aga see nõuab ka palju rohkem juhtimise ja palju suhtlemist.

589
00:37:32,590 --> 00:37:34,720
Teisisõnu, kui teil on 4 inimest töötavad sama projekti

590
00:37:34,720 --> 00:37:39,200
ja nad kõik toimetamine sama kood, rohkem või vähem nad igasugu vaja teada

591
00:37:39,200 --> 00:37:40,920
mis toimub nii ta vajab sind -

592
00:37:40,920 --> 00:37:44,580
Kui lisate mõne uue funktsiooni on justkui öelda inimestele - Ma lisada see,

593
00:37:44,580 --> 00:37:48,510
Muudan seda sel viisil - eriti kui sa sattuda tõesti sügav värk

594
00:37:48,510 --> 00:37:52,730
nagu mudelid ja kontrollerid, mis on tegelikult läheb mõjutada, kuidas sait töötab.

595
00:37:52,730 --> 00:37:54,500
Kogu meeskond peab olema teadlik sellest,

596
00:37:54,500 --> 00:37:58,140
nii et sa pead veenduge, et olete mitte valida liiga suur meeskond, et see saab olema raske

597
00:37:58,140 --> 00:37:59,970
et muuta see side.

598
00:37:59,970 --> 00:38:02,930
Sa ka ei taha valida piisavalt väike meeskond, et sa ei kavatse

599
00:38:02,930 --> 00:38:06,250
olema võimeline suhtlema, sest see on lihtsalt teile.

600
00:38:06,250 --> 00:38:11,270
>> Teine asi, mida kaaluda, on see tasakaal, kus inimeste oskused on.

601
00:38:11,270 --> 00:38:14,350
On tore, kui sa oled kõik väga head programmeerijad.

602
00:38:14,350 --> 00:38:17,050
Aga kui sa oled kõik back-end inimesed, siis teie sait ei kavatse vaadata väga hea

603
00:38:17,050 --> 00:38:20,860
sest sul on see suur andmebaas ning see super-kiire otsing päringud -

604
00:38:20,860 --> 00:38:26,130
mis on suurepärane - aga kui sa lähed, see on nagu 1990 saidi punane ja sinine

605
00:38:26,130 --> 00:38:30,370
kõikjal, ja see ei ole hea.

606
00:38:30,370 --> 00:38:34,210
Pange tähele, et Ben ja ma meeskonnana on väga tore, sest ma olen omamoodi rohkem

607
00:38:34,210 --> 00:38:38,030
esiotsa, me mõlemad suhelda keset lõpu ja Ben on tõesti hea back-end stuff,

608
00:38:38,030 --> 00:38:43,550
nii et toimib tõesti hästi, sest meil on võimalik kujundada mistahes kohas ja põhimõtteliselt augud

609
00:38:43,550 --> 00:38:47,580
selles kohas, mis peavad olema täidetud saab täita kas üks meist, või ka mõlemad.

610
00:38:47,580 --> 00:38:50,210
Sa tahad teha kindel, et ei ole auke oma meeskond.

611
00:38:50,210 --> 00:38:51,180
See on okei, kui seal on natuke kattuvad.

612
00:38:51,180 --> 00:38:53,670
Teisisõnu, kui teil on 2 inimest, mis on nii hea, kolp,

613
00:38:53,670 --> 00:38:57,250
, mis võib olla hea, kui hästi, sest nad saavad üksteist aidata probleemidega

614
00:38:57,250 --> 00:38:58,820
et nad on.

615
00:38:58,820 --> 00:39:02,590
See võib olla probleem, kui sul on ainult 1 isik, kes on vastutav teatud asi

616
00:39:02,590 --> 00:39:06,650
ja nad joosta probleem, et sa ei taha olla natuke kattuvad

617
00:39:06,650 --> 00:39:10,760
aga kõige tähtsam soovite veenduda, et kõik on võimalik auke täis.

618
00:39:10,760 --> 00:39:17,550
>> Viimane asi - ja see peaks olema selge, kuid see ei ole sageli.

619
00:39:17,550 --> 00:39:19,550
Sa tõesti tahad olla lõbus.

620
00:39:19,550 --> 00:39:23,360
Punkt selle lõplik projekt CS50 ja sageli punkt veebiarendust üldiselt

621
00:39:23,360 --> 00:39:26,360
ei ole lihtsalt seda tööd tegema, sest see peab tegema.

622
00:39:26,360 --> 00:39:29,140
Sa tõesti tahad olla lõbus, ja sa tahad olla teha midagi

623
00:39:29,140 --> 00:39:31,180
mis on motiveeriv te tööd selle kallal.

624
00:39:31,180 --> 00:39:33,650
Kui iganes sa teed on valu istuda ja tööd,

625
00:39:33,650 --> 00:39:35,650
siis sa ei ole õigete projekti.

626
00:39:35,650 --> 00:39:37,730
Kas sa tahad valida midagi, mis sind huvitavad,

627
00:39:37,730 --> 00:39:41,150
sa tõesti tahad, et näha tulemust, sa oled põnevil, kui sa saad uue ettekujutuse

628
00:39:41,150 --> 00:39:44,700
midagi, mida võiks teha - nii on igasuguseid projekte seal, et ma olen kindel,

629
00:39:44,700 --> 00:39:47,290
leiad - igaühel on midagi, mis tõesti intriig neid

630
00:39:47,290 --> 00:39:49,290
kui nad teevad veebipõhine projekt.

631
00:39:49,290 --> 00:39:52,210
Ma ütlen kohe uuesti.

632
00:39:52,210 --> 00:39:54,520
Kui projekt tundub valu ja te ei taha töötada see,

633
00:39:54,520 --> 00:39:57,260
Vali teine ​​projekt. Vali midagi, mis tegelikult sind inspireerib.

634
00:39:57,260 --> 00:40:00,260
>> Ben mainis seda mõistet iteratsiooni natuke, ja ma tahan minna üle natuke.

635
00:40:00,260 --> 00:40:08,250
See on tõesti oluline teha Puuskittain kus teil saada midagi funktsionaalne.

636
00:40:08,250 --> 00:40:13,420
See võib olla hea, kui teil on selle kava kodulehel, et kavatseb teha A, B, ja C,

637
00:40:13,420 --> 00:40:16,000
ja varsti see sinna.

638
00:40:16,000 --> 00:40:18,600
Aga sa oled ummikus selles faasis, kus te töötate, ja selle kallal,

639
00:40:18,600 --> 00:40:23,330
kuid midagi ei saada teha. Sul ei ole midagi näha ja käegakatsutav, funktsionaalne asi.

640
00:40:23,330 --> 00:40:27,940
Mida sa tõesti tahad teha nii palju kui tundub selline valu mõnikord

641
00:40:27,940 --> 00:40:32,300
tööd midagi ja siis mingi kork ära, et see on vähemalt stabiilne, töötab

642
00:40:32,300 --> 00:40:34,910
versioon, isegi kui see ei ole kõik omadused, mida te soovite.

643
00:40:34,910 --> 00:40:37,690
Ja võib-olla on mõned funktsioonid, mida sa tõesti tahad, et lisada kuid sa lihtsalt ei saa

644
00:40:37,690 --> 00:40:41,830
sest sa tahad saada selle saidi funktsionaalsest aspektist.

645
00:40:41,830 --> 00:40:44,400
Ja et sa tahad sellist on kogu arengu protsessi selline.

646
00:40:44,400 --> 00:40:47,810
Tahad alustada kusagil funktsionaalne - või sisuliselt alustada midagi -

647
00:40:47,810 --> 00:40:49,890
aga sa tahad kuhugi jõuda väga lihtne ja funktsionaalne.

648
00:40:49,890 --> 00:40:54,940
Ja siis jälle, teha omamoodi hüpata ja kuhugi funktsionaalne uuesti.

649
00:40:54,940 --> 00:40:59,190
Sul aeglaselt ehitada, ja see võib minna veidi aeglasem kui muidu,

650
00:40:59,190 --> 00:41:03,000
kuid pikemas perspektiivis, kui sa oled pidevalt ummikus seda eikellegimaad faas, kus sa

651
00:41:03,000 --> 00:41:06,380
Tegelikult ei ole midagi töötab, siis võib olla tõesti suur pettumus

652
00:41:06,380 --> 00:41:09,970
töötada oma projekti, sest sa oled alati nii lähedal, et saada see töö,

653
00:41:09,970 --> 00:41:12,130
ja see pole kunagi tegelikult töötavad.

654
00:41:12,130 --> 00:41:14,810
Sa tahad töötada nende funktsionaalsete Puuskittain

655
00:41:14,810 --> 00:41:17,950
ja sa ka tahad teha mõned peegeldus pärast igaüks.

656
00:41:17,950 --> 00:41:21,260
Teisisõnu, kui sa oled olukorras, kus sait töötab nüüd -

657
00:41:21,260 --> 00:41:24,790
see ei ole kõik, mida soovite, kuid see mõned asjad -

658
00:41:24,790 --> 00:41:28,870
soovite arvan, okei, see sait saavutamas eesmärki, mida ma sätestatud, mida teha?

659
00:41:28,870 --> 00:41:33,410
Teisisõnu, kui sait läheb tegema X, on see, mida ma olen töötab selles suunas, et X?

660
00:41:33,410 --> 00:41:36,450
Kas kõik funktsioonid, et ma tahtsin sinna?

661
00:41:36,450 --> 00:41:39,340
Ja pealegi on see teenib üldist eesmärki, mida ma tahan?

662
00:41:39,340 --> 00:41:43,200
Kui sa leiad, et teie sait on hakanud kalduma teises suunas

663
00:41:43,200 --> 00:41:47,330
või äkki asjad lihtsalt selline ei toimi, võib seda aega käigu natuke.

664
00:41:47,330 --> 00:41:51,700
Teisisõnu, see on seda väärt, arvestades - see on väärt visata ideid vajadusel

665
00:41:51,700 --> 00:41:57,950
ning arvestades olen ma tõesti tööd, mida ma tahan olla.

666
00:41:57,950 --> 00:42:00,760
>> Ma usun, et mu järgmine punkt. Ära karda loobuda ideid.

667
00:42:00,760 --> 00:42:03,750
Lihtsalt, sest sa kulutanud palju tunde tööd funktsioon

668
00:42:03,750 --> 00:42:07,890
ja lõpuks sain ta töötab, kuid see tõesti ei lähe nii hästi -

669
00:42:07,890 --> 00:42:12,690
nagu see ei ole nii kasulik või kasutajad on probleeme, kasutades seda -, et selline asi -

670
00:42:12,690 --> 00:42:15,300
ärge kartke see ära visata.

671
00:42:15,300 --> 00:42:17,650
See imeb, et olete kulutanud palju aega selle kallal,

672
00:42:17,650 --> 00:42:21,870
kuid lõpuks sa ei taha veebilehekülg, mis on kuidagi kokku panna need tükid, mis

673
00:42:21,870 --> 00:42:25,380
omamoodi töö, kuid ei ole, et hästi teeninud.

674
00:42:25,380 --> 00:42:27,990
Samuti ärge kartke omaks uusi ideid.

675
00:42:27,990 --> 00:42:30,050
Kui keegi tuleb ja ütleb: hei, see sait tundub tõesti lahe, kuid

676
00:42:30,050 --> 00:42:32,290
kas ei oleks isegi tore, kui ta ka seda tegi?

677
00:42:32,290 --> 00:42:36,220
Lihtsalt sellepärast, et on midagi, mida sa ei kavatse ja midagi, mis ei ole teie

678
00:42:36,220 --> 00:42:37,900
specs, midagi, mida sa ei ole sätestatud, mida teha,

679
00:42:37,900 --> 00:42:40,860
ärge kartke, et võtta seda ja siis tööd teha.

680
00:42:40,860 --> 00:42:43,680
Sest tihti ideid, mida joosta vältel areng

681
00:42:43,680 --> 00:42:47,630
lõpuks on lahedaid funktsioone veebilehel.

682
00:42:47,630 --> 00:42:49,630
>> Ma olen seda ka varem öelnud. Ma ütlen, see uuesti.

683
00:42:49,630 --> 00:42:51,630
Katsetajate on super, super kasulik.

684
00:42:51,630 --> 00:42:56,350
Püüa saada inimesed, kes on kunagi näinud kohapeal enne sisse logida ja vaata, mis toimub

685
00:42:56,350 --> 00:42:59,080
sest nad ei saa ainult katse kasulikkuse saidi ja kasutaja kogemus,

686
00:42:59,080 --> 00:43:02,070
kuid nad võivad ka testida funktsionaalsuse võimalusi, et sa ei saa.

687
00:43:02,070 --> 00:43:06,430
Kui teete mõne funktsiooni, mis teeb teatud asi

688
00:43:06,430 --> 00:43:11,620
ja te teate, et see saab teha sama asja õigesti iga kord, see on suurepärane.

689
00:43:11,620 --> 00:43:16,610
Aga see võib sageli olla raske moodustavad nurgas juhtudel võib kasutaja

690
00:43:16,610 --> 00:43:19,500
kirjuta midagi, et te ei oodanud - just seetõttu, et te määratletud

691
00:43:19,500 --> 00:43:21,500
funktsioone ise.

692
00:43:21,500 --> 00:43:23,730
Nii, et keegi tulema, kes ei tea, kuidas kasutada lehe

693
00:43:23,730 --> 00:43:26,840
ja lihtsalt katki mis tahes viisil nad saavad teha, on tõesti kasulik, sest sa

694
00:43:26,840 --> 00:43:30,340
saada idee täiesti erinevast vaatenurgast, mida saidil on töö

695
00:43:30,340 --> 00:43:33,300
ja mis vajab remonti.

696
00:43:33,300 --> 00:43:37,070
>> Lõpuks ma rääkida mõned üldised head tavad

697
00:43:37,070 --> 00:43:42,470
ja sa oled näinud palju neid CS50, kuid nad ka tõesti kohaldatakse projekti keskkonnas.

698
00:43:42,470 --> 00:43:47,600
Üks on kommentaare. Alati kommenteerida oma kood, eriti kui te töötate suur meeskond.

699
00:43:47,600 --> 00:43:51,230
See võib olla nii tüütu, et pead lihtsalt hiiglane ploki koodi, et keegi on kirjutanud

700
00:43:51,230 --> 00:43:54,230
ja võibolla see toimib, võib-olla see ei ole, kuid sul pole aimugi, mida ta teeb,

701
00:43:54,230 --> 00:43:58,010
nii et sa ei tea, kas see on kasulik või mitte, või kas see peaks seal olema või mitte,

702
00:43:58,010 --> 00:44:00,200
ja kui te töötate midagi muud see on isegi võimalik, et te töötate

703
00:44:00,200 --> 00:44:06,590
sama asi, lihtsalt väga, väga ettevaatlik olema hoolivad oma partnerit

704
00:44:06,590 --> 00:44:09,710
ja kirjutada koodi, mis on hästi dokumenteeritud.

705
00:44:09,710 --> 00:44:13,580
Sa ei pea minema nii kaugele, et teha kogu asi, kui meeldib, kui sa juurdekasvu

706
00:44:13,580 --> 00:44:16,620
counter on kommentaar, mis ütleb, et ma lisades 1 kuni see counter.

707
00:44:16,620 --> 00:44:20,450
See ei pea olema detailne, kuid iga funktsioon, et sa kunagi kirjutamise

708
00:44:20,450 --> 00:44:23,160
siis peaks olema mõned dokumendid, mida see funktsioon täpselt juhtub,

709
00:44:23,160 --> 00:44:25,140
mida selle sisendite, ja mida ta peaks tagasi.

710
00:44:25,140 --> 00:44:27,800
Nii saate kasutada teiste inimeste komponentide koha

711
00:44:27,800 --> 00:44:31,990
ja saab tööd, et rajada midagi suurt.

712
00:44:31,990 --> 00:44:34,100
>> Teine oluline asi on see, mida sa teha tahad regulaarne puhas-ups.

713
00:44:34,100 --> 00:44:40,490
Kood muutub segaseks. Ei tunne halb, kui teie kood on lihtsalt täiesti loetamatu ja hiiglaslik segadus.

714
00:44:40,490 --> 00:44:42,770
See juhtub veebiarendust alati.

715
00:44:42,770 --> 00:44:46,530
Sa lisades uusi funktsioone, eemaldades vanad. Stuff saab olema seal, et ei tohiks olla.

716
00:44:46,530 --> 00:44:49,330
See on hea, kuid sa tahad teha kindel, et tegeleda regulaarselt.

717
00:44:49,330 --> 00:44:53,430
Sa ei taha lasta ehitada kuni punktini, kus te lihtsalt ei leia midagi

718
00:44:53,430 --> 00:44:56,430
oma koodi ja sa ei tea, mida kõike teeb.

719
00:44:56,430 --> 00:44:58,430
See on nii HTML.

720
00:44:58,430 --> 00:44:59,490
Mõnikord saate lõpuks esemetega, mis ei sisalda midagi,

721
00:44:59,490 --> 00:45:01,320
ja sa tahad, et saada lahti neist.

722
00:45:01,320 --> 00:45:04,610
CSS, võite olla viitavate elementide, mis ei ole enam seal,

723
00:45:04,610 --> 00:45:06,340
nii et sa tahad lahti saada, et kood.

724
00:45:06,340 --> 00:45:09,900
Javascript, võiksite eemaldanud midagi HTML.

725
00:45:09,900 --> 00:45:13,150
Niisiis, sa tahad teha kindel, et sa oled alati puhastamiseks, teha asju päris

726
00:45:13,150 --> 00:45:17,450
nii palju kui saate regulaarselt.

727
00:45:17,450 --> 00:45:21,060
>> Teine väga kasulik asi, mida ma ei usu, et on esitatud väga palju CS50

728
00:45:21,060 --> 00:45:23,430
kuid see on väärt sattumist on versiooni kontrolli.

729
00:45:23,430 --> 00:45:27,180
Idee versiooni kontrolli on, kui sa oled põhiliselt jälgida kõik edu

730
00:45:27,180 --> 00:45:30,820
olete teinud suunas saidile ja kui mis tahes hetkel sa mõistad, oh, see töötas

731
00:45:30,820 --> 00:45:35,220
aega tagasi, kuid see ei tööta enam, võid minna tagasi eelmiste versioonidega

732
00:45:35,220 --> 00:45:37,720
ja vaata, mis on sellest ajast muutunud ja sellist asja.

733
00:45:37,720 --> 00:45:41,670
Esmane viis seda teha on koos Git ja Git on kogu selline süsteem, et

734
00:45:41,670 --> 00:45:46,390
Usun Tommy MacWilliam andis seminaril eelmisel aastal.

735
00:45:46,390 --> 00:45:51,520
Kui te lähete CS50 seminarid 2011, näete oma seminaril, et.

736
00:45:51,520 --> 00:45:57,070
Idee Git on põhimõtteliselt, et regulaarselt sa üritad neid kohustusi

737
00:45:57,070 --> 00:46:01,430
mis võimalusi öelda saidi kohta üsna stabiilne versioon kohe nii

738
00:46:01,430 --> 00:46:05,910
Ma pakendamisel üles ja saates selle ära server, ja siis võid minna, et server

739
00:46:05,910 --> 00:46:07,910
ja vaadata kõigi varasemate versioonide kood ja näha, kuidas see edenenud

740
00:46:07,910 --> 00:46:12,210
ja kõik, mis omamoodi hea kraam.

741
00:46:12,210 --> 00:46:14,210
Nii, et põhimõtteliselt on.

742
00:46:14,210 --> 00:46:17,870
Niipalju kui veebi arengut, me oleme õnnelikud, et jääda umbes ja vastata kõikidele

743
00:46:17,870 --> 00:46:20,570
küsimusi nii palju kui meie esitlus.

744
00:46:20,570 --> 00:46:22,900
Nii see on. Aitäh. >> [Ben] Aitäh.

745
00:46:22,900 --> 00:46:28,480
[Aplaus]

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Töötajad, kas keegi on mingeid küsimusi selle kohta, mida, kui oleme kaetud

747
00:46:30,950 --> 00:46:33,950
või asju, mida me pole kaetud, et nad loodavad, et me tahaks katta?

748
00:46:33,950 --> 00:46:35,950
Me tahaks olla õnnelik, et vastata neile. Keegi?

749
00:46:35,950 --> 00:46:50,360
[Publik] Millised on plusse ja miinuseid, kasutades Ruby või kasutades Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] küsimus oli, millised on plusse ja miinuseid, kasutades Ruby või Python

751
00:46:58,660 --> 00:46:59,900
asemel nagu PHP.

752
00:46:59,900 --> 00:47:11,340
Plusse on, et Ruby ja Python on palju parem keeles kui PHP.

753
00:47:11,340 --> 00:47:14,920
Vähemalt minu arvates, ja ma arvan, et palju teiste inimeste arvamusi ka.

754
00:47:14,920 --> 00:47:20,990
Nad olid mõeldud rohkem teed keeruline värk,

755
00:47:20,990 --> 00:47:25,380
ja vähem ilmatu kokku veebilehti tõesti kiiresti

756
00:47:25,380 --> 00:47:28,400
natuke dünaamiline sisu.

757
00:47:28,400 --> 00:47:35,180
Miinuseid on, et seal on natuke - seal on rohkem õppimiskõver

758
00:47:35,180 --> 00:47:37,220
saada neile loodud.

759
00:47:37,220 --> 00:47:41,010
See tähendab, nagu PHP, saate lihtsalt HTML-faili ja te kirjutada vähem kui,

760
00:47:41,010 --> 00:47:43,060
küsimärk, ja siis kirjutada mõned kood, ja siis kirjutada küsimärk

761
00:47:43,060 --> 00:47:45,700
suurem-kui ja siis sa oled teinud.

762
00:47:45,700 --> 00:47:50,300
Teistes keeltes nagu Ruby või Python,

763
00:47:50,300 --> 00:47:56,810
sa pead läbi minema natuke rohkem tööd, et saada esialgse saidi töötab.

764
00:47:56,810 --> 00:48:02,730
Seal on ka - vähemalt see, mida kasutatakse juhul, - et seal on rohkem dokumentatsioon

765
00:48:02,730 --> 00:48:05,480
saadaval PHP lihtsalt, sest seal on rohkem inimesi kasutab seda.

766
00:48:05,480 --> 00:48:09,370
Ma arvan, et ei ole nii suur probleem enam.

767
00:48:09,370 --> 00:48:12,520
Seal on kindlasti väga hea dokumentatsioon asju Ruby on Rails

768
00:48:12,520 --> 00:48:16,080
või Django Pythoni on samaväärne.

769
00:48:16,080 --> 00:48:25,910
PHP on üks, et igaüks on kasutanud juba aastaid, ja sa tead, kuidas see töötab.

770
00:48:25,910 --> 00:48:28,460
Ruby ja Python on natuke vähem küps.

771
00:48:28,460 --> 00:48:33,130
>> [Publik] Kui sa olid valida üks neist õppida või korja,

772
00:48:33,130 --> 00:48:36,130
mis te eelistate?

773
00:48:36,130 --> 00:48:38,870
Ausalt, ma arvan, et sõltub inimesest.

774
00:48:38,870 --> 00:48:45,450
Vabandust. Küsimus oli, mida sa valiks keegi õppida?

775
00:48:45,450 --> 00:48:50,230
Ma leian, Python nicest isiklikult.

776
00:48:50,230 --> 00:48:55,360
Seal on palju inimesi, kes - ma tegin oma esimese web dev projekti Python ja Django.

777
00:48:55,360 --> 00:49:00,300
Seal on palju inimesi, kellele meeldib Ruby on Rails ka.

778
00:49:00,300 --> 00:49:02,650
Ilmselt rohkem inimesi, kes teavad, Ruby on Rails.

779
00:49:02,650 --> 00:49:05,270
Ausalt, ma lihtsalt minna iganes inimesed sinu ümber teavad

780
00:49:05,270 --> 00:49:09,680
nii et teil on inimestel küsimusi küsida.

781
00:49:19,640 --> 00:49:24,170
>> Küsimus oli - jagatud serverites on see selline raske töö Python?

782
00:49:24,170 --> 00:49:26,170
See sõltub teie hosting.

783
00:49:26,170 --> 00:49:29,400
On mitmeid web hosts, mis lisada Python kraam.

784
00:49:29,400 --> 00:49:31,400
WebFaction teeb seda, eks?

785
00:49:31,400 --> 00:49:34,400
WebFaction on selline, et Billy ja olen kasutanud juba mõned projektid.

786
00:49:34,400 --> 00:49:37,750
Nad on tõesti suur. Nad toetavad enamik keeli.

787
00:49:37,750 --> 00:49:40,020
Aga see on tõsi, et PHP on palju laiemalt toetada.

788
00:49:40,020 --> 00:49:45,210
Niisiis, kui sa oled ummikus veebi, mis ainult ei PHP, see on hea põhjus kasutada PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Publik] ma sain õppida, kuidas päringuid mõned andmebaasid

790
00:49:56,010 --> 00:50:00,680
ja ma tean, et minu SQL on kogu koht, kuid ma hiljuti sain kokku puutunud -

791
00:50:00,680 --> 00:50:04,470
ja sa märkis ta välja. Näete JSON ja laiendatav andmebaase.

792
00:50:04,470 --> 00:50:14,580
My SQL on veel kõikjal. Millisena näete mis juhtub?

793
00:50:14,580 --> 00:50:21,330
Kas seal saab olema üha kasvavat tendentsi rohkem laiendatav (kuuldamatu)?

794
00:50:21,330 --> 00:50:30,100
Küsimus oli - ma arvan, et see saab olema tendents mitte-SQL andmebaase.

795
00:50:30,100 --> 00:50:33,850
Näiteks nagu MongoDB. Ma arvan, et see on kindlasti tõsi.

796
00:50:33,850 --> 00:50:38,730
Minu nõuanne on enamasti MySQL seotud siin ainult sellepärast, et MySQL on

797
00:50:38,730 --> 00:50:40,950
tööstusharu standard.

798
00:50:40,950 --> 00:50:45,950
Isiklikult ma eelistan andmebaasid ei ole schemos nagu MongoDB

799
00:50:45,950 --> 00:50:49,520
kui sul ei ole küsimus, oh, mul on vaja lisada veel kolonni.

800
00:50:49,520 --> 00:50:51,600
Häda mulle, nagu mis iganes ma teen?

801
00:50:51,600 --> 00:50:55,840
See on väga raske teha seda MySQL, kuid kui sul on midagi nagu Mongo

802
00:50:55,840 --> 00:50:57,840
see on palju ilusam.

803
00:50:57,840 --> 00:51:03,780
Teine tore asi Mongo on see, et teie andmed on tegelikult JavaScript objektid.

804
00:51:03,780 --> 00:51:10,110
Pole mingi kõneetapp kus pead võtma need andmebaasi rida

805
00:51:10,110 --> 00:51:13,140
ja muuta need JavaScript objekti ja seejärel saata neid üle traadi.

806
00:51:13,140 --> 00:51:20,290
Ma arvan, et selliseid asju saab olema väga, väga kasulik kiire veebi arengut tulevikus.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Midagi ma lisaksin, mis on lihtsalt üldine küsimus on, et

808
00:51:23,060 --> 00:51:26,580
ei tunne, siis peaks olema õppinud kõik Euroopa keeltes me oleme arutanud

809
00:51:26,580 --> 00:51:28,580
meie seminar.

810
00:51:28,580 --> 00:51:30,560
Ilmselt asi on selles, et anda teile aimu, mis seal toimub,

811
00:51:30,560 --> 00:51:33,450
ja kui sa oled mõelnud mis tahes asju oleme mainitud saate Google neid

812
00:51:33,450 --> 00:51:35,830
ja lugeda üles neid.

813
00:51:35,830 --> 00:51:38,750
Ja nagu ma mainisin, on mõned seminarid, mis tegelevad just neid asju.

814
00:51:38,750 --> 00:51:41,660
On isegi rohkem seminare, et ma ei maininud, et tõenäoliselt sattuda

815
00:51:41,660 --> 00:51:43,660
see kraam ka.

816
00:51:43,660 --> 00:51:46,610
Mõte on selles, et kui sa tahad teha midagi, siin on vahendid teie käsutuses.

817
00:51:46,610 --> 00:51:51,630
Ärge tunduda, kui sa ei ole päris kindel, mida need vahendid teha täpselt,

818
00:51:51,630 --> 00:51:54,830
kuid tean, et nad on olemas ja et saate laialdaselt kasutada neid

819
00:51:54,830 --> 00:51:56,830
Google.

820
00:51:56,830 --> 00:51:59,960
>> [Publik] Milliseid asju sa pead tegema, et veenduda oma kodulehel

821
00:51:59,960 --> 00:52:02,530
näeb hea mobiili?

822
00:52:02,530 --> 00:52:05,590
[Billy] mobiilseadmed on natuke raske.

823
00:52:05,590 --> 00:52:07,590
Seal on 2 võimalust võite läheneda ta.

824
00:52:07,590 --> 00:52:11,500
Esimene võimalus on, et sa tegelikult mobiiltelefoni veebilehel.

825
00:52:11,500 --> 00:52:14,660
Teisisõnu, te täidab mingi detekteerimine alguses

826
00:52:14,660 --> 00:52:18,830
kui brauser taotluse esitanud veebisaidile, mis kas ütleb

827
00:52:18,830 --> 00:52:25,240
tagasi seda seisukohta - mis on vaade lauaarvuti või sülearvuti brauserid -

828
00:52:25,240 --> 00:52:27,710
ja see teine ​​vaade mobiilseadmete jaoks.

829
00:52:27,710 --> 00:52:33,090
See on koht, kus vaated on tore, et saate päris palju swap

830
00:52:33,090 --> 00:52:37,580
kaks ja on liides, mis töötab tõesti kenasti mobiilseadmete

831
00:52:37,580 --> 00:52:40,770
ja on täiesti erinev, mis töötab ilusti brauser seadmetega.

832
00:52:40,770 --> 00:52:43,770
Probleem, et see võtab kaua aega, sest see tähendab kodeeriv

833
00:52:43,770 --> 00:52:47,060
täiesti erinev kasutajaliides.

834
00:52:47,060 --> 00:52:49,720
Teine võimalus, mida saate teha on -

835
00:52:49,720 --> 00:52:55,250
palju tänapäeva telefonid kuvab veebilehed ja püüda muuta neid seadistusi oleks

836
00:52:55,250 --> 00:52:57,680
ja nad teevad oma parima.

837
00:52:57,680 --> 00:53:04,340
Võite liiki proovige jääda valgust summa jQuery JavaScript te kasutate

838
00:53:04,340 --> 00:53:07,360
mis kipub olema, kus asjad võivad minna valesti natuke.

839
00:53:07,360 --> 00:53:13,430
See on justkui nii, et sa peaksid kasutama, kui sul ei ole nii palju aega.

840
00:53:13,430 --> 00:53:18,540
Kui sul on aega, et töö mobiilne liides, mis on ilmselt oma parim valik.

841
00:53:18,540 --> 00:53:23,320
>> Ma arvan, et üldiselt CS50 projekte, sa lähed, et tahad valida kas üks või teine.

842
00:53:23,320 --> 00:53:27,990
Teisisõnu, sa tahad teha mobiili app või tahad teha desktop veebilehel.

843
00:53:27,990 --> 00:53:32,200
Ja seda sorti määrab, kuhu te lähete, et.

844
00:53:32,200 --> 00:53:35,360
Aga kui sa tahad, et laiendada seda hiljem, tõenäoliselt teie parim panus on

845
00:53:35,360 --> 00:53:37,360
teha uue liidese vahel.

846
00:53:51,650 --> 00:53:56,340
Mul on natuke kogemusi, et arendada WordPress põhinev saitidel.

847
00:53:56,340 --> 00:53:58,670
I võõrustas isiklik veebileht WordPress mõnda aega.

848
00:53:58,670 --> 00:54:02,310
Need liiki raamistikud võivad olla kena nagu väga põhilised asjad.

849
00:54:02,310 --> 00:54:07,050
Sageli sa lihtsalt joosta palju kohandatav küsimusi küll.

850
00:54:07,050 --> 00:54:10,940
Sa tahad midagi vaadata teatud viisil või olla teatud viisil

851
00:54:10,940 --> 00:54:14,510
ja sa lihtsalt ei saa, sest see on juhtmega süsteemi, et

852
00:54:14,510 --> 00:54:17,480
see on, kuidas sa pead tegema asju, mis võivad olla natuke probleemiks.

853
00:54:17,480 --> 00:54:22,020
Sellest ajast alates olen selline olnud rohkem valmis töötama koos saite maapinnalt.

854
00:54:22,020 --> 00:54:26,840
Asjad nagu blogi andmebaaside ja et selline asi see on tõesti ei ole nii raske ehitada raamistik.

855
00:54:26,840 --> 00:54:29,970
Kui sa tõesti venitatakse aega, võite muidugi kasutada midagi WordPress

856
00:54:29,970 --> 00:54:33,120
või et selline asi blogi.

857
00:54:33,120 --> 00:54:38,790
Asju, et blogid poodi ja teha ei ole tõesti piisavalt kõvasti, et

858
00:54:38,790 --> 00:54:41,500
kui näed ühessegi neist asju, oled ilmselt parim lihtsalt

859
00:54:41,500 --> 00:54:43,500
teha in-house versioon.

860
00:54:43,500 --> 00:54:48,350
>> Ma arvan, et see on midagi, nii et tänan jälle tulemas.

861
00:54:48,350 --> 00:54:51,960
Me tõesti nautisin räägib teiega ja loodan, et olete õppinud mõned asjad.

862
00:54:51,960 --> 00:54:55,350
[Ben] Me oleme õnnelikud, et rääkida - me peame minema, kuid me oleme õnnelikud, et rääkida rohkem väljaspool

863
00:54:55,350 --> 00:55:01,650
Kui teil on teine ​​küsimus. Tänan. [Aplaus]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]