1
00:00:00,000 --> 00:00:02,700
[Powered by Google Translate] [Semèn 9, Kontinye]

2
00:00:02,700 --> 00:00:05,160
[David J. Malan - Inivèsite Harvard]

3
00:00:05,160 --> 00:00:07,020
[Sa a se CS50. - CS50.TV]

4
00:00:07,940 --> 00:00:13,340
>> Sa a se CS50. Sa a se nan fen semèn 9. Mèsi anpil.

5
00:00:13,340 --> 00:00:15,310
Finalman. Semèn 9. Mwen te resevwa li.

6
00:00:15,310 --> 00:00:18,590
Jodi a nou kontinye konvèsasyon nou an sou pwogram entènèt

7
00:00:18,590 --> 00:00:21,660
ak yon grenn je nan direksyon pwojè final la, se pa paske ou gen fè yon bagay ki baze sou wèb

8
00:00:21,660 --> 00:00:25,610
pou pwojè final, men paske swa pou pwojè final oswa apre CS50

9
00:00:25,610 --> 00:00:29,000
sa a se sètènman a nan direksyon kote modèn lojisyèl ki pral.

10
00:00:29,000 --> 00:00:31,770
Men, li pa aktyèlman yon bagay fasil.

11
00:00:31,770 --> 00:00:35,040
An reyalite, youn nan bagay ki pi di fè se aspè nan nan konsepsyon.

12
00:00:35,040 --> 00:00:38,600
>> Pou egzanp, nan konsepsyon nou vle di aktyèlman ap resevwa koòdone nan itilizatè

13
00:00:38,600 --> 00:00:40,420
oswa eksperyans nan itilizatè dwa.

14
00:00:40,420 --> 00:00:43,200
Mwen daresay - epi nou konnen soti nan yon seri pwoblèm ki sot pase

15
00:00:43,200 --> 00:00:45,960
lè yon kèk nan ou devwale kolik ou sou kèk moso nan lojisyèl

16
00:00:45,960 --> 00:00:49,000
oswa pyès ki nan konpitè infuriates ou, si wi ou non sou lakou lekòl la oswa nan -

17
00:00:49,000 --> 00:00:51,930
gen nan yon anpil nan sit yo deyò, gen nan yon anpil nan kenkayri yo deyò,

18
00:00:51,930 --> 00:00:53,900
ki kalite suk.

19
00:00:53,900 --> 00:00:58,730
Men, reyalite a se sa ki fè bagay sa yo ke yo se fasil yo sèvi ak ankò se Alòske pwisan

20
00:00:58,730 --> 00:01:00,550
se yon defi trè difisil.

21
00:01:00,550 --> 00:01:03,680
Se konsa, pou jodi a Mwen te mande Jozèf ak Tommy rantre nan m 'isit la

22
00:01:03,680 --> 00:01:06,680
pou nou ka gen yon konvèsasyon, tou de sou modèl

23
00:01:06,680 --> 00:01:09,090
ansanm ak ki kalite pwosesis te panse ta dwe kòmanse ale atravè tout tèt ou

24
00:01:09,090 --> 00:01:12,040
lè ou desine pwojè final ou a, inisyativ avni-ou.

25
00:01:12,040 --> 00:01:15,040
Lè sa a, avèk èd Tommy a nou pral gade nan kèk nan detay yo aplikasyon.

26
00:01:15,040 --> 00:01:18,440
Ki jan w ka gen kèk vizyon sou papye oswa nan lide ou

27
00:01:18,440 --> 00:01:20,760
ke ou ka Lè sa a, egzekite programatik

28
00:01:20,760 --> 00:01:24,030
lè l sèvi avèk kèk nan teknoloji yo ak teknik nou te jis kòmanse te kòmanse pale sou sa,

29
00:01:24,030 --> 00:01:29,080
savwa JavaScript ak yon bagay menm plus, sètadi Ajax, asenkron JavaScript.

30
00:01:29,080 --> 00:01:32,950
Ki pèmèt ou kreye tout plis dinamik a nan yon koòdone itilizatè

31
00:01:32,950 --> 00:01:35,780
pa Chairman pi plis ak plis done progresivman ki sòti nan yon sèvè.

32
00:01:35,780 --> 00:01:38,560
Se konsa, nou pral wè kèk nan moun yo koupe kòm byen jodi a.

33
00:01:38,560 --> 00:01:41,800
Kòm yon sou kote, si w enterese nan konsantre nan syans òdinatè

34
00:01:41,800 --> 00:01:45,010
oswa minoring nan syans konpitè, konnen ke sa a Vandredi a midi

35
00:01:45,010 --> 00:01:48,750
nan Maxwell Dworkin 221 pral gen yon evènman pitza

36
00:01:48,750 --> 00:01:50,780
ki kote ou ka aprann yon ti jan pi plis sou syans òdinatè.

37
00:01:50,780 --> 00:01:54,860
Sou wout ou soti nan pòt la jodi a, ou pral kapab ranmase yon gid ofisyèl CS nan Harvard.

38
00:01:54,860 --> 00:01:57,290
Nou pral mete l 'sou bwat yo fatra deyò nan wotè ren

39
00:01:57,290 --> 00:01:59,750
pou ke si ou ta renmen gen tan pwan sa a ak aprann yon ti jan plis sou CS,

40
00:01:59,750 --> 00:02:02,480
ki pral gen pou ou jan li te ye nan semèn 0.

41
00:02:02,480 --> 00:02:06,500
Epitou si ou ta renmen rantre nan nou pou CS50 manje midi sa a vandredi a 1:15 pm,

42
00:02:06,500 --> 00:02:09,800
tèt a cs50.net/lunch.

43
00:02:09,800 --> 00:02:13,260
San yo pa pi lwen brwi, m 'ba ou ansèyman parèy Jozèf Ong.

44
00:02:13,260 --> 00:02:19,190
Hi. [Aplodisman]

45
00:02:19,190 --> 00:02:20,770
Mèsi.

46
00:02:20,770 --> 00:02:24,780
A premye fwa mwen te aprann enfòmasyon sou konsepsyon te nan yon klas isit la yo rele CS179.

47
00:02:24,780 --> 00:02:28,040
>> Pwofesè a nan moman an te di nou istwa a sou yon lòt pwofesè

48
00:02:28,040 --> 00:02:31,640
ki te ale nan yon otèl ak itilize tiyo yo.

49
00:02:31,640 --> 00:02:35,630
Èske nenpòt moun kapab di m 'sa 2 manch yo sou bò gòch la ak dwa fè?

50
00:02:35,630 --> 00:02:39,080
[Elèv] cho yo ak frèt. >> Cho yo ak frèt. Bon.

51
00:02:39,080 --> 00:02:41,430
Ki sa ou nòmalman atann, dwa?

52
00:02:41,430 --> 00:02:46,960
Sa a pwofesè apre lè l sèvi avèk tiyo a vle pran yon beny, li vanse yo sèvi ak sa a.

53
00:02:46,960 --> 00:02:51,310
Li panse bò gòch la ak kote sa yo dwa yo se pou cho ak frèt, dwa?

54
00:02:51,310 --> 00:02:55,470
Men, kapab nenpòt moun ki di m 'sa sa yo aktyèlman fè?

55
00:02:55,470 --> 00:02:58,060
Nenpòt men?

56
00:02:58,060 --> 00:03:01,740
[Repons fèbl elèv] >> Yon sijesyon se?

57
00:03:01,740 --> 00:03:05,860
[Fèbl elèv repons] Tanperati >>?

58
00:03:05,860 --> 00:03:10,460
Se konsa, youn nan yo kontwole tanperati a ak kontwole yo lòt yo? >> [Elèv] presyon dlo.

59
00:03:10,460 --> 00:03:12,350
Presyon dlo. Bon.

60
00:03:12,350 --> 00:03:15,100
Sa a pwofesè mache nan sa a, epi, panse yo ap kontwole cho ak frèt,

61
00:03:15,100 --> 00:03:21,470
vin youn nan dwa yo, ki li panse se pou cho, tout wout la jiska

62
00:03:21,470 --> 00:03:23,560
paske li vle pran yon beny cho.

63
00:03:23,560 --> 00:03:28,100
Oke, sa yo pa reyèlman matche ak moute, se konsa li vin eksperyans sa a pa trè amizan

64
00:03:28,100 --> 00:03:31,110
pou yo te nan yon douch frèt, ak nou tout konnen ki sa sa santi l tankou.

65
00:03:31,110 --> 00:03:33,620
Sa a se yon egzanp yon defo konsepsyon.

66
00:03:33,620 --> 00:03:37,040
Ki sa mwen vle di pa ki se tann l 'soti nan tiyo a

67
00:03:37,040 --> 00:03:39,420
pa t 'matche ak sa ki te soti kite peyi douch la,

68
00:03:39,420 --> 00:03:41,780
ki yon jan malere pou l '.

69
00:03:41,780 --> 00:03:44,990
Se konsa, sa a se yon egzanp yon defo desen ki k ap pase nan lavi reyèl.

70
00:03:44,990 --> 00:03:48,020
Men, nou wè tout kalite nan yo menm lòt yo tou.

71
00:03:48,020 --> 00:03:50,390
Nou se pwobableman pa fanatik nan sistèm nan MBTA a.

72
00:03:50,390 --> 00:03:55,560
Sa a se yon sistèm tren aktyèlman nan London, ki di, "sa a bouton se pa nan itilize."

73
00:03:55,560 --> 00:04:00,220
Poukisa se li menm sou la? Poukisa nou menm pran swen?

74
00:04:00,220 --> 00:04:02,810
Lè m 'te yon jenn ti kabrit, yo te teknoloji yon sèl la konprandr nan kay la,

75
00:04:02,810 --> 00:04:05,050
nenpòt lè òdinatè a ta aksidan, manman mwen ta vin jwenn mwen,

76
00:04:05,050 --> 00:04:07,060
ki montre m 'sa a ekran ak mande m' sa ki te pase.

77
00:04:07,060 --> 00:04:09,210
>> Menm mwen pa konnen sa sa a vle di.

78
00:04:11,890 --> 00:04:14,700
[Ri] Ki sa?

79
00:04:16,950 --> 00:04:18,019
[Ri]

80
00:04:18,720 --> 00:04:23,050
Anpil fwa nou santi devlopè lojisyèl yo se jis trèn nou.

81
00:04:23,050 --> 00:04:28,460
Geny en kòm itilizatè nou ap tankou, "Ki sa ki pwal sou? Yon moun di nou."

82
00:04:28,460 --> 00:04:32,140
Sa a tout vini desann nan yon pwoblèm nan konsepsyon.

83
00:04:32,140 --> 00:04:34,650
Design, kòm nou ka wè, se pa piman sou estetik,

84
00:04:34,650 --> 00:04:37,230
li pa sou jan bagay sa yo gade.

85
00:04:37,230 --> 00:04:41,720
Nou wè isit la ke sa a ti kras pop-up sou isit la aktyèlman sanble trè bèl.

86
00:04:41,720 --> 00:04:45,290
Li te gen yon lonbraj gout nan background nan, li gen radiuses fwontyè pral sou.

87
00:04:45,290 --> 00:04:47,550
Li nan kalite bèl.

88
00:04:47,550 --> 00:04:51,480
Li pa nan vrèman byen fèt paske se pa trè itilizatè zanmitay.

89
00:04:51,480 --> 00:04:54,920
Sa ti kras pop-up ki vini pa reyèlman, ban m 'nenpòt ki enfòmasyon

90
00:04:54,920 --> 00:04:58,450
sou sa ki ap pase, li pa di m anyen kòm itilizatè a

91
00:04:58,450 --> 00:05:01,400
sou jan yo ka refè nan ki erè.

92
00:05:01,400 --> 00:05:05,190
Nou vle panse osijè de bagay sa yo ke konsepsyon se pa.

93
00:05:05,190 --> 00:05:06,670
Premyèman, li pa estetik.

94
00:05:06,670 --> 00:05:10,800
Li la tou pa fars app ou a ak tòn fonctionnalités nesesè.

95
00:05:10,800 --> 00:05:14,890
Si ou se yon restoran Thai, pwobableman ou pa vle yo yon dantis nan menm tan an.

96
00:05:14,890 --> 00:05:17,720
Se avèk Facebook Kesyon, pa ke anpil moun te itilize li

97
00:05:17,720 --> 00:05:21,130
epi li pa te vrèman nan nwayo a nan sa yo t'ap bati a.

98
00:05:21,130 --> 00:05:24,200
Se konsa, li la bèl bezwen panse osijè de pa tèlman kantite a nan bagay sa yo

99
00:05:24,200 --> 00:05:26,390
ke w ap mete ak aplikasyon ou, men bon jan kalite a

100
00:05:26,390 --> 00:05:28,910
epi ki jan ou ap fè ki eksperyans itilizatè pi bon

101
00:05:28,910 --> 00:05:32,540
pa aktyèlman amelyore sou sa ki ou deja genyen.

102
00:05:32,540 --> 00:05:37,040
>> Nan yon Nutshell, konsepsyon di nou sa nou ta dwe bati.

103
00:05:37,040 --> 00:05:41,950
Pou egzanp, si nou ap bati yon bagay ki fè nou chèche bagay yo,

104
00:05:41,950 --> 00:05:45,970
tankou Google, pou egzanp, nou ta dwe fè bagay sa yo nan yon mannyè ki

105
00:05:45,970 --> 00:05:48,950
ki egzije pou itilizatè a yo pran anpil nan klik pou li ale nan sa yo vle,

106
00:05:48,950 --> 00:05:52,580
osinon èske nou dwe fè li nan yon fason, pou egzanp, ak Google Instant oswa otokonple

107
00:05:52,580 --> 00:05:54,970
ki pèmèt nou jwenn yo rezilta nou an pi vit?

108
00:05:54,970 --> 00:05:58,740
Jeni enplike nan, tankou Tommy pral montre w, aktyèlman bati li.

109
00:05:58,740 --> 00:06:01,890
Gen anpil bagay nan kalite konsepsyon.

110
00:06:01,890 --> 00:06:06,070
Pou egzanp, si w ap bati yon bagay yo deplwaye yon bagay

111
00:06:06,070 --> 00:06:09,770
nan yon peyi Tyèmond kote ki gen pa anpil elektrisite oswa ke teknoloji anpil,

112
00:06:09,770 --> 00:06:11,440
ou gen nan konsepsyon sa w ap bati

113
00:06:11,440 --> 00:06:14,210
nan yon fason ki fasil bay aksè a moun yo la.

114
00:06:14,210 --> 00:06:18,290
Men, sa ki kalite desizyon konsepsyon lòt ta ka gen

115
00:06:18,290 --> 00:06:21,850
oswa ta ka patisipe nan yon bagay tankou sa a?

116
00:06:23,690 --> 00:06:25,660
Yeah. Mwen wè yon men yo.

117
00:06:25,660 --> 00:06:37,200
[Fèbl elèv repons] Dwa >>. Egzakteman. Aksè nan se yon sèl bagay.

118
00:06:37,200 --> 00:06:40,870
Yon anpil moun pa panse osijè de, "Ki sa ki sou itilizatè mwen an?"

119
00:06:40,870 --> 00:06:43,160
tankou ekstrèm yo nan swa spectre.

120
00:06:43,160 --> 00:06:47,770
Mwen gen divinò ki ka gen andikap ki mwen pa panse sou

121
00:06:47,770 --> 00:06:50,590
ak mwen jis panse sou desine pou itilizatè a jeneral.

122
00:06:50,590 --> 00:06:52,630
Entènèt la se aksesib pa tout moun sèjousi,

123
00:06:52,630 --> 00:06:54,870
e mwen ta dwe desine pou moun sa yo kòm byen.

124
00:06:54,870 --> 00:06:58,620
Ki kalite desizyon konsepsyon lòt ta ka ou fè?

125
00:06:58,620 --> 00:07:00,690
Wi. >> [Elèv] Pri.

126
00:07:00,690 --> 00:07:02,680
Koute. Li bon anpil.

127
00:07:02,680 --> 00:07:08,060
Yon lòt bagay nou ta ka baz jijman konsepsyon nou sou yo pri.

128
00:07:08,060 --> 00:07:13,130
Si nou se yon biznis, ou vle bati yon bagay ki pa pran anpil pri yo pwodwi

129
00:07:13,130 --> 00:07:17,720
men yo ka vann a yon pri patikilyèman segondè oswa ka jwenn nou kèk pwofi.

130
00:07:17,720 --> 00:07:21,540
>> Sa yo se tout diferan kalite desen, men lè n ap bati yon bagay sou entènèt la

131
00:07:21,540 --> 00:07:25,120
oswa lè nou ap bati yon bagay ki pwobableman pa koute ke anpil konstwi kounye a,

132
00:07:25,120 --> 00:07:28,630
tankou aplikasyon entènèt - ou pa bezwen voye jete anpil kapital nan li

133
00:07:28,630 --> 00:07:30,900
yo nan lòd fè yon bagay ki aktyèlman ap travay -

134
00:07:30,900 --> 00:07:33,490
ki sa nou ap plis pweyokipe sou se eksperyans nan itilizatè.

135
00:07:33,490 --> 00:07:36,390
Nou rele sa itilizatè santre konsepsyon.

136
00:07:36,390 --> 00:07:41,550
Esansyèlman sa ki konsepsyon itilizatè santre enplike nan ap mete tèt nou nan soulye yo nan itilizatè ou an.

137
00:07:41,550 --> 00:07:44,870
Si yon moun siy moute pou sa m ap bati,

138
00:07:44,870 --> 00:07:48,250
yo te evidamman vini nan aplikasyon an patikilye mwen an avèk yon objektif nan tèt ou,

139
00:07:48,250 --> 00:07:50,280
ak yon travay yo vle konplete.

140
00:07:50,280 --> 00:07:53,650
Ak travay ou se pa sèlman yo ede yo ranpli ki travay

141
00:07:53,650 --> 00:07:57,930
men ede yo pran konplete ki travay nan yon fason ki se efikas, entwisyon,

142
00:07:57,930 --> 00:08:01,900
ak yo, jan kèk moun di lòt bò a, ki aksesib.

143
00:08:01,900 --> 00:08:03,750
Ki sa ki efikasite vle di?

144
00:08:03,750 --> 00:08:08,050
Efikasite vle di kouman byen vit itilizatè mwen ranpli travay la bay koòdone m 'yo.

145
00:08:08,050 --> 00:08:11,650
li pran anpil bagay nan klik pou yo pou jwenn soti nan yon sèl kote nan lòt la?

146
00:08:11,650 --> 00:08:14,630
Èske li fatigan? yo gen yo fè anpil bagay nan travay repetitif?

147
00:08:14,630 --> 00:08:17,140
Nou vle fè pwosesis sa a kòm efikas ke posib

148
00:08:17,140 --> 00:08:20,070
Se konsa, yo pa bezwen fè sa yo kalite bagay sa yo.

149
00:08:20,070 --> 00:08:24,230
Kòm pou intuitiveness, se sa ki, pou egzanp, si yon itilizatè sanble moute koòdone m 'yo,

150
00:08:24,230 --> 00:08:27,240
se li fasil pou yo pou jwenn nan yon kote ale yon?

151
00:08:27,240 --> 00:08:30,390
Èske li fasil pou yo pou konnen ki sa yo te dwe klike sou nan koòdone mwen

152
00:08:30,390 --> 00:08:33,770
yo nan lòd pou yo pou reyalize objektif la oswa travay yo ke yo vle reyalize?

153
00:08:33,770 --> 00:08:37,520
>> Epi finalman, kòm yon moun di lòt bò a, aksè a trè enpòtan.

154
00:08:37,520 --> 00:08:39,640
[Gason oratè] Li vini nan aksè pou bagay sa yo tankou vizyon,

155
00:08:39,640 --> 00:08:42,740
renmen ki jan mwen aktyèlman desine yon bagay pou yon moun ki se avèg?

156
00:08:42,740 --> 00:08:46,460
Oh. Pou moun ki pa ka wè nan tout, nou gen yon bagay yo rele lektè ekran.

157
00:08:46,460 --> 00:08:49,070
Ki sa ou dwe fè se ou ta dwe bati sit entènèt ou a nan yon fason

158
00:08:49,070 --> 00:08:52,020
ki, pou egzanp, teknoloji an patikilye sa nou rele -

159
00:08:52,020 --> 00:08:53,590
Gen anpil bagay nan bagay sa yo kounye a.

160
00:08:53,590 --> 00:08:55,660
Mwen panse ke gen lektè ekran rele machwa.

161
00:08:55,660 --> 00:08:58,410
Yon anpil nan bagay sa yo depann sou sa nou rele règ zòn

162
00:08:58,410 --> 00:09:02,010
yo nan lòd yo li soti nan itilizatè a ki sa ki prezan sou paj la.

163
00:09:02,010 --> 00:09:05,480
Pou moun sa yo ki pa ka wè, ou bezwen asire w ke sa yo ekran lektè

164
00:09:05,480 --> 00:09:09,130
ka aktyèlman ranmase kontni an nan paj an ak ka aktyèlman montre itilizatè ou an,

165
00:09:09,130 --> 00:09:13,630
si ou pa ka wè, omwen ou menm ou ka toujou konprann sa ki sou paj la.

166
00:09:13,630 --> 00:09:16,190
Yeah. Oke.

167
00:09:16,190 --> 00:09:23,410
Ase pale de konsepsyon bon. Se pou nou pale sou desen move.

168
00:09:23,410 --> 00:09:25,220
Sa yo se bagay ke ou pa ta dwe fè.

169
00:09:25,220 --> 00:09:27,890
Èske nenpòt moun kapab fè m 'konnen sou eksperyans yo ak krèyslist

170
00:09:27,890 --> 00:09:32,190
ak sa yo panse se pa konsa pou sa gwo sou sa a konsepsyon?

171
00:09:33,690 --> 00:09:36,430
Wi. >> [Elèv] Mwen panse ke gen nan twò anpil mo nan yon sèl zòn nan.

172
00:09:36,430 --> 00:09:39,350
Twò anpil mo, dwa? Konplètman akablan yo.

173
00:09:39,350 --> 00:09:42,400
Ou vini nan paj sa a epi w ap akeyi ak yon pakèt antye de bagay sa yo moute isit la

174
00:09:42,400 --> 00:09:43,860
ki pa ta ka menm gen pwoblèm ou yo.

175
00:09:43,860 --> 00:09:47,010
Pou egzanp, ou ap viv nan yon eta ki pa kòmanse ak lèt ​​sa a.

176
00:09:47,010 --> 00:09:48,690
Se pou nou di w ap viv nan Texas oswa yon bagay.

177
00:09:48,690 --> 00:09:53,790
>> Ou gen woulo liv tout wout la desann paj la pou w ale nan ki kote ou ye a.

178
00:09:53,790 --> 00:10:00,320
Mwen ki soti nan Boston, se konsa, kite m 'gade nan Massachusetts. Ki kote se Massachusetts?

179
00:10:00,320 --> 00:10:03,270
Oh, li nan dwa isit la. Oh, li nan Boston. Oke.

180
00:10:03,270 --> 00:10:09,070
Se pou yo gade nan Boston. [Ri]

181
00:10:09,070 --> 00:10:12,250
Joli boulvèsan, dwa?

182
00:10:12,250 --> 00:10:16,400
Bagay sa yo gòch sou la. [Ri]

183
00:10:17,320 --> 00:10:19,470
Se pou nou di mwen kap chèche yon kote yo ap viv la.

184
00:10:19,470 --> 00:10:24,130
Konbyen moun ki gen aktyèlman itilize krèyslist? Tòn ou.

185
00:10:24,130 --> 00:10:30,960
Gen trè move fason fè yon gade nan sa a, men kite a gade nan sa a.

186
00:10:35,130 --> 00:10:38,970
Ki sa ki nan diferans ki genyen ant img ak pic? Èske nenpòt moun kapab di m 'konsa?

187
00:10:41,350 --> 00:10:42,830
Gen aktyèlman gen okenn diferans.

188
00:10:42,830 --> 00:10:47,710
Yo vle di egzakteman menm bagay la, men yo gen etikèt diferan pou yo pou kèk rezon.

189
00:10:48,980 --> 00:10:53,560
Si m 'klike sou Èske gen Imaj, pa gen anyen k ap pase sou paj la.

190
00:10:53,560 --> 00:10:57,490
Mwen gen aktyèlman klike sou Search ankò pou yon bagay rive.

191
00:10:57,490 --> 00:11:02,430
Ki sa ki ta kapab yon desizyon konsepsyon pi bon ki te kapab fè a?

192
00:11:03,820 --> 00:11:08,030
Si mwen klike sou ki filtre li, mwen pwobableman vle filtre nan ki aksyon an patikilye

193
00:11:08,030 --> 00:11:09,970
oswa ki kategori an patikilye.

194
00:11:09,970 --> 00:11:14,450
Se konsa, olye pou yo gen yon konvèsasyon vwa Search ankò, mwen te kapab jis otomatikman fè filtraj la

195
00:11:14,450 --> 00:11:17,060
sòt de style Google kote yo fè li imedyatman.

196
00:11:17,060 --> 00:11:20,440
[Malan] Men, pa fòme jan nou te wè yo konsa byen lwen gen yo dwe fizikman soumèt

197
00:11:20,440 --> 00:11:23,170
pa frape Mete omwen oswa klike sou yon bouton?

198
00:11:23,170 --> 00:11:26,830
Kòm ou te wè yo twò lwen, ou gen aktyèlman klike sou Soumèt fè bagay sa yo.

199
00:11:26,830 --> 00:11:30,090
>> Men, kòm Tommy pral montre w nan yon dezyèm, gen aktyèlman fason pou ou

200
00:11:30,090 --> 00:11:33,010
sa yo ki lè ou klike sou ke bagay li ka otomatikman voye

201
00:11:33,010 --> 00:11:38,840
sa nou rele yon demann Ajax epi pou yo jwenn done retounen lakay yo epi filtre rezilta ou enstantane.

202
00:11:38,840 --> 00:11:41,340
Gen tòn bagay ki mal ak sa a koòdone.

203
00:11:41,340 --> 00:11:43,530
[Malan] Èske ou ka rechèch pou Cambridge?

204
00:11:43,530 --> 00:11:47,030
Gen nan yon bagay yon ti kras iregilye isit la ki kote ou pran swen sou Cambridge

205
00:11:47,030 --> 00:11:54,790
e ankò w ap vin Westford, Spring Hill, West Newton ak renmen an.

206
00:11:54,790 --> 00:11:57,930
Pwobableman pa ideyal. >> Pwobableman pa ideyal.

207
00:11:57,930 --> 00:12:03,900
Ki jan mwen ka kapab fè eksperyans itilizatè a pi bon sou paj sa a an patikilye?

208
00:12:03,900 --> 00:12:07,340
Wi. >> [Elèv] Enstriksyon.

209
00:12:07,340 --> 00:12:09,500
Oke. Enstriksyon nan sa ki sòt de sans?

210
00:12:09,500 --> 00:12:14,630
[Elèv] Pou egzanp, yon bagay pou itilizatè premye fwa ki pa menm konnen ki sa krèyslist se

211
00:12:14,630 --> 00:12:17,320
oswa ou pa konnen sa ou ap sipoze fè.

212
00:12:17,320 --> 00:12:20,150
Dwat. Se konsa, esplike ou kisa ki krèyslist se sou paj sa a se yon bagay enpòtan.

213
00:12:20,150 --> 00:12:23,490
Nou ka aktyèlman di itilizatè sa ki nan paj sa a se aktyèlman pou li a.

214
00:12:23,490 --> 00:12:27,090
Si mwen jis vizite sa a, mwen wè yon pakèt antye nan kote yo ye. Mwen pa menm konnen ki sa yo vle di.

215
00:12:27,090 --> 00:12:29,730
Men plis enpòtan, jis gade nan sa a koòdone,

216
00:12:29,730 --> 00:12:35,530
sonje mwen te gen desann yon tòn de bagay sa yo sa yo jwenn yon kominote patikilye

217
00:12:35,530 --> 00:12:37,560
ke mwen aktyèlman pran swen sou sou sa.

218
00:12:37,560 --> 00:12:39,820
Ki sa ki nan yon fason pi vit mwen te kapab fè sa? Wi.

219
00:12:39,820 --> 00:12:43,290
[Elèv] Divize yo moute nan bò solèy leve, nan rejyon lwès. >> Okay.

220
00:12:43,290 --> 00:12:47,460
Mwen te kapab divize yo nan plis kategori ki ta kapab ede m 'pi vit detèmine

221
00:12:47,460 --> 00:12:49,820
kòman ou kapab jwenn ak sa yo ki kote an patikilye.

222
00:12:49,820 --> 00:12:54,510
[Elèv] Mete yon lis drop-desann. Dwa >>. Oke.

223
00:12:54,510 --> 00:12:58,240
Mwen te kapab sèvi ak yon meni drop-desann paske nou gen yon seri fiks de bagay sa yo

224
00:12:58,240 --> 00:13:00,100
ak nou te ka montre yo nan yon meni drop-desann.

225
00:13:00,100 --> 00:13:02,240
Nan fason sa a li pa pran moute espas anpil sou ekran an.

226
00:13:02,240 --> 00:13:05,630
Men, menm pi bon pase sa, ki sa nou ka fè?

227
00:13:05,630 --> 00:13:09,220
Wi. >> [Fèbl repons elèv] >> Èske ou ka di ke ankò? >> [Elèv] bwat rechèch la.

228
00:13:09,220 --> 00:13:11,260
Yeah, yon bwat rechèch. Sa a se gwo.

229
00:13:11,260 --> 00:13:16,430
Ki sa nou ka aktyèlman fè se si nou tounen gade dèyè nan ti bwat la glisad rechèch,.

230
00:13:16,430 --> 00:13:21,520
Otokonple. Trè fasil fason nan rechèch nan rezilta ke ou konnen yo se nan yon seri.

231
00:13:21,520 --> 00:13:25,980
Si mwen kòmanse sezisman BO, jis montre m tout rezilta yo ki gen BO andedan nan yo.

232
00:13:25,980 --> 00:13:29,030
Nan fason sa a mwen ka trè fasil jwenn youn nan patikilye Mwen vle pou yo ale nan

233
00:13:29,030 --> 00:13:32,390
olye pou yo gen woulo liv atravè lis sa a vrèman gwo.

234
00:13:32,390 --> 00:13:37,450
>> Sa yo se tout kalite reyèlman ba-pandye fwi ke yon moun ki moun ki mete ann aplikasyon krèyslist

235
00:13:37,450 --> 00:13:42,500
ka aktyèlman fè yo fè eksperyans nan sou sit entènèt la yon pi bon anpil pou itilizatè yo an patikilye.

236
00:13:42,500 --> 00:13:46,370
Oke. Ase ap pale de sou sit entènèt move.

237
00:13:46,370 --> 00:13:49,410
Se pou nou pale sou Facebook.

238
00:13:50,880 --> 00:13:54,390
Lè Facebook 'soti, li patikilyèman Facebook foto,

239
00:13:54,390 --> 00:13:57,870
te gen anpil bagay nan lòt sèvis la nan moman ki ta ka fè egzakteman menm bagay yo.

240
00:13:57,870 --> 00:14:00,740
Yo te kapab òganize foto ou nan albòm.

241
00:14:00,740 --> 00:14:03,360
Ki sa ou ta ka fè se ou ta ka òganize yo nan aparèy televisyon HD kòm byen.

242
00:14:03,360 --> 00:14:06,070
Ou te kapab òganize yo nan dat sa a. Ou ta ka fè tout bagay sa yo an patikilye.

243
00:14:06,070 --> 00:14:11,710
Men, nenpòt moun ki konnen sa ki te fè Facebook foto eksploze la nan moman li te lage?

244
00:14:11,710 --> 00:14:15,080
Wi. >> [Elèv] Tags. >> Tags. Egzakteman.

245
00:14:15,080 --> 00:14:21,300
Nou gen Milo sou isit la, ki moun ki se maskot chen nou yo ak ki foula CS50.

246
00:14:21,300 --> 00:14:24,810
Ou ka wè ke nou gen karakteristik sa a balisage nan mitan yo.

247
00:14:24,810 --> 00:14:28,240
Ak sa ki te fè Facebook foto konsa enteresan sòti nan yon fason D '

248
00:14:28,240 --> 00:14:34,130
se ke li aktyèlman pèmèt moun atravè sa a enplike zanmi yo nan foto yo.

249
00:14:34,130 --> 00:14:37,680
Pou Facebook, depi sou sit wèb yo se patikilyèman sosyal,

250
00:14:37,680 --> 00:14:40,750
li a sou bati sa a sòt de atmosfè sosyal.

251
00:14:40,750 --> 00:14:42,620
Sa amelyore eksperyans nan nan foto yon anpil plis

252
00:14:42,620 --> 00:14:46,390
paske yo te kapab aktyèlman kòmanse di, "Sa yo se koneksyon ki genyen ant moun,

253
00:14:46,390 --> 00:14:49,220
ak sa yo, se foto sou moun ou aktyèlman swen sou. "

254
00:14:49,220 --> 00:14:52,200
Yon pati nan li se tou narsisism zèl.

255
00:14:52,200 --> 00:14:54,980
Moun renmen pou atenn nan foto ak bagay sa yo tankou sa.

256
00:14:54,980 --> 00:14:58,510
Pandan ke sa pa nan nesesèman yon bon trè imen,

257
00:14:58,510 --> 00:15:01,910
an menm tan an li nan ki baze sou desizyon konsepsyon bon

258
00:15:01,910 --> 00:15:04,860
paske moun aktyèlman swen sou bagay sa yo tankou sa a.

259
00:15:04,860 --> 00:15:07,190
Se konsa, sa a, se foto Facebook.

260
00:15:07,190 --> 00:15:09,800
>> Men, kite a pale Facebook plis jeneralman.

261
00:15:09,800 --> 00:15:13,400
Mwen sèten anpil moun isit la gen opinyon sou Facebook,

262
00:15:13,400 --> 00:15:16,430
tou de desizyon konsepsyon bon ak desizyon konsepsyon move.

263
00:15:16,430 --> 00:15:20,270
Se konsa, kite a anpeche oswa gen kè kontan.

264
00:15:23,480 --> 00:15:26,450
Vini non sou. Mwen konnen tout moun nan mitan nou sèvi ak Facebook.

265
00:15:26,450 --> 00:15:30,970
Yon moun gen yo gen yon move bagay yo di oswa yon bon bagay yo di sou li. Wi.

266
00:15:30,970 --> 00:15:35,060
[Elèv] Nan manje a nouvèl gen yon bann bagay sa yo mwen pa reyèlman sousye de.

267
00:15:35,060 --> 00:15:37,740
Manje nan nouvèl fè sa ki montre yon bann bagay sa yo ou pa ta ka pran swen sou.

268
00:15:37,740 --> 00:15:41,660
Ou gen zanmi sou Facebook ki moun ou pa gen te rankontre pandan 2 oubyen 3 zan

269
00:15:41,660 --> 00:15:43,860
epi ou wè rezilta nouvèl yo eklate moute nan manje nouvèl ou

270
00:15:43,860 --> 00:15:45,870
epi ou pa reyèlman sousye de li.

271
00:15:45,870 --> 00:15:48,700
Facebook gen aktyèlman te fè yon efò fè sa-a pi byen,

272
00:15:48,700 --> 00:15:53,150
ak yo te aktyèlman te eseye pouse rezilta ki gen rapò ak tèt la nan manje a nouvèl kòm nan anreta

273
00:15:53,150 --> 00:15:58,300
konsa ou aktyèlman wè bagay pa zanmi ki gen rapò ak ou menm oswa zanmi pwòch ou.

274
00:15:58,300 --> 00:16:01,110
Nenpòt lòt bagay? Wi.

275
00:16:01,110 --> 00:16:06,400
[Fèbl repons elèv] >> Èske ou ka di ke ankò?

276
00:16:06,400 --> 00:16:10,140
[Elèv] anons yo se relativman efase. >> Nan ki sans?

277
00:16:10,140 --> 00:16:16,370
[Fèbl elèv repons] Yo pa gen limyè sou ekran an, tankou banyèr.

278
00:16:16,370 --> 00:16:17,760
Oke. Sa a se bon.

279
00:16:17,760 --> 00:16:25,030
Si ou sonje entènèt la nan '90s yo - >> [Malan] Mwen te la. >> Li te la. [Ri]

280
00:16:25,030 --> 00:16:29,210
Ou ta ka sonje flache jif antesedan, sparkly bagay sa yo,

281
00:16:29,210 --> 00:16:31,570
GeoCities sòt style a bagay sa yo.

282
00:16:31,570 --> 00:16:34,080
Sa a vrèman pa yon egzanp sou yon konsepsyon bon

283
00:16:34,080 --> 00:16:36,690
paske li nan reyèlman distrè soti nan kontni an.

284
00:16:36,690 --> 00:16:39,590
Sit wèb la atizay Yale te konn itilize anvan jif anime kòm background yo

285
00:16:39,590 --> 00:16:41,800
epi ou pa t ka li anyen sou paj la,

286
00:16:41,800 --> 00:16:44,870
men mwen devine yon moun aktyèlman pale ak yo epi kounye a se yon ti jan diferan.

287
00:16:44,870 --> 00:16:48,940
[Malan] Li nan pi bon kounye an. >> Li nan pi bon kounye a, kòm ou kapab wè. >> [Malan] Oh yeah.

288
00:16:48,940 --> 00:16:56,020
Jis gwo, jis - Yeah. Oke.

289
00:16:56,020 --> 00:17:00,560
>> Pati nan li ap fè tou paj ou a posib trè minimalist ak anpil konprann

290
00:17:00,560 --> 00:17:05,690
Se konsa bagay sa yo sou koule nan paj nan yon fason ki trè ki lojik e ki pa jwenn nan fason a nan chak lòt.

291
00:17:05,690 --> 00:17:11,849
Kalite Ki sa ki nan lòt bagay yo se bon sou Facebook oswa move sou Facebook?

292
00:17:11,849 --> 00:17:15,730
Se pou nou jis gen yon konvèsasyon konsepsyon isit la.

293
00:17:19,470 --> 00:17:21,339
Oh. Ki kote? Yeah.

294
00:17:21,339 --> 00:17:25,640
[Elèv] sistèm nan Timeline nouvo pèmèt ou nan rechèch pwofil moun nan sou sot pase yo.

295
00:17:25,640 --> 00:17:28,119
Ooh, Timeline.

296
00:17:28,119 --> 00:17:30,280
Timeline se yon gwo bagay paske li pèmèt ou pouse zanmi ou

297
00:17:30,280 --> 00:17:33,300
tounen lè yo te nan lekòl segondè.

298
00:17:35,160 --> 00:17:38,060
Timeline se yon bon bagay paske li pèmèt ou filtre nan kontni yon anpil pi vit,

299
00:17:38,060 --> 00:17:41,500
li pèmèt ou jwenn bagay sa yo ke ta gen otreman pran ou yon moman vrèman long jwenn

300
00:17:41,500 --> 00:17:45,840
jis defile leve, li desann, moute, moute, moute, moute, moute, tankou ale tounen nan tan.

301
00:17:45,840 --> 00:17:48,910
Men, Lè sa a, gen nan tou sòt de yon inconvénient ak sa yo ki an tèm de eksperyans itilizatè.

302
00:17:48,910 --> 00:17:51,190
Ki sa ki ta ka ke ta dwe ye?

303
00:17:51,190 --> 00:17:56,780
Big mo ki kòmanse ak P R-. >> [Elèv] Enfòmasyon Prive. >> Privacy, dwa?

304
00:17:56,780 --> 00:17:59,970
Privacy se yon itilizatè pwoblèm gwo eksperyans.

305
00:17:59,970 --> 00:18:07,190
Sa a se youn nan bagay ki pi m 'rayi sou Facebook kounye a. [Ri]

306
00:18:07,190 --> 00:18:09,000
[Malan] Kòm pou m kounye a.

307
00:18:09,000 --> 00:18:11,380
David pa t 'konnen sa sa a aktyèlman te rive jouk yè.

308
00:18:11,380 --> 00:18:14,560
Se konsa, kounye a li konnen ke chak fwa mwen chat l 'mwen konnen li te konn mete inyore m'.

309
00:18:14,560 --> 00:18:16,880
[Malan] pati nan gòch te mwen te aktyèlman inyore l ',

310
00:18:16,880 --> 00:18:21,040
epi mwen pa t 'konnen li te konnen mwen te inyore l'. [Ri]

311
00:18:21,040 --> 00:18:24,030
Privacy se yon sijè gwo.

312
00:18:24,030 --> 00:18:28,670
Èske nenpòt moun kapab isit la di m 'sa ta ka move sou Facebook vi prive

313
00:18:28,670 --> 00:18:32,270
san konte lefèt ke yo fè bagay sa yo tankou sa a?

314
00:18:32,270 --> 00:18:37,240
Ki sa li patikilyèman di yo fè ki gen rapò ak Facebook vi prive?

315
00:18:37,240 --> 00:18:40,340
Ki sòt de se yon kesyon dirijan.

316
00:18:41,680 --> 00:18:43,930
Wi. >> [Elèv] Kache foto ou nan mitan pèp a sèten.

317
00:18:43,930 --> 00:18:46,170
Dwat. Egzakteman, nan kache foto ou nan mitan pèp a sèten.

318
00:18:46,170 --> 00:18:51,290
Yo gen sa a piti, ti kras bouton an dwa a anwo ki pèmèt ou aktive enfòmasyon prive ki nan yon foto.

319
00:18:51,290 --> 00:18:56,360
Opsyon vi prive yo yo trè varye ant kalite diferan nan meni.

320
00:18:56,360 --> 00:18:59,510
>> Yo te vinn yon pi bon anpil sou li dènyèman, men li itilize yo dwe ka a

321
00:18:59,510 --> 00:19:04,870
ke chak fwa ou te vle anpeche zanmi ou soti nan wè foto,

322
00:19:04,870 --> 00:19:08,280
ou ta gen yo ale nan yon pwosesis ki trè konplike-5 etap pou yo te tankou,

323
00:19:08,280 --> 00:19:11,150
kite m 'klike sou lyen sa a, kounye a kite m' klike sou ankò, kite m 'klike sou ankò,

324
00:19:11,150 --> 00:19:13,420
kite m 'presize ki moun ki pa ka wè foto m' yo.

325
00:19:13,420 --> 00:19:17,250
Sa a se pa patikilyèman bon sou pati Facebook a

326
00:19:17,250 --> 00:19:20,530
paske anpil sou eksperyans itilizatè ki aktyèlman ba yo libète a

327
00:19:20,530 --> 00:19:22,460
kontwole sa moun ka wè.

328
00:19:22,460 --> 00:19:25,550
Nou rele sa kontwòl itilizatè yo ak libète.

329
00:19:25,550 --> 00:19:31,090
Si ou pa ap kite itilizatè ou fè sa nan yon fason ki se efikas ak entwisyon,

330
00:19:31,090 --> 00:19:34,570
Lè sa a, eksperyans itilizatè ou an se pa reyèlman ki gwo nan tout.

331
00:19:34,570 --> 00:19:38,200
 Èske ou ta nèg renmen di anyen sou Facebook?

332
00:19:38,700 --> 00:19:41,420
Kouman pou mwen vire sa a la?

333
00:19:41,420 --> 00:19:46,290
[Ong] Ou pa ka vire sa a la, e ke se yon defo D 'gwo sou pati nan Facebook.

334
00:19:46,290 --> 00:19:49,410
Karakteristik sa a - Mwen aktyèlman gade nan li yè -

335
00:19:49,410 --> 00:19:53,940
li nan swa ke ou pa kapab fè li oswa li nan yon kote antere l 'trè, trè gwo twou san fon

336
00:19:53,940 --> 00:19:58,050
nan ata sou tèt Facebook paske mwen pa kapab konnen ki jan a enfim sa a fonctionnalités nan tout.

337
00:19:58,050 --> 00:20:00,400
[Malan] Men, pafwa desizyon sa yo yo pa evidan

338
00:20:00,400 --> 00:20:03,890
paske ou nèg yo te ban nou yon anpil nan fidbak itil sou CS50 divès kalite aplikasyon

339
00:20:03,890 --> 00:20:05,710
epi sou sit entènèt ke kou a sèvi avèk yo.

340
00:20:05,710 --> 00:20:10,260
Nou pa t 'aplike tout moun sa yo demann ak sijesyon.

341
00:20:10,260 --> 00:20:14,550
>> Yon pati nan se sa ki pou resevwa demann pou anpil moun ke li nan yon fonksyon yo nan tan,

342
00:20:14,550 --> 00:20:17,070
men pafwa nou jis pran yon desizyon konsyans tankou,

343
00:20:17,070 --> 00:20:19,830
"Mèsi dèske ou sijesyon la, men nou dakò."

344
00:20:19,830 --> 00:20:24,350
Se konsa, kouman ou aktyèlman deside ki sa w ta dwe fè si itilizatè ou panse ou ta dwe fè yon bagay

345
00:20:24,350 --> 00:20:28,110
menm si ou fè pa nesesèman?

346
00:20:28,110 --> 00:20:32,360
Li se yon balans amann ant aktyèlman koute sa divinò ou an di

347
00:20:32,360 --> 00:20:35,840
ak aktyèlman gen kèk sòt de liy kote ou di,

348
00:20:35,840 --> 00:20:37,750
"Nou pa pwal fè sa sa yo itilizatè yo 'di nou.

349
00:20:37,750 --> 00:20:42,520
Ak an patikilye, mwen panse ke te gen yon quote pa Henry Ford ki rezime sa a moute trè byen.

350
00:20:42,520 --> 00:20:47,130
"Si mwen te mande l 'moun sa yo te vle yo, yo ta yo te di yo te vle pi vit chwal."

351
00:20:47,130 --> 00:20:51,840
Èske nenpòt moun kapab klase nan toumante apa ki sa sa quote vrèman vle di?

352
00:20:51,840 --> 00:20:56,060
Li pa jis ke itilizatè konnen ki sa yo vle,

353
00:20:56,060 --> 00:20:59,180
men li la plis ke -

354
00:20:59,180 --> 00:21:02,720
[Elèv] Yo pa konnen sa ki nan sa posib.

355
00:21:02,720 --> 00:21:06,140
Nan pati yo pa konnen ki sa ki posib.

356
00:21:07,880 --> 00:21:11,440
Toumante ki apa yon ti jan ti kras pi plis. Ki sa ou vle di pa sa?

357
00:21:11,440 --> 00:21:21,340
[Fèbl repons elèv]

358
00:21:21,340 --> 00:21:25,770
Sa a se bon. Ki sa mwen panse ke nou ap eseye di isit la se ke gen moun ki konnen sa yo vle.

359
00:21:25,770 --> 00:21:28,050
Yo vle pi vit chwal.

360
00:21:28,050 --> 00:21:29,840
Kisa yo vle reyèlman se kapasite a pou avanse pou pi pi vit,

361
00:21:29,840 --> 00:21:32,310
men yo pa vrèman konnen mwayen an pa ki reyalize sa.

362
00:21:32,310 --> 00:21:36,330
Lè w rive nan itilizatè ou yo ak divinò ou rakonte w yon bagay

363
00:21:36,330 --> 00:21:39,700
epi yo di nou, "Nou vle karakteristik sa yo ak karakteristik sa yo ak karakteristik sa yo,"

364
00:21:39,700 --> 00:21:42,650
ou pa vle nesesèman panse osijè de, "Kite m 'ale pi devan

365
00:21:42,650 --> 00:21:44,720
"Epi aplike sa yo ouvètman di,"

366
00:21:44,720 --> 00:21:48,610
men ki sa ou vle panse osijè de se, "Ki sa ki sòt de lide mwen ka jwenn soti nan sa?"

367
00:21:48,610 --> 00:21:50,450
Ki sa yo aktyèlman vle?

368
00:21:50,450 --> 00:21:55,560
>> Depi lè sa a gen sa ou kapab fè se konsepsyon yon bagay ki satisfè sa yo mande

369
00:21:55,560 --> 00:22:00,340
men se pa nesesèman nan fason ke itilizatè a espere li yo dwe satisfè.

370
00:22:00,340 --> 00:22:03,830
Se konsa, pou yon bagay tankou pwojè final, an tèm trè reyèl,

371
00:22:03,830 --> 00:22:07,900
sa ki nan yon eristik itil lè li rive fè yon bagay pi byen,

372
00:22:07,900 --> 00:22:10,630
espesyalman si designer a gen sa a awogans sou li

373
00:22:10,630 --> 00:22:14,360
annakò ou sòt de konnen sa ki pi bon, ou ta ka pran enfòmasyon nan men gwoup itilizatè ou an,

374
00:22:14,360 --> 00:22:16,580
men ki jan ou aktyèlman ale sou kesyon pran ke Feedback?

375
00:22:16,580 --> 00:22:21,610
Nan pwojè final, trè konkrètman, ki sa ki pwodwi rezilta optimal isit la?

376
00:22:21,610 --> 00:22:25,030
Ki sa ki pwodwi rezilta optimal - epi mwen pral ale sou sa a nan yon dezyèm -

377
00:22:25,030 --> 00:22:29,190
se pwosesis sa a pou devlope ak Lè sa a, fè tès ak Lè sa a, iteration.

378
00:22:29,190 --> 00:22:32,020
Ki sa mwen vle di pa fè tès se nòmalman lè ou desine yon bagay

379
00:22:32,020 --> 00:22:36,970
ou panse li nan san patipri bon, tankou, "Mwen tankou yon designer gwo. Tout moun ki pral renmen sa a."

380
00:22:36,970 --> 00:22:41,600
Lè sa a, ou mete l 'deyò a la, ak moun ki pa vrèman renmen li pou kèk rezon.

381
00:22:41,600 --> 00:22:46,820
Ki sa ou dwe fè se ou dwe pran pati pyès sa yo de bagay sa yo ke gen moun ki fè tankou

382
00:22:46,820 --> 00:22:49,180
ak korije bagay sa yo ke moun ki pa renmen.

383
00:22:49,180 --> 00:22:53,080
Li son tankou yon pwosesis ki trè evidan, men pwosesis sa a nan toujou ap iteration

384
00:22:53,080 --> 00:22:55,980
sou tèt de ki sa ou te deja bati se yon pwosesis ki ede ou

385
00:22:55,980 --> 00:22:59,730
pa sèlman amelyore fòmasyon pwòp konsepsyon ou, men tou ede ou amelyore desen an

386
00:22:59,730 --> 00:23:03,790
pou ke moun yo aktyèlman apresye pwodwi ou menm pi plis pase yo te fè anvan.

387
00:23:03,790 --> 00:23:07,390
>> Mwen pral ale sou plis egzanp konkrè nan sa ki ou ta ka aktyèlman fè.

388
00:23:07,390 --> 00:23:11,390
Kòm kalite yon egzanp sot pase yo nan yon pwodwi, kite pou yo gade nan kayak.

389
00:23:11,390 --> 00:23:14,970
Kayak lè li te vini soti te trè, trè popilè.

390
00:23:14,970 --> 00:23:18,760
Èske nenpòt moun kapab devine poukisa?

391
00:23:18,760 --> 00:23:20,950
Ki sa ki kalite ki nan bagay sa yo ou renmen sou sa a si ou te itilize li

392
00:23:20,950 --> 00:23:23,990
oswa ki sa yo se kalite ki nan bagay sa yo ou pa renmen?

393
00:23:23,990 --> 00:23:31,590
Wi. >> [Fèbl repons elèv] >> Okay.

394
00:23:31,590 --> 00:23:34,730
Sa a se yon pati nan li se kite itilizatè a gen yon sijè rechèch ki pi plis awogan

395
00:23:34,730 --> 00:23:38,150
pase yon yon sèl tankou anpil restriksyon, "Ou ta dwe chwazi dat kòmansman ou

396
00:23:38,150 --> 00:23:39,810
"Epi ou ta dwe chwazi dat fen ou a."

397
00:23:39,810 --> 00:23:44,910
An reyalite, li pèmèt ou dwe fleksib sou li e li ba ou tout nan vòl yo ki nan ki pòte.

398
00:23:44,910 --> 00:23:46,730
Nenpòt lòt bagay?

399
00:23:46,730 --> 00:23:50,530
[Elèv] Yo genyen ladan yo frè yo nan pri an.

400
00:23:50,530 --> 00:23:53,330
Yo fè enkli frè yo ki nan pri an.

401
00:23:53,330 --> 00:23:56,720
Taks yo ak bagay sa yo aktyèlman ale tou dwat nan ki pri nan bò gòch la anwo

402
00:23:56,720 --> 00:24:00,710
se konsa ou pa ap twonpe nan panse ke w ap aktyèlman pou peye pou yon vòl $ 240

403
00:24:00,710 --> 00:24:03,280
lè li vrèman $ 330.

404
00:24:03,280 --> 00:24:06,200
Nenpòt lòt bagay? Wi.

405
00:24:06,200 --> 00:24:10,140
[Fèbl repons elèv]

406
00:24:10,140 --> 00:24:14,610
Mwen pa si si yo aktyèlman kite ou fè sa.

407
00:24:14,610 --> 00:24:18,310
M 'te ka sa ki mal.

408
00:24:18,310 --> 00:24:23,360
Ke sa ta kapab yon enteresan bagay si ou vle mete plis pwa sou filtè an patikilye

409
00:24:23,360 --> 00:24:27,000
yo pou ke yo pouse rezilta ki gen rapò ak filtè nan tèt la.

410
00:24:27,000 --> 00:24:31,920
Men, kapab nenpòt moun ki fè m 'konnen sa ki nan konsa espesyal sou sa a bò gòch?

411
00:24:31,920 --> 00:24:39,540
Kijan ou te tradisyonèlman gade moute yon vòl nan yon sèvis Entènèt anvan sa a?

412
00:24:41,600 --> 00:24:44,650
>> Wi. >> [Fèbl repons elèv] >> Èske ou ka di ke -

413
00:24:44,650 --> 00:24:47,530
[Elèv] Chak avyon. >> Yeah. Chak avyon gen pwòp sit entènèt li yo.

414
00:24:47,530 --> 00:24:50,110
Sa a konsolide bagay sa yo. Ak?

415
00:24:50,110 --> 00:24:52,190
[Elèv] Ou konnen ekzakteman ki sa tan w ap kite.

416
00:24:52,190 --> 00:24:54,460
Ou konnen ekzakteman ki sa tan w ap kite,

417
00:24:54,460 --> 00:24:59,380
men ki gen rapò ak filtè yo an patikilye.

418
00:25:00,710 --> 00:25:03,540
Kite m 'rale moute kayak.

419
00:25:11,490 --> 00:25:14,020
Oh Bondye, pòp-ups. Move eksperyans itilizatè.

420
00:25:14,020 --> 00:25:17,230
Kisa k ap pase lè m 'deplase sa a kurseur?

421
00:25:17,230 --> 00:25:21,010
[Elèv] Ki dènye otomatik. >> [Ong] Ki dènye otomatik.

422
00:25:21,010 --> 00:25:23,440
Sa a se yon bagay ki enpòtan anpil.

423
00:25:23,440 --> 00:25:25,380
Anvan sa a, nenpòt lè ou te vle yo gade jiska yon vòl,

424
00:25:25,380 --> 00:25:28,410
ou te gen yo mete nan kote apò ou, kote pwodiksyon ou, peze Search,

425
00:25:28,410 --> 00:25:31,190
li ta travay sou sa ki epi montre rezilta ou.

426
00:25:31,190 --> 00:25:34,120
Si ou te vle chanje sijè rechèch ou an, ou ta gen yon konvèsasyon vwa tounen de fwa,

427
00:25:34,120 --> 00:25:39,770
antre nan nan yon sijè rechèch nouvo soti nan grafouyen, ak Lè sa a, fè li sou yo ak sou ankò.

428
00:25:39,770 --> 00:25:43,910
Bagay nan bon sou yon bagay tankou sa a se li itilize yon trè [enkonpreansibl] bagay nan mitan yo.

429
00:25:43,910 --> 00:25:46,230
Nenpòt lè ou fè yon bagay tankou sa a, li lans sou yon demann

430
00:25:46,230 --> 00:25:48,420
ak li retounen nou tout rezilta yo imedyatman.

431
00:25:48,420 --> 00:25:51,680
Sa a sòt de fidbak imedya se yon bagay ki te fè kayak pwi enflasyon popilè

432
00:25:51,680 --> 00:25:55,910
paske li nan reyèlman fasil pou mwen pou m jis chanje sijè rechèch mwen

433
00:25:55,910 --> 00:25:58,890
ak figi soti bagay sa yo ke yo ozalantou yon seri patikilye

434
00:25:58,890 --> 00:26:01,950
san yo pa gen ale retounen lakay yo epi soti, retounen lakay yo epi soti, retounen ak lide.

435
00:26:01,950 --> 00:26:05,200
Se konsa, sa yo, se tout kalite bagay sa yo ou vle panse osijè de lè w ap desine sit entènèt ou.

436
00:26:05,200 --> 00:26:08,930
Kouman mwen ka fè li trè efikas pou itilizatè mwen yo ale nan tou sa yo ap travay sou

437
00:26:08,930 --> 00:26:13,010
ak pou li ale nan objektif evantyèlman yo kòm byen vit ke posib?

438
00:26:13,010 --> 00:26:16,430
[Malan] Lè nan pwen Jozèf yo pi bonè sou itilizatè yo pa nesesèman konnen sa yo vle,

439
00:26:16,430 --> 00:26:18,640
ki baze sou ki sa ou nèg kounye a konnen sou HTML

440
00:26:18,640 --> 00:26:22,780
epi ou gen kaz, bouton radyo, meni seleksyone yo, jaden yo opinyon ak renmen an,

441
00:26:22,780 --> 00:26:26,140
ki jan ou ta aplike nosyon de davwa yon tan kòmansman pou yon vòl?

442
00:26:26,140 --> 00:26:30,030
>> Kilès nan sa yo fòmil UI divès ou ta itilize?

443
00:26:30,030 --> 00:26:34,100
Si ou jis konnen kantite a HTML ki te anseye anvan

444
00:26:34,100 --> 00:26:39,070
e ou konnen entrain yo se bouton radyo, kaz, drop-Downs, ansanm ak ti bwat D ',

445
00:26:39,070 --> 00:26:43,320
sa ki ta gen chwa natirèl ou a te pou davwa dat?

446
00:26:43,320 --> 00:26:48,670
[Elèv] Antre. Antre >>. Oswa petèt menm yon ti gout-desann ak tout dat yo, dwa?

447
00:26:48,670 --> 00:26:53,170
Se konsa, avèk mekanism plis konplèks UI tankou sa a sou bò gòch la ke ou ka aplike,

448
00:26:53,170 --> 00:26:55,500
ou ka fè pwosesis sa a pi plis entwisyon ak yon kurseur

449
00:26:55,500 --> 00:27:01,020
paske tan se kontinyèl, ak moun anjeneral pa panse a li an tèm de sègman disrè.

450
00:27:01,020 --> 00:27:04,950
Tout dwa. Dènye bagay.

451
00:27:04,950 --> 00:27:07,370
Dis D 'eristik.

452
00:27:07,370 --> 00:27:10,820
Tout bagay sa yo nou te pale osijè de pwobableman tonbe anba youn nan kategori sa yo.

453
00:27:10,820 --> 00:27:14,420
Si ou ale nan lyen sa a, ki kote yo pral poste sou entènèt,

454
00:27:14,420 --> 00:27:18,900
ou pral aktyèlman kapab, jan ou desine sit ou a, kenbe sa yo eristik nan tèt ou

455
00:27:18,900 --> 00:27:21,330
ak règ sa yo nan gwo pous.

456
00:27:21,330 --> 00:27:26,610
Pou pwojè ou a, ki sa mwen sijere ou fè yo nan lòd yo desine app ou a pi byen

457
00:27:26,610 --> 00:27:28,850
se fè Prototype papye an premye.

458
00:27:28,850 --> 00:27:32,150
Lè w ap panse sou aplikasyon ou lan, trè vit trase sa ou vle l 'bay gade tankou

459
00:27:32,150 --> 00:27:36,230
, epi fè sèten tout bwat yo ranje nan yon fason ki trè entwisyon pou itilizatè a pou itilize

460
00:27:36,230 --> 00:27:39,820
e menm montre sa yo prototip papye to zanmi ou ak kòmanse gwoup diskisyon.

461
00:27:39,820 --> 00:27:44,230
Jis jwenn 2 oubyen 3 moun ansanm epi mande yo bay jis tiyo sou sa yo prototip papye,

462
00:27:44,230 --> 00:27:47,650
epi montre yo ekran nouvo yo wè si yo aktyèlman konprann sa ki pral sou.

463
00:27:47,650 --> 00:27:50,680
>> Ki sa ou vle fè se ba yo yon travay, motive ki travay,

464
00:27:50,680 --> 00:27:53,270
ak jis ba yo app a epi kite yo sèvi ak li.

465
00:27:53,270 --> 00:27:56,530
pa bay yo enstriksyon pi lwen pase sa.

466
00:27:56,530 --> 00:28:00,920
Ou vle aktyèlman kite yo kominike avèk app ou nan yon fason ki pèmèt ou wè

467
00:28:00,920 --> 00:28:03,870
kijan yo ta sèvi ak li si ou pa te kanpe bò kote yo a.

468
00:28:03,870 --> 00:28:05,250
Epi sa a, ki enpòtan anpil.

469
00:28:05,250 --> 00:28:08,780
Ki pral ba ou anpil bagay nan Sur kòm yo se moun k ap resevwa tout bagay nou patikilye

470
00:28:08,780 --> 00:28:10,560
nan yon fason ki mwen pa t 'gen entansyon yo?

471
00:28:10,560 --> 00:28:14,680
Èske yo lè l sèvi avèk fòmil UI patikilye sou ekran an

472
00:28:14,680 --> 00:28:17,490
nan yon fason ki se kalite hacky?

473
00:28:17,490 --> 00:28:22,020
Mwen pa t 'gen entansyon pou yo pou fè l' ki fason.

474
00:28:22,020 --> 00:28:23,940
E yon fwa w ap fè ak ki, ki sa ou vle fè?

475
00:28:23,940 --> 00:28:26,010
Wòch konsepsyon ou, dwa?

476
00:28:26,010 --> 00:28:29,600
Ki sa ou vle fè se ou vle devlope ak Lè sa a, fè pwosesis sa a sou yo ankò.

477
00:28:29,600 --> 00:28:32,110
Se konsa, montre li nan zanmi yon fwa ou te devlope li, tès li,

478
00:28:32,110 --> 00:28:36,630
devlope, teste, devlope, teste, repekte, sou yo ak sou sou yo ak sou pi devan.

479
00:28:36,630 --> 00:28:39,720
Design se yon trè repete pwosesis nan sans sa a.

480
00:28:39,720 --> 00:28:43,280
Ou gen aktyèlman yo bati yon bagay e yo Lè sa a, reyalize bagay sa yo sou li

481
00:28:43,280 --> 00:28:46,520
ke ou pa t 'rekonèt devan epi ale retounen lakay yo epi amelyore soti nan sa.

482
00:28:46,520 --> 00:28:50,890
Koulye a, kòm pou pati ki devlopman, se sa ki Tommy ki pral montre w apre repo a

483
00:28:50,890 --> 00:28:53,220
epi ki jan ou ka kapab aplike yon bagay tankou otokonple

484
00:28:53,220 --> 00:28:56,610
nan yon fason ki se jistis ki senp.

485
00:28:57,440 --> 00:28:59,550
[Malan] Kòm Tommy kouche moute isit la, yon kesyon Lè sa a,.

486
00:28:59,550 --> 00:29:03,780
Yon anpil nan sit entènèt yo pi bonè - ak lè Jozèf di ane 1990 sou sit wèb style,

487
00:29:03,780 --> 00:29:07,640
li te en kote si ou te vle chwazi yon tan ap kòmanse ak yon tan fen,

488
00:29:07,640 --> 00:29:10,380
franchman, li tounen nan jou a, e menm sou kèk sit entènèt jodi a,

489
00:29:10,380 --> 00:29:13,220
nan fason ou fè sa a se ou chwazi yon èdtan nan yon gout desann-,

490
00:29:13,220 --> 00:29:15,910
ou chwazi minit nan yon gout-desann, petèt ou chwazi pou ou AM, PM,

491
00:29:15,910 --> 00:29:17,440
ak Lè sa a, ou fè sa 3 fwa plis.

492
00:29:17,440 --> 00:29:19,920
Se konsa, ak 6 klik e petèt defile kèk

493
00:29:19,920 --> 00:29:24,000
itilizatè ou ka aktyèlman bay kèk kalite dat ak / oswa ranje tan nan sans sa a.

494
00:29:24,000 --> 00:29:27,920
>> Se konsa, definitivman optimal e ankò konsa byen lwen nou te wè pa gen okenn kapasite ekspresif

495
00:29:27,920 --> 00:29:30,330
nan nenpòt nan lang yo nou te gade fè sexier yon bagay

496
00:29:30,330 --> 00:29:32,620
tankou sa a kurseur nan tan kòmanse ak lè fen.

497
00:29:32,620 --> 00:29:36,290
Men, si ou panse tounen nan semèn 0 lè nou te pale osijè de grafouyen,

498
00:29:36,290 --> 00:29:39,080
gen twò pa t 'gen widgets ki jis te fè sèten bagay.

499
00:29:39,080 --> 00:29:42,700
Ou vrèman jis te gen sa yo fondamantal tankou pasan ak kondisyon ak renmen an.

500
00:29:42,700 --> 00:29:46,910
Se konsa, kalite jis panse trè abstrè, koulye a, endepandan de Nap yo nan HTML,

501
00:29:46,910 --> 00:29:51,260
ki sa ki reyèlman ale sou ak yon bagay tankou tan sa a kòmanse ak kurseur tan fini?

502
00:29:51,260 --> 00:29:54,960
Lè m 'deplase sourit mwen epi mwen klike sou senbòl ki kawòt ti kras sou bò gòch la

503
00:29:54,960 --> 00:29:59,220
e kòmanse trenen, programe, ki sa li ou vle pou kapab aplike

504
00:29:59,220 --> 00:30:01,000
fè ki rive?

505
00:30:01,000 --> 00:30:04,920
Ki kesyon, ki sa ki ekspresyon Boolean ou vle pou kapab mande?

506
00:30:04,920 --> 00:30:06,930
Kisa ki reyèlman ale sou? Sammy?

507
00:30:06,930 --> 00:30:10,080
[Elèv] Ki kote nan pozisyon nan kurseur la? >> Bon. Ki kote se pozisyon nan kurseur la?

508
00:30:10,080 --> 00:30:11,970
Sa a te yon bagay nou bezwen eksprime tounen nan grafouyen,

509
00:30:11,970 --> 00:30:14,690
si li te baze sou ki kote oswa menm koulè oswa tankou an.

510
00:30:14,690 --> 00:30:18,410
Ou ta ka sonje janm konsa yon ti tan nan Lendi te gen tout bagay sa yo rele evènman

511
00:30:18,410 --> 00:30:22,370
nan mond lan nan sit Entènèt la, epi konsa gen nan bagay sa yo tankou xonclick ak onkeypress

512
00:30:22,370 --> 00:30:25,960
ak onkeyup ak onmouseover ak onmouzawt.

513
00:30:25,960 --> 00:30:29,130
Se konsa, reyalize ke menm bagay sa yo nou te te pran pou yo akòde sou entènèt la

514
00:30:29,130 --> 00:30:32,190
ak sit tankou Facebook ak Gmail, menm si ou pa gen okenn lide

515
00:30:32,190 --> 00:30:34,890
ki jan ou ta pètèt aplike pou sa paske pa gen anyen menm tankou l 'nan konferans

516
00:30:34,890 --> 00:30:38,570
oswa Pwoblèm Fikse 7, reyalize ke sa yo ak Fondamamtal egzak menm,

517
00:30:38,570 --> 00:30:41,090
ak HTTP ak karakteristik epi pou yo jwenn ak POST,

518
00:30:41,090 --> 00:30:44,010
ak entrain yo debaz HTML ke nou te gade konsa byen lwen

519
00:30:44,010 --> 00:30:47,690
ak nan yon moman ak fòmil yo pwogramatik ki nan Tommy sou yo prezante

520
00:30:47,690 --> 00:30:51,300
ou ka kòmanse yo eksprime tèt ou jis tankou ou te fè nan semèn 0

521
00:30:51,300 --> 00:30:53,800
pa trè entwitivman trenen ak jete.

522
00:30:53,800 --> 00:30:58,950
>> Se konsa, avèk ki te di: Tommy MacWilliam ak kèk moso devinèt nouvo pou nou pou sit entènèt.

523
00:30:58,950 --> 00:31:03,450
Tout dwa. Non mwen se Tommy ak mwen pral yo dwe pale sou JavaScript.

524
00:31:03,450 --> 00:31:07,150
Jis yon dechajman: Se mwen menm nan opinyon ke JavaScript se lang la pwogramasyon pi bon

525
00:31:07,150 --> 00:31:09,010
nan tout mond lan tout antye.

526
00:31:09,010 --> 00:31:11,940
Gen anpil bagay nan moun ki dakò avè m ', men li la jis etonan.

527
00:31:11,940 --> 00:31:16,330
Yon fwa ou tounen nan C, si ou gen yo ekri C pou yon lòt klas oubyen kèk lòt lang yo,

528
00:31:16,330 --> 00:31:19,780
li jis reyèlman fwistre nan tout detay yo ki ba-nivo ou gen jwenn anbourbe desann pous

529
00:31:19,780 --> 00:31:23,050
Se konsa, si w ap janm santi tris sou kouman annwiyeu C se ka ekri,

530
00:31:23,050 --> 00:31:25,130
jis ale tounen, ekri kèk JavaScript. Li nan nivana.

531
00:31:25,130 --> 00:31:27,980
Ou ap santi pi bon sou jou ou move non.

532
00:31:27,980 --> 00:31:31,900
Yon anpil nan majik nan JavaScript soti nan kapasite li nan manipile bagay sa yo

533
00:31:31,900 --> 00:31:33,730
ki deja sou paj la.

534
00:31:33,730 --> 00:31:38,520
Lè nou te ekri Scripts PHP nou an, yo te egzekite sou sèvè a,

535
00:31:38,520 --> 00:31:42,270
ak evantyèlman ki PHP script pwobableman Sòti kèk HTML.

536
00:31:42,270 --> 00:31:45,860
Sa HTML te voye bay kliyan an, ak Lè sa a, sa ki te li.

537
00:31:45,860 --> 00:31:50,180
Si PHP te vle ajoute yon bouton nan yon paj, pou egzanp, li pa ka vrèman fè sa.

538
00:31:50,180 --> 00:31:54,350
Li ta genyen rann yon antye nouvo dosye HTML epi voye ke yo navigatè a.

539
00:31:54,350 --> 00:31:57,840
Avèk JavaScript nou konnen ke nou ka mete ajou bagay sa yo pandan ke yo ap deja sou paj la,

540
00:31:57,840 --> 00:32:00,840
ak paske nan sa nou kapab founi fidbak pi plis enstantane,

541
00:32:00,840 --> 00:32:06,150
ki pral reyèlman amelyore eksperyans nan itilizatè sou sit entènèt nou an.

542
00:32:06,150 --> 00:32:09,330
Jis yon rapèl rapid sou JavaScript seleksyon.

543
00:32:09,330 --> 00:32:11,590
Nou konnen ke lè nou telechaje yon paj HTML,

544
00:32:11,590 --> 00:32:13,890
ki k ap pase yo dwe reprezante nan Dom la.

545
00:32:13,890 --> 00:32:19,340
>> Dom yo sonje se jis pye bwa sa a gwo kote eleman yo ki gen rapò sa a nan yerachi gwo.

546
00:32:19,340 --> 00:32:21,810
Lè nou te travay ak baz done nan pset 7,

547
00:32:21,810 --> 00:32:26,280
youn nan bagay ki premye nou bezwen konnen ki jan fè se te sijè rechèch baz done a.

548
00:32:26,280 --> 00:32:29,060
Nou gen sa a gwo itilizatè tab, epi pafwa nou jis vle di,

549
00:32:29,060 --> 00:32:33,260
"Mwen sèlman vle kèk nan sa yo itilizatè yo ki matche ak kèk kondisyon."

550
00:32:33,260 --> 00:32:36,020
Menm jan tou, lè nou gen Dom a nou bezwen kèk fason pou rekèt li.

551
00:32:36,020 --> 00:32:39,490
Nou bezwen kèk fason pou di, "Mwen vle tout bouton sa yo ki gade tankou sa a

552
00:32:39,490 --> 00:32:41,860
"Oswa tout imaj yo sou paj la."

553
00:32:41,860 --> 00:32:44,330
Ak sa yo seleksyon pèmèt nou fè sa.

554
00:32:44,330 --> 00:32:45,690
Se konsa, jis yon rapèl rapid.

555
00:32:45,690 --> 00:32:50,770
Sa a yon sèl premye isit la, sa a # soumèt an, sa sa pral chwazi? nenpòt moun ki sonje?

556
00:32:50,770 --> 00:32:54,880
[Fèbl repons elèv] >> Yeah, egzakteman.

557
00:32:54,880 --> 00:32:59,510
Sa a se pral chwazi yon eleman sou paj la ki gen yon ID nan soumèt.

558
00:32:59,510 --> 00:33:03,470
Se konsa, ki tag regle di sa a seleksyon ki pral travay ak idantite.

559
00:33:03,470 --> 00:33:07,630
Kouman sou yon sèl, dezyèm lan, sa a. Santre, ki sa ki pral ki chwazi?

560
00:33:11,360 --> 00:33:15,180
Yeah. >> [Elèv] Gwoup. >> Egzakteman. Sa a se kounye a ale nan chwazi nan klas la.

561
00:33:15,180 --> 00:33:18,840
Diferans ki genyen ant ID ak klas isit la se jeneralman ID a yo ta dwe inik

562
00:33:18,840 --> 00:33:20,820
nan kèlkeswa sa espas w ap chèche sou.

563
00:33:20,820 --> 00:33:23,080
Se konsa, si ou te chache sou plis pase yon paj entènèt antye,

564
00:33:23,080 --> 00:33:27,740
ou reyèlman yo ta dwe sèlman gen 1 eleman ak ki ID sèten, se konsa nan ka sa a nan soumèt.

565
00:33:27,740 --> 00:33:31,330
Avèk klas yo, sou la lòt bò, nou ka gen plis pase 1 eleman nan paj an menm

566
00:33:31,330 --> 00:33:33,130
avèk klas la menm.

567
00:33:33,130 --> 00:33:36,580
Sa a te kapab itil pou li di mwen vle chwazi tout bagay ki nan santre sou paj la

568
00:33:36,580 --> 00:33:38,450
olye ke sèlman 1 bagay sa yo.

569
00:33:38,450 --> 00:33:40,310
>> Epi finalman, yon sèl sa a dènye isit la se yon ti kras pi plis konplike,

570
00:33:40,310 --> 00:33:43,890
men ki sa sa a se ale nan chwazi nan Dom a?

571
00:33:46,650 --> 00:33:48,810
[Repons fèbl elèv] >> Ki sa ki nan sa?

572
00:33:48,810 --> 00:33:53,250
[Elèv] Nenpòt bagay ki se yon tag. >> Nou gen 2 pati isit la.

573
00:33:53,250 --> 00:33:58,070
Pati nan dezyèm ki pral di mwen vle chwazi sa yo tags ak yon tag nan opinyon,

574
00:33:58,070 --> 00:34:00,730
pou nenpòt ki eleman ki se yon tag opinyon.

575
00:34:00,730 --> 00:34:03,080
Men, mwen pa vle jis chwazi tout entrain yo

576
00:34:03,080 --> 00:34:05,170
paske yon bagay tankou yon bouton plede te kapab yon D '

577
00:34:05,170 --> 00:34:08,409
ak yon bagay tankou yon bwat tèks te kapab yon D '.

578
00:34:08,409 --> 00:34:11,909
Se konsa, avèk sa yo parantèz kare m ap di mwen sèlman vle chwazi sa yo eleman

579
00:34:11,909 --> 00:34:14,110
ki nan tèks ki kalite.

580
00:34:14,110 --> 00:34:17,400
Yon kote nan tag HTML m 'mwen gen yon atribi rele kalite,

581
00:34:17,400 --> 00:34:19,750
ak valè sa a nan atribi te gen tèks.

582
00:34:19,750 --> 00:34:21,340
Se konsa, ki jan sou pati sa a premye isit la?

583
00:34:21,340 --> 00:34:25,489
Mo nan premye nan sa a seleksyon manm CCELL se fòm Lè sa a, mwen gen yon espas ak Lè sa a, nan pati sa a D '.

584
00:34:25,489 --> 00:34:29,620
Ki sa sa fè sa, mete fòm nan nan devan li?

585
00:34:33,409 --> 00:34:35,860
Sa a se pral fondamantalman limite rechèch nou an.

586
00:34:35,860 --> 00:34:38,510
Li ta ka ka a ke nou gen kèk entrain sou paj la

587
00:34:38,510 --> 00:34:41,080
ki pa pitit ak pitit pitit yon fòm.

588
00:34:41,080 --> 00:34:46,150
Ki sa sa ap fè se sa a ap di mwen sèlman vle opinyon etikèt yo ki gen yon kote pi wo a yo

589
00:34:46,150 --> 00:34:49,030
kèk paran eleman nan yon fòm.

590
00:34:49,030 --> 00:34:52,100
Se konsa, nan fason sa a nou ka fè sa yo queries plis yerarchize

591
00:34:52,100 --> 00:34:55,000
donk nou pa jis gen nan chwazi tout bagay matche yon seleksyon manm CCELL bay yo.

592
00:34:55,000 --> 00:35:00,760
Nou kapab kalite limit sijè ki abòde lan ki sijè rechèch yon lòt bagay.

593
00:35:00,760 --> 00:35:04,000
Se konsa, kounye a ke nou konnen ki jan yo chwazi eleman ki nan paj la,

594
00:35:04,000 --> 00:35:06,780
kite a pale yon ti jan sou Ajax.

595
00:35:06,780 --> 00:35:12,270
Ajax se yon akwonim toujou trè tandans ki vle di pou asenkron JavaScript ak XML.

596
00:35:12,270 --> 00:35:15,640
Li jis konsa k ap pase ki XML se jis kèk fason ki reprezante done.

597
00:35:15,640 --> 00:35:20,920
>> Sa kalite yo nan pèdi popilarite dènyèman, se konsa X la nan Ajax pa itilize tout tan tout tan an.

598
00:35:20,920 --> 00:35:26,220
Fondamantalman, ki sa ki Ajax pèmèt nou fè a fè yon demann HTTP

599
00:35:26,220 --> 00:35:28,620
soti nan kontèks la nan JavaScript.

600
00:35:28,620 --> 00:35:32,310
Lè nou ap nan navigatè entènèt nou yo ak nou ap navige alantou paj epi nou klike sou yon lyen,

601
00:35:32,310 --> 00:35:37,790
sa ki navigatè nou an, ap pral fè se fè yon demann HTTP mèt fè tout sa lyen nou klike sou.

602
00:35:37,790 --> 00:35:41,670
Men sa a pa toujou ideyal paske si se ka a, Lè sa a, tankou David, te di li:

603
00:35:41,670 --> 00:35:45,220
nou toujou gen fè divinò klike sou yon bouton anvwaye oswa klike sou yon lyen

604
00:35:45,220 --> 00:35:50,380
yo nan lòd fè anyen rive ki nan ale nan enplike yon demann HTTP.

605
00:35:50,380 --> 00:35:54,160
Se konsa, avèk Ajax nou ka fè sa yo mande nan non JavaScript.

606
00:35:54,160 --> 00:35:57,020
Sa vle di chak fwa itilizatè a reyaji ak paj la oswa yon lòt bagay rive,

607
00:35:57,020 --> 00:36:01,780
nou ka aktyèlman fè yon demann pwogramatik nan kèk dosye PHP lòt sou sit entènèt nou

608
00:36:01,780 --> 00:36:06,280
oswa tout lòt bagay ak rekipere done yo ki ki dosye krache deyò.

609
00:36:06,280 --> 00:36:09,860
Se pou nou pran yon gade nan yon egzanp sou Ajax.

610
00:36:09,860 --> 00:36:16,140
Sa a se paj Finans CS50 nou avèk ki èspere ke kèk nan nou yo abitye.

611
00:36:16,140 --> 00:36:21,790
Si nou gade nan HTML a nan paj sa a, nou wè isit la ke mwen te ajoute yon bagay kèk,

612
00:36:21,790 --> 00:36:23,820
youn nan ki mwen te bay fòm sa a yon ID.

613
00:36:23,820 --> 00:36:26,480
Mwen te di id = "fòm-quote".

614
00:36:26,480 --> 00:36:31,910
Mwen te fè sa a jis paske li pral fè sa-a yon ti kras ti jan pi fasil chwazi nan Dom nan

615
00:36:31,910 --> 00:36:35,090
depi m 'ka jis fè yon rechèch trè senp.

616
00:36:35,090 --> 00:36:38,960
Ki sa mwen vle fè isit la se mwen vle ranje kèk pwoblèm ak CS50 Finans.

617
00:36:38,960 --> 00:36:41,550
Se konsa, si nou ale nan finance.cs50.net,

618
00:36:41,550 --> 00:36:45,700
chak fwa mwen vle jwenn yon quote, mwen gen klike sou bouton sa-a Quote jwenn,

619
00:36:45,700 --> 00:36:48,960
e ke Jwenn bouton Quote Lè sa a, pran m 'nan yon lòt paj antye.

620
00:36:48,960 --> 00:36:52,400
Men, si mwen vle yon lòt quote, mwen gen frape bouton an nan do ak Lè sa a, mwen tape l 'nan,

621
00:36:52,400 --> 00:36:54,480
Mwen ka resevwa yon quote, e mwen frape bouton an Retounen.

622
00:36:54,480 --> 00:36:56,840
Sa a vrèman se pa eksperyans nan itilizatè pi bon an.

623
00:36:56,840 --> 00:37:01,570
Ki moun ki ta reyèlman itilize sit la si li nan ki dousman jwenn pri stock?

624
00:37:01,570 --> 00:37:05,630
Se konsa, ki sa nou vle fè ak Ajax se retire sa etap nan ale nan yon paj separe

625
00:37:05,630 --> 00:37:08,410
yo nan lòd yo wè rezilta yo.

626
00:37:08,410 --> 00:37:11,240
>> Ki sa nou ap reyèlman sèlman mande pou se ke pri reyèlman piti,

627
00:37:11,240 --> 00:37:14,240
ak sa se sèlman yon kantite lajan reyèlman ti done.

628
00:37:14,240 --> 00:37:17,400
Se konsa, gen nan pa gen bezwen pou m 'ale yon lòt antye paj HTML,

629
00:37:17,400 --> 00:37:20,670
telechaje yon antye pakèt nouvo sou HTML, petèt telechaje kèk plis imaj,

630
00:37:20,670 --> 00:37:24,410
kèk lòt dosye CSS jis pou mwen pou m reponn kesyon ki trè senp

631
00:37:24,410 --> 00:37:27,810
kantite lajan sa a pri stock.

632
00:37:27,810 --> 00:37:31,000
Avèk Ajax nou ka fè sa a anpil yon pi fasil.

633
00:37:31,000 --> 00:37:36,400
Nou wè desann isit la ke mwen ki lye ak nan yon dosye JavaScript rele quote.js.

634
00:37:36,400 --> 00:37:40,140
Se pou nou aktyèlman louvri moute ki dosye. Pa jwenn yo.

635
00:37:42,610 --> 00:37:45,860
Tout moun nan JavaScript dosye mwen yo pral chita nan HTML

636
00:37:45,860 --> 00:37:47,630
pou ke navigatè wèb la ka gen aksè li.

637
00:37:47,630 --> 00:37:50,330
Lè sa a, nou gen yon anyè separe isit la pou JavaScript,

638
00:37:50,330 --> 00:37:54,340
e kounye a, isit la se quote.js.

639
00:37:54,340 --> 00:38:00,930
Nan tèt sa a ranpli sa a di isit la ke mwen vle rete tann pou tout paj la yo dwe chaje

640
00:38:00,930 --> 00:38:04,830
mwen anvan m 'eseye fè anyen. Poukisa se sa nesesè?

641
00:38:04,830 --> 00:38:08,650
Li sanble ke bagay la pwochen mwen pral fè isit la se kòmansman kap chèche yon eleman

642
00:38:08,650 --> 00:38:10,810
ki matche ak kèk seleksyon manm CCELL.

643
00:38:10,810 --> 00:38:15,600
Si sa a se JavaScript janm ekzekite anvan yo sa a eleman ki chaje sou paj la,

644
00:38:15,600 --> 00:38:17,820
Lè sa a, tout sa mwen eseye fè a pa pral travay

645
00:38:17,820 --> 00:38:20,580
paske mwen pral pou yo eseye chwazi yon bagay ki pa gen ankò.

646
00:38:20,580 --> 00:38:23,780
Se konsa, liy sa a moute tèt di mwen vle fè w rete tann jiskaske tout bagay se boure

647
00:38:23,780 --> 00:38:28,030
se konsa n ap garanti ke nenpòt eleman Mwen kap chèche yo aktyèlman sou paj la.

648
00:38:29,730 --> 00:38:34,310
Sa a siy dola isit la vle di m ap sèvi ak bibliyotèk lan te rele jQuery.

649
00:38:34,310 --> 00:38:38,570
Sa a bibliyotèk jQuery pèmèt nou sèvi ak sa yo seleksyon ke nou jis te gade.

650
00:38:38,570 --> 00:38:44,010
Lè li di $ Lè sa a, pase nan kòm yon agiman sa a # fòm-quote,

651
00:38:44,010 --> 00:38:47,910
Mwen kounye a chwazi ki fòm ke nou jis te pran yon gade.

652
00:38:47,910 --> 00:38:52,290
Koulye a, mwen gen yon reprezantasyon nan ki fòm nan memwa yon jan kanmenm.

653
00:38:52,290 --> 00:38:56,760
>> Sou sa a objè kounye a, sa a reprezantasyon nan fòm la,

654
00:38:56,760 --> 00:38:58,890
Mwen kounye a lè l sèvi avèk yon fonksyon rele sou.

655
00:38:58,890 --> 00:39:02,710
Ki sa sa fonksyon fè, se li a pral mete yon kap okipe-evènman.

656
00:39:02,710 --> 00:39:06,310
Evènman sa yo ke nou ap ale nan koute pou li a se evènman an soumèt.

657
00:39:06,310 --> 00:39:08,890
Se konsa, lè klik yo itilizatè ki Soumèt bouton oswa apwi Antre,

658
00:39:08,890 --> 00:39:11,730
evènman sa a ki pral nan dife.

659
00:39:11,730 --> 00:39:16,390
By akrochaj nan sa a, mwen kapab kounye a pase sou desizyon konpòtman an default nan fòm nan.

660
00:39:16,390 --> 00:39:19,770
San yo pa sa a JavaScript, fòm la ta soumèt bay tou sa PHP dosye

661
00:39:19,770 --> 00:39:22,110
nou itilize nan ki atribi aksyon.

662
00:39:22,110 --> 00:39:25,440
Men, olye de sa, mwen kounye a li di, rete tann, rete tann, rete tann, mwen pa ta vle nou vin aktyèlman fè sa.

663
00:39:25,440 --> 00:39:31,140
Mwen vle sa a rive anvan ou ale epi eseye pou soumèt a kèk dosye PHP.

664
00:39:31,140 --> 00:39:32,870
Kounye a ki sa mwen vle fè?

665
00:39:32,870 --> 00:39:39,270
Nan pwen sa a mwen vle sèvi ak Ajax yon jan kanmenm chaj nan sa ki pri a nan stock la se.

666
00:39:39,270 --> 00:39:44,170
Premye bagay mwen bezwen konnen se sa ki stock itilizatè a ap leve je l '.

667
00:39:44,170 --> 00:39:46,760
Pou fè sa mwen pral sèvi ak yon lòt seleksyon manm CCELL.

668
00:39:46,760 --> 00:39:49,020
Sa a se seleksyon an twazyèm nou te etidye anvan.

669
00:39:49,020 --> 00:39:54,460
Sa a di ke mwen vle kòmanse koupe sa a eleman fòm ak yon ID nan quote fòm-.

670
00:39:54,460 --> 00:39:58,440
Lè sa a, yon kote andedan nan ki fòm gen te gen yon eleman D '

671
00:39:58,440 --> 00:40:01,270
ki gen yon non nan senbòl.

672
00:40:01,270 --> 00:40:05,460
Si nou gade tounen nan HTML nou an, nou te wè ke nou te gen yon D '[non = senbòl].

673
00:40:05,460 --> 00:40:12,380
Sa vle di ke sa a ki pral chwazi ki bwat tèks ki itilizatè a ap tape nan.

674
00:40:12,380 --> 00:40:13,870
Sa a se bèl. Nou gen ti bwat la tèks.

675
00:40:13,870 --> 00:40:17,360
Koulye a, nou jis bezwen konnen ki sa ki andedan nan li.

676
00:40:17,360 --> 00:40:20,290
Pou fè sa nou kapab rele metòd sa a isit la, sa a Val.,

677
00:40:20,290 --> 00:40:23,240
ak sa a di mwen konnen ki sa ki bwat tèks ou genyen.

678
00:40:23,240 --> 00:40:28,160
Mwen vle fè w di m 'sa li se itilizatè a tape nan ki bwat tèks.

679
00:40:28,160 --> 00:40:34,440
Koulye a, nou gen yon fisèl rele senbòl ki se egal a kèlkeswa sa itilizatè a tape pous

680
00:40:34,440 --> 00:40:39,820
Sa a se bèl. Nou ka sèvi ak sa fisèl kounye a fè demann nou yo.

681
00:40:39,820 --> 00:40:42,450
Sa a se yon fonksyon nouvo isit la, sa a $,

682
00:40:42,450 --> 00:40:44,900
eksepte nou ap pa yo pral chwazi eleman,

683
00:40:44,900 --> 00:40:48,910
nou ap pral rele yon fonksyon diferan ki nan bay nou pa jQuery.

684
00:40:48,910 --> 00:40:54,810
Sa a fonksyon Ajax se sa ki la aktyèlman ale nan fè demann sa a HTTP.

685
00:40:54,810 --> 00:40:57,000
Se konsa, nou oblije di li yon bagay kèk.

686
00:40:57,000 --> 00:41:01,410
Premye bagay nou dwe di sa a fonksyon se kote mwen vle pou demann la ale a.

687
00:41:01,410 --> 00:41:08,910
Yon kote nan pwojè mwen an mwen gen sa a ranpli andedan nan anyè a HTML rele quote.php.

688
00:41:08,910 --> 00:41:15,150
Mwen kapab jwenn aksè nan dosye sa a, nou te wè, jis tankou sa a, si mwen ale nan lokalost / quote.php.

689
00:41:15,150 --> 00:41:20,450
>> Mwen vle JavaScript mwen an fè yon demann ak sa yo ki paj.

690
00:41:20,450 --> 00:41:22,920
Ki kalite demann kounye a?

691
00:41:22,920 --> 00:41:27,210
Nou te wè anvan sa fòm nan gen ki metòd = "post" atribi,

692
00:41:27,210 --> 00:41:29,270
ak sa vle di li pral fè yon demann POST,

693
00:41:29,270 --> 00:41:32,630
Se konsa li pa ale nan mete anyen nan adrès URL la, olye ke yon demann jwenn,

694
00:41:32,630 --> 00:41:36,860
ki ta va jis te tire si nou jis jwenn aksè paj la avèk navigatè wèb la, pou egzanp.

695
00:41:36,860 --> 00:41:41,260
Koulye a, nou te di ke mwen vle fè yon demann POST HTTP

696
00:41:41,260 --> 00:41:44,840
nan yon paj ki chita nan quote.php.

697
00:41:44,840 --> 00:41:51,490
Lè nou soumèt fòm lan, sonje nou te ka gen aksè eleman yo D 'andedan nan ki fòm

698
00:41:51,490 --> 00:41:54,430
ak varyab sa a $ _POST.

699
00:41:54,430 --> 00:41:58,710
Se konsa, lwen nan istwa a nou pa gen aktyèlman voye ansanm nenpòt done ankò.

700
00:41:58,710 --> 00:42:00,640
Nou te jis di nou ap fè yon demann Ajax

701
00:42:00,640 --> 00:42:03,200
ak isit la a ki kalite demann nou ap fè.

702
00:42:03,200 --> 00:42:07,090
Koulye a, nou bezwen aktyèlman voye kèk done nan paj la.

703
00:42:07,090 --> 00:42:10,930
Pou fè sa nou kapab itilize pwopriyete sa a yo rele done.

704
00:42:10,930 --> 00:42:14,950
Valè a nan pwopriyete sa a se aktyèlman yon etalaj asosyatif.

705
00:42:14,950 --> 00:42:19,390
Rezon ki fè la pou sa a se li pèmèt nou voye plis pase jis moso 1 nan done.

706
00:42:19,390 --> 00:42:24,750
Se poutèt sa nou gen sa yo aparèy òtopedik Curly isit la pare solèy andedan nan sa yo aparèy òtopedik lòt Curly.

707
00:42:24,750 --> 00:42:29,680
Kle yo nan sa yo ranje asosyatif pwal gen menm bagay la

708
00:42:29,680 --> 00:42:32,630
tankou moun yo non atribi nan eleman fòm nou yo.

709
00:42:32,630 --> 00:42:35,740
Sa vle di ke si mwen voye ansanm yon kle nan senbòl,

710
00:42:35,740 --> 00:42:41,870
sa vle di paj PHP mwen kapab jwenn aksè nan sa a done ak $ _POST [senbòl]

711
00:42:41,870 --> 00:42:44,640
jis tankou nou te fè sa anvan lè nou te soumèt yon fòm.

712
00:42:44,640 --> 00:42:47,090
Epi, koulye a done yo reyèl nou vle voye

713
00:42:47,090 --> 00:42:50,790
a pwal andedan kay la valè de sa a etalaj asosyatif.

714
00:42:50,790 --> 00:42:54,070
>> Nou estoke tèks sa a nan yon senbòl varyab rele,

715
00:42:54,070 --> 00:42:57,380
epi pou nou ap voye ansanm kounye a yon kle nan senbòl

716
00:42:57,380 --> 00:43:01,380
ak yon valè de kèlkeswa sa itilizatè a tape pous

717
00:43:01,380 --> 00:43:06,270
Koulye a, nou te fè demann sa a HTTP, li te dosye PHP nou egzekite,

718
00:43:06,270 --> 00:43:11,480
epi li pral voye kèk done tounen kounye a bay kliyan an ki jis te fè demann sa a.

719
00:43:11,480 --> 00:43:15,220
Koulye a, nou bezwen yo pou yo reponn tou sa sèvè a di nou.

720
00:43:15,220 --> 00:43:20,180
Pou fè sa nou gen pwopriyete sa a dènye isit la yo rele siksè.

721
00:43:20,180 --> 00:43:24,240
Valè a nan sa a kle siksè se aktyèlman ale nan yon fonksyon,

722
00:43:24,240 --> 00:43:26,910
ak sa a se youn nan bagay ki ou kapab fè avèk JavaScript vrèman fre.

723
00:43:26,910 --> 00:43:31,720
Se pa sèlman kapab ou gen antye oswa ranje kòm yon andedan valè de yon etalaj asosyatif,

724
00:43:31,720 --> 00:43:34,170
nou ka yo te genyen tou yon fonksyon.

725
00:43:34,170 --> 00:43:36,380
Se konsa, lè li di siksè, sa a se kle m 'yo.

726
00:43:36,380 --> 00:43:38,830
Yon kolon di isit la vini valè a,

727
00:43:38,830 --> 00:43:41,810
e kounye a, valè a nan sa a se aktyèlman yon fonksyon.

728
00:43:41,810 --> 00:43:44,460
Se konsa, nou pa bezwen bay sa a fonksyon yon non se pou chak.

729
00:43:44,460 --> 00:43:48,820
Nou ka jis di sa a ki pral gen kèk fonksyon. Li nan pral pran 1 agiman.

730
00:43:48,820 --> 00:43:51,190
Agiman la sa a fonksyon a pwal

731
00:43:51,190 --> 00:43:54,460
kèlkeswa sa sèvè a voye nou tounen soti nan demann lan.

732
00:43:54,460 --> 00:43:57,750
Jis tankou lè navigatè nou fè yon demann, sèvè a ap voye yon bagay dèyè

733
00:43:57,750 --> 00:43:59,060
ak navigatè a montre li,

734
00:43:59,060 --> 00:44:03,030
nan yon kontèks Ajax nou jis te fè yon demann, sèvè a voye yon bagay dèyè,

735
00:44:03,030 --> 00:44:07,110
e kounye a, nou te ke reprezante kòm yon kòd.

736
00:44:07,110 --> 00:44:11,280
Avèk ki fisèl mwen ta jis tankou yo montre ki sou paj la.

737
00:44:11,280 --> 00:44:14,040
Pou fè sa mwen pral gen yon sèl dènye seleksyon manm CCELL.

738
00:44:14,040 --> 00:44:17,570
Mwen vle chwazi eleman a ak pri a ID.

739
00:44:17,570 --> 00:44:20,710
Sa a se jis yon div vid ke mwen te kreye sou paj la,

740
00:44:20,710 --> 00:44:26,640
e mwen vle yo mete sa ki nan ke div yo dwe tou sa sèvè a voye nou tounen.

741
00:44:26,640 --> 00:44:30,280
Mwen te aktyèlman modifye quote.php yon ti jan.

742
00:44:30,280 --> 00:44:33,460
>> Olye de rele rann ak rann kèk paj,

743
00:44:33,460 --> 00:44:38,100
quote.php koulye a, se tou senpleman ale nan enprime soti valè a nan stock an kòm yon fisèl.

744
00:44:38,100 --> 00:44:41,880
Se konsa, si ou te aktyèlman ale nan paj la, ou ta jis wè ke fisèl ti

745
00:44:41,880 --> 00:44:45,030
nan tou sa pri a stock se.

746
00:44:45,030 --> 00:44:50,170
Youn nan dènye bagay nou dwe fè isit la se jis asire ou ke sa a fonksyon retounen fo.

747
00:44:50,170 --> 00:44:53,560
Ki sa sa di se ke si mwen andedan nan yon evènman kap okipe-

748
00:44:53,560 --> 00:44:57,300
e ke kap okipe-evènman retounen fo olye pou yo retounen vre,

749
00:44:57,300 --> 00:45:01,510
ki vle di ke mwen pa vle evènman orijinal la nan dife.

750
00:45:01,510 --> 00:45:05,270
Nan ka sa a, si nou pa t gen okenn JavaScript epi nou soumèt yon fòm,

751
00:45:05,270 --> 00:45:08,280
navigatè wèb nou an ki pral di, "Mwen pral voye ke done ansanm,"

752
00:45:08,280 --> 00:45:10,130
ak yo pwal santi yo voye ba ou nan yon lòt paj.

753
00:45:10,130 --> 00:45:14,360
Paske nou ap sèvi ak Ajax, koulye a, gen nan pa gen bezwen voye itilizatè a nan yon lòt paj.

754
00:45:14,360 --> 00:45:17,920
Nou jis ap ale nan montre rezilta yo dynamique nan paj sa a menm.

755
00:45:17,920 --> 00:45:21,460
Nou vrèman pa vle yo ale nenpòt kote, e mwen vle yo rete sou paj la menm.

756
00:45:21,460 --> 00:45:27,060
Se konsa, ki te retounen fo, nou asire ke fòm-la pa fè sa pou nou.

757
00:45:27,060 --> 00:45:31,170
Se pou nou pran yon gade nan ki sa sa a aktyèlman sanble.

758
00:45:31,170 --> 00:45:34,180
Paj quote nou yo sanble menm bagay la.

759
00:45:34,180 --> 00:45:37,240
Kite m 'rale moute enspektè a desann isit la pou nou ka wè sa ki pral sou.

760
00:45:37,240 --> 00:45:40,270
Fè li yon ti kras mwens gwo.

761
00:45:40,270 --> 00:45:44,590
Sonje si nou louvri moute tab la Network, sa a se kote nou ka wè tout demann yo HTTP

762
00:45:44,590 --> 00:45:47,570
k ap pase sou paj la.

763
00:45:47,570 --> 00:45:52,890
>> Pou yon senbòl, kite m 'tape nan aapl, epi klike Jwenn Quote.

764
00:45:52,890 --> 00:45:56,720
Koulye a, nou te wè yon pati nan Apple koute kèk nimewo de dola

765
00:45:56,720 --> 00:46:00,410
jis parèt sou paj la, men adrès URL la pa t 'chanje nan tout.

766
00:46:00,410 --> 00:46:04,570
An reyalite, isit la se demann lan HTTP ke nou jis fè fè yo.

767
00:46:04,570 --> 00:46:09,980
Nou te fè yon demann POST quote.php. Ki fè sans.

768
00:46:09,980 --> 00:46:12,800
Sa a se sa sèvè a voye nou tounen.

769
00:46:12,800 --> 00:46:16,320
Li pa pi long dokiman sa a jigantèsk HTML ak imaj ak bagay sa yo tankou sa,

770
00:46:16,320 --> 00:46:20,920
li jis yon liy nan tèks, ak Lè sa a, nou jis parèt liy lan nan tèks.

771
00:46:20,920 --> 00:46:26,290
Si nou tounen nan Tèt yo, epi wè ki sa nou aktyèlman voye anndan demann sa a HTTP,

772
00:46:26,290 --> 00:46:33,950
nou ka wè 'desann isit la ke nou te voye sou yon kle nan senbòl ak yon valè de aapl,

773
00:46:33,950 --> 00:46:36,430
ki se sa ki itilizatè a tape pous

774
00:46:36,430 --> 00:46:39,230
Sa a se bèl, men li la toujou yon ti kras anmèdan.

775
00:46:39,230 --> 00:46:42,490
Mwen toujou gen klike sou bouton sa-a yo ka resevwa quote a stock.

776
00:46:42,490 --> 00:46:45,880
Nou se moun okipe epi nou pa gen tan klike sou bouton.

777
00:46:45,880 --> 00:46:49,910
Google reyalize sa a ti kras yon ti tan Anons sa pibliye depi lè yo aplike Google Instant.

778
00:46:49,910 --> 00:46:53,590
Ki sa ki Google Instant fè se kòm w ap tape li jis kòmanse montre rezilta pou ou

779
00:46:53,590 --> 00:46:56,520
pou w pa gen enkyete sou menm klike Search.

780
00:46:56,520 --> 00:46:58,730
Aktyèlman, yon istwa amizan ki gen rapò ak sa.

781
00:46:58,730 --> 00:47:01,100
Yon fwa Google Instant te soti, moun yo te tankou, "ola, sa a se super etonan."

782
00:47:01,100 --> 00:47:02,540
"Sa a se konsa fre."

783
00:47:02,540 --> 00:47:05,950
Ak yon elèv atè nan Stanford ki nan moman an te 19

784
00:47:05,950 --> 00:47:09,000
te fè sit sa a yo rele YouTube Instant.

785
00:47:09,000 --> 00:47:13,170
Tout Instant YouTube se efektivman rechèch YouTube imedyatman.

786
00:47:13,170 --> 00:47:17,020
Se konsa, olye ke gen pou yo ale nan YouTube.com ak frape Search,

787
00:47:17,020 --> 00:47:21,650
lè mwen kòmanse sezisman nan yon bagay Instant YouTube tankou CS50,

788
00:47:21,650 --> 00:47:25,320
nou te ka wè isit la ke li nan eseye sou yon koneksyon entènèt dousman

789
00:47:25,320 --> 00:47:28,500
peple rezilta sa yo ap viv la.

790
00:47:28,500 --> 00:47:35,590
Pou fè sa nou kapab aktyèlman fè yon modifikasyon trè senp nan dosye quote.js nou an.

791
00:47:35,590 --> 00:47:40,900
Kounye a, nou ap atache evènman sa a lè yo soumèt fòm nan.

792
00:47:40,900 --> 00:47:43,760
Nou pa vrèman vle fè itilizatè a soumèt fòm ki ankò,

793
00:47:43,760 --> 00:47:48,570
kidonk kite a olye dife evenman sa a chak fwa itilizatè a apwi yon kle.

794
00:47:48,570 --> 00:47:53,200
Pou fè sa a kite l 'premye chanje evènman an soti nan soumèt a keyup.

795
00:47:53,200 --> 00:47:55,740
Sa vle di ke olye ke ap tann pou fòm sa a bay soumèt,

796
00:47:55,740 --> 00:47:58,490
chak fwa se kle nan bourade, yon bagay ki pral rive.

797
00:47:58,490 --> 00:48:02,030
Li pa fè sans nan tache evènman sa a keyup tout fòm nan.

798
00:48:02,030 --> 00:48:05,080
Nou vrèman sèlman swen sou ki kazye rechèch ki make.

799
00:48:05,080 --> 00:48:09,320
>> Pou chwazi ki kounye a, nou kapab chanje sa a yo dwe, olye ke quote fòm-,

800
00:48:09,320 --> 00:48:14,220
fòm-quote epi nou pral gen yon D '(tape = tèks) oswa nou te ka di (non = senbòl) -

801
00:48:14,220 --> 00:48:16,420
tou sa nou vle.

802
00:48:16,420 --> 00:48:18,650
Koulye a, gen nan yon sèl bagay dènye nou dwe fè.

803
00:48:18,650 --> 00:48:21,190
Sonje desann isit la, lè nou di retounen fo

804
00:48:21,190 --> 00:48:24,370
nou te di nou pa vle ke evènman default nan dife.

805
00:48:24,370 --> 00:48:26,390
Men, li jis pou k ap pase ke si nou enfim ki koulye a,

806
00:48:26,390 --> 00:48:29,660
tou sa nou tape nan pa pral montre moute nan navigatè a ankò

807
00:48:29,660 --> 00:48:33,000
paske ki ta ka konpòtman an default nan sezisman nan yon bwat tèks.

808
00:48:33,000 --> 00:48:38,660
Nou pa vle pase sou desizyon ki, kidonk kite a detwi sa a retounen fo.

809
00:48:38,660 --> 00:48:44,800
Si nou delivre sa ak Reload paj la, kounye a lè mwen kòmanse sezisman aapl

810
00:48:44,800 --> 00:48:50,160
ou ap wè ke pri a stock nan pati anba a isit la se ranpli otomatikman.

811
00:48:50,160 --> 00:48:53,150
Se konsa, isit la se CS50 Instant Finans.

812
00:48:53,150 --> 00:48:55,860
Aktyèlman yon istwa amizan sou YouTube Instant la

813
00:48:55,860 --> 00:48:59,420
se ke elèv jis kalite ekri li kòm yon pwojè 1-mitan lannwit,

814
00:48:59,420 --> 00:49:03,800
ak jou kap vini an li te ofri yon travay nan YouTube CEO a.

815
00:49:03,800 --> 00:49:10,610
Se konsa, kòm senp tankou sa, ou CS50 elèv yo, pwojè final ou a ka fè ou jwenn yon travay nan YouTube.

816
00:49:10,610 --> 00:49:14,720
Yon bagay tankou sa a se yon lide vrèman fre pou yon pwojè final, dwa?

817
00:49:14,720 --> 00:49:18,170
Nou te gen kèk fonksyonalite ki egziste ke nou te vle entegre avèk yo.

818
00:49:18,170 --> 00:49:20,330
Nou amelyore eksperyans nan itilizatè yon ti jan,

819
00:49:20,330 --> 00:49:24,340
ak toudenkou chèche yon bagay sou YouTube Instant ta kapab yon pi fasil anpil

820
00:49:24,340 --> 00:49:27,290
pase pou chèche l 'sou YouTube regilye.

821
00:49:27,290 --> 00:49:30,790
Se konsa, sa a, se Ajax nan yon Nutshell.

822
00:49:30,790 --> 00:49:34,860
>> Nan egzanp yo ke Joseph te montre, nou te wè yon anpil nan autocompletes,

823
00:49:34,860 --> 00:49:39,250
ak moun ki autocompletes yo se reyèlman, reyèlman sou la men paske nou pa gen sonje -

824
00:49:39,250 --> 00:49:41,770
Pou egzanp, si w pa sonje pri a stock pou Apple

825
00:49:41,770 --> 00:49:45,110
ak nou jis konnen li nan yon bagay aa, olye ke jis a ki di mwen,

826
00:49:45,110 --> 00:49:48,740
"Yon pati nan bagay sa a koute lajan sa a anpil,"

827
00:49:48,740 --> 00:49:52,540
Mwen ta kalite renmen konnen sa aksyon kòmanse avèk aa.

828
00:49:52,540 --> 00:49:58,340
Nou ka fè ki vrèman joliman ak bibliyotèk la demaraj ki nan deja enkli

829
00:49:58,340 --> 00:50:01,380
andedan nan CS50 Finans.

830
00:50:01,380 --> 00:50:09,390
Si ou vini isit la yo tag a JavaScript ak woulo liv desann nan Typeahead,

831
00:50:09,390 --> 00:50:13,730
sa a se jis yon Plugin bèl gen yon moun ki deja te ekri pou nou,

832
00:50:13,730 --> 00:50:16,980
e nou ka byen fasil sèvi ak fonctionnalités li tankou sa a.

833
00:50:16,980 --> 00:50:21,410
Mwen tape nan yon A ak isit la se yon lis kèk eta ki kòmanse ak A.

834
00:50:21,410 --> 00:50:25,360
Se pou nou di ke mwen panse ke sa a se vrèman fre ak li lè pou mwen pou m gen ladan sa a nan paj m 'yo.

835
00:50:25,360 --> 00:50:28,300
Li sanble ke sa a se reyèlman, reyèlman senp.

836
00:50:28,300 --> 00:50:32,810
Se pou nou sote sou isit la yo quote3.js.

837
00:50:34,890 --> 00:50:37,380
Dosye mwen an sanble yon ti jan diferan.

838
00:50:37,380 --> 00:50:39,700
Desann isit la tout bagay Ajax mwen se menm bagay la.

839
00:50:39,700 --> 00:50:43,170
Mwen vle chaje done yo stock san yo pa gen pou yo ale nan yon lòt paj.

840
00:50:43,170 --> 00:50:46,220
Men, koulye a, mwen ta vle itilize sa Plugin.

841
00:50:46,220 --> 00:50:51,020
Dokiman an demaraj gen egzanp gwo sou kouman egzakteman mwen ka fè sa.

842
00:50:51,020 --> 00:50:54,350
Mwen vle di, "Isit la nan opinyon an ki mwen vle otokonple sou li a,"

843
00:50:54,350 --> 00:50:56,640
ak mwen pral rele sa a fonksyon rele typeahead,

844
00:50:56,640 --> 00:50:59,730
Epi sa a, ale nan okipe tout nan bagay la Typeahead pou nou.

845
00:50:59,730 --> 00:51:02,090
Li pral inisyalize lis la, li pral fè tout Filtered nou an.

846
00:51:02,090 --> 00:51:06,680
Bagay la sèlman li bezwen konnen se sa ki done nou ap autocompleting sou.

847
00:51:06,680 --> 00:51:10,480
Se konsa, mwen te jwenn deyò sa a kle jis pa lekti dokiman an ak gade nan egzanp yo.

848
00:51:10,480 --> 00:51:14,150
Si m 'bay li yon kle nan sous, valè sa a kle

849
00:51:14,150 --> 00:51:17,770
se jis kèk etalaj de bagay sa yo mwen vle otokonple sou.

850
00:51:17,770 --> 00:51:20,180
Sa a varyab te soti nan sa a ranpli ak lòt.

851
00:51:20,180 --> 00:51:23,400
Mwen louvri moute symbols.js.

852
00:51:23,400 --> 00:51:27,980
>> Sa a symbols.js se jis sa a etalaj reyèlman, reyèlman gwo ki gen strings

853
00:51:27,980 --> 00:51:32,080
nan tout moun sa yo senbòl stock soti nan nasdaq la.

854
00:51:32,080 --> 00:51:42,190
Si m 'vle so tounen nan HTML a, se konsa jharvard, vost, globalhost, html, modèl,

855
00:51:42,190 --> 00:51:45,820
quote_form.

856
00:51:45,820 --> 00:51:50,910
Depi lè sa a yo rele koulye a quote3.js, kite m 'chanje dosye a JavaScript mwen ki gen ladan isit la.

857
00:51:50,910 --> 00:51:55,110
Koulye a, mwen gen quote3.js, se konsa mwen pral chaje nan ki dosye JavaScript ki apa a,

858
00:51:55,110 --> 00:51:57,910
youn nan ki gen ke otokonple demaraj.

859
00:51:57,910 --> 00:52:04,430
Koulye a, lè m 'so tounen nan navigatè a, Reload paj la, epi mwen kòmanse sezisman aa,

860
00:52:04,430 --> 00:52:06,880
gen nan otokonple m 'yo. Epi li te vrèman kòm senp tankou sa.

861
00:52:06,880 --> 00:52:11,400
Mwen te gen 1 liy nan kòd ki jis te di, "Isit la yo se bagay sa yo mwen vle otokonple sou li a,"

862
00:52:11,400 --> 00:52:16,590
ak toudenkou mwen gen sa a fonctionnalités reyèlman, reyèlman bèl ak pa anpil yon antye nan efò nan tout.

863
00:52:16,590 --> 00:52:19,810
Kòm w ap devlope sou sit entènèt ak patikilyèman bò nan fen devan bagay sa yo,

864
00:52:19,810 --> 00:52:21,840
w ap ale nan jwenn sa a se ka a anpil.

865
00:52:21,840 --> 00:52:25,700
Gen yon anpil, anpil, anpil nan bibliyotèk vrèman fre gratis yo deyò

866
00:52:25,700 --> 00:52:30,190
ki fè li Super fasil fè bagay sa yo tankou sa a.

867
00:52:30,190 --> 00:52:37,230
Èske nenpòt moun kapab panse a okenn lòt dezavantaj nan tou senpleman autocompleting sou lis sa a gwo nan senbòl?

868
00:52:37,230 --> 00:52:41,580
Ki sa ki ka yon bagay ki pa pi bon an ak apwòch sa a?

869
00:52:42,790 --> 00:52:45,960
Yeah. >> [Elèv] Tan, si ou gen yon anpil nan [fèbl]

870
00:52:45,960 --> 00:52:50,420
Yeah. Kounye a, nou ap Téléchargez sa a ranpli JavaScript gwo ak gen nan yon anpil nan senbòl.

871
00:52:50,420 --> 00:52:54,360
Se konsa, si nou gen yon ton nan bagay, sa a kalite te kapab nan ogmante latence a nan pa sèlman chèche

872
00:52:54,360 --> 00:52:56,600
men tou Téléchargez dosye a vrè.

873
00:52:56,600 --> 00:52:58,670
Great. Nenpòt lòt bagay?

874
00:53:01,950 --> 00:53:05,280
Kounye a, gen nan pa gen sans reyèl nan enpòtans.

875
00:53:05,280 --> 00:53:08,190
Si m 'tape nan yon A, konpayi yo ki montre moute isit la

876
00:53:08,190 --> 00:53:11,220
pa ka konpayi yo ki pi popilè ki kòmanse ak A.

877
00:53:11,220 --> 00:53:17,130
>> Mwen anvan m 'jwenn yo Apple, li ta ka pran kèk plis karaktè jwenn sa m ap chache pou.

878
00:53:17,130 --> 00:53:20,420
Sa a otokonple pa gen sans sa a nan enpòtans.

879
00:53:20,420 --> 00:53:24,400
Li nan jis pral di, "Nenpòt bagay ki matche ak chwa mwen pral montre."

880
00:53:24,400 --> 00:53:30,510
Olye pou yo sa, mwen ta renmen yon jan kanmenm entegre kèk enpòtans nan fouy m 'yo.

881
00:53:30,510 --> 00:53:36,440
Si m 'ale sou isit la yo Finans Yahoo!, finance.yahoo.com,

882
00:53:36,440 --> 00:53:42,100
Si m 'eseye antre nan yon senbòl nan paj Yahoo! Finans la

883
00:53:42,100 --> 00:53:52,310
epi mwen kòmanse sezisman goog, mwen gen lis sa a bèl nan bagay sa yo.

884
00:53:52,310 --> 00:53:57,100
Klèman, li sanble Finans Yahoo! ap fè yon bagay ki pi entelijan isit la.

885
00:53:57,100 --> 00:53:59,790
Yo gen kèk enpòtans ak yo menm tou yo ki gen plis enfòmasyon

886
00:53:59,790 --> 00:54:01,430
tankou non an nan stock la.

887
00:54:01,430 --> 00:54:05,850
Sa se yon bagay ke mwen pa ka reyèlman jwenn ak jis lis stock m 'lan nan senbòl.

888
00:54:05,850 --> 00:54:09,520
Mwen vle sa a ak sa mwen pral pran li.

889
00:54:09,520 --> 00:54:11,790
Pou fè sa a kite l 'fè yon bagay kèk.

890
00:54:11,790 --> 00:54:15,580
Se pou nou premye louvri moute enspektè a nan paj sa a

891
00:54:15,580 --> 00:54:18,100
paske nou te wè ki nan paj sa a se pa sa rupture nan tout,

892
00:54:18,100 --> 00:54:21,960
Se konsa, li pwobableman lè l sèvi avèk Ajax yon jan kanmenm yo dwe loading done li yo.

893
00:54:21,960 --> 00:54:23,920
Nou ka chèche konnen kisa done li nan loading.

894
00:54:23,920 --> 00:54:28,390
Si m 'klike sou sa a tab Rezo, sa yo pwal gen tout demann yo ki kòmanse yo dwe te tire.

895
00:54:28,390 --> 00:54:34,020
Koulye a, si mwen tape nan goo, nou ka wè ke mwen fèk resevwa yon demann HTTP nouvo.

896
00:54:34,020 --> 00:54:37,490
Sa a se pwobableman ki kote done ap vini soti nan.

897
00:54:37,490 --> 00:54:41,990
Asire w ase, si mwen gade nan sa a URL, ki se yon ti jan etranj nonmen non li,

898
00:54:41,990 --> 00:54:46,930
nou ka wè ke sa a se egzakteman ki kote Yahoo ap voye koupe done li yo soti nan.

899
00:54:46,930 --> 00:54:53,400
>> Mwen te kreye yon dosye separe ki rele suggest.php sa a, se trè menm jan an nan lespri fonksyon an Passage.

900
00:54:53,400 --> 00:54:57,730
Li nan fondamantalman pwal fè yon rechèch URL Yahoo a, jwenn tounen kèk done,

901
00:54:57,730 --> 00:54:59,750
epi voye li tounen nan m '.

902
00:54:59,750 --> 00:55:02,570
Koulye a, olye ke lè l sèvi avèk sa a gwo, gwo lis senbòl,

903
00:55:02,570 --> 00:55:05,280
M ka sèvi ak bagay sa yo bèl Yahoo a l'eee,

904
00:55:05,280 --> 00:55:08,150
e mwen pa bezwen download ki masiv JavaScript dosye-a.

905
00:55:08,150 --> 00:55:12,040
Mwen sèlman pral rale desann senbòl yo stock aktyèlman ki enpòtan.

906
00:55:12,040 --> 00:55:13,960
Se pou nou Ale nan sa.

907
00:55:13,960 --> 00:55:17,360
Se konsa, html, js. Nou se kounye a nan quote4.

908
00:55:17,360 --> 00:55:22,120
Koulye a, nou ap pa lè l sèvi avèk ke lis gwo nan JavaScript dosye.

909
00:55:22,120 --> 00:55:24,430
Men genyen yon kalite ti pwoblèm konsepsyon isit la.

910
00:55:24,430 --> 00:55:28,200
Nou te di ke Yon a nan Ajax se asenkron.

911
00:55:28,200 --> 00:55:31,000
Ki sa sa vle di se ke lè mwen fè yon demann Ajax,

912
00:55:31,000 --> 00:55:36,490
Se konsa isit la sou liyn 8, sa a se ki kote demann Ajax mwen aktyèlman yo te tire.

913
00:55:36,490 --> 00:55:40,370
Se pou nou di koulye a, mwen gen kèk kòd desann isit la ki nan pral fè kèk bagay

914
00:55:40,370 --> 00:55:43,930
renmen alète itilizatè a oswa yon bagay chanjman nan paj la.

915
00:55:43,930 --> 00:55:49,830
Kisa ki pa nan pral rive se navigatè a pa pral rete tann pou demann sa a yo kontinye

916
00:55:49,830 --> 00:55:53,480
anvan li te vini desann ak frape liy sa a.

917
00:55:53,480 --> 00:55:55,900
Sa a se pati nan asenkron.

918
00:55:55,900 --> 00:55:58,400
Li nan pral fè demann sa a ak di, "Chak fwa ou fini,

919
00:55:58,400 --> 00:56:03,080
"Vin retounen lakay yo epi rele ki fonksyon ki mwen te di nou yo rele andedan nan siksè."

920
00:56:03,080 --> 00:56:07,300
Sa vle di nou pa ka jis download tout aksyon yo davans.

921
00:56:07,300 --> 00:56:10,300
Nou bezwen fè demann lan epi rete tann pou yon bagay li vle tounen.

922
00:56:10,300 --> 00:56:13,330
Sa vle di ke anvan, nou te ka tou senpleman di demaraj,

923
00:56:13,330 --> 00:56:15,580
"Isit la nan lis la de bagay sa yo mwen vle fè w otokonple sou."

924
00:56:15,580 --> 00:56:18,950
Nou pa kapab fè sa ankò paske nou pa konnen

925
00:56:18,950 --> 00:56:21,780
sa nou vle aktyèlman otokonple sou.

926
00:56:21,780 --> 00:56:25,190
Chans, demaraj te panse de sa a paske sa yo se nèg entelijan lòt bò a,

927
00:56:25,190 --> 00:56:30,160
epi yo aktyèlman te ban nou yon lòt fason yo chaje sa a Plugin Typeahead.

928
00:56:30,160 --> 00:56:35,630
Anvan, valè pwopriyete sa a sous te jis sa a etalaj gwo nan bagay yo otokonple sou.

929
00:56:35,630 --> 00:56:39,580
>> Koulye a, pwopriyete a sous se aktyèlman yon fonksyon,

930
00:56:39,580 --> 00:56:44,580
ak objektif sa a, fonksyon se konnen sa ki bagay yo otokonple sou yo.

931
00:56:44,580 --> 00:56:48,730
Wout la li pral kalkile ki soti se li nan pral mande Finans Yahoo!

932
00:56:48,730 --> 00:56:51,750
ki sa bagay sa yo pi bon yo otokonple yo ye.

933
00:56:51,750 --> 00:56:54,500
Pou fè sa mwen pral fè yon trè menm jan Ajax demann.

934
00:56:54,500 --> 00:56:59,010
Mwen pral mande paj sa a nan suggest.php.

935
00:56:59,010 --> 00:57:01,360
Mwen vle voye ansanm senbòl yo te toujou.

936
00:57:01,360 --> 00:57:05,570
Epi, koulye a siksè m 'yo, dokiman an demaraj te di m'

937
00:57:05,570 --> 00:57:09,130
ke yo nan lòd peple ke lis de bagay sa yo,

938
00:57:09,130 --> 00:57:14,370
tou sa m 'bezwen fè se pase nan sa a etalaj kounye a nan fonksyon an kalbak.

939
00:57:14,370 --> 00:57:15,660
Men, tann yon minit.

940
00:57:15,660 --> 00:57:20,240
Si sa a se sipoze yon etalaj ak Ajax ap voye m 'tounen tèks,

941
00:57:20,240 --> 00:57:22,720
ki jan se ke posib?

942
00:57:22,720 --> 00:57:27,910
Sa a entwodui yon nouvo fason pou echanje done rele JSON.

943
00:57:27,910 --> 00:57:33,000
Nan ka sa a nou pa jis ap voye tounen yon kòd senp nan tèks.

944
00:57:33,000 --> 00:57:37,670
Koulye a, nou ap fè fas ak lis sa a nan senbòl stock pi konplike.

945
00:57:37,670 --> 00:57:41,730
Sa yo senbòl stock kapab tou gen ladan bagay sa yo tankou non konpayi an oswa pri yo kounye a.

946
00:57:41,730 --> 00:57:47,550
Jis lè l sèvi avèk yon gwo fisèl long ki pa nan fòma nan nenpòt fason previzib

947
00:57:47,550 --> 00:57:51,970
pa a pwal pi bon fason yo jwenn sa a done ki sòti nan sèvè Yahoo a fè m '

948
00:57:51,970 --> 00:57:54,540
nan yon fason ki mwen ka byen fasil konprann.

949
00:57:54,540 --> 00:58:01,280
JSON se yon teknoloji ki pran avantaj de kouman pou nou kreye ranje asosyatif nan JavaScript.

950
00:58:01,280 --> 00:58:04,510
Sa a sanble yon sanble anpil ak yon etalaj asosyatif JavaScript,

951
00:58:04,510 --> 00:58:06,600
ak nan reyalite, li nan paske li se.

952
00:58:06,600 --> 00:58:09,710
JSON kanpe pou Notasyon JavaScript objè.

953
00:58:09,710 --> 00:58:15,020
Sa a se fondamantalman yon dakò sou fòma pou transfere done retounen ak lide.

954
00:58:15,020 --> 00:58:18,280
Isit la sa a JSON objè oswa sa a JSON etalaj asosyatif

955
00:58:18,280 --> 00:58:21,010
ap voye m 'kèk done sou yon kou.

956
00:58:21,010 --> 00:58:25,110
>> Kle yo nan sa a etalaj yo se bagay sa yo tankou kou ki gen yon valè de cs50,

957
00:58:25,110 --> 00:58:29,140
, li desann isit la nou kapab wè ke mwen ka gen yon valè ki se yon etalaj.

958
00:58:29,140 --> 00:58:32,730
Mwen pa bezwen fè bagay sa yo tankou analizan soti strings epi gade pou vigil

959
00:58:32,730 --> 00:58:35,330
ak fè bagay sa yo fou tankou sa.

960
00:58:35,330 --> 00:58:38,820
Paske sa a se te deklare nan fòma sa a JSON,

961
00:58:38,820 --> 00:58:43,510
JavaScript ak jQuery deja gen fonksyon konvèti yon kòd

962
00:58:43,510 --> 00:58:48,140
ki sanble tankou sa a JSON nan yon vrè etalaj asosyatif JavaScript

963
00:58:48,140 --> 00:58:50,440
ke nou ka travay avèk yo.

964
00:58:50,440 --> 00:58:56,660
Lè w fè sa se kòm senp tankou li di ke pa gen okenn ankò se sa a ranpli, suggest.php,

965
00:58:56,660 --> 00:58:59,040
voye m 'tounen tou senpleman yon afè de tèks,

966
00:58:59,040 --> 00:59:01,950
Men, mwen konnen li nan yo pral voye m 'tounen JSON.

967
00:59:01,950 --> 00:59:06,760
Sa vle di ke ki JSON ka konvèti nan yon etalaj asosyatif JavaScript.

968
00:59:06,760 --> 00:59:10,830
Se konsa, jQuery, mwen ta renmen ou fè sa pou mwen.

969
00:59:10,830 --> 00:59:13,990
Sa vle di ke sa a repons paramèt isit la,

970
00:59:13,990 --> 00:59:16,070
sa a se pa pi long jis yon fisèl.

971
00:59:16,070 --> 00:59:19,860
Paske nou te di jQuery ki isit la vini kèk JSON,

972
00:59:19,860 --> 00:59:22,950
jQuery a pwal entelijan ase yo di, "Ou te vle JSON?"

973
00:59:22,950 --> 00:59:26,890
"Mwen pral konvèti ki nan yon etalaj asosyatif pou ou."

974
00:59:26,890 --> 00:59:32,100
Se pou nou aktyèlman pran yon gade nan tab la Rezo yon fwa nou gen quote4.js.

975
00:59:32,100 --> 00:59:35,400
Nou pral chanje sa a ak Reload paj la.

976
00:59:37,150 --> 00:59:41,250
Koulye a, mwen pral tape nan yon yon-ankò.

977
00:59:41,250 --> 00:59:45,600
Mwen te fè yon demann koup suggest.php, men kounye a repons sa a,

978
00:59:45,600 --> 00:59:48,670
olye ke sèlman fisèl la, li nan JSON.

979
00:59:48,670 --> 00:59:52,580
Se konsa, mwen gen yon louvri atèl Curly di, "Men vini yon etalaj asosyatif."

980
00:59:52,580 --> 00:59:56,830
>> Kle a premye ak sèlman sa a etalaj asosyatif yo rele senbòl,

981
00:59:56,830 --> 01:00:00,240
ak Lè sa a, isit la se yon etalaj nan tout nan senbòl yo ki enpòtan

982
01:00:00,240 --> 01:00:04,820
vini kounye a soti nan Depatman Finans Yahoo!, pa ka soti nan ke lis konstriksyon.

983
01:00:06,110 --> 01:00:10,630
Sa a se kouman mwen ka tou senpleman peple sa a Plugin otokonple

984
01:00:10,630 --> 01:00:14,280
ak kèk done ki pa la vini soti nan yon dosye lokal ki nan deja Predetermined

985
01:00:14,280 --> 01:00:17,490
Men, nan yon lòt bagay.

986
01:00:17,490 --> 01:00:21,160
Li sanble ke nou ka aktyèlman pran avantaj de yon teknoloji ki rele JSONP,

987
01:00:21,160 --> 01:00:27,420
oswa JSON ak kouvèti, ki pral elimine sa a entèrmedyèr suggest.php.

988
01:00:27,420 --> 01:00:34,010
Men, olye pou yo fè sa, kite la olye pran yon gade nan ki jan mwen ka amelyore sa a menm plis.

989
01:00:34,010 --> 01:00:36,040
Mwen vrèman renmen Typeahead demaraj la. Li nan reyèlman bèl.

990
01:00:36,040 --> 01:00:39,570
Men, nou ap vin bon nan JavaScript e nou vle kalite fè sa tèt nou,

991
01:00:39,570 --> 01:00:43,870
petèt pran yon gade nan ki sa sa a Plugin te kapab fè.

992
01:00:43,870 --> 01:00:46,500
Kite a pa sèvi ankò ak ke bagay Typeahead,

993
01:00:46,500 --> 01:00:50,550
epi kite nan eseye fè lis sa a nan sijere aksyon tèt nou.

994
01:00:50,550 --> 01:00:53,790
Isit la nan quote6.php nou pwal kòmanse nan menm jan an.

995
01:00:53,790 --> 01:00:58,050
Chak fwa yon moun kalite yon bagay, nou vle fè yon demann Ajax.

996
01:00:58,050 --> 01:01:01,590
Sa a se menm jan ak Instant orijinal Finans nou CS50.

997
01:01:01,590 --> 01:01:05,020
Olye de fè yon demann yo voye quote.php,

998
01:01:05,020 --> 01:01:08,530
kounye a nou ap fè yon demann ak sa yo ki dosye menm jan ak anvan, sa a suggest.php,

999
01:01:08,530 --> 01:01:12,460
ki se jis pral rale done ki sòti nan Finans Yahoo!.

1000
01:01:12,460 --> 01:01:19,480
>> Ankò, nou toujou ap tann JSON, men kounye a depi Typeahead la pa fè sa pou nou,

1001
01:01:19,480 --> 01:01:24,850
nou menm tou nou bezwen voye ansanm valè a se sa ki andedan nan bwat la tèks ye kounye a.

1002
01:01:24,850 --> 01:01:28,120
Koulye a, nou konnen ki sa yo mande Finans Yahoo! pou li a,

1003
01:01:28,120 --> 01:01:34,160
ak konsa koulye a isit la nan fonksyon an ke nou vle akonpli yon fwa demann lan konplete.

1004
01:01:34,160 --> 01:01:36,520
Nou pa gen Plugin la fè lis la pou nou,

1005
01:01:36,520 --> 01:01:40,630
Se konsa isit la nan kote n ap aktyèlman pral bati yon lis sijesyon.

1006
01:01:40,630 --> 01:01:44,850
Pou fè sa, anpil renmen nan PHP nou anchene sa yo strings gwo HTML

1007
01:01:44,850 --> 01:01:48,170
Lè sa a, nou enprime yo, nou ka fè menm bagay bagay la egzak nan JavaScript.

1008
01:01:48,170 --> 01:01:51,850
Premye nou pral kòmanse nan sa a fil ki rele sijesyon,

1009
01:01:51,850 --> 01:01:54,590
ak sa a fisèl se jis ale nan genyen kèk HTML.

1010
01:01:54,590 --> 01:01:58,320
Nou vle li nan dwe yon lis de bagay sa yo, se konsa nou pral kòmanse an ak nan sa a tag lis,

1011
01:01:58,320 --> 01:02:03,340
e kounye a nou ap ale nan repekte sou tout nan senbòl yo ki te tounen tounen ban mwen.

1012
01:02:03,340 --> 01:02:06,500
Sonje byen, paske nou te di datatip: 'json', sa a se pa yon kòd.

1013
01:02:06,500 --> 01:02:09,500
Sa a se deja yon etalaj pou nou. Sa a se vrèman fre.

1014
01:02:09,500 --> 01:02:13,790
Nou ka tou senpleman di, "mwen vle nou ajoute yon eleman lis."

1015
01:02:13,790 --> 01:02:16,000
Nou pral mete l 'andedan yon eleman yon nan bò nan sa,

1016
01:02:16,000 --> 01:02:19,030
nou pral bay li yon klas nan sijesyon konsa nou konnen sa li ye,

1017
01:02:19,030 --> 01:02:23,880
e kounye a, isit la se senbòl la ke nou te tounen soti nan Depatman Finans Yahoo!.

1018
01:02:23,880 --> 01:02:27,230
>> Yon fwa nou te kreye yon eleman pou chak nan senbòl yo nou te vinn tounen,

1019
01:02:27,230 --> 01:02:30,100
nou jis vle fèmen nan lis la.

1020
01:02:30,100 --> 01:02:33,040
Se konsa, kounye a sijesyon reprezante sa a fragman ti kras HTML

1021
01:02:33,040 --> 01:02:37,860
ke lè mete yo sou yon paj a pwal lis la nan bagay sa yo nou ap chèche pou.

1022
01:02:37,860 --> 01:02:41,070
Koulye a, kite a aktyèlman mete sa sou paj la.

1023
01:02:41,070 --> 01:02:46,390
Pou fè sa mwen te aktyèlman kreye yon lòt div vid ak mwen te bay li yon ID nan sijesyon.

1024
01:02:46,390 --> 01:02:52,520
Anpil tankou nou mete sa ki nan div a ki ta montre pri a nan done yo stock,

1025
01:02:52,520 --> 01:02:58,600
kounye a nou jis vle mete sa ki nan sa a div mèt fè tout sa sa a fisèl se

1026
01:02:58,600 --> 01:03:00,290
ki gen sa yo senbòl.

1027
01:03:00,290 --> 01:03:07,650
Lè l sèvi avèk metòd sa a HTML, sa a varyab sijesyon, sa a fisèl, se yon afè de HTML.

1028
01:03:07,650 --> 01:03:13,490
Mwen vle fè w pran ki HTML li mete l 'anndan div la te rele sijesyon.

1029
01:03:13,490 --> 01:03:15,680
Nou te jis fen liv yon bagay yo Dom a kounye a.

1030
01:03:15,680 --> 01:03:20,360
Nou te ajoute kèk eleman nouvo nan Dom a ke nou kapab kounye a montre sou paj la.

1031
01:03:20,360 --> 01:03:22,540
Ann gade pou wè ki sa sa a sanble.

1032
01:03:22,540 --> 01:03:29,110
Si nou chaje nan quote6 e kounye a, nou tounen,

1033
01:03:29,110 --> 01:03:34,480
kounye a lè mwen kòmanse sezisman aapl, nou pa gen ke demaraj otokonple,

1034
01:03:34,480 --> 01:03:38,470
men nou genyen kounye a nan lis sa a ke nou te fè tèt nou.

1035
01:03:38,470 --> 01:03:43,230
Sa a se yon uglier ti jan pase Typeahead nan demaraj, pou egzanp,

1036
01:03:43,230 --> 01:03:45,580
men li pèmèt nou fè yon lòt bagay.

1037
01:03:45,580 --> 01:03:48,660
Lè nou te gade nan ki Plugin demaraj,

1038
01:03:48,660 --> 01:03:52,590
nou te wè ke lè nou autocompleted, youn nan valè yo otokonple te aapl.

1039
01:03:52,590 --> 01:03:54,820
Sa pa ta ka fèt konsa itil.

1040
01:03:54,820 --> 01:03:59,100
Kòm yon itilizatè, mwen pa ta ka imedyatman rekonèt tout nan senbòl yo stock.

1041
01:03:59,100 --> 01:04:02,370
Ki sa ki mwen pwobableman plis chans yo rekonèt yo, se non reyèl konpayi an.

1042
01:04:02,370 --> 01:04:05,310
Se konsa, pa li ta kapab pran vrèman itil si olye ke li di aapl

1043
01:04:05,310 --> 01:04:07,970
sa a te di yon bagay tankou Apple Inc

1044
01:04:07,970 --> 01:04:12,240
Paske nou te woule sa a tèt nou, nou ka vrèman fasil fè sa.

1045
01:04:12,240 --> 01:04:17,630
Se pou nou louvri moute dosye dènye quote nou yo isit la, se konsa quote7.

1046
01:04:17,630 --> 01:04:23,200
>> Menm bagay sa yo. Mwen te jis te kreye yon lòt dosye PHP ki pral retounen nan nou pi plis pase jis senbòl yo.

1047
01:04:23,200 --> 01:04:25,550
Li pral tou ba nou tounen non konpayi an.

1048
01:04:25,550 --> 01:04:28,150
Se konsa, n ap fè menm bagay la. Nou ap fè yon demann Ajax.

1049
01:04:28,150 --> 01:04:32,370
Yon fwa gen demann ou fin ranpli a, nou ap ale nan egzekite fonksyon sa a isit la,

1050
01:04:32,370 --> 01:04:36,520
ak sa a fonksyon ki pral konstwi yon fisèl gwo nan eleman.

1051
01:04:36,520 --> 01:04:39,520
Men, diferans lan isit la se ke valè a nan sa yo bay lis se pa jis senbòl la,

1052
01:04:39,520 --> 01:04:45,370
li nan kounye a non la.

1053
01:04:45,370 --> 01:04:47,070
Se konsa, nou gen yon sèl ti pwoblèm.

1054
01:04:47,070 --> 01:04:51,590
Lè nou itilize Passage nou an, nou bezwen yon jan kanmenm pase l senbòl la.

1055
01:04:51,590 --> 01:04:54,950
Nou pa ka pase Passage yon bagay tankou Microsoft Corporation.

1056
01:04:54,950 --> 01:04:57,900
Nou bezwen pase l msf.

1057
01:04:57,900 --> 01:05:01,640
Lè nou ap ekri HTML, nou gen anpil bagay nan atribi bèl bati-an.

1058
01:05:01,640 --> 01:05:05,440
Yon Yon ta ka asosye ak li yon rèf oubyen nan klas yon.

1059
01:05:05,440 --> 01:05:08,230
Men, sa nou te reyèlman bezwen kounye a se pou chak nan sa yo lyen

1060
01:05:08,230 --> 01:05:11,120
gen yon senbòl stock asosye ak li.

1061
01:05:11,120 --> 01:05:14,240
Gen nan pa gen bati-an HTML atribi pou senbòl stock,

1062
01:05:14,240 --> 01:05:21,010
men Chans pou, HTML5 pèmèt nou kreye atribi pwòp nou yo dwe tou sa nou vle.

1063
01:05:21,010 --> 01:05:24,620
Lè li di done-senbòl, mwen te entwodwi yon atribi nouvo

1064
01:05:24,620 --> 01:05:29,350
mwen ki gen non jis te fè leve, e sa se oke paske mwen précède l 'ak done sa yo.

1065
01:05:29,350 --> 01:05:34,270
Nou pral nan magazen andedan nan gen senbòl la nan stock la kounye a.

1066
01:05:34,270 --> 01:05:39,590
Ki sa sa vle di se ke menm si nou ap montre valè a nan non konpayi a

1067
01:05:39,590 --> 01:05:43,380
andedan nan otokonple nou yo, nou toujou ap sonje senbòl la

1068
01:05:43,380 --> 01:05:47,110
ki asosye avèk chak konpayi.

1069
01:05:47,110 --> 01:05:50,350
Wout la n ap fè se sa ki andedan nan sa a eleman tèt li.

1070
01:05:50,350 --> 01:05:52,930
Se konsa, sa vle di nou bezwen fè yon sèl plis chanjman.

1071
01:05:52,930 --> 01:05:57,090
Lè nou klike sou li kounye a, nou bezwen aktyèlman pran avantaj de atribi nan senbòl

1072
01:05:57,090 --> 01:06:00,220
olye ke jis valè li yo.

1073
01:06:00,220 --> 01:06:05,010
Si nou tounen moute, nou mete yon kap okipe-evènman sijesyon.

1074
01:06:05,010 --> 01:06:09,280
Chak fwa youn nan sa yo sijesyon se klike, koulye a, mwen vle fè yon bagay.

1075
01:06:09,280 --> 01:06:13,160
Ki sa mwen vle fè se chanje valè sa a nan bwat D '.

1076
01:06:13,160 --> 01:06:16,100
Koulye a, mwen vle mete sa a fonksyon Val menm.

1077
01:06:16,100 --> 01:06:21,060
>> Se konsa, san okenn agiman sa a fonksyon Val retounen nan ou sa ki nan deja nan ti bwat la tèks,

1078
01:06:21,060 --> 01:06:27,070
Men, si ou ba li yon fisèl, li pral pran ki kòd li ansanm ak mete l 'nan ti bwat la tèks.

1079
01:06:27,070 --> 01:06:28,980
Mwen chwazi bwat tèks li yo nan menm jan an.

1080
01:06:28,980 --> 01:06:31,230
Non Li a se andedan senbòl nan quote fòm-.

1081
01:06:31,230 --> 01:06:37,540
Koulye a, mwen voye l valè a nan atribi a done-senbòl.

1082
01:06:37,540 --> 01:06:41,560
Bagay sa a isit la se nouvo, sa a $ (sa a).

1083
01:06:41,560 --> 01:06:46,850
Ki sa sa vle di se eleman ki ki te klike.

1084
01:06:46,850 --> 01:06:50,880
Nou ka wè isit la ke nou pa atache yon evènman klike sou

1085
01:06:50,880 --> 01:06:54,690
nan chak eleman ki gen yon klas nan sijesyon endividyèlman.

1086
01:06:54,690 --> 01:06:57,140
Olye de sa, nou ap apwoche sa a ti kras yon lòt jan.

1087
01:06:57,140 --> 01:07:01,700
Olye de sa n ap di chak fwa andedan anyen nan sa a div sijesyon,

1088
01:07:01,700 --> 01:07:04,080
ki sonje se jis veso a pou ke lis,

1089
01:07:04,080 --> 01:07:10,150
si se yon bagay ki andedan sa a div klike ak li gen yon klas nan sijesyon,

1090
01:07:10,150 --> 01:07:13,000
Mwen vle evènman sa a nan dife.

1091
01:07:13,000 --> 01:07:17,490
Fondamantalman ki sa sa a vle di nou ka fè se nou ka jam itilize sa a kap okipe-evènman menm

1092
01:07:17,490 --> 01:07:20,000
pou tout nan bagay sa yo nan lis la.

1093
01:07:20,000 --> 01:07:22,080
Se konsa, nou pa bezwen gen yon sèl kap okipe-evènman pou eleman nan premye

1094
01:07:22,080 --> 01:07:24,550
ak yon kap okipe-evènman diferan pou eleman, dezyèm lan.

1095
01:07:24,550 --> 01:07:29,880
Nou ka olye di, "Mwen vle kap okipe-a evènman menm pou aplike nan tout bagay nan lis mwen an."

1096
01:07:29,880 --> 01:07:34,420
Men, nou bezwen yon jan kanmenm konnen ki eleman te klike.

1097
01:07:34,420 --> 01:07:38,450
Sa a "sa a" mo kle reprezante sèlman sa.

1098
01:07:38,450 --> 01:07:42,360
Sa a se objè a ki te jis klike pa itilizatè a.

1099
01:07:42,360 --> 01:07:47,680
Si m 'jis klike lyen ki 3rd, sa a reprezante eleman nan ki genyen lyen ki 3yèm,

1100
01:07:47,680 --> 01:07:51,670
ki vle di ke mwen ka jwenn atribi li yo, done-senbòl,

1101
01:07:51,670 --> 01:07:57,760
ki nou konnen gen a ki genyen senbòl la ki nan ki asosye ak konpayi an mwen jis klike.

1102
01:07:57,760 --> 01:08:04,550
Si nou sote tounen nan paj finans nou an,

1103
01:08:04,550 --> 01:08:08,580
nou ka wè kounye a ke yon fwa mwen kòmanse sezisman yon bagay tankou msf,

1104
01:08:08,580 --> 01:08:11,220
nou ap pa jwenn jis senbòl yo stock,

1105
01:08:11,220 --> 01:08:13,720
kounye a nou ap resevwa konpayi yo ki aktyèl.

1106
01:08:13,720 --> 01:08:20,410
Men, lè mwen klike sou youn nan konpayi sa yo,

1107
01:08:20,410 --> 01:08:25,180
nou ka wè ke nou ap aktyèlman pepleman ti bwat la tèks pa ak non an nan konpayi an

1108
01:08:25,180 --> 01:08:29,850
Men, se avèk tou sa te estoke andedan nan tout sa yo atribi done.

1109
01:08:29,850 --> 01:08:32,880
Se konsa, si mwen aktyèlman enspekte youn nan eleman sa yo pa dwat klike li

1110
01:08:32,880 --> 01:08:36,200
epi klike Enspekte Eleman, nou ka aktyèlman wè sa ki sa a sanble.

1111
01:08:36,200 --> 01:08:40,290
>> Sonje sa a se yon bagay ke nou te kreye andedan nan ki pou riban

1112
01:08:40,290 --> 01:08:42,649
lè nou t'ap bati moute ke afè de HTML.

1113
01:08:42,649 --> 01:08:47,870
Nou ka wè isit la ke sa a done-senbòl gen valè a nan msf, ki se gwo.

1114
01:08:47,870 --> 01:08:49,189
Sa a ki sa nou te espere.

1115
01:08:49,189 --> 01:08:53,170
Sa a se senbòl la ak lè sa a jan nou te resevwa valè a ke nou bezwen yo sèvi ak

1116
01:08:53,170 --> 01:08:56,140
andedan nan bwat sa tèks.

1117
01:08:56,140 --> 01:08:58,850
Sa a se ase pou fòm nan quote paske sa a, se kalite raz.

1118
01:08:58,850 --> 01:09:02,990
Se pou nou jis fè kèk amelyorasyon rapid nan paj pòtfolyo nou an.

1119
01:09:02,990 --> 01:09:08,109
Si ou te itilize CS50 Finans pou yon ti tan epi ou kòmanse achte ak vann yon anpil nan aksyon,

1120
01:09:08,109 --> 01:09:11,300
evantyèlman tablo sa a ki pral jwenn bèl gwo,

1121
01:09:11,300 --> 01:09:13,850
ak w ap ale nan vle yon montr stock, nan kou.

1122
01:09:13,850 --> 01:09:20,350
Yon fwa tab la se reyèlman, reyèlman gwo, li ka itil pou itilizatè a pou yo eseye rechèch sou li.

1123
01:09:20,350 --> 01:09:23,290
Anndan nan bwat rechèch la si mwen kòmanse sezisman yon bagay tankou Disney

1124
01:09:23,290 --> 01:09:26,359
ak kap chèche stock Mickey Mouse m 'yo, nou ka wè ke tab la se kounye a filtraj

1125
01:09:26,359 --> 01:09:28,189
ki baze sou sa m 'jis tape pous

1126
01:09:28,189 --> 01:09:31,640
Sa a fonctionnalités sanble super konplike, men li la reyèlman, reyèlman fasil

1127
01:09:31,640 --> 01:09:33,859
ak jQuery ak JavaScript.

1128
01:09:33,859 --> 01:09:39,189
Sa a ranpli portfolio.php gen ladan yon dosye JavaScript rele portfolio.js.

1129
01:09:39,189 --> 01:09:41,130
Se pou nou pran yon gade nan sa.

1130
01:09:41,130 --> 01:09:44,890
Se konsa, html, js, pòtfolyo.

1131
01:09:44,890 --> 01:09:49,210
Isit la nan kote n ap fè sa chache sou tab la.

1132
01:09:49,210 --> 01:09:52,750
Premye bagay mwen bezwen fè se mete yon kap okipe-evènman ak sa yo ki bwat tèks

1133
01:09:52,750 --> 01:09:55,760
paske nou konnen nou vle fonksyon filtraj nou nan dife

1134
01:09:55,760 --> 01:09:59,800
chak fwa itilizatè a apwi yon bagay paske nou pa gen tan pou bouton Search.

1135
01:09:59,800 --> 01:10:03,000
Premye bagay nou bezwen fè se konnen sa ki itilizatè a ap chèche pou li a,

1136
01:10:03,000 --> 01:10:04,780
jis tankou nou te fè sa anvan.

1137
01:10:04,780 --> 01:10:11,320
Sa a mo kle refere a eleman aktyèl la itilizatè a ap kominike avèk.

1138
01:10:11,320 --> 01:10:14,070
>> Paske itilizatè a ap kominike avèk bwat rechèch la,

1139
01:10:14,070 --> 01:10:17,020
$ Sa a reprezante bwat rechèch la,

1140
01:10:17,020 --> 01:10:21,820
Se konsa this.val ban nou Ki sa ki andedan nan bwat rechèch la itilizatè a se kounye a sezisman.

1141
01:10:22,810 --> 01:10:27,320
Se konsa, kounye a ki sa nou vle fè se nou vle repekte sou tout nan ranje yo

1142
01:10:27,320 --> 01:10:29,240
andedan nan tablo nou an.

1143
01:10:29,240 --> 01:10:35,630
Pou chwazi tout ranje yo nan tablo nou an, mwen te bay ki tab yon ID nan pòtfolyo tab,

1144
01:10:35,630 --> 01:10:39,060
epi li se chak ranje reprezante pa yon eleman TR,

1145
01:10:39,060 --> 01:10:42,080
kidonk sa a seleksyon ki pral tounen vin jwenn mwen yon etalaj gwo

1146
01:10:42,080 --> 01:10:44,370
nan tout ranje yo nan tablo m 'yo.

1147
01:10:44,370 --> 01:10:47,010
Koulye a, mwen vle repekte sou ki etalaj.

1148
01:10:47,010 --> 01:10:52,390
Mwen te kapab ou yon pou riban, men jQuery aktyèlman bay nou fonksyon an bèl rele "chak."

1149
01:10:52,390 --> 01:10:55,220
Ki sa ki fè, se chak chak pran yon agiman,

1150
01:10:55,220 --> 01:10:57,090
e ke agiman se yon fonksyon.

1151
01:10:57,090 --> 01:11:02,760
Ki sa ki li pral fè se li pral pou aplike pou ke fonksyon bay chak eleman andedan nan lis sa a.

1152
01:11:02,760 --> 01:11:05,550
Sa a fonksyon pran youn agiman ki nan e,

1153
01:11:05,550 --> 01:11:10,090
ak ki lè sa a fonksyon egzekite, sa a e yo pral ranplase ak premye ranje a,

1154
01:11:10,090 --> 01:11:12,070
Lè sa a, dezyèm ranje a, ak Lè sa a, twazyèm ranje a.

1155
01:11:12,070 --> 01:11:15,150
Lè sa a fason, sa a se menm bagay la kòm kouri yon pou riban

1156
01:11:15,150 --> 01:11:21,360
ak Lè sa a, lè n ap kalkile eleman aktyèl la ki baze sou andedan an endèks nan ou a pou riban.

1157
01:11:21,360 --> 01:11:24,750
Nan chak iterasyon, pou chak nan eleman sa yo nan tablo a,

1158
01:11:24,750 --> 01:11:30,560
Mwen vle tcheke si tèks la nan eleman a - tèks la nan selil la andedan nan ranje a -

1159
01:11:30,560 --> 01:11:33,130
matche ak sa m ap chèche pou.

1160
01:11:33,130 --> 01:11:36,390
Sa a fisèl gwo long nan kòmandman ki jan mwen ka fè sa.

1161
01:11:36,390 --> 01:11:40,900
Premyèman, ankò, sa a kounye a refere a - paske li nan andedan nan yon fonksyon nouvo -

1162
01:11:40,900 --> 01:11:45,020
sa a se kounye a ranje aktyèl la nan tablo a.

1163
01:11:45,020 --> 01:11:47,340
Mwen vle pran ranje aktyèl la nan tablo a,

1164
01:11:47,340 --> 01:11:49,950
e mwen vle jwenn tout timoun li yo.

1165
01:11:49,950 --> 01:11:51,940
Sonje byen, Dom la se yon pyebwa yerarchize,

1166
01:11:51,940 --> 01:11:54,200
ki vle di ke eleman gen yon nimewo nan timoun yo.

1167
01:11:54,200 --> 01:12:00,180
>> Sa a. Timoun fonksyon ki pral tounen vin jwenn mwen tounen yon etalaj de tout nan eleman yo

1168
01:12:00,180 --> 01:12:03,240
ki se timoun yo nan, nan ka sa a, yon ranje nan tablo a.

1169
01:12:03,240 --> 01:12:07,150
Sa a se jis senpleman selil yo andedan nan ranje a.

1170
01:12:07,150 --> 01:12:09,230
Mwen jis vle nan rechèch sou selil la an premye.

1171
01:12:09,230 --> 01:12:13,090
Sa a. Fonksyon premye di, ban m 'eleman nan premye nan ki etalaj.

1172
01:12:13,090 --> 01:12:17,070
Lè sa a, fonksyon an tèks di m 'jwenn ekzakteman ki sa ki andedan nan selil sa a

1173
01:12:17,070 --> 01:12:19,530
depi mwen vle nan rechèch sou ki tèks.

1174
01:12:19,530 --> 01:12:21,040
Finalman, kite a konvèti li nan miniskil,

1175
01:12:21,040 --> 01:12:23,940
pou nou ka fè tèks ka queries bra kwaze.

1176
01:12:23,940 --> 01:12:29,990
Finalman, nou vle wè si sa fisèl andedan yon tab gen fisèl la nou 're chache.

1177
01:12:29,990 --> 01:12:32,980
Fonksyon an indexOf nan JavaScript fè sèlman sa.

1178
01:12:32,980 --> 01:12:37,060
Li di nou si ou pa sa a fisèl gen yon lòt fisèl.

1179
01:12:37,060 --> 01:12:40,150
Si li la vre ke selil la gen sa m ap chèche pou,

1180
01:12:40,150 --> 01:12:42,140
Lè sa a, mwen vle asire ke li nan yo montre a.

1181
01:12:42,140 --> 01:12:45,330
Metòd la montre ap di, "Montre eleman an."

1182
01:12:45,330 --> 01:12:50,350
Si sa a se pa ka a, lè sa a sa vle di tou sa mwen pou chèche se pa sa ki

1183
01:12:50,350 --> 01:12:53,550
nan ki ranje, ak Se konsa, mwen vle kache a soti nan itilizatè lan.

1184
01:12:53,550 --> 01:12:59,240
Sa rive reyalize pwogrè ki efè bèl filtraj kote pa gen okenn ankò nou gade nan tablo ki an tout antye.

1185
01:12:59,240 --> 01:13:01,480
Si w ap enterese nan kòman yo fè sa a montr kòm byen,

1186
01:13:01,480 --> 01:13:04,180
nou pral afiche sous la sou entènèt. Men, li la vrèman senp.

1187
01:13:04,180 --> 01:13:09,860
JQuery gen metòd awizom pou sa yo Animations ak manipile CSS pwopriyete yo.

1188
01:13:09,860 --> 01:13:11,020
Se konsa, sa a, se li pou mwen.

1189
01:13:11,020 --> 01:13:15,560
>> Ki sa ki Lè sa a, tann pi devan? Kòm ou pral wè nan kèk jou, final pwojè pwopozisyon an ki dwe.

1190
01:13:15,560 --> 01:13:17,730
Final pwojè pwopozisyon a pral mande w kèk kesyon,

1191
01:13:17,730 --> 01:13:19,420
Men, nan mitan yo pral twa jalons -

1192
01:13:19,420 --> 01:13:22,840
yon sèl yon "bon" etap enpòtan, youn yon etap enpòtan pi bon, ak yon yon pi bon.

1193
01:13:22,840 --> 01:13:25,870
Lide a ke yo te reyèlman ede ou guys mete ap atann ou a

1194
01:13:25,870 --> 01:13:29,160
pou ke minim ou yo pral kontan ak pwodiksyon an nan pwojè final ou a

1195
01:13:29,160 --> 01:13:32,060
epi li pral "bon" byen lwen tèlman kòm ou gen enkyetid.

1196
01:13:32,060 --> 01:13:34,540
Men, Lè sa a, nan enterè pou trape ou yo rive jwenn jis yon ti jan a yon bagay pi bon

1197
01:13:34,540 --> 01:13:37,680
oubyen yon bagay pi byen, nou pral tou sòt de pouse ou nan direksyon ki tankou byen.

1198
01:13:37,680 --> 01:13:40,660
CS50 Hack-yon-ton la, pandansetan, se nan yon semèn.

1199
01:13:40,660 --> 01:13:44,340
Tipikman, nou fè sa sou yon baz baz lotri paske nan enterè,

1200
01:13:44,340 --> 01:13:47,680
men chans yo se nou ap pran yon santèn kèk nan nou nan bis navèt soti nan Harvard Square

1201
01:13:47,680 --> 01:13:51,540
desann nan Kendall Square kote Microsoft te gen yon etablisman bèl jistèman rele "nèrd" -

1202
01:13:51,540 --> 01:13:53,830
New England rechèch la ak Sant Devlopman.

1203
01:13:53,830 --> 01:13:56,380
Nou pral jwenn gen alantou 8 pm Nou pral gen kèk manje.

1204
01:13:56,380 --> 01:13:58,160
Anviwon 1 a.m. nou pral gen kèk plis manje.

1205
01:13:58,160 --> 01:14:02,150
Anviwon 5 am si w ap toujou reveye nou pral mete tèt sou nan IHOP oswa pran ou tounen nan lakou lekòl la.

1206
01:14:02,150 --> 01:14:04,380
Objektif la gen plonje nan pwojè final

1207
01:14:04,380 --> 01:14:06,190
ansanm ak nan kondisip ak anplwaye yo.

1208
01:14:06,190 --> 01:14:08,280
Lè sa a, nan kèk jou plita se san Patipri a CS50,

1209
01:14:08,280 --> 01:14:10,990
ki se vrèman vle di yo dwe yon opòtinite pou ou nèg montre travay ou

1210
01:14:10,990 --> 01:14:12,700
ak travay li fè pou semès la

1211
01:14:12,700 --> 01:14:15,610
pandan y ap fwote zepòl youn ak lòt yo ak pou jwenn yon sans de sa chak moun te fè sa.

1212
01:14:15,610 --> 01:14:17,850
Avèk ki te di, mèsi anpil moun Tommy ak Jozèf,

1213
01:14:17,850 --> 01:14:19,960
epi nou pral wè ou nan Lendi.

1214
01:14:19,960 --> 01:14:24,070
 [Aplodisman]