1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Seminár] [Web Development: od nápadu k realizácii]

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] Ahoj, ja som Billy a toto je Ben. >> [Ben] Ahoj.

5
00:00:10,840 --> 00:00:12,840
Budeme sa dnes hovorí o vývoj webových aplikácií.

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

7
00:00:14,840 --> 00:00:16,840
Niečo o nás ako prvý.

8
00:00:16,840 --> 00:00:19,590
Ben je niečo ako back-end chlap. On robí veci fungujú.

9
00:00:19,590 --> 00:00:21,870
A potom som sa ísť a robiť je dosť.

10
00:00:21,870 --> 00:00:26,610
Som z veľkej časti podieľa sa viac front-end návrhu rozvrhnutie druh vecí,

11
00:00:26,610 --> 00:00:31,260
a Ben, na druhej strane, vie, čo robí, takže sa pracuje na back-end veci.

12
00:00:31,260 --> 00:00:34,050
Spoločne sme urobili pár vecí.

13
00:00:34,050 --> 00:00:38,710
Napríklad v minulom roku sme pracovali na Gimblium, ktorý je on-line hra vývoj štúdio.

14
00:00:38,710 --> 00:00:40,400
To bol náš konečný projekt pre triedu,

15
00:00:40,400 --> 00:00:42,780
a od tej doby sme urobili Harvard Class

16
00:00:42,780 --> 00:00:47,860
čo je on-line rámec pre prezeranie a nakupovanie kurzy na Harvarde.

17
00:00:47,860 --> 00:00:53,180
>> Chystáme sa začať s týmto nápadom na našich webových stránkach.

18
00:00:53,180 --> 00:00:57,480
Chystáme sa robiť Facebook, ale pre mačky.

19
00:00:57,480 --> 00:00:59,520
Predtým, ako ste vlastne túto webovú stránku,

20
00:00:59,520 --> 00:01:02,520
nerobia tento web, pretože to nie je dobré, ale budeme ho použiť ako rámec

21
00:01:02,520 --> 00:01:05,349
a prejsť procesom, ako sme sa túto myšlienku

22
00:01:05,349 --> 00:01:07,450
a premeniť ju v reálnom stránkach môžeme použiť.

23
00:01:07,450 --> 00:01:11,940
Začneme tým, že rozbije webové stránky nadol.

24
00:01:11,940 --> 00:01:13,190
Rovnako ako si robil v CS50,

25
00:01:13,190 --> 00:01:17,360
Ak chcete premýšľať o tom, aké sú skutočné komponenty, ktoré idú do týchto stránok.

26
00:01:17,360 --> 00:01:21,290
V podstate to odbočka z nápadu, ktorý je len trochu abstraktný pojem

27
00:01:21,290 --> 00:01:23,590
do skutočné, hmatateľné veci, ktoré by ste mohli robiť.

28
00:01:23,590 --> 00:01:25,910
Začneme tým, že žiada niekoľko otázok.

29
00:01:25,910 --> 00:01:28,070
Čo je to za web? Prečo sme to robiť?

30
00:01:28,070 --> 00:01:30,670
Čo je to chystá použiť? Také veci.

31
00:01:30,670 --> 00:01:33,660
V prípade Facebooku Cat,

32
00:01:33,660 --> 00:01:37,730
sme v podstate chceme webové stránky, ktoré vám umožnia mačky sociálne siete navzájom.

33
00:01:37,730 --> 00:01:41,260
Myšlienka je, že sa môžu zakladať na vzájomne stien,

34
00:01:41,260 --> 00:01:43,510
môžu vzniesť pripomienky, také veci.

35
00:01:43,510 --> 00:01:46,720
A to je miesto, kde sa dostávame do funkčných komponentov.

36
00:01:46,720 --> 00:01:51,270
Teraz máme tento druh rámca - máme užívateľských profilov,

37
00:01:51,270 --> 00:01:53,990
máme pripomienky, a môžeme písať.

38
00:01:53,990 --> 00:01:57,390
Možno, že jedného dňa budeme prítoku rád a také veci.

39
00:01:57,390 --> 00:02:00,410
A sme trochu chcieť uprednostniť tieto funkcie idú dovnútra

40
00:02:00,410 --> 00:02:03,340
Chceme povedať, ako, jo, je to naozaj dôležité, že každý má profil

41
00:02:03,340 --> 00:02:06,440
a že každý môže zakladať na vzájomne stien.

42
00:02:06,440 --> 00:02:08,509
Sekundárne sa, že komentáre by bolo pekné.

43
00:02:08,509 --> 00:02:10,180
Možno, že neskôr budeme prítoku páči.

44
00:02:10,180 --> 00:02:13,700
Takže, chcete mať predstavu o tom, čo je základom projektu

45
00:02:13,700 --> 00:02:17,260
a to, čo je trochu všeobecnejší funkcie, ktoré by mohli byť použité neskôr.

46
00:02:17,260 --> 00:02:20,870
Ak chcete druh má konkrétny zoznam v pamäti,

47
00:02:20,870 --> 00:02:24,090
ale projekt, ktorý začína sa nebude projekt, ktorý dokončíte.

48
00:02:24,090 --> 00:02:27,100
Inými slovami, všetko sa zmení, keď vyvíjate stránky,

49
00:02:27,100 --> 00:02:30,090
a chcete ponechať priestor pre to.

50
00:02:30,090 --> 00:02:34,470
Zapnem ju Benovi, ktorý sa chystá hovoriť trochu o štruktúre.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] Budem hovoriť o viac technickej časti vývoj webových aplikácií.

52
00:02:39,610 --> 00:02:42,370
Poďme jednoducho ísť cez niektoré základy prvej.

53
00:02:42,370 --> 00:02:45,730
Keď robíte webovú aplikáciu,

54
00:02:45,730 --> 00:02:50,470
hlavné divízie, ktoré budete mať, je

55
00:02:50,470 --> 00:02:52,700
budete mať nejaké veci sa deje v strane klienta -

56
00:02:52,700 --> 00:02:56,700
to znamená, že kód, ktorý ste prehliadač má z webu

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

58
00:03:01,910 --> 00:03:04,490
To je všetko, na strane klienta.

59
00:03:04,490 --> 00:03:08,680
Budeš mať iný kód, ktorý beží na strane servera

60
00:03:08,680 --> 00:03:10,770
ktorá udržuje všetky údaje, ktoré ľudia poslať k tebe,

61
00:03:10,770 --> 00:03:15,060
rozhodne, kto sa dať čo, také veci.

62
00:03:15,060 --> 00:03:20,380
To je len niektoré terminológie, takže vy ste všetci oboznámení s tým, čo hovoríme.

63
00:03:20,380 --> 00:03:28,600
Za týmto rozdelením je dobré myslieť na svoje webové aplikácie, pokiaľ ide o

64
00:03:28,600 --> 00:03:32,500
niekoľko rôznych komponentov.

65
00:03:32,500 --> 00:03:35,270
Keď robíte vývoj webových aplikácií

66
00:03:35,270 --> 00:03:41,710
jedna z vecí, ktoré by ste mali vždy sa snaží urobiť, je znížiť zložitosť.

67
00:03:41,710 --> 00:03:45,710
Čím zložitejší je váš kód je väčšia šanca je robiť chyby,

68
00:03:45,710 --> 00:03:47,710
ťažšie je neskôr zmeniť.

69
00:03:47,710 --> 00:03:50,140
Takže, ak môžete rozbiť svoje aplikácie do niekoľkých rôznych funkčných oblastí

70
00:03:50,140 --> 00:03:57,640
že bude - a môžete znížiť druh množstvo cross-oblasti komunikácie -

71
00:03:57,640 --> 00:04:03,530
ktoré vám pomôže veľa v dlhodobom horizonte, pokiaľ ide o zníženie chyby.

72
00:04:03,530 --> 00:04:07,950
>> Ak chcete byť konkrétny, väčšinou ľudí rozdeliť do webovej aplikácie do -

73
00:04:07,950 --> 00:04:13,190
Jedná sa o druh slovíčkami teraz, ale sú stále užitočné.

74
00:04:13,190 --> 00:04:17,940
Možno ste už počuli ľudí hovoriť o modely, pohľady a regulátory.

75
00:04:17,940 --> 00:04:23,210
Modely sú skutočné údaje, že vaša aplikácia bude zaoberať.

76
00:04:23,210 --> 00:04:28,260
Napríklad, v Cat Facebook, vaše modely by mohol byť -

77
00:04:28,260 --> 00:04:35,340
budeš mať model, ako miesta, a model pre užívateľské profily, tak podobne.

78
00:04:35,340 --> 00:04:41,090
Vaše názory sú, ako sa prezentujete, že dáta pre svojich užívateľov.

79
00:04:41,090 --> 00:04:46,660
Môžete mať jeden pohľad na pri pohľade na jedného príspevku a všetky komentáre

80
00:04:46,660 --> 00:04:51,720
a iný pohľad na stenu, ktorá obsahuje zoznam všetkých miest

81
00:04:51,720 --> 00:04:57,170
ktoré sú zamerané na vás, a iný pohľad na vašu noviniek - a tak podobne.

82
00:04:57,170 --> 00:05:00,610
Nakoniec, máte ovládače, ktoré sú v podstate, keď vám ľudia posielať príspevky

83
00:05:00,610 --> 00:05:03,310
a urobíte aktualizácie back-end systému,

84
00:05:03,310 --> 00:05:06,400
môžete zvýšiť veľa čítače, a čokoľvek.

85
00:05:06,400 --> 00:05:07,860
To sú vaše regulátory.

86
00:05:07,860 --> 00:05:11,030
>> Budem hovoriť hlavne o modely.

87
00:05:11,030 --> 00:05:14,030
Pohľady sú technicky nie je tak ťažké, a problém je s ich navrhovanie

88
00:05:14,030 --> 00:05:22,040
Regulátory sa bude špecifické pre čo ste navrhovaní.

89
00:05:22,040 --> 00:05:25,220
Ale tam sú niektoré docela všeobecné techniky, ktoré môžete použiť

90
00:05:25,220 --> 00:05:30,220
aby sa vaše modely krajšie a jednoduchšiu prácu s tým si myslím, sú veľmi užitočné.

91
00:05:30,220 --> 00:05:35,860
Toto je väčšinou bude o tom, ako sa vysporiadať s vašej webovej aplikácie dát v príjemnom spôsobom.

92
00:05:35,860 --> 00:05:40,420
Hlavnými problémami s modelmi

93
00:05:40,420 --> 00:05:44,540
je, že žijú na klientom a serverom a vy budete musieť prísť na to,

94
00:05:44,540 --> 00:05:51,170
), Ako ich dostať - všetky relevantné tie - zo servera na klienta,

95
00:05:51,170 --> 00:05:53,440
a b) ako sa udržať je v synchronizácii.

96
00:05:53,440 --> 00:05:58,700
Vaši užívatelia budú chcieť, aby sa niektoré aktualizácie.

97
00:05:58,700 --> 00:06:00,470
Chystajú sa chcete vykonať nové príspevky.

98
00:06:00,470 --> 00:06:04,800
Chystajú sa chcú páčiť veci, a tak, ak máte rád.

99
00:06:04,800 --> 00:06:11,490
To sú hlavné technické problémy nakladania s modelmi.

100
00:06:11,490 --> 00:06:15,680
Prvá vec, ktorú budete chcieť sa pýtať sami seba, je

101
00:06:15,680 --> 00:06:18,420
aký druh dát ide v tomto modeli a aké otázky sa budeme chcieť urobiť -

102
00:06:18,420 --> 00:06:24,290
to znamená, že ako sa budeme pozerať na modely?

103
00:06:24,290 --> 00:06:26,940
Pre Vaše mačka Facebook Napríklad,

104
00:06:26,940 --> 00:06:31,520
Váš príspevok bude mať autor s ním spojené,

105
00:06:31,520 --> 00:06:35,660
niektoré steny po texte, a príjemca steny poštou.

106
00:06:35,660 --> 00:06:38,470
A potom budete chcieť otázku, že v veľa rôznych spôsobov.

107
00:06:38,470 --> 00:06:42,220
Budete chcieť, aby sa na neho, ktorý napísal aký príspevok,

108
00:06:42,220 --> 00:06:46,620
podľa toho, kto prijal, ktoré urobíte, možno podľa dátumu, kedy boli zverejnené.

109
00:06:46,620 --> 00:06:50,340
Ale ak sa chystáte robiť to podľa dátumu, potom sa budete musieť pridať ďalšie pole do svojho príspevku

110
00:06:50,340 --> 00:06:52,490
kedy to bolo skutočne vyslaný.

111
00:06:52,490 --> 00:07:00,220
Tieto dva faktory - aké dáta chcete použiť, a ako chcete zobraziť -

112
00:07:00,220 --> 00:07:04,200
mali by ste uvažovať o nich ako prvé, pretože sú závislé na seba navzájom,

113
00:07:04,200 --> 00:07:08,030
a to bude oveľa ťažšie je pridať neskôr.

114
00:07:08,030 --> 00:07:12,750
>> Tam sú niektoré ďalšie aspekty.

115
00:07:12,750 --> 00:07:17,540
Keď uvažujete o tom, ako sa vysporiadať s modelmi na serveri

116
00:07:17,540 --> 00:07:20,540
to, čo budete chcieť pozrieť na je -

117
00:07:20,540 --> 00:07:27,440
ste v podstate chcete, aby server tak jednoduché, ako je to možné.

118
00:07:29,440 --> 00:07:35,500
Robiť veci na strane klienta je všeobecne oveľa rýchlejšie, ak môžete to urobiť čisto na klientovi

119
00:07:35,500 --> 00:07:38,230
bez toho, aby nejaký druh požiadavke siete.

120
00:07:38,230 --> 00:07:47,860
Cieľom je, aby to toľko otázok, ako môžete na strane klienta.

121
00:07:47,860 --> 00:07:51,560
Jediným problémom, ktorý

122
00:07:51,560 --> 00:07:54,160
je, že ak budete požadovať všetky vaše dáta na začiatku

123
00:07:54,160 --> 00:07:57,160
potom, že to bude trvať dlho, aby zaťaženie.

124
00:07:57,160 --> 00:08:02,290
Takže myšlienka je nájsť zlatá stredná cesta medzi tým dostatok dát na strane klienta

125
00:08:02,290 --> 00:08:07,640
že môžete robiť väčšinu práce tam, ale nielen načítanie všetko naraz

126
00:08:07,640 --> 00:08:09,710
tak, že dostanete naozaj pomalé zaťaženie časy na začiatku.

127
00:08:09,710 --> 00:08:12,610
Napríklad, pre vaše mačky dát

128
00:08:12,610 --> 00:08:20,340
budete pravdepodobne chcieť, aby priniesla veľa nedávnych nástenných pracovných miest.

129
00:08:20,340 --> 00:08:23,790
Tie by nechcel, aby priniesla všetkým z nich, pretože to mohol vrátiť o pár rokov.

130
00:08:23,790 --> 00:08:25,470
Ale nechcete, aby im zabehnúť jeden po druhom

131
00:08:25,470 --> 00:08:28,740
preto, že by zaviedol veľa réžia siete.

132
00:08:28,740 --> 00:08:33,620
>> Je to často veľmi ťažké - akonáhle budete mať databázy beží -

133
00:08:33,620 --> 00:08:37,210
to je často veľmi ťažké zmeniť, aké údaje máte v ňom -

134
00:08:37,210 --> 00:08:40,510
to znamená, pridať nový databázový stĺpec, alebo tak niečo -

135
00:08:40,510 --> 00:08:43,510
takže jedna dobrá stratégia je vlastne len držať veľa vašich dát v textovom blob -

136
00:08:43,510 --> 00:08:53,880
JSON blob - JSON je JavaScript Object Notation -

137
00:08:53,880 --> 00:08:58,330
Dôvodom je to užitočné, pretože je potom môžete pridať nové vlastnosti

138
00:08:58,330 --> 00:09:01,920
ku všetkým týmto JSON guličky bezo zmeny databázy.

139
00:09:01,920 --> 00:09:06,860
Jediná nevýhoda, že je, že ak máte veľa odborov

140
00:09:06,860 --> 00:09:09,890
že ste pridali neskôr - rovnako ako skryté v tomto JSON blob -

141
00:09:09,890 --> 00:09:12,850
potom je to ťažšie je dotaz v databáze.

142
00:09:12,850 --> 00:09:17,690
Napríklad, ak sa neskôr - ak ste mal svoj model post, ktoré sme diskutovali skôr

143
00:09:17,690 --> 00:09:25,380
sa len autora, príjemcu a text -

144
00:09:25,380 --> 00:09:29,000
môžete mať tiež JSON blob, a potom, ak ste neskôr chceli pridať polia pre dátum

145
00:09:29,000 --> 00:09:31,000
nebudete musieť zmeniť svoje databáze.

146
00:09:31,000 --> 00:09:36,140
Dalo by sa len pridať dáta do všetkých textových polí.

147
00:09:36,140 --> 00:09:39,640
A potom by ste mali byť schopní pozrieť sa na tie, na strane klienta,

148
00:09:39,640 --> 00:09:42,430
ale nebudete môcť pýtať na strane servera

149
00:09:42,430 --> 00:09:44,430
pretože je to skryté vo vnútri tohto textu.

150
00:09:44,430 --> 00:09:49,920
>> Ďalší problém, ktorý budete chcieť premýšľať o tom,

151
00:09:49,920 --> 00:09:52,400
je, ako váš klient a server sa bude komunikovať.

152
00:09:52,400 --> 00:09:56,040
Tie zvyčajne chcú, aby to tak jednoduché, ako je to možné.

153
00:09:56,040 --> 00:10:02,230
Môžete mať rovnako ako-me-túto požiadavku GET dát a,

154
00:10:02,230 --> 00:10:09,140
create-a-new-object vec, a požiadať o update-an-old-objekt.

155
00:10:09,140 --> 00:10:12,930
A to by všetko byť rôzne adresy URL na serveri, ktorý -

156
00:10:12,930 --> 00:10:20,030
že by prehliadač - môžete použiť požiadavky AJAX pre všetky z nich

157
00:10:20,030 --> 00:10:24,000
a to buď prijať, alebo rozmiestniť svoje údaje.

158
00:10:24,000 --> 00:10:26,600
Opäť platí, že pre naše mačka Facebook Napríklad,

159
00:10:26,600 --> 00:10:32,350
môžete mať túto adresu URL získať individuálny príspevok,

160
00:10:32,350 --> 00:10:39,750
a budeš mať URL pre vytvorenie nového múr príspevok

161
00:10:39,750 --> 00:10:45,670
a možno URL pre nahrávanie vášho profilu obrázok, a tak podobne.

162
00:10:45,670 --> 00:10:51,730
Ale opäť, to je pre-fetch väčšina vašich dát, takže nemusíte mať na

163
00:10:51,730 --> 00:10:53,360
Vďaka sieťové požiadavky.

164
00:10:53,360 --> 00:10:59,030
Z tohto dôvodu, možno nebudete chcieť, aby to individuálne žiadosť get pre jeden post,

165
00:10:59,030 --> 00:11:03,210
a namiesto toho sa len chcete jedna žiadosť get pre celú stenu.

166
00:11:03,210 --> 00:11:06,110
A potom, ak sa snažíte nájsť rovnováhu, pretože -

167
00:11:06,110 --> 00:11:10,970
to bude tiež závisieť na vašej žiadosti.

168
00:11:10,970 --> 00:11:13,430
Pretože ak ste očakával, že ľudia majú len 10 alebo 20 Príspevky na stene

169
00:11:13,430 --> 00:11:15,430
že bude v poriadku.

170
00:11:15,430 --> 00:11:17,390
Ale ak ste očakával, že budú mať tisíce a potom, že žiadosť by trvalo príliš dlho,

171
00:11:17,390 --> 00:11:23,580
a tak možno budete chcieť pridať parameter get-všetky-príspevky-od.

172
00:11:23,580 --> 00:11:26,580
>> Pre všetky z nich budete pravdepodobne chcieť synchronizovať dáta v JSON -

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

174
00:11:29,260 --> 00:11:34,600
Skoro každý jazyk sa zaoberá JSON veľmi dobre.

175
00:11:34,600 --> 00:11:40,880
JQuery má túto peknú funkciu getJSON, ktorý bude robiť všetky tvrdej práce pre vás.

176
00:11:40,880 --> 00:11:47,390
A na PHP je tu tiež veľmi pekné JSON komunikačné funkcie.

177
00:11:47,390 --> 00:11:52,660
Tak, to je asi najlepší formát pre zasielanie modelov tam a späť.

178
00:11:52,660 --> 00:11:56,570
>> Ako príklad toho, čo sme hovorili o tom tak ďaleko,

179
00:11:56,570 --> 00:12:00,520
Tu je príklad toku pre vašu mačku Facebook aplikácie.

180
00:12:00,520 --> 00:12:07,760
Začína s prehliadačom, ktorý požaduje základné adresu URL webových stránok.

181
00:12:07,760 --> 00:12:15,470
Server pravdepodobne pošle cez statické HTML a niektoré JavaScript a CSS.

182
00:12:15,470 --> 00:12:19,170
Obvykle je najlepšie nerobiť žiadnu vykresľovanie na serveri.

183
00:12:19,170 --> 00:12:23,370
Vy asi nechcete -

184
00:12:23,370 --> 00:12:28,360
čo server nie je tam robí sa deje sa ustanovuje zoznam nástenných príspevkov

185
00:12:28,360 --> 00:12:31,120
a vytvorením HTML pre každú z nich a odoslanie, ktoré v priebehu.

186
00:12:31,120 --> 00:12:34,960
Obvykle je najlepšie k tomu, že na strane klienta, pretože inak

187
00:12:34,960 --> 00:12:38,580
zakaždým, keď budete chcieť znova kresliť niečo, čo musíte urobiť požiadavka servera.

188
00:12:38,580 --> 00:12:42,450
A to vám veľmi rýchlo dáva veľa nad hlavou.

189
00:12:42,450 --> 00:12:47,430
Je to zvyčajne najlepšie len preto, aby loď pošle statické HTML

190
00:12:47,430 --> 00:12:50,660
a potom JavaScript a CSS, ktorý bude robiť vykresľovanie na strane klienta.

191
00:12:50,660 --> 00:12:56,750
Akonáhle že veci príde,

192
00:12:56,750 --> 00:13:03,500
potom môžete mať - v JavaScripte - môžete urobiť požiadavky na údaje na stenu

193
00:13:03,500 --> 00:13:08,740
a tak podobne, a potom, že server je v podstate len to, databázové dotazy

194
00:13:08,740 --> 00:13:10,740
a kontrolu oprávnenia.

195
00:13:10,740 --> 00:13:16,690
Jediná dôležitá vec je, že to nie je možné odosielať cez niektoré ďalšie používatelia nástenné príspevky

196
00:13:16,690 --> 00:13:19,220
že nesmieš vidieť.

197
00:13:19,220 --> 00:13:28,050
To môže byť v zásade veľmi tenká vrstva prístupu k databáze,

198
00:13:28,050 --> 00:13:32,820
a potom všetci ukazovať dáta - všetky pohľady a tak -

199
00:13:32,820 --> 00:13:37,280
ktoré sa môže stať vo svojom prehliadači, a potom, keď chcete, aby sa príspevok alebo tak niečo

200
00:13:37,280 --> 00:13:40,000
stačí poslať ďalšiu žiadosť.

201
00:13:40,000 --> 00:13:45,350
>> Tam je tiež nejaký ozdobný veci môžete robiť na vrchole tejto.

202
00:13:45,350 --> 00:13:49,550
Pokiaľ ide o ďalšie konkrétne technické informácie,

203
00:13:49,550 --> 00:13:53,360
rozvíja v prostom JavaScript môže byť trochu bolestivá,

204
00:13:53,360 --> 00:13:56,220
takže tam sú niektoré knižnice a nástroje, ktoré vám pomôžu veľa s tým.

205
00:13:56,220 --> 00:14:03,690
Myslím, že ste všetci asi počuli o jQuery čo robí HTML renderovanie

206
00:14:03,690 --> 00:14:08,890
a manipulácia oveľa jednoduchšie - majú veľa efektných funkcií pre blednutiu dovnútra a von,

207
00:14:08,890 --> 00:14:12,020
a robí Zippy animácie.

208
00:14:12,020 --> 00:14:13,720
K dispozícii je tiež táto knižnica s názvom Underscore.js.

209
00:14:13,720 --> 00:14:20,760
Má veľa užitočných funkcií nástroje, veci, ktoré by ste očakávali JavaScript, aby sa

210
00:14:20,760 --> 00:14:24,740
že je to naozaj doesnt - veci ako miešanie pole,

211
00:14:24,740 --> 00:14:28,900
odstránenie duplicít zo zoznamu, alebo sploštenie zoznam zoznamov.

212
00:14:28,900 --> 00:14:30,900
To je len malá ukážka kódu.

213
00:14:30,900 --> 00:14:36,520
Underscore má veľa týchto pekných funkcií, ktoré si prajete by ste mať po celú dobu.

214
00:14:36,520 --> 00:14:38,840
>> A potom je tu 1 ďalšie knižnice, ktoré by som chcel stráviť trochu času na

215
00:14:38,840 --> 00:14:44,800
tzv Backbone.js pretože chrbtica naozaj pomáha sa vysporiadať s modelmi na strane klienta

216
00:14:44,800 --> 00:14:47,210
a mnoho zmätku, ktorý to môže spôsobiť.

217
00:14:47,210 --> 00:14:53,550
Chrbticovej vám toto poňatie modelov a kolekcií

218
00:14:53,550 --> 00:14:58,300
v JavaScripte, ktoré sú v podstate úplne rovnako ako objekty JavaScriptu

219
00:14:58,300 --> 00:15:04,900
v poliach JavaScriptu, ale majú udalosti, keď zmeníte ich vlastnosti.

220
00:15:04,900 --> 00:15:09,090
Rovnako ako v JavaScripte, môžete mať udalosť, keď sa kliknutí na tlačidlo alebo tak niečo

221
00:15:09,090 --> 00:15:14,800
Tieto chrbticovej modely a chrbtice zbierky bude vysielať veci, ako je

222
00:15:14,800 --> 00:15:17,510
, Že keď sa mení.

223
00:15:17,510 --> 00:15:22,270
To znamená, že môžete len napísať niečo také fragment kódu tu -

224
00:15:22,270 --> 00:15:27,530
to hovorí, keď pridáte niečo na príspevky pole môžete prekresliť celú stenu.

225
00:15:27,530 --> 00:15:34,270
A to by som povedal, keď počet post zo rád zmeny,

226
00:15:34,270 --> 00:15:38,970
môžete užívateľa upozorniť, že niekto mal rád svoj príspevok.

227
00:15:38,970 --> 00:15:45,210
Alebo ak je niektorá vlastnosť príspevku zmení ste prekreslenie príspevok.

228
00:15:45,210 --> 00:15:51,050
Veci ako, že vám ušetrí veľa zložitosťou, pretože inak

229
00:15:51,050 --> 00:15:55,440
ak nemáte niektorých rámcových ako je tento a potom zakaždým, keď vo svojom kóde, ktorý zmení

230
00:15:55,440 --> 00:16:04,280
niečo o miesto, mali by ste mať na pamäti, sami volať všetky vykreslenie funkcie sa

231
00:16:04,280 --> 00:16:07,680
a tak podobne, a ak ste chceli pridať niečo nové, čo sa stalo

232
00:16:07,680 --> 00:16:10,680
zakaždým, keď zmeníte príspevok budete musieť prejsť každé miesto vo vašom

233
00:16:10,680 --> 00:16:14,610
kód, ktorý ste zmenili príspevok a dodáva, že nové veci.

234
00:16:14,610 --> 00:16:21,450
Rámec takto odstráni veľa, že medzi-vrstvy komunikácie

235
00:16:21,450 --> 00:16:28,280
že je váš kód zložité a ťažké udržať.

236
00:16:28,280 --> 00:16:31,170
>> Tam je to trochu o názory tiež.

237
00:16:31,170 --> 00:16:35,960
Chystám sa opustiť väčšinu to Billy, pretože to technicky nie je príliš ťažké.

238
00:16:35,960 --> 00:16:43,540
Použitie jQuery pre vaše názory. Je to prakticky ako nutnosť v tomto bode.

239
00:16:43,540 --> 00:16:46,290
Je to proste robí všetko tak oveľa jednoduchšie.

240
00:16:46,290 --> 00:16:48,290
Existuje mnoho knižníc.

241
00:16:48,290 --> 00:16:49,970
Ak ste zložité prvky užívateľského rozhrania,

242
00:16:49,970 --> 00:16:57,250
Ak chcete automatické dokončovanie vec, alebo ako jeden z tých fantázie multi-selektora -

243
00:16:57,250 --> 00:17:04,790
Ak chcete niečo také, mali by ste asi len okolo hľadať

244
00:17:04,790 --> 00:17:08,130
a môžete nájsť dobrú knižnicu, ktorá bude robiť to, čo chcete.

245
00:17:08,130 --> 00:17:11,579
Billy sa vysvetliť viac o skutočne zložitých dielov názorov.

246
00:17:11,579 --> 00:17:17,530
Tiež, ako vedľajší poznámku, chrbtica má niektoré funkcie pre vytváranie zobrazenie komunikovať

247
00:17:17,530 --> 00:17:22,800
pekne s modelmi - pozrite sa na dokumentáciu pre všetky z týchto knižníc, v skutočnosti.

248
00:17:22,800 --> 00:17:28,270
Stačí sa pozrieť na dokumenty. Sú to veľmi dobre napísaný a ľahko sledovať.

249
00:17:28,270 --> 00:17:33,890
Všeobecne platí, že môžete skoro len Google, ak máte problémy.

250
00:17:33,890 --> 00:17:36,370
Existuje veľa ľudí, ich použitie.

251
00:17:36,370 --> 00:17:42,020
Myslím, že to je ako poslednú poznámku.

252
00:17:42,020 --> 00:17:48,770
>> Tam sú tiež niektoré pokročilejšie veci, ktoré môžete urobiť

253
00:17:48,770 --> 00:17:53,400
Ak hľadáte, aby vaše webové aplikácie navyše úžasné.

254
00:17:53,400 --> 00:17:59,760
Môžete to urobiť - nová špecifikácia HTML5 má veľa fantázie, čo môžete urobiť.

255
00:17:59,760 --> 00:18:05,780
Miestne úložisko - čo je môžete ukladať dáta v prehliadači -

256
00:18:05,780 --> 00:18:09,470
skôr než sa vrátiť a preštudovať server pre všetko,

257
00:18:09,470 --> 00:18:12,470
môžete mať niektoré z nich na klienta, a to dokonca umožňuje ľuďom -

258
00:18:12,470 --> 00:18:20,850
v niektorých prípadoch môže dokonca vám umožní použiť webové stránky v režime offline.

259
00:18:20,850 --> 00:18:26,980
Tam je to, čomu sa hovorí WebSockets, ktoré sú rôzne druhy sieťovej komunikácie

260
00:18:26,980 --> 00:18:30,930
kde miesto len urobíte jednu žiadosť, dostanete odpoveď, a máte hotovo,

261
00:18:30,930 --> 00:18:35,240
budete mať otvoriť pripojenie k serveru, a tak si môžete robiť veci, ako je

262
00:18:35,240 --> 00:18:37,240
Aktualizácie v reálnom čase.

263
00:18:37,240 --> 00:18:42,020
Takže, ak ste sa snažia zarobiť na aplikáciu pre chat, môžete použiť WebSockets

264
00:18:42,020 --> 00:18:43,790
komunikovať tam a späť, takže by ste nemuseli držať vyžiadanie,

265
00:18:43,790 --> 00:18:48,410
"Ach, server, to mi niekto poslať porozprávať?" každých 10 sekúnd alebo tak niečo.

266
00:18:48,410 --> 00:18:55,620
K dispozícii je tiež zaujímavá HTML5 funkcie, kde si môžete, aby to vyzeralo, ako

267
00:18:55,620 --> 00:18:58,340
URL stránky sa mení, bez toho aby ste museli skutočne vložte ho.

268
00:18:58,340 --> 00:19:03,230
Môžete použiť tlačidlá Späť a Vpred, bez robili veľa žiadostí siete.

269
00:19:03,230 --> 00:19:14,660
Veci ako, že je skutočne užitočné, pokiaľ ide o robiť to rýchle, ale tiež pracovať ako webové aplikácie by mala.

270
00:19:14,660 --> 00:19:17,680
>> K dispozícii je tiež to, čomu sa hovorí CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript je iný jazyk, v skutočnosti, že zostavuje až JavaScript.

272
00:19:24,450 --> 00:19:30,080
Tie by sa napísať celý kód v CoffeeScript, a potom spustiť tento kompilátor,

273
00:19:30,080 --> 00:19:33,300
a to vypľuje súbor JavaScriptu, ktorý môžete zahrnúť do svojej webovej stránky.

274
00:19:33,300 --> 00:19:38,860
Dôvod, že CoffeeScript je pekné je, pretože to zbaví mnohých

275
00:19:38,860 --> 00:19:44,760
podivné prípady, že JavaScript ak má sa rovná rovná,

276
00:19:44,760 --> 00:19:51,130
a rovná sa rovná robiť rôzne veci, alebo chcete -

277
00:19:51,130 --> 00:19:55,740
má krajší syntax pre riešenie polí a funkcií.

278
00:19:55,740 --> 00:20:00,460
To je malý úryvok z CoffeeScript, ktoré vytvára zoznam všetkých štvorcov

279
00:20:00,460 --> 00:20:04,900
od 10 ^ 2-1 ^ 2 v opačnom poradí.

280
00:20:04,900 --> 00:20:08,410
Ako môžete vidieť, CoffeeScript často umožňuje vyjadriť v 1. riadku

281
00:20:08,410 --> 00:20:10,890
čo by sa päť riadkov JavaScript.

282
00:20:10,890 --> 00:20:13,230
To môže robiť veci oveľa jednoduchšie.

283
00:20:13,230 --> 00:20:15,390
Je to trochu o novej syntaxi učiť na prvú,

284
00:20:15,390 --> 00:20:18,010
ale je to určite vám bude viac produktívne v dlhodobom horizonte.

285
00:20:18,010 --> 00:20:22,050
>> Môžete použiť aj iné jazyky na serveri, ako PHP -

286
00:20:22,050 --> 00:20:27,570
jazyky ako Ruby, Python, alebo tam je aj projekt s názvom Node.js

287
00:20:27,570 --> 00:20:31,450
ktoré vám umožnia používať JavaScript na serveri.

288
00:20:31,450 --> 00:20:34,700
Osobne som naozaj, ale naozaj neznášam PHP.

289
00:20:34,700 --> 00:20:38,310
Ja jednoducho baví práca s ním.

290
00:20:38,310 --> 00:20:43,450
Ak ste tiež, myslím, že to je hrozné cluge jazyka,

291
00:20:43,450 --> 00:20:46,160
potom môžete použiť jeden z nich miesto.

292
00:20:46,160 --> 00:20:54,780
Všeobecne platí, že ak chcete niečo urobiť, a vy naozaj neviem, ako by to urobil,

293
00:20:54,780 --> 00:20:56,780
stačí hľadať na internete.

294
00:20:56,780 --> 00:20:59,990
Tam sú tony a tony zdrojov, najmä na -

295
00:20:59,990 --> 00:21:03,260
StackOverflow je skvelá jedna.

296
00:21:03,260 --> 00:21:06,400
Je to webová stránka, kde programátori klásť navzájom otázky.

297
00:21:06,400 --> 00:21:09,690
Možno ste naraziť na to, ak ste boli s problémami na CS50 problémových sád.

298
00:21:09,690 --> 00:21:16,820
A tam sú tony knižníc pre to čokoľvek by ste chceli.

299
00:21:16,820 --> 00:21:21,710
Ak chcete niečo urobiť a neviete ako na to,

300
00:21:21,710 --> 00:21:23,710
Nepredpokladáme, že je to nemožné.

301
00:21:23,710 --> 00:21:26,160
Stačí sa pozrieť okolo seba a vy by ste mohli nájsť nejaké dobré zdroje.

302
00:21:26,160 --> 00:21:29,280
>> Ako všeobecné zabaliť,

303
00:21:29,280 --> 00:21:33,650
hlavný stánok s jedlom je udržať veci jednoduché.

304
00:21:33,650 --> 00:21:36,010
Zložitejšie váš kód je na začiatku

305
00:21:36,010 --> 00:21:40,370
a viac sa snažiť a robiť efektné veci,

306
00:21:40,370 --> 00:21:43,300
tým dlhšie bude trvať, než niečo skutočne funkčný

307
00:21:43,300 --> 00:21:46,480
a tým ťažšie to bude neskôr zmeniť.

308
00:21:46,480 --> 00:21:49,580
Takže, robiť veci hlúpe, jednoduchý spôsob, ako prvý.

309
00:21:49,580 --> 00:21:51,720
Ak chcete ísť spolu s tým,

310
00:21:51,720 --> 00:21:59,070
neboj sa o zahodili starý kód alebo čistenie to veľa.

311
00:21:59,070 --> 00:22:05,320
Všeobecne platí, že akonáhle ste skutočne niečo prácu,

312
00:22:05,320 --> 00:22:09,640
je to oveľa jednoduchšie premýšľať o tom, ako keď ste stále v počiatočných fázach

313
00:22:09,640 --> 00:22:12,610
ako mám dať to všetko dohromady.

314
00:22:12,610 --> 00:22:17,500
Je to najlepšie, aby najhlúpejší možný dizajn, ktorý funguje

315
00:22:17,500 --> 00:22:22,270
a potom ho zlepšiť opakované než sa snažiť, aby si všetko hneď na prvýkrát.

316
00:22:22,270 --> 00:22:28,330
Pokiaľ ide o rozdelenie klient-server, a pokúsiť sa udržať svoj server veľmi jednoduché -

317
00:22:28,330 --> 00:22:33,030
len databázy a niektoré overovanie a nerobia tam žiadnu ťažkú ​​prácu.

318
00:22:33,030 --> 00:22:37,540
Vykonajte všetky svoje komplikované veci na strane klienta v prehliadači

319
00:22:37,540 --> 00:22:40,650
v JavaScripte, rovnako ako môžete.

320
00:22:40,650 --> 00:22:43,420
Rozhliadnite sa okolo seba pre knižnice, ktoré robia váš život lepšie.

321
00:22:43,420 --> 00:22:46,850
Vždy lepšie použiť kód, ktorý niekto napísal

322
00:22:46,850 --> 00:22:49,850
ak - a nie, aby to napísať sám.

323
00:22:49,850 --> 00:22:57,560
Je tu veľa vecí na internete. Google je váš najlepší priateľ.

324
00:22:57,560 --> 00:22:59,560
Google je najlepší priateľ programátora.

325
00:22:59,560 --> 00:23:07,620
Jo, rozhodne sa nebojte sa porozhliadnuť na veci.

326
00:23:07,620 --> 00:23:11,860
Dobrá. A na Billyho.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] V skutočnosti, než začnem s nejakou konštrukčné veci,

328
00:23:14,600 --> 00:23:17,250
má niekto nejaké otázky Ben o ničom, že hovoril o?

329
00:23:17,250 --> 00:23:20,290
Dobre, dobre.

330
00:23:20,290 --> 00:23:22,220
Opäť platí, dajte nám vedieť, ak niečo nie je jasné,

331
00:23:22,220 --> 00:23:25,420
alebo ak by ste chceli, aby sme šli nad niečím trochu viac.

332
00:23:25,420 --> 00:23:30,330
Idem krok späť trochu a hovoriť o viacerých základných častí konštrukcie.

333
00:23:30,330 --> 00:23:34,840
Ben spomenul model s názvom - sorry, model pohľad kontrolór systém

334
00:23:34,840 --> 00:23:38,520
čo je druh technického hľadiska, tak idem sa pozrieť na názory špecificky,

335
00:23:38,520 --> 00:23:42,930
a ja idem začať s tým, ako by ste navrhnúť, že vyzerá pekne.

336
00:23:42,930 --> 00:23:50,540
Tu je trochu naozaj základné šablóny pre naše mačka na Facebooku.

337
00:23:50,540 --> 00:23:54,190
Myslím, že tam sú niektoré základy v modernom dizajne používateľského rozhrania

338
00:23:54,190 --> 00:23:56,190
že stojí za vyzdvihnutie.

339
00:23:56,190 --> 00:23:58,210
Môžete si všimnúť, že je veľa prázdneho miesta po celej stránke,

340
00:23:58,210 --> 00:24:00,790
dostatok priestoru pre veci.

341
00:24:00,790 --> 00:24:02,580
Nemajte pocit, ako by ste mali na squash veci do stránky.

342
00:24:02,580 --> 00:24:06,700
Ak chcete ponechať dostatok priestoru otvorené, a keď idete do takmer každej modernej webovej stránky

343
00:24:06,700 --> 00:24:08,380
uvidíte, že je to biela všade.

344
00:24:08,380 --> 00:24:10,380
K dispozícii je biela v miestach, by ste nečakali.

345
00:24:10,380 --> 00:24:14,570
Máte tento paletu farieb, a je múdre na začiatku

346
00:24:14,570 --> 00:24:17,880
vybrať farebnú paletu, že budete pracovať a rozvíjať sa.

347
00:24:17,880 --> 00:24:22,250
Môžete tiež - to pomáha vybrať písmo, a to tak, ako to trochu práce s

348
00:24:22,250 --> 00:24:24,450
Tieto betónové základy designu.

349
00:24:24,450 --> 00:24:26,910
Máte svoj typ, budete mať svoje farby, a potom môžete druh

350
00:24:26,910 --> 00:24:29,380
vojde všetko ostatné podľa potreby.

351
00:24:29,380 --> 00:24:37,710
Takže, ako som povedal, s farebnou schémou chcete použiť odvážnejšie farby vášho farebnej schémy

352
00:24:37,710 --> 00:24:40,320
striedmo. Hlavičky sú pekné. Tlačidlá sú pekné mať naozaj veľké, efektné farby.

353
00:24:40,320 --> 00:24:43,710
Ale všeobecne, ak máte webové stránky, ktorá má farby všade,

354
00:24:43,710 --> 00:24:47,250
všetky vás hľadí tvárou v tvár, to jednoducho vyzerá neprehľadne, a to nie je dobré.

355
00:24:47,250 --> 00:24:50,430
Ak chcete všeobecne používajú svetlé farby.

356
00:24:50,430 --> 00:24:52,890
Snažte sa, opäť, vybrať celkom koherentné farebnú schému.

357
00:24:52,890 --> 00:24:56,640
Môžete mať tieto malé postriekania množstvom farieb -

358
00:24:56,640 --> 00:25:00,240
ktoré môžu vyzerať celkom pekné, ale chcete používať dosť striedmo.

359
00:25:00,240 --> 00:25:04,270
>> Ako som povedal, chcete byť minimálna. Menej je takmer vždy viac.

360
00:25:04,270 --> 00:25:07,430
Ak môžete zobraziť niečo, alebo nie zobraziť niečo,

361
00:25:07,430 --> 00:25:10,230
a vy ste celkom istý, či by to malo byť, že v predvolenom nastavení -

362
00:25:10,230 --> 00:25:13,400
Pravdepodobne ste najlepší, keď odchádza von. Vždy sa môžete pridať neskôr.

363
00:25:13,400 --> 00:25:16,620
Jo, udržať veci jednoduché.

364
00:25:16,620 --> 00:25:19,510
Ale čo je najdôležitejšie, budete chcieť, aby zvážila niekoľko návrhov.

365
00:25:19,510 --> 00:25:23,520
Nemyslite si, že keď urobíte stránky, budete mať v hlave, že budete na

366
00:25:23,520 --> 00:25:26,310
aby miesto v určitým spôsobom, a bude to vyzerať presne takto.

367
00:25:26,310 --> 00:25:29,830
Bude to mať modré záhlavie v hornej a modrej bočné lišty

368
00:25:29,830 --> 00:25:32,670
a potom žlté sub-header vec.

369
00:25:32,670 --> 00:25:34,670
Ak chcete vytvoriť viac šablón.

370
00:25:34,670 --> 00:25:37,350
Môžete buď - ak ste dobrý s Photo Shop, môžete otvoriť, že sa aj trochu

371
00:25:37,350 --> 00:25:39,600
vytvoriť webové stránky, ako sa vám páči, aby to vyzeralo.

372
00:25:39,600 --> 00:25:41,680
Ak nie, stačí použiť ceruzku a papier,

373
00:25:41,680 --> 00:25:44,000
ale poškriabať sa viac návrhov.

374
00:25:44,000 --> 00:25:47,000
Ak chcete mať v podstate nastaviť, kde budete mať veľa rôznych vzorov,

375
00:25:47,000 --> 00:25:50,810
a ak jeden skončí v práci, potom je to skvelé.

376
00:25:50,810 --> 00:25:53,370
Ak jeden skončí nedarí, potom budete mať vždy iný sa obrátiť.

377
00:25:53,370 --> 00:25:57,960
Všeobecne platí, že nemajú pocit, že by mala byť obmedzená

378
00:25:57,960 --> 00:26:00,830
do akéhokoľvek dizajnu ste pôvodne rozhodovať o

379
00:26:00,830 --> 00:26:04,420
Návrhy sú veľmi variabilné, a časť významu modelu

380
00:26:04,420 --> 00:26:09,480
pohľad radič je systém, ktorý môžete vymeniť dovnútra a von rôzne pohľady, ktoré chcete.

381
00:26:09,480 --> 00:26:13,510
Môžete ovplyvniť dáta, na jednu stranu, a potom sa rozhodnúť, oh, vlastne, že nefunguje tak dobre.

382
00:26:13,510 --> 00:26:19,190
Myslím, že je to trochu príliš zložitá alebo tú časť tu, že to nie je naozaj funguje,

383
00:26:19,190 --> 00:26:22,150
tak som len tak úplne opustiť tento názor a swapu v úplne novej.

384
00:26:22,150 --> 00:26:24,790
Môžeme stále používať staré modely a staré ovládače.

385
00:26:24,790 --> 00:26:27,490
Môžeme robiť všetko na serveri a klientovi, ako by sme predtým.

386
00:26:27,490 --> 00:26:32,850
Ale skutočná vlna dáta sú zobrazené sa bude mierne líšiť.

387
00:26:32,850 --> 00:26:35,840
>> Čo sa týka skutočnosti, ktorým sa vykonáva návrh, ktorý chcete,

388
00:26:35,840 --> 00:26:39,330
Akonáhle budete mať niekoľko návrhov načrtol na papier alebo na Photo Shop, alebo čokoľvek,

389
00:26:39,330 --> 00:26:42,120
existuje rad nástrojov, ktoré sú vám k dispozícii.

390
00:26:42,120 --> 00:26:45,700
Prvý, že ste veľmi dobre oboznámení s, čo je vaša HTML, PHP, alebo čokoľvek

391
00:26:45,700 --> 00:26:48,990
jazyk, ktorý používate len pre kódovanie statických stránok na vašich webových stránkach.

392
00:26:48,990 --> 00:26:51,990
Vy ste veľa pracoval s HTML, ktoré vám trochu dáva tieto tagy

393
00:26:51,990 --> 00:26:57,820
že si môžete dať veci do, a v podstate je to spôsob, ako organizovať svoj obsah.

394
00:26:57,820 --> 00:27:00,990
Napríklad, máte hlavičku hore, takže budete mať značku záhlavie,

395
00:27:00,990 --> 00:27:05,770
a to bude mať nejaký text vnútri nej, ktorá sa pravdepodobne bude v inom tagu.

396
00:27:05,770 --> 00:27:08,380
Potom máte sidebar možná s niektorými rôzne odkazy,

397
00:27:08,380 --> 00:27:10,160
a tie budú všetci v samostatných značiek.

398
00:27:10,160 --> 00:27:13,870
Takže, v podstate HTML vo svojom srdci je spôsob, ako rozdeliť stránky ako

399
00:27:13,870 --> 00:27:16,980
budete nakoniec chcieť naformátovať.

400
00:27:16,980 --> 00:27:18,980
Takže ešte raz, čo ste videl, že.

401
00:27:18,980 --> 00:27:20,540
Si celkom spokojní s prácu s ním teraz

402
00:27:20,540 --> 00:27:23,120
za predpokladu, že ste urobili posledný pset dúfajme,

403
00:27:23,120 --> 00:27:26,150
tak, že by nemal byť problém.

404
00:27:26,150 --> 00:27:31,280
>> Potom máte CSS, ktoré v podstate spracováva všetky dizajnu statických aspektov.

405
00:27:31,280 --> 00:27:35,320
To by zvládnuť všetky farby, všetky polohy rôznych prvkov,

406
00:27:35,320 --> 00:27:36,840
kam idú voči sebe navzájom,

407
00:27:36,840 --> 00:27:41,530
ako sú veľké, rôzne druhy positionings, ktoré by mohli mať -

408
00:27:41,530 --> 00:27:46,030
Inými slovami, môžete mať veci pevne, takže pri posúvaní nadol zostávajú,

409
00:27:46,030 --> 00:27:48,700
alebo môžete mať veci vo vzťahu k ostatným prvkom.

410
00:27:48,700 --> 00:27:50,730
Všetko o tomto druhu vecí je v CSS.

411
00:27:50,730 --> 00:27:54,630
Okrem toho môžete robiť rôzne dekorácie, môžete mať farbu textu,

412
00:27:54,630 --> 00:27:56,630
textové efekty, všetky takéto veci.

413
00:27:56,630 --> 00:28:00,360
Ben dal naozaj dobrý seminár o tomto víkende,

414
00:28:00,360 --> 00:28:04,450
a tak by som určite skontrolovať, či, či máte v pláne robiť nejaké efektné veci s CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 je vlastne najnovšia verzia CSS, a to môže robiť všetky druhy naozaj pekné veci.

416
00:28:09,850 --> 00:28:14,750
To môže robiť sklony, môžete mať pekné, zaoblené rohy, môžete robiť všetky možné veci

417
00:28:14,750 --> 00:28:17,940
aby vaše webové stránky vyzerať moderné a fantázie.

418
00:28:17,940 --> 00:28:22,150
>> Ďalší nástroj je JavaScript a jQuery, ktoré Ben hovoril trochu o,

419
00:28:22,150 --> 00:28:24,150
ale budem trochu ďalej do.

420
00:28:24,150 --> 00:28:28,100
JavaScript, ako ste pracovali s ním trochu, alebo aspoň videli v prednáške,

421
00:28:28,100 --> 00:28:31,870
je druh spôsob, ako dynamicky robiť veci v HTML.

422
00:28:31,870 --> 00:28:35,950
HTML, ako viete, je statická, takže až budete mať HTML nemôžete ju zmeniť.

423
00:28:35,950 --> 00:28:40,050
Ale JavaScript, v niektorých ohľadoch, je spôsob, ako byť schopný modifikovať HTML.

424
00:28:40,050 --> 00:28:44,520
Takže si môžete urobiť, a to je skvelé, ale JavaScript je naozaj bolesť s ním pracovať.

425
00:28:44,520 --> 00:28:49,050
Je to tak dlho a tupé, a to dokonca aj tie najjednoduchšie veci

426
00:28:49,050 --> 00:28:51,630
vyžaduje veľa riadkov JavaScriptu.

427
00:28:51,630 --> 00:28:55,410
Takže, jQuery je v podstate knižnica JavaScript, ktorá zjednodušuje všetko.

428
00:28:55,410 --> 00:28:59,880
To hovorí, dobre, ak chcete mať štvorcový rámček prišiel z ľavej strany

429
00:28:59,880 --> 00:29:03,980
a ustúpiť do strany tak, že je v strede, v JavaScripte, ktoré by sa brať -

430
00:29:03,980 --> 00:29:06,340
Ja neviem, sto riadkov robiť, a to by bolesť,

431
00:29:06,340 --> 00:29:10,540
a vyjdete z toho nenávidieť všetko o programovanie pre web.

432
00:29:10,540 --> 00:29:15,380
JQuery ste v podstate máte element-dot-fade-in, alebo niečo také.

433
00:29:15,380 --> 00:29:18,580
Takže, veľmi, veľmi jednoduché funkcie, ktoré vám umožní robiť všetky druhy skvelých animácií

434
00:29:18,580 --> 00:29:20,580
a že takéto veci.

435
00:29:20,580 --> 00:29:23,300
Ďalšia vec, že ​​tieto 2 sú naozaj dobré je len to, dynamické veci

436
00:29:23,300 --> 00:29:25,300
s webovými stránkami.

437
00:29:25,300 --> 00:29:28,370
Takže, skôr než len s vašou HTML stránky - ktorý zobrazuje niektoré údaje, ale nie je v skutočnosti

438
00:29:28,370 --> 00:29:32,130
nič robiť - budú JavaScript a jQuery nech máte tlačidlá, ktoré môžete kliknúť na,

439
00:29:32,130 --> 00:29:37,960
a môžete pretiahnuť prvky a re-objednávať je a triediť ich, a majú nové prvky

440
00:29:37,960 --> 00:29:40,500
pridané alebo odstránené. Môžete pridať, mazať, také veci.

441
00:29:40,500 --> 00:29:44,570
Takže, jQuery robí veľa skvelých vecí.

442
00:29:44,570 --> 00:29:48,840
A Vipul je vlastne dáva seminár o tom dnes, verím, že na 5-hodín,

443
00:29:48,840 --> 00:29:51,220
takže ak môžete držať okolo tak dlho, že by - 5 alebo 4?

444
00:29:51,220 --> 00:29:54,930
Štyri. Prepáčte. Je to vlastne hneď po to, tak by som odporučil

445
00:29:54,930 --> 00:29:56,680
držať okolo pre neho, ak je to možné.

446
00:29:56,680 --> 00:30:00,180
JQuery je super, super užitočné, a vy budete môcť robiť veľa naozaj pekných vecí s ním

447
00:30:00,180 --> 00:30:03,460
pre skoro akýkoľvek vývoj webových projektov.

448
00:30:03,460 --> 00:30:06,200
>> Teraz idem sa dostať do druhu rozlišovania.

449
00:30:06,200 --> 00:30:08,210
Hovoril som v podstate o užívateľskom rozhraní.

450
00:30:08,210 --> 00:30:11,510
Užívateľské rozhranie je len dizajn stránok.

451
00:30:11,510 --> 00:30:13,780
Ale je to trochu iný koncept, ktorý je užívateľské skúsenosti.

452
00:30:13,780 --> 00:30:15,900
Obaja sú veľmi odlišné.

453
00:30:15,900 --> 00:30:19,440
Rozhranie je určite súčasťou skúsenosti.

454
00:30:19,440 --> 00:30:21,340
Inými slovami, keď idete na webe, môžete sa pozrieť na rozhraní.

455
00:30:21,340 --> 00:30:22,960
To je súčasťou toho, ako sa u Vás objaví na webe.

456
00:30:22,960 --> 00:30:24,960
Ale skúsenosť užívateľa je viac než to.

457
00:30:24,960 --> 00:30:29,910
Užívateľ skúsenosť je o tom, čo dojem, že používateľ dostane z vášho webu je.

458
00:30:29,910 --> 00:30:31,910
Takže, samozrejme, rozhranie je súčasťou.

459
00:30:31,910 --> 00:30:35,340
A to je určite nevyhnutnou súčasťou, ale to nestačí.

460
00:30:35,340 --> 00:30:38,790
Inými slovami, ak máte príjemné rozhranie, a je to pekné a farebné a to všetko,

461
00:30:38,790 --> 00:30:43,650
To je skvelé, ale v prípade, že používateľ prejde na vaše stránky, vidí peknú rozloženie a je zmätený

462
00:30:43,650 --> 00:30:47,060
všetko, nemá potuchy, ako to urobiť nič, potom samozrejme ste urobili naozaj

463
00:30:47,060 --> 00:30:48,930
zlá webové stránky.

464
00:30:48,930 --> 00:30:50,930
Je to druh, kde užívateľské skúsenosti vypovedaciu

465
00:30:50,930 --> 00:30:54,570
Ja budem hovoriť trochu o UX dizajne - UX je skratka pre užívateľské skúsenosti -

466
00:30:54,570 --> 00:30:58,050
a trochu o tom, ako sa môžete uistiť, že máte dobrú užívateľskú skúsenosť.

467
00:30:58,050 --> 00:31:04,330
Prvým bodom je, že môžete vytvoriť webové stránky, kde si používateľ môže robiť čokoľvek, čo

468
00:31:04,330 --> 00:31:06,820
že používateľ pravdepodobne chce.

469
00:31:06,820 --> 00:31:08,940
Ale v prípade, že používateľ nemôže prísť na to, ako robiť tie veci -

470
00:31:08,940 --> 00:31:12,850
Inými slovami, v prípade, že používateľ nemá dobrý nápad, keď idú na vaše stránky mesta,

471
00:31:12,850 --> 00:31:17,660
"No, keď chcem aktualizovať svoj profil, potom som kliknite na toto tlačidlo, alebo keď chcem písať o

472
00:31:17,660 --> 00:31:20,850
niečí stenu, potom som sa ísť na ich stene a kliknite na škatuľke. "

473
00:31:20,850 --> 00:31:24,410
Ak používateľ nevie, že, potom ste skutočne majú v skutočnosti

474
00:31:24,410 --> 00:31:27,080
vykonané správne, že funkčnosť.

475
00:31:27,080 --> 00:31:30,900
Súčasťou implementácie funkcie je, že užívatelia sú skutočne schopní ju používať.

476
00:31:30,900 --> 00:31:34,810
A to môže byť frustrujúce - môžete urobiť stránky, a to môže robiť všetky druhy

477
00:31:34,810 --> 00:31:37,810
úžasné veci, ale potom budete mať ľudia vyskúšať a povedal: "To nemôžete urobiť.

478
00:31:37,810 --> 00:31:39,770
Prečo nemôže to urobiť? "A budete hovoriť späť k nim,

479
00:31:39,770 --> 00:31:44,420
"No, je to možné. Musíš ísť do 7. rozbaľovacej ponuke na tento temný

480
00:31:44,420 --> 00:31:48,470
Stránka, ktorá sa nachádza iba pomocou odkazu v pravom dolnom pravom rohu ", alebo tak niečo.

481
00:31:48,470 --> 00:31:50,430
Je zrejmé, že nechcete, že.

482
00:31:50,430 --> 00:31:53,420
Chceš, aby to bolo jasné pre užívateľov, čo majú robiť,

483
00:31:53,420 --> 00:31:56,240
a to by malo byť jednoduché a intuitívne pre ne.

484
00:31:56,240 --> 00:32:01,180
>> Ďalšia vec, ktorú chcete, aby sa pokúsili urobiť, je, ak niekto pôjde na vaše stránky

485
00:32:01,180 --> 00:32:05,520
a 9 z 10 krát robiť akcie A a 1 z 10 krát robiť akčné B,

486
00:32:05,520 --> 00:32:08,950
pravdepodobne budete chcieť zamerať svoje skúsenosti na akcie A.

487
00:32:08,950 --> 00:32:12,240
Inými slovami, chcete, aby sa to veľmi, veľmi jasné, ako to urobiť A.

488
00:32:12,240 --> 00:32:15,980
By mala byť predné a-centrum - k dispozícii na webe, pozri to, ach, je to tu.

489
00:32:15,980 --> 00:32:20,850
Vzhľadom k tomu, B, samozrejme chcete, aby bolo jasné, ale môžete ju nechať trochu viac

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

491
00:32:22,850 --> 00:32:24,640
David dáva dobrý príklad tohto v prednáške,

492
00:32:24,640 --> 00:32:26,640
čo je systém Boston T.

493
00:32:26,640 --> 00:32:29,440
Keď idete do Bostonu T a chcete si kúpiť lístok,

494
00:32:29,440 --> 00:32:32,700
musíte sa dostať do 5 menu, než budete môcť skutočne kúpiť lístok

495
00:32:32,700 --> 00:32:37,130
za $ 2, 2,50 dolár hodnotu, ktorá je, ako veľmi to má jazdiť metrom

496
00:32:37,130 --> 00:32:39,130
v jednom smere.

497
00:32:39,130 --> 00:32:41,600
To je problém, pretože väčšina ľudí, ktorí sú na koni na metro

498
00:32:41,600 --> 00:32:44,880
pravdepodobne len chcem ísť na jednom mieste, kúpiť vstupenku, sa na hneď.

499
00:32:44,880 --> 00:32:47,550
To nedáva zmysel, že budú musieť prejsť mnohými rôznymi ponukami

500
00:32:47,550 --> 00:32:49,550
sa tam dostať.

501
00:32:49,550 --> 00:32:51,760
Lepší užívateľský zážitok bude rýchly tlačidlo na prvej stránke

502
00:32:51,760 --> 00:32:54,760
že len hovorí, "kúpiť jednosmernú letenku," a že by sa dal vo všetkých štandarde

503
00:32:54,760 --> 00:32:58,550
predvolené hodnoty, a potom, ak niekto chce kúpiť inú letenku, než to,

504
00:32:58,550 --> 00:33:01,690
stále, samozrejme, majú možnosť, ale vy ste optimalizované pre

505
00:33:01,690 --> 00:33:04,080
v prípade spoločného použitia, ktorý je naozaj dôležité.

506
00:33:04,080 --> 00:33:06,830
Môžete vidieť príklady tohto na Facebooku, že jo?

507
00:33:06,830 --> 00:33:09,410
Ak sa vydáte na Facebook a chcete písať stavu,

508
00:33:09,410 --> 00:33:11,710
to je priamo na vrchole, ktorý je to, čo často chcete robiť.

509
00:33:11,710 --> 00:33:14,730
Akonáhle vstúpite na stránku, môžete tak urobiť najbežnejšie veci, ktoré

510
00:33:14,730 --> 00:33:16,730
chcete robiť.

511
00:33:16,730 --> 00:33:17,550
Ak chcete urobiť niečo zložitejšie veci, ako je,

512
00:33:17,550 --> 00:33:21,070
že chcem ísť do steny môjho priateľa, a možno vystaviť obrázok na ňom -

513
00:33:21,070 --> 00:33:24,810
ktoré budem chcieť robiť často, ale nie tak často, ako vysielanie aktualizácie stavu -

514
00:33:24,810 --> 00:33:28,200
tak v tom prípade, by som zadajte svoje meno do poľa hore, kliknite na ich profile,

515
00:33:28,200 --> 00:33:31,680
a potom, ešte, že je to priamo na vrchole, akonáhle som sa dostal do ich profilu.

516
00:33:31,680 --> 00:33:38,240
Opäť som optimalizované priority pre prípady najčastejšie použitie.

517
00:33:38,240 --> 00:33:41,800
>> Ďalšou dôležitou vecou je, že často ľudia budú trochu snažiť, aby tento postup obísť

518
00:33:41,800 --> 00:33:44,890
tým, že hovorí, dobre, tak som robil miesto a ľudia zisťujú, že je mätúce,

519
00:33:44,890 --> 00:33:46,110
a to je problém, nie?

520
00:33:46,110 --> 00:33:49,210
Je zrejmé, že nechcem, aby sa ľudia zmätení obsah môjho webu.

521
00:33:49,210 --> 00:33:53,210
Ale spôsob, ako vyriešiť to, že nemá čo vyskočí hovorí,

522
00:33:53,210 --> 00:33:55,290
hej, budem vás naučí, ako používať túto stránku.

523
00:33:55,290 --> 00:33:58,130
Krok 1 - kliknite na toto tlačidlo. Krok 2 - nájdete tu.

524
00:33:58,130 --> 00:34:03,080
Jasne, že je to spôsob, ako okolo neho - to je spôsob, ako môžete povedať ľuďom, čo majú robiť, ale je to

525
00:34:03,080 --> 00:34:05,080
naozaj nie je optimálny spôsob.

526
00:34:05,080 --> 00:34:07,420
Ak by som ísť na webové stránky, a zrazu som bombardovaný s týmto tutorial, ktorý ma hovorí

527
00:34:07,420 --> 00:34:11,739
čo majú robiť a kam ísť, a to všetko, že to nie je zábava pre mňa.

528
00:34:11,739 --> 00:34:13,739
Nie je to dobrá skúsenosť pre mňa.

529
00:34:13,739 --> 00:34:17,130
Je to trochu bolesti. Chcem len začať robiť veci.

530
00:34:17,130 --> 00:34:19,449
Ľudia idú uzavrieť z dialógového okna svojho,

531
00:34:19,449 --> 00:34:23,580
alebo vypadni z tutoriálu, neviem, čo robiť, a potom sa sťažujú, pretože

532
00:34:23,580 --> 00:34:25,580
ste im povedal, čo majú robiť.

533
00:34:25,580 --> 00:34:29,530
Spôsob, ako vyriešiť tento problém tým, že nie je žiadny druh kurzu a smery -

534
00:34:29,530 --> 00:34:31,530
niečo také.

535
00:34:31,530 --> 00:34:33,719
Rovnako ako sa môžete vyhnúť, naozaj chcete ukázať užívateľovi, čo má robiť

536
00:34:33,719 --> 00:34:36,429
práve vzhľadom k povahe toho, ako sa webové stránky stanovený.

537
00:34:36,429 --> 00:34:39,090
Inými slovami, keď pôjdem na Facebooku bez prihlásenia,

538
00:34:39,090 --> 00:34:40,920
Prvá vec, ktorú vidím na hlavnú stránku -

539
00:34:40,920 --> 00:34:44,480
je to trochu prihlasovacie okno. Takže, duh. Musím sa prihlásiť Je to priamo tam.

540
00:34:44,480 --> 00:34:48,030
Vzhľadom k tomu, keď som išiel na Facebook a musel som kliknúť na malý odkaz v dolnej časti

541
00:34:48,030 --> 00:34:51,920
že povedal "prihlásiť" a zvyšok stránky bol len nejaký obrázok alebo tak niečo,

542
00:34:51,920 --> 00:34:54,820
Ja by som naozaj neviem, čo mám robiť, že jo? Chcel by som byť zmätený.

543
00:34:54,820 --> 00:34:58,590
Takže by mi to, aby som sa tam dole a kliknite na tlačidlo pre prihlásenie,

544
00:34:58,590 --> 00:35:01,080
alebo Prihlásiť tlačidlá by mohla byť na vrchole, kde budem vidieť pravdu.

545
00:35:01,080 --> 00:35:04,780
Chcete byť vždy ukazuje užívateľovi, čo má robiť,

546
00:35:04,780 --> 00:35:06,750
a ktoré by mali byť vlastné samotnej stránke.

547
00:35:06,750 --> 00:35:09,880
>> Ak uvažujete o návrhy a zosmiešňovať sa rôzne spôsoby

548
00:35:09,880 --> 00:35:13,810
vyjadruje svoje stránky, chcete naozaj premýšľať o tom, čo používatelia budú

549
00:35:13,810 --> 00:35:19,380
robiť a ako môžete ukázať im, čo majú robiť.

550
00:35:19,380 --> 00:35:23,530
Jedna posledná vec je testovanie je naozaj, ale naozaj dôležité.

551
00:35:23,530 --> 00:35:27,400
Je skvelé dostať niekoho - získať priateľa, niekoho, koho nepoznáte ani -

552
00:35:27,400 --> 00:35:30,420
kto nikdy nevidel miesto, než používať stránky.

553
00:35:30,420 --> 00:35:33,650
Vzhľadom k tomu, že ste pracoval na mieste niekoľko hodín, ste na neho pozeral,

554
00:35:33,650 --> 00:35:36,670
a budete presne vedieť, čo robiť, takže zrejme budete testovať

555
00:35:36,670 --> 00:35:39,520
veci, ktoré ste pracovali ďalej a že viete, práca.

556
00:35:39,520 --> 00:35:42,680
Ale keď niekto príde a používa web, ktorý sa nikdy nepoužívali,

557
00:35:42,680 --> 00:35:46,880
to je jedinečný zážitok, pretože budete mať niekoho, kto nemá žiadne predchádzajúce znalosti

558
00:35:46,880 --> 00:35:51,530
na mieste ísť do neho, takže budete musieť účinne potuchy, čo robiť

559
00:35:51,530 --> 00:35:54,890
alebo aký druh prípadov použitia sú prítomné pre ne.

560
00:35:54,890 --> 00:36:00,930
To je skvelé. To je unikátny, pretože oni sú v podstate človek s prázdnou pre myseľ.

561
00:36:00,930 --> 00:36:03,750
Môžu povedať, či niečo je mätúce alebo nejasné.

562
00:36:03,750 --> 00:36:07,580
Môžu vám predstavu o tom, čo presne užívateľské skúsenosti vašich stránok je.

563
00:36:07,580 --> 00:36:10,630
To môže byť veľmi ťažké povedať, že sám seba, takže určite by som vás povzbudiť

564
00:36:10,630 --> 00:36:13,640
ako budete rozvíjať svoje projekty - ak robíte webových projektov -

565
00:36:13,640 --> 00:36:18,290
aby si ľudia pomocou stránky ako skoro ako máte nejaké funkčné demo.

566
00:36:18,290 --> 00:36:25,330
>> Teraz budem hovoriť trochu o tom, ako riadiť vývoj webových aplikácií projektu.

567
00:36:25,330 --> 00:36:28,900
Išli sme nad tým, ako si môžete urobiť technickú back-end stranu,

568
00:36:28,900 --> 00:36:31,050
ako si môžete vytvoriť naozaj dobré miesto,

569
00:36:31,050 --> 00:36:34,150
a to je skvelé, ak pracujete sami, ale -

570
00:36:34,150 --> 00:36:37,300
aj keď pracujete sami, a to najmä v prípade, že pracujete v tíme,

571
00:36:37,300 --> 00:36:39,580
riadenie projektu sa stáva veľkým problémom.

572
00:36:39,580 --> 00:36:42,340
Vy ste trochu počul o riadení projektov v rôznych formách od

573
00:36:42,340 --> 00:36:45,410
základná škola, keď si povedal, skupinovú prácu.

574
00:36:45,410 --> 00:36:46,820
Musíte spolupracovať, komunikovať, všetko.

575
00:36:46,820 --> 00:36:49,620
To všetko stále platí tu, ale tam sú niektoré jedinečné okolnosti

576
00:36:49,620 --> 00:36:54,910
počítačová veda, že chcete byť vedomí, a chcete sa uistiť, že zvládnuť dobre.

577
00:36:54,910 --> 00:36:58,050
Porozprávam si najskôr niečo o tíme, ktorý budete mať palcov

578
00:36:58,050 --> 00:37:03,280
Je veľmi dôležité vybrať správnu veľkosť tímu sa pracuje,

579
00:37:03,280 --> 00:37:05,890
a ja som vo svojom poslednom projekte, že máte možnosť zvoliť

580
00:37:05,890 --> 00:37:08,610
medzi 1 a 4 osoby, ak sa nemýlim.

581
00:37:08,610 --> 00:37:12,050
Chcete, aby sa ubezpečil, že nie ste len výber počtu osôb

582
00:37:12,050 --> 00:37:14,950
že chcete pracovať s, pretože sú vaši priatelia.

583
00:37:14,950 --> 00:37:18,170
Ak si chcete vybrať tím, ktorý je dobré veľkosti, a že budú mať prácu.

584
00:37:18,170 --> 00:37:22,700
Tam je kompromis v tom, že viac ľudí, oproti menej ľudí.

585
00:37:22,700 --> 00:37:25,320
Ak máte viac ľudí, samozrejme viac práce môže byť vykonané

586
00:37:25,320 --> 00:37:28,450
preto, že máte veľa ľudí, veľa kódu, veľa nápadov,

587
00:37:28,450 --> 00:37:29,870
a to je všetko skvelé.

588
00:37:29,870 --> 00:37:32,590
Ale je to tiež vyžaduje oveľa viac konaní a omnoho viac komunikácie.

589
00:37:32,590 --> 00:37:34,720
Inými slovami, ak máte 4 ľudí pracujúcich na rovnakom projekte

590
00:37:34,720 --> 00:37:39,200
a oni sú všetci editácia rovnaký kód, viac či menej, že všetky druhy potrebujú vedieť,

591
00:37:39,200 --> 00:37:40,920
čo sa deje tak, že vyžaduje, aby ste -

592
00:37:40,920 --> 00:37:44,580
ak pridáte nejakú novú funkciu, ktorú nejako musieť hovoriť ľuďom - Ja pridanie to,

593
00:37:44,580 --> 00:37:48,510
Mením to týmto spôsobom - a to najmä, ak sa dostanete do naozaj hlbokej veci

594
00:37:48,510 --> 00:37:52,730
ako modely a regulátorov, ktoré sú v skutočnosti idú ovplyvniť, ako web funguje.

595
00:37:52,730 --> 00:37:54,500
Celý tím musí byť vedomí toho,

596
00:37:54,500 --> 00:37:58,140
takže je potrebné sa uistiť, že nie ste výberom príliš veľký tím, ktorý to bude ťažké

597
00:37:58,140 --> 00:37:59,970
aby túto komunikáciu.

598
00:37:59,970 --> 00:38:02,930
Tiež nechcete si vybrať malý dosť tím, ktorý vám nebudeme

599
00:38:02,930 --> 00:38:06,250
byť schopný komunikovať, pretože je to len vy.

600
00:38:06,250 --> 00:38:11,270
>> Ďalšia vec, aby zvážila, je rovnováha, kde zručností ľudí sú.

601
00:38:11,270 --> 00:38:14,350
Je to skvelé, keby ste všetci naozaj dobrí programátori.

602
00:38:14,350 --> 00:38:17,050
Ale ak ste všetky back-end ľudí, potom sa vaše stránky nebude vyzerať veľmi dobre

603
00:38:17,050 --> 00:38:20,860
preto, že máte túto veľkú databázu, a to robí super-rýchlych vyhľadávacích dotazov -

604
00:38:20,860 --> 00:38:26,130
čo je skvelé - ale keď idete na to, je to ako na webe 1990 je s červená a modrá

605
00:38:26,130 --> 00:38:30,370
všade, a to nie je dobré.

606
00:38:30,370 --> 00:38:34,210
Všimnite si, že Ben a som pracovať ako tím, sú veľmi pekné, pretože som trochu viac

607
00:38:34,210 --> 00:38:38,030
v prednej časti, obaja sme komunikovať v strednej-end, a Ben je naozaj dobrý s back-end veci,

608
00:38:38,030 --> 00:38:43,550
takže funguje naozaj dobre, pretože môžeme vytvoriť ľubovoľnú webovú stránku a v podstate diery

609
00:38:43,550 --> 00:38:47,580
v tomto mieste, ktoré je potrebné vyplnené môžu byť vyplnené buď jeden z nás, alebo prípadne oboje.

610
00:38:47,580 --> 00:38:50,210
Chcete, aby sa ubezpečil, že sú vo vašom tíme žiadne diery.

611
00:38:50,210 --> 00:38:51,180
To je v poriadku, ak tam je trochu prekrývajú.

612
00:38:51,180 --> 00:38:53,670
Inými slovami, ak máte dvoch ľudí, ktorí sú obaja dobré sa zadnom konci,

613
00:38:53,670 --> 00:38:57,250
ktoré môžu byť dobré aj preto, že môžu navzájom pomáhať s problémami

614
00:38:57,250 --> 00:38:58,820
, Ktoré majú.

615
00:38:58,820 --> 00:39:02,590
To môže byť problém, ak máte len 1 osobu, ktorá je zodpovedná za určitú vec

616
00:39:02,590 --> 00:39:06,650
a oni narazia na problém, takže vy chcete mať trochu prekrývajú

617
00:39:06,650 --> 00:39:10,760
ale čo je najdôležitejšie, chcete, aby sa ubezpečil, že všetky možné otvory sú vyplnené.

618
00:39:10,760 --> 00:39:17,550
>> Posledná vec - a to by malo byť zrejmé, ale je to často nie je.

619
00:39:17,550 --> 00:39:19,550
Naozaj chceš, aby sa baví.

620
00:39:19,550 --> 00:39:23,360
Zmyslom tohto posledného projektu CS50 a často bodom vývoj webových aplikácií všeobecne

621
00:39:23,360 --> 00:39:26,360
nie je len robiť prácu, pretože je potrebné robiť.

622
00:39:26,360 --> 00:39:29,140
Naozaj chceš, aby sa bavia, a chcete, aby sa robiť niečo

623
00:39:29,140 --> 00:39:31,180
že motivuje vás na ňom pracovať.

624
00:39:31,180 --> 00:39:33,650
Ak čokoľvek robíte, je bolesť sadnúť a pracovať,

625
00:39:33,650 --> 00:39:35,650
potom nie ste výberom vhodného projektu.

626
00:39:35,650 --> 00:39:37,730
Ak si chcete vybrať niečo, čo nájdete zaujímavý,

627
00:39:37,730 --> 00:39:41,150
naozaj chcete vidieť výsledok, ste radi, keď dostanete novú predstavu o tom,

628
00:39:41,150 --> 00:39:44,700
niečo, čo by ste mohli urobiť - takže je tu všetky druhy projektov tam, že som si istý,

629
00:39:44,700 --> 00:39:47,290
nájdete - každý má niečo, čo by naozaj intrigy im

630
00:39:47,290 --> 00:39:49,290
ak robíte projekt, internetový.

631
00:39:49,290 --> 00:39:52,210
Poviem to ešte raz teraz.

632
00:39:52,210 --> 00:39:54,520
Ak váš projekt javí ako bolesť, a nechcete pracovať na tom,

633
00:39:54,520 --> 00:39:57,260
vybrať iný projekt. Vyberte si niečo, čo vás naozaj inšpiruje.

634
00:39:57,260 --> 00:40:00,260
>> Ben spomenul tento pojem iterácie trochu, a ja chcem ísť na to trochu.

635
00:40:00,260 --> 00:40:08,250
Je to naozaj dôležité pracovať v prúdoch, kde môžete získať niečo funkčné.

636
00:40:08,250 --> 00:40:13,420
To môže byť skvelé, ak máte tento plán pre webové stránky, ktoré sa chystáte, B a C,

637
00:40:13,420 --> 00:40:16,000
a nakoniec to bude sa tam dostať.

638
00:40:16,000 --> 00:40:18,600
Ale vy ste uviazol v tejto fáze, kedy ste na ňom pracovali a pracujú na tom,

639
00:40:18,600 --> 00:40:23,330
ale nič sa stále vykonáva. Nemusíte nič vidieť a hmatateľný, funkčná vec.

640
00:40:23,330 --> 00:40:27,940
To, čo naozaj chcete robiť, čo sa zdá, druh bolesti niekedy

641
00:40:27,940 --> 00:40:32,300
pracovať na niečom a potom nejako viečko ju tak, že je to prinajmenšom stabilný, beží

642
00:40:32,300 --> 00:40:34,910
verzie, aj keď to nemá všetky funkcie, ktoré chcete.

643
00:40:34,910 --> 00:40:37,690
A možno, že tam sú niektoré funkcie, ktoré naozaj chcete pridať, ale jednoducho nemôže

644
00:40:37,690 --> 00:40:41,830
preto, že chcete, aby sa na túto stránku do funkčného hľadiska.

645
00:40:41,830 --> 00:40:44,400
A tak si chcete trochu mať Celý proces vývoja vyzerať, že.

646
00:40:44,400 --> 00:40:47,810
Ak chcete začať niekde funkčné - alebo v podstate začať s ničím -

647
00:40:47,810 --> 00:40:49,890
ale chcete dostať niekam veľmi jednoduchý a funkčný.

648
00:40:49,890 --> 00:40:54,940
A potom znova, aby akýsi skok a dostať sa zase niekde funkčné.

649
00:40:54,940 --> 00:40:59,190
Budete sa pomaly budovať, a to by mohlo ísť o niečo pomalší, než by inak,

650
00:40:59,190 --> 00:41:03,000
ale v dlhodobom horizonte, ak ste stále uviazol v tejto strednej fáze krajiny, kde sa

651
00:41:03,000 --> 00:41:06,380
nie sú v skutočnosti nič pracuje, môže to byť naozaj veľká frustrácia

652
00:41:06,380 --> 00:41:09,970
pracovať na projekte, pretože si vždy tak blízko k získaniu to funguje,

653
00:41:09,970 --> 00:41:12,130
a je to vlastne nikdy pracovať.

654
00:41:12,130 --> 00:41:14,810
Chcete pracovať v týchto funkčných prúdoch,

655
00:41:14,810 --> 00:41:17,950
a budete tiež chcieť urobiť nejaké reflexii po každej z nich.

656
00:41:17,950 --> 00:41:21,260
Inými slovami, akonáhle ste na mieste, kde stránka je teraz pracuje -

657
00:41:21,260 --> 00:41:24,790
to nemá čo sa vám páči, ale to robí niektoré veci -

658
00:41:24,790 --> 00:41:28,870
Ak chcete si, jo, je to miesto plnenia cieľa, ktorý som sa rozhodol robiť?

659
00:41:28,870 --> 00:41:33,410
Inými slovami, v prípade, že web bude robiť X, je to, čo som pracoval v smere X?

660
00:41:33,410 --> 00:41:36,450
Sú všetky funkcie, ktoré som tam chcel?

661
00:41:36,450 --> 00:41:39,340
A naviac, je to slúži celkový účel, ktorý chcem?

662
00:41:39,340 --> 00:41:43,200
Ak máte zistenie, že vaše stránky sa začína zatáčať v inom smere

663
00:41:43,200 --> 00:41:47,330
alebo možno veci tak nejako nefungujú, môže to byť čas, aby radiť trochu.

664
00:41:47,330 --> 00:41:51,700
Inými slovami, je to stojí za úvahu - stojí to za vyhadzovali nápady pokiaľ je to nutné

665
00:41:51,700 --> 00:41:57,950
a vzhľadom k tomu mám naozaj funguje na to, čo chcem byť.

666
00:41:57,950 --> 00:42:00,760
>> Verím, že je to môj ďalší bod. Nebojte sa vzdať myšlienky.

667
00:42:00,760 --> 00:42:03,750
Len preto, že ste strávil veľa hodín práce na funkciu

668
00:42:03,750 --> 00:42:07,890
a konečne dostal to funguje, ale je to naozaj nebude tak dobre -

669
00:42:07,890 --> 00:42:12,690
ako že to nie je tak užitočné, alebo užívatelia majú problémy s jeho použitím - také veci -

670
00:42:12,690 --> 00:42:15,300
nebojte sa vyhodiť.

671
00:42:15,300 --> 00:42:17,650
Je to na hovno, že ste strávil veľa času pracovať na tom,

672
00:42:17,650 --> 00:42:21,870
ale nakoniec nechcete web, ktorý sa trochu dať dohromady týmito kúskami, ktoré

673
00:42:21,870 --> 00:42:25,380
druh práce, ale nie sú tak dobre slúžil.

674
00:42:25,380 --> 00:42:27,990
Tiež, nebojte sa prijímať nové myšlienky.

675
00:42:27,990 --> 00:42:30,050
Ak niekto príde a povie, hele, to miesto vyzerá naozaj cool, ale

676
00:42:30,050 --> 00:42:32,290
nebolo by to ani byť skvelé, keby to aj urobil?

677
00:42:32,290 --> 00:42:36,220
Len preto, že to je niečo, čo nemal v úmysle, a niečo, čo nie je vo vašom

678
00:42:36,220 --> 00:42:37,900
špecifikácia, niečo, čo ste si predsavzali,

679
00:42:37,900 --> 00:42:40,860
nebojte sa vziať ju a potom sa s ním pracovať.

680
00:42:40,860 --> 00:42:43,680
Pretože často myšlienky, ktoré spustíte pomocou priebehu vývoja

681
00:42:43,680 --> 00:42:47,630
skončí tým, že sa naozaj cool funkcie webových stránok.

682
00:42:47,630 --> 00:42:49,630
>> Povedal som to predtým. Poviem to ešte raz.

683
00:42:49,630 --> 00:42:51,630
Testerov sú super, super užitočné.

684
00:42:51,630 --> 00:42:56,350
Snažte sa získať ľudí, ktorí nikdy nevideli stránky skôr, ako sa prihlásiť a vidieť, čo sa deje

685
00:42:56,350 --> 00:42:59,080
pretože môžete vyskúšať nielen užitočnosť stránky a užívateľské skúsenosti,

686
00:42:59,080 --> 00:43:02,070
ale oni môžu tiež otestovať funkčnosť spôsobom, že nemôžete.

687
00:43:02,070 --> 00:43:06,430
Ak urobíte nejakú funkciu, ktorá robí určitú vec

688
00:43:06,430 --> 00:43:11,620
a viete, že to bude robiť, že to isté správne zakaždým, to je skvelé.

689
00:43:11,620 --> 00:43:16,610
Ale to môže byť často ťažké vysvetliť rohových prípadoch, kedy užívateľ môže

690
00:43:16,610 --> 00:43:19,500
napíšte niečo, čo ste nečakali - práve preto, že ste definovali

691
00:43:19,500 --> 00:43:21,500
funkcie sám.

692
00:43:21,500 --> 00:43:23,730
Tak, aby sa niekto prísť na to, kto nemá potuchy, ako používať stránky

693
00:43:23,730 --> 00:43:26,840
a len zlomiť to v akejkoľvek spôsoby, ktoré môžete urobiť, je naozaj užitočné, pretože vám

694
00:43:26,840 --> 00:43:30,340
získať predstavu z úplne iného pohľadu, čo na vašom webe funguje

695
00:43:30,340 --> 00:43:33,300
a čo je potrebné opraviť.

696
00:43:33,300 --> 00:43:37,070
>> Posledný, budem hovoriť o niektorých všeobecných osvedčených postupov,

697
00:43:37,070 --> 00:43:42,470
a vy ste videl veľa z nich v CS50, ale aj naozaj, ale naozaj platí v nastavení projektu.

698
00:43:42,470 --> 00:43:47,600
Jedným z nich je komentár. Vždy komentár kód najmä ak pracujete na veľkom tímu.

699
00:43:47,600 --> 00:43:51,230
To môže byť tak nepríjemné len obrie blok kódu, ktorý niekto napísal

700
00:43:51,230 --> 00:43:54,230
a možno to funguje, možno nie, ale nemáte tušenie, čo to robí,

701
00:43:54,230 --> 00:43:58,010
takže máte tušenie, či je to užitočné, alebo nie, alebo či by malo byť tam, alebo nie,

702
00:43:58,010 --> 00:44:00,200
a ak pracujete na niečom inom, že je dokonca možné, že pracujete na

703
00:44:00,200 --> 00:44:06,590
to isté, takže len veľmi, veľmi opatrní, byť ohľaduplní vašich rovesníkov

704
00:44:06,590 --> 00:44:09,710
a písať kód, ktorý je dobre zdokumentované.

705
00:44:09,710 --> 00:44:13,580
Nemusíte zájsť tak ďaleko, ako to urobiť celú vec, kde radi, ak si zvýšiť

706
00:44:13,580 --> 00:44:16,620
Počítadlo mať komentár, ktorý hovorí, som pridať 1 k tejto prepážke.

707
00:44:16,620 --> 00:44:20,450
To nemusí byť tak podrobné, ale pre akúkoľvek funkciu, že ste niekedy písať

708
00:44:20,450 --> 00:44:23,160
mali by ste mať nejakú dokumentáciu o tom, čo táto funkcia presne robí,

709
00:44:23,160 --> 00:44:25,140
aké sú jeho vstupy sú, a aké by mal vrátiť.

710
00:44:25,140 --> 00:44:27,800
Týmto spôsobom môžete použiť aj iné komponenty ľudí z miesta

711
00:44:27,800 --> 00:44:31,990
a môžete pracovať na budovaní niečoho veľkého.

712
00:44:31,990 --> 00:44:34,100
>> Ďalšia dôležitá vec je, že chcete robiť pravidelné očistenie.

713
00:44:34,100 --> 00:44:40,490
Kód dostane chaotický. Necítim sa zle, ak váš kód je len úplne nečitateľný a obrie neporiadok.

714
00:44:40,490 --> 00:44:42,770
To sa stáva pri vývoji webových aplikácií vždy.

715
00:44:42,770 --> 00:44:46,530
Tie pridávanie nových funkcií, odstránenie starej. Veci sa bude tam, že by nemal byť.

716
00:44:46,530 --> 00:44:49,330
To je v poriadku, ale chcete, aby sa ubezpečil, aby sa s tým vysporiadať pravidelne.

717
00:44:49,330 --> 00:44:53,430
Nechcete to nechať vybudovať do bodu, kedy si jednoducho nemôže nájsť nič

718
00:44:53,430 --> 00:44:56,430
v kóde, a nemáte potuchy, čo všetko robí.

719
00:44:56,430 --> 00:44:58,430
To je prípad s HTML.

720
00:44:58,430 --> 00:44:59,490
Niekedy budete skončiť s objektmi, ktoré neobsahujú nič,

721
00:44:59,490 --> 00:45:01,320
a budete chcieť zbaviť tých.

722
00:45:01,320 --> 00:45:04,610
V CSS, môžete byť s odkazom na prvky, ktoré sú už tam nie je,

723
00:45:04,610 --> 00:45:06,340
takže sa chcete zbaviť tohto kódu.

724
00:45:06,340 --> 00:45:09,900
V JavaScriptu, ste mohli odstrániť niečo z HTML.

725
00:45:09,900 --> 00:45:13,150
Takže, chcete, aby sa ubezpečil, že ste vždy upratovať, robiť veci celkom

726
00:45:13,150 --> 00:45:17,450
rovnako ako si môžete na pravidelnom základe.

727
00:45:17,450 --> 00:45:21,060
>> Ďalšia naozaj užitočná vec, ktoré som si nemyslím, že je uvedené veľmi veľa CS50

728
00:45:21,060 --> 00:45:23,430
ale je to stojí za to dostať do je riadenie verzií.

729
00:45:23,430 --> 00:45:27,180
Myšlienka riadenie verzií je, keď ste v podstate udržať prehľad o všetkých pokroku

730
00:45:27,180 --> 00:45:30,820
ste sa na vašich stránkach, a ak v každom okamihu si uvedomíte, ach, to bola práca

731
00:45:30,820 --> 00:45:35,220
pred chvíľou, ale to nefunguje o nič viac, môžete sa vrátiť späť na predchádzajúcu verziu

732
00:45:35,220 --> 00:45:37,720
a vidieť, čo sa zmenilo od tej doby, a také veci.

733
00:45:37,720 --> 00:45:41,670
Primárny spôsob, ako to urobiť, je s Git, a Git je celý tento druh systému, ktorý

734
00:45:41,670 --> 00:45:46,390
Verím, že Tommy MacWilliam dal seminár o posledný rok.

735
00:45:46,390 --> 00:45:51,520
Ak pôjdete do CS50 seminárov pre rok 2011, môžete vidieť jeho seminár na to.

736
00:45:51,520 --> 00:45:57,070
Myšlienka Git je v podstate, že v pravidelných intervaloch budete robiť tieto záväzky

737
00:45:57,070 --> 00:46:01,430
ktoré sú spôsoby, ako hovoriť miesto je v celkom stabilná verzia práve teraz, takže

738
00:46:01,430 --> 00:46:05,910
Ja ich balenie a odosielanie preč na server, a potom môžete ísť na tomto serveri

739
00:46:05,910 --> 00:46:07,910
a pozrieť sa na všetkých predchádzajúcich verzií kódu a uvidíte, ako to postupovalo

740
00:46:07,910 --> 00:46:12,210
a všetko, čo nejako dobré veci.

741
00:46:12,210 --> 00:46:14,210
Tak, to je v podstate to.

742
00:46:14,210 --> 00:46:17,870
Pokiaľ ide o vývoj webových aplikácií, sme radi, že držať okolo a zodpovie všetky

743
00:46:17,870 --> 00:46:20,570
otázky, pokiaľ ide o našej prezentácii.

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

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

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Zamestnanci, má niekto nejaké otázky týkajúce sa veci, ktoré sme na ktoré sa vzťahuje

747
00:46:30,950 --> 00:46:33,950
alebo veci, ktoré sme sa nevzťahuje že dúfali, že by sme pokryť?

748
00:46:33,950 --> 00:46:35,950
Boli by sme radi zodpovieme ty. Každý, kto?

749
00:46:35,950 --> 00:46:50,360
[Z publika] Aké sú výhody a nevýhody použitia Ruby alebo Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] Otázkou bolo, aké sú výhody a nevýhody použitia Ruby alebo Python

751
00:46:58,660 --> 00:46:59,900
miesto ako PHP.

752
00:46:59,900 --> 00:47:11,340
Klady sú, že Ruby a Python sú oveľa lepšie, než jazyky PHP.

753
00:47:11,340 --> 00:47:14,920
Aspoň podľa môjho názoru, a myslím, že v mnohých názorov iných ľudí rovnako.

754
00:47:14,920 --> 00:47:20,990
Boli navrhnuté viac pre to zložitejšie veci,

755
00:47:20,990 --> 00:47:25,380
a menej pre nárez spolu webové stránky veľmi rýchlo sa

756
00:47:25,380 --> 00:47:28,400
trochu dynamického obsahu.

757
00:47:28,400 --> 00:47:35,180
Nevýhody sú, že tam je trochu - je to skôr učenie

758
00:47:35,180 --> 00:47:37,220
aby si ich nastaviť.

759
00:47:37,220 --> 00:47:41,010
To je, ako v PHP, stačí mať súbor HTML a píšete menej než

760
00:47:41,010 --> 00:47:43,060
otáznik, a potom napísať nejaký kód, a potom môžete napísať otáznik,

761
00:47:43,060 --> 00:47:45,700
väčšie ako, a potom máte hotovo.

762
00:47:45,700 --> 00:47:50,300
V iných jazykoch, ako je Ruby alebo Python,

763
00:47:50,300 --> 00:47:56,810
budete musieť prejsť trochu viac práce, aby sa počiatočné stránky bežia.

764
00:47:56,810 --> 00:48:02,730
K dispozícii je tiež - aspoň to bolo v prípade - že tam je viac dokumentácie

765
00:48:02,730 --> 00:48:05,480
k dispozícii pre PHP len preto, že existuje viac ľudí, ktorí používajú to.

766
00:48:05,480 --> 00:48:09,370
Myslím, že to nie je tak moc problém už.

767
00:48:09,370 --> 00:48:12,520
Tam je určite veľmi dobrá dokumentácia pre veci, ako je Ruby on Rails

768
00:48:12,520 --> 00:48:16,080
alebo Django pre Python je ekvivalentná.

769
00:48:16,080 --> 00:48:25,910
PHP je ten, ktorý každého z nás používa niekoľko rokov, a viete, ako to funguje.

770
00:48:25,910 --> 00:48:28,460
Ruby a Python sú trochu menej vyspelé.

771
00:48:28,460 --> 00:48:33,130
>> [Z publika] Ak by ste mali vybrať medzi jedným z nich učiť, alebo vyzdvihnúť,

772
00:48:33,130 --> 00:48:36,130
ktoré by ste dali prednosť?

773
00:48:36,130 --> 00:48:38,870
Úprimne povedané, myslím, že záleží na osobe.

774
00:48:38,870 --> 00:48:45,450
Je mi to ľúto. Otázkou bolo, ktorý by si vyberiete pre niekoho naučiť?

775
00:48:45,450 --> 00:48:50,230
Zistil som, Python najkrajší osobne.

776
00:48:50,230 --> 00:48:55,360
Existuje mnoho ľudí, ktorí - Urobil som môj prvý web dev projekt v jazyku Python a Django.

777
00:48:55,360 --> 00:49:00,300
Existuje veľa ľudí, ktorí majú radi Ruby on Rails tiež.

778
00:49:00,300 --> 00:49:02,650
Asi viac ľudí, ktorí vedia, Ruby on Rails.

779
00:49:02,650 --> 00:49:05,270
Úprimne povedané, ja by som jednoducho ísť s tým, čo ľudia okolo vás vedieť

780
00:49:05,270 --> 00:49:09,680
takže budete mať ľudia klásť otázky.

781
00:49:19,640 --> 00:49:24,170
>> Otázka bola - na zdieľaných serveroch je to docela ťažké pracovať na Python?

782
00:49:24,170 --> 00:49:26,170
To záleží na vašom hostingu.

783
00:49:26,170 --> 00:49:29,400
Existuje celý rad internetových hostiteľov, ktorí budú písať Python veci.

784
00:49:29,400 --> 00:49:31,400
WebFaction robí, že jo?

785
00:49:31,400 --> 00:49:34,400
WebFaction je, že Billy a ja som použil pre niektoré projekty.

786
00:49:34,400 --> 00:49:37,750
Sú to naozaj skvelé. Podporujú väčšinu jazykov.

787
00:49:37,750 --> 00:49:40,020
Ale je pravda, že PHP je veľa viac široko podporovaný.

788
00:49:40,020 --> 00:49:45,210
Takže, ak ste prilepené na web hostiteľa, ktorý len robí PHP, to je dobrý dôvod pre použitie PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Z publika] som sa dostal do učenia, ako sa pýtať niekoľko databáz,

790
00:49:56,010 --> 00:50:00,680
a viem, že môj SQL je všade možne, ale v poslednej dobe som sa dostal vystavený -

791
00:50:00,680 --> 00:50:04,470
a to poukázal. Vidíte, JSON a rozšíriteľné databázy.

792
00:50:04,470 --> 00:50:14,580
My SQL je stále všade. Ako vidíš, že deje?

793
00:50:14,580 --> 00:50:21,330
Je tam bude rastúca tendencia pre viac rozšíriteľnú (nepočuteľné)?

794
00:50:21,330 --> 00:50:30,100
Otázka znela - si myslím, že to bude trend non-SQL databáz.

795
00:50:30,100 --> 00:50:33,850
Napríklad, ako MongoDB. Myslím, že to je určite pravda.

796
00:50:33,850 --> 00:50:38,730
Moja rada bola väčšinou mySQL súvisiacich tu len preto, že MySQL je

797
00:50:38,730 --> 00:50:40,950
priemyselný štandard.

798
00:50:40,950 --> 00:50:45,950
Osobne by som radšej databázy, ktoré nemajú schemos ako MongoDB

799
00:50:45,950 --> 00:50:49,520
kde nemáte problém, oh, musím pridať ďalší stĺpec.

800
00:50:49,520 --> 00:50:51,600
Beda mi, ako robiť to, čo mám robiť?

801
00:50:51,600 --> 00:50:55,840
Je to veľmi ťažké urobiť, že na MySQL, ale keď máte niečo ako Mongo

802
00:50:55,840 --> 00:50:57,840
je to oveľa krajšie.

803
00:50:57,840 --> 00:51:03,780
Ďalšia pekná vec, o Mongo je, že vaše záznamy sú v skutočnosti objekty JavaScript.

804
00:51:03,780 --> 00:51:10,110
Neexistuje žiadny druh konverzie kroku, kde je potrebné, aby sa tieto databázové riadky

805
00:51:10,110 --> 00:51:13,140
a premeniť ich v objekte JavaScript a poslať ich cez drôt.

806
00:51:13,140 --> 00:51:20,290
Myslím, že veci, ako že bude veľmi, veľmi užitočné pre rýchly vývoj webových aplikácií v budúcnosti.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Niečo, čo by som dodal, čo je len všeobecný názor je, že

808
00:51:23,060 --> 00:51:26,580
nemáte pocit, že by ste sa naučili všetky jazyky sme diskutovali

809
00:51:26,580 --> 00:51:28,580
z nášho seminára.

810
00:51:28,580 --> 00:51:30,560
Je zrejmé, že ide o to, aby vám predstavu o tom, čo je tam vonku,

811
00:51:30,560 --> 00:51:33,450
a ak ste prekvapený z toho, čo sme vyššie, môžete spoločnosť Google

812
00:51:33,450 --> 00:51:35,830
a prečítať si na ne.

813
00:51:35,830 --> 00:51:38,750
A ako som už spomenul, existuje niekoľko seminárov, ktoré sa zaoberajú práve týchto vecí.

814
00:51:38,750 --> 00:51:41,660
K dispozícii sú aj ďalšie semináre, ktoré som sa zmienil, že pravdepodobne dostanú do

815
00:51:41,660 --> 00:51:43,660
tohle rovnako.

816
00:51:43,660 --> 00:51:46,610
Myšlienka je, že ak chcete pracovať na niečom, tu sú nástroje k dispozícii.

817
00:51:46,610 --> 00:51:51,630
Nemajte pocit, ohromený, ak si nie ste istí, čo tieto nástroje robiť presne to,

818
00:51:51,630 --> 00:51:54,830
ale viem, že sú tam, a že si môžete robiť široké využitie z nich

819
00:51:54,830 --> 00:51:56,830
Google.

820
00:51:56,830 --> 00:51:59,960
>> [Z publika] Aké veci to, čo musíte urobiť, aby sa ubezpečil, vaše webové stránky

821
00:51:59,960 --> 00:52:02,530
vyzerá dobre na mobilných zariadeniach?

822
00:52:02,530 --> 00:52:05,590
[Billy] Mobilné zariadenia sú trochu ťažké.

823
00:52:05,590 --> 00:52:07,590
K dispozícii je 2 spôsoby, ako môžete pristupovať ho.

824
00:52:07,590 --> 00:52:11,500
Prvý spôsob je, že ste skutočne mobilné webové stránky.

825
00:52:11,500 --> 00:52:14,660
Inými slovami, môžete vykonať nejakú detekcie na začiatku

826
00:52:14,660 --> 00:52:18,830
keď je prehliadač, ktorý podáva žiadosť, aby vaše webové stránky, ktoré buď hovorí

827
00:52:18,830 --> 00:52:25,240
vrátiť tento názor - ktorý bude pohľad na stolnom alebo prenosnom prehliadačov -

828
00:52:25,240 --> 00:52:27,710
a ten druhý pohľad na mobilné zariadenia.

829
00:52:27,710 --> 00:52:33,090
To je miesto, kde pohľady sú naozaj pekné v tom, že môžete celkom veľa swapu

830
00:52:33,090 --> 00:52:37,580
dva von a rozhrania, ktoré pracuje naozaj dobre na mobilných zariadeniach

831
00:52:37,580 --> 00:52:40,770
a majú úplne iný, ktorý funguje pekne na zariadeniach prehliadača.

832
00:52:40,770 --> 00:52:43,770
Problém s tým je, že trvá dlhú dobu, pretože to znamená, že kódovanie

833
00:52:43,770 --> 00:52:47,060
úplne iný interface.

834
00:52:47,060 --> 00:52:49,720
Ďalší spôsob, ktorý môžete urobiť, je -

835
00:52:49,720 --> 00:52:55,250
Veľa moderných telefónov bude zobrazovať webové stránky a snaží sa im poskytnúť ako prehliadač by,

836
00:52:55,250 --> 00:52:57,680
a robia ich najlepšie.

837
00:52:57,680 --> 00:53:04,340
Môžete druh pokúsiť sa zostať svetlo na množstvo jQuery JavaScript, ktorý používate

838
00:53:04,340 --> 00:53:07,360
ktorá má tendenciu byť tam, kde sa veci môžu pokaziť trochu.

839
00:53:07,360 --> 00:53:13,430
To je niečo na spôsob, že by ste mali použiť, ak nemáte toľko času.

840
00:53:13,430 --> 00:53:18,540
Ak máte čas, pracovať na mobilné rozhranie, ktoré je zrejme najlepšia voľba.

841
00:53:18,540 --> 00:53:23,320
>> Myslím, že všeobecne pre CS50 projekty, budete chcieť vybrať jedno alebo druhé.

842
00:53:23,320 --> 00:53:27,990
Inými slovami, chcete, aby sa mobilné aplikácie, alebo chcete, aby webové stránky na ploche.

843
00:53:27,990 --> 00:53:32,200
A to druh určuje, kam idete s tým.

844
00:53:32,200 --> 00:53:35,360
Ale ak si chcete rozšíriť ju neskôr, pravdepodobne je najlepší

845
00:53:35,360 --> 00:53:37,360
aby ďalšie rozhranie pre ostatné.

846
00:53:51,650 --> 00:53:56,340
Mám trochu skúseností s vývojom webov WordPress báze.

847
00:53:56,340 --> 00:53:58,670
Aj hostil osobné webové stránky na WordPress na chvíľu.

848
00:53:58,670 --> 00:54:02,310
Tieto druhy rámcov môže byť pekné, rovnako ako veľmi základné veci.

849
00:54:02,310 --> 00:54:07,050
Častokrát budete len naraziť na veľa otázok prispôsobiteľnosť hoci.

850
00:54:07,050 --> 00:54:10,940
Budete chcieť mať niečo vyzerať určitým spôsobom, alebo sa určitým spôsobom

851
00:54:10,940 --> 00:54:14,510
a vy jednoducho nemôže, pretože je to napevno do systému, ktorý

852
00:54:14,510 --> 00:54:17,480
je to, ako budete musieť robiť veci, ktoré môžu byť trochu problém.

853
00:54:17,480 --> 00:54:22,020
Od tej doby som trochu bol viac naklonený k práci s weby od základov.

854
00:54:22,020 --> 00:54:26,840
Pre veci, ako je blog databáz a také veci, že to naozaj nie je tak ťažké vytvoriť rámec.

855
00:54:26,840 --> 00:54:29,970
Ak ste naozaj pretiahol na dobu, môžete samozrejme použiť niečo ako WordPress

856
00:54:29,970 --> 00:54:33,120
alebo, že niečo také na blogu.

857
00:54:33,120 --> 00:54:38,790
Na veľa vecí, ktoré blogy obchod a to je naozaj dosť ťažké, že

858
00:54:38,790 --> 00:54:41,500
ak vediete do niektorej z týchto druhov vecí, ty si asi najlepšie len preto, aby

859
00:54:41,500 --> 00:54:43,500
vykonať verzii in-house.

860
00:54:43,500 --> 00:54:48,350
>> Myslím, že je to o tom, takže ešte raz vďaka za účasť.

861
00:54:48,350 --> 00:54:51,960
Naozaj sme si užili hovoriť na vás a dúfame, že ste sa naučili nejaké veci.

862
00:54:51,960 --> 00:54:55,350
[Ben] Sme radi, že hovoriť - musíme ísť, ale my sme radi, že hovoriť viac mimo

863
00:54:55,350 --> 00:55:01,650
Ak máte ďalšie otázky. Ešte raz vďaka. [Potlesk]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]