1
00:00:00,000 --> 00:00:02,500
[Powered by Google Translate] [Seminář] [Web Development: od nápadu k realizaci]

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, já jsem Billy a tohle je Ben. >> [Ben] Ahoj.

5
00:00:10,840 --> 00:00:12,840
Budeme se dnes mluví o vývoj webových aplikací.

6
00:00:12,840 --> 00:00:14,840
[Webdev] [Billy Janitsch a Ben Kuhn]

7
00:00:14,840 --> 00:00:16,840
Něco o nás jako první.

8
00:00:16,840 --> 00:00:19,590
Ben je něco jako back-end chlap. On dělá věci fungují.

9
00:00:19,590 --> 00:00:21,870
A pak jsem se jít a dělat je dost.

10
00:00:21,870 --> 00:00:26,610
Jsem z velké části podílí se více front-end návrhu rozvržení druh věcí,

11
00:00:26,610 --> 00:00:31,260
a Ben, na druhé straně, ví, co dělá, takže se pracuje na back-end věci.

12
00:00:31,260 --> 00:00:34,050
Společně jsme udělali pár věcí.

13
00:00:34,050 --> 00:00:38,710
Například v loňském roce jsme pracovali na Gimblium, který je on-line hra vývoj studio.

14
00:00:38,710 --> 00:00:40,400
To byl náš konečný projekt pro třídu,

15
00:00:40,400 --> 00:00:42,780
a od té doby jsme udělali Harvard Class

16
00:00:42,780 --> 00:00:47,860
což je on-line rámec pro prohlížení a nakupování kurzy na Harvardu.

17
00:00:47,860 --> 00:00:53,180
>> Chystáme se začít s tímto nápadem na našich webových stránkách.

18
00:00:53,180 --> 00:00:57,480
Chystáme se dělat Facebook, ale pro kočky.

19
00:00:57,480 --> 00:00:59,520
Předtím, než jste vlastně tuto webovou stránku,

20
00:00:59,520 --> 00:01:02,520
nedělají tento web, protože to není dobré, ale budeme jej použít jako rámec

21
00:01:02,520 --> 00:01:05,349
a projít procesem, jak jsme se tuto myšlenku

22
00:01:05,349 --> 00:01:07,450
a proměnit ji v reálném stránkách můžeme použít.

23
00:01:07,450 --> 00:01:11,940
Začneme tím, že rozbije webové stránky dolů.

24
00:01:11,940 --> 00:01:13,190
Stejně jako jsi dělal v CS50,

25
00:01:13,190 --> 00:01:17,360
Chcete-li přemýšlet o tom, jaké jsou skutečné komponenty, které jdou do těchto stránek.

26
00:01:17,360 --> 00:01:21,290
V podstatě to odbočka z nápadu, který je jen trochu abstraktní pojem

27
00:01:21,290 --> 00:01:23,590
do skutečné, hmatatelné věci, které byste mohli dělat.

28
00:01:23,590 --> 00:01:25,910
Začneme tím, že žádá několik otázek.

29
00:01:25,910 --> 00:01:28,070
Co je to za web? Proč jsme to dělat?

30
00:01:28,070 --> 00:01:30,670
Co je to chystá použít? Takové věci.

31
00:01:30,670 --> 00:01:33,660
V případě Facebooku Cat,

32
00:01:33,660 --> 00:01:37,730
jsme v podstatě chceme webové stránky, které vám umožní kočky sociální sítě navzájem.

33
00:01:37,730 --> 00:01:41,260
Myšlenka je, že se mohou zakládat na vzájemně stěn,

34
00:01:41,260 --> 00:01:43,510
mohou vznést připomínky, takové věci.

35
00:01:43,510 --> 00:01:46,720
A to je místo, kde se dostáváme do funkčních komponent.

36
00:01:46,720 --> 00:01:51,270
Nyní máme tento druh rámce - máme uživatelských profilů,

37
00:01:51,270 --> 00:01:53,990
máme připomínky, a můžeme psát.

38
00:01:53,990 --> 00:01:57,390
Možná, že jednoho dne budeme přítoku rád a takové věci.

39
00:01:57,390 --> 00:02:00,410
A jsme trochu chtít upřednostnit tyto funkce jdou dovnitř

40
00:02:00,410 --> 00:02:03,340
Chceme říci, jako, jo, je to opravdu důležité, že každý má profil

41
00:02:03,340 --> 00:02:06,440
a že každý může zakládat na vzájemně stěn.

42
00:02:06,440 --> 00:02:08,509
Sekundární se, že komentáře by bylo hezké.

43
00:02:08,509 --> 00:02:10,180
Možná, že později budeme přítoku líbí.

44
00:02:10,180 --> 00:02:13,700
Takže, chcete mít představu o tom, co je základem projektu

45
00:02:13,700 --> 00:02:17,260
a to, co je trochu obecnější funkce, které by mohly být použity později.

46
00:02:17,260 --> 00:02:20,870
Chcete-li druh má konkrétní seznam v paměti,

47
00:02:20,870 --> 00:02:24,090
ale projekt, který začíná se nebude projekt, který dokončíte.

48
00:02:24,090 --> 00:02:27,100
Jinými slovy, všechno se změní, když vyvíjíte stránky,

49
00:02:27,100 --> 00:02:30,090
a chcete ponechat prostor pro to.

50
00:02:30,090 --> 00:02:34,470
Zapnu ji Benovi, který se chystá mluvit trochu o struktuře.

51
00:02:34,470 --> 00:02:39,610
>> [Ben] Budu mluvit o více technické části vývoj webových aplikací.

52
00:02:39,610 --> 00:02:42,370
Pojďme prostě jít přes některé základy první.

53
00:02:42,370 --> 00:02:45,730
Když děláte webovou aplikaci,

54
00:02:45,730 --> 00:02:50,470
hlavní divize, které budete mít, je

55
00:02:50,470 --> 00:02:52,700
budete mít nějaké věci se děje ve straně klienta -

56
00:02:52,700 --> 00:02:56,700
to znamená, že kód, který jste prohlížeč má z webu

57
00:02:56,700 --> 00:03:01,910
a JavaScript, HTML, CSS věci.

58
00:03:01,910 --> 00:03:04,490
To je vše, na straně klienta.

59
00:03:04,490 --> 00:03:08,680
Budeš mít jiný kód, který běží na straně serveru

60
00:03:08,680 --> 00:03:10,770
která udržuje všechny údaje, které lidé poslat k tobě,

61
00:03:10,770 --> 00:03:15,060
rozhodne, kdo se dát co, takové věci.

62
00:03:15,060 --> 00:03:20,380
To je jen některé terminologie, takže vy jste všichni obeznámeni s tím, co mluvíme.

63
00:03:20,380 --> 00:03:28,600
Za tímto rozdělením je dobré myslet na své webové aplikace, pokud jde o

64
00:03:28,600 --> 00:03:32,500
několik různých komponent.

65
00:03:32,500 --> 00:03:35,270
Když děláte vývoj webových aplikací

66
00:03:35,270 --> 00:03:41,710
jedna z věcí, které byste měli vždy se snaží udělat, je snížit složitost.

67
00:03:41,710 --> 00:03:45,710
Čím složitější je váš kód je větší šance je dělat chyby,

68
00:03:45,710 --> 00:03:47,710
těžší je později změnit.

69
00:03:47,710 --> 00:03:50,140
Takže, pokud můžete rozbít své aplikace do několika různých funkčních oblastí

70
00:03:50,140 --> 00:03:57,640
že bude - a můžete snížit druh množství cross-area komunikaci -

71
00:03:57,640 --> 00:04:03,530
které vám pomůže hodně v dlouhodobém horizontu, pokud jde o snížení chyby.

72
00:04:03,530 --> 00:04:07,950
>> Chcete-li být konkrétní, většinou lidi rozdělit do webové aplikace do -

73
00:04:07,950 --> 00:04:13,190
Jedná se o druh slůvky teď, ale jsou stále užitečné.

74
00:04:13,190 --> 00:04:17,940
Možná jste již slyšeli lidi mluvit o modely, pohledy a regulátory.

75
00:04:17,940 --> 00:04:23,210
Modely jsou skutečné údaje, že vaše aplikace bude zabývat.

76
00:04:23,210 --> 00:04:28,260
Například, v Cat Facebook, vaše modely by mohl být -

77
00:04:28,260 --> 00:04:35,340
budeš mít model, jako místa, a model pro uživatelské profily, tak podobně.

78
00:04:35,340 --> 00:04:41,090
Vaše názory jsou, jak se prezentujete, že data pro své uživatele.

79
00:04:41,090 --> 00:04:46,660
Můžete mít jeden pohled na při pohledu na jednoho příspěvku a všechny komentáře

80
00:04:46,660 --> 00:04:51,720
a jiný pohled na zeď, která obsahuje seznam všech míst

81
00:04:51,720 --> 00:04:57,170
které jsou zaměřeny na vás, a jiný pohled na vaši novinek - a tak podobně.

82
00:04:57,170 --> 00:05:00,610
Nakonec, máte ovladače, které jsou v podstatě, když vám lidé posílat příspěvky

83
00:05:00,610 --> 00:05:03,310
a uděláte aktualizace back-end systému,

84
00:05:03,310 --> 00:05:06,400
můžete zvýšit spoustu čítače, a cokoliv.

85
00:05:06,400 --> 00:05:07,860
To jsou vaše regulátory.

86
00:05:07,860 --> 00:05:11,030
>> Budu mluvit hlavně o modely.

87
00:05:11,030 --> 00:05:14,030
Pohledy jsou technicky není tak těžké, a problém je s jejich navrhování

88
00:05:14,030 --> 00:05:22,040
Regulátory se bude specifické pro co jste navrhování.

89
00:05:22,040 --> 00:05:25,220
Ale tam jsou některé docela obecné techniky, které můžete použít

90
00:05:25,220 --> 00:05:30,220
aby se vaše modely hezčí a jednodušší práci s tím si myslím, jsou velmi užitečné.

91
00:05:30,220 --> 00:05:35,860
Toto je většinou bude o tom, jak se vypořádat s vaší webové aplikace dat v příjemném způsobem.

92
00:05:35,860 --> 00:05:40,420
Hlavními problémy s modely

93
00:05:40,420 --> 00:05:44,540
je, že žijí na klientem a serverem a vy budete muset přijít na to,

94
00:05:44,540 --> 00:05:51,170
), jak je dostat - všechny relevantní ty - ze serveru na klienta,

95
00:05:51,170 --> 00:05:53,440
a b) jak se udržet je v synchronizaci.

96
00:05:53,440 --> 00:05:58,700
Vaši uživatelé budou chtít, aby se některé aktualizace.

97
00:05:58,700 --> 00:06:00,470
Chystají se chcete provést nové příspěvky.

98
00:06:00,470 --> 00:06:04,800
Chystají se chtějí líbit věci, a tak, pokud máte rád.

99
00:06:04,800 --> 00:06:11,490
To jsou hlavní technické problémy nakládání s modely.

100
00:06:11,490 --> 00:06:15,680
První věc, kterou budete chtít se ptát sami sebe, je

101
00:06:15,680 --> 00:06:18,420
jaký druh dat jde v tomto modelu a jaké dotazy se budeme chtít udělat -

102
00:06:18,420 --> 00:06:24,290
to znamená, že jak se budeme dívat na modely?

103
00:06:24,290 --> 00:06:26,940
Pro Vaše kočka Facebook Například,

104
00:06:26,940 --> 00:06:31,520
Váš příspěvek bude mít autor s ním spojené,

105
00:06:31,520 --> 00:06:35,660
některé stěny po textu, a příjemce stěny poštou.

106
00:06:35,660 --> 00:06:38,470
A pak budete chtít dotaz, že v spoustu různých způsobů.

107
00:06:38,470 --> 00:06:42,220
Budete chtít, aby se na něj, který napsal jaký příspěvek,

108
00:06:42,220 --> 00:06:46,620
podle toho, kdo přijal, které učiníte, možná podle data, kdy byly zveřejněny.

109
00:06:46,620 --> 00:06:50,340
Ale pokud se chystáte dělat to podle data, pak se budete muset přidat další pole do svého příspěvku

110
00:06:50,340 --> 00:06:52,490
kdy to bylo skutečně vyslán.

111
00:06:52,490 --> 00:07:00,220
Tyto dva faktory - jaká data chcete použít, a jak chcete zobrazit -

112
00:07:00,220 --> 00:07:04,200
měli byste uvažovat o nich jako první, protože jsou závislé na sebe navzájem,

113
00:07:04,200 --> 00:07:08,030
a to bude mnohem obtížnější je přidat později.

114
00:07:08,030 --> 00:07:12,750
>> Tam jsou některé další aspekty.

115
00:07:12,750 --> 00:07:17,540
Když uvažujete o tom, jak se vypořádat s modely na serveru

116
00:07:17,540 --> 00:07:20,540
to, co budete chtít podívat na je -

117
00:07:20,540 --> 00:07:27,440
jste v podstatě chcete, aby server tak jednoduché, jak je to možné.

118
00:07:29,440 --> 00:07:35,500
Dělat věci na straně klienta je obecně mnohem rychlejší, pokud můžete to udělat čistě na klientovi

119
00:07:35,500 --> 00:07:38,230
aniž by nějaký druh požadavku sítě.

120
00:07:38,230 --> 00:07:47,860
Cílem je, aby to tolik dotazů, jak můžete na straně klienta.

121
00:07:47,860 --> 00:07:51,560
Jediným problémem, který

122
00:07:51,560 --> 00:07:54,160
je, že pokud budete požadovat všechny vaše data na začátku

123
00:07:54,160 --> 00:07:57,160
pak, že to bude trvat dlouho, aby zatížení.

124
00:07:57,160 --> 00:08:02,290
Takže myšlenka je najít zlatá střední cesta mezi tím dostatek dat na straně klienta

125
00:08:02,290 --> 00:08:07,640
že můžete dělat většinu práce tam, ale nejen načítání vše najednou

126
00:08:07,640 --> 00:08:09,710
tak, že dostanete opravdu pomalé zatížení časy na začátku.

127
00:08:09,710 --> 00:08:12,610
Například, pro vaše kočky dat

128
00:08:12,610 --> 00:08:20,340
budete pravděpodobně chtít, aby přinesla spoustu nedávných nástěnných pracovních míst.

129
00:08:20,340 --> 00:08:23,790
Ty by nechtěl, aby přinesla všem z nich, protože to mohl vrátit o pár let.

130
00:08:23,790 --> 00:08:25,470
Ale nechcete, aby jim zaběhnout jeden po druhém

131
00:08:25,470 --> 00:08:28,740
proto, že by zavedl spoustu režie sítě.

132
00:08:28,740 --> 00:08:33,620
>> Je to často velmi těžké - jakmile budete mít databáze běží -

133
00:08:33,620 --> 00:08:37,210
to je často velmi těžké změnit, jaké údaje máte v něm -

134
00:08:37,210 --> 00:08:40,510
to znamená, přidat nový databázový sloupec, nebo tak něco -

135
00:08:40,510 --> 00:08:43,510
takže jedna dobrá strategie je vlastně jen držet hodně vašich dat v textovém 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ůvodem je to užitečné, protože je pak můžete přidat nové vlastnosti

138
00:08:58,330 --> 00:09:01,920
ke všem těmto JSON kuličky beze změny databáze.

139
00:09:01,920 --> 00:09:06,860
Jediná nevýhoda, že je, že pokud máte spoustu oborů

140
00:09:06,860 --> 00:09:09,890
že jste přidali později - stejně jako skryté v tomto JSON blob -

141
00:09:09,890 --> 00:09:12,850
pak je to těžší je dotaz v databázi.

142
00:09:12,850 --> 00:09:17,690
Například, pokud se později - pokud jste měl svůj model post, které jsme diskutovali dříve

143
00:09:17,690 --> 00:09:25,380
se jen autora, příjemce a text -

144
00:09:25,380 --> 00:09:29,000
můžete mít také JSON blob, a pak, pokud jste později chtěli přidat pole pro datum

145
00:09:29,000 --> 00:09:31,000
nebudete muset změnit své databázi.

146
00:09:31,000 --> 00:09:36,140
Dalo by se jen přidat data do všech textových polí.

147
00:09:36,140 --> 00:09:39,640
A pak byste měli být schopni podívat se na ty, na straně klienta,

148
00:09:39,640 --> 00:09:42,430
ale nebudete moci dotazovat na straně serveru

149
00:09:42,430 --> 00:09:44,430
protože je to skryto uvnitř tohoto textu.

150
00:09:44,430 --> 00:09:49,920
>> Další problém, který budete chtít přemýšlet o tom,

151
00:09:49,920 --> 00:09:52,400
je, jak váš klient a server se bude komunikovat.

152
00:09:52,400 --> 00:09:56,040
Ty obvykle chtějí, aby to tak jednoduché, jak je to možné.

153
00:09:56,040 --> 00:10:02,230
Můžete mít stejně jako-me-tento požadavek GET dat a,

154
00:10:02,230 --> 00:10:09,140
create-a-new-object věc, a požádat o update-an-old-objekt.

155
00:10:09,140 --> 00:10:12,930
A to by vše být různé adresy URL na serveru, který -

156
00:10:12,930 --> 00:10:20,030
že by prohlížeč - můžete použít požadavky AJAX pro všechny z nich

157
00:10:20,030 --> 00:10:24,000
a to buď přijmout, nebo rozmístit své údaje.

158
00:10:24,000 --> 00:10:26,600
Opět platí, že pro naše kočka Facebook Například,

159
00:10:26,600 --> 00:10:32,350
můžete mít tuto adresu URL získat individuální příspěvek,

160
00:10:32,350 --> 00:10:39,750
a budeš mít URL pro vytvoření nového zeď příspěvek

161
00:10:39,750 --> 00:10:45,670
a možná URL pro nahrávání vašeho profilu obrázek, a tak podobně.

162
00:10:45,670 --> 00:10:51,730
Ale opět, to je pre-fetch většina vašich dat, takže nemusíte mít na

163
00:10:51,730 --> 00:10:53,360
Díky síťové požadavky.

164
00:10:53,360 --> 00:10:59,030
Z tohoto důvodu, možná nebudete chtít, aby to individuální žádost get pro jeden post,

165
00:10:59,030 --> 00:11:03,210
a místo toho se jen chcete jedna žádost get pro celou stěnu.

166
00:11:03,210 --> 00:11:06,110
A pak, pokud se snažíte najít rovnováhu, protože -

167
00:11:06,110 --> 00:11:10,970
to bude také záviset na vaší žádosti.

168
00:11:10,970 --> 00:11:13,430
Protože pokud jste očekával, že lidé mají jen 10 nebo 20 Příspěvky na zdi

169
00:11:13,430 --> 00:11:15,430
že bude v pořádku.

170
00:11:15,430 --> 00:11:17,390
Ale pokud jste očekával, že budou mít tisíce a pak, že žádost by trvalo příliš dlouho,

171
00:11:17,390 --> 00:11:23,580
a tak možná budete chtít přidat parametr get-všechny-příspěvky-od.

172
00:11:23,580 --> 00:11:26,580
>> Pro všechny z nich budete pravděpodobně chtít synchronizovat data 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 se zabývá JSON velmi dobře.

175
00:11:34,600 --> 00:11:40,880
JQuery má tuto pěknou funkci getJSON, který bude dělat všechny tvrdé práce pro vás.

176
00:11:40,880 --> 00:11:47,390
A na PHP je tu také velmi pěkné JSON komunikační funkce.

177
00:11:47,390 --> 00:11:52,660
Tak, to je asi nejlepší formát pro zasílání modelů tam a zpět.

178
00:11:52,660 --> 00:11:56,570
>> Jako příklad toho, co jsme mluvili o tom tak daleko,

179
00:11:56,570 --> 00:12:00,520
Zde je příklad toku pro vaši kočku Facebook aplikace.

180
00:12:00,520 --> 00:12:07,760
Začíná s prohlížečem, který požaduje základní adresu URL webových stránek.

181
00:12:07,760 --> 00:12:15,470
Server pravděpodobně pošle přes statické HTML a některé JavaScript a CSS.

182
00:12:15,470 --> 00:12:19,170
Obvykle je nejlepší nedělat žádnou vykreslování na serveru.

183
00:12:19,170 --> 00:12:23,370
Vy asi nechcete -

184
00:12:23,370 --> 00:12:28,360
co server není tam dělá se děje se stanoví seznam nástěnných příspěvků

185
00:12:28,360 --> 00:12:31,120
a vytvořením HTML pro každou z nich a odeslání, které v průběhu.

186
00:12:31,120 --> 00:12:34,960
Obvykle je nejlepší k tomu, že na straně klienta, protože jinak

187
00:12:34,960 --> 00:12:38,580
pokaždé, když budete chtít znovu kreslit něco, co musíte udělat požadavek serveru.

188
00:12:38,580 --> 00:12:42,450
A to vám velmi rychle dává hodně nad hlavou.

189
00:12:42,450 --> 00:12:47,430
Je to obvykle nejlepší jen proto, aby loď pošle statické HTML

190
00:12:47,430 --> 00:12:50,660
a pak JavaScript a CSS, který bude dělat vykreslování na straně klienta.

191
00:12:50,660 --> 00:12:56,750
Jakmile že věci přijde,

192
00:12:56,750 --> 00:13:03,500
pak můžete mít - v JavaScriptu - můžete udělat požadavky na údaje na zeď

193
00:13:03,500 --> 00:13:08,740
a tak podobně, a poté, že server je v podstatě jen to, databázové dotazy

194
00:13:08,740 --> 00:13:10,740
a kontrolu oprávnění.

195
00:13:10,740 --> 00:13:16,690
Jediná důležitá věc je, že to není možné odesílat přes některé další uživatelé nástěnné příspěvky

196
00:13:16,690 --> 00:13:19,220
že nesmíš vidět.

197
00:13:19,220 --> 00:13:28,050
To může být v zásadě velmi tenká vrstva přístupu k databázi,

198
00:13:28,050 --> 00:13:32,820
a pak všichni ukazovat data - všechny pohledy a tak -

199
00:13:32,820 --> 00:13:37,280
které se může stát ve svém prohlížeči, a pak, když chcete, aby se příspěvek nebo tak něco

200
00:13:37,280 --> 00:13:40,000
stačí poslat další žádost.

201
00:13:40,000 --> 00:13:45,350
>> Tam je také nějaký ozdobný věci můžete dělat na vrcholu této.

202
00:13:45,350 --> 00:13:49,550
Pokud jde o další konkrétní technické informace,

203
00:13:49,550 --> 00:13:53,360
rozvíjí v prostém JavaScript může být trochu bolestivá,

204
00:13:53,360 --> 00:13:56,220
takže tam jsou některé knihovny a nástroje, které vám pomohou hodně s tím.

205
00:13:56,220 --> 00:14:03,690
Myslím, že jste všichni asi slyšeli o jQuery což dělá HTML renderování

206
00:14:03,690 --> 00:14:08,890
a manipulace mnohem snazší - mají spoustu efektních funkcí pro blednutí dovnitř a ven,

207
00:14:08,890 --> 00:14:12,020
a dělá zippy animace.

208
00:14:12,020 --> 00:14:13,720
K dispozici je také tato knihovna s názvem Underscore.js.

209
00:14:13,720 --> 00:14:20,760
Má spoustu užitečných funkcí nástroje, věci, které byste očekávali JavaScript, aby se

210
00:14:20,760 --> 00:14:24,740
že je to opravdu doesnt - věci jako míchání pole,

211
00:14:24,740 --> 00:14:28,900
odstranění duplicit ze seznamu, nebo zploštění seznam seznamů.

212
00:14:28,900 --> 00:14:30,900
To je jen malá ukázka kódu.

213
00:14:30,900 --> 00:14:36,520
Underscore má spoustu těchto pěkných funkcí, které si přejete byste mít po celou dobu.

214
00:14:36,520 --> 00:14:38,840
>> A pak je tu 1 další knihovny, které bych chtěl strávit trochu času na

215
00:14:38,840 --> 00:14:44,800
tzv. Backbone.js protože páteř opravdu pomáhá se vypořádat s modely na straně klienta

216
00:14:44,800 --> 00:14:47,210
a mnoho zmatku, který to může způsobit.

217
00:14:47,210 --> 00:14:53,550
Páteřní vám toto pojetí modelů a kolekcí

218
00:14:53,550 --> 00:14:58,300
v JavaScriptu, které jsou v podstatě úplně stejně jako objekty JavaScriptu

219
00:14:58,300 --> 00:15:04,900
v polích JavaScriptu, ale mají události, když změníte jejich vlastnosti.

220
00:15:04,900 --> 00:15:09,090
Stejně jako v JavaScriptu, můžete mít událost, když se klepnutí na tlačítko nebo tak něco

221
00:15:09,090 --> 00:15:14,800
Tyto páteřní modely a páteře sbírky bude vysílat věci, jako je

222
00:15:14,800 --> 00:15:17,510
, že když se mění.

223
00:15:17,510 --> 00:15:22,270
To znamená, že můžete jen napsat něco takového fragment kódu zde -

224
00:15:22,270 --> 00:15:27,530
to říká, když přidáte něco na příspěvky pole můžete překreslit celou stěnu.

225
00:15:27,530 --> 00:15:34,270
A to bych řekl, když počet post ze dne rád změny,

226
00:15:34,270 --> 00:15:38,970
můžete uživatele upozornit, že někdo měl rád svůj příspěvek.

227
00:15:38,970 --> 00:15:45,210
Nebo-li některá vlastnost příspěvku změní jste překreslení příspěvek.

228
00:15:45,210 --> 00:15:51,050
Věci jako, že vám ušetří spoustu složitostí, protože jinak

229
00:15:51,050 --> 00:15:55,440
pokud nemáte některých rámcových jako je tento a pak pokaždé, když ve svém kódu, který změní

230
00:15:55,440 --> 00:16:04,280
něco o místo, měli byste mít na paměti, sami volat všechny vykreslení funkce se

231
00:16:04,280 --> 00:16:07,680
a tak podobně, a pokud jste chtěli přidat něco nového, co se stalo

232
00:16:07,680 --> 00:16:10,680
pokaždé, když změníte příspěvek budete muset projít každé místo ve vašem

233
00:16:10,680 --> 00:16:14,610
kód, který jste změnili příspěvek a dodává, že nové věci.

234
00:16:14,610 --> 00:16:21,450
Rámec takhle odstraní hodně, že mezi-vrstvy komunikace

235
00:16:21,450 --> 00:16:28,280
že je váš kód složité a těžké udržet.

236
00:16:28,280 --> 00:16:31,170
>> Tam je to trochu o názory také.

237
00:16:31,170 --> 00:16:35,960
Chystám se opustit většinu to Billy, protože to technicky není příliš obtížné.

238
00:16:35,960 --> 00:16:43,540
Použití jQuery pro vaše názory. Je to prakticky jako nutnost v tomto bodě.

239
00:16:43,540 --> 00:16:46,290
Je to prostě dělá všechno tak mnohem jednodušší.

240
00:16:46,290 --> 00:16:48,290
Existuje mnoho knihoven.

241
00:16:48,290 --> 00:16:49,970
Pokud jste složité prvky uživatelského rozhraní,

242
00:16:49,970 --> 00:16:57,250
Chcete-li automatické dokončování věc, nebo jako jeden z těch fantazie multi-selektoru -

243
00:16:57,250 --> 00:17:04,790
Chcete-li něco takového, měli byste asi jen kolem hledat

244
00:17:04,790 --> 00:17:08,130
a můžete najít dobrou knihovnu, která bude dělat to, co chcete.

245
00:17:08,130 --> 00:17:11,579
Billy se vysvětlit více o skutečně složitých dílů názorů.

246
00:17:11,579 --> 00:17:17,530
Také, jako vedlejší poznámku, páteř má některé funkce pro vytváření zobrazení komunikovat

247
00:17:17,530 --> 00:17:22,800
pěkně s modely - podívejte se na dokumentaci pro všechny z těchto knihoven, ve skutečnosti.

248
00:17:22,800 --> 00:17:28,270
Stačí se podívat na dokumenty. Jsou to velmi dobře napsaný a snadno sledovat.

249
00:17:28,270 --> 00:17:33,890
Obecně platí, že můžete skoro jen Google, pokud máte problémy.

250
00:17:33,890 --> 00:17:36,370
Existuje spousta lidí, jejich použití.

251
00:17:36,370 --> 00:17:42,020
Myslím, že to je jako poslední poznámku.

252
00:17:42,020 --> 00:17:48,770
>> Tam jsou také některé pokročilejší věci, které můžete udělat

253
00:17:48,770 --> 00:17:53,400
Pokud hledáte, aby vaše webové aplikace navíc úžasné.

254
00:17:53,400 --> 00:17:59,760
Můžete to udělat - nová specifikace HTML5 má spoustu fantazie, co můžete udělat.

255
00:17:59,760 --> 00:18:05,780
Místní úložiště - což je můžete ukládat data v prohlížeči -

256
00:18:05,780 --> 00:18:09,470
spíše než se vrátit a prostudovat server pro všechno,

257
00:18:09,470 --> 00:18:12,470
můžete mít některé z nich na klienta, a to dokonce umožňuje lidem -

258
00:18:12,470 --> 00:18:20,850
v některých případech může dokonce vám umožní použít webové stránky v režimu offline.

259
00:18:20,850 --> 00:18:26,980
Tam je to, čemu se říká websockets, které jsou různé druhy síťové komunikace

260
00:18:26,980 --> 00:18:30,930
kde místo jen uděláte jednu žádost, dostanete odpověď, a máte hotovo,

261
00:18:30,930 --> 00:18:35,240
budete mít otevřít připojení k serveru, a tak si můžete dělat věci, jako je

262
00:18:35,240 --> 00:18:37,240
Aktualizace v reálném čase.

263
00:18:37,240 --> 00:18:42,020
Takže, pokud jste se snaží vydělat na aplikaci pro chat, můžete použít websockets

264
00:18:42,020 --> 00:18:43,790
komunikovat tam a zpět, takže byste nemuseli držet vyžádání,

265
00:18:43,790 --> 00:18:48,410
"Ach, server, to mi někdo poslat popovídat?" každých 10 sekund nebo tak něco.

266
00:18:48,410 --> 00:18:55,620
K dispozici je také zajímavá HTML5 funkce, kde si můžete, aby to vypadalo, jako

267
00:18:55,620 --> 00:18:58,340
URL stránky se mění, aniž byste museli skutečně vložte jej.

268
00:18:58,340 --> 00:19:03,230
Můžete použít tlačítka Zpět a Vpřed, aniž by dělali spoustu žádostí sítě.

269
00:19:03,230 --> 00:19:14,660
Věci jako, že je skutečně užitečné, pokud jde o dělat to rychlé, ale také pracovat jako webové aplikace by měla.

270
00:19:14,660 --> 00:19:17,680
>> K dispozici je také to, čemu se říká CoffeeScript.

271
00:19:17,680 --> 00:19:24,450
CoffeeScript je jiný jazyk, ve skutečnosti, že sestavuje až JavaScript.

272
00:19:24,450 --> 00:19:30,080
Ty by se napsat celý kód v CoffeeScript, a pak spustit tento kompilátor,

273
00:19:30,080 --> 00:19:33,300
a to vyplivne soubor JavaScriptu, který můžete zahrnout do své webové stránky.

274
00:19:33,300 --> 00:19:38,860
Důvod, že CoffeeScript je pěkné je, protože to zbaví mnoha

275
00:19:38,860 --> 00:19:44,760
podivné případy, že JavaScript má-li se rovná rovná,

276
00:19:44,760 --> 00:19:51,130
a rovná se rovná dělat různé věci, nebo chcete -

277
00:19:51,130 --> 00:19:55,740
má hezčí syntaxi pro řešení polí a funkcí.

278
00:19:55,740 --> 00:20:00,460
To je malý úryvek z CoffeeScript, které vytváří seznam všech čtverců

279
00:20:00,460 --> 00:20:04,900
od 10 ^ 2-1 ^ 2 v opačném pořadí.

280
00:20:04,900 --> 00:20:08,410
Jak můžete vidět, CoffeeScript často umožňuje vyjádřit v 1. řádku

281
00:20:08,410 --> 00:20:10,890
co by se pět řádků JavaScript.

282
00:20:10,890 --> 00:20:13,230
To může dělat věci mnohem jednodušší.

283
00:20:13,230 --> 00:20:15,390
Je to trochu o nové syntaxi učit na první,

284
00:20:15,390 --> 00:20:18,010
ale je to určitě vám bude více produktivní v dlouhodobém horizontu.

285
00:20:18,010 --> 00:20:22,050
>> Můžete použít i jiné jazyky na serveru, než PHP -

286
00:20:22,050 --> 00:20:27,570
jazyky jako Ruby, Python, nebo tam je i projekt s názvem node.js

287
00:20:27,570 --> 00:20:31,450
které vám umožní používat JavaScript na serveru.

288
00:20:31,450 --> 00:20:34,700
Osobně jsem opravdu, ale opravdu nesnáším PHP.

289
00:20:34,700 --> 00:20:38,310
Já prostě baví práce s ním.

290
00:20:38,310 --> 00:20:43,450
Pokud jste také, myslím, že to je hrozné cluge jazyka,

291
00:20:43,450 --> 00:20:46,160
pak můžete použít jeden z nich místo.

292
00:20:46,160 --> 00:20:54,780
Obecně platí, že pokud chcete něco udělat, a vy opravdu nevím, jak by to udělal,

293
00:20:54,780 --> 00:20:56,780
stačí hledat na internetu.

294
00:20:56,780 --> 00:20:59,990
Tam jsou tuny a tuny zdrojů, zejména na -

295
00:20:59,990 --> 00:21:03,260
StackOverflow je skvělá jedna.

296
00:21:03,260 --> 00:21:06,400
Je to webová stránka, kde programátoři klást vzájemně otázky.

297
00:21:06,400 --> 00:21:09,690
Možná jste narazit na to, pokud jste byli s problémy na CS50 problémových sad.

298
00:21:09,690 --> 00:21:16,820
A tam jsou tuny knihoven pro to cokoliv byste chtěli.

299
00:21:16,820 --> 00:21:21,710
Pokud chcete něco udělat a nevíte jak na to,

300
00:21:21,710 --> 00:21:23,710
Nepředpokládáme, že je to nemožné.

301
00:21:23,710 --> 00:21:26,160
Stačí se podívat kolem sebe a vy byste mohli najít nějaké dobré zdroje.

302
00:21:26,160 --> 00:21:29,280
>> Jako obecné zabalit,

303
00:21:29,280 --> 00:21:33,650
hlavní stánek s jídlem je udržet věci jednoduché.

304
00:21:33,650 --> 00:21:36,010
Složitější váš kód je na začátku

305
00:21:36,010 --> 00:21:40,370
a více se snažit a dělat efektní věci,

306
00:21:40,370 --> 00:21:43,300
tím déle bude trvat, než něco skutečně funkční

307
00:21:43,300 --> 00:21:46,480
a tím těžší to bude později změnit.

308
00:21:46,480 --> 00:21:49,580
Takže, dělat věci hloupé, snadný způsob, jak první.

309
00:21:49,580 --> 00:21:51,720
Chcete-li jít spolu s tím,

310
00:21:51,720 --> 00:21:59,070
neboj se o zahodili starý kód nebo čištění to hodně.

311
00:21:59,070 --> 00:22:05,320
Obecně platí, že jakmile jste skutečně něco práci,

312
00:22:05,320 --> 00:22:09,640
je to mnohem jednodušší přemýšlet o tom, než když jste stále v počátečních fázích

313
00:22:09,640 --> 00:22:12,610
jak mám dát to všechno dohromady.

314
00:22:12,610 --> 00:22:17,500
Je to nejlepší, aby nejhloupější možný design, který funguje

315
00:22:17,500 --> 00:22:22,270
a pak jej zlepšit opakované než se snažit, aby si vše hned napoprvé.

316
00:22:22,270 --> 00:22:28,330
Pokud jde o rozdělení klient-server, a pokusit se udržet svůj server velmi jednoduché -

317
00:22:28,330 --> 00:22:33,030
jen databáze a některé ověřování a nedělají tam žádnou těžkou práci.

318
00:22:33,030 --> 00:22:37,540
Proveďte všechny své komplikované věci na straně klienta v prohlížeči

319
00:22:37,540 --> 00:22:40,650
v JavaScriptu, stejně jako můžete.

320
00:22:40,650 --> 00:22:43,420
Rozhlédněte se kolem sebe pro knihovny, které činí váš život lepší.

321
00:22:43,420 --> 00:22:46,850
Vždy lepší použít kód, který někdo napsal

322
00:22:46,850 --> 00:22:49,850
pokud - a ne, aby to napsat sám.

323
00:22:49,850 --> 00:22:57,560
Je tu spousta věcí na internetu. Google je váš nejlepší přítel.

324
00:22:57,560 --> 00:22:59,560
Google je nejlepší přítel programátora.

325
00:22:59,560 --> 00:23:07,620
Jo, rozhodně se nebojte se porozhlédnout na věci.

326
00:23:07,620 --> 00:23:11,860
Dobrá. A na Billyho.

327
00:23:11,860 --> 00:23:14,600
>> [Billy] Ve skutečnosti, než začnu s nějakou konstrukční věci,

328
00:23:14,600 --> 00:23:17,250
má někdo nějaké otázky Ben o ničem, že mluvil o?

329
00:23:17,250 --> 00:23:20,290
Dobře, dobře.

330
00:23:20,290 --> 00:23:22,220
Opět platí, dejte nám vědět, pokud něco není jasné,

331
00:23:22,220 --> 00:23:25,420
nebo pokud byste chtěli, abychom šli nad něčím trochu více.

332
00:23:25,420 --> 00:23:30,330
Jdu krok zpět trochu a mluvit o více základních částí konstrukce.

333
00:23:30,330 --> 00:23:34,840
Ben zmínil model s názvem - sorry, model pohled kontrolor systém

334
00:23:34,840 --> 00:23:38,520
což je druh technického hlediska, tak jdu se podívat na názory specificky,

335
00:23:38,520 --> 00:23:42,930
a já jdu začít s tím, jak byste navrhnout, že vypadá hezky.

336
00:23:42,930 --> 00:23:50,540
Tady je trochu opravdu základní šablony pro naše kočka na Facebooku.

337
00:23:50,540 --> 00:23:54,190
Myslím, že tam jsou některé základy v moderním designu uživatelského rozhraní

338
00:23:54,190 --> 00:23:56,190
že stojí za vyzvednutí.

339
00:23:56,190 --> 00:23:58,210
Můžete si všimnout, že je spousta prázdného místa po celé stránce,

340
00:23:58,210 --> 00:24:00,790
dostatek prostoru pro věci.

341
00:24:00,790 --> 00:24:02,580
Nemějte pocit, jako byste měli na squash věci do stránky.

342
00:24:02,580 --> 00:24:06,700
Chcete-li ponechat dostatek prostoru otevřené, a když jdete do téměř každé moderní webové stránky

343
00:24:06,700 --> 00:24:08,380
uvidíte, že je to bílá všude.

344
00:24:08,380 --> 00:24:10,380
K dispozici je bílá v místech, byste nečekali.

345
00:24:10,380 --> 00:24:14,570
Máte tento paletu barev, a je moudré na začátku

346
00:24:14,570 --> 00:24:17,880
vybrat barevnou paletu, že budete pracovat a rozvíjet se.

347
00:24:17,880 --> 00:24:22,250
Můžete také - to pomáhá vybrat písmo, a to tak, jak to trochu práce s

348
00:24:22,250 --> 00:24:24,450
Tyto betonové základy designu.

349
00:24:24,450 --> 00:24:26,910
Máte svůj typ, budete mít své barvy, a pak můžete druh

350
00:24:26,910 --> 00:24:29,380
vejde všechno ostatní podle potřeby.

351
00:24:29,380 --> 00:24:37,710
Takže, jak jsem řekl, s barevným schématem chcete použít odvážnější barvy vašeho barevného schématu

352
00:24:37,710 --> 00:24:40,320
střídmě. Hlavičky jsou pěkné. Tlačítka jsou hezké mít opravdu velké, efektní barvy.

353
00:24:40,320 --> 00:24:43,710
Ale obecně, pokud máte webové stránky, která má barvy všude,

354
00:24:43,710 --> 00:24:47,250
všechny vás hledí tváří v tvář, to prostě vypadá nepřehledně, a to není dobré.

355
00:24:47,250 --> 00:24:50,430
Chcete-li obecně používají světlé barvy.

356
00:24:50,430 --> 00:24:52,890
Snažte se, opět, vybrat docela koherentní barevné schéma.

357
00:24:52,890 --> 00:24:56,640
Můžete mít tyto malé potřísnění spoustou barev -

358
00:24:56,640 --> 00:25:00,240
které mohou vypadat docela pěkné, ale chcete používat dost střídmě.

359
00:25:00,240 --> 00:25:04,270
>> Jak jsem řekl, chcete být minimální. Méně je téměř vždy více.

360
00:25:04,270 --> 00:25:07,430
Pokud můžete zobrazit něco, nebo ne zobrazit něco,

361
00:25:07,430 --> 00:25:10,230
a vy jste docela jistý, zda by to mělo být, že ve výchozím nastavení -

362
00:25:10,230 --> 00:25:13,400
Pravděpodobně jste nejlepší, když odchází ven. Vždy se můžete přidat později.

363
00:25:13,400 --> 00:25:16,620
Jo, udržet věci jednoduché.

364
00:25:16,620 --> 00:25:19,510
Ale co je nejdůležitější, budete chtít, aby zvážila několik návrhů.

365
00:25:19,510 --> 00:25:23,520
Nemyslete si, že když uděláte stránky, budete mít v hlavě, že budete na

366
00:25:23,520 --> 00:25:26,310
aby místo v určitým způsobem, a bude to vypadat přesně takhle.

367
00:25:26,310 --> 00:25:29,830
Bude to mít modré záhlaví v horní a modré boční lišty

368
00:25:29,830 --> 00:25:32,670
a pak žluté sub-header věc.

369
00:25:32,670 --> 00:25:34,670
Chcete-li vytvořit více šablon.

370
00:25:34,670 --> 00:25:37,350
Můžete buď - pokud jste dobrý s Photo Shop, můžete otevřít, že se i trochu

371
00:25:37,350 --> 00:25:39,600
vytvořit webové stránky, jak se vám líbí, aby to vypadalo.

372
00:25:39,600 --> 00:25:41,680
Pokud ne, stačí použít tužku a papír,

373
00:25:41,680 --> 00:25:44,000
ale poškrábat se více návrhů.

374
00:25:44,000 --> 00:25:47,000
Chcete-li mít v podstatě nastavit, kde budete mít spoustu různých vzorů,

375
00:25:47,000 --> 00:25:50,810
a pokud jeden skončí v práci, pak je to skvělé.

376
00:25:50,810 --> 00:25:53,370
Pokud jeden skončí nedaří, pak budete mít vždy jiný se obrátit.

377
00:25:53,370 --> 00:25:57,960
Obecně platí, že nemají pocit, že by měla být omezena

378
00:25:57,960 --> 00:26:00,830
do jakéhokoli designu jste původně rozhodovat o.

379
00:26:00,830 --> 00:26:04,420
Návrhy jsou velmi variabilní, a část významu modelu

380
00:26:04,420 --> 00:26:09,480
pohled řadič je systém, který můžete vyměnit dovnitř a ven různé pohledy, které chcete.

381
00:26:09,480 --> 00:26:13,510
Můžete ovlivnit data, na jednu stranu, a pak se rozhodnout, oh, vlastně, že nefunguje tak dobře.

382
00:26:13,510 --> 00:26:19,190
Myslím, že je to trochu příliš složitá nebo tu část tady, že to není opravdu funguje,

383
00:26:19,190 --> 00:26:22,150
tak jsem jen tak zcela opustit tento názor a swapu v úplně nové.

384
00:26:22,150 --> 00:26:24,790
Můžeme stále používat staré modely a staré ovladače.

385
00:26:24,790 --> 00:26:27,490
Můžeme dělat vše na serveru a klientovi, jak bychom předtím.

386
00:26:27,490 --> 00:26:32,850
Ale skutečná vlna data jsou zobrazena se bude mírně lišit.

387
00:26:32,850 --> 00:26:35,840
>> Co se týče skutečnosti, kterým se provádí návrh, který chcete,

388
00:26:35,840 --> 00:26:39,330
Jakmile budete mít několik návrhů načrtl na papír nebo na Photo Shop, nebo cokoliv,

389
00:26:39,330 --> 00:26:42,120
existuje řada nástrojů, které jsou vám k dispozici.

390
00:26:42,120 --> 00:26:45,700
První, že jste velmi dobře obeznámeni s, což je vaše HTML, PHP, nebo cokoliv

391
00:26:45,700 --> 00:26:48,990
jazyk, který používáte jen pro kódování statických stránek na vašich webových stránkách.

392
00:26:48,990 --> 00:26:51,990
Vy jste hodně pracoval s HTML, které vám trochu dává tyto tagy

393
00:26:51,990 --> 00:26:57,820
že si můžete dát věci do, a v podstatě je to způsob, jak organizovat svůj obsah.

394
00:26:57,820 --> 00:27:00,990
Například, máte hlavičku nahoře, takže budete mít značku záhlaví,

395
00:27:00,990 --> 00:27:05,770
a to bude mít nějaký text uvnitř ní, která se pravděpodobně bude v jiném tagu.

396
00:27:05,770 --> 00:27:08,380
Pak máte sidebar možná s některými různé odkazy,

397
00:27:08,380 --> 00:27:10,160
a ty budou všichni v samostatných značek.

398
00:27:10,160 --> 00:27:13,870
Takže, v podstatě HTML ve svém srdci je způsob, jak rozdělit stránky jak

399
00:27:13,870 --> 00:27:16,980
budete nakonec chtít naformátovat.

400
00:27:16,980 --> 00:27:18,980
Takže ještě jednou, co jste viděl, že.

401
00:27:18,980 --> 00:27:20,540
Jsi docela spokojeni s práci s ním teď

402
00:27:20,540 --> 00:27:23,120
za předpokladu, že jste udělali poslední pset doufejme,

403
00:27:23,120 --> 00:27:26,150
tak, že by neměl být problém.

404
00:27:26,150 --> 00:27:31,280
>> Pak máte CSS, které v podstatě zpracovává všechny designu statických aspektů.

405
00:27:31,280 --> 00:27:35,320
To by zvládnout všechny barvy, všechny polohy různých prvků,

406
00:27:35,320 --> 00:27:36,840
kam jdou vůči sobě navzájem,

407
00:27:36,840 --> 00:27:41,530
jak jsou velké, různé druhy positionings, které by mohly mít -

408
00:27:41,530 --> 00:27:46,030
Jinými slovy, můžete mít věci pevně, takže při posouvání dolů zůstávají,

409
00:27:46,030 --> 00:27:48,700
nebo můžete mít věci ve vztahu k ostatním prvkům.

410
00:27:48,700 --> 00:27:50,730
Vše o tomto druhu věcí je v CSS.

411
00:27:50,730 --> 00:27:54,630
Kromě toho můžete dělat různé dekorace, můžete mít barvu textu,

412
00:27:54,630 --> 00:27:56,630
textové efekty, všechny takové věci.

413
00:27:56,630 --> 00:28:00,360
Ben dal opravdu dobrý seminář o tomto víkendu,

414
00:28:00,360 --> 00:28:04,450
a tak bych určitě zkontrolovat, zda, zda máte v plánu dělat nějaké efektní věci s CSS.

415
00:28:04,450 --> 00:28:09,850
CSS3 je vlastně nejnovější verze CSS, a to může dělat všechny druhy opravdu pěkné věci.

416
00:28:09,850 --> 00:28:14,750
To může dělat sklony, můžete mít pěkné, zaoblené rohy, můžete dělat všechny možné věci

417
00:28:14,750 --> 00:28:17,940
aby vaše webové stránky vypadat moderní a fantazie.

418
00:28:17,940 --> 00:28:22,150
>> Další nástroj je JavaScript a jQuery, které Ben mluvil trochu o,

419
00:28:22,150 --> 00:28:24,150
ale budu trochu dál do.

420
00:28:24,150 --> 00:28:28,100
JavaScript, jak jste pracovali s ním trochu, nebo alespoň viděli v přednášce,

421
00:28:28,100 --> 00:28:31,870
je druh způsob, jak dynamicky dělat věci v HTML.

422
00:28:31,870 --> 00:28:35,950
HTML, jak víte, je statická, takže až budete mít HTML nemůžete ji změnit.

423
00:28:35,950 --> 00:28:40,050
Ale JavaScript, v některých ohledech, je způsob, jak být schopen modifikovat HTML.

424
00:28:40,050 --> 00:28:44,520
Takže si můžete udělat, a to je skvělé, ale JavaScript je opravdu bolest s ním pracovat.

425
00:28:44,520 --> 00:28:49,050
Je to tak dlouho a tupé, a to dokonce i ty nejjednodušší věci

426
00:28:49,050 --> 00:28:51,630
vyžaduje spoustu řádků JavaScriptu.

427
00:28:51,630 --> 00:28:55,410
Takže, jQuery je v podstatě knihovna JavaScript, která zjednodušuje všechno.

428
00:28:55,410 --> 00:28:59,880
To říká, dobře, pokud chcete mít čtvercový rámeček přišel z levé strany

429
00:28:59,880 --> 00:29:03,980
a ustoupit do strany tak, že je ve středu, v JavaScriptu, které by se brát -

430
00:29:03,980 --> 00:29:06,340
Já nevím, sto řádků dělat, a to by bolest,

431
00:29:06,340 --> 00:29:10,540
a vyjdete z toho nenávidět vše o programování pro web.

432
00:29:10,540 --> 00:29:15,380
JQuery jste v podstatě máte element-dot-fade-in, nebo něco takového.

433
00:29:15,380 --> 00:29:18,580
Takže, velmi, velmi jednoduché funkce, které vám umožní dělat všechny druhy skvělých animací

434
00:29:18,580 --> 00:29:20,580
a že takové věci.

435
00:29:20,580 --> 00:29:23,300
Další věc, že ​​tyto 2 jsou opravdu dobré je jen to, dynamické věci

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, spíše než jen s vaší HTML stránky - který zobrazuje některé údaje, ale není ve skutečnosti

438
00:29:28,370 --> 00:29:32,130
nic dělat - budou JavaScript a jQuery ať máte tlačítka, která můžete kliknout na,

439
00:29:32,130 --> 00:29:37,960
a můžete přetáhnout prvky a re-objednávat je a třídit je, a mají nové prvky

440
00:29:37,960 --> 00:29:40,500
přidány nebo odstraněny. Můžete přidat, mazat, takové věci.

441
00:29:40,500 --> 00:29:44,570
Takže, jQuery dělá spoustu skvělých věcí.

442
00:29:44,570 --> 00:29:48,840
A Vipul je vlastně dává seminář o tom dnes, věřím, že na 5-hodin,

443
00:29:48,840 --> 00:29:51,220
takže pokud můžete držet kolem tak dlouho, že by - 5 nebo 4?

444
00:29:51,220 --> 00:29:54,930
Čtyři. Promiňte. Je to vlastně hned po to, tak bych doporučil

445
00:29:54,930 --> 00:29:56,680
držet kolem pro něj, pokud je to možné.

446
00:29:56,680 --> 00:30:00,180
JQuery je super, super užitečné, a vy budete moci dělat spoustu opravdu pěkných věcí s ním

447
00:30:00,180 --> 00:30:03,460
pro skoro jakýkoli vývoj webových projektů.

448
00:30:03,460 --> 00:30:06,200
>> Teď jdu se dostat do druhu rozlišování.

449
00:30:06,200 --> 00:30:08,210
Mluvil jsem v podstatě o uživatelském rozhraní.

450
00:30:08,210 --> 00:30:11,510
Uživatelské rozhraní je jen design stránek.

451
00:30:11,510 --> 00:30:13,780
Ale je to trochu jiný koncept, který je uživatelské zkušenosti.

452
00:30:13,780 --> 00:30:15,900
Oba jsou velmi odlišné.

453
00:30:15,900 --> 00:30:19,440
Rozhraní je určitě součástí zkušenosti.

454
00:30:19,440 --> 00:30:21,340
Jinými slovy, když jdete na webu, můžete se podívat na rozhraní.

455
00:30:21,340 --> 00:30:22,960
To je součástí toho, jak se u Vás objeví na webu.

456
00:30:22,960 --> 00:30:24,960
Ale zkušenost uživatele je víc než to.

457
00:30:24,960 --> 00:30:29,910
Uživatel zkušenost je o tom, co dojem, že uživatel dostane z vašeho webu je.

458
00:30:29,910 --> 00:30:31,910
Takže, samozřejmě, rozhraní je součástí.

459
00:30:31,910 --> 00:30:35,340
A to je určitě nezbytnou součástí, ale to nestačí.

460
00:30:35,340 --> 00:30:38,790
Jinými slovy, pokud máte příjemné rozhraní, a je to hezké a barevné a to všechno,

461
00:30:38,790 --> 00:30:43,650
To je skvělé, ale v případě, že uživatel přejde na vaše stránky, vidí hezkou rozložení a je zmatený

462
00:30:43,650 --> 00:30:47,060
všechno, nemá ponětí, jak to udělat nic, pak samozřejmě jste udělali opravdu

463
00:30:47,060 --> 00:30:48,930
špatná webové stránky.

464
00:30:48,930 --> 00:30:50,930
Je to druh, kde uživatelské zkušenosti vypovídací

465
00:30:50,930 --> 00:30:54,570
Já budu mluvit trochu o UX designu - UX je zkratka pro uživatelské zkušenosti -

466
00:30:54,570 --> 00:30:58,050
a trochu o tom, jak se můžete ujistit, že máte dobrou uživatelskou zkušenost.

467
00:30:58,050 --> 00:31:04,330
Prvním bodem je, že můžete vytvořit webové stránky, kde si uživatel může dělat cokoli, co

468
00:31:04,330 --> 00:31:06,820
že uživatel pravděpodobně chce.

469
00:31:06,820 --> 00:31:08,940
Ale v případě, že uživatel nemůže přijít na to, jak dělat ty věci -

470
00:31:08,940 --> 00:31:12,850
Jinými slovy, v případě, že uživatel nemá dobrý nápad, když jdou na vaše stránky města,

471
00:31:12,850 --> 00:31:17,660
"No, když chci aktualizovat svůj profil, pak jsem klikněte na toto tlačítko, nebo když chci psát o

472
00:31:17,660 --> 00:31:20,850
něčí zeď, pak jsem se jít na jejich zdi a klikněte na krabičce. "

473
00:31:20,850 --> 00:31:24,410
Pokud uživatel neví, že, pak jste skutečně mají ve skutečnosti

474
00:31:24,410 --> 00:31:27,080
provedeny správně, že funkčnost.

475
00:31:27,080 --> 00:31:30,900
Součástí implementace funkce je, že uživatelé jsou skutečně schopni ji používat.

476
00:31:30,900 --> 00:31:34,810
A to může být frustrující - můžete udělat stránky, a to může dělat všechny druhy

477
00:31:34,810 --> 00:31:37,810
úžasné věci, ale pak budete mít lidé vyzkoušet a řekl: "To nemůžete udělat.

478
00:31:37,810 --> 00:31:39,770
Proč nemůže to udělat? "A budete říkat zpět k nim,

479
00:31:39,770 --> 00:31:44,420
"No, je to možné. Musíš jít do 7. rozbalovací nabídce na tento temný

480
00:31:44,420 --> 00:31:48,470
Stránka, která se nachází pouze pomocí odkazu v pravém dolním pravém rohu ", nebo tak něco.

481
00:31:48,470 --> 00:31:50,430
Je zřejmé, že nechcete, že.

482
00:31:50,430 --> 00:31:53,420
Chceš, aby to bylo jasné pro uživatele, co mají dělat,

483
00:31:53,420 --> 00:31:56,240
a to by mělo být jednoduché a intuitivní pro ně.

484
00:31:56,240 --> 00:32:01,180
>> Další věc, kterou chcete, aby se pokusili udělat, je, pokud někdo půjde na vaše stránky

485
00:32:01,180 --> 00:32:05,520
a 9 z 10 krát dělat akce A a 1 z 10 krát dělat akční B,

486
00:32:05,520 --> 00:32:08,950
pravděpodobně budete chtít zaměřit své zkušenosti na akce A.

487
00:32:08,950 --> 00:32:12,240
Jinými slovy, chcete, aby se to velmi, velmi jasné, jak to udělat A.

488
00:32:12,240 --> 00:32:15,980
By měla být přední a-centrum - k dispozici na webu, viz to, ach, je to tady.

489
00:32:15,980 --> 00:32:20,850
Vzhledem k tomu, B, samozřejmě chcete, aby bylo jasné, ale můžete ji nechat trochu víc

490
00:32:20,850 --> 00:32:22,850
v pozadí.

491
00:32:22,850 --> 00:32:24,640
David dává dobrý příklad tohoto v přednášce,

492
00:32:24,640 --> 00:32:26,640
což je systém Boston T.

493
00:32:26,640 --> 00:32:29,440
Když jdete do Bostonu T a chcete si koupit lístek,

494
00:32:29,440 --> 00:32:32,700
musíte se dostat do 5 menu, než budete moci skutečně koupit jízdenku

495
00:32:32,700 --> 00:32:37,130
za $ 2, 2,50 dolar hodnotu, která je, jak moc to má jezdit metrem

496
00:32:37,130 --> 00:32:39,130
v jednom směru.

497
00:32:39,130 --> 00:32:41,600
To je problém, protože většina lidí, kteří jsou na koni na metro

498
00:32:41,600 --> 00:32:44,880
pravděpodobně jen chci jít na jednom místě, koupit vstupenku, se na hned.

499
00:32:44,880 --> 00:32:47,550
To nedává smysl, že budou muset projít mnoha různými nabídkami

500
00:32:47,550 --> 00:32:49,550
se tam dostat.

501
00:32:49,550 --> 00:32:51,760
Lepší uživatelský zážitek bude rychlý tlačítko na první stránce

502
00:32:51,760 --> 00:32:54,760
že jen říká, "koupit jednosměrnou letenku," a že by se dal ve všech standardu

503
00:32:54,760 --> 00:32:58,550
výchozí hodnoty, a pak, pokud někdo chce koupit jinou letenku, než to,

504
00:32:58,550 --> 00:33:01,690
stále, samozřejmě, mají možnost, ale vy jste optimalizovány pro

505
00:33:01,690 --> 00:33:04,080
v případě společného použití, který je opravdu důležité.

506
00:33:04,080 --> 00:33:06,830
Můžete vidět příklady tohoto na Facebooku, že jo?

507
00:33:06,830 --> 00:33:09,410
Vydáte-li se na Facebook a chcete psát stavu,

508
00:33:09,410 --> 00:33:11,710
to je přímo na vrcholu, který je to, co často chcete dělat.

509
00:33:11,710 --> 00:33:14,730
Jakmile vstoupíte na stránku, můžete tak učinit nejběžnější věci, které

510
00:33:14,730 --> 00:33:16,730
chcete dělat.

511
00:33:16,730 --> 00:33:17,550
Pokud chcete udělat něco složitější věci, jako je,

512
00:33:17,550 --> 00:33:21,070
že chci jít do zdi mého přítele, a lze vystavit obrázek na něm -

513
00:33:21,070 --> 00:33:24,810
které budu chtít dělat často, ale ne tak často, jak vysílání aktualizace stavu -

514
00:33:24,810 --> 00:33:28,200
tak v tom případě, bych zadejte své jméno do pole nahoře, klikněte na jejich profilu,

515
00:33:28,200 --> 00:33:31,680
a pak, ještě, že je to přímo na vrcholu, jakmile jsem se dostal do jejich profilu.

516
00:33:31,680 --> 00:33:38,240
Opět jsem optimalizovány priority pro případy nejčastější užití.

517
00:33:38,240 --> 00:33:41,800
>> Další důležitou věcí je, že často lidé budou trochu snažit, aby tento postup obejít

518
00:33:41,800 --> 00:33:44,890
tím, že říká, dobře, tak jsem dělal místo a lidé zjišťují, že je matoucí,

519
00:33:44,890 --> 00:33:46,110
a to je problém, ne?

520
00:33:46,110 --> 00:33:49,210
Je zřejmé, že nechci, aby se lidé zmateni obsah mého webu.

521
00:33:49,210 --> 00:33:53,210
Ale způsob, jak vyřešit to, že nemá co vyskočí říká,

522
00:33:53,210 --> 00:33:55,290
hej, budu vás naučí, jak používat tuto stránku.

523
00:33:55,290 --> 00:33:58,130
Krok 1 - klikněte na toto tlačítko. Krok 2 - naleznete zde.

524
00:33:58,130 --> 00:34:03,080
Jasně, že je to způsob, jak kolem něj - to je způsob, jak můžete říct lidem, co mají dělat, ale je to

525
00:34:03,080 --> 00:34:05,080
opravdu není optimální způsob.

526
00:34:05,080 --> 00:34:07,420
Pokud bych jít na webové stránky, a najednou jsem bombardován s tímto tutorial, který mě říká

527
00:34:07,420 --> 00:34:11,739
co mají dělat a kam jít, a to všechno, že to není zábava pro mě.

528
00:34:11,739 --> 00:34:13,739
To není dobrý zážitek pro mě.

529
00:34:13,739 --> 00:34:17,130
Je to trochu bolesti. Chci jen začít dělat věci.

530
00:34:17,130 --> 00:34:19,449
Lidé jdou uzavřít z dialogového okna svého,

531
00:34:19,449 --> 00:34:23,580
nebo vypadni z tutoriálu, nevím, co dělat, a pak si stěžují, protože

532
00:34:23,580 --> 00:34:25,580
jste jim řekl, co mají dělat.

533
00:34:25,580 --> 00:34:29,530
Způsob, jak vyřešit tento problém tím, že není žádný druh kurzu a směry -

534
00:34:29,530 --> 00:34:31,530
něco takového.

535
00:34:31,530 --> 00:34:33,719
Stejně jako se můžete vyhnout, opravdu chcete ukázat uživateli, co má dělat

536
00:34:33,719 --> 00:34:36,429
právě vzhledem k povaze toho, jak se webové stránky stanoven.

537
00:34:36,429 --> 00:34:39,090
Jinými slovy, když půjdu na Facebooku bez přihlášení,

538
00:34:39,090 --> 00:34:40,920
První věc, kterou vidím na hlavní stránku -

539
00:34:40,920 --> 00:34:44,480
je to trochu přihlašovací okno. Takže, duh. Musím se přihlásit Je to přímo tam.

540
00:34:44,480 --> 00:34:48,030
Vzhledem k tomu, když jsem šel na Facebook a musel jsem kliknout na malý odkaz v dolní části

541
00:34:48,030 --> 00:34:51,920
že řekl "přihlásit" a zbytek stránky byl jen nějaký obrázek nebo tak něco,

542
00:34:51,920 --> 00:34:54,820
Já bych opravdu nevím, co mám dělat, že jo? Chtěl bych být zmaten.

543
00:34:54,820 --> 00:34:58,590
Takže by mi to, abych se tam dolů a klepněte na tlačítko pro přihlášení,

544
00:34:58,590 --> 00:35:01,080
nebo Přihlásit tlačítka by mohla být na vrcholu, kde budu vidět pravdu.

545
00:35:01,080 --> 00:35:04,780
Chcete být vždy ukazuje uživateli, co má dělat,

546
00:35:04,780 --> 00:35:06,750
a které by měly být vlastní samotné stránce.

547
00:35:06,750 --> 00:35:09,880
>> Pokud uvažujete o návrhy a zesměšňovat se různé způsoby

548
00:35:09,880 --> 00:35:13,810
vyjadřuje své stránky, chcete opravdu přemýšlet o tom, co uživatelé budou

549
00:35:13,810 --> 00:35:19,380
dělat a jak můžete ukázat jim, co mají dělat.

550
00:35:19,380 --> 00:35:23,530
Jedna poslední věc je testování je opravdu, ale opravdu důležité.

551
00:35:23,530 --> 00:35:27,400
Je skvělé dostat někoho - získat přítele, někoho, koho neznáte ani -

552
00:35:27,400 --> 00:35:30,420
kdo nikdy neviděl místo, než používat stránky.

553
00:35:30,420 --> 00:35:33,650
Vzhledem k tomu, že jste pracoval na místě několik hodin, jste na něj zíral,

554
00:35:33,650 --> 00:35:36,670
a budete přesně vědět, co dělat, takže zřejmě budete testovat

555
00:35:36,670 --> 00:35:39,520
věci, které jste pracovali dál a že víte, práce.

556
00:35:39,520 --> 00:35:42,680
Ale když někdo přijde a používá web, který se nikdy nepoužívali,

557
00:35:42,680 --> 00:35:46,880
to je jedinečný zážitek, protože budete mít někoho, kdo nemá žádné předchozí znalosti

558
00:35:46,880 --> 00:35:51,530
na místě jít do něj, takže budete muset účinně ponětí, co dělat

559
00:35:51,530 --> 00:35:54,890
nebo jaký druh případů užití jsou přítomny pro ně.

560
00:35:54,890 --> 00:36:00,930
To je skvělé. To je unikátní, protože oni jsou v podstatě člověk s prázdnou pro mysl.

561
00:36:00,930 --> 00:36:03,750
Mohou říct, jestli něco je matoucí nebo nejasné.

562
00:36:03,750 --> 00:36:07,580
Mohou vám představu o tom, co přesně uživatelské zkušenosti vašich stránek je.

563
00:36:07,580 --> 00:36:10,630
To může být velmi těžké říci, že sám sebe, takže určitě bych vás povzbudit

564
00:36:10,630 --> 00:36:13,640
jak budete rozvíjet své projekty - pokud děláte webových projektů -

565
00:36:13,640 --> 00:36:18,290
aby si lidé pomocí stránky jak brzy jak máte nějaké funkční demo.

566
00:36:18,290 --> 00:36:25,330
>> Teď budu mluvit trochu o tom, jak řídit vývoj webových aplikací projektu.

567
00:36:25,330 --> 00:36:28,900
Šli jsme nad tím, jak si můžete udělat technickou back-end stranu,

568
00:36:28,900 --> 00:36:31,050
jak si můžete vytvořit opravdu dobré místo,

569
00:36:31,050 --> 00:36:34,150
a to je skvělé, pokud pracujete sami, ale -

570
00:36:34,150 --> 00:36:37,300
i když pracujete sami, a to zejména v případě, že pracujete v týmu,

571
00:36:37,300 --> 00:36:39,580
řízení projektu se stává velkým problémem.

572
00:36:39,580 --> 00:36:42,340
Vy jste trochu slyšel o řízení projektů v různých formách od

573
00:36:42,340 --> 00:36:45,410
základní škola, když jsi řekl, skupinovou práci.

574
00:36:45,410 --> 00:36:46,820
Musíte spolupracovat, komunikovat, všechno.

575
00:36:46,820 --> 00:36:49,620
To vše stále platí tady, ale tam jsou některé jedinečné okolnosti

576
00:36:49,620 --> 00:36:54,910
počítačová věda, že chcete být vědomi, a chcete se ujistit, že zvládnout dobře.

577
00:36:54,910 --> 00:36:58,050
Promluvím si nejdřív něco o týmu, který budete mít palců

578
00:36:58,050 --> 00:37:03,280
Je velmi důležité vybrat správnou velikost týmu se pracuje,

579
00:37:03,280 --> 00:37:05,890
a já jsem ve svém posledním projektu, že máte možnost zvolit

580
00:37:05,890 --> 00:37:08,610
mezi 1 a 4 osoby, pokud se nemýlím.

581
00:37:08,610 --> 00:37:12,050
Chcete, aby se ujistil, že nejste jen výběr počtu osob

582
00:37:12,050 --> 00:37:14,950
že chcete pracovat s, protože jsou vaši přátelé.

583
00:37:14,950 --> 00:37:18,170
Chcete-li si vybrat tým, který je dobré velikosti, a že budou mít práci.

584
00:37:18,170 --> 00:37:22,700
Tam je kompromis v tom, že více lidí, oproti méně lidí.

585
00:37:22,700 --> 00:37:25,320
Máte-li více lidí, samozřejmě více práce může být provedeno

586
00:37:25,320 --> 00:37:28,450
proto, že máte spoustu lidí, spoustu kódu, spoustu nápadů,

587
00:37:28,450 --> 00:37:29,870
a to je vše skvělé.

588
00:37:29,870 --> 00:37:32,590
Ale je to také vyžaduje mnohem více řízení a mnohem více komunikace.

589
00:37:32,590 --> 00:37:34,720
Jinými slovy, pokud máte 4 lidi pracující na stejném projektu

590
00:37:34,720 --> 00:37:39,200
a oni jsou všichni editace stejný kód, více či méně, že všechny druhy potřebují vědět,

591
00:37:39,200 --> 00:37:40,920
co se děje tak, že vyžaduje, abyste -

592
00:37:40,920 --> 00:37:44,580
pokud přidáte nějakou novou funkci, kterou nějak muset říkat lidem - Já přidání to,

593
00:37:44,580 --> 00:37:48,510
Měním to tímto způsobem - a to zejména, pokud se dostanete do opravdu hluboké věci

594
00:37:48,510 --> 00:37:52,730
jako modely a regulátorů, které jsou ve skutečnosti jdou ovlivnit, jak web funguje.

595
00:37:52,730 --> 00:37:54,500
Celý tým musí být vědomi toho,

596
00:37:54,500 --> 00:37:58,140
takže je třeba se ujistit, že nejste výběrem příliš velký tým, který to bude těžké

597
00:37:58,140 --> 00:37:59,970
aby tuto komunikaci.

598
00:37:59,970 --> 00:38:02,930
Také nechcete si vybrat malý dost tým, který vám nebudeme

599
00:38:02,930 --> 00:38:06,250
být schopen komunikovat, protože je to jen vy.

600
00:38:06,250 --> 00:38:11,270
>> Další věc, aby zvážila, je rovnováha, kde dovedností lidí jsou.

601
00:38:11,270 --> 00:38:14,350
Je to skvělé, kdyby jste všichni opravdu dobří programátoři.

602
00:38:14,350 --> 00:38:17,050
Ale pokud jste všechny back-end lidí, pak se vaše stránky nebude vypadat velmi dobře

603
00:38:17,050 --> 00:38:20,860
proto, že máte tuto velkou databázi, a to dělá super-rychlých vyhledávacích dotazů -

604
00:38:20,860 --> 00:38:26,130
což je skvělé - ale když jdete na to, je to jako na webu 1990 je s červená a modrá

605
00:38:26,130 --> 00:38:30,370
všude, a to není dobré.

606
00:38:30,370 --> 00:38:34,210
Všimněte si, že Ben a jsem pracovat jako tým, jsou velmi pěkné, protože jsem trochu víc

607
00:38:34,210 --> 00:38:38,030
v přední části, oba jsme komunikovat ve střední-end, a Ben je opravdu dobrý s back-end věci,

608
00:38:38,030 --> 00:38:43,550
takže funguje opravdu dobře, protože můžeme vytvořit libovolnou webovou stránku a v podstatě díry

609
00:38:43,550 --> 00:38:47,580
v tomto místě, které je třeba vyplněno mohou být vyplněny buď jeden z nás, nebo případně obojí.

610
00:38:47,580 --> 00:38:50,210
Chcete, aby se ujistil, že jsou ve vašem týmu žádné díry.

611
00:38:50,210 --> 00:38:51,180
To je v pořádku, pokud tam je trochu překrývají.

612
00:38:51,180 --> 00:38:53,670
Jinými slovy, pokud máte dva lidi, kteří jsou oba dobré se zadním konci,

613
00:38:53,670 --> 00:38:57,250
které mohou být dobré i proto, že mohou navzájem pomáhat s problémy

614
00:38:57,250 --> 00:38:58,820
, které mají.

615
00:38:58,820 --> 00:39:02,590
To může být problém, pokud máte jen 1 osobu, která je zodpovědná za určitou věc

616
00:39:02,590 --> 00:39:06,650
a oni narazí na problém, takže vy chcete mít trochu překrývají

617
00:39:06,650 --> 00:39:10,760
ale co je nejdůležitější, chcete, aby se ujistil, že všechny možné otvory jsou vyplněny.

618
00:39:10,760 --> 00:39:17,550
>> Poslední věc - a to by mělo být zřejmé, ale je to často není.

619
00:39:17,550 --> 00:39:19,550
Opravdu chceš, aby se baví.

620
00:39:19,550 --> 00:39:23,360
Smyslem tohoto posledního projektu CS50 a často bodem vývoj webových aplikací obecně

621
00:39:23,360 --> 00:39:26,360
není jen dělat práci, protože je třeba dělat.

622
00:39:26,360 --> 00:39:29,140
Opravdu chceš, aby se baví, a chcete, aby se dělat něco

623
00:39:29,140 --> 00:39:31,180
že je motivuje vás na něm pracovat.

624
00:39:31,180 --> 00:39:33,650
Pokud cokoliv děláte, je bolest sednout a pracovat,

625
00:39:33,650 --> 00:39:35,650
pak nejste výběrem vhodného projektu.

626
00:39:35,650 --> 00:39:37,730
Chcete-li si vybrat něco, co najdete zajímavý,

627
00:39:37,730 --> 00:39:41,150
opravdu chcete vidět výsledek, jste rádi, když dostanete novou představu o tom,

628
00:39:41,150 --> 00:39:44,700
něco, co byste mohli udělat - takže je tu všechny druhy projektů tam, že jsem si jist,

629
00:39:44,700 --> 00:39:47,290
najdete - každý má něco, co by opravdu intriky jim

630
00:39:47,290 --> 00:39:49,290
pokud děláte projekt, internetový.

631
00:39:49,290 --> 00:39:52,210
Řeknu to ještě jednou teď.

632
00:39:52,210 --> 00:39:54,520
Pokud váš projekt jeví jako bolest, a nechcete pracovat na tom,

633
00:39:54,520 --> 00:39:57,260
vybrat jiný projekt. Vyberte si něco, co vás opravdu inspiruje.

634
00:39:57,260 --> 00:40:00,260
>> Ben zmínil tento pojem iterace trochu, a já chci jít na to trochu.

635
00:40:00,260 --> 00:40:08,250
Je to opravdu důležité pracovat v proudech, kde můžete získat něco funkční.

636
00:40:08,250 --> 00:40:13,420
To může být skvělé, pokud máte tento plán pro webové stránky, které se chystáte, B a C,

637
00:40:13,420 --> 00:40:16,000
a nakonec to bude se tam dostat.

638
00:40:16,000 --> 00:40:18,600
Ale vy jste uvízl v této fázi, kdy jste na něm pracovali a pracují na tom,

639
00:40:18,600 --> 00:40:23,330
ale nic se stále provádí. Nemusíte nic vidět a hmatatelný, funkční věc.

640
00:40:23,330 --> 00:40:27,940
To, co opravdu chcete dělat, co se zdá, druh bolesti někdy

641
00:40:27,940 --> 00:40:32,300
pracovat na něčem a pak nějak víčko ji tak, že je to přinejmenším stabilní, běží

642
00:40:32,300 --> 00:40:34,910
verze, i když to nemá všechny funkce, které chcete.

643
00:40:34,910 --> 00:40:37,690
A možná, že tam jsou některé funkce, které opravdu chcete přidat, ale prostě nemůže

644
00:40:37,690 --> 00:40:41,830
proto, že chcete, aby se na tuto stránku do funkčního hlediska.

645
00:40:41,830 --> 00:40:44,400
A tak si chcete trochu mít Celý proces vývoje vypadat, že.

646
00:40:44,400 --> 00:40:47,810
Chcete-li začít někde funkční - nebo v podstatě začít s ničím -

647
00:40:47,810 --> 00:40:49,890
ale chcete dostat někam velmi jednoduchý a funkční.

648
00:40:49,890 --> 00:40:54,940
A pak znovu, aby jakýsi skok a dostat se zase někde funkční.

649
00:40:54,940 --> 00:40:59,190
Budete se pomalu budovat, a to by mohlo jít o něco pomalejší, než by jinak,

650
00:40:59,190 --> 00:41:03,000
ale v dlouhodobém horizontu, pokud jste stále uvízl v této střední fázi země, kde se

651
00:41:03,000 --> 00:41:06,380
nejsou ve skutečnosti nic pracuje, může to být opravdu velká frustrace

652
00:41:06,380 --> 00:41:09,970
pracovat na projektu, protože jsi vždy tak blízko k získání to funguje,

653
00:41:09,970 --> 00:41:12,130
a je to vlastně nikdy pracovat.

654
00:41:12,130 --> 00:41:14,810
Chcete pracovat v těchto funkčních proudech,

655
00:41:14,810 --> 00:41:17,950
a budete také chtít udělat nějaké reflexi po každé z nich.

656
00:41:17,950 --> 00:41:21,260
Jinými slovy, jakmile jste na místě, kde stránka je nyní pracuje -

657
00:41:21,260 --> 00:41:24,790
to nemá co se vám líbí, ale to dělá některé věci -

658
00:41:24,790 --> 00:41:28,870
Chcete-li si, jo, je to místo plnění cíle, který jsem se rozhodl dělat?

659
00:41:28,870 --> 00:41:33,410
Jinými slovy, v případě, že web bude dělat X, je to, co jsem pracoval ve směru X?

660
00:41:33,410 --> 00:41:36,450
Jsou všechny funkce, které jsem tam chtěl?

661
00:41:36,450 --> 00:41:39,340
A navíc, je to slouží celkový účel, který chci?

662
00:41:39,340 --> 00:41:43,200
Máte-li zjištění, že vaše stránky se začíná zatáčet v jiném směru

663
00:41:43,200 --> 00:41:47,330
nebo možná věci tak nějak nefungují, může to být čas, aby řadit trochu.

664
00:41:47,330 --> 00:41:51,700
Jinými slovy, je to stojí za úvahu - stojí to za vyhazovali nápady pokud je to nutné

665
00:41:51,700 --> 00:41:57,950
a vzhledem k tomu mám opravdu funguje na to, co chci být.

666
00:41:57,950 --> 00:42:00,760
>> Věřím, že je to můj další bod. Nebojte se vzdát myšlenky.

667
00:42:00,760 --> 00:42:03,750
Jen proto, že jste strávil spoustu hodin práce na funkci

668
00:42:03,750 --> 00:42:07,890
a konečně dostal to funguje, ale je to opravdu nebude tak dobře -

669
00:42:07,890 --> 00:42:12,690
jako že to není tak užitečné, nebo uživatelé mají problémy s jeho použitím - takové věci -

670
00:42:12,690 --> 00:42:15,300
nebojte se vyhodit.

671
00:42:15,300 --> 00:42:17,650
Je to na hovno, že jste strávil spoustu času pracovat na tom,

672
00:42:17,650 --> 00:42:21,870
ale nakonec nechcete web, který se trochu dát dohromady těmito kousky, které

673
00:42:21,870 --> 00:42:25,380
druh práce, ale nejsou tak dobře sloužil.

674
00:42:25,380 --> 00:42:27,990
Také, nebojte se přijímat nové myšlenky.

675
00:42:27,990 --> 00:42:30,050
Pokud někdo přijde a řekne, hele, to místo vypadá opravdu cool, ale

676
00:42:30,050 --> 00:42:32,290
nebylo by to ani být skvělé, kdyby to také udělal?

677
00:42:32,290 --> 00:42:36,220
Jen proto, že to je něco, co neměl v úmyslu, a něco, co není ve vašem

678
00:42:36,220 --> 00:42:37,900
specifikace, něco, co jste si předsevzali,

679
00:42:37,900 --> 00:42:40,860
nebojte se vzít ji a pak se s ním pracovat.

680
00:42:40,860 --> 00:42:43,680
Protože často myšlenky, které spustíte pomocí průběhu vývoje

681
00:42:43,680 --> 00:42:47,630
skončí tím, že se opravdu cool funkce webových stránek.

682
00:42:47,630 --> 00:42:49,630
>> Řekl jsem to předtím. Řeknu to ještě jednou.

683
00:42:49,630 --> 00:42:51,630
Testeři jsou super, super užitečné.

684
00:42:51,630 --> 00:42:56,350
Snažte se získat lidi, kteří nikdy neviděli stránky dříve, než se přihlásit a vidět, co se děje

685
00:42:56,350 --> 00:42:59,080
protože můžete vyzkoušet nejen užitečnost stránky a uživatelské zkušenosti,

686
00:42:59,080 --> 00:43:02,070
ale oni mohou také otestovat funkčnost způsobem, že nemůžete.

687
00:43:02,070 --> 00:43:06,430
Pokud uděláte nějakou funkci, která dělá určitou věc

688
00:43:06,430 --> 00:43:11,620
a víte, že to bude dělat, že to samé správně pokaždé, to je skvělé.

689
00:43:11,620 --> 00:43:16,610
Ale to může být často obtížné vysvětlit rohových případech, kdy uživatel může

690
00:43:16,610 --> 00:43:19,500
napište něco, co jste nečekali - právě proto, že jste definovali

691
00:43:19,500 --> 00:43:21,500
funkce sám.

692
00:43:21,500 --> 00:43:23,730
Tak, aby se někdo přijít na to, kdo nemá ponětí, jak používat stránky

693
00:43:23,730 --> 00:43:26,840
a jen zlomit to v jakékoli způsoby, které můžete udělat, je opravdu užitečné, protože vám

694
00:43:26,840 --> 00:43:30,340
získat představu z úplně jiného pohledu, co na vašem webu funguje

695
00:43:30,340 --> 00:43:33,300
a co je potřeba opravit.

696
00:43:33,300 --> 00:43:37,070
>> Poslední, budu mluvit o některých obecných osvědčených postupů,

697
00:43:37,070 --> 00:43:42,470
a vy jste viděl hodně z nich v CS50, ale také opravdu, ale opravdu platí v nastavení projektu.

698
00:43:42,470 --> 00:43:47,600
Jedním z nich je komentář. Vždy komentář kód zvláště pokud pracujete na velkém týmu.

699
00:43:47,600 --> 00:43:51,230
To může být tak nepříjemné jen obří blok kódu, který někdo napsal

700
00:43:51,230 --> 00:43:54,230
a možná to funguje, možná ne, ale nemáte tušení, co to dělá,

701
00:43:54,230 --> 00:43:58,010
takže máte tušení, zda je to užitečné, nebo ne, nebo zda by mělo být tam, nebo ne,

702
00:43:58,010 --> 00:44:00,200
a pokud pracujete na něčem jiném, že je dokonce možné, že pracujete na

703
00:44:00,200 --> 00:44:06,590
to samé, takže jen velmi, velmi opatrní, být ohleduplní vašich vrstevníků

704
00:44:06,590 --> 00:44:09,710
a psát kód, který je dobře zdokumentováno.

705
00:44:09,710 --> 00:44:13,580
Nemusíte zajít tak daleko, jak to udělat celou věc, kde rádi, pokud si zvýšit

706
00:44:13,580 --> 00:44:16,620
Počítadlo mít komentář, který říká, jsem přidat 1 k této přepážce.

707
00:44:16,620 --> 00:44:20,450
To nemusí být tak podrobná, ale pro jakoukoli funkci, že jste někdy psát

708
00:44:20,450 --> 00:44:23,160
měli byste mít nějakou dokumentaci o tom, co tato funkce přesně dělá,

709
00:44:23,160 --> 00:44:25,140
jaké jsou jeho vstupy jsou, a jaké by měl vrátit.

710
00:44:25,140 --> 00:44:27,800
Tímto způsobem můžete použít i jiné komponenty lidí z místa

711
00:44:27,800 --> 00:44:31,990
a můžete pracovat na budování něčeho velkého.

712
00:44:31,990 --> 00:44:34,100
>> Další důležitá věc je, že chcete dělat pravidelné očištění.

713
00:44:34,100 --> 00:44:40,490
Kód dostane chaotický. Necítím se špatně, pokud váš kód je jen zcela nečitelný a obří nepořádek.

714
00:44:40,490 --> 00:44:42,770
To se stává při vývoji webových aplikací vždy.

715
00:44:42,770 --> 00:44:46,530
Ty přidávání nových funkcí, odstranění staré. Věci se bude tam, že by neměl být.

716
00:44:46,530 --> 00:44:49,330
To je v pořádku, ale chcete, aby se ujistil, aby se s tím vypořádat pravidelně.

717
00:44:49,330 --> 00:44:53,430
Nechcete to nechat vybudovat do bodu, kdy si prostě nemůže najít nic

718
00:44:53,430 --> 00:44:56,430
v kódu, a nemáte ponětí, co všechno dělá.

719
00:44:56,430 --> 00:44:58,430
To je případ s HTML.

720
00:44:58,430 --> 00:44:59,490
Někdy budete skončit s objekty, které neobsahují nic,

721
00:44:59,490 --> 00:45:01,320
a budete chtít zbavit těch.

722
00:45:01,320 --> 00:45:04,610
V CSS, můžete být s odkazem na prvky, které jsou už tam není,

723
00:45:04,610 --> 00:45:06,340
takže se chcete zbavit tohoto kódu.

724
00:45:06,340 --> 00:45:09,900
V JavaScriptu, jste mohli odstranit něco z HTML.

725
00:45:09,900 --> 00:45:13,150
Takže, chcete, aby se ujistil, že jste vždy uklízet, dělat věci docela

726
00:45:13,150 --> 00:45:17,450
stejně jako si můžete na pravidelném základě.

727
00:45:17,450 --> 00:45:21,060
>> Další opravdu užitečná věc, které jsem si nemyslím, že je uvedeno velmi mnoho CS50

728
00:45:21,060 --> 00:45:23,430
ale je to stojí za to dostat do je řízení verzí.

729
00:45:23,430 --> 00:45:27,180
Myšlenka řízení verzí je, když jste v podstatě udržet přehled o všech pokroku

730
00:45:27,180 --> 00:45:30,820
jste se na vašich stránkách, a pokud v každém okamžiku si uvědomíte, ach, to byla práce

731
00:45:30,820 --> 00:45:35,220
před chvílí, ale to nefunguje o nic víc, můžete se vrátit zpět na předchozí verzi

732
00:45:35,220 --> 00:45:37,720
a vidět, co se změnilo od té doby, a takové věci.

733
00:45:37,720 --> 00:45:41,670
Primární způsob, jak to udělat, je s Git, a Git je celý tento druh systému, který

734
00:45:41,670 --> 00:45:46,390
Věřím, že Tommy MacWilliam dal seminář o poslední rok.

735
00:45:46,390 --> 00:45:51,520
Pokud půjdete do CS50 seminářů pro rok 2011, můžete vidět jeho seminář na to.

736
00:45:51,520 --> 00:45:57,070
Myšlenka Git je v podstatě, že v pravidelných intervalech budete dělat tyto závazky

737
00:45:57,070 --> 00:46:01,430
které jsou způsoby, jak říkat místo je v docela stabilní verze právě teď, takže

738
00:46:01,430 --> 00:46:05,910
Já je balení a odesílání pryč na server, a pak můžete jít na tomto serveru

739
00:46:05,910 --> 00:46:07,910
a podívat se na všech předchozích verzí kódu a uvidíte, jak to postupovalo

740
00:46:07,910 --> 00:46:12,210
a vše, co nějak dobré věci.

741
00:46:12,210 --> 00:46:14,210
Tak, to je v podstatě to.

742
00:46:14,210 --> 00:46:17,870
Pokud jde o vývoj webových aplikací, jsme rádi, že držet kolem a zodpoví všechny

743
00:46:17,870 --> 00:46:20,570
otázky, pokud jde o naší prezentaci.

744
00:46:20,570 --> 00:46:22,900
To je to. Díky. >> [Ben] Díky.

745
00:46:22,900 --> 00:46:28,480
[Potlesk]

746
00:46:28,480 --> 00:46:30,950
>> [Billy] Zaměstnanci, má někdo nějaké dotazy týkající se věci, které jsme na něž se vztahuje

747
00:46:30,950 --> 00:46:33,950
nebo věci, které jsme se nevztahuje že doufali, že bychom pokrýt?

748
00:46:33,950 --> 00:46:35,950
Byli bychom rádi zodpovíme ty. Každý, kdo?

749
00:46:35,950 --> 00:46:50,360
[Z publika] Jaké jsou výhody a nevýhody použití Ruby nebo Python?

750
00:46:50,360 --> 00:46:58,660
[Ben] Otázkou bylo, jaké jsou výhody a nevýhody použití Ruby nebo Python

751
00:46:58,660 --> 00:46:59,900
místo jako PHP.

752
00:46:59,900 --> 00:47:11,340
Klady jsou, že Ruby a Python jsou mnohem lepší, než jazyky PHP.

753
00:47:11,340 --> 00:47:14,920
Alespoň podle mého názoru, a myslím, že v mnoha názorů jiných lidí stejně.

754
00:47:14,920 --> 00:47:20,990
Byly navrženy více pro to složitější věci,

755
00:47:20,990 --> 00:47:25,380
a méně pro nářez spolu webové stránky velmi rychle se

756
00:47:25,380 --> 00:47:28,400
trochu dynamického obsahu.

757
00:47:28,400 --> 00:47:35,180
Nevýhody jsou, že tam je trochu - je to spíš učení

758
00:47:35,180 --> 00:47:37,220
aby si je nastavit.

759
00:47:37,220 --> 00:47:41,010
To je, jako v PHP, stačí mít soubor HTML a píšete méně než

760
00:47:41,010 --> 00:47:43,060
otazník, a pak napsat nějaký kód, a pak můžete napsat otazník,

761
00:47:43,060 --> 00:47:45,700
větší než, a pak máte hotovo.

762
00:47:45,700 --> 00:47:50,300
V jiných jazycích, jako je Ruby nebo Python,

763
00:47:50,300 --> 00:47:56,810
budete muset projít trochu víc práce, aby se počáteční stránky běží.

764
00:47:56,810 --> 00:48:02,730
K dispozici je také - alespoň to bylo v případě - že tam je více dokumentace

765
00:48:02,730 --> 00:48:05,480
k dispozici pro PHP jen proto, že existuje více lidí, kteří používají to.

766
00:48:05,480 --> 00:48:09,370
Myslím, že to není tak moc problém už.

767
00:48:09,370 --> 00:48:12,520
Tam je jistě velmi dobrá dokumentace pro věci, jako je Ruby on Rails

768
00:48:12,520 --> 00:48:16,080
nebo Django pro Python je ekvivalentní.

769
00:48:16,080 --> 00:48:25,910
PHP je ten, který každého z nás používá několik let, a víte, jak to funguje.

770
00:48:25,910 --> 00:48:28,460
Ruby a Python jsou trochu méně vyspělé.

771
00:48:28,460 --> 00:48:33,130
>> [Z publika] Pokud byste měli vybrat mezi jedním z nich učit, nebo vyzvednout,

772
00:48:33,130 --> 00:48:36,130
které byste dali přednost?

773
00:48:36,130 --> 00:48:38,870
Upřímně řečeno, myslím, že záleží na osobě.

774
00:48:38,870 --> 00:48:45,450
Je mi to líto. Otázkou bylo, který by si vyberete pro někoho naučit?

775
00:48:45,450 --> 00:48:50,230
Zjistil jsem, Python nejhezčí osobně.

776
00:48:50,230 --> 00:48:55,360
Existuje mnoho lidí, kteří - Udělal jsem můj první web dev projekt v jazyce Python a Django.

777
00:48:55,360 --> 00:49:00,300
Existuje spousta lidí, kteří mají rádi Ruby on Rails také.

778
00:49:00,300 --> 00:49:02,650
Asi více lidí, kteří vědí, Ruby on Rails.

779
00:49:02,650 --> 00:49:05,270
Upřímně řečeno, já bych prostě jít s tím, co lidé kolem vás vědět

780
00:49:05,270 --> 00:49:09,680
takže budete mít lidé klást otázky.

781
00:49:19,640 --> 00:49:24,170
>> Otázka byla - na sdílených serverech je to docela těžké pracovat na Python?

782
00:49:24,170 --> 00:49:26,170
To záleží na vašem hostingu.

783
00:49:26,170 --> 00:49:29,400
Existuje celá řada internetových hostitelů, kteří budou psát Python věci.

784
00:49:29,400 --> 00:49:31,400
WebFaction dělá, že jo?

785
00:49:31,400 --> 00:49:34,400
WebFaction je, že Billy a já jsem použil pro některé projekty.

786
00:49:34,400 --> 00:49:37,750
Jsou to opravdu skvělé. Podporují většinu jazyků.

787
00:49:37,750 --> 00:49:40,020
Ale je pravda, že PHP je hodně více široce podporován.

788
00:49:40,020 --> 00:49:45,210
Takže, pokud jste přilepená na web hostitele, který jen dělá PHP, to je dobrý důvod pro použití PHP.

789
00:49:45,210 --> 00:49:56,010
>> [Z publika] jsem se dostal do učení, jak se dotazovat několik databází,

790
00:49:56,010 --> 00:50:00,680
a vím, že můj SQL je všude možně, ale v poslední době jsem se dostal vystaven -

791
00:50:00,680 --> 00:50:04,470
a to poukázal. Vidíte, JSON a rozšiřitelné databáze.

792
00:50:04,470 --> 00:50:14,580
My SQL je stále všude. Jak vidíš, že děje?

793
00:50:14,580 --> 00:50:21,330
Je tam bude rostoucí tendence pro více rozšiřitelnou (neslyšitelné)?

794
00:50:21,330 --> 00:50:30,100
Otázka zněla - si myslím, že to bude trend non-SQL databází.

795
00:50:30,100 --> 00:50:33,850
Například, jako MongoDB. Myslím, že to je určitě pravda.

796
00:50:33,850 --> 00:50:38,730
Moje rada byla většinou mySQL souvisejících tu jen proto, že MySQL je

797
00:50:38,730 --> 00:50:40,950
průmyslový standard.

798
00:50:40,950 --> 00:50:45,950
Osobně bych raději databáze, které nemají schemos jako MongoDB

799
00:50:45,950 --> 00:50:49,520
kde nemáte problém, oh, musím přidat další sloupec.

800
00:50:49,520 --> 00:50:51,600
Běda mi, jak dělat to, co mám dělat?

801
00:50:51,600 --> 00:50:55,840
Je to velmi těžké udělat, že na MySQL, ale když máte něco jako Mongo

802
00:50:55,840 --> 00:50:57,840
je to mnohem hezčí.

803
00:50:57,840 --> 00:51:03,780
Další pěkná věc, o Mongo je, že vaše záznamy jsou ve skutečnosti objekty JavaScript.

804
00:51:03,780 --> 00:51:10,110
Neexistuje žádný druh konverze kroku, kde je třeba, aby se tyto databázové řádky

805
00:51:10,110 --> 00:51:13,140
a proměnit je v objektu JavaScript a poslat je přes drát.

806
00:51:13,140 --> 00:51:20,290
Myslím, že věci, jako že bude velmi, velmi užitečné pro rychlý vývoj webových aplikací v budoucnosti.

807
00:51:20,290 --> 00:51:23,060
>> [Billy] Něco, co bych dodal, což je jen obecný názor je, že

808
00:51:23,060 --> 00:51:26,580
nemáte pocit, že byste se naučili všechny jazyky jsme diskutovali

809
00:51:26,580 --> 00:51:28,580
z našeho semináře.

810
00:51:28,580 --> 00:51:30,560
Je zřejmé, že jde o to, aby vám představu o tom, co je tam venku,

811
00:51:30,560 --> 00:51:33,450
a pokud jste překvapený z toho, co jsme výše, můžete společnost Google

812
00:51:33,450 --> 00:51:35,830
a přečíst si na ně.

813
00:51:35,830 --> 00:51:38,750
A jak jsem již zmínil, existuje několik seminářů, které se zabývají právě těchto věcí.

814
00:51:38,750 --> 00:51:41,660
K dispozici jsou i další semináře, které jsem se zmínil, že pravděpodobně dostanou do

815
00:51:41,660 --> 00:51:43,660
tohle stejně.

816
00:51:43,660 --> 00:51:46,610
Myšlenka je, že pokud chcete pracovat na něčem, zde jsou nástroje k dispozici.

817
00:51:46,610 --> 00:51:51,630
Nemějte pocit, ohromen, pokud si nejste jisti, co tyto nástroje dělat přesně to,

818
00:51:51,630 --> 00:51:54,830
ale vím, že jsou tam, a že si můžete dělat široké využití z nich

819
00:51:54,830 --> 00:51:56,830
Google.

820
00:51:56,830 --> 00:51:59,960
>> [Z publika] Jaké věci to, co musíte udělat, aby se ujistil, vaše webové stránky

821
00:51:59,960 --> 00:52:02,530
vypadá dobře na mobilních zařízeních?

822
00:52:02,530 --> 00:52:05,590
[Billy] Mobilní zařízení jsou trochu těžké.

823
00:52:05,590 --> 00:52:07,590
K dispozici je 2 způsoby, jak můžete přistupovat jej.

824
00:52:07,590 --> 00:52:11,500
První způsob je, že jste skutečně mobilní webové stránky.

825
00:52:11,500 --> 00:52:14,660
Jinými slovy, můžete provést nějakou detekce na začátku

826
00:52:14,660 --> 00:52:18,830
když je prohlížeč, který podává žádost, aby vaše webové stránky, které buď říká

827
00:52:18,830 --> 00:52:25,240
vrátit tento názor - který bude pohled na stolním nebo přenosném prohlížečů -

828
00:52:25,240 --> 00:52:27,710
a ten druhý pohled na mobilní zařízení.

829
00:52:27,710 --> 00:52:33,090
To je místo, kde pohledy jsou opravdu pěkné v tom, že můžete docela hodně swapu

830
00:52:33,090 --> 00:52:37,580
dva ven a rozhraní, které pracuje opravdu dobře na mobilních zařízeních

831
00:52:37,580 --> 00:52:40,770
a mají zcela jiný, který funguje pěkně na zařízeních prohlížeče.

832
00:52:40,770 --> 00:52:43,770
Problém s tím je, že trvá dlouhou dobu, protože to znamená, že kódování

833
00:52:43,770 --> 00:52:47,060
úplně jiný interface.

834
00:52:47,060 --> 00:52:49,720
Další způsob, který můžete udělat, je -

835
00:52:49,720 --> 00:52:55,250
Mnoho moderních telefonů bude zobrazovat webové stránky a snaží se jim poskytnout jako prohlížeč by,

836
00:52:55,250 --> 00:52:57,680
a dělají jejich nejlepší.

837
00:52:57,680 --> 00:53:04,340
Můžete druh pokusit se zůstat světlo na množství jQuery JavaScript, který používáte

838
00:53:04,340 --> 00:53:07,360
která má tendenci být tam, kde se věci mohou pokazit trochu.

839
00:53:07,360 --> 00:53:13,430
To je něco na způsob, že byste měli použít, pokud nemáte tolik času.

840
00:53:13,430 --> 00:53:18,540
Pokud máte čas, pracovat na mobilní rozhraní, které je zřejmě nejlepší volba.

841
00:53:18,540 --> 00:53:23,320
>> Myslím, že obecně pro CS50 projekty, budete chtít vybrat jedno nebo druhé.

842
00:53:23,320 --> 00:53:27,990
Jinými slovy, chcete, aby se mobilní aplikace, nebo chcete, aby webové stránky na ploše.

843
00:53:27,990 --> 00:53:32,200
A to druh určuje, kam jdete s tím.

844
00:53:32,200 --> 00:53:35,360
Ale pokud si chcete rozšířit ji později, pravděpodobně je nejlepší

845
00:53:35,360 --> 00:53:37,360
aby další rozhraní pro ostatní.

846
00:53:51,650 --> 00:53:56,340
Mám trochu zkušeností s vývojem webů WordPress bázi.

847
00:53:56,340 --> 00:53:58,670
I hostil osobní webové stránky na WordPress na chvíli.

848
00:53:58,670 --> 00:54:02,310
Tyto druhy rámců může být pěkné, stejně jako velmi základní věci.

849
00:54:02,310 --> 00:54:07,050
Častokrát budete jen narazit na mnoho otázek přizpůsobitelnost ačkoli.

850
00:54:07,050 --> 00:54:10,940
Budete chtít mít něco vypadat určitým způsobem, nebo se určitým způsobem

851
00:54:10,940 --> 00:54:14,510
a vy prostě nemůže, protože je to napevno do systému, který

852
00:54:14,510 --> 00:54:17,480
je to, jak budete muset dělat věci, které mohou být trochu problém.

853
00:54:17,480 --> 00:54:22,020
Od té doby jsem trochu byl více nakloněn k práci s weby od základů.

854
00:54:22,020 --> 00:54:26,840
Pro věci, jako je blog databází a takové věci, že to opravdu není tak těžké vytvořit rámec.

855
00:54:26,840 --> 00:54:29,970
Pokud jste opravdu protáhl na dobu, můžete samozřejmě použít něco jako WordPress

856
00:54:29,970 --> 00:54:33,120
nebo, že něco takového na blogu.

857
00:54:33,120 --> 00:54:38,790
Na spoustu věcí, které blogy obchod a to je opravdu dost těžké, že

858
00:54:38,790 --> 00:54:41,500
pokud vedete do některé z těchto druhů věcí, ty jsi asi nejlepší jen proto, aby

859
00:54:41,500 --> 00:54:43,500
provést verzi in-house.

860
00:54:43,500 --> 00:54:48,350
>> Myslím, že je to o tom, takže ještě jednou díky za účast.

861
00:54:48,350 --> 00:54:51,960
Opravdu jsme si užili mluvit na vás a doufáme, že jste se naučili nějaké věci.

862
00:54:51,960 --> 00:54:55,350
[Ben] Jsme rádi, že mluvit - musíme jít, ale my jsme rádi, že mluvit víc mimo

863
00:54:55,350 --> 00:55:01,650
Máte-li další otázky. Ještě jednou díky. [Potlesk]

864
00:55:03,750 --> 00:55:06,000
[CS50.TV]