1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Seminar] [Web Development: Od ideje do izvedbe]

2
00:00:02,500 --> 00:00:04,200
[Ben Kuhn] [Billy Janitsch] [Harvard University]

3
00:00:04,200 --> 00:00:07,250
[To je CS50] [CS50.TV]

4
00:00:07,250 --> 00:00:10,840
[Billy] Živjo, jaz sem Billy in to je Ben. >> [Ben] Zdravo.

5
00:00:10,840 --> 00:00:12,840
Bomo danes govorili o spletni razvoj.

6
00:00:12,840 --> 00:00:14,840
[Webdev] [Billy Janitsch in Ben Kuhn]

7
00:00:14,840 --> 00:00:16,840
Bit za nas prvi.

8
00:00:16,840 --> 00:00:19,590
Ben je neke vrste back-end fant. On naredi stvari delujejo.

9
00:00:19,590 --> 00:00:21,870
In potem sem šel v in bi jih lepo.

10
00:00:21,870 --> 00:00:26,610
Jaz sem v glavnem ukvarjajo z več front-end načrtovalska stvareh,

11
00:00:26,610 --> 00:00:31,260
Ben, na drugi strani pa ne ve, kaj počne, tako da dela na back-end stvari.

12
00:00:31,260 --> 00:00:34,050
Skupaj smo naredili nekaj stvari.

13
00:00:34,050 --> 00:00:38,710
Na primer, lani smo delali na Gimblium, ki je na spletu igra razvoj studio.

14
00:00:38,710 --> 00:00:40,400
To je bil naš končni projekt za razred,

15
00:00:40,400 --> 00:00:42,780
in od takrat smo naredili Harvard Class

16
00:00:42,780 --> 00:00:47,860
, ki je na spletu okvir za brskanje in nakupovanje tečajev na Harvardu.

17
00:00:47,860 --> 00:00:53,180
>> Bomo začeli s to idejo za našo spletno stran.

18
00:00:53,180 --> 00:00:57,480
Bomo, da bo Facebook, vendar za mačke.

19
00:00:57,480 --> 00:00:59,520
Preden ste dejansko bi ta spletna stran,

20
00:00:59,520 --> 00:01:02,520
tega ne naredite spletno stran, ker to ni dobro, ampak ga bomo uporabili kot okvir

21
00:01:02,520 --> 00:01:05,349
in iti skozi postopek, kako bi se to idejo

22
00:01:05,349 --> 00:01:07,450
in jo spremeniti v pravo spletno stran, lahko uporabite.

23
00:01:07,450 --> 00:01:11,940
Bomo začeli s breaking spletni strani navzdol.

24
00:01:11,940 --> 00:01:13,190
Tako kot si počel v CS50,

25
00:01:13,190 --> 00:01:17,360
si želeli, da razmišljajo o tem, kaj so dejanski komponente, ki gredo v tej spletni strani.

26
00:01:17,360 --> 00:01:21,290
V bistvu ga zavrtite od ideje, ki je nekako abstrakten pojem

27
00:01:21,290 --> 00:01:23,590
v resnično, oprijemljivo stvar, ki jo lahko narediš.

28
00:01:23,590 --> 00:01:25,910
Začeli smo z vprašanjem nekaj vprašanj.

29
00:01:25,910 --> 00:01:28,070
Kaj je ta spletna stran? Zakaj bi jo?

30
00:01:28,070 --> 00:01:30,670
Kaj se dogaja, da se uporablja? Take stvari.

31
00:01:30,670 --> 00:01:33,660
V primeru Facebook Cat,

32
00:01:33,660 --> 00:01:37,730
smo v bistvu želite spletno stran, ki vam omogoča, mačke socialno mrežo med seboj.

33
00:01:37,730 --> 00:01:41,260
Ideja je, da bi lahko objavili na stenah drug drugega,

34
00:01:41,260 --> 00:01:43,510
lahko dajo pripombe, da se takšne stvari.

35
00:01:43,510 --> 00:01:46,720
In to je, če smo prišli v funkcionalnih delov.

36
00:01:46,720 --> 00:01:51,270
Zdaj imamo to vrsto okvira - imamo uporabniških profilov,

37
00:01:51,270 --> 00:01:53,990
imamo komentarje, in bomo lahko objavili.

38
00:01:53,990 --> 00:01:57,390
Morda nekega dne bomo dotoku všeč in da se takšne stvari.

39
00:01:57,390 --> 00:02:00,410
In smo nekako želeli prednost te funkcije, ki gredo noter

40
00:02:00,410 --> 00:02:03,340
Hočemo reči, kot so, ok, to je res pomembno, da ima vsakdo profil

41
00:02:03,340 --> 00:02:06,440
in da vsakdo lahko objavite na stenah drug drugega.

42
00:02:06,440 --> 00:02:08,509
Drugotnega pomena, da bi se komentarji lahko lepo.

43
00:02:08,509 --> 00:02:10,180
Mogoče kasneje bomo dotoku všeč.

44
00:02:10,180 --> 00:02:13,700
Torej, želite imeti idejo, kaj je ključnega pomena za vaš projekt

45
00:02:13,700 --> 00:02:17,260
in kaj je nekako bolj splošno funkcijo, ki bi jih lahko uporabili kasneje.

46
00:02:17,260 --> 00:02:20,870
Hočeš, da nekako imeti poseben seznam v mislih,

47
00:02:20,870 --> 00:02:24,090
ampak projekt, da začnete z, ne bo projekt, ki ga konča s.

48
00:02:24,090 --> 00:02:27,100
Z drugimi besedami, stvari se bo spremenilo, ko ste v razvoju mesta,

49
00:02:27,100 --> 00:02:30,090
in želite pustiti prostor za to.

50
00:02:30,090 --> 00:02:34,470
Bom ga obrnite z Benom, ki se dogaja, da govori malo o strukturi.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] bom govoril o bolj tehnično plat razvoj spletnih strani.

52
00:02:39,610 --> 00:02:42,370
Pojdiva čez nekaj osnov prve.

53
00:02:42,370 --> 00:02:45,730
Ko delaš spletno aplikacijo,

54
00:02:45,730 --> 00:02:50,470
Glavna delitev, da boste morali imeti, je

55
00:02:50,470 --> 00:02:52,700
boste morali nekaj stvari dogaja na strani odjemalca -

56
00:02:52,700 --> 00:02:56,700
to je številka, ki si brskalnik traja od mesta

57
00:02:56,700 --> 00:03:01,910
in JavaScript, HTML, CSS stvari.

58
00:03:01,910 --> 00:03:04,490
To je vse na strani odjemalca.

59
00:03:04,490 --> 00:03:08,680
Boste morali drugo kodo, ki teče na strani strežnika

60
00:03:08,680 --> 00:03:10,770
ki beleži vse podatke, ki jih ljudje pošiljajo v tebi,

61
00:03:10,770 --> 00:03:15,060
odloča, kdo bi dal kaj, stvari, kot je ta.

62
00:03:15,060 --> 00:03:20,380
To je le nekaj terminologije, tako da so fantje vsi seznanjeni s tem, kaj smo govoriš.

63
00:03:20,380 --> 00:03:28,600
Onkraj te delitve je dobro razmišljati o vaši spletni aplikaciji v smislu

64
00:03:28,600 --> 00:03:32,500
Nekaj ​​različnih komponent.

65
00:03:32,500 --> 00:03:35,270
Ko delaš web razvoj

66
00:03:35,270 --> 00:03:41,710
ena od stvari, ki jih je treba vedno poskušajo storiti, je, da se zmanjša zapletenost.

67
00:03:41,710 --> 00:03:45,710
Bolj zapleteno kodo, je več možnosti je, da bi napake,

68
00:03:45,710 --> 00:03:47,710
težje je kasneje spremenila.

69
00:03:47,710 --> 00:03:50,140
Torej, če lahko zlomijo vaš app v nekaterih ločenih funkcionalnih področjih

70
00:03:50,140 --> 00:03:57,640
da bo - in lahko zmanjša količino vrste komunikacije cross-območja -

71
00:03:57,640 --> 00:04:03,530
, ki vam bo pomagal veliko na dolgi rok v smislu zmanjševanja hroščev.

72
00:04:03,530 --> 00:04:07,950
>> Če želite biti konkretni, ponavadi ljudje razdelijo v spletno aplikacijo na -

73
00:04:07,950 --> 00:04:13,190
To so vrste buzz besede zdaj, ampak oni so še vedno uporabna.

74
00:04:13,190 --> 00:04:17,940
Morda ste slišali ljudje govorijo o modelih, poglede in nadzorniki.

75
00:04:17,940 --> 00:04:23,210
Modeli so dejanski podatki, da je vaš app se dogaja, da se ukvarjajo z.

76
00:04:23,210 --> 00:04:28,260
Na primer, v vašem Cat Facebook, bi bil vaš modeli se -

77
00:04:28,260 --> 00:04:35,340
boš moral model, kot so delovna mesta, in model za uporabniške profile, stvari, kot je ta.

78
00:04:35,340 --> 00:04:41,090
Vaše mnenje je, kako si predstavljamo, da so podatki za vaše uporabnike.

79
00:04:41,090 --> 00:04:46,660
Morda imate 1 pogled za videti na enem mesto in vse komentarje

80
00:04:46,660 --> 00:04:51,720
in drugačen pogled na vaši steni, ki ima seznam vseh delovnih mest

81
00:04:51,720 --> 00:04:57,170
, ki so usmerjene na vas, in drugačen pogled na vaše novice krme - podobne stvari.

82
00:04:57,170 --> 00:05:00,610
Končno imate nadzornike, ki so v osnovi, ko so ljudje poslali prispevke

83
00:05:00,610 --> 00:05:03,310
in naredite posodobitve za vaš back-end sistem,

84
00:05:03,310 --> 00:05:06,400
vam prirastek kup števcev, in karkoli.

85
00:05:06,400 --> 00:05:07,860
Tisti, ki so vaši kontrolorji.

86
00:05:07,860 --> 00:05:11,030
>> Jaz bom govoril predvsem o modelih.

87
00:05:11,030 --> 00:05:14,030
Ogledi so tehnično ni tako težko, in vprašanje je, bolj z njihovo oblikovanje,

88
00:05:14,030 --> 00:05:22,040
Kontrolorji se bodo specifični za kar ste načrtovanju.

89
00:05:22,040 --> 00:05:25,220
Vendar pa obstajajo nekatere zelo splošne tehnike, ki jih lahko uporabite

90
00:05:25,220 --> 00:05:30,220
da bo vaše modele lepše in lažje delati s tem mislim, da so zelo koristna.

91
00:05:30,220 --> 00:05:35,860
To se večinoma dogaja, da se o tem, kako ravnati s svojimi podatki spletne aplikacije na lep način.

92
00:05:35,860 --> 00:05:40,420
Glavna vprašanja z modeli

93
00:05:40,420 --> 00:05:44,540
so, da živijo na odjemalcu in strežniku in boste morali ugotoviti,

94
00:05:44,540 --> 00:05:51,170
a) kako jih dobiti - vse pomembne tiste - od strežnika do odjemalca,

95
00:05:51,170 --> 00:05:53,440
in b) kako jih ohraniti v sinhronizacijo.

96
00:05:53,440 --> 00:05:58,700
Vaši uporabniki bodo želeli, da bi nekatere posodobitve.

97
00:05:58,700 --> 00:06:00,470
Oni bodo želeli, da bi nova delovna mesta.

98
00:06:00,470 --> 00:06:04,800
Oni bodo želeli, da mi stvari in stvari, če imaš rad.

99
00:06:04,800 --> 00:06:11,490
To so glavne tehnične izzive, ki se ukvarjajo z modeli.

100
00:06:11,490 --> 00:06:15,680
Prva stvar, ki jo boste želeli, da se vprašajte, je

101
00:06:15,680 --> 00:06:18,420
kakšne vrste podatkov gre v tem modelu in kakšne poizvedbe bomo želeli narediti -

102
00:06:18,420 --> 00:06:24,290
to je, kako se bomo, da pogled na modelih?

103
00:06:24,290 --> 00:06:26,940
Za vašo Cat Facebook primer,

104
00:06:26,940 --> 00:06:31,520
vaš post se dogaja, da imajo avtor, povezane z njo,

105
00:06:31,520 --> 00:06:35,660
nekateri zid pošta besedilo in prejemnik stenske pošti.

106
00:06:35,660 --> 00:06:38,470
In potem boste morda želeli, da se pozanima, da je v kup različnih načinov.

107
00:06:38,470 --> 00:06:42,220
Bi si želeli, da pogled na to, kdo ga je napisal, ki napotujejo,

108
00:06:42,220 --> 00:06:46,620
ki jih je prejela, ki objavljajo, morda do dne, ko so bile objavljene.

109
00:06:46,620 --> 00:06:50,340
Ampak, če boste to storili po datumu, potem moraš dodati še eno polje svoj post

110
00:06:50,340 --> 00:06:52,490
kdaj je bil dejansko objavljen.

111
00:06:52,490 --> 00:07:00,220
Ti 2 dejavniki -, katere podatke želite uporabiti in kako želite, da si jo ogledate -

112
00:07:00,220 --> 00:07:04,200
bi morali razmišljati o njih, najprej zato, ker so odvisni drug od drugega,

113
00:07:04,200 --> 00:07:08,030
in to bo bolj težko, da jih dodate pozneje.

114
00:07:08,030 --> 00:07:12,750
>> Obstajajo nekatere druge vidike.

115
00:07:12,750 --> 00:07:17,540
Ko razmišljate o tem, kako ravnati z modeli na strežniku

116
00:07:17,540 --> 00:07:20,540
kaj želite gledati, je -

117
00:07:20,540 --> 00:07:27,440
si v bistvu želite strežnik tako enostavno, kot je mogoče.

118
00:07:29,440 --> 00:07:35,500
Narediti stvari na strani odjemalca je na splošno veliko hitreje, če lahko to storite izključno na odjemalcu

119
00:07:35,500 --> 00:07:38,230
ne delaš nikakršne zahteve omrežja.

120
00:07:38,230 --> 00:07:47,860
Ideja je, da naredite čim več vprašanj, kot jih lahko v odjemalcu.

121
00:07:47,860 --> 00:07:51,560
Edini problem pri tem

122
00:07:51,560 --> 00:07:54,160
je, da če zahteva vse podatke na začetku

123
00:07:54,160 --> 00:07:57,160
nato pa, da bo trajalo dolgo časa, da obremenitve.

124
00:07:57,160 --> 00:08:02,290
Torej, ideja je, da se vzpostavi srečno medij med ima dovolj podatkov o stranki

125
00:08:02,290 --> 00:08:07,640
da lahko naredite večino svojega dela tam, ampak ne samo pridobivam vse naenkrat

126
00:08:07,640 --> 00:08:09,710
tako da boste dobili res počasi obremenitve krat na začetku.

127
00:08:09,710 --> 00:08:12,610
Na primer, za vaše podatke mačke

128
00:08:12,610 --> 00:08:20,340
bi si verjetno želeli, da prinese kup zadnjih stenskih delovnih mest.

129
00:08:20,340 --> 00:08:23,790
Saj ne bi rad, da prinese vse od njih, saj bi to lahko segajo nekaj let.

130
00:08:23,790 --> 00:08:25,470
Vendar ne želite, da bi jim prinese eno naenkrat

131
00:08:25,470 --> 00:08:28,740
ker bi, da uvede veliko obremenitev omrežja.

132
00:08:28,740 --> 00:08:33,620
>> To je pogosto zelo težko - ko imate teče baze podatkov -

133
00:08:33,620 --> 00:08:37,210
je pogosto zelo težko spremeniti, katere podatke imate v njej -

134
00:08:37,210 --> 00:08:40,510
to pomeni, da dodate nov stolpec zbirke podatkov, ali kaj podobnega -

135
00:08:40,510 --> 00:08:43,510
Tako ena dobra strategija je pravzaprav samo, da veliko vaših podatkov v besedilni mehur -

136
00:08:43,510 --> 00:08:53,880
JSON Nič - JSON čemer JavaScript Object Notation -

137
00:08:53,880 --> 00:08:58,330
Razlog, da je koristno, ker potem lahko dodate nove lastnosti

138
00:08:58,330 --> 00:09:01,920
za vse te JSON kepe da bi spremenili svojo bazo podatkov.

139
00:09:01,920 --> 00:09:06,860
Edina slaba stran, da je to, če imaš kup področij

140
00:09:06,860 --> 00:09:09,890
ki ste ga dodali kasneje - kot se skriva v tem JSON mehur -

141
00:09:09,890 --> 00:09:12,850
potem je težje jih pozanima znotraj baze podatkov.

142
00:09:12,850 --> 00:09:17,690
Na primer, če boste kasneje - če boste imeli vaš post model, ki smo razpravljali prej

143
00:09:17,690 --> 00:09:25,380
z enim avtorjem, prejemnika in besedilo -

144
00:09:25,380 --> 00:09:29,000
bi lahko imeli tudi JSON Nič in potem, če ste kasneje želel dodati datumsko polje

145
00:09:29,000 --> 00:09:31,000
vam ne bi bilo treba spremeniti svoje baze podatkov.

146
00:09:31,000 --> 00:09:36,140
Lahko le dodamo datume, da vsa besedilna polja.

147
00:09:36,140 --> 00:09:39,640
In potem bi mogli gledati tiste na strani odjemalca,

148
00:09:39,640 --> 00:09:42,430
vendar pa si ne bi mogli pozanima na strani strežnika

149
00:09:42,430 --> 00:09:44,430
zato, ker je skrit v tem besedilu.

150
00:09:44,430 --> 00:09:49,920
>> Drugo vprašanje, ki ste želeli, da razmišljajo o tem

151
00:09:49,920 --> 00:09:52,400
je, kako vaše stranke in vaš strežnik se dogaja za komuniciranje.

152
00:09:52,400 --> 00:09:56,040
Si običajno želijo, da to tako enostavno, kot je mogoče.

153
00:09:56,040 --> 00:10:02,230
Lahko samo še kot-Me-to get zahtevo podatkov s,

154
00:10:02,230 --> 00:10:09,140
create-a-new-predmeta stvar, in zahteva update-stara-objekt.

155
00:10:09,140 --> 00:10:12,930
In ti bi bili vsi različnih URL-ji na strežniku, ki ga -

156
00:10:12,930 --> 00:10:20,030
da bo brskalnik - lahko uporabite AJAX zahteve za vse te

157
00:10:20,030 --> 00:10:24,000
in ali prejemajo ali objava podatkov.

158
00:10:24,000 --> 00:10:26,600
Še enkrat, za našo Cat Facebook primer,

159
00:10:26,600 --> 00:10:32,350
bi lahko imeli ta URL, da se posamezno delovno mesto,

160
00:10:32,350 --> 00:10:39,750
in bi imate URL za ustvarjanje nove stene delovno mesto

161
00:10:39,750 --> 00:10:45,670
in morda URL za nalaganje svoj profil sliko, takšne stvari.

162
00:10:45,670 --> 00:10:51,730
Ampak spet, to je v naprej prenesti večino vaših podatkov, tako da vam ni treba hraniti

163
00:10:51,730 --> 00:10:53,360
vlaganje prošenj omrežja.

164
00:10:53,360 --> 00:10:59,030
Zaradi tega si ne bi želeli imeti ta individualno prošnjo dobil za eno samo delovno mesto,

165
00:10:59,030 --> 00:11:03,210
in namesto da bi samo rad 1 prošnjo dobil za celotno steno.

166
00:11:03,210 --> 00:11:06,110
In potem, če ste poskušali najti ravnotežje, ker -

167
00:11:06,110 --> 00:11:10,970
to se tudi dogaja, da je odvisna od vaše prijave.

168
00:11:10,970 --> 00:11:13,430
Ker, če ste pričakovali, da imajo ljudje le 10 ali 20 Komentarjev

169
00:11:13,430 --> 00:11:15,430
da bo v redu.

170
00:11:15,430 --> 00:11:17,390
Ampak, če ste pričakovali, da bomo imeli na tisoče potem bi ta zahteva trajalo predolgo,

171
00:11:17,390 --> 00:11:23,580
in tako boste morda želeli dodati dobili-vse-sporočila, saj parameter.

172
00:11:23,580 --> 00:11:26,580
>> Za vse to ste verjetno želeli sinhronizirati podatke v JSON -

173
00:11:26,580 --> 00:11:29,260
JavaScript Object Notation.

174
00:11:29,260 --> 00:11:34,600
Precej vsak jezik, ki se ukvarja z JSON zelo dobro.

175
00:11:34,600 --> 00:11:40,880
JQuery je to lepo funkcijo getJSON, da bo naredil vse trdo delo za vas.

176
00:11:40,880 --> 00:11:47,390
In na PHP tam je tudi zelo lepo JSON komunikacijske funkcije.

177
00:11:47,390 --> 00:11:52,660
Torej, to je verjetno najboljši format za pošiljanje svoje modele in nazaj.

178
00:11:52,660 --> 00:11:56,570
>> Kot primer tega, kar smo doslej govorili,

179
00:11:56,570 --> 00:12:00,520
tukaj je primer toka za Cat Facebook aplikacijo.

180
00:12:00,520 --> 00:12:07,760
Začne se z brskalnikom, ki zahteva bazo URL spletne strani.

181
00:12:07,760 --> 00:12:15,470
Server bi verjetno pošljete preko statične HTML in nekaj JavaScript in CSS.

182
00:12:15,470 --> 00:12:19,170
To je ponavadi najbolje, da ne bo nobenih upodabljanje na strežniku.

183
00:12:19,170 --> 00:12:23,370
Verjetno ne želite, da -

184
00:12:23,370 --> 00:12:28,360
kaj je strežnik ne dela tam se dogaja določitvi seznama Komentarjev

185
00:12:28,360 --> 00:12:31,120
in ustvarjajo nekaj HTML za vsakega posebej in pošiljanje, da več.

186
00:12:31,120 --> 00:12:34,960
Ponavadi je najbolje, da to, da je na strani odjemalca, ker drugače

187
00:12:34,960 --> 00:12:38,580
vsakič, ko boste želeli ponovno pripraviti nekaj, boste morali zahteve za strežnik.

188
00:12:38,580 --> 00:12:42,450
In to zelo hitro vam daje veliko obremenitev.

189
00:12:42,450 --> 00:12:47,430
To je ponavadi najbolje, samo da ladja pošlje dol statično HTML

190
00:12:47,430 --> 00:12:50,660
in potem JavaScript in CSS, ki bo naredil upodabljanje na strani odjemalca.

191
00:12:50,660 --> 00:12:56,750
Takoj, ko ta stvar pride,

192
00:12:56,750 --> 00:13:03,500
potem imate lahko - v JavaScript - lahko storite zahteve po podatkih, stensko

193
00:13:03,500 --> 00:13:08,740
in podobne stvari, potem pa strežnik je v bistvu samo delaš poizvedbe zbirke podatkov

194
00:13:08,740 --> 00:13:10,740
in preverjanje dovoljenja.

195
00:13:10,740 --> 00:13:16,690
Edina pomembna stvar je, da ne more poslati prek nekaterih drugih uporabniki Komentarjev

196
00:13:16,690 --> 00:13:19,220
da si ne sme videti.

197
00:13:19,220 --> 00:13:28,050
To lahko v bistvu je zelo tanka plast dostop do vaše zbirke podatkov,

198
00:13:28,050 --> 00:13:32,820
in potem vse, ki prikazuje podatke - vse poglede in stvari -

199
00:13:32,820 --> 00:13:37,280
tistih, ki se lahko zgodi v vašem brskalniku, in potem, ko želite, da post ali kaj podobnega

200
00:13:37,280 --> 00:13:40,000
ki ste jo pravkar poslali še eno zahtevo.

201
00:13:40,000 --> 00:13:45,350
>> Tam je tudi nekaj fancy stvari lahko storite na vrhu tega.

202
00:13:45,350 --> 00:13:49,550
V smislu bolj specifičnih tehničnih informacij,

203
00:13:49,550 --> 00:13:53,360
razvija v preprostem JavaScript lahko malo boleče,

204
00:13:53,360 --> 00:13:56,220
tako da so nekatere knjižnice in orodja, ki vam bo pomagal veliko s tem.

205
00:13:56,220 --> 00:14:03,690
Mislim, da si verjetno vsi slišali jQuery, ki omogoča delaš HTML upodabljanje

206
00:14:03,690 --> 00:14:08,890
in manipulacija veliko lažje - imamo veliko fancy funkcij za izginja v in iz nje,

207
00:14:08,890 --> 00:14:12,020
in delaš dinamičen animacije.

208
00:14:12,020 --> 00:14:13,720
Tam je tudi ta knjižnica imenuje Underscore.js.

209
00:14:13,720 --> 00:14:20,760
Ima veliko uporabnih funkcij koristnosti, stvari, ki bi jih pričakovali JavaScript, da imajo

210
00:14:20,760 --> 00:14:24,740
da je res doesnt - stvari, kot je mešanje kart niz,

211
00:14:24,740 --> 00:14:28,900
odstranjevanje dvojnikov s seznama, in poravnavanje seznam seznamov.

212
00:14:28,900 --> 00:14:30,900
To je le majhen vzorec kodo.

213
00:14:30,900 --> 00:14:36,520
Podčrtaj ima tono teh lepih funkcij, da si želiš, da bi imel ves čas.

214
00:14:36,520 --> 00:14:38,840
>> In potem je tukaj še 1 več knjižnico, da bi rad, da bi porabili malo časa za

215
00:14:38,840 --> 00:14:44,800
imenovano Backbone.js ker hrbtenica res vam pomaga ukvarjajo z modeli na strani odjemalca

216
00:14:44,800 --> 00:14:47,210
in veliko zmede, ki lahko povzročijo.

217
00:14:47,210 --> 00:14:53,550
Hrbtenica vam ta koncept modelov in zbirk

218
00:14:53,550 --> 00:14:58,300
v JavaScript, ki so v bistvu popolnoma enako kot JavaScript predmetov

219
00:14:58,300 --> 00:15:04,900
v JavaScript nizi vendar imajo dogodke, ko ste spremenili svoje lastnosti.

220
00:15:04,900 --> 00:15:09,090
Tako kot v JavaScriptu, lahko imate dogodek, ko postane kliknete gumb ali kaj podobnega

221
00:15:09,090 --> 00:15:14,800
ti hrbtenica modeli in hrbtenica zbirke bodo predvajali stvari, kot so

222
00:15:14,800 --> 00:15:17,510
da ko se spremenijo.

223
00:15:17,510 --> 00:15:22,270
To pomeni, da lahko le napisati nekaj podobnega temu košček kode tukaj -

224
00:15:22,270 --> 00:15:27,530
Ta pravi, da vsakič, ko kaj dodati k Objav paleto ste izvlečete celotno steno.

225
00:15:27,530 --> 00:15:34,270
In to bi rekel, da vsakič, ko število na delovno mesto je v enaki spreminja,

226
00:15:34,270 --> 00:15:38,970
vas obvestiti uporabnika, da je nekdo všeč njihovo delovno mesto.

227
00:15:38,970 --> 00:15:45,210
Ali kadar koli last post spreminja si zarisala mesto.

228
00:15:45,210 --> 00:15:51,050
Stvari, kot da vam bo prihranilo tone kompleksnosti, saj drugače

229
00:15:51,050 --> 00:15:55,440
Če nimate nekaterih okvirnih TAKOLE nato vsakič, ko v svojo kodo, ki ste spremenili

230
00:15:55,440 --> 00:16:04,280
ničesar o delovno mesto, bi si morali sami ne pozabite poklicati vse funkcije ometa

231
00:16:04,280 --> 00:16:07,680
in podobne stvari, in če boste želeli dodati nekaj novega, kar se je zgodilo

232
00:16:07,680 --> 00:16:10,680
vsakič, ko ste spremenili delovno mesto, bi si moral iti skozi vsako mesto v vašem

233
00:16:10,680 --> 00:16:14,610
kodo, ki ste spremenili post in dodal, da nova stvar.

234
00:16:14,610 --> 00:16:21,450
Okvir, kot je ta bo odpravila veliko tega med-plast komunikacije

235
00:16:21,450 --> 00:16:28,280
, da naredi svojo kodo zapletena in težko vzdrževati.

236
00:16:28,280 --> 00:16:31,170
>> Tukaj je nekaj o pogledih tudi.

237
00:16:31,170 --> 00:16:35,960
Bom pustil večino tega Billyju, ker oni niso tehnično zelo težko.

238
00:16:35,960 --> 00:16:43,540
Uporabite jQuery za vaše mnenje. To je skoraj tako kot nujnost, na tej točki.

239
00:16:43,540 --> 00:16:46,290
Samo naredi vse, kar je tako veliko lažje.

240
00:16:46,290 --> 00:16:48,290
Obstaja veliko knjižnic.

241
00:16:48,290 --> 00:16:49,970
Če ste zapleten uporabniški vmesnik elemente,

242
00:16:49,970 --> 00:16:57,250
če želite, auto-popolna stvar ali kot eden od tistih fancy multi-selektorjev -

243
00:16:57,250 --> 00:17:04,790
če želite, da kaj takega, bi verjetno samo iskanje po

244
00:17:04,790 --> 00:17:08,130
in boste lahko našli dober knjižnico, ki bo naredil tisto, kar želite.

245
00:17:08,130 --> 00:17:11,579
Billy bo razložil več o dejansko zahtevnih delih mnenj.

246
00:17:11,579 --> 00:17:17,530
Prav tako, kot stran pismo, hrbtenica ima nekaj funkcionalnosti za izdelavo ogledov komunicirajo

247
00:17:17,530 --> 00:17:22,800
lepo z modeli - pogled na dokumentacijo za vse od teh knjižnic, pravzaprav.

248
00:17:22,800 --> 00:17:28,270
Samo poglej docs. Oni so zelo dobro napisana in enostavno slediti.

249
00:17:28,270 --> 00:17:33,890
Na splošno lahko zal veliko šele na Google, če imate težave.

250
00:17:33,890 --> 00:17:36,370
Obstaja veliko ljudi, ki jih uporabljajo.

251
00:17:36,370 --> 00:17:42,020
Mislim, da je kot končno opombo.

252
00:17:42,020 --> 00:17:48,770
>> Obstajajo tudi nekatere bolj napredne stvari, ki jih lahko storite

253
00:17:48,770 --> 00:17:53,400
če ste iskali, da bi vaša spletna aplikacija ekstra super.

254
00:17:53,400 --> 00:17:59,760
To lahko storite - nova specifikacija HTML5 ima veliko fancy stvari, ki jih lahko storite.

255
00:17:59,760 --> 00:18:05,780
Lokalno shranjevanje - kar je lahko shranjuje podatke v brskalniku -

256
00:18:05,780 --> 00:18:09,470
namesto da bi šel nazaj in pregledam strežnik za vse,

257
00:18:09,470 --> 00:18:12,470
lahko ohranite nekaj je na odjemalcu in da tudi omogoča ljudem -

258
00:18:12,470 --> 00:18:20,850
V nekaterih primerih je lahko tudi vam uporabo spletne strani brez povezave.

259
00:18:20,850 --> 00:18:26,980
Tam je ta stvar imenovano WebSockets, ki so drugačne vrste komunikacijskega omrežja

260
00:18:26,980 --> 00:18:30,930
kjer namesto samo naredite eno zahtevo, boste dobili odgovor, in ste končali,

261
00:18:30,930 --> 00:18:35,240
boste obdržali odpre povezavo s strežnikom in tako lahko narediš stvari, kot so

262
00:18:35,240 --> 00:18:37,240
posodobitve v realnem času.

263
00:18:37,240 --> 00:18:42,020
Torej, če ste skušali narediti chat aplikacijo, lahko uporabite WebSockets

264
00:18:42,020 --> 00:18:43,790
sporočiti naprej in nazaj, tako da vam ne bi bilo treba ohraniti vlogo,

265
00:18:43,790 --> 00:18:48,410
"Oh, strežnik, pa kdorkoli spodbuda mi klepeta?" Vsakih 10 sekund ali nekaj takega.

266
00:18:48,410 --> 00:18:55,620
Tam je tudi zanimiva HTML5 funkcija, kjer boste lahko izgledal

267
00:18:55,620 --> 00:18:58,340
URL strani se spreminja, ne da bi kdaj ob dejansko jo osvežite.

268
00:18:58,340 --> 00:19:03,230
Lahko uporabite naprej in nazaj gumbov, ne da bi kup zahtev iz omrežja.

269
00:19:03,230 --> 00:19:14,660
Stvari, kot da je res uporabno v smislu česar je hiter, ampak tudi deluje kot web app je treba.

270
00:19:14,660 --> 00:19:17,680
>> Tam je tudi ta stvar imenovano CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript je drugačen jezik, pravzaprav, da pripravlja navzdol JavaScript.

272
00:19:24,450 --> 00:19:30,080
Ti bi napisali vso svojo kodo v CoffeeScript, nato pa zaženete ta prevajalnik,

273
00:19:30,080 --> 00:19:33,300
in izpljune datoteko JavaScript, ki ga lahko vključite v svojo spletno stran.

274
00:19:33,300 --> 00:19:38,860
Razlog, da je CoffeeScript lepo je, ker to gets znebil veliko

275
00:19:38,860 --> 00:19:44,760
čudni primeri, ki ima JavaScript, če je enaka enaka,

276
00:19:44,760 --> 00:19:51,130
in znaša Enako različne stvari, ali je všeč -

277
00:19:51,130 --> 00:19:55,740
ima lepšo sintakso, ki se ukvarjajo z nizi in funkcije.

278
00:19:55,740 --> 00:20:00,460
To je majhen košček CoffeeScript, ki proizvaja seznam vseh kvadratov

279
00:20:00,460 --> 00:20:04,900
od 10 ^ 2 proti 1. ^ 2 v obratnem vrstnem redu.

280
00:20:04,900 --> 00:20:08,410
Kot lahko vidite, CoffeeScript pogosto vam omogoča, da izražajo v 1. vrstici

281
00:20:08,410 --> 00:20:10,890
kaj bi vzeli 5 vrstic JavaScript.

282
00:20:10,890 --> 00:20:13,230
To lahko stvari veliko lažje.

283
00:20:13,230 --> 00:20:15,390
To je malo novega sintakse, da se učijo na prvi,

284
00:20:15,390 --> 00:20:18,010
vendar pa bo zagotovo, da boste bolj produktivni na dolgi rok.

285
00:20:18,010 --> 00:20:22,050
>> Lahko uporabite tudi druge jezike na strežniku kot PHP -

286
00:20:22,050 --> 00:20:27,570
jezike, kot Ruby, Python, ali tam je tudi projekt, imenovan node.js

287
00:20:27,570 --> 00:20:31,450
, ki vam omogoča uporabo JavaScript v strežniku.

288
00:20:31,450 --> 00:20:34,700
Osebno sem zelo, zelo sovražim PHP.

289
00:20:34,700 --> 00:20:38,310
Jaz samo ne radi delajo z njim.

290
00:20:38,310 --> 00:20:43,450
Če tudi vi menite, da je grozno cluge jezika,

291
00:20:43,450 --> 00:20:46,160
potem lahko uporabite enega od teh namesto tega.

292
00:20:46,160 --> 00:20:54,780
Na splošno, če želite narediti nekaj, in ne vem, kako bi jo naredil,

293
00:20:54,780 --> 00:20:56,780
samo iskanje po internetu.

294
00:20:56,780 --> 00:20:59,990
Obstaja tone in tone sredstev predvsem na -

295
00:20:59,990 --> 00:21:03,260
StackOverflow je eno veliko.

296
00:21:03,260 --> 00:21:06,400
To je ta spletna stran, kjer programerji vprašati vsaka druga vprašanja.

297
00:21:06,400 --> 00:21:09,690
Morda ste zašli v to, če so bile težave na CS50 problemskih sklopov.

298
00:21:09,690 --> 00:21:16,820
In obstajajo ton knjižnic za to precej karkoli bi si želeli.

299
00:21:16,820 --> 00:21:21,710
Če želite nekaj storiti in ne veste, kako to storiti,

300
00:21:21,710 --> 00:21:23,710
ne domneva, da je to nemogoče.

301
00:21:23,710 --> 00:21:26,160
Samo poglej okoli sebe in boste morda našli nekaj dobrih virov.

302
00:21:26,160 --> 00:21:29,280
>> Kot splošno wrap up,

303
00:21:29,280 --> 00:21:33,650
Glavni takeaways so ohraniti stvari preproste.

304
00:21:33,650 --> 00:21:36,010
Bolj zapletene vaše koda je na začetku

305
00:21:36,010 --> 00:21:40,370
in bolj ko poskusiti in narediti fancy stvari,

306
00:21:40,370 --> 00:21:43,300
dlje bo trajalo, da bi dobili nekaj dejansko funkcionalno

307
00:21:43,300 --> 00:21:46,480
in težje bo kasneje spremenila.

308
00:21:46,480 --> 00:21:49,580
Torej, delati stvari neumno, preprost način prvi.

309
00:21:49,580 --> 00:21:51,720
Da gredo skupaj s tem,

310
00:21:51,720 --> 00:21:59,070
Ne bojte se vrže proč staro kodo ali čiščenje veliko.

311
00:21:59,070 --> 00:22:05,320
Na splošno, ko ste dejansko imajo nekaj delo,

312
00:22:05,320 --> 00:22:09,640
to je veliko lažje razmišljati o tem, kot takrat, ko ste še vedno v začetnih fazah

313
00:22:09,640 --> 00:22:12,610
kako naj naredim to dal vse skupaj.

314
00:22:12,610 --> 00:22:17,500
To je najbolje, da bi neumna možnosti oblikovanja, ki deluje

315
00:22:17,500 --> 00:22:22,270
in ga nato izboljšati ponavljajočim kot poskus, da bi dobili vse, kar je prav prvič.

316
00:22:22,270 --> 00:22:28,330
V delitve odjemalec-strežnik, poskusite in obdržati vaš strežnik zelo preprosta -

317
00:22:28,330 --> 00:22:33,030
samo bazo podatkov in nekateri avtentikacijo in ne storiti vse trdo delo tam.

318
00:22:33,030 --> 00:22:37,540
Storiti vse vaše zapletene stvari na strani odjemalca v brskalniku

319
00:22:37,540 --> 00:22:40,650
v JavaScript toliko, kot lahko.

320
00:22:40,650 --> 00:22:43,420
Poglej okoli za knjižnice, ki bo vaše življenje lažje.

321
00:22:43,420 --> 00:22:46,850
Vedno je bolje uporabiti kodo, da je nekdo drug napisal

322
00:22:46,850 --> 00:22:49,850
če - in da se ne pišejo sami.

323
00:22:49,850 --> 00:22:57,560
Tam je veliko stvari na internetu. Google je tvoj najboljši prijatelj.

324
00:22:57,560 --> 00:22:59,560
Google je programer najboljši prijatelj.

325
00:22:59,560 --> 00:23:07,620
Ja, definitivno ne bojte se, da iščejo možnosti za stvari.

326
00:23:07,620 --> 00:23:11,860
Vse je v redu. In več Billyju.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] Pravzaprav, preden začnem z nekaj načrtovanja stvari,

328
00:23:14,600 --> 00:23:17,250
ali ima kdo kakšno vprašanje za Bena o vsem, kar je govorila?

329
00:23:17,250 --> 00:23:20,290
Ok, dobro.

330
00:23:20,290 --> 00:23:22,220
Again, nam sporočite, če kaj ni jasno

331
00:23:22,220 --> 00:23:25,420
ali, če želite, da gredo čez nekaj malo več.

332
00:23:25,420 --> 00:23:30,330
Grem korak nazaj malo in govoriti o več temeljnih delih oblikovanja.

333
00:23:30,330 --> 00:23:34,840
Ben omenjeni model se imenuje - Žal mi je, modela pogled krmilnik

334
00:23:34,840 --> 00:23:38,520
, ki je neke vrste tehnični vidik, tako da bom pogledati mnenj posebej,

335
00:23:38,520 --> 00:23:42,930
in bom, da začnete s tem, kako bi si oblikovati stališče, ki je videti lepo.

336
00:23:42,930 --> 00:23:50,540
Tukaj je nekako res osnovne predloge za našo Cat Facebook.

337
00:23:50,540 --> 00:23:54,190
Mislim, da obstajajo nekatere osnove v modernem dizajnu UI

338
00:23:54,190 --> 00:23:56,190
, ki jih je vredno pobirati.

339
00:23:56,190 --> 00:23:58,210
Lahko opazite, da je veliko belega prostora vsem strani,

340
00:23:58,210 --> 00:24:00,790
dovolj prostora za stvari.

341
00:24:00,790 --> 00:24:02,580
Ne počutim se kot da imate squash stvari v stran.

342
00:24:02,580 --> 00:24:06,700
Želite zapustiti veliko prostora odprt, in če greš na skoraj vsako sodobno spletno stran

343
00:24:06,700 --> 00:24:08,380
boste videli, da je belo, povsod.

344
00:24:08,380 --> 00:24:10,380
Tam je bela krajev, ki jih ne bi pričakovali.

345
00:24:10,380 --> 00:24:14,570
Imate to barvno paleto, in to je pametno na začetku

346
00:24:14,570 --> 00:24:17,880
izbrati barvno paleto, da boste delo in razvoj.

347
00:24:17,880 --> 00:24:22,250
Prav tako - pomaga izbrati tipografijo, in na ta način ste nekako delajo z

348
00:24:22,250 --> 00:24:24,450
Te konkretne osnove oblikovanja.

349
00:24:24,450 --> 00:24:26,910
Imate svojo vrsto, imate svoje barve, in potem lahko nekako

350
00:24:26,910 --> 00:24:29,380
fit vse ostalo v, kot je potrebno.

351
00:24:29,380 --> 00:24:37,710
Torej, kot sem rekel, z vašo barvno shemo, ki jo želite uporabiti za drznejše barve vaše barvne sheme

352
00:24:37,710 --> 00:24:40,320
zmerno. Glave so lepe. Gumbi so lepo, da so res velik, neokusen barv.

353
00:24:40,320 --> 00:24:43,710
Ampak na splošno, če imate spletno stran, ki ima barve povsod,

354
00:24:43,710 --> 00:24:47,250
vsi ti strmel v obraz, je samo videti nered, in to ni dobro.

355
00:24:47,250 --> 00:24:50,430
Hočeš, da na splošno uporabo svetlih barv.

356
00:24:50,430 --> 00:24:52,890
Poskusite ponovno, pick precej usklajeno barvno shemo.

357
00:24:52,890 --> 00:24:56,640
Lahko so te male brizgom veliko barve -

358
00:24:56,640 --> 00:25:00,240
da lahko ogledate zelo lepo, vendar si jih želijo uporabljati zelo varčno.

359
00:25:00,240 --> 00:25:04,270
>> Kot sem dejal, si želijo, da bi minimalna. Manj je skoraj vedno več.

360
00:25:04,270 --> 00:25:07,430
Če lahko prikažete kaj ali ne prikaže nekaj,

361
00:25:07,430 --> 00:25:10,230
in si nekako prepričani, ali bi morala biti tam privzeto -

362
00:25:10,230 --> 00:25:13,400
Verjetno ste najboljši off ga izpustil. Vedno lahko dodate pozneje.

363
00:25:13,400 --> 00:25:16,620
Ja, ohraniti stvari preproste.

364
00:25:16,620 --> 00:25:19,510
Najpomembneje pa je, da želite, da razmisli več modelov.

365
00:25:19,510 --> 00:25:23,520
Ne mislite, da ko bo mesto, ga imate v glavi, da boš

366
00:25:23,520 --> 00:25:26,310
bi mesto v določen način, in to bo videti natanko tako.

367
00:25:26,310 --> 00:25:29,830
To se dogaja, da ima modro glavo na vrhu in modro stransko vrstico

368
00:25:29,830 --> 00:25:32,670
in nato rumeno sub-glava stvar.

369
00:25:32,670 --> 00:25:34,670
Želite, da bi več predlog.

370
00:25:34,670 --> 00:25:37,350
Lahko bodisi - če ste dobri z Photo Shop, lahko odprete, da gor in nekako

371
00:25:37,350 --> 00:25:39,600
oblikovanje spletne strani, kot želite to pogledati.

372
00:25:39,600 --> 00:25:41,680
Če ne, lahko pa uporabite svinčnik in papir,

373
00:25:41,680 --> 00:25:44,000
ampak praska gor več modelov.

374
00:25:44,000 --> 00:25:47,000
Hočeš, da v bistvu imajo ustanovi, kjer imate veliko različnih modelov,

375
00:25:47,000 --> 00:25:50,810
in če ena konča delo, potem je to super.

376
00:25:50,810 --> 00:25:53,370
Če se ena konča ni, potem boste vedno imeli še eno obrniti.

377
00:25:53,370 --> 00:25:57,960
Na splošno, ne zanima morate biti omejena

378
00:25:57,960 --> 00:26:00,830
da ne glede na zasnovo boste najprej odloči o.

379
00:26:00,830 --> 00:26:04,420
Modeli so zelo spremenljive, in del o pomembnosti modela

380
00:26:04,420 --> 00:26:09,480
Pogled krmilnik sistema je, da lahko swap ven in noter različne poglede, ki jih želite.

381
00:26:09,480 --> 00:26:13,510
Lahko bi vladala podatkov ena pot, in se nato odloči, oh, pravzaprav, da ne deluje tako dobro.

382
00:26:13,510 --> 00:26:19,190
Mislim, da je nekako preveč zapleteni ali pa je del tukaj, da se v resnici ne deluje,

383
00:26:19,190 --> 00:26:22,150
tako da sem le, da bo popolnoma opustiti to stališče in zamenjave v popolnoma novo.

384
00:26:22,150 --> 00:26:24,790
Mi lahko še vedno uporabljajo stare modele in stare kontrolorjev.

385
00:26:24,790 --> 00:26:27,490
Mi lahko storite vse, kar je na strežniku in odjemalcu kot mi bi prej.

386
00:26:27,490 --> 00:26:32,850
Ampak dejansko val podatki so prikazani se bo nekoliko drugačen.

387
00:26:32,850 --> 00:26:35,840
>> Kolikor je dejansko izvajanje design želite,

388
00:26:35,840 --> 00:26:39,330
ko enkrat imaš nekaj modelov, ki so izoblikovane na papirju ali Photo Shop ali karkoli,

389
00:26:39,330 --> 00:26:42,120
obstajajo številna orodja, ki so na voljo za vas.

390
00:26:42,120 --> 00:26:45,700
Prvi ste zelo dobro seznanjeni s katerim je vaš HTML, PHP, ali karkoli

391
00:26:45,700 --> 00:26:48,990
jezik, ki ga uporabljate le za kodiranje statične strani na vaši spletni strani.

392
00:26:48,990 --> 00:26:51,990
Delal si veliko s HTML, ki nekako vam daje te oznake

393
00:26:51,990 --> 00:26:57,820
, ki jih lahko dajo stvari v, in v bistvu je to način organiziranja vsebine.

394
00:26:57,820 --> 00:27:00,990
Na primer, imaš glavo tam gor, tako da boste imeli glavo oznako,

395
00:27:00,990 --> 00:27:05,770
in to se dogaja, da imajo nekaj besedila znotraj njega, ki je verjetno, da bo v drugo oznako.

396
00:27:05,770 --> 00:27:08,380
Potem imate sidebar morda z nekaj različnimi povezavami,

397
00:27:08,380 --> 00:27:10,160
in tistih, ki se bodo vsi v ločene oznake.

398
00:27:10,160 --> 00:27:13,870
Torej, v bistvu HTML na svojem srcu, je način delitve stran, kako

399
00:27:13,870 --> 00:27:16,980
sčasoma želite oblikovati.

400
00:27:16,980 --> 00:27:18,980
Torej še enkrat, si videl.

401
00:27:18,980 --> 00:27:20,540
Si zelo zadovoljni s sodelovanjem z njo zdaj

402
00:27:20,540 --> 00:27:23,120
ob upoštevanju, da ste naredili zadnji pset upajmo,

403
00:27:23,120 --> 00:27:26,150
tako da ne bi smelo biti problem.

404
00:27:26,150 --> 00:27:31,280
>> Potem imate CSS, ki v bistvu obvladuje vse od oblikovanja statične vidike.

405
00:27:31,280 --> 00:27:35,320
To bi ročaj vseh barv, vse pozicioniranje različnih elementov,

406
00:27:35,320 --> 00:27:36,840
kjer gredo glede drug na drugega,

407
00:27:36,840 --> 00:27:41,530
kako velike so, različne vrste pozicioniranje, da bi si jih -

408
00:27:41,530 --> 00:27:46,030
z drugimi besedami, lahko so se stvari določi tako, da ko se pomaknite navzdol, da ostanejo,

409
00:27:46,030 --> 00:27:48,700
ali pa so se stvari glede na druge elemente.

410
00:27:48,700 --> 00:27:50,730
Vse te take stvari se v CSS.

411
00:27:50,730 --> 00:27:54,630
Poleg tega lahko naredite različne okraske, ki jih lahko imajo barve besedila,

412
00:27:54,630 --> 00:27:56,630
besedilni učinki, vse to vrsto stvari.

413
00:27:56,630 --> 00:28:00,360
Ben je res dober seminar o tej zadnji vikend,

414
00:28:00,360 --> 00:28:04,450
in zato bi vsekakor preverite, ali, če mislite, da se delaš nekaj fancy stvari z CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 je pravzaprav najnovejša različica CSS, in lahko storite vse vrste res lepih stvari.

416
00:28:09,850 --> 00:28:14,750
To lahko storite vzponi, lahko imate lepo, zaobljenimi robovi, ki jih lahko storite vse vrste stvari

417
00:28:14,750 --> 00:28:17,940
da vaše spletne strani videti bolj moderno in fancy.

418
00:28:17,940 --> 00:28:22,150
>> Naslednja orodje je JavaScript in jQuery ki Ben je govoril nekaj o,

419
00:28:22,150 --> 00:28:24,150
ampak jaz bom malo dlje v.

420
00:28:24,150 --> 00:28:28,100
JavaScript, kot ste delali z njim malo, ali vsaj videti je v predavanju,

421
00:28:28,100 --> 00:28:31,870
je nekako tako dinamično delaš stvari v HTML.

422
00:28:31,870 --> 00:28:35,950
HTML, kot veste, je statična, tako da ko imaš HTML je ne morete spremeniti.

423
00:28:35,950 --> 00:28:40,050
Vendar JavaScript v nekaterih pogledih, je način, da se lahko spremenijo HTML.

424
00:28:40,050 --> 00:28:44,520
Torej, lahko to storite, in to je super, vendar JavaScript res je bolečina delati.

425
00:28:44,520 --> 00:28:49,050
To je tako dolgo in topi in narediti celo najpreprostejše stvari

426
00:28:49,050 --> 00:28:51,630
zahteva veliko vrstic JavaScript.

427
00:28:51,630 --> 00:28:55,410
Torej, jQuery je v bistvu knjižnica za JavaScript, ki poenostavlja vse to.

428
00:28:55,410 --> 00:28:59,880
Piše, v redu, če želite imeti kvadrat prihajajo z leve

429
00:28:59,880 --> 00:29:03,980
in zbledi v stran, tako da je v sredini, v JavaScript, da bi potrebovali -

430
00:29:03,980 --> 00:29:06,340
Ne vem, sto vrstic, da ne, in da bi bilo bolečine,

431
00:29:06,340 --> 00:29:10,540
in prideš ven iz je sovražil vse o spletnem programiranju.

432
00:29:10,540 --> 00:29:15,380
JQuery si v bistvu ima element-dot-fade-in, ali nekaj takega.

433
00:29:15,380 --> 00:29:18,580
Torej, zelo, zelo preproste funkcije, ki vam bo to vse vrste kul animacij

434
00:29:18,580 --> 00:29:20,580
in da takšne stvari.

435
00:29:20,580 --> 00:29:23,300
Druga stvar, ki ti 2 so res dobri za se samo delaš dinamične stvari

436
00:29:23,300 --> 00:29:25,300
s spletne strani.

437
00:29:25,300 --> 00:29:28,370
Torej, namesto da le imajo svoje HTML strani -, ki prikazuje nekatere podatke, vendar dejansko ne

438
00:29:28,370 --> 00:29:32,130
storiti ničesar - JavaScript in jQuery bo pustil imate gumbe, ki jih lahko kliknete na,

439
00:29:32,130 --> 00:29:37,960
in lahko povlečete elemente in ponovno zaporedno jih in jih razvrstite, in imajo nove elemente

440
00:29:37,960 --> 00:29:40,500
dodati ali odstraniti. Dodate lahko brisanje, da se takšne stvari.

441
00:29:40,500 --> 00:29:44,570
Torej, jQuery počne ton kul stvari.

442
00:29:44,570 --> 00:29:48,840
In Vipul dejansko daje seminar o njej danes, menim, da pri 5-uri,

443
00:29:48,840 --> 00:29:51,220
tako da, če lahko ostal tako dolgo, da bi - 5 ali 4?

444
00:29:51,220 --> 00:29:54,930
Štiri. Žal mi je. To je pravzaprav takoj po tem, tako da bi priporočal

445
00:29:54,930 --> 00:29:56,680
vztrajanjem okoli njega, če lahko.

446
00:29:56,680 --> 00:30:00,180
JQuery je super, super koristno, in ne boste mogli storiti veliko res lepih stvari z njim

447
00:30:00,180 --> 00:30:03,460
za precej koli spletni razvoj projekta.

448
00:30:03,460 --> 00:30:06,200
>> Zdaj bom priti v vrsto razlikovanja.

449
00:30:06,200 --> 00:30:08,210
Sem bil v bistvu govorimo o uporabniškem vmesniku.

450
00:30:08,210 --> 00:30:11,510
Uporabniški vmesnik je samo oblikovanje spletne strani.

451
00:30:11,510 --> 00:30:13,780
Ampak tam je nekako še en koncept, ki je uporabniška izkušnja.

452
00:30:13,780 --> 00:30:15,900
Dva sta zelo različni.

453
00:30:15,900 --> 00:30:19,440
Vmesnik je vsekakor del izkušnje.

454
00:30:19,440 --> 00:30:21,340
Z drugimi besedami, ko greš na spletno stran, pogledaš na vmesniku.

455
00:30:21,340 --> 00:30:22,960
To je del tega, kako imate spletno stran.

456
00:30:22,960 --> 00:30:24,960
Ampak uporabniška izkušnja je več kot to.

457
00:30:24,960 --> 00:30:29,910
Uporabniška izkušnja je, kaj vtis, da uporabnik dobi iz vaše strani je.

458
00:30:29,910 --> 00:30:31,910
Torej, očitno, vmesnik je del tega.

459
00:30:31,910 --> 00:30:35,340
In to je vsekakor nujen del, ampak to ni dovolj.

460
00:30:35,340 --> 00:30:38,790
Z drugimi besedami, če imate lepo vmesnik, in to je lepa in barvita in vse to,

461
00:30:38,790 --> 00:30:43,650
to je super, vendar, če uporabnik gre na vašo spletno stran, vidi lepo postavitev in to je zmedel

462
00:30:43,650 --> 00:30:47,060
Vse, nima pojma, kako storiti ničesar, potem je očitno, da si naredil res

463
00:30:47,060 --> 00:30:48,930
slabe strani.

464
00:30:48,930 --> 00:30:50,930
To je neke vrste, kjer uporabniška izkušnja pride noter

465
00:30:50,930 --> 00:30:54,570
Jaz bom govoril nekaj o UX design - UX je okrajšava za uporabniško izkušnjo -

466
00:30:54,570 --> 00:30:58,050
in vrste, kako lahko poskrbite, da imate dobro uporabniško izkušnjo.

467
00:30:58,050 --> 00:31:04,330
Prva točka je, da lahko oblikujete spletno stran, kjer lahko uporabnik storiti ničesar, da

468
00:31:04,330 --> 00:31:06,820
da je uporabnik morda želi.

469
00:31:06,820 --> 00:31:08,940
Ampak, če uporabnik ne more ugotoviti, kako narediti te stvari -

470
00:31:08,940 --> 00:31:12,850
z drugimi besedami, če uporabnik nima dobro idejo, ko gredo na vašo spletno stran, ob

471
00:31:12,850 --> 00:31:17,660
"Oh, če želim, da posodobite svoj profil, potem pa sem kliknite ta gumb, ali pa, če želim, da post na

472
00:31:17,660 --> 00:31:20,850
nekdo zid, potem pa grem na njihovo steno in kliknite na majhno škatlico. "

473
00:31:20,850 --> 00:31:24,410
Če uporabnik ne ve, da je, potem ste dejansko imajo dejansko ne

474
00:31:24,410 --> 00:31:27,080
pravilno izvaja take funkcije.

475
00:31:27,080 --> 00:31:30,900
Del izvedbenih funkcionalnost je, da so uporabniki dejansko lahko uporabili.

476
00:31:30,900 --> 00:31:34,810
In bi bilo neprijetno - morda narediti spletno stran, in to lahko storimo vse vrste

477
00:31:34,810 --> 00:31:37,810
čudovite stvari, potem pa boste imeli ljudje test in rekel: "Prav tega ne more storiti.

478
00:31:37,810 --> 00:31:39,770
Zakaj pa tega ne more storiti? "In boš rekel nazaj do njih,

479
00:31:39,770 --> 00:31:44,420
"No, to je mogoče. Boste morali iti v meniju 7. spustnem o tem nejasna

480
00:31:44,420 --> 00:31:48,470
Stran, ki jo najdemo le s povezavo na spodnjem desnem kotu strani "ali kaj podobnega.

481
00:31:48,470 --> 00:31:50,430
Očitno je, da ne želite, da.

482
00:31:50,430 --> 00:31:53,420
Želite, da bi bilo jasno, da svojim uporabnikom, kaj oni naj bi to storili,

483
00:31:53,420 --> 00:31:56,240
in mora biti enostavna in intuitivna za njih.

484
00:31:56,240 --> 00:32:01,180
>> Druga stvar, ki jo želite, da bi poskušali storiti, je, če nekdo se dogaja, da gredo na vašo spletno stran

485
00:32:01,180 --> 00:32:05,520
in 9 od 10-krat narediti akcijski A, in 1 od 10 krat narediti akcijski B,

486
00:32:05,520 --> 00:32:08,950
boste verjetno želeli, da se osredotoči svoje izkušnje o akcijskem A.

487
00:32:08,950 --> 00:32:12,240
Z drugimi besedami, boste želeli, da bi bilo zelo, zelo jasno, kako to storiti A.

488
00:32:12,240 --> 00:32:15,980
Mora biti na sprednji in center - pojdite na spletno stran, da vidim, oh, saj je prav tam.

489
00:32:15,980 --> 00:32:20,850
Ker so B, seveda hočeš biti jasna, vendar jo lahko pustite malo več

490
00:32:20,850 --> 00:32:22,850
v ozadju.

491
00:32:22,850 --> 00:32:24,640
David daje dober zgled za to v predavanju

492
00:32:24,640 --> 00:32:26,640
ki je sistem Boston T.

493
00:32:26,640 --> 00:32:29,440
Ko greš v Boston T in želite kupiti vstopnico,

494
00:32:29,440 --> 00:32:32,700
moraš priti v 5 menijev, preden lahko dejansko kupijo vozovnice

495
00:32:32,700 --> 00:32:37,130
v vrednosti $ 2, $ 2,50, kar je, koliko traja, da se vozijo s podzemno železnico

496
00:32:37,130 --> 00:32:39,130
v eni smeri.

497
00:32:39,130 --> 00:32:41,600
To je problem, ker večina ljudi, ki se vozijo s podzemno železnico

498
00:32:41,600 --> 00:32:44,880
Verjetno hočejo, da gredo na enem mestu, kupi vstopnico, dobite na desno stran.

499
00:32:44,880 --> 00:32:47,550
To nima nobenega smisla, da so morali iti skozi veliko različnih menijev

500
00:32:47,550 --> 00:32:49,550
do tja.

501
00:32:49,550 --> 00:32:51,760
Boljšo uporabniško izkušnjo bi bilo hitro tipko na prvi strani

502
00:32:51,760 --> 00:32:54,760
da samo pravi, "kupi enosmerno vozovnico," in da bi ob vsem standardom

503
00:32:54,760 --> 00:32:58,550
privzete vrednosti, nato pa, če nekdo želi kupiti drugačno karto kot to,

504
00:32:58,550 --> 00:33:01,690
še vedno, seveda, imajo možnost, da, vendar ste optimizirana za

505
00:33:01,690 --> 00:33:04,080
Primer skupni rabi, ki je res pomembno.

506
00:33:04,080 --> 00:33:06,830
Si lahko ogledate primere tega na Facebook, kajne?

507
00:33:06,830 --> 00:33:09,410
Če greste na Facebooku in želite, da post status,

508
00:33:09,410 --> 00:33:11,710
da je prav na vrhu, ki je tisto, kar pogosto želite storiti.

509
00:33:11,710 --> 00:33:14,730
Takoj, ko vstopite v stran, lahko to storite najpogostejše stvari, ki

510
00:33:14,730 --> 00:33:16,730
želite storiti.

511
00:33:16,730 --> 00:33:17,550
Če želite narediti nekoliko bolj zapletene stvari, kot so,

512
00:33:17,550 --> 00:33:21,070
reči hočem iti na steno mojega prijatelja in objavite sliko na njej -

513
00:33:21,070 --> 00:33:24,810
ki sem ga boste želeli pogosto, vendar ne tako pogosto, kot objavljate posodobitve stanja -

514
00:33:24,810 --> 00:33:28,200
tako da v tem primeru, sem tip svoje ime v polje na vrhu, kliknite na svojem profilu,

515
00:33:28,200 --> 00:33:31,680
, nato pa še, da je prav na vrhu tam ko sem prišel do njihovega profila.

516
00:33:31,680 --> 00:33:38,240
Spet sem optimizirana prednostno za primere, najbolj pogosti rabi.

517
00:33:38,240 --> 00:33:41,800
>> Druga pomembna stvar je, da pogosto ljudje bodo nekako poskušali dobiti okoli tega

518
00:33:41,800 --> 00:33:44,890
z besedami, v redu, tako da sem naredil spletno stran in ljudje so ugotovitve zmedeno,

519
00:33:44,890 --> 00:33:46,110
in to je problem, kajne?

520
00:33:46,110 --> 00:33:49,210
Očitno je, da ne želim, da so ljudje zmedeni vsebino moji strani.

521
00:33:49,210 --> 00:33:53,210
Ampak način za rešitev, ki ne bi imela nekaj pop up rek,

522
00:33:53,210 --> 00:33:55,290
hej, jaz bom naučil, kako uporabljati te spletne strani.

523
00:33:55,290 --> 00:33:58,130
1. korak - kliknite ta gumb. 2. korak - iti tukaj.

524
00:33:58,130 --> 00:34:03,080
Seveda, to je pot okoli njega - to je način, da lahko povem ljudem, kaj storiti, vendar je

525
00:34:03,080 --> 00:34:05,080
res ni optimalen način.

526
00:34:05,080 --> 00:34:07,420
Če grem na spletno stran in nenadoma sem bombardiran s tem vodičem, ki mi pravi,

527
00:34:07,420 --> 00:34:11,739
kaj storiti in kam iti in vse to, to ni zabavno zame.

528
00:34:11,739 --> 00:34:13,739
To ni dobra izkušnja zame.

529
00:34:13,739 --> 00:34:17,130
To je neke vrste bolečine. Želim samo začeti početje stvari.

530
00:34:17,130 --> 00:34:19,449
Ljudje gredo za ukinitev njihovega pogovornem oknu,

531
00:34:19,449 --> 00:34:23,580
ali ven iz vaj, ne vedo, kaj storiti, in potem se pritožujejo zaradi

532
00:34:23,580 --> 00:34:25,580
ste jih nisi povedal, kaj naj naredim.

533
00:34:25,580 --> 00:34:29,530
Način za rešitev tega ni, tako da kakršne koli vaje ali smeri -

534
00:34:29,530 --> 00:34:31,530
kaj podobnega.

535
00:34:31,530 --> 00:34:33,719
Toliko, kot si lahko izognili, si res želite, da se uporabniku prikaže, kaj storiti

536
00:34:33,719 --> 00:34:36,429
samo z naravo, kako je spletna stran določeno.

537
00:34:36,429 --> 00:34:39,090
Z drugimi besedami, če grem na Facebooku, ne da bi pri prijavi,

538
00:34:39,090 --> 00:34:40,920
Prva stvar, ki jo vidim na glavni strani -

539
00:34:40,920 --> 00:34:44,480
je okno za prijavo malo. Torej, duh. Moram se prijavite To je tam.

540
00:34:44,480 --> 00:34:48,030
Ker se, če sem šel na Facebooku in sem imel, da kliknete majhen povezavo na dnu

541
00:34:48,030 --> 00:34:51,920
, ki je dejal, "prijavite" in ostali strani je bila le nekakšen slike ali nekaj takega,

542
00:34:51,920 --> 00:34:54,820
Jaz ne bi zares vedeli, kaj storiti, kajne? Jaz bi bil zmeden.

543
00:34:54,820 --> 00:34:58,590
Torej, bi mi povedal, da gredo tja in kliknite na gumb za prijavo,

544
00:34:58,590 --> 00:35:01,080
ali dnevnik na gumb bi bilo prav na vrhu, kam grem, da ga vidim.

545
00:35:01,080 --> 00:35:04,780
Želite, da se vedno prikazuje uporabniku, kaj naj naredim,

546
00:35:04,780 --> 00:35:06,750
in da bi morala biti neločljivo povezano s strani sam.

547
00:35:06,750 --> 00:35:09,880
>> Ko razmišljate o modelih in oponašanje različne načine

548
00:35:09,880 --> 00:35:13,810
izraža vašo spletno stran, si res želeli, da razmišljajo o tem, kaj uporabniki bodo

549
00:35:13,810 --> 00:35:19,380
se delaš in kako jih lahko pokažem, kaj naj naredim.

550
00:35:19,380 --> 00:35:23,530
Še zadnja stvar je testiranje je zelo, zelo pomembno.

551
00:35:23,530 --> 00:35:27,400
To je super, da bi dobili nekoga - dobil prijatelja, da nekdo ne veste niti -

552
00:35:27,400 --> 00:35:30,420
, ki je nikoli ni videl spletno stran, preden uporabljati spletno stran.

553
00:35:30,420 --> 00:35:33,650
Ker ste delali na gradbišču ur, ste bili strmel v njo,

554
00:35:33,650 --> 00:35:36,670
in boste točno vedeli, kaj naj storijo očitno boste testirali

555
00:35:36,670 --> 00:35:39,520
stvari, ki ste jih delali na in da veste delo.

556
00:35:39,520 --> 00:35:42,680
Ampak, če nekdo pride skupaj in uporablja spletne strani, ki je nikoli ne uporablja pred,

557
00:35:42,680 --> 00:35:46,880
To je edinstveno doživetje, saj imate nekoga, ki nima predznanja

558
00:35:46,880 --> 00:35:51,530
za site dogaja v njej, tako da bomo imeli učinkovito pojma, kaj naj naredim

559
00:35:51,530 --> 00:35:54,890
ali kakšno primerov uporabe so prisotni za njih.

560
00:35:54,890 --> 00:36:00,930
To je super. To je edinstven, ker oni so v bistvu oseba, ki ima prazno mislih.

561
00:36:00,930 --> 00:36:03,750
Lahko vam povem, če je nekaj zmedeno in nejasno.

562
00:36:03,750 --> 00:36:07,580
Lahko vam dam idejo, kaj točno uporabniška izkušnja vaše spletne strani je.

563
00:36:07,580 --> 00:36:10,630
To je lahko zelo težko povedati, da sami, tako da zagotovo bi vas spodbudila

564
00:36:10,630 --> 00:36:13,640
kot ste razvija svoje projekte - če delaš spletnih projektov -

565
00:36:13,640 --> 00:36:18,290
da bi dobili ljudi, ki uporabljajo spletno stran že imate nekakšno funkcionalno demo.

566
00:36:18,290 --> 00:36:25,330
>> Zdaj bom govoril malo o tem, kako upravljati web razvojni projekt.

567
00:36:25,330 --> 00:36:28,900
Šli smo nad tem, kako lahko to storite tehnično back-end strani,

568
00:36:28,900 --> 00:36:31,050
kako lahko oblikujete res dobro spletno stran,

569
00:36:31,050 --> 00:36:34,150
in to je super, če delate sami, ampak -

570
00:36:34,150 --> 00:36:37,300
tudi če delate sami, in še posebej, če delate v skupini,

571
00:36:37,300 --> 00:36:39,580
projektno vodenje postane velik problem.

572
00:36:39,580 --> 00:36:42,340
Vi ste nekako slišali o vodenju projektov v različnih oblikah, od

573
00:36:42,340 --> 00:36:45,410
osnovna šola, ko je bilo rečeno, skupinsko delo.

574
00:36:45,410 --> 00:36:46,820
Boste morali sodelovati, komunicirati, vse to.

575
00:36:46,820 --> 00:36:49,620
Da so vsi še vedno velja tukaj, ampak obstajajo nekatere edinstvene okoliščine

576
00:36:49,620 --> 00:36:54,910
računalništva, ki jih želite, da se zavedajo, in želite, da poskrbite, da boste ročaj dobro.

577
00:36:54,910 --> 00:36:58,050
Jaz bom najprej malo govorim o ekipi, da boste lahko prijavite

578
00:36:58,050 --> 00:37:03,280
To je zelo pomembno, da izberete pravo velikost ekipe, da bodo delali na,

579
00:37:03,280 --> 00:37:05,890
in v svojem zadnjem projektu Mislim, da imate možnost, da izberejo

580
00:37:05,890 --> 00:37:08,610
med 1 in 4 ljudje, če se ne motim.

581
00:37:08,610 --> 00:37:12,050
Hočeš, da poskrbite, da ste ne samo izbiro števila ljudi

582
00:37:12,050 --> 00:37:14,950
da želite delati z, ker oni so tvoji prijatelji.

583
00:37:14,950 --> 00:37:18,170
Želite izbrati ekipo, ki je dobra velikost in da bodo dobili delo opravljeno.

584
00:37:18,170 --> 00:37:22,700
Tam je kompromis, da ima več ljudi v primerjavi z manj ljudmi.

585
00:37:22,700 --> 00:37:25,320
Če imate več ljudi, lahko seveda več dela je treba narediti

586
00:37:25,320 --> 00:37:28,450
ker imate veliko ljudi, veliko kode, veliko idej,

587
00:37:28,450 --> 00:37:29,870
in to je vse super.

588
00:37:29,870 --> 00:37:32,590
Vendar pa zahteva tudi veliko več upravljanja in veliko več komunikacije.

589
00:37:32,590 --> 00:37:34,720
Z drugimi besedami, če imate 4 ljudi, ki delajo na istem projektu

590
00:37:34,720 --> 00:37:39,200
in oni so vsi urejanje isto kodo, bolj ali manj so vsi nekako morali vedeti

591
00:37:39,200 --> 00:37:40,920
kaj se dogaja, tako da od vas zahteva, -

592
00:37:40,920 --> 00:37:44,580
če ste dodali nekaj novih funkcij boste nekako morali povedati ljudem - Jaz sem dodal to,

593
00:37:44,580 --> 00:37:48,510
Jaz sem to spreminja na ta način - še posebej, če prideš v res globoki stvari

594
00:37:48,510 --> 00:37:52,730
kot so modeli in nadzorniki, ki bodo dejansko vplivali na kako stran deluje.

595
00:37:52,730 --> 00:37:54,500
Celotna ekipa se mora zavedati tega,

596
00:37:54,500 --> 00:37:58,140
tako da boste morali, da poskrbite, da ne boste izbrali preveliko ekipo, ki se bo težko

597
00:37:58,140 --> 00:37:59,970
da bi to komunikacijo.

598
00:37:59,970 --> 00:38:02,930
Prav tako ne želim, da izberete dovolj majhna ekipa, ki si ne bo

599
00:38:02,930 --> 00:38:06,250
biti sposoben komunicirati, saj si samo ti.

600
00:38:06,250 --> 00:38:11,270
>> Druga stvar, da razmisli je stanje, kjer so sposobnosti ljudi.

601
00:38:11,270 --> 00:38:14,350
To je super, če ste vsi res dobri programerji.

602
00:38:14,350 --> 00:38:17,050
Ampak, če ste vse back-end ljudi, potem je vaša stran ne bo videti zelo dobro

603
00:38:17,050 --> 00:38:20,860
ker imate to veliko zbirko podatkov, in to počne super-hitro iskalnih poizvedb -

604
00:38:20,860 --> 00:38:26,130
kar je super - ampak ko greš na to, da je kot mesto z 1990 rdeči in modri barvi

605
00:38:26,130 --> 00:38:30,370
povsod, in to ni dobro niti.

606
00:38:30,370 --> 00:38:34,210
Opazimo, da sta Ben in sem delati kot ekipa zelo lepo, ker sem nekako bolj

607
00:38:34,210 --> 00:38:38,030
V sprednjem koncu, smo oba povezana v srednjem koncu, in Ben je res dobro z back-end stvari,

608
00:38:38,030 --> 00:38:43,550
tako da deluje zelo dobro, saj lahko načrtujemo koli mestu in v bistvu luknje

609
00:38:43,550 --> 00:38:47,580
V tem mestu, ki jih je treba zapolniti mogoče zapolniti z enega od nas, ali morda oboje.

610
00:38:47,580 --> 00:38:50,210
Hočeš, da poskrbite, da ne obstajajo luknje v svojo ekipo.

611
00:38:50,210 --> 00:38:51,180
To je v redu, če obstaja malo prekrivajo.

612
00:38:51,180 --> 00:38:53,670
Z drugimi besedami, če imate 2 ljudi, ki so tako dobri z zadnjega konca,

613
00:38:53,670 --> 00:38:57,250
da je lahko dober tudi zato, ker lahko pomagajo drug drugemu s težavami

614
00:38:57,250 --> 00:38:58,820
da se ob.

615
00:38:58,820 --> 00:39:02,590
To je lahko problem, če imate samo 1 osebo, ki je odgovoren za določeno stvar

616
00:39:02,590 --> 00:39:06,650
in jih vodijo v težave, tako da vam želijo imeti malo prekrivanja

617
00:39:06,650 --> 00:39:10,760
vendar pa je najpomembnejše želite zagotoviti, da so vse možne luknje napolnjene.

618
00:39:10,760 --> 00:39:17,550
>> Zadnja stvar - in to bi moralo biti jasno, je pa pogosto ni.

619
00:39:17,550 --> 00:39:19,550
Si res želite, da se zabavaš.

620
00:39:19,550 --> 00:39:23,360
Bistvo te končni projekt v CS50 in pogosto točka spletnega razvoja na splošno

621
00:39:23,360 --> 00:39:26,360
ne samo to delo, saj potrebuje početje.

622
00:39:26,360 --> 00:39:29,140
Si res želite, da se zabavajo, in želite, da se kar nekaj

623
00:39:29,140 --> 00:39:31,180
da te ne motivira za delo na njej.

624
00:39:31,180 --> 00:39:33,650
Če karkoli delaš, je bolečina usesti in delati,

625
00:39:33,650 --> 00:39:35,650
potem ne boste izbrali pravo projekt.

626
00:39:35,650 --> 00:39:37,730
Hočeš, da izberejo nekaj, da boste našli zanimivo,

627
00:39:37,730 --> 00:39:41,150
si res želite videti rezultat, ste navdušeni, ko ste dobili novo idejo o

628
00:39:41,150 --> 00:39:44,700
nekaj, kar bi lahko naredil - tako da je vse vrste projektov tam, da sem prepričan,

629
00:39:44,700 --> 00:39:47,290
lahko najdete - vsakdo ima nekaj, kar bi jim res spletke

630
00:39:47,290 --> 00:39:49,290
če delaš spletno projekta.

631
00:39:49,290 --> 00:39:52,210
Jaz bom rekel še enkrat prav zdaj.

632
00:39:52,210 --> 00:39:54,520
Če je vaš projekt, kot se zdi bolečine in ne želite delati na tem,

633
00:39:54,520 --> 00:39:57,260
izberite drug projekt. Izberite nekaj, kar vas resnično navdihuje.

634
00:39:57,260 --> 00:40:00,260
>> Ben omenil ta koncept ponovitve malo, in želim, da gredo nad njim malo.

635
00:40:00,260 --> 00:40:08,250
To je res pomembno, da se delo v spurts, kjer si pridobijo nekaj funkcionalnega.

636
00:40:08,250 --> 00:40:13,420
To je lahko super, če imate to načrt za spletno stran, ki bo storil A, B in C,

637
00:40:13,420 --> 00:40:16,000
in na koncu bomo prišli tja.

638
00:40:16,000 --> 00:40:18,600
Ampak si zaljubljen v to fazo, v kateri delate na njem in dela na njem,

639
00:40:18,600 --> 00:40:23,330
ampak nič ni dobro opravljeno. Nimaš kaj za videti in oprijemljiv, funkcionalno stvar.

640
00:40:23,330 --> 00:40:27,940
Kaj si resnično želite narediti toliko, kot se zdi vrste bolečine včasih

641
00:40:27,940 --> 00:40:32,300
delati na nečem, nato pa nekako tako pokrovček, tako da je vsaj stabilen, teče

642
00:40:32,300 --> 00:40:34,910
Različica, tudi če nima vseh funkcij, ki jih želite.

643
00:40:34,910 --> 00:40:37,690
In morda obstaja nekaj lastnosti, ki si res želijo dodati, vendar si ne more

644
00:40:37,690 --> 00:40:41,830
zato, ker želite, da bi dobili te strani, da v funkcionalnem smislu.

645
00:40:41,830 --> 00:40:44,400
In tako si želim, da nekako imeti celoten proces razvoja izgledati.

646
00:40:44,400 --> 00:40:47,810
Hočeš, da nekje funkcionalno začetek - ali v bistvu začeti z nič -

647
00:40:47,810 --> 00:40:49,890
vendar si želim, da bi dobili nekje zelo osnovna in funkcionalna.

648
00:40:49,890 --> 00:40:54,940
In potem spet, da neke vrste skok in priti spet nekje funkcionalna.

649
00:40:54,940 --> 00:40:59,190
Boste počasi zgraditi, in to bi lahko šlo malo počasneje, kot bi se sicer,

650
00:40:59,190 --> 00:41:03,000
ampak na dolgi rok, če ste nenehno zaljubljen v ta srednji fazi tleh, kjer si

651
00:41:03,000 --> 00:41:06,380
dejansko ne imeti nič dela, je lahko res veliko razočaranje

652
00:41:06,380 --> 00:41:09,970
za delo na projektu, ker si vedno tako blizu, da bi jo delajo,

653
00:41:09,970 --> 00:41:12,130
in to je v resnici sploh ne deluje.

654
00:41:12,130 --> 00:41:14,810
Želite delati v teh funkcionalnih spurts,

655
00:41:14,810 --> 00:41:17,950
in tudi vi želeli narediti nekaj razmislek po vsaki.

656
00:41:17,950 --> 00:41:21,260
Z drugimi besedami, ko ste na točki, kjer je spletna stran zdaj delajo -

657
00:41:21,260 --> 00:41:24,790
nima vse, kar vam je všeč, vendar pa nekatere stvari -

658
00:41:24,790 --> 00:41:28,870
si želeli, da razmišljajo, v redu, je to mesto uresničevanju cilja, da sem določen, da naredim?

659
00:41:28,870 --> 00:41:33,410
Z drugimi besedami, če stran je storil X, je tisto, kar sem delal v smeri X?

660
00:41:33,410 --> 00:41:36,450
So vse funkcionalnosti, ki sem jih želela tam?

661
00:41:36,450 --> 00:41:39,340
In poleg tega, ki služi splošni namen, ki ga želim?

662
00:41:39,340 --> 00:41:43,200
Če ste ugotovila, da je vaša stran se začne zavijati v drugo smer

663
00:41:43,200 --> 00:41:47,330
ali pa se stvari nekako ne delujejo, je morda čas, da prestavljanje malo.

664
00:41:47,330 --> 00:41:51,700
Z drugimi besedami, to je vredno premisleka - to je vredno mečejo ven ideje, če je potrebno

665
00:41:51,700 --> 00:41:57,950
in če upoštevamo sem res prizadeva za tisto, kar hočem biti.

666
00:41:57,950 --> 00:42:00,760
>> Menim, da je moja naslednja točka. Ne bojte se, da opusti zamisli.

667
00:42:00,760 --> 00:42:03,750
Samo zato, ker ste porabili veliko ur dela na funkcijo

668
00:42:03,750 --> 00:42:07,890
in končno dobil delajo, ampak to res ne gre tako dobro -

669
00:42:07,890 --> 00:42:12,690
kot da je ni, da je koristno, ali uporabniki, ki imajo težave z njegovo uporabo - take reči -

670
00:42:12,690 --> 00:42:15,300
ne bojte se, da ga vrgel proč.

671
00:42:15,300 --> 00:42:17,650
To je zanič, da ste porabili veliko časa delam na tem,

672
00:42:17,650 --> 00:42:21,870
toda na koncu ne želite stran, ki je nekako skupaj s temi deli, ki

673
00:42:21,870 --> 00:42:25,380
vrsto dela, vendar se ne da dobro služil.

674
00:42:25,380 --> 00:42:27,990
Prav tako ne bo strah sprejeti nove ideje.

675
00:42:27,990 --> 00:42:30,050
Če nekdo pride in reče, hej, da spletna stran izgleda res kul, ampak

676
00:42:30,050 --> 00:42:32,290
Ne bi bilo celo super, če pa tudi to naredil?

677
00:42:32,290 --> 00:42:36,220
Samo zato, ker je to nekaj, kar si ni želel, in nekaj, kar ni v tvoji

678
00:42:36,220 --> 00:42:37,900
očala, nekaj, kar niste določeno storiti,

679
00:42:37,900 --> 00:42:40,860
Ne bojte se, da jo prevzame, nato pa delo z njim.

680
00:42:40,860 --> 00:42:43,680
Ker pogosto ideje, ki jih vodijo v celotnem poteku razvoja

681
00:42:43,680 --> 00:42:47,630
na koncu pa je res kul funkcije na spletni strani.

682
00:42:47,630 --> 00:42:49,630
>> To sem že povedal. Jaz bom rekel še enkrat.

683
00:42:49,630 --> 00:42:51,630
Izpraševalec so super, super uporabna.

684
00:42:51,630 --> 00:42:56,350
Poskusi, da bi dobili ljudi, ki še nikoli niso videli mesta, preden se prijavite in videli, kaj se dogaja

685
00:42:56,350 --> 00:42:59,080
saj lahko preizkusite ne le uporabnost spletne strani in uporabniške izkušnje,

686
00:42:59,080 --> 00:43:02,070
vendar pa lahko tudi test funkcionalnosti na način, da ne morete.

687
00:43:02,070 --> 00:43:06,430
Če naredite nekaj funkcijo, ki počne neko stvar

688
00:43:06,430 --> 00:43:11,620
in veš, da se bo to naredil isto stvar bi pravilno vsak čas, to je super.

689
00:43:11,620 --> 00:43:16,610
Vendar pa lahko pogosto težko, da se upošteva kotiček primerih, ko uporabnik morda

690
00:43:16,610 --> 00:43:19,500
vnesite nekaj, kar nisi pričakoval - ravno zato, ker si je opredeljeno

691
00:43:19,500 --> 00:43:21,500
Značilnosti sami.

692
00:43:21,500 --> 00:43:23,730
Tako, da ima nekdo prišel na to, kdo nima pojma, kako uporabljati spletno stran

693
00:43:23,730 --> 00:43:26,840
in da ga le prekinil v kakršni koli načini lahko storijo, je res koristno, saj vam

694
00:43:26,840 --> 00:43:30,340
dobili idejo iz povsem drugačne perspektive, kar na vašem mestu deluje

695
00:43:30,340 --> 00:43:33,300
in kaj je potrebno popraviti.

696
00:43:33,300 --> 00:43:37,070
>> Zadnja, bom govoril o nekaterih splošnih dobrih praks,

697
00:43:37,070 --> 00:43:42,470
in videli ste veliko teh v CS50, vendar pa tudi res, res se uporabljajo v okolju projekta.

698
00:43:42,470 --> 00:43:47,600
Ena je pripombe. Vedno komentirati kodo še posebej, če delate na veliki ekipi.

699
00:43:47,600 --> 00:43:51,230
To je lahko tako siten, da imajo le ogromen blok kode, da je nekdo napisal

700
00:43:51,230 --> 00:43:54,230
in morda deluje, morda ne, ampak nimate pojma, kaj počne,

701
00:43:54,230 --> 00:43:58,010
tako da nimam pojma, ali je to koristno ali ne, oziroma ali bi moral biti tam ali ne,

702
00:43:58,010 --> 00:44:00,200
in če delate na nečem drugem, da je sploh možno, da delate

703
00:44:00,200 --> 00:44:06,590
ista stvar, zato bodi zelo, zelo previden, da se obzirni svojimi vrstniki

704
00:44:06,590 --> 00:44:09,710
in pisati kodo, ki je dobro dokumentirana.

705
00:44:09,710 --> 00:44:13,580
Vam ni treba iti tako daleč, da stori vse skupaj, kadar je všeč, če prirastek

706
00:44:13,580 --> 00:44:16,620
Števec imajo komentar, ki pravi, sem dodal 1 do tega števca.

707
00:44:16,620 --> 00:44:20,450
To ni nujno, da se da podroben, toda za katero koli funkcijo, ki ste že kdaj pisala

708
00:44:20,450 --> 00:44:23,160
boste morali imeti nekaj dokumentacije, kaj je funkcija točno počne,

709
00:44:23,160 --> 00:44:25,140
kakšne so njegove vhodi so, in kaj bi bilo, da se vrne.

710
00:44:25,140 --> 00:44:27,800
Na ta način lahko uporabite druge komponente ljudi iz mesta

711
00:44:27,800 --> 00:44:31,990
in si lahko prizadevajo za izgradnjo nekaj velikega.

712
00:44:31,990 --> 00:44:34,100
>> Druga pomembna stvar je, ki jo želite storiti redne čiste-ups.

713
00:44:34,100 --> 00:44:40,490
Koda postane grdo. Ne počutim slabo, če je vaša koda samo popolnoma neberljiv in velikan nered.

714
00:44:40,490 --> 00:44:42,770
To se zgodi v razvoj spletnih strani vedno.

715
00:44:42,770 --> 00:44:46,530
Dodajate nove funkcije, odstranite stare. Stvari se bodo tam, da ne bi smelo biti.

716
00:44:46,530 --> 00:44:49,330
To je v redu, vendar želite, da poskrbite, da se ukvarjajo s tem redno.

717
00:44:49,330 --> 00:44:53,430
Vi ne želite, da pustite, da zgraditi do točke, kjer si ne more najti ničesar

718
00:44:53,430 --> 00:44:56,430
v kodi, in nimate pojma, kaj vse počne.

719
00:44:56,430 --> 00:44:58,430
To velja za HTML.

720
00:44:58,430 --> 00:44:59,490
Včasih boste na koncu s predmeti, ki ne vsebujejo ničesar,

721
00:44:59,490 --> 00:45:01,320
in boste želeli, da se znebite njih.

722
00:45:01,320 --> 00:45:04,610
V CSS, lahko se nanašata na elemente, ki jih ni več tam,

723
00:45:04,610 --> 00:45:06,340
tako da boste želeli, da se znebite tega zakonika.

724
00:45:06,340 --> 00:45:09,900
V JavaScript, ste morda odstranili nekaj iz HTML.

725
00:45:09,900 --> 00:45:13,150
Torej, želite, da se prepričajte, da ste vedno čiščenja, ki stvari precej

726
00:45:13,150 --> 00:45:17,450
toliko, kot si lahko na redni osnovi.

727
00:45:17,450 --> 00:45:21,060
>> Še ena zelo uporabna stvar, ki mislim, da ne, je opisan zelo v CS50

728
00:45:21,060 --> 00:45:23,430
vendar je vredno pridobivanje v je nadzor različic.

729
00:45:23,430 --> 00:45:27,180
Ideja za nadzor različic je, ko ste v bistvu sledenja vsem napredku

730
00:45:27,180 --> 00:45:30,820
ste naredili do vaše spletne strani, in če na kateri koli točki se zavedaš, oh, to je delal

731
00:45:30,820 --> 00:45:35,220
pred časom, vendar to ne deluje več, lahko greš nazaj v prejšnjih različicah

732
00:45:35,220 --> 00:45:37,720
in videli, kaj se je spremenilo od takrat in podobne stvari.

733
00:45:37,720 --> 00:45:41,670
Primarni način za to je z Git in Git je ves ta oblika sistema, ki

734
00:45:41,670 --> 00:45:46,390
Prepričan sem, Tommy MacWilliam dal seminar o preteklem letu.

735
00:45:46,390 --> 00:45:51,520
Če greste v CS50 seminarjev za leto 2011, si lahko ogledate njegov seminar o tem.

736
00:45:51,520 --> 00:45:57,070
Ideja Git je v bistvu, da v rednih časovnih presledkih, da delaš te zaveze

737
00:45:57,070 --> 00:46:01,430
ki so načine rekel, stran je v precej stabilno različico zdaj tako

738
00:46:01,430 --> 00:46:05,910
Jaz sem ga embalaže in jo poslal stran na strežnik, nato pa lahko greš na ta strežnik

739
00:46:05,910 --> 00:46:07,910
in pogled na vseh prejšnjih različicah kodo in videli, kako je napredovala

740
00:46:07,910 --> 00:46:12,210
in vse to nekako dobrih stvari.

741
00:46:12,210 --> 00:46:14,210
Tako, da je v bistvu to.

742
00:46:14,210 --> 00:46:17,870
Kolikor spletni razvoj, smo veseli, da se držijo okrog in odgovorili na vsa

743
00:46:17,870 --> 00:46:20,570
Vprašanja kolikor naši predstavitvi.

744
00:46:20,570 --> 00:46:22,900
To je to. Hvala. >> [Ben] Hvala.

745
00:46:22,900 --> 00:46:28,480
[Ploskanje]

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Osebje, ali ima kdo kakršna koli vprašanja o stvareh, ki smo jih pokriva

747
00:46:30,950 --> 00:46:33,950
ali stvari, ki jih ne zajema, da so bili v upanju, da bova kritje?

748
00:46:33,950 --> 00:46:35,950
Mi bi z veseljem odgovorili na tiste. Kdorkoli?

749
00:46:35,950 --> 00:46:50,360
[Občinstvo član] Kakšne so prednosti in slabosti z uporabo Ruby ali z uporabo Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] vprašanje je bilo, kaj so prednosti in slabosti z uporabo Ruby ali Python

751
00:46:58,660 --> 00:46:59,900
namesto da bi tako kot PHP.

752
00:46:59,900 --> 00:47:11,340
Prednosti so, da so Ruby in Python veliko boljše jezikov, kot so PHP.

753
00:47:11,340 --> 00:47:14,920
Vsaj po mojem mnenju, in mislim, da v veliko mnenj drugih ljudi, kot dobro.

754
00:47:14,920 --> 00:47:20,990
Bili so zasnovani bolj za to kompleksno stvari,

755
00:47:20,990 --> 00:47:25,380
in manj za zelo hitro pretepanje skupaj spletnih strani z

756
00:47:25,380 --> 00:47:28,400
malo dinamične vsebine.

757
00:47:28,400 --> 00:47:35,180
Zaporniki so, da obstaja malo - tam je več kot krivuljo učenja

758
00:47:35,180 --> 00:47:37,220
da se jim ustanovi.

759
00:47:37,220 --> 00:47:41,010
To je, tako kot v PHP, lahko samo še datoteko HTML in pišete manj kot,

760
00:47:41,010 --> 00:47:43,060
question mark, nato pa napisati nekaj kodo in nato pišete vprašaj,

761
00:47:43,060 --> 00:47:45,700
večja, kot, nato pa ste končali.

762
00:47:45,700 --> 00:47:50,300
V drugih jezikih, kot so Ruby in Python,

763
00:47:50,300 --> 00:47:56,810
moraš iti skozi malo več dela, da bi dobili začetno stran teče.

764
00:47:56,810 --> 00:48:02,730
Tam je tudi - vsaj nekoč veljalo - da obstaja več dokumentacija

765
00:48:02,730 --> 00:48:05,480
na voljo za PHP samo zato, ker obstaja več ljudi, ki ga uporabljajo.

766
00:48:05,480 --> 00:48:09,370
Mislim, da to ni toliko vprašanje več.

767
00:48:09,370 --> 00:48:12,520
Tam je zagotovo zelo dobra dokumentacija za stvari, kot so Ruby na tirih

768
00:48:12,520 --> 00:48:16,080
ali Django za Python je enakovredna.

769
00:48:16,080 --> 00:48:25,910
PHP je ena, da vsakdo je bil z uporabo za let, in veste, kako to deluje.

770
00:48:25,910 --> 00:48:28,460
Ruby in Python so malo manj zrele.

771
00:48:28,460 --> 00:48:33,130
>> [Občinstvo član] Če bi izbirali med enim od njih, da se naučijo ali pick up,

772
00:48:33,130 --> 00:48:36,130
ki bi raje?

773
00:48:36,130 --> 00:48:38,870
Iskreno, mislim, da je odvisno od posameznika.

774
00:48:38,870 --> 00:48:45,450
Žal mi je. Vprašanje je bilo, kaj bi izbral za nekoga, da se učijo?

775
00:48:45,450 --> 00:48:50,230
Se mi zdi Python najlepše osebno.

776
00:48:50,230 --> 00:48:55,360
Obstaja veliko ljudi, ki - sem naredil moj prvi spletni projekt dev v Python in Django.

777
00:48:55,360 --> 00:49:00,300
Obstaja veliko ljudi, ki imajo radi Ruby na tirih tudi.

778
00:49:00,300 --> 00:49:02,650
Verjetno več ljudi, ki vedo, Ruby na tirih.

779
00:49:02,650 --> 00:49:05,270
Iskreno, jaz bi samo pojdi s tistim, kar so ljudje okoli vas vedeli

780
00:49:05,270 --> 00:49:09,680
tako da imate ljudi, da postavljajo vprašanja.

781
00:49:19,640 --> 00:49:24,170
>> Vprašanje je bilo - na skupnih strežnikih, je nekako težko delo na Python?

782
00:49:24,170 --> 00:49:26,170
To je odvisno od vaše gostovanje.

783
00:49:26,170 --> 00:49:29,400
Obstajajo številne spletni gostitelji, ki bodo objavili Python stvari.

784
00:49:29,400 --> 00:49:31,400
WebFaction počne to, kajne?

785
00:49:31,400 --> 00:49:34,400
WebFaction je tista, ki so Billy in jaz se uporabljajo za nekatere projekte.

786
00:49:34,400 --> 00:49:37,750
Oni so res super. Ki jih podpirajo večino jezikov.

787
00:49:37,750 --> 00:49:40,020
Je pa res, da je PHP veliko bolj široko podporo.

788
00:49:40,020 --> 00:49:45,210
Torej, če ste obtičali na spletni strežnik, ki ne samo, PHP, da je to dober razlog za uporabo PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Občinstvo član] Pravkar sem dobil v učenje, kako se pozanima nekaj podatkovnih baz,

790
00:49:56,010 --> 00:50:00,680
in vem, da moj SQL je po vsem mestu, ampak pred kratkim sem bil izpostavljen -

791
00:50:00,680 --> 00:50:04,470
in jo je poudaril. Vidiš JSON in razširljivih baz podatkov.

792
00:50:04,470 --> 00:50:14,580
Moj SQL je še vedno po vsem mestu. Kako vidite, da dogaja?

793
00:50:14,580 --> 00:50:21,330
Se tam dogaja, da je naraščajoča tendenca, bolj razširljiv (neslišno)?

794
00:50:21,330 --> 00:50:30,100
Vprašanje je - jaz mislim, da se dogaja, da se trend podatkovnih baz non-SQL.

795
00:50:30,100 --> 00:50:33,850
Na primer, kot MongoDB. Mislim, da je vsekakor res.

796
00:50:33,850 --> 00:50:38,730
Moj nasvet je povezana predvsem z mySQL-tukaj samo zato, ker je mySQL

797
00:50:38,730 --> 00:50:40,950
industrijski standard.

798
00:50:40,950 --> 00:50:45,950
Osebno imam veliko raje podatkovnih baz, ki nimajo schemos kot MongoDB

799
00:50:45,950 --> 00:50:49,520
kadar nimate vprašanje, oh, moram dodati še en stolpec.

800
00:50:49,520 --> 00:50:51,600
Gorje mi, tako kot karkoli storim?

801
00:50:51,600 --> 00:50:55,840
To je zelo težko narediti, da na MySQL, ampak ko imaš nekaj podobnega Mongo

802
00:50:55,840 --> 00:50:57,840
to je veliko lepše.

803
00:50:57,840 --> 00:51:03,780
Drugo lepo stvar o Mongo je, da so vaši zapisi dejansko JavaScript predmeti.

804
00:51:03,780 --> 00:51:10,110
Ni nekako korakom predelave, kjer boste morali vzeti te vrstice baze podatkov

805
00:51:10,110 --> 00:51:13,140
in jih spremenili v JavaScript predmeta, nato pa jih pošljete preko žice.

806
00:51:13,140 --> 00:51:20,290
Mislim, da stvari, kot da se bo zelo, zelo uporaben za hiter razvoj spletnih v prihodnosti.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Nekaj ​​bi dodala, ki je samo na splošno je, da

808
00:51:23,060 --> 00:51:26,580
Ne počutim se, kot bi si se naučil vseh jezikov, smo razpravljali

809
00:51:26,580 --> 00:51:28,580
iz našega seminarja.

810
00:51:28,580 --> 00:51:30,560
Očitno Bistvo je, da bi vam idejo o tem, kaj je tam zunaj,

811
00:51:30,560 --> 00:51:33,450
in če ste spletka s katero od stvari, ki smo jih omenil, da jih lahko Google

812
00:51:33,450 --> 00:51:35,830
in bral o njih.

813
00:51:35,830 --> 00:51:38,750
In kot sem že omenil, obstaja nekaj seminarjev, ki se ukvarjajo z natanko temi stvarmi.

814
00:51:38,750 --> 00:51:41,660
Obstaja tudi več seminarjev, ki jih danes nisem omenil, da je verjetno dobil v

815
00:51:41,660 --> 00:51:43,660
te stvari, kot dobro.

816
00:51:43,660 --> 00:51:46,610
Ideja je, da tukaj, če želite delati kaj orodja so vam na voljo.

817
00:51:46,610 --> 00:51:51,630
Ne počutite preobremenjeni, če niste zares prepričani, kaj ta orodja storiti točno to,

818
00:51:51,630 --> 00:51:54,830
ampak vem, da si tam in da si lahko v veliki meri uporabljala od njih

819
00:51:54,830 --> 00:51:56,830
Google.

820
00:51:56,830 --> 00:51:59,960
>> [Občinstvo član] Kakšne stvari si morate storiti, da poskrbite, da vaše spletne strani

821
00:51:59,960 --> 00:52:02,530
izgleda dobro na mobilnih napravah?

822
00:52:02,530 --> 00:52:05,590
[Billy] Mobilne naprave so malo težko.

823
00:52:05,590 --> 00:52:07,590
Tukaj je 2 načinov, kako lahko pristop.

824
00:52:07,590 --> 00:52:11,500
Prvi način je, da dejansko imajo mobilno spletno stran.

825
00:52:11,500 --> 00:52:14,660
Z drugimi besedami, ko opravlja neke vrste odkrivanja na začetku

826
00:52:14,660 --> 00:52:18,830
ko je brskalnik, ki vloži zahtevek na vašo spletno stran, ki se bodisi pravi

827
00:52:18,830 --> 00:52:25,240
vrniti to stališče - ki bo pogled na namiznih ali prenosnih brskalnikih -

828
00:52:25,240 --> 00:52:27,710
in ta drugi pogled za mobilne naprave.

829
00:52:27,710 --> 00:52:33,090
To je kraj, kjer so pogledi res lepo, da lahko precej swap

830
00:52:33,090 --> 00:52:37,580
dve ven in vmesnik, ki deluje zelo lepo na mobilnih napravah

831
00:52:37,580 --> 00:52:40,770
in imajo povsem drugačen enega, ki dela lepo na napravah brskalnika.

832
00:52:40,770 --> 00:52:43,770
Problem pri tem je potrebno veliko časa, ker to pomeni kodiranje

833
00:52:43,770 --> 00:52:47,060
popolnoma drugačen vmesnik.

834
00:52:47,060 --> 00:52:49,720
Drug način, da lahko to storite, je -

835
00:52:49,720 --> 00:52:55,250
Veliko sodobnih telefonov bo prikazal spletne strani in jih poskušati postane kot bi brskalnik,

836
00:52:55,250 --> 00:52:57,680
in po svojih najboljših močeh.

837
00:52:57,680 --> 00:53:04,340
Lahko nekako poskusite ostati luč na višini jQuery JavaScript, ki ga uporabljate

838
00:53:04,340 --> 00:53:07,360
, ki kaže, da je tam, kjer gredo stvari lahko narobe malo.

839
00:53:07,360 --> 00:53:13,430
To je nekako tako, kot bi morali uporabiti, če nimate toliko časa.

840
00:53:13,430 --> 00:53:18,540
Če imate čas za delo na mobilni vmesnik, ki je seveda najboljša možnost.

841
00:53:18,540 --> 00:53:23,320
>> Mislim, da na splošno za CS50 projekte, boste želeli izbrati eno ali drugo.

842
00:53:23,320 --> 00:53:27,990
Z drugimi besedami, boste želeli, da bi mobilno aplikacijo ali pa želite, da spletne strani namizja.

843
00:53:27,990 --> 00:53:32,200
In to nekako določa, kam greš s tem.

844
00:53:32,200 --> 00:53:35,360
Toda, če želite, da jo razširite kasneje, verjetno najboljša stava

845
00:53:35,360 --> 00:53:37,360
narediti še vmesnik za drugega.

846
00:53:51,650 --> 00:53:56,340
Imam malo izkušenj pri razvoju mesta, ki temeljijo na WordPress.

847
00:53:56,340 --> 00:53:58,670
I gostil osebne spletne strani na WordPress za nekaj časa.

848
00:53:58,670 --> 00:54:02,310
Te vrste okvirjev lahko lepo prav tako zelo osnovne stvari.

849
00:54:02,310 --> 00:54:07,050
Pogosto boste le naletite na veliko vprašanj, prilagodljivost vmesnika, čeprav.

850
00:54:07,050 --> 00:54:10,940
Boste želeli, da imajo nekaj pogledati na določen način, ali je določen način

851
00:54:10,940 --> 00:54:14,510
in si ne morem, ker je težko žično v sistem, da

852
00:54:14,510 --> 00:54:17,480
to je, kako moraš delati stvari, ki se lahko malo problem.

853
00:54:17,480 --> 00:54:22,020
Od takrat sem nekako bili bolj nagnjeni k delu z mesta od tal navzgor.

854
00:54:22,020 --> 00:54:26,840
Za stvari, kot so blog baz podatkov in take stvari pa res ni tako težko zgraditi okvir.

855
00:54:26,840 --> 00:54:29,970
Če ste res raztegne za čas, lahko seveda uporabite nekaj podobnega WordPress

856
00:54:29,970 --> 00:54:33,120
ali nekaj v tem stilu za blog.

857
00:54:33,120 --> 00:54:38,790
So vrste stvari, ki blogi trgovina in ne v resnici niso dovolj močno, da

858
00:54:38,790 --> 00:54:41,500
Če delate v katerem koli od teh vrst stvari, ste verjetno najbolje, samo da bi

859
00:54:41,500 --> 00:54:43,500
narediti in-house različico.

860
00:54:43,500 --> 00:54:48,350
>> Mislim, da je o tem, zato še enkrat hvala za obisk.

861
00:54:48,350 --> 00:54:51,960
Smo res užival v pogovoru z vami in upam, da ste se naučili nekaj stvari.

862
00:54:51,960 --> 00:54:55,350
[Ben] Mi smo veseli, da govori - moramo iti, vendar smo zadovoljni, da več govoriti zunaj

863
00:54:55,350 --> 00:55:01,650
če imate kakšno vprašanje. Hvala še enkrat. [Ploskanje]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]