1
00:00:00,000 --> 00:00:02,700
[Powered by Google Translate] [Week 9, Ikompli]

2
00:00:02,700 --> 00:00:05,160
[David J. Malan - Università ta 'Harvard]

3
00:00:05,160 --> 00:00:07,020
[Dan huwa CS50. - CS50.TV]

4
00:00:07,940 --> 00:00:13,340
>> Dan huwa CS50. Dan huwa l-aħħar ta 'ġimgħa 9. Grazzi ħafna.

5
00:00:13,340 --> 00:00:15,310
Fl-aħħarnett. Ġimgħa 9. Sibt.

6
00:00:15,310 --> 00:00:18,590
Illum aħna tkompli konversazzjoni tagħna dwar l-ipprogrammar tal-web

7
00:00:18,590 --> 00:00:21,660
b'ħarsa lejn il-proġett finali, mhux għaliex inti għandek tagħmel xi ħaġa fuq l-internet

8
00:00:21,660 --> 00:00:25,610
għall-proġetti finali iżda għaliex jew għal proġetti finali jew wara CS50

9
00:00:25,610 --> 00:00:29,000
din hija ċertament l-direzzjoni li fiha software modern huwa għaddej.

10
00:00:29,000 --> 00:00:31,770
And yet mhuwiex attwalment ħaġa faċli.

11
00:00:31,770 --> 00:00:35,040
Fil-fatt, waħda mill-affarijiet aktar diffiċli biex tagħmel huwa l-aspett tad-disinn.

12
00:00:35,040 --> 00:00:38,600
>> Per eżempju, mid-disinn rridu nfissru attwalment jkollna l-user interface

13
00:00:38,600 --> 00:00:40,420
jew l-utent esperjenza tajba.

14
00:00:40,420 --> 00:00:43,200
I daresay - u nafu minn sett problema riċenti

15
00:00:43,200 --> 00:00:45,960
meta ftit inti imxandra gripes tiegħek dwar xi biċċa ta 'softwer

16
00:00:45,960 --> 00:00:49,000
jew hardware li infuriates inti, kemm jekk fuq il-kampus jew off -

17
00:00:49,000 --> 00:00:51,930
hemm ħafna ta 'siti hemmhekk, hemm ħafna ta' hardware hemmhekk,

18
00:00:51,930 --> 00:00:53,900
dan it-tip ta 'sucks.

19
00:00:53,900 --> 00:00:58,730
Iżda r-realtà hi li tagħmel affarijiet li huma faċli li jintużaw għadhom huma madankollu qawwija

20
00:00:58,730 --> 00:01:00,550
hija sfida diffiċli ħafna.

21
00:01:00,550 --> 00:01:03,680
So għal-lum I talab Joseph u Tommy jissieħbu me up here

22
00:01:03,680 --> 00:01:06,680
sabiex inkunu nistgħu ikollhom konverżazzjoni, kemm dwar id-disinn

23
00:01:06,680 --> 00:01:09,090
u liema tipi ta 'proċessi ta' ħsieb għandha tibda għaddejja ras

24
00:01:09,090 --> 00:01:12,040
meta inti disinn proġetti finali tiegħek, jagħmlu sforz fil-futur tiegħek.

25
00:01:12,040 --> 00:01:15,040
U mbagħad bl-għajnuna Tommy s aħna ser tħares lejn uħud mill-elementi ta 'implementazzjoni.

26
00:01:15,040 --> 00:01:18,440
Kif tista ikollok xi ftit viżjoni fuq il-karta jew fil-moħħ tiegħek

27
00:01:18,440 --> 00:01:20,760
inti tista 'mbagħad tesegwixxi programmatically

28
00:01:20,760 --> 00:01:24,030
billi tuża xi wħud mill-teknoloġiji u t-tekniki konna biss beda jitkellem dwar,

29
00:01:24,030 --> 00:01:29,080
jiġifieri JavaScript u xi ħaġa anke aktar ġodda, jiġifieri Ajax, JavaScript mhux sinkroniku.

30
00:01:29,080 --> 00:01:32,950
Li jippermetti li inti toħloq l-dinamika aktar ta 'interface għall-utent

31
00:01:32,950 --> 00:01:35,780
billi fetching data aktar u aktar progressivament minn server.

32
00:01:35,780 --> 00:01:38,560
Allura aħna ser tara xi wħud minn dawk siltiet kif ukoll illum.

33
00:01:38,560 --> 00:01:41,800
Bħala twarrib, jekk inti interessat fil-konċentrazzjoni fil-xjenza tal-kompjuter

34
00:01:41,800 --> 00:01:45,010
jew minoring fix-xjenza tal-kompjuter, taf li din il-ġimgħa f'nofsinhar

35
00:01:45,010 --> 00:01:48,750
fil Maxwell Dworkin 221 se jkun hemm avveniment pizza

36
00:01:48,750 --> 00:01:50,780
fejn tista 'titgħallem daqsxejn aktar dwar ix-xjenza tal-kompjuter.

37
00:01:50,780 --> 00:01:54,860
Fit-triq tiegħek l-bieb tal-lum inti ser tkun kapaċi li jtellgħu gwida mhux uffiċjali għas CS fil-Harvard.

38
00:01:54,860 --> 00:01:57,290
Aħna ser poġġih fuq il-bottijiet Trash barra fl-għoli tal-qadd

39
00:01:57,290 --> 00:01:59,750
b'tali mod li jekk inti tixtieq li grab din u jitgħallmu ftit aktar dwar CS,

40
00:01:59,750 --> 00:02:02,480
li se jkun hemm għalik kif kienet fil-ġimgħa 0.

41
00:02:02,480 --> 00:02:06,500
Ukoll jekk inti tixtieq li jingħaqdu magħna għal CS50 ikla din il-ġimgħa fi 1:15,

42
00:02:06,500 --> 00:02:09,800
ras għal cs50.net/lunch.

43
00:02:09,800 --> 00:02:13,260
Mingħajr aktar dewmien, I jagħtuk sħabi tagħlim Joseph Ong.

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

45
00:02:19,190 --> 00:02:20,770
Grazzi.

46
00:02:20,770 --> 00:02:24,780
L-ewwel darba I tgħallmu dwar id-disinn kien fi klassi hawn imsejjaħ CS179.

47
00:02:24,780 --> 00:02:28,040
>> Il-professur fil-ħin qalulna l-istorja dwar ieħor professur

48
00:02:28,040 --> 00:02:31,640
li marru għall-lukanda u użati l-viti.

49
00:02:31,640 --> 00:02:35,630
Jista 'xi ħadd tell me dak li pumi 2 fuq ix-xellug u tal-lemin tagħmel?

50
00:02:35,630 --> 00:02:39,080
[Student] Sħun u kiesaħ. >> Hot u kiesaħ. Tajba.

51
00:02:39,080 --> 00:02:41,430
X'tista normalment jistenna, id-dritt?

52
00:02:41,430 --> 00:02:46,960
Dan professur wara li tuża l-faucet trid tieħu doċċa, u hu tipproċedi biex jużaw dan.

53
00:02:46,960 --> 00:02:51,310
Huwa jaħseb ix-xellug u l-ġnub dritt huma għall sħun u kiesaħ, id-dritt?

54
00:02:51,310 --> 00:02:55,470
Iżda jista 'xi ħadd tell me dak li dawn fil-fatt jagħmlu?

55
00:02:55,470 --> 00:02:58,060
Kwalunkwe idejn?

56
00:02:58,060 --> 00:03:01,740
[Rispons istudent inaudible] >> Wieħed mis-suġġerimenti huwa?

57
00:03:01,740 --> 00:03:05,860
[Inaudible student rispons] Temperatura >>?

58
00:03:05,860 --> 00:03:10,460
Allura wieħed minnhom jikkontrolla temperatura u l-kontrolli l-oħra? >> [Student] pressjoni Ilma.

59
00:03:10,460 --> 00:03:12,350
Pressjoni Ilma. Tajba.

60
00:03:12,350 --> 00:03:15,100
Dan professur mixjiet fil dan u, ħsieb huma jikkontrollaw sħun u kiesaħ,

61
00:03:15,100 --> 00:03:21,470
dawriet-dritt wieħed, li jidhirlu hija għal hot, it-triq kollha sa

62
00:03:21,470 --> 00:03:23,560
minħabba li huwa jixtieq li tieħu doċċa sħun.

63
00:03:23,560 --> 00:03:28,100
Ukoll, dawn ma verament jaqblu, hekk hu gets din l-esperjenza ma tantx gost

64
00:03:28,100 --> 00:03:31,110
li jkunu fil-doċċa kiesħa, u aħna lkoll nafu dak li jħoss simili.

65
00:03:31,110 --> 00:03:33,620
Dan huwa eżempju ta 'difett disinn.

66
00:03:33,620 --> 00:03:37,040
What I tfisser li huwa aspettattiva tiegħu mill-faucet

67
00:03:37,040 --> 00:03:39,420
ma jaqblux ma 'dak li ħareġ mill-doċċa,

68
00:03:39,420 --> 00:03:41,780
li huwa tip ta sfortuna għalih.

69
00:03:41,780 --> 00:03:44,990
Allura dan huwa eżempju ta 'difett disinn li jiġri fil-ħajja reali.

70
00:03:44,990 --> 00:03:48,020
Iżda naraw kull xorta ta 'dawk l-oħra ukoll.

71
00:03:48,020 --> 00:03:50,390
Aħna probabbilment mhux fannijiet tas-sistema MBTA.

72
00:03:50,390 --> 00:03:55,560
Din hija sistema subway attwalment f'Londra, li tgħid, "Dan buttuna mhux fl-użu."

73
00:03:55,560 --> 00:04:00,220
Għaliex huwa anki fuq hemmhekk? Għalfejn nagħmlu anki kura?

74
00:04:00,220 --> 00:04:02,810
Meta ġejt a kid, ikun dak sofistikati ta 'teknoloġija fid-dar,

75
00:04:02,810 --> 00:04:05,050
kull meta l-kompjuter ikun tiġrifa, mom tiegħi come lili,

76
00:04:05,050 --> 00:04:07,060
juru me dan ta 'l-iskrin u tistaqsi lili dak li ġara.

77
00:04:07,060 --> 00:04:09,210
>> Anke I do not know liema dan ifisser.

78
00:04:11,890 --> 00:04:14,700
[Rires] What?

79
00:04:16,950 --> 00:04:18,019
[Daħk]

80
00:04:18,720 --> 00:04:23,050
Kultant naħsbu simili iżviluppaturi ta 'softwer huma biss trejjix us.

81
00:04:23,050 --> 00:04:28,460
Bħala utenti aħna simili, "X'inhu jiġri? Xi ħadd tgħidilna."

82
00:04:28,460 --> 00:04:32,140
Dan kollu jaqa 'għal kwistjoni ta' disinn.

83
00:04:32,140 --> 00:04:34,650
Disinn, kif nistgħu naraw, mhux purament dwar estetika,

84
00:04:34,650 --> 00:04:37,230
mhuwiex dwar kif l-affarijiet jidhru.

85
00:04:37,230 --> 00:04:41,720
Naraw hawnhekk li dan ftit pop-up minn hawn attwalment jistenna pretty sbieħ.

86
00:04:41,720 --> 00:04:45,290
Hija għandha dell qatra fl-isfond, hija għandha radiuses fruntieri għaddejjin.

87
00:04:45,290 --> 00:04:47,550
Huwa tip ta 'pretty.

88
00:04:47,550 --> 00:04:51,480
Mhuwiex verament mfassla tajjeb għaliex mhuwiex faċli ħafna.

89
00:04:51,480 --> 00:04:54,920
Li ftit pop-up li jitla 'ma verament tagħti me xi informazzjoni

90
00:04:54,920 --> 00:04:58,450
dwar x'inhu għaddej, ma tell me xejn kif l-utent

91
00:04:58,450 --> 00:05:01,400
dwar kif tirkupra minn dan l-iżball.

92
00:05:01,400 --> 00:05:05,190
Aħna tixtieq li jaħsbu dwar affarijiet li d-disinn ma jkunx.

93
00:05:05,190 --> 00:05:06,670
L-ewwel, mhuwiex estetika.

94
00:05:06,670 --> 00:05:10,800
Huwa wkoll mhux mili app tiegħek ma 'tunnellati ta' funzjonalità bla bżonn.

95
00:05:10,800 --> 00:05:14,890
Jekk int restorant Tajlandiż, inti probabilment ma tridx tkun ta 'dentist fl-istess ħin.

96
00:05:14,890 --> 00:05:17,720
U ma Mistoqsijiet Facebook, mhux li ħafna nies użati

97
00:05:17,720 --> 00:05:21,130
u ma kienx verament fil-qalba ta 'dak li kienu bini.

98
00:05:21,130 --> 00:05:24,200
U għalhekk huwa sbieħ li wieħed jaħseb dwar mhux tant il-kwantità ta 'l-affarijiet

99
00:05:24,200 --> 00:05:26,390
li int tqegħid għall-applikazzjoni tiegħek iżda l-kwalità

100
00:05:26,390 --> 00:05:28,910
u kif int tagħmel dik l-esperjenza aħjar għall-utent

101
00:05:28,910 --> 00:05:32,540
billi fil-fatt it-titjib fuq dak li diġà għandek.

102
00:05:32,540 --> 00:05:37,040
>> Fil-qosor, id-disinn jgħidilna dak li għandna nibnu.

103
00:05:37,040 --> 00:05:41,950
Per eżempju, jekk aħna qed jibnu xi ħaġa li jgħidilna tfittex affarijiet up,

104
00:05:41,950 --> 00:05:45,970
bħall-Google, per eżempju, għandna nagħmlu l-affarijiet b'mod

105
00:05:45,970 --> 00:05:48,950
li teħtieġ l-utent biex jieħdu lottijiet ta 'klikks biex jiksbu dak li jridu,

106
00:05:48,950 --> 00:05:52,580
jew għandna nagħmlu dan b'mod, per eżempju, ma 'Google Instant jew AutoComplete

107
00:05:52,580 --> 00:05:54,970
li tikri us tikseb riżultati tagħna aktar malajr?

108
00:05:54,970 --> 00:05:58,740
Inġinerija tinvolvi, bħal Tommy se nuruk, attwalment bini tagħha.

109
00:05:58,740 --> 00:06:01,890
Hemm ħafna tipi ta 'disinn.

110
00:06:01,890 --> 00:06:06,070
Per eżempju, jekk int bini xi ħaġa li tuża xi ħaġa

111
00:06:06,070 --> 00:06:09,770
f'pajjiż Tielet Dinja fejn ma jkunx hemm l-elettriku ħafna jew li t-teknoloġija ħafna,

112
00:06:09,770 --> 00:06:11,440
inti għandek disinn dak int bini

113
00:06:11,440 --> 00:06:14,210
b'tali mod li faċilment jagħti aċċess lill-poplu hemmhekk.

114
00:06:14,210 --> 00:06:18,290
Imma liema tipi ta 'deċiżjonijiet oħra tad-disinn jista' jkun hemm

115
00:06:18,290 --> 00:06:21,850
jew tista 'tkun involuta fil xi ħaġa bħal din?

116
00:06:23,690 --> 00:06:25,660
Yeah. Nara idejn.

117
00:06:25,660 --> 00:06:37,200
[Inaudible student rispons] Dritt >>. Eżattament. L-aċċessibilità hija ħaġa waħda.

118
00:06:37,200 --> 00:06:40,870
Ħafna nies ma jaħsbu dwar, "Xi ngħidu dwar l-utenti tiegħi?"

119
00:06:40,870 --> 00:06:43,160
bħall-estremi ta 'kemm l-ispettru.

120
00:06:43,160 --> 00:06:47,770
Għandi l-utenti li jista 'jkollhom diżabilitajiet li jien ma jaħsbu dwar

121
00:06:47,770 --> 00:06:50,590
u jien biss jaħsbu dwar tfassil għall-utent ġenerali.

122
00:06:50,590 --> 00:06:52,630
L-Internet huwa aċċessibbli minn kulħadd illum,

123
00:06:52,630 --> 00:06:54,870
u I għandhom iħejju għal dawk in-nies ukoll.

124
00:06:54,870 --> 00:06:58,620
Liema tipi ta 'deċiżjonijiet oħra tad-disinn tista' inti tagħmel?

125
00:06:58,620 --> 00:07:00,690
Iva. >> [Student]. Cost

126
00:07:00,690 --> 00:07:02,680
Cost. Tajjeb ħafna.

127
00:07:02,680 --> 00:07:08,060
Ħaġa oħra nistgħu tibbaża d-deċiżjonijiet tad-disinn tagħna fuq huma l-ispejjeż.

128
00:07:08,060 --> 00:07:13,130
Jekk aħna qed negozju, inti trid tibni xi ħaġa li ma tieħu spiża ħafna biex jipproduċu

129
00:07:13,130 --> 00:07:17,720
iżda jistgħu jbiegħu bi prezz partikolarment għoli jew tista 'tikseb us xi profitt.

130
00:07:17,720 --> 00:07:21,540
>> Dawn huma t-tipi kollha differenti ta 'disinn, iżda meta aħna qed jibnu xi ħaġa fuq l-Internet

131
00:07:21,540 --> 00:07:25,120
jew meta aħna qed jibnu xi ħaġa li probabbilment ma ispiża li ħafna biex jibnu issa,

132
00:07:25,120 --> 00:07:28,630
bħall-applikazzjonijiet tal-Internet - inti ma għandekx tarmi kapital ħafna fis dan

133
00:07:28,630 --> 00:07:30,900
sabiex jagħmlu xi ħaġa li attwalment xogħlijiet -

134
00:07:30,900 --> 00:07:33,490
dak li aħna qed aktar inkwetati dwar huwa l-utent esperjenza.

135
00:07:33,490 --> 00:07:36,390
Aħna nsejħu dan id-disinn utent ċċentrata.

136
00:07:36,390 --> 00:07:41,550
Essenzjalment dak id-disinn utent ċċentrata jinvolvi qed tqiegħed yourselves fl-żraben ta 'l-utenti tiegħek.

137
00:07:41,550 --> 00:07:44,870
Jekk xi ħadd jiffirma għall-dak li jien bini,

138
00:07:44,870 --> 00:07:48,250
li ħadthom ovvjament jaslu għal applikazzjoni partikolari tiegħi bil-għan fil-ħsieb,

139
00:07:48,250 --> 00:07:50,280
bil-kompitu li jridu biex jitlesta.

140
00:07:50,280 --> 00:07:53,650
U l-impjieg tiegħek mhux biss biex tgħinhom ilestu dan il-kompitu

141
00:07:53,650 --> 00:07:57,930
iżda biex tgħinhom ilestu dan il-kompitu b'mod li huwa effiċjenti, intuwittivi,

142
00:07:57,930 --> 00:08:01,900
u, kif xi persuna qal hemmhekk,. aċċessibbli

143
00:08:01,900 --> 00:08:03,750
Xi tfisser effiċjenza ma?

144
00:08:03,750 --> 00:08:08,050
Effiċjenza ifisser kif malajr ma l-utent tiegħi tlesti l-kompitu mogħti interface tiegħi.

145
00:08:08,050 --> 00:08:11,650
Ma jieħdu lottijiet ta 'klikks għalihom li jiksbu minn post għall-ieħor?

146
00:08:11,650 --> 00:08:14,630
Huwa tedious? Do huma għandhom iwettqu lottijiet ta 'kompiti ripetittivi?

147
00:08:14,630 --> 00:08:17,140
Aħna rridu li jagħmlu dan il-proċess effiċjenti kemm jista 'jkun

148
00:08:17,140 --> 00:08:20,070
sabiex dawn ma jkollhom jagħmlu dawn it-tipi ta 'affarijiet.

149
00:08:20,070 --> 00:08:24,230
Fir-intuitiveness, jiġifieri, per eżempju, jekk utent jistenna up interface tiegħi,

150
00:08:24,230 --> 00:08:27,240
huwa faċli għalihom li jiksbu minn post għall-post?

151
00:08:27,240 --> 00:08:30,390
Huwa faċli għalihom biex insemmu dak li għandhom ikklikkja fil-interface tiegħi

152
00:08:30,390 --> 00:08:33,770
sabiex għalihom biex jintlaħaq l-għan jew kompitu li jkunu jridu jilħqu?

153
00:08:33,770 --> 00:08:37,520
>> U fl-aħħarnett, bħala persuna waħda qal hemmhekk, l-aċċessibilità hija importanti ħafna.

154
00:08:37,520 --> 00:08:39,640
[Kelliem maskili] Niġu għall-aċċessibilità għal affarijiet bħall-viżjoni,

155
00:08:39,640 --> 00:08:42,740
simili kif nista attwalment disinn xi ħaġa għal xi ħadd li hu blind?

156
00:08:42,740 --> 00:08:46,460
Oh. Għall-persuni li ma tistax tara xejn, aħna għandna xi ħaġa imsejħa qarrejja iskrin.

157
00:08:46,460 --> 00:08:49,070
Dak li għandek tagħmel hu li għandek tibni website tiegħek b'mod

158
00:08:49,070 --> 00:08:52,020
li, per eżempju, teknoloġiji partikolari dak li aħna sejħa -

159
00:08:52,020 --> 00:08:53,590
Hemm ħafna affarijiet issa.

160
00:08:53,590 --> 00:08:55,660
Naħseb li hemm qarrejja iskrin imsejħa JAWS.

161
00:08:55,660 --> 00:08:58,410
A lott ta 'dawn l-affarijiet jiddependu fuq dak li nsejħu regoli żona

162
00:08:58,410 --> 00:09:02,010
sabiex jinqara lill-utent dak li huwa preżenti fuq il-paġna.

163
00:09:02,010 --> 00:09:05,480
Għal dawk in-nies li ma tistax tara, inti għandek bżonn tagħmel ċert li dawn il-qarrejja iskrin

164
00:09:05,480 --> 00:09:09,130
jistgħu attwalment jittellgħu l-kontenut fuq il-paġna u tista 'effettivament juru l-utenti tiegħek,

165
00:09:09,130 --> 00:09:13,630
jekk inti ma tistax tara, għall-inqas inti xorta tista 'tifhem il-kontenut fuq il-paġna.

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

167
00:09:16,190 --> 00:09:23,410
Biżżejjed jitkellem dwar disinn tajjeb. Ejja nitkellmu dwar id-disinn ħażin.

168
00:09:23,410 --> 00:09:25,220
Dawn huma affarijiet li inti m'għandekx tagħmel.

169
00:09:25,220 --> 00:09:27,890
Jista 'xi ħadd tell me dwar l-esperjenzi tagħhom ma' Craigslist

170
00:09:27,890 --> 00:09:32,190
u dak li jaħsbu huwa mhux daqshekk kbir dwar dan id-disinn?

171
00:09:33,690 --> 00:09:36,430
Iva. >> [Student] Naħseb li hemm kliem wisq f'qasam wieħed.

172
00:09:36,430 --> 00:09:39,350
Kliem wisq, id-dritt? Kompletament kbira.

173
00:09:39,350 --> 00:09:42,400
Inti jaslu għal din il-paġna u int greeted bil-mazz sħiħ ta 'affarijiet up here

174
00:09:42,400 --> 00:09:43,860
li ma jista 'anke materja lilek.

175
00:09:43,860 --> 00:09:47,010
Per eżempju, inti tgħix fi stat wieħed li ma jibdew din l-ittra.

176
00:09:47,010 --> 00:09:48,690
Ejja ngħidu li inti tgħix fl Texas jew xi ħaġa.

177
00:09:48,690 --> 00:09:53,790
>> Int għandek iscroll-triq kollha fl-paġna li jasal sal-post inti fuq.

178
00:09:53,790 --> 00:10:00,320
Jien minn Boston, so let me ħarsa f'Massachusetts. Fejn hi Massachusetts?

179
00:10:00,320 --> 00:10:03,270
Oh, huwa dritt hawn. Oh, huwa Boston. Okay.

180
00:10:03,270 --> 00:10:09,070
Ejja nħarsu lejn Boston. [Daħk]

181
00:10:09,070 --> 00:10:12,250
Pretty kbira, id-dritt?

182
00:10:12,250 --> 00:10:16,400
Affarijiet strambi hemmhekk. [Daħk]

183
00:10:17,320 --> 00:10:19,470
Ejja ngħidu jien infittxu x'imkien biex jgħixu.

184
00:10:19,470 --> 00:10:24,130
Kif ħafna nies jkunu attwalment użati Craigslist? Tunnellata ta 'inti.

185
00:10:24,130 --> 00:10:30,960
Hemm modi pjuttost ħżiena li tħares lejn din, imma ejja nħarsu lejn dan.

186
00:10:35,130 --> 00:10:38,970
X'hemm differenza bejn img u pic? Jista 'xi ħadd tell me?

187
00:10:41,350 --> 00:10:42,830
M'hemm l-ebda differenza fil-fatt.

188
00:10:42,830 --> 00:10:47,710
Huma jfissru eżattament l-istess ħaġa, iżda dawn ikollhom tikketti differenti għalihom għal xi raġuni.

189
00:10:48,980 --> 00:10:53,560
Jekk I ikklikkja fuq Has Image, xejn ma jiġri fuq il-paġna.

190
00:10:53,560 --> 00:10:57,490
I attwalment għandhom ikklikkja Tiftix għal darb'oħra għal xi ħaġa li jiġri.

191
00:10:57,490 --> 00:11:02,430
Liema jista 'jkun deċiżjoni ta' tfassil aħjar li jista 'jsir hemmhekk?

192
00:11:03,820 --> 00:11:08,030
Jekk jien tikklikkja fuq dak il-filtru, I probabbilment jridu biex filtru billi din l-azzjoni partikolari

193
00:11:08,030 --> 00:11:09,970
jew li partikulari kategorija.

194
00:11:09,970 --> 00:11:14,450
Allura minflok li għall-istampa Fittex għal darb'oħra, I jistgħu biss awtomatikament jagħmlu l-filtrazzjoni

195
00:11:14,450 --> 00:11:17,060
tip ta 'stil Google fejn huma jagħmlu dan istantanjament.

196
00:11:17,060 --> 00:11:20,440
[Malan] Imma ma tifforma kif aħna stajt tidher minnhom s'issa għandhom jiġu fiżikament sottomessa

197
00:11:20,440 --> 00:11:23,170
billi jolqot Ikteb inqas jew tikklikkja l-buttuna?

198
00:11:23,170 --> 00:11:26,830
Kif inti stajt tidher minnhom s'issa, inti fil-fatt għandek ikklikkja Submit biex tagħmel dawk l-affarijiet.

199
00:11:26,830 --> 00:11:30,090
>> Imma kif Tommy se nuruk fit-tieni, hemm attwalment modi għalik

200
00:11:30,090 --> 00:11:33,010
tali li meta inti ikklikkja fuq dik ħaġa li tista 'awtomatikament jibgħat

201
00:11:33,010 --> 00:11:38,840
nsejħu talba Ajax u tikseb data b'lura u ffiltra riżultati tiegħek istantanju.

202
00:11:38,840 --> 00:11:41,340
Hemm tunnellata ta 'affarijiet li huma ħażin ma' din l-interfaċċa.

203
00:11:41,340 --> 00:11:43,530
[Malan] Tista 'tfittex għal Cambridge?

204
00:11:43,530 --> 00:11:47,030
Hemm xi ħaġa kemmxejn anomala hawn fejn inti care about Cambridge

205
00:11:47,030 --> 00:11:54,790
u għadhom int jkollna WESTFORD, tar-Rebbiegħa Hill, West Newton u simili.

206
00:11:54,790 --> 00:11:57,930
Probabbilment ma ideali. >> Probabbilment ma ideali.

207
00:11:57,930 --> 00:12:03,900
Kif jista I tkun tista 'tagħmel l-esperjenza l-utent aħjar fuq din il-paġna partikolari?

208
00:12:03,900 --> 00:12:07,340
Iva. >> [Student] Istruzzjonijiet.

209
00:12:07,340 --> 00:12:09,500
Okay. Struzzjonijiet fil x'tip ta 'sens?

210
00:12:09,500 --> 00:12:14,630
[Student] Pereżempju, xi ħaġa għall-utenti ewwel darba li lanqas biss jafu dak Craigslist huwa

211
00:12:14,630 --> 00:12:17,320
jew inti ma taf dak li qed suppost tagħmel.

212
00:12:17,320 --> 00:12:20,150
Dritt. Allura li tispjega dak li Craigslist huwa fuq din il-paġna hija importanti.

213
00:12:20,150 --> 00:12:23,490
Nistgħu attwalment tgħid utenti liema din il-paġna huwa attwalment għall.

214
00:12:23,490 --> 00:12:27,090
Jekk jien biss jżuru dan, nara mazz sħiħ ta 'postijiet. I lanqas biss jafu dak li jfisser.

215
00:12:27,090 --> 00:12:29,730
Iżda aktar importanti minn hekk, biss tħares lejn dan l-interface,

216
00:12:29,730 --> 00:12:35,530
ftakar I kellha iscroll ton ta 'affarijiet li ssib komunità partikolari

217
00:12:35,530 --> 00:12:37,560
li attwalment I jieħdu ħsiebhom dwar dwar dan.

218
00:12:37,560 --> 00:12:39,820
X'hemm mod aktar malajr I jistgħu jagħmlu dan? Iva.

219
00:12:39,820 --> 00:12:43,290
[Student] Aqsam iwettquhom f'reġjuni lvant-punent,. Okay. >>

220
00:12:43,290 --> 00:12:47,460
I jistgħu klassifikazzjoni tagħhom f'kategoriji aktar li jistgħu jgħinu me aktar malajr jiddeterminaw

221
00:12:47,460 --> 00:12:49,820
kif tikseb għal dak lokalità partikolari.

222
00:12:49,820 --> 00:12:54,510
[Student] Poġġi lista drop-down. >> Dritt. Okay.

223
00:12:54,510 --> 00:12:58,240
I tista 'tuża menu drop-down għaliex għandna sett fiss ta' l-affarijiet

224
00:12:58,240 --> 00:13:00,100
u nistgħu juru lilhom fi drop-down menu.

225
00:13:00,100 --> 00:13:02,240
B'dak il-mod ma jieħdu spazju tant fuq l-iskrin.

226
00:13:02,240 --> 00:13:05,630
Iżda anke aħjar minn dik, x'nistgħu nagħmlu?

227
00:13:05,630 --> 00:13:09,220
Iva. >> [Rispons istudent inaudible] >> Tista 'tgħid li għal darb'oħra? >> [Student] kaxxa Search.

228
00:13:09,220 --> 00:13:11,260
Yeah, kaxxa ta 'tfittxija. Li l-kbir.

229
00:13:11,260 --> 00:13:16,430
Dak li nistgħu nagħmlu huwa attwalment jekk inħarsu lura lejn il-pjastri kaxxa ta 'tfittxija,.

230
00:13:16,430 --> 00:13:21,520
AutoComplete. Mod faċli ħafna biex tfittex permezz ta 'riżultati li inti taf huma sett.

231
00:13:21,520 --> 00:13:25,980
Jekk nibda ittajpjar BO, biss urini-riżultati kollha li għandhom ġewwa BO minnhom.

232
00:13:25,980 --> 00:13:29,030
B'dak il-mod I tista 'faċilment isibu l-waħda partikolari Irrid immur għal

233
00:13:29,030 --> 00:13:32,390
minflok li tiskrollja permezz din il-lista verament kbir.

234
00:13:32,390 --> 00:13:37,450
>> Dawn huma kollha xorta ta 'verament baxx mdendlin frott li xi ħadd li qiegħed jimplimenta Craigslist

235
00:13:37,450 --> 00:13:42,500
jistgħu attwalment jagħmlu biex jagħmlu l-esperjenza fuq il-websajt ħafna aħjar għall-utent partikolari tagħhom.

236
00:13:42,500 --> 00:13:46,370
Okay. Biżżejjed jitkellem dwar websajts ħżiena.

237
00:13:46,370 --> 00:13:49,410
Ejja nitkellmu dwar Facebook.

238
00:13:50,880 --> 00:13:54,390
Meta Facebook ħareġ, u b'mod partikolari l-ritratti Facebook,

239
00:13:54,390 --> 00:13:57,870
kien hemm lottijiet ta 'servizzi oħra fil-ħin li jistgħu jagħmlu eżattament l-istess affarijiet.

240
00:13:57,870 --> 00:14:00,740
Huma jistgħu jorganizzaw ritratti tiegħek fis-albums.

241
00:14:00,740 --> 00:14:03,360
Dak li inti tista 'tagħmel huwa li inti tista jorganizzaw lilhom fis-settijiet ukoll.

242
00:14:03,360 --> 00:14:06,070
Inti tista jorganizzaw lilhom skond id-data. Inti tista 'tagħmel dawn l-affarijiet partikolari.

243
00:14:06,070 --> 00:14:11,710
Imma ħadd ma jaf dak li għamel Facebook ritratti jisplodu fiż-żmien li kien rilaxxat?

244
00:14:11,710 --> 00:14:15,080
Iva. >> [] Istudenti Tags. >> Tags. Eżattament.

245
00:14:15,080 --> 00:14:21,300
Għandna Milo hawn fuq, li huwa kelb Mascot tagħna ma 'dik bandana CS50.

246
00:14:21,300 --> 00:14:24,810
Tista 'tara li aħna għandna din il-karatteristika tagging fin-nofs.

247
00:14:24,810 --> 00:14:28,240
U dak magħmul ritratti Facebook hekk interessanti mil-lat użabilità

248
00:14:28,240 --> 00:14:34,130
huwa li attwalment jitħallew nies permezz ta 'dan biex jinvolvu ħbieb tagħhom fil-ritratti tagħhom.

249
00:14:34,130 --> 00:14:37,680
Għal Facebook, peress websajt tagħhom hija partikolarment soċjali,

250
00:14:37,680 --> 00:14:40,750
huwa dwar il-bini dan it-tip ta 'atmosfera soċjali.

251
00:14:40,750 --> 00:14:42,620
Li tittejjeb l-esperjenza ta 'ritratti ħafna aktar

252
00:14:42,620 --> 00:14:46,390
għaliex dawn setgħu effettivament tibda tgħid, "Dawn huma konnessjonijiet bejn in-nies,

253
00:14:46,390 --> 00:14:49,220
u dawn huma ritratti dwar in-nies ma attwalment jimpurtahom. "

254
00:14:49,220 --> 00:14:52,200
Parti minnha hija wkoll narcissism tip.

255
00:14:52,200 --> 00:14:54,980
Nies bħal li jiġu ttikkettati fil-ritratti u affarijiet bħal dik.

256
00:14:54,980 --> 00:14:58,510
Filwaqt li mhux neċessarjament karatteristika tal-bniedem tajjeb,

257
00:14:58,510 --> 00:15:01,910
fl-istess ħin huwa bbażat fuq deċiżjonijiet tad-disinn tajba

258
00:15:01,910 --> 00:15:04,860
għaliex in-nies fil-fatt kura dwar affarijiet bħal dan.

259
00:15:04,860 --> 00:15:07,190
Allura dak ritratti Facebook.

260
00:15:07,190 --> 00:15:09,800
>> Imma ejja nitkellmu Facebook aktar ġenerali.

261
00:15:09,800 --> 00:15:13,400
Jien ċert lottijiet ta 'nies hawn' jkollhom opinjonijiet dwar Facebook,

262
00:15:13,400 --> 00:15:16,430
iż-żewġ deċiżjonijiet tad-disinn tajba u deċiżjonijiet tad-disinn ħażin.

263
00:15:16,430 --> 00:15:20,270
Mela ejja vent jew ikunu kuntenti.

264
00:15:23,480 --> 00:15:26,450
Come fuq. Naf kollha inti tuża Facebook.

265
00:15:26,450 --> 00:15:30,970
Xi ħadd li jkollhom xi ħaġa ħażina li jgħidu jew xi ħaġa tajba li jgħidu dwar dan. Iva.

266
00:15:30,970 --> 00:15:35,060
[Student] Fil-għalf aħbarijiet hemm ħafna affarijiet I ma verament jimpurtak.

267
00:15:35,060 --> 00:15:37,740
L-għalf aħbarijiet ma juru ħafna affarijiet li inti tista 'ma jimpurtahom.

268
00:15:37,740 --> 00:15:41,660
Inti għandek ħbieb fuq Facebook li inti ma jkunux sodisfatti għal 2 jew 3 snin

269
00:15:41,660 --> 00:15:43,860
u tara r-riżultati aħbarijiet tagħhom popping up fil-għalf aħbarijiet tiegħek

270
00:15:43,860 --> 00:15:45,870
u inti ma verament kura dwar dan.

271
00:15:45,870 --> 00:15:48,700
Facebook tkun attwalment magħmula sforz biex jagħmlu dan aħjar,

272
00:15:48,700 --> 00:15:53,150
u ħadthom attwalment ppruvaw biex timbotta riżultati rilevanti għall-quċċata tal-għalf aħbarijiet bħala tard

273
00:15:53,150 --> 00:15:58,300
sabiex inti attwalment tara affarijiet mill-ħbieb li huma rilevanti għall inti jew ħbieb qrib tiegħek.

274
00:15:58,300 --> 00:16:01,110
Xi ħaġa oħra? Iva.

275
00:16:01,110 --> 00:16:06,400
[Inaudible student rispons] >> Tista 'tgħid li għal darb'oħra?

276
00:16:06,400 --> 00:16:10,140
[Student] Il ads huma relattivament jagħtux fil-għajn. >> F'liema sens?

277
00:16:10,140 --> 00:16:16,370
[Inaudible student rispons] Huma ma għandhomx dawl fuq l-iskrin, bħal banners.

278
00:16:16,370 --> 00:16:17,760
Okay. Li tajjeb.

279
00:16:17,760 --> 00:16:25,030
Jekk tiftakar l-Internet mill-snin 90 - >> [Malan] I kien hemm. >> Huwa kien hemm. [Daħk]

280
00:16:25,030 --> 00:16:29,210
Inti tista 'tiftakar sfondi jteptep gifs, sparkly affarijiet,

281
00:16:29,210 --> 00:16:31,570
GeoCities style tip ta 'affarijiet.

282
00:16:31,570 --> 00:16:34,080
Li verament mhux eżempju ta 'disinn tajjeb

283
00:16:34,080 --> 00:16:36,690
għaliex dan huwa verament jfixkluh mill-kontenut.

284
00:16:36,690 --> 00:16:39,590
Il-websajt arti Yale użati li jkollhom GIFs animati bħala sfond tagħhom

285
00:16:39,590 --> 00:16:41,800
u inti ma tista 'taqra xi ħaġa fuq il-paġna,

286
00:16:41,800 --> 00:16:44,870
iżda I raden xi ħadd fil-fatt tkellem lilhom u issa huwa daqsxejn differenti.

287
00:16:44,870 --> 00:16:48,940
[Malan] Huwa ħafna aħjar issa. >> Huwa ħafna aħjar issa, kif tista 'tara. >> [Malan] Oh yeah.

288
00:16:48,940 --> 00:16:56,020
Just kbira, biss - Yeah. Okay.

289
00:16:56,020 --> 00:17:00,560
>> Parti minnha hija wkoll tagħmel il-paġna tiegħek possibilment ħafna minimalista u ħafna tinftiehem

290
00:17:00,560 --> 00:17:05,690
sabiex l-affarijiet fuq il-fluss paġna b'mod li huwa ħafna loġiku u ma jsibux fil-mod ta 'xulxin.

291
00:17:05,690 --> 00:17:11,849
Xorta Liema ta 'affarijiet oħra huma tajba dwar Facebook jew ħżiena dwar Facebook?

292
00:17:11,849 --> 00:17:15,730
Ejja biss ikollhom konverżazzjoni disinn hawn.

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

294
00:17:21,339 --> 00:17:25,640
[Student] Is-sistema l-ġdida Kronoloġija iħallik tfittex profil tal-persuna dwar il-passat tagħhom.

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

296
00:17:28,119 --> 00:17:30,280
Kronoloġija hija ħaġa kbira għaliex inti tikri zokk ħbieb tiegħek

297
00:17:30,280 --> 00:17:33,300
lura meta kienu fl-iskola għolja.

298
00:17:35,160 --> 00:17:38,060
Kronoloġija hija tajba għaliex ihallik ffiltra l-kontenut ħafna aktar malajr,

299
00:17:38,060 --> 00:17:41,500
ihallik ssib affarijiet li nkella kienu ttieħdu inti żmien twil verament biex isibu

300
00:17:41,500 --> 00:17:45,840
biss scrolling u 'l isfel, up, up, up, up, up, simili tmur lura fil-ħin.

301
00:17:45,840 --> 00:17:48,910
Imma mbagħad hemm ukoll tip ta 'tnaqqis għal dik f'termini ta' esperjenza utent.

302
00:17:48,910 --> 00:17:51,190
Liema jista 'jkun?

303
00:17:51,190 --> 00:17:56,780
Kelma Big li tibda bi P-R. >> [Student] Privatezza. Privatezza >>, id-dritt?

304
00:17:56,780 --> 00:17:59,970
Privacy hija kwistjoni enormi utent esperjenza.

305
00:17:59,970 --> 00:18:07,190
Din hija waħda mill-affarijiet ddejjaqni l-aktar dwar Facebook issa. [Daħk]

306
00:18:07,190 --> 00:18:09,000
[Malan] Kif do I issa.

307
00:18:09,000 --> 00:18:11,380
David ma jirrealizzaw dan fil-fatt ġara sal-bieraħ.

308
00:18:11,380 --> 00:18:14,560
Allura issa li jaf li kull darba I chat lilu naf hu kien jinjora lili.

309
00:18:14,560 --> 00:18:16,880
[Malan] Il-parti skomdi kien I kien attwalment jinjora lilu,

310
00:18:16,880 --> 00:18:21,040
u ma kontx naf li kien jaf I kien jinjora lilu. [Daħk]

311
00:18:21,040 --> 00:18:24,030
Privacy hija kwistjoni enormi.

312
00:18:24,030 --> 00:18:28,670
Jista 'xi ħadd hawnhekk tell me dak li jista' jkun ħażin dwar Facebook privatezza

313
00:18:28,670 --> 00:18:32,270
minbarra l-fatt li dawn jagħmlu affarijiet bħal dan?

314
00:18:32,270 --> 00:18:37,240
X'inhu partikolarment diffiċli li tagħmel fir-rigward Facebook privatezza?

315
00:18:37,240 --> 00:18:40,340
Dan it-tip ta hija kwistjoni ewlenija.

316
00:18:41,680 --> 00:18:43,930
Iva. >> [Student] Aħbi ritratti tiegħek minn ċerti nies.

317
00:18:43,930 --> 00:18:46,170
Dritt. Eżattament, biex jaħbu ritratti tiegħek minn ċerti nies.

318
00:18:46,170 --> 00:18:51,290
Huma għandhom dan żgħar, buttuni ftit fil-lemin ta 'fuq li ihallik toggle-privatezza ta' ritratt.

319
00:18:51,290 --> 00:18:56,360
Għażliet ta 'privatezza tagħhom huma varjati ħafna bejn tipi differenti ta' menus.

320
00:18:56,360 --> 00:18:59,510
>> Li ħadthom gotten ħafna aħjar dwar dan l-aħħar, iżda li jintuża biex tkun il-każ

321
00:18:59,510 --> 00:19:04,870
li kull meta inti riedu biex jipprevjenu ħbieb tiegħek minn ritratti jaraw,

322
00:19:04,870 --> 00:19:08,280
inti jkollok biex tmur permezz ta 'kkumplikata ħafna 5-pass tal-proċess li jkunu simili,

323
00:19:08,280 --> 00:19:11,150
let me ikklikkja din ir-rabta, issa let me ikklikkja darb'oħra, let me ikklikkja darb'oħra,

324
00:19:11,150 --> 00:19:13,420
let me tispeċifika liema nies ma tistax tara ritratti tiegħi.

325
00:19:13,420 --> 00:19:17,250
Dan mhuwiex partikolarment tajba min-naħa Facebook

326
00:19:17,250 --> 00:19:20,530
minħabba tant dwar l-esperjenza utent huwa fil-fatt jagħtihom il-libertà

327
00:19:20,530 --> 00:19:22,460
biex jikkontrollaw dak in-nies tista 'tara.

328
00:19:22,460 --> 00:19:25,550
Aħna nsejħu dan il-kontroll utent u l-libertà.

329
00:19:25,550 --> 00:19:31,090
Jekk int ma kiri utenti tiegħek tagħmel dan b'mod li huwa effiċjenti u intuwittivi,

330
00:19:31,090 --> 00:19:34,570
imbagħad utent esperjenza tiegħek mhuwiex verament li kbir fil-livelli kollha.

331
00:19:34,570 --> 00:19:38,200
 Would you guys nixtieq ngħid xi ħaġa dwar Facebook?

332
00:19:38,700 --> 00:19:41,420
Kif nista jibdlu din off?

333
00:19:41,420 --> 00:19:46,290
[Ong] Ma tistax iddawwar dan off, u li hija difett użabilità enormi fuq il-parti ta 'Facebook.

334
00:19:46,290 --> 00:19:49,410
Din il-karatteristika - I attwalment ħares lejn dan bieraħ -

335
00:19:49,410 --> 00:19:53,940
huwa jew li inti ma tistax tagħmel dan jew huwa midfun x'imkien ħafna, ferm fil-fond

336
00:19:53,940 --> 00:19:58,050
fil-daħliet ta 'Facebook minħabba I ma tistax figura kif li jiskonnettja din il-funzjonalità fil-livelli kollha.

337
00:19:58,050 --> 00:20:00,400
[Malan] Imma xi kultant dawn id-deċiżjonijiet mhumiex ovvji

338
00:20:00,400 --> 00:20:03,890
għaliex inti guys tawna ħafna feedback utli fuq diversi CS50 applikazzjonijiet

339
00:20:03,890 --> 00:20:05,710
u websajts li l-kors użi.

340
00:20:05,710 --> 00:20:10,260
Aħna ma implimentawx kollha ta 'dawn it-talbiet u s-suġġerimenti.

341
00:20:10,260 --> 00:20:14,550
>> Parti ta 'dan huwa għall jkollna bosta talbiet li huwa funzjoni ta' ħin,

342
00:20:14,550 --> 00:20:17,070
imma xi kultant aħna biss tagħmel deċiżjoni konxja simili,

343
00:20:17,070 --> 00:20:19,830
"Grazzi għall-suġġeriment, imma aħna ma jaqblux."

344
00:20:19,830 --> 00:20:24,350
Allura kif taħseb li attwalment tiddeċiedi x'għandek tagħmel jekk l-utenti tiegħek taħseb li għandek tagħmel xi ħaġa

345
00:20:24,350 --> 00:20:28,110
anki jekk inti ma neċessarjament?

346
00:20:28,110 --> 00:20:32,360
Huwa bilanċ fin bejn attwalment jisimgħu dak l-utenti tiegħek jgħidu

347
00:20:32,360 --> 00:20:35,840
u fil-fatt li għandhom xi tip ta 'linja fejn inti tgħidli,

348
00:20:35,840 --> 00:20:37,750
"Aħna mhux se tagħmel dak dawn l-utenti jgħidu."

349
00:20:37,750 --> 00:20:42,520
U b'mod partikolari, naħseb li kien hemm kwotazzjoni minn Henry Ford li somom dan up pretty ukoll.

350
00:20:42,520 --> 00:20:47,130
"Jekk I kien talab lin-nies dak li riedu, huma kienu qalu li riedu żwiemel aktar malajr."

351
00:20:47,130 --> 00:20:51,840
Jista 'xi ħadd issolvi tat tease apparti dak li jikkwotaw verament tfisser?

352
00:20:51,840 --> 00:20:56,060
Huwa mhux biss li l-utenti jkunu jafu dak li jridu,

353
00:20:56,060 --> 00:20:59,180
iżda huwa aktar li -

354
00:20:59,180 --> 00:21:02,720
[Student] Huma ma jafux x'inhu possibbli.

355
00:21:02,720 --> 00:21:06,140
Fil-parti li ma jkunux jafu dak li hu possibbli.

356
00:21:07,880 --> 00:21:11,440
Tease li apparti xi ftit aktar. X'tifhem minn dak?

357
00:21:11,440 --> 00:21:21,340
[Rispons istudent inaudible]

358
00:21:21,340 --> 00:21:25,770
Li tajjeb. What I think we qed nipprova ngħid hawnhekk hija li n-nies jafu dak li jridu.

359
00:21:25,770 --> 00:21:28,050
Huma jridu żwiemel aktar malajr.

360
00:21:28,050 --> 00:21:29,840
Dak li verament jixtiequ hija l-abbiltà li jimxu aktar malajr,

361
00:21:29,840 --> 00:21:32,310
iżda dawn ma verament jafu l-mezz li bih jintlaħaq dak l-.

362
00:21:32,310 --> 00:21:36,330
Meta inti tidħol għall-utenti tiegħek u utenti tiegħek jgħidlek xi ħaġa

363
00:21:36,330 --> 00:21:39,700
u dawn jgħidulek, "Irridu dawn il-karatteristiċi u dawn l-karatteristiċi u dawn l-karatteristiċi,"

364
00:21:39,700 --> 00:21:42,650
inti ma tridx li neċessarjament jaħsbu dwar, "Let me jimxi 'l quddiem

365
00:21:42,650 --> 00:21:44,720
"U jimplimentaw dak li espliċitament jgħidu,"

366
00:21:44,720 --> 00:21:48,610
imma dak li inti tixtieq li jaħsbu dwar huwa, "X'tip ta 'ideat nista' nikseb minn dak?"

367
00:21:48,610 --> 00:21:50,450
What do huma fil-fatt tixtieq?

368
00:21:50,450 --> 00:21:55,560
>> U minn hemm x'tista 'tagħmel huwa disinn xi ħaġa li jissodisfa dawn it-talbiet

369
00:21:55,560 --> 00:22:00,340
iżda mhux neċessarjament fil-mod li l-utent jistenna li din tkun sodisfatta.

370
00:22:00,340 --> 00:22:03,830
Allura għal xi ħaġa bħal proġetti finali, f'termini reali ħafna,

371
00:22:03,830 --> 00:22:07,900
x'hemm heuristic utli meta niġu biex tagħmel xi ħaġa aħjar,

372
00:22:07,900 --> 00:22:10,630
speċjalment jekk il-disinjatur għandu dan arroganza dwar lilu

373
00:22:10,630 --> 00:22:14,360
fejn inti tip ta 'know x'inhu l-aħjar, inti tista' tieħu l-input mill-utenti tiegħek,

374
00:22:14,360 --> 00:22:16,580
imma kif taħseb li fil-fatt imorru dwar jkollna dan feedback?

375
00:22:16,580 --> 00:22:21,610
Fi proġetti finali, ħafna konkret, dak li jipproduċi l-aħjar riżultati hawn?

376
00:22:21,610 --> 00:22:25,030
Liema jipproduċi l-aħjar riżultati - u jien se jmorru fuq dan fit-tieni -

377
00:22:25,030 --> 00:22:29,190
huwa dan il-proċess ta 'żvilupp u mbagħad ittestjar u mbagħad iterazzjoni.

378
00:22:29,190 --> 00:22:32,020
What I jfisser minn ittestjar huwa normalment meta inti disinn xi ħaġa

379
00:22:32,020 --> 00:22:36,970
taħseb li huwa pjuttost tajba, bħal, "jien tali disinjatur kbir. Kulħadd se imħabba din."

380
00:22:36,970 --> 00:22:41,600
U allura ma tqiegħed hemmhekk u n-nies ma verament bhalu għal xi raġuni.

381
00:22:41,600 --> 00:22:46,820
Dak li għandek tagħmel huwa li inti għandek tieħu l-partijiet ta 'affarijiet li n-nies jagħmlu bħal

382
00:22:46,820 --> 00:22:49,180
u nġeddu mill-qiegħ l-affarijiet li n-nies ma simili.

383
00:22:49,180 --> 00:22:53,080
Din tinstema 'qisha proċess ovvja, iżda dan il-proċess ta' dejjem iterazzjoni

384
00:22:53,080 --> 00:22:55,980
fuq quċċata ta 'dak li inti stajt diġà bnew huwa proċess li jgħinek

385
00:22:55,980 --> 00:22:59,730
mhux biss jirfinaw il-ħiliet tiegħek disinn stess imma wkoll jgħinek tirfina d-disinn

386
00:22:59,730 --> 00:23:03,790
sabiex in-nies fil-fatt japprezzaw il-prodott tiegħek anke aktar milli kien qabel.

387
00:23:03,790 --> 00:23:07,390
>> I ser tmur fuq aktar eżempji konkreti ta 'dak li inti tista' fil-fatt jagħmlu.

388
00:23:07,390 --> 00:23:11,390
Bħala tip ta 'eżempju aħħar ta' prodott, ejja nħarsu lejn Kayak.

389
00:23:11,390 --> 00:23:14,970
Kayak meta ħareġ kien ħafna, ħafna popolari.

390
00:23:14,970 --> 00:23:18,760
Jista 'xi ħadd raden għaliex?

391
00:23:18,760 --> 00:23:20,950
X'inhuma l-xorta ta 'affarijiet li tixtieq dwar dan jekk inti użajt dan

392
00:23:20,950 --> 00:23:23,990
jew liema huma l-xorta ta 'affarijiet li inti ma simili?

393
00:23:23,990 --> 00:23:31,590
Iva. >> [Rispons istudent inaudible]. >> Okay

394
00:23:31,590 --> 00:23:34,730
Li parti minnu huwa kiri l-utent ikollu mistoqsija li hija aktar espansiva

395
00:23:34,730 --> 00:23:38,150
minn waħda restrittiva ħafna simili, "Int għandek pick data tal-bidu tiegħek

396
00:23:38,150 --> 00:23:39,810
"U inti għandek pick data finali tiegħek."

397
00:23:39,810 --> 00:23:44,910
Fil-fatt, ihallik tkun flessibbli dwar dan u jagħtik kollha tal-titjiriet f'dik il-firxa.

398
00:23:44,910 --> 00:23:46,730
Xi ħaġa oħra?

399
00:23:46,730 --> 00:23:50,530
[Student] Dawn jinkludu l-miżati fil-prezz.

400
00:23:50,530 --> 00:23:53,330
Huma jagħmlu jinkludu l-miżati fil-prezz.

401
00:23:53,330 --> 00:23:56,720
It-taxxi u l-affarijiet fil-fatt imorru straight fis dak il-prezz fil-xellug ta 'fuq

402
00:23:56,720 --> 00:24:00,710
hekk int ma tricked fis-ħsieb li qed attwalment tħallas għal titjira $ 240

403
00:24:00,710 --> 00:24:03,280
meta huwa verament $ 330.

404
00:24:03,280 --> 00:24:06,200
Xi ħaġa oħra? Iva.

405
00:24:06,200 --> 00:24:10,140
[Rispons istudent inaudible]

406
00:24:10,140 --> 00:24:14,610
M'inix ċert jekk dawn attwalment tavżak tagħmel dan.

407
00:24:14,610 --> 00:24:18,310
I jista 'jkun żbaljat.

408
00:24:18,310 --> 00:24:23,360
Li jista 'jkun ħaġa interessanti jekk inti tixtieq li tqiegħed aktar enfasi fuq filtri partikolari

409
00:24:23,360 --> 00:24:27,000
sabiex ikunu timbotta riżultati relatati għal dik filtru għall-quċċata.

410
00:24:27,000 --> 00:24:31,920
Iżda jista 'xi ħadd tell me x'hemm hekk speċjali dwar din in-naħa tax-xellug?

411
00:24:31,920 --> 00:24:39,540
Kif sirt tradizzjonalment tfittex up titjira fuq servizzi bl-Internet qabel dan?

412
00:24:41,600 --> 00:24:44,650
>> Iva. >> [Rispons istudent inaudible] >> Tista 'tgħid li -

413
00:24:44,650 --> 00:24:47,530
[Student] Kull ajru. >> Yeah. Kull linja għandu website tiegħu stess.

414
00:24:47,530 --> 00:24:50,110
Dan tikkonsolida l-affarijiet. U?

415
00:24:50,110 --> 00:24:52,190
[Student] Inti taf eżattament dak iż-żmien li qed tħalli.

416
00:24:52,190 --> 00:24:54,460
Inti ma taf eżattament dak iż-żmien li qed tħalli,

417
00:24:54,460 --> 00:24:59,380
iżda relatati ma 'l-filtri b'mod partikolari.

418
00:25:00,710 --> 00:25:03,540
Let me pull up Kayak.

419
00:25:11,490 --> 00:25:14,020
Oh Alla, pop-ups. Utent esperjenza Bad.

420
00:25:14,020 --> 00:25:17,230
X'jiġri meta nimxi dan slider?

421
00:25:17,230 --> 00:25:21,010
[Student] aġġornamenti awtomatiċi. >> [Ong] aġġornamenti awtomatiċi.

422
00:25:21,010 --> 00:25:23,440
Dik xi ħaġa li importanti ħafna.

423
00:25:23,440 --> 00:25:25,380
Qabel dan, kull meta inti riedu tfittex up titjira,

424
00:25:25,380 --> 00:25:28,410
inti kellhom jitqiegħdu fil-post input tiegħek, il-post-produzzjoni tiegħek, Search istampa,

425
00:25:28,410 --> 00:25:31,190
ikun proċess li u juru riżultati tiegħek.

426
00:25:31,190 --> 00:25:34,120
Jekk inti riedu bidla mistoqsija tiegħek, inti jkollok l-istampa lura darbtejn,

427
00:25:34,120 --> 00:25:39,770
jidħol fil-mistoqsija ġdida mill-bidu, u mbagħad tagħmel dan aktar u aktar mill-ġdid.

428
00:25:39,770 --> 00:25:43,910
Il-ħaġa sbieħ dwar xi ħaġa bħal din huwa juża ħafna [mhux intelliġibbli] ħaġa fin-nofs.

429
00:25:43,910 --> 00:25:46,230
Kull meta inti tagħmel xi ħaġa bħal din, huwa rimjiet off talba

430
00:25:46,230 --> 00:25:48,420
u dan jirritorna inti l-riżultati immedjatament.

431
00:25:48,420 --> 00:25:51,680
Din it-tip ta 'rispons immedjat hija xi ħaġa li għamel Kayak wildly popolari

432
00:25:51,680 --> 00:25:55,910
għaliex dan huwa verament faċli għalija li biss bidla mistoqsija tiegħi

433
00:25:55,910 --> 00:25:58,890
u biex insemmu l-affarijiet li huma madwar firxa partikolari

434
00:25:58,890 --> 00:26:01,950
mingħajr ma jkollhom imorru quddiem u lura, u lura, u lura.

435
00:26:01,950 --> 00:26:05,200
Allura dawn huma kollha xorta ta 'affarijiet li inti tixtieq li wieħed jaħseb dwar meta int tfassil tal-website tiegħek.

436
00:26:05,200 --> 00:26:08,930
Kif nista 'nagħmel dan effiċjenti ħafna għall-utenti tiegħi li jmorru permezz ta' kwalunkwe dawn qed jaħdmu fuq

437
00:26:08,930 --> 00:26:13,010
u biex tikseb l-għan eventwali tagħhom malajr kemm jista 'jkun?

438
00:26:13,010 --> 00:26:16,430
[Malan] U għall-punt Ġużepp preċedenti dwar l-utenti mhux neċessarjament jafu dak li jridu,

439
00:26:16,430 --> 00:26:18,640
ibbażati fuq dak li inti guys issa jkunu jafu dwar HTML

440
00:26:18,640 --> 00:26:22,780
u inti għandek checkboxes, buttuni tar-radju, menus tagħżel, l-oqsma ta 'input u simili,

441
00:26:22,780 --> 00:26:26,140
kif tista timplimenta l-kunċett ta 'picking ħin tal-bidu għal titjira?

442
00:26:26,140 --> 00:26:30,030
>> Liema minn dawn il-mekkaniżmi UI varji kieku inti tuża?

443
00:26:30,030 --> 00:26:34,100
Jekk inti biss taf l-ammont ta HTML li kien mgħallma qabel

444
00:26:34,100 --> 00:26:39,070
u inti taf l-inputs huma buttuni tar-radju, checkboxes, qatra-downs, u l-kaxxa l-input,

445
00:26:39,070 --> 00:26:43,320
dak li l-għażla naturali tiegħek kienu għal picking dati?

446
00:26:43,320 --> 00:26:48,670
[Student] Input. Input. >> Jew forsi anki drop-down kollha tad-dati, id-dritt?

447
00:26:48,670 --> 00:26:53,170
Allura ma 'mekkaniżmi UI aktar kumplessi bħal dan fuq in-naħa tax-xellug li inti tista' timplimenta,

448
00:26:53,170 --> 00:26:55,500
inti tista 'tagħmel dan il-proċess ferm aktar intuwittivi ma' slider

449
00:26:55,500 --> 00:27:01,020
minħabba l-ħin huwa kontinwu, u n-nies normalment ma think minnha f'termini ta 'biċċiet diskreti.

450
00:27:01,020 --> 00:27:04,950
Kull dritt. L-aħħar ħaġa.

451
00:27:04,950 --> 00:27:07,370
Użabilità heuristics Għaxar.

452
00:27:07,370 --> 00:27:10,820
L-affarijiet tkellimna dwar probabilment jaqgħu taħt waħda minn dawn il-kategoriji.

453
00:27:10,820 --> 00:27:14,420
Jekk inti tmur din ir-rabta, li s-siti se jkunu stazzjonati online,

454
00:27:14,420 --> 00:27:18,900
inti ser fil-fatt tkun tista ', kif inti disinn sit tiegħek, iżommu dawn heuristics f'moħħu

455
00:27:18,900 --> 00:27:21,330
u dawn ir-regoli ta 'thumb.

456
00:27:21,330 --> 00:27:26,610
Għall-proġetti tiegħek, dak li nissuġġerixxi inti tagħmel sabiex ifasslu app tiegħek aħjar

457
00:27:26,610 --> 00:27:28,850
huwa li tagħmel prototipi ewwel karta.

458
00:27:28,850 --> 00:27:32,150
Meta inti qed jaħsbu dwar l-applikazzjoni tiegħek, malajr ħafna skizz dak li trid li look like

459
00:27:32,150 --> 00:27:36,230
u kun żgur il-kaxxi kollha huma rranġati b'mod li huwa ħafna intuwittivi għall-utent li juża

460
00:27:36,230 --> 00:27:39,820
u anki juru dawn prototipi tal-karti lill-ħbieb tiegħek u tibda grupp ta 'mira.

461
00:27:39,820 --> 00:27:44,230
Biss tikseb 2 jew 3 min-nies flimkien u jistaqsihom għal ftit vit fuq dawn prototipi karta,

462
00:27:44,230 --> 00:27:47,650
u juru lilhom l-iskrins ġodda biex tara jekk dawn attwalment jifhmu x'inhu għaddej.

463
00:27:47,650 --> 00:27:50,680
>> Dak li trid tagħmel hu li jagħtuhom kompitu, jimmotivaw dak il-kompitu,

464
00:27:50,680 --> 00:27:53,270
u biss jagħtihom l-app u ħallihom jużawh.

465
00:27:53,270 --> 00:27:56,530
M'għandekx jagħtuhom struzzjonijiet lil hinn dak.

466
00:27:56,530 --> 00:28:00,920
Inti tixtieq li attwalment jħallu lilhom jinteraġixxu ma 'app tiegħek b'mod li ihallik tara

467
00:28:00,920 --> 00:28:03,870
kif huma jistgħu jużawha biss jekk inti ma kinux wieqfa jmiss lilhom.

468
00:28:03,870 --> 00:28:05,250
U li importanti ħafna.

469
00:28:05,250 --> 00:28:08,780
Li se jtik lottijiet ta 'għarfien dwar huma nies jkollna madwar affarijiet partikolari

470
00:28:08,780 --> 00:28:10,560
b'mod li jien ma intenzjoni li?

471
00:28:10,560 --> 00:28:14,680
Dawn huma jużaw mekkaniżmi UI partikolari fuq l-iskrin

472
00:28:14,680 --> 00:28:17,490
b'mod li huwa tip ta 'hacky?

473
00:28:17,490 --> 00:28:22,020
I ma kienx biħsiebu għalihom li jagħmlu dan il-mod.

474
00:28:22,020 --> 00:28:23,940
U ladarba inti qed isir ma 'dan, dak li inti trid tagħmel?

475
00:28:23,940 --> 00:28:26,010
Blat disinn tiegħek, id-dritt?

476
00:28:26,010 --> 00:28:29,600
Dak li trid tagħmel huwa li inti tixtieq li tiżviluppa u mbagħad tagħmel dan il-proċess aktar mill-ġdid.

477
00:28:29,600 --> 00:28:32,110
Allura juru lill-ħbieb ladarba inti stajt żviluppati dan, tittestja,

478
00:28:32,110 --> 00:28:36,630
jiżviluppaw, jittestjaw, jiżviluppaw, jittestjaw, jtenni, u fuq u 'l quddiem.

479
00:28:36,630 --> 00:28:39,720
Disinn huwa ferm proċess iterattiv f'dan is-sens.

480
00:28:39,720 --> 00:28:43,280
Inti attwalment ikollhom jibnu xi ħaġa u mbagħad tirrealizza affarijiet dwar dan

481
00:28:43,280 --> 00:28:46,520
li inti ma jirrealizzaw qabel u mur lura u jitjieb minn dak.

482
00:28:46,520 --> 00:28:50,890
Issa, kif għall-parti l-iżvilupp, dan huwa dak Tommy se nuruk wara l-waqfa

483
00:28:50,890 --> 00:28:53,220
u kif inti tista 'tkun kapaċi jimplimentaw xi ħaġa bħal AutoComplete

484
00:28:53,220 --> 00:28:56,610
b'mod li hija pjuttost sempliċi.

485
00:28:57,440 --> 00:28:59,550
[Malan] Kif Tommy jistabbilixxi hawn, kwistjoni imbagħad.

486
00:28:59,550 --> 00:29:03,780
A lott tal-websajts kmieni - u meta Joseph qal websajt stil 1990,

487
00:29:03,780 --> 00:29:07,640
kien implimentazzjonijiet fejn jekk int riedu li tagħżel ħin tal-bidu u l-ħin il-għan,

488
00:29:07,640 --> 00:29:10,380
franchement, lura fil-ġurnata u anke fuq xi websites llum,

489
00:29:10,380 --> 00:29:13,220
il-mod inti tagħmel dan huwa inti pick siegħa minn drop-down,

490
00:29:13,220 --> 00:29:15,910
pick minuti minn drop-down, forsi inti tagħżel AM, PM,

491
00:29:15,910 --> 00:29:17,440
u allura inti tagħmel li 3 darbiet aktar.

492
00:29:17,440 --> 00:29:19,920
U hekk ma '6 klikks u forsi xi scrolling

493
00:29:19,920 --> 00:29:24,000
utent tiegħek jistgħu attwalment jipprovdu xi tip ta 'data u / jew firxa ta' żmien f'dan is-sens.

494
00:29:24,000 --> 00:29:27,920
>> Allura definittivament subottimali u għadhom s'issa Rajna l-ebda kapaċitajiet espressiva

495
00:29:27,920 --> 00:29:30,330
fi kwalunkwe waħda mil-lingwi konna ħares lejn tagħmel sexier xi ħaġa

496
00:29:30,330 --> 00:29:32,620
bħal dan slider tal-bidu u ħin tat-tmiem.

497
00:29:32,620 --> 00:29:36,290
Imma jekk inti taħseb lura għal ġimgħa 0 meta tkellimna dwar Scratch,

498
00:29:36,290 --> 00:29:39,080
hemm wisq ma kienx hemm widgets li ftit għamlet ċerti affarijiet.

499
00:29:39,080 --> 00:29:42,700
Int verament biss kellhom dawn fundamentali bħall linji u l-kondizzjonijiet u simili.

500
00:29:42,700 --> 00:29:46,910
Allura tip ta 'biss jaħsbu ħafna astratt issa, indipendenti mill-partikolaritajiet tal-HTML,

501
00:29:46,910 --> 00:29:51,260
dak li hu verament għaddejjin ma 'xi ħaġa bħal din ħin tal-bidu u slider ħin tat-tmiem?

502
00:29:51,260 --> 00:29:54,960
Meta I jimxu maws tiegħi u I ikklikkja fuq dak is-simbolu karrotta ftit fuq ix-xellug

503
00:29:54,960 --> 00:29:59,220
u tibda jittrattienu, programmatically, dak li huwa inti tixtieq li tkun tista 'timplimenta

504
00:29:59,220 --> 00:30:01,000
biex naraw li dan iseħħ?

505
00:30:01,000 --> 00:30:04,920
Liema mistoqsijiet, liema espressjonijiet Boolean tridu li tkun tista 'titlob?

506
00:30:04,920 --> 00:30:06,930
X'qed verament jiġri? Sammy?

507
00:30:06,930 --> 00:30:10,080
[Student] Fejn hi l-pożizzjoni tal-cursor? >> Tajba. Fejn hi l-pożizzjoni tal-cursor?

508
00:30:10,080 --> 00:30:11,970
Din kienet xi ħaġa li aħna meħtieġa biex jesprimu lura fl Scratch,

509
00:30:11,970 --> 00:30:14,690
jekk kien ibbażat fuq il-post jew saħansitra kulur jew affarijiet simili.

510
00:30:14,690 --> 00:30:18,410
Inti tista 'recall qatt tant fil-qosor dwar it-Tnejn kien hemm kollha ta' dawn l-affarijiet imsejħa l-avvenimenti

511
00:30:18,410 --> 00:30:22,370
fid-dinja tal-Web, u għalhekk hemm affarijiet simili onclick u onkeypress

512
00:30:22,370 --> 00:30:25,960
u onkeyup u onmouseover u onmouseout.

513
00:30:25,960 --> 00:30:29,130
Allura jirrealizzaw li anke dawn l-affarijiet aħna kont qed jieħdu għal mogħtija fuq il-Web

514
00:30:29,130 --> 00:30:32,190
ma 'siti bħal Facebook u Gmail, anki jekk inti ma jkollu ebda idea

515
00:30:32,190 --> 00:30:34,890
kif inti tista 'possibbilment jimplimentaw dik għaliex hemm xejn anke bhalu fil lecture

516
00:30:34,890 --> 00:30:38,570
jew Problema Set 7, jirrealizzaw li dawn il-prinċipji fundamentali istess eżatt,

517
00:30:38,570 --> 00:30:41,090
ma HTTP u parametri u IKOLLOK u POST,

518
00:30:41,090 --> 00:30:44,010
mal-inputs HTML bażiċi li konna ħares lejn s'issa

519
00:30:44,010 --> 00:30:47,690
u fil-mument mal-mekkaniżmi programmatiċi li s Tommy waslet biex jintroduċu

520
00:30:47,690 --> 00:30:51,300
tista 'tibda biex tesprimi lilek innifsek eżatt bħal għamilt fil f'ġimgħa 0

521
00:30:51,300 --> 00:30:53,800
billi ħafna intuwittivament jittrattienu u twaqqa.

522
00:30:53,800 --> 00:30:58,950
>> Allura ma 'dak imsemmi, Tommy MacWilliam u xi biċċiet puzzle ġodda għalina għal Web.

523
00:30:58,950 --> 00:31:03,450
Kull dritt. Jisimni Tommy u jien ser tkun jitkellem dwar JavaScript.

524
00:31:03,450 --> 00:31:07,150
Just dikjarazzjoni ta 'ċaħda: jiena tal-fehma li JavaScript huwa l-lingwa ta' programmar aħjar

525
00:31:07,150 --> 00:31:09,010
fid-dinja kollha kollu.

526
00:31:09,010 --> 00:31:11,940
Hemm ħafna nies li ma jaqblux miegħi, iżda huwa biss aqwa.

527
00:31:11,940 --> 00:31:16,330
Ladarba inti tmur lura għall-C, jekk inti għandek tikteb C għal klassi oħra jew xi lingwi oħra,

528
00:31:16,330 --> 00:31:19,780
huwa biss verament frustranti fil-dettalji kollha ta 'livell baxx għandek staġnati pulzieri

529
00:31:19,780 --> 00:31:23,050
Mela jekk int qatt tħossok imdejjaq dwar kif annoying C huwa li tikteb,

530
00:31:23,050 --> 00:31:25,130
biss jmorru lura, jiktbu xi JavaScript. Huwa Nirvana.

531
00:31:25,130 --> 00:31:27,980
Ser tħoss ħafna aħjar dwar ġurnata ħażina tiegħek.

532
00:31:27,980 --> 00:31:31,900
A lott tal-maġija ta 'JavaScript ġej mill-kapaċità tagħha li jimmanipulaw l-affarijiet

533
00:31:31,900 --> 00:31:33,730
li huma diġà fuq il-paġna.

534
00:31:33,730 --> 00:31:38,520
Meta aħna kiteb skripts PHP tagħna, kienu esegwiti fuq is-server,

535
00:31:38,520 --> 00:31:42,270
u eventwalment li PHP iskrittura probabbilment output xi HTML.

536
00:31:42,270 --> 00:31:45,860
Dan HTML kien mibgħut lill-klijent, u mbagħad li ma kien.

537
00:31:45,860 --> 00:31:50,180
Jekk PHP ried iżid buttuna għal paġna, per eżempju, ma tista 'verament tagħmel dan.

538
00:31:50,180 --> 00:31:54,350
Huwa għandu jkollu li jagħmel fajl sħiħ HTML ġodda u jibgħat dik il-browser.

539
00:31:54,350 --> 00:31:57,840
Bil JavaScript nafu li nistgħu taġġorna l-affarijiet waqt li jkunu qed diġà fuq il-paġna,

540
00:31:57,840 --> 00:32:00,840
u minħabba dan nistgħu nipprovdu rispons ħafna aktar instant,

541
00:32:00,840 --> 00:32:06,150
li se verament ittejjeb l-esperjenza utent fuq il-websajt tagħna.

542
00:32:06,150 --> 00:32:09,330
Just terġa 'malajr ta' seletturi JavaScript.

543
00:32:09,330 --> 00:32:11,590
Aħna nafu li meta aħna tniżżel paġna HTML,

544
00:32:11,590 --> 00:32:13,890
li għaddej biex tkun rappreżentata fil-DOM.

545
00:32:13,890 --> 00:32:19,340
>> Il-DOM ftakar huwa biss din is-siġra kbira meta l-elementi huma relatati f'dan ġerarkija kbar.

546
00:32:19,340 --> 00:32:21,810
Meta aħna ħadem ma 'databases fil pset 7,

547
00:32:21,810 --> 00:32:26,280
waħda mill-ewwel affarijiet aħna meħtieġa biex tkun taf kif tagħmel kien jikkonsultaw id-database.

548
00:32:26,280 --> 00:32:29,060
Għandna din it-tabella utenti kbar, u xi kultant aħna biss trid tgħid,

549
00:32:29,060 --> 00:32:33,260
"I biss trid xi wħud minn dawn l-utenti li jaqblu xi kondizzjoni."

550
00:32:33,260 --> 00:32:36,020
Bl-istess mod, meta aħna għandna l-DOM għandna bżonn xi mod ta 'juri dubji tiegħu.

551
00:32:36,020 --> 00:32:39,490
Għandna bżonn xi mod ta 'tgħid, "Irrid kollha tal-buttuni li jixbhu dan

552
00:32:39,490 --> 00:32:41,860
"Jew kollha mill-immaġini fuq il-paġna."

553
00:32:41,860 --> 00:32:44,330
U dawn seletturi inessu li jagħmlu dan.

554
00:32:44,330 --> 00:32:45,690
Hekk biss terġa 'malajr.

555
00:32:45,690 --> 00:32:50,770
Dan ewwel waħda hawn, din # jissottomettu, dak hu li se tagħżel? Ftakar ħadd Does?

556
00:32:50,770 --> 00:32:54,880
[Rispons istudent inaudible] >> Yeah, eżattament.

557
00:32:54,880 --> 00:32:59,510
Dan ser tagħżel element fuq il-paġna li għandha ID tal jissottomettu.

558
00:32:59,510 --> 00:33:03,470
U għalhekk li tag hash tgħid dan selettur se taħdem ma IDs.

559
00:33:03,470 --> 00:33:07,630
Kif dwar it-tieni waħda, dan. Ċċentrata, x'se li tagħżel?

560
00:33:11,360 --> 00:33:15,180
Yeah. >> [Student]. Klassi >> Eżattament. Dan issa se tagħżel skont il-klassi.

561
00:33:15,180 --> 00:33:18,840
Id-differenza bejn ID u klassi hawnhekk hija ġeneralment l-ID għandu jkun uniku

562
00:33:18,840 --> 00:33:20,820
fi kwalunkwe spazju int tiftix fuq.

563
00:33:20,820 --> 00:33:23,080
Mela jekk inti kienu tiftix fuq paġna web kollu,

564
00:33:23,080 --> 00:33:27,740
inti verament għandhom biss għandek 1-element ma 'dak ID ċert, u għalhekk f'dan il-każ ta jissottometti.

565
00:33:27,740 --> 00:33:31,330
Bil-klassijiet, min-naħa l-oħra, jista 'jkollna aktar minn 1 element fuq l-istess paġna

566
00:33:31,330 --> 00:33:33,130
bl-istess klassi.

567
00:33:33,130 --> 00:33:36,580
Dan jista 'jkun utli għall tgħid Irrid li tagħżel dak kollu li iċċentrata fuq il-paġna

568
00:33:36,580 --> 00:33:38,450
aktar milli biss 1 ħaġa.

569
00:33:38,450 --> 00:33:40,310
>> U fl-aħħarnett, dan il-aħħar wieħed hawn huwa xi ftit aktar kumplikata,

570
00:33:40,310 --> 00:33:43,890
imma dak li hu dan se tagħżel mill-DOM?

571
00:33:46,650 --> 00:33:48,810
[Inaudible student rispons] >> X'hemm li?

572
00:33:48,810 --> 00:33:53,250
[Student] Kwalunkwe ħaġa li l-tag. >> Aħna 2 partijiet hawnhekk.

573
00:33:53,250 --> 00:33:58,070
It-tieni parti hija se ngħid nixtieq li jagħżlu dawn it-tags ma 'tag ta' input,

574
00:33:58,070 --> 00:34:00,730
sabiex kwalunkwe element li huwa ta 'lametta tal-input.

575
00:34:00,730 --> 00:34:03,080
Imma jien ma jridux biss tagħżel kollha ta 'l-inputs

576
00:34:03,080 --> 00:34:05,170
minħabba xi ħaġa bħal buttuna issottometti jista 'jkun l-input

577
00:34:05,170 --> 00:34:08,409
u xi ħaġa simili kaxxa ta 'test tista' tkun input.

578
00:34:08,409 --> 00:34:11,909
Allura ma 'dawn parentesi kwadri jien qal I biss tixtieq li tagħżel dawk l-elementi

579
00:34:11,909 --> 00:34:14,110
li huma ta 'test tat-tip.

580
00:34:14,110 --> 00:34:17,400
X'imkien fil HTML tag tiegħi I jkollhom attribut imsejħa tat-tip,

581
00:34:17,400 --> 00:34:19,750
u l-valur ta 'dik l-attribut għandu jkun it-test.

582
00:34:19,750 --> 00:34:21,340
Allura kif madwar din il-parti 1 hawn?

583
00:34:21,340 --> 00:34:25,489
L-ewwel kelma ta 'dan selettur huwa forma imbagħad I jkollhom spazju u allura din il-parti input.

584
00:34:25,489 --> 00:34:29,620
Xi jfisser li tagħmel, tqegħid-forma quddiem ta 'dan?

585
00:34:33,409 --> 00:34:35,860
Dan ser bażikament limitat mistoqsija tagħna.

586
00:34:35,860 --> 00:34:38,510
Dan jista 'jkun il-każ li għandna xi inputs fuq il-paġna

587
00:34:38,510 --> 00:34:41,080
li mhumiex dixxendenti ta 'formola.

588
00:34:41,080 --> 00:34:46,150
X'inhu dan se tagħmel huwa dan se ngħid I jridux biss il-tags ta 'input li jkollhom x'imkien fuqhom

589
00:34:46,150 --> 00:34:49,030
xi element prinċipali ta 'forma.

590
00:34:49,030 --> 00:34:52,100
U hekk b'dan il-mod nistgħu nagħmlu dawn il-mistoqsijiet aktar ġerarkiċi

591
00:34:52,100 --> 00:34:55,000
hekk aħna ma sempliċiment għandek tagħżel dak kollu tqabbil selettur partikolari.

592
00:34:55,000 --> 00:35:00,760
Nistgħu tip ta 'limitu tal-kamp ta' applikazzjoni ta 'dik query għal xi ħaġa oħra.

593
00:35:00,760 --> 00:35:04,000
Allura issa li nafu kif jagħżel l-elementi fuq il-paġna,

594
00:35:04,000 --> 00:35:06,780
ejja nitkellmu ftit dwar Ajax.

595
00:35:06,780 --> 00:35:12,270
Ajax huwa akronimu għadu ħafna trendy li stands għall JavaScript mhux sinkroniku u XML.

596
00:35:12,270 --> 00:35:15,640
Huwa biss hekk jiġri li XML huwa biss xi mod biex jirrapreżenta data.

597
00:35:15,640 --> 00:35:20,920
>> Dak it-tip ta 'popolarità mitlufa reċentement, sabiex il-X fil Ajax ma jintużax il-ħin kollu.

598
00:35:20,920 --> 00:35:26,220
Bażikament, dak Ajax jippermetti li tagħmel hu li tagħmel talbiet HTTP

599
00:35:26,220 --> 00:35:28,620
mill-kuntest tal-JavaScript.

600
00:35:28,620 --> 00:35:32,310
Meta aħna qed fil-web browser tagħna u aħna qed jinnavigaw madwar paġni u aħna ikklikkja rabta,

601
00:35:32,310 --> 00:35:37,790
dak browser tagħna se tagħmel hu li tagħmel talba HTTP għal kwalunkwe rabta aħna ikklikkja.

602
00:35:37,790 --> 00:35:41,670
Iżda li mhux dejjem ideali għaliex jekk dan huwa l-każ, allura kif David kien qal,

603
00:35:41,670 --> 00:35:45,220
aħna dejjem ikollhom jagħmlu l-utenti ikklikkja l-buttuna Submit jew ikklikkja rabta

604
00:35:45,220 --> 00:35:50,380
sabiex jagħmlu xejn jiġri li għaddej biex tinvolvi talba HTTP.

605
00:35:50,380 --> 00:35:54,160
Allura ma Ajax nistgħu nagħmlu dawn it-talbiet għan-nom ta 'JavaScript.

606
00:35:54,160 --> 00:35:57,020
Dan ifisser kull meta l-utent jinteraġixxi mal-paġna jew xejn jiġri,

607
00:35:57,020 --> 00:36:01,780
nistgħu attwalment jagħmlu talba programmatiku biex xi fajl PHP oħra fuq il-websajt tagħna

608
00:36:01,780 --> 00:36:06,280
jew xi ħaġa oħra u jieħdu d-data li dan il-fajl spits out.

609
00:36:06,280 --> 00:36:09,860
Ejja tagħti ħarsa lejn eżempju ta 'Ajax.

610
00:36:09,860 --> 00:36:16,140
Dan huwa CS50 Finanzi tagħna paġna li magħhom nittamaw xi wħud minna huma familjari.

611
00:36:16,140 --> 00:36:21,790
Jekk inħarsu lejn il-HTML ta 'din il-paġna, naraw hawn li stajt miżjud ftit affarijiet,

612
00:36:21,790 --> 00:36:23,820
waħda minnhom stajt mogħtija f'din il-formola ta 'ID.

613
00:36:23,820 --> 00:36:26,480
Stajt qal id = "formola ta 'kwotazzjoni".

614
00:36:26,480 --> 00:36:31,910
I ghamilt dan sempliċement minħabba li għaddej biex jagħmlu dan daqsxejn ftit aktar faċli li jagħżlu mill-DOM

615
00:36:31,910 --> 00:36:35,090
peress I tista 'biss tagħmel mistoqsija sempliċi ħafna.

616
00:36:35,090 --> 00:36:38,960
Dak li nixtieq do hawnhekk huwa li nixtieq li tiffissa xi problema bil CS50 Finanzi.

617
00:36:38,960 --> 00:36:41,550
Mela jekk immorru finance.cs50.net,

618
00:36:41,550 --> 00:36:45,700
kull darba nixtieq li jiksbu kwotazzjoni, għandi ikklikkja din il-buttuna Quote Get,

619
00:36:45,700 --> 00:36:48,960
u li Get buttuna Quote mbagħad tieħu me għal paġna oħra kollha.

620
00:36:48,960 --> 00:36:52,400
U jekk irrid ieħor kwotazzjoni, għandi li laqat il-buttuna Lura u mbagħad I tip fil-

621
00:36:52,400 --> 00:36:54,480
I jiksbu kwotazzjoni, u I laqat il-buttuna Lura.

622
00:36:54,480 --> 00:36:56,840
Dan huwa verament mhux l-esperjenza utent aħjar.

623
00:36:56,840 --> 00:37:01,570
Min kien verament jużaw is-sit jekk huwa li bil-mod biex jiksbu prezzijiet istokk?

624
00:37:01,570 --> 00:37:05,630
Allura dak li rridu nagħmlu ma 'Ajax hu li tneħħi dak il-pass ta' jmur lejn paġna separata

625
00:37:05,630 --> 00:37:08,410
sabiex ħsieb ir-riżultati.

626
00:37:08,410 --> 00:37:11,240
>> Dak li aħna qed verament biss tistaqsi għall huwa dak il-prezz tassew żgħar,

627
00:37:11,240 --> 00:37:14,240
u li jinsab biss ammont verament żgħir ta 'data.

628
00:37:14,240 --> 00:37:17,400
Allura hemm ebda bżonn għalija li jmorru paġna oħra HTML kollha,

629
00:37:17,400 --> 00:37:20,670
tniżżel lott ġdid sħiħ ta 'HTML, forsi tniżżel immaġini ftit aktar,

630
00:37:20,670 --> 00:37:24,410
xi fajls CSS oħra biss għalija li twieġeb din id-domanda sempliċi ħafna

631
00:37:24,410 --> 00:37:27,810
ta 'kemm din l-ispiża istokk.

632
00:37:27,810 --> 00:37:31,000
Bil Ajax nistgħu nagħmlu dan il-lott aktar faċli.

633
00:37:31,000 --> 00:37:36,400
Naraw stabbiliti hawn li jien jgħaqqdu fil-fajl JavaScript imsejjaħ quote.js.

634
00:37:36,400 --> 00:37:40,140
Ejja attwalment jiftaħ dan il-fajl. Mhux hemmhekk.

635
00:37:42,610 --> 00:37:45,860
Kollha ta 'fajls JavaScript tiegħi ser ikunu jinsabu fil-HTML

636
00:37:45,860 --> 00:37:47,630
sabiex il-web browser tista 'aċċess għaliha.

637
00:37:47,630 --> 00:37:50,330
Imbagħad għandna direttorju separata hawn għal JavaScript,

638
00:37:50,330 --> 00:37:54,340
u issa hawnhekk huwa quote.js.

639
00:37:54,340 --> 00:38:00,930
Fil-quċċata ta 'dan il-fajl dan jgħid hawnhekk li nixtieq li tistenna l-paġna sħiħa li għandha tiġi mgħobbija

640
00:38:00,930 --> 00:38:04,830
qabel I jipprova jagħmel xi ħaġa. Għaliex huwa li hemm bżonn?

641
00:38:04,830 --> 00:38:08,650
Jirriżulta li l-ħaġa li jmiss jien ser tagħmel hawnhekk huwa bidu tfittex għal element

642
00:38:08,650 --> 00:38:10,810
li taqbel xi selettur.

643
00:38:10,810 --> 00:38:15,600
Jekk dan JavaScript huwa qatt eżegwit qabel dan l-element huwa mgħobbi fuq il-paġna,

644
00:38:15,600 --> 00:38:17,820
allura kollox I jipprova jagħmel hu ma jkunx sejjer jaħdem

645
00:38:17,820 --> 00:38:20,580
għaliex jien ser tipprova tagħżel xi ħaġa li mhix wasalniex.

646
00:38:20,580 --> 00:38:23,780
Allura din il-linja up top tgħid nixtieq li tistenna sakemm kollox huwa mgħobbi

647
00:38:23,780 --> 00:38:28,030
hekk aħna qed garantit li kull element jien tfittex huma attwalment fuq il-paġna.

648
00:38:29,730 --> 00:38:34,310
Dan is-sinjal dollaru hawnhekk tfisser jien jużaw il-librerija jQuery imsejħa.

649
00:38:34,310 --> 00:38:38,570
Din il-librerija jQuery jippermetti li jużaw dawn seletturi li aħna biss ħares lejn.

650
00:38:38,570 --> 00:38:44,010
Billi qal $ imbagħad jgħaddu fi bħala argument f'dan # forma-kwotazzjoni,

651
00:38:44,010 --> 00:38:47,910
Jien issa għażla li forma li aħna biss ħa ħarsa lejn.

652
00:38:47,910 --> 00:38:52,290
Issa għandi rappreżentazzjoni ta 'dik formola fil-memorja b'xi.

653
00:38:52,290 --> 00:38:56,760
>> Fuq dan l-oġġett issa, din ir-rappreżentanza tal-formola,

654
00:38:56,760 --> 00:38:58,890
Jien issa jużaw funzjoni msejħa fuq.

655
00:38:58,890 --> 00:39:02,710
X'inhu dan il-funzjoni ma huwa għaddej biex ehmeż handler avveniment.

656
00:39:02,710 --> 00:39:06,310
L-avveniment li aħna qed tmur biex tisma għall huwa l-avveniment tissottometti.

657
00:39:06,310 --> 00:39:08,890
Allura meta l-klikks utent li Issottometti buttuna jew jagħfas Daħħal,

658
00:39:08,890 --> 00:39:11,730
dan l-avveniment se nar.

659
00:39:11,730 --> 00:39:16,390
Billi hooking fis dan, issa nista 'jwarrab l-imġieba default tal-formola.

660
00:39:16,390 --> 00:39:19,770
Mingħajr dan JavaScript, il-forma tressaq għal dak kollu fajl PHP

661
00:39:19,770 --> 00:39:22,110
aħna użati f'dak attribut azzjoni.

662
00:39:22,110 --> 00:39:25,440
Iżda minflok, jien issa qal, stenna, stenna, stenna, ma rridx li inti fil-fatt jagħmlu dan.

663
00:39:25,440 --> 00:39:31,140
Irrid dan iseħħ qabel ma tmur u jippruvaw jissottomettu lill xi fajl PHP.

664
00:39:31,140 --> 00:39:32,870
Issa dak li nixtieq do?

665
00:39:32,870 --> 00:39:39,270
Fuq dan il-punt I jridu jużaw Ajax b'xi mod it-tagħbija fil dak il-prezz ta 'l-istokk huwa.

666
00:39:39,270 --> 00:39:44,170
L-ewwel ħaġa I bżonn tkun taf huwa dak l-istokk l-utent qed tfittex up.

667
00:39:44,170 --> 00:39:46,760
Biex tagħmel dan jien ser jużaw ieħor selettur.

668
00:39:46,760 --> 00:39:49,020
Dan huwa l-selettur 3 ħarisna lejn qabel.

669
00:39:49,020 --> 00:39:54,460
Dan jgħid li nixtieq li jibdew off dan l-element forma ma 'ID ta' formola ta 'kwotazzjoni.

670
00:39:54,460 --> 00:39:58,440
Imbagħad x'imkien ġewwa tal-formola għandu jkun hemm element input

671
00:39:58,440 --> 00:40:01,270
li għandha isem ta 'simbolu.

672
00:40:01,270 --> 00:40:05,460
Jekk inħarsu lura lejn HTML tagħna, rajna li kellna input [isem = simbolu].

673
00:40:05,460 --> 00:40:12,380
Dan ifisser li dan se tagħżel li kaxxa ta 'test li l-utent huwa ittajpjar fis.

674
00:40:12,380 --> 00:40:13,870
Li sbieħ. Għandna l-kaxxa tat-test.

675
00:40:13,870 --> 00:40:17,360
Issa aħna biss jeħtieġ li tkun taf x'hemm ġewwa ta 'dan.

676
00:40:17,360 --> 00:40:20,290
Biex tagħmel dan nistgħu sejħa dan il-metodu hawn, dan val.,

677
00:40:20,290 --> 00:40:23,240
u dan jgħid naf liema kaxxa ta 'test li għandek.

678
00:40:23,240 --> 00:40:28,160
Irrid li inti tgħidli liema huwa l-utent ittajpjat fil-kaxxa test.

679
00:40:28,160 --> 00:40:34,440
Issa għandna string imsejjaħ simbolu li huwa ugwali għal dak kollu l-utent ittajpjat pulzieri

680
00:40:34,440 --> 00:40:39,820
Li sbieħ. Nistgħu nużaw dak string issa biex tagħmel talba tagħna.

681
00:40:39,820 --> 00:40:42,450
Din hija funzjoni ġdid hawn, dan $,

682
00:40:42,450 --> 00:40:44,900
ħlief aħna qed m'għadhomx se tkun għażla elementi,

683
00:40:44,900 --> 00:40:48,910
aħna qed tmur biex tkun sejħa funzjoni differenti li l-ipprovdut lilna mill jQuery.

684
00:40:48,910 --> 00:40:54,810
Din il-funzjoni Ajax huwa dak li fil-fatt se tagħmel din it-talba HTTP.

685
00:40:54,810 --> 00:40:57,000
Allura aħna għandna li tgħid li ftit affarijiet.

686
00:40:57,000 --> 00:41:01,410
L-ewwel ħaġa li għandna tgħid din il-funzjoni huwa fejn nixtieq t-talba li tmur.

687
00:41:01,410 --> 00:41:08,910
X'imkien fil-proġett tiegħi għandi dan il-fajl ġewwa tad-direttorju HTML imsejħa quote.php.

688
00:41:08,910 --> 00:41:15,150
I jista 'jkollhom aċċess dan il-fajl, rajna, biss bħal dan, jekk immur localhost / quote.php.

689
00:41:15,150 --> 00:41:20,450
>> Irrid JavaScript tiegħi biex jagħmlu talba għal dik il-paġna.

690
00:41:20,450 --> 00:41:22,920
Liema tip ta 'talba issa?

691
00:41:22,920 --> 00:41:27,210
Rajna qabel li l-formola tkun dak il-metodu = "posta" attribut,

692
00:41:27,210 --> 00:41:29,270
u dan ifisser li għaddej biex tagħmel talba POST,

693
00:41:29,270 --> 00:41:32,630
dan mhuwiex se timplimenta xejn fil-URL, aktar milli talba IKOLLOK,

694
00:41:32,630 --> 00:41:36,860
li jkun biss sparati jekk aħna biss aċċessata-paġna ma 'l-web browser, per eżempju.

695
00:41:36,860 --> 00:41:41,260
Issa aħna stajt qal Irrid nagħmel talba POST HTTP

696
00:41:41,260 --> 00:41:44,840
lejn paġna li tinsab fil quote.php.

697
00:41:44,840 --> 00:41:51,490
Meta aħna jissottomettu l-formola, ftakar nistgħu aċċess għall-elementi ta 'input ġewwa ta' dik il-formola

698
00:41:51,490 --> 00:41:54,430
ma 'dak varjabbli $ _POST.

699
00:41:54,430 --> 00:41:58,710
S'issa fl-istorja aħna ma attwalment mibgħuta flimkien xi data s'issa.

700
00:41:58,710 --> 00:42:00,640
Imxejna biss qal li aħna qed tagħmel it-talba Ajax

701
00:42:00,640 --> 00:42:03,200
u hawn l-tip ta 'talba li aħna qed jagħmlu.

702
00:42:03,200 --> 00:42:07,090
Issa għandna bżonn li attwalment jibgħat xi data lill-paġna.

703
00:42:07,090 --> 00:42:10,930
Biex tagħmel dan nistgħu nużaw din il-proprjetà msejħa data.

704
00:42:10,930 --> 00:42:14,950
Il-valur ta 'din il-proprjetà hija attwalment firxa assoċjattiva.

705
00:42:14,950 --> 00:42:19,390
Ir-raġuni għal dan hija li jippermetti li jibagħtu aktar minn sempliċiment 1 biċċa tad-data.

706
00:42:19,390 --> 00:42:24,750
C'est pourquoi għandna dawn ċineg kaboċċi hawn nested ġewwa ta 'dawn il-ċineg kaboċċi oħra.

707
00:42:24,750 --> 00:42:29,680
L-imfietaħ f'dawn arrays assoċjattiva ser ikunu l-istess ħaġa

708
00:42:29,680 --> 00:42:32,630
bħal dawk Isem attributi fl-elementi forma tagħna.

709
00:42:32,630 --> 00:42:35,740
Dan ifisser li jekk jien tibgħat tul ewlieni ta 'simbolu,

710
00:42:35,740 --> 00:42:41,870
dan ifisser il-paġna PHP tiegħi tista 'aċċess din id-data ma $ _POST [simbolu]

711
00:42:41,870 --> 00:42:44,640
bħad għamilna qabel meta konna jissottomettu formola.

712
00:42:44,640 --> 00:42:47,090
U issa d-data attwali irridu li jibgħat

713
00:42:47,090 --> 00:42:50,790
se tkun il-ġewwa valur ta 'din array assoċjattiva.

714
00:42:50,790 --> 00:42:54,070
>> Aħna maħżuna dan it-test fil-simbolu varjabbli imsejħa,

715
00:42:54,070 --> 00:42:57,380
u hekk aħna qed jibgħat flimkien issa ewlieni ta 'simbolu

716
00:42:57,380 --> 00:43:01,380
u valur ta 'kwalunkwe l-utent ittajpjat pulzieri

717
00:43:01,380 --> 00:43:06,270
Issa aħna ħadna din it-talba HTTP, fajl PHP tagħna tkun wettqet,

718
00:43:06,270 --> 00:43:11,480
u li għaddej biex jibgħat xi data lura issa lill-klijent li biss magħmula din it-talba.

719
00:43:11,480 --> 00:43:15,220
Issa għandna bżonn biex jirrispondu għal dak kollu li l-server qal lilna.

720
00:43:15,220 --> 00:43:20,180
Biex tagħmel li għandna din il-proprjetà aħħar hawn jissejjaħ suċċess.

721
00:43:20,180 --> 00:43:24,240
Il-valur ta 'dan is-suċċess ewlieni huwa attwalment se tkun funzjoni,

722
00:43:24,240 --> 00:43:26,910
u dan huwa wieħed mill-affarijiet verament jibred inti tista 'tagħmel ma JavaScript.

723
00:43:26,910 --> 00:43:31,720
Mhux biss tista 'inti għandek ints jew arranġamenti bħala ġewwa valur ta' firxa assoċjattiva,

724
00:43:31,720 --> 00:43:34,170
nistgħu wkoll ikollhom funzjoni.

725
00:43:34,170 --> 00:43:36,380
Allura billi qal suċċess, dan huwa importanti tiegħi.

726
00:43:36,380 --> 00:43:38,830
A kolon jgħid hawnhekk jidħol l-valur,

727
00:43:38,830 --> 00:43:41,810
u issa l-valur ta 'dan huwa attwalment funzjoni.

728
00:43:41,810 --> 00:43:44,460
Allura aħna ma bżonn li tingħata din il-funzjoni ta 'isem fih innifsu.

729
00:43:44,460 --> 00:43:48,820
Nistgħu biss jgħidu li din se tkun xi funzjoni. Huwa ser tieħu 1 argument.

730
00:43:48,820 --> 00:43:51,190
L-argument li din il-funzjoni se tkun

731
00:43:51,190 --> 00:43:54,460
tkun xi tkun l-server mibgħuta lilna lura mit-talba.

732
00:43:54,460 --> 00:43:57,750
Eżatt bħal meta browser tagħna tagħmel talba, il-server jibgħat xi ħaġa lura

733
00:43:57,750 --> 00:43:59,060
u l-browser displays,

734
00:43:59,060 --> 00:44:03,030
fil-kuntest ta 'Ajax aħna biss għamlu talba, il-server mibgħuta xi ħaġa lura,

735
00:44:03,030 --> 00:44:07,110
u issa għandna li rappreżentati kif string.

736
00:44:07,110 --> 00:44:11,280
Ma 'dak string I biss nixtieq li juri li fuq il-paġna.

737
00:44:11,280 --> 00:44:14,040
Biex tagħmel dan jien ser jkollhom waħda selettur aħħar.

738
00:44:14,040 --> 00:44:17,570
Irrid li jagħżlu l-element bl-prezz ID.

739
00:44:17,570 --> 00:44:20,710
Dan huwa biss div vojta li stajt maħluqa fuq il-paġna,

740
00:44:20,710 --> 00:44:26,640
u nixtieq li jistabbilixxu l-kontenut ta 'dik div li jkun x'ikun il-server mibgħuta lilna lura.

741
00:44:26,640 --> 00:44:30,280
Stajt attwalment modifikati quote.php daqsxejn.

742
00:44:30,280 --> 00:44:33,460
>> Pjuttost milli ssejjaħ jirrendi u li uħud paġna,

743
00:44:33,460 --> 00:44:38,100
quote.php issa huwa sempliċiment se jistampa l-valur ta 'l-istokk bħala sekwenza.

744
00:44:38,100 --> 00:44:41,880
Mela jekk inti kienu fil-fatt żur il-paġna, inti biss tara li string żgħir

745
00:44:41,880 --> 00:44:45,030
ta 'kwalunkwe l-prezz tat-titoli huwa.

746
00:44:45,030 --> 00:44:50,170
Ħaġa waħda aħħar għandna bżonn tagħmel hawnhekk huwa biss tagħmel ċert li din il-funzjoni jirritorna falza.

747
00:44:50,170 --> 00:44:53,560
X'inhu dan jgħid huwa li jekk jien ġewwa ta 'handler avveniment

748
00:44:53,560 --> 00:44:57,300
u li handler avveniment prospetti falza minflok jirritornaw veru,

749
00:44:57,300 --> 00:45:01,510
dan ifisser li jien ma jridu li l-avveniment oriġinali għan-nar.

750
00:45:01,510 --> 00:45:05,270
F'dan il-każ, jekk aħna ma kellhomx xi JavaScript u aħna bagħat formola,

751
00:45:05,270 --> 00:45:08,280
web browser tagħna se ngħid, "jien ser jibagħtu dik id-data flimkien,"

752
00:45:08,280 --> 00:45:10,130
u dawn qed tmur biex inti tibgħat għal paġna oħra.

753
00:45:10,130 --> 00:45:14,360
Għaliex aħna qed tuża Ajax issa, hemm ebda bżonn li tibgħat l-utent għal paġna oħra.

754
00:45:14,360 --> 00:45:17,920
Aħna biss se juri r-riżultati dinamiku fuq din il-paġna istess.

755
00:45:17,920 --> 00:45:21,460
Aħna verament ma rridux li tmur kullimkien, u nixtieq li jibqgħu fuq l-istess paġna.

756
00:45:21,460 --> 00:45:27,060
Allura billi jirritorna foloz, niżguraw li l-forma ma tagħmel dan għalina.

757
00:45:27,060 --> 00:45:31,170
Ejja tagħti ħarsa lejn dak li din attwalment tidher qiesha.

758
00:45:31,170 --> 00:45:34,180
Paġna kwotazzjoni tagħna jistenna l-istess.

759
00:45:34,180 --> 00:45:37,240
Let me pull up-ispettur stabbiliti hawn hekk nistgħu naraw x'inhu għaddej.

760
00:45:37,240 --> 00:45:40,270
Jagħmluha ftit inqas enormi.

761
00:45:40,270 --> 00:45:44,590
Ftakar jekk aħna tiftaħ il-tab Netwerk, dan huwa fejn nistgħu tara kollha tat-talbiet HTTP

762
00:45:44,590 --> 00:45:47,570
li qed jiġri fuq il-paġna.

763
00:45:47,570 --> 00:45:52,890
>> Għal simbolu let me tip fl AAPL u kklikkja Get Quote.

764
00:45:52,890 --> 00:45:56,720
Issa rajna li sehem ta 'Apple ispejjeż xi numru ta' dollari

765
00:45:56,720 --> 00:46:00,410
biss deher fuq il-paġna, iżda l-URL ma jinbidilx għal kollox.

766
00:46:00,410 --> 00:46:04,570
Fil-fatt, hawnhekk huwa t-talba HTTP li aħna biss magħmula.

767
00:46:04,570 --> 00:46:09,980
Aħna għamlet talba POST biex quote.php. Li jagħmel sens.

768
00:46:09,980 --> 00:46:12,800
Dan huwa dak li l-server mibgħuta lilna lura.

769
00:46:12,800 --> 00:46:16,320
Huwa m'għadux dan id-dokument HTML ġiganteski bi stampi u affarijiet bħal dik,

770
00:46:16,320 --> 00:46:20,920
huwa biss linja tat-test, u allura aħna biss murija l-linja tat-test.

771
00:46:20,920 --> 00:46:26,290
Jekk immorru lura għall-headers u ara dak li għandna attwalment mibgħuta ġewwa ta 'din it-talba HTTP,

772
00:46:26,290 --> 00:46:33,950
nistgħu naraw stabbiliti hawn li aħna mibgħuta tul ewlieni ta simbolu u valur ta 'AAPL,

773
00:46:33,950 --> 00:46:36,430
li huwa dak li l-utent ittajpjat pulzieri

774
00:46:36,430 --> 00:46:39,230
Dan huwa sbieħ, iżda huwa għadu ftit annoying.

775
00:46:39,230 --> 00:46:42,490
I għadhom biex ikklikkja din il-buttuna biex tikseb l-kwotazzjoni istokk.

776
00:46:42,490 --> 00:46:45,880
Aħna busy nies u aħna ma jkollhom il-ħin biex ikklikkja buttuni.

777
00:46:45,880 --> 00:46:49,910
Google realizzati dan ftit filwaqt li ilu meta implementaw Google Instant.

778
00:46:49,910 --> 00:46:53,590
Dak Google Instant ma huwa kif int ittajpjar hija biss jibda wiri riżultati għalik

779
00:46:53,590 --> 00:46:56,520
sabiex inti ma għandekx għalfejn tinkwieta dwar anki tikklikkja Search.

780
00:46:56,520 --> 00:46:58,730
Attwalment, storja divertenti relatati ma 'dik.

781
00:46:58,730 --> 00:47:01,100
Ladarba Google Instant ħareġ, in-nies kienu simili, "Whoa, dan huwa super aqwa."

782
00:47:01,100 --> 00:47:02,540
"Dan huwa hekk jibred."

783
00:47:02,540 --> 00:47:05,950
U student isfel fil Stanford li kien 19 fil-ħin

784
00:47:05,950 --> 00:47:09,000
magħmula dan is-sit imsejħa YouTube Instant.

785
00:47:09,000 --> 00:47:13,170
Kollha Instant YouTube ma jkollu effettivament tfittxija YouTube istantanjament.

786
00:47:13,170 --> 00:47:17,020
Allura aktar milli jkollhom imorru għall YouTube.com u hit Search,

787
00:47:17,020 --> 00:47:21,650
meta nibda ittajpjar fis YouTube xi ħaġa Instant bħal CS50,

788
00:47:21,650 --> 00:47:25,320
nistgħu naraw hawnhekk li huwa attentat biex fuq konnessjoni Internet bil-mod

789
00:47:25,320 --> 00:47:28,500
timla dawn ir-riżultati ħajjin.

790
00:47:28,500 --> 00:47:35,590
Biex tagħmel dan nistgħu ngħidu jagħmel modifika sempliċi ħafna sabiex quote.js fajl tagħna.

791
00:47:35,590 --> 00:47:40,900
Dritt issa aħna qed jorbtu dan l-avveniment meta l-formola tiġi sottomessa.

792
00:47:40,900 --> 00:47:43,760
Aħna ma verament irridu li jagħmlu l-utent jissottometti dik il-forma aktar,

793
00:47:43,760 --> 00:47:48,570
hekk ejja minflok nar dan l-avveniment kull darba li l-utent jagħfas buttuna.

794
00:47:48,570 --> 00:47:53,200
Biex tagħmel dan l-ewwel ejja jibdlu l-avveniment minn tissottometti lill keyup.

795
00:47:53,200 --> 00:47:55,740
Dan ifisser li minflok ma tistenna għall-formola biex jissottomettu,

796
00:47:55,740 --> 00:47:58,490
kull darba li l-muftieħ hija ppressata, xi ħaġa jiġri.

797
00:47:58,490 --> 00:48:02,030
Hija m'għadux jagħmel sens li tehmeż dan l-avveniment keyup għall-forma kollu.

798
00:48:02,030 --> 00:48:05,080
Aħna verament biss jimpurtahom li kaxxa ta 'tfittxija.

799
00:48:05,080 --> 00:48:09,320
>> Biex tagħżel li issa, nistgħu nbiddlu dan ikun, minflok formola ta 'kwotazzjoni,

800
00:48:09,320 --> 00:48:14,220
forma-kwotazzjoni u aħna ser jkollhom dħul (tip = test) jew nistgħu ngħidu (isem = simbolu) -

801
00:48:14,220 --> 00:48:16,420
xi rridu.

802
00:48:16,420 --> 00:48:18,650
Issa hemm ħaġa waħda aħħar għandna nagħmlu.

803
00:48:18,650 --> 00:48:21,190
Ftakar stabbiliti hawn meta aħna imsemmi prospett falz

804
00:48:21,190 --> 00:48:24,370
għidna aħna ma rridux li avveniment ta 'inadempjenza għan-nar.

805
00:48:24,370 --> 00:48:26,390
Iżda huwa biss hekk jiġri li jekk aħna jiskonnettja li issa,

806
00:48:26,390 --> 00:48:29,660
irrispettivament għandna tip mhux se juru fil-browser aktar

807
00:48:29,660 --> 00:48:33,000
għaliex dan ikun l-imġieba default ta 'tajping fil-kaxxa test.

808
00:48:33,000 --> 00:48:38,660
Aħna m'għadhomx jixtiequ li jiskarta dan, hekk ejja jeqirdu dan il-prospett falz.

809
00:48:38,660 --> 00:48:44,800
Jekk aħna ħlief li u rikarigu-paġna, issa meta I tibda ittajpjar AAPL

810
00:48:44,800 --> 00:48:50,160
tkun taf tara li l-prezz tat-titoli fil-qiegħ hawnhekk qed ilesti awtomatikament.

811
00:48:50,160 --> 00:48:53,150
Allura hawnhekk huwa Instant Finanzi CS50.

812
00:48:53,150 --> 00:48:55,860
Attwalment storja divertenti dwar il Instant YouTube

813
00:48:55,860 --> 00:48:59,420
huwa li l-istudent biss tip ta 'kiteb dan bħala proġett 1-lejl,

814
00:48:59,420 --> 00:49:03,800
u l-jum li jmiss kien offrut impjieg mill-CEO YouTube.

815
00:49:03,800 --> 00:49:10,610
Hekk sempliċi bħal dik, inti CS50 istudenti, proġetti finali tiegħek inti tista 'tikseb impjieg fil-YouTube.

816
00:49:10,610 --> 00:49:14,720
Xi ħaġa bħal dik hija idea verament jibred għal proġett finali, id-dritt?

817
00:49:14,720 --> 00:49:18,170
Kellna xi funzjonalità eżistenti li ridna li jintegraw ma.

818
00:49:18,170 --> 00:49:20,330
Aħna itejbu l-esperjenza utent ftit,

819
00:49:20,330 --> 00:49:24,340
u f'daqqa waħda xi ħaġa tiftix fuq YouTube Instant jista 'jkun aktar faċli ħafna

820
00:49:24,340 --> 00:49:27,290
minn tiftix għal fuq YouTube regolari.

821
00:49:27,290 --> 00:49:30,790
Allura dak Ajax fil-qosor.

822
00:49:30,790 --> 00:49:34,860
>> Fl-eżempji li Joseph kien li juru, rajna ħafna ta 'autocompletes,

823
00:49:34,860 --> 00:49:39,250
u dawk autocompletes huma tassew, tassew handy għaliex aħna ma jkollhomx biex tiftakar -

824
00:49:39,250 --> 00:49:41,770
Per eżempju, jekk inti ma tiftakarx il-prezz tat-titoli għall-Apple

825
00:49:41,770 --> 00:49:45,110
u aħna biss nafu huwa xi ħaġa aa, aktar milli sempliċiment tgħid lili,

826
00:49:45,110 --> 00:49:48,740
"Sehem ta 'dan il-ħaġa spejjeż din ħafna flus,"

827
00:49:48,740 --> 00:49:52,540
I d xorta ta 'jixtieq ikun jaf liema ħażniet tibda bil aa.

828
00:49:52,540 --> 00:49:58,340
Nistgħu nagħmlu li verament nicely mal-librerija bootstrap dak li diġà inkludew

829
00:49:58,340 --> 00:50:01,380
ġewwa ta 'CS50 Finanzi.

830
00:50:01,380 --> 00:50:09,390
Jekk inti toħroġ hawn biex l-tikketta JavaScript u iscroll isfel sa Typeahead,

831
00:50:09,390 --> 00:50:13,730
din hija biss plugin sbieħ li xi ħadd diġà kiteb għalina,

832
00:50:13,730 --> 00:50:16,980
u nistgħu faċilment tuża funzjonalità tagħha bħal dan.

833
00:50:16,980 --> 00:50:21,410
I ittajpjat fil-A u hawnhekk hija lista ta 'xi stati li tibda bil A.

834
00:50:21,410 --> 00:50:25,360
Ejja ngħidu li Naħseb li dan huwa verament jibred u wasal iż-żmien biex nagħmel biex tinkludi dan fil-paġna tiegħi.

835
00:50:25,360 --> 00:50:28,300
Jirriżulta li dan huwa tassew, tassew sempliċi.

836
00:50:28,300 --> 00:50:32,810
Ejja jaqbżu fuq hawn biex quote3.js.

837
00:50:34,890 --> 00:50:37,380
Fajl tiegħi jistenna xi ftit differenti.

838
00:50:37,380 --> 00:50:39,700
Down hawn kollha ta 'għalf Ajax tiegħi hija l-istess.

839
00:50:39,700 --> 00:50:43,170
Irrid li jgħabbi l-informazzjoni istokk mingħajr ma jkollhom imorru għal paġna oħra.

840
00:50:43,170 --> 00:50:46,220
Imma issa nixtieq li jużaw dan plugin.

841
00:50:46,220 --> 00:50:51,020
Id-dokumentazzjoni għandha bootstrap eżempji kbira ta 'kif eżattament I tista' tagħmel dan.

842
00:50:51,020 --> 00:50:54,350
Irrid ngħid, "Hawn il-kontribut li nixtieq li AutoComplete fuq,"

843
00:50:54,350 --> 00:50:56,640
u jien ser sejħa din il-funzjoni tissejjaħ typeahead,

844
00:50:56,640 --> 00:50:59,730
u li għaddej biex jimmaniġġjaw kollha ta 'l-għalf Typeahead għalina.

845
00:50:59,730 --> 00:51:02,090
Hija se initialize-lista, hija se tagħmel kollha ta 'filtrazzjoni tagħna.

846
00:51:02,090 --> 00:51:06,680
L-unika ħaġa li teħtieġ tkun taf liema data aħna qed autocompleting fuq.

847
00:51:06,680 --> 00:51:10,480
So I sab din ewlenin biss mill-qari tad-dokumentazzjoni u tħares lejn l-eżempji.

848
00:51:10,480 --> 00:51:14,150
Jekk I tagħtiha prinċipali ta 'sors, il-valur ta' dan ewlenija

849
00:51:14,150 --> 00:51:17,770
huwa biss ftit firxa ta 'affarijiet nixtieq li AutoComplete fuq.

850
00:51:17,770 --> 00:51:20,180
Dan il-varjabbli ġew minn dan il-fajl oħra.

851
00:51:20,180 --> 00:51:23,400
I jiftħu symbols.js.

852
00:51:23,400 --> 00:51:27,980
>> Dan symbols.js huwa biss dan array tassew, tassew kbir li jkun fih kordi

853
00:51:27,980 --> 00:51:32,080
kollha ta 'dawn is-simboli istokk mill-NASDAQ.

854
00:51:32,080 --> 00:51:42,190
Jekk irrid jaqbżu lura lill-HTML, hekk jharvard, vhosts, globalhost, html, templates,

855
00:51:42,190 --> 00:51:45,820
quote_form.

856
00:51:45,820 --> 00:51:50,910
Peress li l-issa msejjaħ quote3.js, let me jibdlu l-fajl JavaScript jien inkluż hawn.

857
00:51:50,910 --> 00:51:55,110
Issa għandi quote3.js, hekk jien ser tagħbija f'dak il-fajl JavaScript separat,

858
00:51:55,110 --> 00:51:57,910
il-wieħed li ma jkollu l bootstrap AutoComplete.

859
00:51:57,910 --> 00:52:04,430
Issa meta I jaqbżu lura lill-browser, rikarigu-paġna, u nibda ittajpjar aa,

860
00:52:04,430 --> 00:52:06,880
hemm AutoComplete tiegħi. U kien verament sempliċi bħal dik.

861
00:52:06,880 --> 00:52:11,400
Kelli 1 linja tal-kodiċi li biss qal, "Hawn huma l-affarijiet nixtieq li AutoComplete fuq,"

862
00:52:11,400 --> 00:52:16,590
u f'daqqa waħda għandi din il-funzjonalità tassew, tassew sbieħ ma mhux lott kollu ta 'sforz fil-livelli kollha.

863
00:52:16,590 --> 00:52:19,810
Kif int iżvilupp websajts u b'mod partikolari l-ġenb tarf ta 'quddiem ta' affarijiet,

864
00:52:19,810 --> 00:52:21,840
int ser issib dan huwa l-każ ta 'lott.

865
00:52:21,840 --> 00:52:25,700
Hemm ħafna, ħafna, ħafna libreriji verament jibred ħielsa hemmhekk

866
00:52:25,700 --> 00:52:30,190
li jagħmluha super faċli biex tagħmel affarijiet bħal dan.

867
00:52:30,190 --> 00:52:37,230
Jista 'xi ħadd jaħseb ta' xi żvantaġġi ta sempliċement autocompleting fuq din il-lista kbir ta 'simboli?

868
00:52:37,230 --> 00:52:41,580
Liema jista 'jkun xi ħaġa li mhux l-aħjar ma' dan l-approċċ?

869
00:52:42,790 --> 00:52:45,960
Yeah. >> [Student] Ħin, jekk ikollok ħafna ta '[inaudible]

870
00:52:45,960 --> 00:52:50,420
Yeah. Dritt issa aħna qed tniżżil dan il-fajl JavaScript enormi u hemm ħafna ta 'simboli.

871
00:52:50,420 --> 00:52:54,360
U hekk jekk ikollna ton ta 'għalf, dan it-tip tista tat iżidu l-latency ta' mhux biss tiftix

872
00:52:54,360 --> 00:52:56,600
iżda wkoll tniżżil l-fajl attwali.

873
00:52:56,600 --> 00:52:58,670
Great. Xi ħaġa oħra?

874
00:53:01,950 --> 00:53:05,280
Dritt issa hemm l-ebda sens reali ta 'rilevanza.

875
00:53:05,280 --> 00:53:08,190
Jekk tip I li tipproċessa A, il-kumpaniji li juru up hawn

876
00:53:08,190 --> 00:53:11,220
jista 'ma jkunx il-kumpaniji l-aktar popolari li tibda ma' A.

877
00:53:11,220 --> 00:53:17,130
>> Qabel ma niġi għall-Apple, jista 'jieħu karattri ftit aktar biex isibu dak li jien tfittex.

878
00:53:17,130 --> 00:53:20,420
Dan AutoComplete ma jkollux dan is-sens ta 'rilevanza.

879
00:53:20,420 --> 00:53:24,400
Huwa biss se ngħid, "Xi ħaġa li taqbel jien ser juru."

880
00:53:24,400 --> 00:53:30,510
Minflok dan, nixtieq li b'xi mod tintegra xi rilevanza fl tfittxijiet tiegħi.

881
00:53:30,510 --> 00:53:36,440
Jekk immur fuq hawn biex Yahoo! Finanzi, finance.yahoo.com,

882
00:53:36,440 --> 00:53:42,100
Jekk nipprova li jidħol simbolu fuq il-paġna Yahoo! Finanzi

883
00:53:42,100 --> 00:53:52,310
u nibda ittajpjar GOOG, għandi din il-lista sbieħ ta 'l-affarijiet.

884
00:53:52,310 --> 00:53:57,100
Ovvjament, jidher qisu Finanzi Yahoo! qed tagħmel xi ħaġa aktar għaqlija hawn.

885
00:53:57,100 --> 00:53:59,790
Huma għandhom xi relevanza u huma wkoll għandhom l-informazzjoni addizzjonali

886
00:53:59,790 --> 00:54:01,430
bħall-isem tal-istokk.

887
00:54:01,430 --> 00:54:05,850
Dik xi ħaġa li ma nistax verament biss ma 'lista istokk tiegħi ta' simboli.

888
00:54:05,850 --> 00:54:09,520
Irrid dan u għalhekk jien ser teħodha.

889
00:54:09,520 --> 00:54:11,790
Biex tagħmel dan ejja nagħmlu ftit affarijiet.

890
00:54:11,790 --> 00:54:15,580
Ejja 1 jiftħu l-ispettur dwar din il-paġna

891
00:54:15,580 --> 00:54:18,100
għaliex rajna li din il-paġna mhix tagħbija mill-ġdid fil-livelli kollha,

892
00:54:18,100 --> 00:54:21,960
hekk huwa probabbilment jużaw Ajax b'xi mod li tkun it-tagħbija tad-data tiegħu.

893
00:54:21,960 --> 00:54:23,920
Aħna tista 'ssib liema data huwa tagħbija.

894
00:54:23,920 --> 00:54:28,390
Jekk I ikklikkja fuq din tab Netwerk, dawn ser ikunu kollha ta 'l talbiet li jibdew li jiġi sparat.

895
00:54:28,390 --> 00:54:34,020
Issa jekk jien tip goo, nistgħu naraw li I biss ltqajna talba HTTP ġdid.

896
00:54:34,020 --> 00:54:37,490
Din hija probabbilment fejn dik id-data hija ġejjin minn.

897
00:54:37,490 --> 00:54:41,990
Sure biżżejjed, jekk I ħarsa lejn dan il-URL, li huwa daqsxejn stramba jismu,

898
00:54:41,990 --> 00:54:46,930
nistgħu naraw li dan huwa eżattament fejn Yahoo hija li jibgħat off data tiegħu minn.

899
00:54:46,930 --> 00:54:53,400
>> Stajt ħolqot fajl separat imsejjaħ suggest.php li ħafna simili fl-ispirtu tal-funzjoni lookup.

900
00:54:53,400 --> 00:54:57,730
Huwa bażikament se tagħmel mistoqsija lill URL Yahoo, terġa 'lura xi data,

901
00:54:57,730 --> 00:54:59,750
u jibgħatha lura lili.

902
00:54:59,750 --> 00:55:02,570
Issa, minflok li jużaw dan big, lista enormi ta 'simboli,

903
00:55:02,570 --> 00:55:05,280
I jistgħu jużaw affarijiet Yahoo rilevanza sbieħ,

904
00:55:05,280 --> 00:55:08,150
u jien ma jkollhom biex tniżżel dan il-fajl JavaScript enormi.

905
00:55:08,150 --> 00:55:12,040
Jien biss se jiġbdu r-simboli ħżin li realment rilevanti.

906
00:55:12,040 --> 00:55:13,960
Ejja Mur fis dan.

907
00:55:13,960 --> 00:55:17,360
Allura html, JS. Aħna issa fil quote4.

908
00:55:17,360 --> 00:55:22,120
Issa aħna qed m'għadekx jużaw dik il-lista kbir ta 'fajls JavaScript.

909
00:55:22,120 --> 00:55:24,430
Iżda hemm tip żgħir ta 'problema disinn hawn.

910
00:55:24,430 --> 00:55:28,200
Imxejna qal li l-A fil Ajax huwa mhux sinkroniku.

911
00:55:28,200 --> 00:55:31,000
X'inhu dan ifisser huwa li meta I jagħmlu talba Ajax,

912
00:55:31,000 --> 00:55:36,490
hekk dritt hawn fuq linja 8, din hija fejn it-talba Ajax tiegħi huwa attwalment sparat.

913
00:55:36,490 --> 00:55:40,370
Ejja ngħidu issa għandi xi kodiċi stabbiliti hawn li għaddej biex jagħmlu xi għalf

914
00:55:40,370 --> 00:55:43,930
bħall twissi lill-utent jew xi ħaġa bidla fuq il-paġna.

915
00:55:43,930 --> 00:55:49,830
X'hemm ma jiġri hija l-browser mhux se tistenna għal din it-talba biex tkompli

916
00:55:49,830 --> 00:55:53,480
qabel ma tonqos u laqtu din il-linja.

917
00:55:53,480 --> 00:55:55,900
Dik hija l-parti mhux sinkroniku.

918
00:55:55,900 --> 00:55:58,400
Huwa ser jagħmel din it-talba u jgħidu, "Kull meta inti finitura,

919
00:55:58,400 --> 00:56:03,080
"Terga 'lura u sejħa dik il-funzjoni li I qallek li inti sejħa ġewwa ta' suċċess."

920
00:56:03,080 --> 00:56:07,300
Dan ifisser li ma nistgħux biss tniżżel l-istokkijiet qabel.

921
00:56:07,300 --> 00:56:10,300
Għandna bżonn li jagħmlu t-talba u stenna għal xi ħaġa li jiġu lura.

922
00:56:10,300 --> 00:56:13,330
Dan ifisser li qabel, nistgħu sempliċiment tgħid bootstrap,

923
00:56:13,330 --> 00:56:15,580
"Hawn il-lista ta 'affarijiet nixtieq li inti AutoComplete fuq."

924
00:56:15,580 --> 00:56:18,950
Nistgħu m'għadhomx jagħmlu dan jibqgħalu għaliex ma nafux

925
00:56:18,950 --> 00:56:21,780
dak li rridu li attwalment AutoComplete fuq.

926
00:56:21,780 --> 00:56:25,190
Fortunatament, bootstrap ħsieb ta 'dan għaliex dawk huma guys intelliġenti hemmhekk,

927
00:56:25,190 --> 00:56:30,160
u huma fil-fatt tana mod ieħor biex jgħabbu dan plugin Typeahead.

928
00:56:30,160 --> 00:56:35,630
Qabel, il-valur ta 'din il-proprjetà sors kien biss dan firxa kbira ta' affarijiet li AutoComplete fuq.

929
00:56:35,630 --> 00:56:39,580
>> Issa l-proprjetà sors huwa attwalment funzjoni,

930
00:56:39,580 --> 00:56:44,580
u l-għan ta 'din il-funzjoni huwa li ċifra barra dak l-affarijiet għall AutoComplete fuq huma.

931
00:56:44,580 --> 00:56:48,730
Il-mod li għaddej biex figura li out hija li għaddej biex jistaqsu Finanzi Yahoo!

932
00:56:48,730 --> 00:56:51,750
dak li l-affarijiet aħjar li AutoComplete huma.

933
00:56:51,750 --> 00:56:54,500
Biex tagħmel dan jien ser tagħmel talba Ajax simili ħafna.

934
00:56:54,500 --> 00:56:59,010
Jien ser titlob din il-paġna fuq suggest.php.

935
00:56:59,010 --> 00:57:01,360
Irrid li jibgħat tul il-simboli xorta.

936
00:57:01,360 --> 00:57:05,570
U issa suċċess tiegħi, id-dokumentazzjoni bootstrap told me

937
00:57:05,570 --> 00:57:09,130
li sabiex timla dik il-lista ta 'affarijiet,

938
00:57:09,130 --> 00:57:14,370
kollha I bżonn tagħmel huwa jgħaddi f'din firxa issa għall-funzjoni callback.

939
00:57:14,370 --> 00:57:15,660
Imma stenna minuta.

940
00:57:15,660 --> 00:57:20,240
Jekk dan suppost tkun firxa u Ajax hija li jibgħat me lura test,

941
00:57:20,240 --> 00:57:22,720
kif huwa possibbli li?

942
00:57:22,720 --> 00:57:27,910
Din tintroduċi mod ġdid ta 'skambju ta' data msejħa JSON.

943
00:57:27,910 --> 00:57:33,000
F'dan il-każ aħna qed mhux biss jibgħat lura sensiela sempliċi ta 'test.

944
00:57:33,000 --> 00:57:37,670
Issa aħna qed jittrattaw ma 'din il-lista aktar kumplessa ta' simboli istokk.

945
00:57:37,670 --> 00:57:41,730
Dawn is-simboli istokk jistgħu wkoll jinkludu affarijiet bħall-isem tal-kumpanija jew il-prezzijiet kurrenti.

946
00:57:41,730 --> 00:57:47,550
Just użu ta 'sensiela twila big li mhux formatted bl-ebda mod prevedibbli

947
00:57:47,550 --> 00:57:51,970
mhux se tkun l-aħjar mod biex jiksbu din id-data minn server Yahoo lili

948
00:57:51,970 --> 00:57:54,540
b'mod li I jista 'jifhem faċilment.

949
00:57:54,540 --> 00:58:01,280
JSON hija teknoloġija li jieħu vantaġġ ta 'kif aħna joħolqu matriċi assoċjattiva fl JavaScript.

950
00:58:01,280 --> 00:58:04,510
Dan jistenna ħafna bħal firxa JavaScript assoċjattiva,

951
00:58:04,510 --> 00:58:06,600
u fil-fatt, huwa minħabba li huwa.

952
00:58:06,600 --> 00:58:09,710
JSON stands għall Notazzjoni Għan JavaScript.

953
00:58:09,710 --> 00:58:15,020
Dan huwa bażikament miftiehma format għat-trasferiment tad-data u lura.

954
00:58:15,020 --> 00:58:18,280
Hawnhekk dan l-oġġett JSON jew dan array JSON assoċjattiva

955
00:58:18,280 --> 00:58:21,010
huwa jibghatni xi dejta dwar kors.

956
00:58:21,010 --> 00:58:25,110
>> L-imfietaħ ta 'din array huma affarijiet simili kors li għandu valur ta' cs50,

957
00:58:25,110 --> 00:58:29,140
u 'l isfel hawn nistgħu naraw li I jista' jkollhom valur li huwa firxa.

958
00:58:29,140 --> 00:58:32,730
I ma jkollhom jagħmlu affarijiet simili parse out kordi u jfittxu virgoli

959
00:58:32,730 --> 00:58:35,330
u jagħmlu affarijiet crazy bħal dik.

960
00:58:35,330 --> 00:58:38,820
Minħabba dan ikun iddikjarat f'dan il-format JSON,

961
00:58:38,820 --> 00:58:43,510
JavaScript jQuery u diġà għandhom funzjonijiet li jikkonvertu string

962
00:58:43,510 --> 00:58:48,140
li tidher bħal dan JSON fis-firxa JavaScript attwali assoċjattiva

963
00:58:48,140 --> 00:58:50,440
li għandna jistgħu jaħdmu ma '.

964
00:58:50,440 --> 00:58:56,660
Jsir li hija sempliċi kemm qal li m'għadhomx hu dan il-fajl, suggest.php,

965
00:58:56,660 --> 00:58:59,040
jibghatni lura sempliċiment sekwenza ta 'test,

966
00:58:59,040 --> 00:59:01,950
imma naf li għaddej biex tkun qed tibgħat me lura JSON.

967
00:59:01,950 --> 00:59:06,760
Dan ifisser li din JSON jistgħu jiġu kkonvertiti firxa JavaScript assoċjattiva.

968
00:59:06,760 --> 00:59:10,830
U hekk jQuery, nixtieq li tagħmel dan għalija.

969
00:59:10,830 --> 00:59:13,990
Dan ifisser li dan il-parametru tweġiba hawn,

970
00:59:13,990 --> 00:59:16,070
dan m'għadux biss sekwenza.

971
00:59:16,070 --> 00:59:19,860
Għaliex aħna ħadthom qallek jQuery li hawnhekk jidħol xi JSON,

972
00:59:19,860 --> 00:59:22,950
jQuery se tkun intelliġenti biżżejjed biex jgħidu, "Inti ridt JSON?"

973
00:59:22,950 --> 00:59:26,890
"Jien ser tikkonverti dan in-firxa assoċjattiva għalik."

974
00:59:26,890 --> 00:59:32,100
Ejja fil-fatt tagħti ħarsa lejn l-tab Network ladarba għandna quote4.js.

975
00:59:32,100 --> 00:59:35,400
Aħna ser tbiddel dan u rikarigu-paġna.

976
00:59:37,150 --> 00:59:41,250
Issa jien ser tip fil--a-ġdid.

977
00:59:41,250 --> 00:59:45,600
Stajt għamel talbiet koppja lil suggest.php, iżda issa din it-tweġiba,

978
00:59:45,600 --> 00:59:48,670
aktar milli biss il-sekwenza, huwa JSON.

979
00:59:48,670 --> 00:59:52,580
So I jkollhom Brace kaboċċi miftuħa qal, "Hawnhekk tidħol firxa assoċjattiva."

980
00:59:52,580 --> 00:59:56,830
>> Iċ-ċavetta ewwel u biss ta 'dan array assoċjattiva tissejjaħ simboli,

981
00:59:56,830 --> 01:00:00,240
u allura hawnhekk hija firxa ta 'l-simboli rilevanti

982
01:00:00,240 --> 01:00:04,820
ġejjin issa minn Yahoo! Finanzi, mhux minn dik il-lista ġiganteski.

983
01:00:06,110 --> 01:00:10,630
Li kif I tista 'sempliċement timla dan il-plugin AutoComplete

984
01:00:10,630 --> 01:00:14,280
ma 'xi data li mhux ġejjin minn fajl lokali li li diġà predeterminat

985
01:00:14,280 --> 01:00:17,490
iżda minn xi ħaġa oħra.

986
01:00:17,490 --> 01:00:21,160
Jirriżulta li nistgħu attwalment jieħdu vantaġġ ta 'teknoloġija msejħa JSONP,

987
01:00:21,160 --> 01:00:27,420
jew JSON bl-ikkuttunar, li se jelimina dan middleman suggest.php.

988
01:00:27,420 --> 01:00:34,010
Iżda minflok tagħmel dan, ejja minflok tagħti ħarsa lejn kif I jistgħu jtejbu din saħansitra aktar.

989
01:00:34,010 --> 01:00:36,040
I really simili Typeahead bootstrap s. Huwa tassew sbieħ.

990
01:00:36,040 --> 01:00:39,570
Iżda aħna qed jkollna tajba fil JavaScript u rridu li tip ta 'jagħmel dan lilna nfusna,

991
01:00:39,570 --> 01:00:43,870
forsi tagħti ħarsa lejn dak li dan plugin jistgħu jagħmlu.

992
01:00:43,870 --> 01:00:46,500
Ejja ma jibqgħux jużaw dak ħaġa Typeahead,

993
01:00:46,500 --> 01:00:50,550
u ejja jippruvaw jagħmlu din il-lista ta 'ħażniet suġġeriti nfusna.

994
01:00:50,550 --> 01:00:53,790
Hawnhekk fil quote6.php aħna qed tmur biex tibda off bl-istess mod.

995
01:00:53,790 --> 01:00:58,050
Kull darba xi ħadd tipi xi ħaġa, irridu li jagħmlu talba Ajax.

996
01:00:58,050 --> 01:01:01,590
Dan huwa simili għal Instant Finanzi tagħna oriġinali CS50.

997
01:01:01,590 --> 01:01:05,020
Pjuttost milli tagħmel talba biex quote.php,

998
01:01:05,020 --> 01:01:08,530
aħna qed issa jagħmlu talba għal dan il-fajl istess bħal qabel, dan suggest.php,

999
01:01:08,530 --> 01:01:12,460
li huwa biss se pull data minn Yahoo! Finanzi.

1000
01:01:12,460 --> 01:01:19,480
>> Għal darb'oħra, aħna qed għadhom jistennew JSON, iżda issa peress li l-Typeahead ma tagħmel dan għalina,

1001
01:01:19,480 --> 01:01:24,850
aħna wkoll bżonn li tibgħat tul il-valur li huwa ġewwa tal-kaxxa tat-test attwali.

1002
01:01:24,850 --> 01:01:28,120
Issa nafu dak li jistaqsu Finanzi Yahoo! għal,

1003
01:01:28,120 --> 01:01:34,160
u hekk issa hawn l-funzjoni li aħna rridu li teżegwixxi meta t-talba tikkompleta.

1004
01:01:34,160 --> 01:01:36,520
Aħna ma jkollhomx il-plugin biex jagħmlu l-lista għalina,

1005
01:01:36,520 --> 01:01:40,630
hekk hawn fejn aħna qed attwalment għaddejjin biex tinbena lista ta 'suġġerimenti.

1006
01:01:40,630 --> 01:01:44,850
Biex tagħmel dan, ferm simili fil-PHP aħna concatenated dawn il-kordi kbar ta 'HTML

1007
01:01:44,850 --> 01:01:48,170
allura aħna stampati minnhom, nistgħu nagħmlu l-istess ħaġa eżatt fil JavaScript.

1008
01:01:48,170 --> 01:01:51,850
L-ewwel aħna qed tmur biex tibda off din is-sekwenza imsejħa suġġerimenti,

1009
01:01:51,850 --> 01:01:54,590
u din is-sekwenza huwa biss se jkollhom xi HTML.

1010
01:01:54,590 --> 01:01:58,320
Irridu li jkun hemm lista ta 'affarijiet, hekk aħna qed tmur biex tibda off ma' din il-lista tag,

1011
01:01:58,320 --> 01:02:03,340
u issa aħna qed tmur biex jtenni fuq kollha ta 'l-simboli li ġew irritornati lura lilna.

1012
01:02:03,340 --> 01:02:06,500
Ftakar, għaliex aħna stajt qal datatype: "JSON", dan mhuwiex string.

1013
01:02:06,500 --> 01:02:09,500
Dan huwa diġà firxa għalina. Li verament jibred.

1014
01:02:09,500 --> 01:02:13,790
Nistgħu sempliċement jgħidu, "Irrid li inti tehmeż element lista."

1015
01:02:13,790 --> 01:02:16,000
Aħna ser tqiegħed lilha ġewwa element ta 'fil-ġenb ta' dan,

1016
01:02:16,000 --> 01:02:19,030
aħna ser tagħtiha klassi ta 'suġġerimenti hekk nafu dak li hi,

1017
01:02:19,030 --> 01:02:23,880
u issa hawnhekk huwa s-simbolu li sirna lura mill Yahoo! Finanzi.

1018
01:02:23,880 --> 01:02:27,230
>> Ladarba ħloqna element għal kull wieħed mill-simboli konna gotten lura,

1019
01:02:27,230 --> 01:02:30,100
aħna biss jixtiequ li tagħlaq mil-lista.

1020
01:02:30,100 --> 01:02:33,040
Allura issa suġġerimenti jirrappreżenta dan framment HTML ftit

1021
01:02:33,040 --> 01:02:37,860
li meta jitqiegħdu fuq il-paġna se tkun l-lista ta 'affarijiet li aħna qed tfittex.

1022
01:02:37,860 --> 01:02:41,070
Issa ejja fil-fatt imqiegħda li fuq il-paġna.

1023
01:02:41,070 --> 01:02:46,390
Biex tagħmel li stajt attwalment maħluqa ieħor div vojta u stajt jagħtiha ID ta 'suġġerimenti.

1024
01:02:46,390 --> 01:02:52,520
Ħafna bħall aħna waqqafna l-kontenut tal-div li juru l-prezz tad-dejta istokk,

1025
01:02:52,520 --> 01:02:58,600
aħna issa biss jixtiequ jistabbilixxu l-kontenut ta 'dan div għal dak kollu li din is-sekwenza huwa

1026
01:02:58,600 --> 01:03:00,290
li fih dawn is-simboli.

1027
01:03:00,290 --> 01:03:07,650
Meta tuża dan il-metodu HTML, dan il-varjabbli suġġerimenti, din is-sekwenza, hija sekwenza ta HTML.

1028
01:03:07,650 --> 01:03:13,490
Nixtieq li jieħdu dik HTML u poġġih ġewwa ta 'l div imsejħa suġġerimenti.

1029
01:03:13,490 --> 01:03:15,680
Imxejna biss mehmuż xi ħaġa li l-DOM issa.

1030
01:03:15,680 --> 01:03:20,360
Imxejna żied xi elementi ġodda għall-DOM li nistgħu issa juru fuq il-paġna.

1031
01:03:20,360 --> 01:03:22,540
Ejja naraw dak li dan qisu.

1032
01:03:22,540 --> 01:03:29,110
Jekk aħna tagħbija fl quote6 u issa aħna ġejjin lura,

1033
01:03:29,110 --> 01:03:34,480
issa meta nibda ittajpjar AAPL, aħna m'għadx għandhom l bootstrap AutoComplete,

1034
01:03:34,480 --> 01:03:38,470
iżda issa għandna din il-lista li għamilna lilna nfusna.

1035
01:03:38,470 --> 01:03:43,230
Dan huwa uglier ftit mill-Typeahead bootstrap, per eżempju,

1036
01:03:43,230 --> 01:03:45,580
iżda ma inessu li jagħmlu ħaġa waħda oħra.

1037
01:03:45,580 --> 01:03:48,660
Meta konna tħares lejn dak plugin bootstrap,

1038
01:03:48,660 --> 01:03:52,590
rajna li meta aħna autocompleted, wieħed mill-valuri AutoComplete kien AAPL.

1039
01:03:52,590 --> 01:03:54,820
Li jista 'ma jkunx hekk utli.

1040
01:03:54,820 --> 01:03:59,100
Bħala utent, I ma jista 'immedjatament jirrikonoxxi l-simboli istokk.

1041
01:03:59,100 --> 01:04:02,370
Dak li jien probabbilment aktar probabbli li jirrikonoxxu huma ismijiet reali tal-kumpanija.

1042
01:04:02,370 --> 01:04:05,310
Għalhekk ma kienx ikun verament utli jekk minflok qal AAPL

1043
01:04:05,310 --> 01:04:07,970
dan qal xi ħaġa bħal Apple Inc

1044
01:04:07,970 --> 01:04:12,240
Minħabba li aħna ve rrumblati dan lilna nfusna, nistgħu verament faċilment tagħmel dan.

1045
01:04:12,240 --> 01:04:17,630
Ejja jiftħu l-aħħar kwotazzjoni tagħna fajl hawn, hekk quote7.

1046
01:04:17,630 --> 01:04:23,200
>> L-istess ħaġa. Stajt biss maħluqa ieħor fajl PHP li se terġa 'lura lilna aktar milli sempliċement l-simboli.

1047
01:04:23,200 --> 01:04:25,550
Huwa se jipprovdi wkoll tagħtina lura ismijiet tal-kumpanija.

1048
01:04:25,550 --> 01:04:28,150
U hekk aħna qed tagħmel l-istess ħaġa. Aħna qed tagħmel it-talba Ajax.

1049
01:04:28,150 --> 01:04:32,370
Ladarba t-talba tkun tlestiet, aħna qed tmur biex tesegwixxi din il-funzjoni hawn,

1050
01:04:32,370 --> 01:04:36,520
u din il-funzjoni se jibni sensiela kbira ta 'elementi.

1051
01:04:36,520 --> 01:04:39,520
Iżda d-differenza hawnhekk huwa li l-valur ta 'dawn il-listi m'għadhiex biss is-simbolu,

1052
01:04:39,520 --> 01:04:45,370
issa huwa l-isem.

1053
01:04:45,370 --> 01:04:47,070
Allura aħna għandna problema waħda żgħira.

1054
01:04:47,070 --> 01:04:51,590
Meta nużaw Lookup tagħna, għandna bżonn li b'xi mod jgħaddu s-simbolu.

1055
01:04:51,590 --> 01:04:54,950
Aħna ma jistgħux jgħaddu xi ħaġa lookup bħal Microsoft Corporation.

1056
01:04:54,950 --> 01:04:57,900
Għandna bżonn li jgħaddu MSFT.

1057
01:04:57,900 --> 01:05:01,640
Meta aħna qed tikteb HTML, għandna lottijiet ta 'sbieħ mibnija fil-attributi.

1058
01:05:01,640 --> 01:05:05,440
An A jista 'jkollhom assoċjati magħha href jew klassi.

1059
01:05:05,440 --> 01:05:08,230
Imma dak li aħna verament bżonn issa huwa għal kull wieħed minn dawn ir-rabtiet

1060
01:05:08,230 --> 01:05:11,120
li jkollhom simbolu stokk assoċjati magħha.

1061
01:05:11,120 --> 01:05:14,240
M'hemm l-ebda mibnija fil-attribut HTML għall simbolu istokk,

1062
01:05:14,240 --> 01:05:21,010
iżda fortunatament, HTML5 jippermetti li tinħoloq attributi tagħna stess li jkun xi rridu.

1063
01:05:21,010 --> 01:05:24,620
Billi qal data-simbolu, stajt introduċa attribut ġdida

1064
01:05:24,620 --> 01:05:29,350
li ismu I biss magħmula, u dan huwa okay minħabba I prefazju ma din id-data.

1065
01:05:29,350 --> 01:05:34,270
Aħna ser taħżen ġewwa tal m'hemm l-simbolu mill-istokk issa.

1066
01:05:34,270 --> 01:05:39,590
X'inhu dan ifisser huwa li anke jekk aħna qed juri l-valur ta 'l-isem tal-kumpanija

1067
01:05:39,590 --> 01:05:43,380
ġewwa ta 'AutoComplete tagħna, aħna qed għadhom ftakar-simbolu

1068
01:05:43,380 --> 01:05:47,110
li huwa assoċjat ma 'kull kumpannija.

1069
01:05:47,110 --> 01:05:50,350
Il-mod kif aħna qed tagħmel dan huwa ġewwa ta 'dan l-element innifsu.

1070
01:05:50,350 --> 01:05:52,930
Allura dan ifisser li għandna bżonn li jagħmlu tibdil wieħed aktar.

1071
01:05:52,930 --> 01:05:57,090
Meta aħna ikklikkja dan issa, għandna bżonn li attwalment jieħdu vantaġġ ta 'l-attribut simbolu

1072
01:05:57,090 --> 01:06:00,220
aktar milli biss il-valur tagħha.

1073
01:06:00,220 --> 01:06:05,010
Jekk aħna back-up, aħna nagħtu l handler avveniment għal suġġerimenti.

1074
01:06:05,010 --> 01:06:09,280
Kull meta wieħed minn dawn is-suġġerimenti huwa għafast issa, I trid tagħmel xi ħaġa.

1075
01:06:09,280 --> 01:06:13,160
Dak li nixtieq tagħmel hu li jibdlu l-valur ta 'dik il-kaxxa input.

1076
01:06:13,160 --> 01:06:16,100
Issa nixtieq li jistabbilixxu din il-funzjoni val istess.

1077
01:06:16,100 --> 01:06:21,060
>> Allura mingħajr ebda argument din il-funzjoni val lura lilek x'hemm diġà fil-kaxxa ta 'test,

1078
01:06:21,060 --> 01:06:27,070
imma jekk inti tagħti string, li għaddej biex jieħdu dik string u poġġih fil-kaxxa ta 'test.

1079
01:06:27,070 --> 01:06:28,980
Jien għażla kaxxa ta 'test tagħha bl-istess mod.

1080
01:06:28,980 --> 01:06:31,230
Huwa isem huwa ġewwa simbolu ta 'formola ta' kwotazzjoni.

1081
01:06:31,230 --> 01:06:37,540
Issa jien bagħtitlu l-valur tal-attribut tad-data simbolu.

1082
01:06:37,540 --> 01:06:41,560
Din ħaġa hawnhekk huwa ġdid, din $ (dan).

1083
01:06:41,560 --> 01:06:46,850
X'inhu dan jirreferi għall huwa l-element li kien għafast.

1084
01:06:46,850 --> 01:06:50,880
Nistgħu naraw hawn li aħna mhux qed titwaħħal avveniment klikk

1085
01:06:50,880 --> 01:06:54,690
għal kull element ma 'klassi ta' suġġeriment individwalment.

1086
01:06:54,690 --> 01:06:57,140
Pjuttost, aħna qed toqrob dan ftit differenti.

1087
01:06:57,140 --> 01:07:01,700
Minflok aħna qed tgħid kull meta ġewwa xejn ta 'dan div suġġerimenti,

1088
01:07:01,700 --> 01:07:04,080
li tiftakar huwa biss il-kontenitur għal dik il-lista,

1089
01:07:04,080 --> 01:07:10,150
jekk xi ħaġa ġewwa ta 'dan div hija għafast u għandu klassi ta' suġġeriment,

1090
01:07:10,150 --> 01:07:13,000
Irrid dan l-avveniment għan-nar.

1091
01:07:13,000 --> 01:07:17,490
Bażikament dak li dan ifisser li nistgħu nagħmlu huwa li nistgħu użu mill-ġdid dan il-handler avveniment istess

1092
01:07:17,490 --> 01:07:20,000
għall kollha ta 'l-affarijiet fil-lista.

1093
01:07:20,000 --> 01:07:22,080
Allura aħna ma jkollhomx li jkollhom waħda avveniment handler għall-ewwel element

1094
01:07:22,080 --> 01:07:24,550
u handler avveniment differenti għall-element tat-tieni.

1095
01:07:24,550 --> 01:07:29,880
Nistgħu ngħidu minflok, "Irrid li l-handler avveniment istess japplika għall-kollox fil-lista tiegħi."

1096
01:07:29,880 --> 01:07:34,420
Iżda għandna bżonn li b'xi mod tkun taf liema element ġie għafast.

1097
01:07:34,420 --> 01:07:38,450
Dan "dan" keyword jirrappreżenta biss li.

1098
01:07:38,450 --> 01:07:42,360
Dan huwa l-oġġett li kien biss għafast mill-utent.

1099
01:07:42,360 --> 01:07:47,680
Jekk I biss għafast il-link 3, dan jirrappreżenta l-element ta 'din ir-rabta 3,

1100
01:07:47,680 --> 01:07:51,670
li jfisser li nista 'nikseb l-attribut tagħha, data-simbolu,

1101
01:07:51,670 --> 01:07:57,760
li nafu għandu jkun fiha s-simbolu li huma assoċjati mal-kumpannija I biss għafast.

1102
01:07:57,760 --> 01:08:04,550
Jekk aħna jaqbżu lura għall-paġna finanzi tagħna,

1103
01:08:04,550 --> 01:08:08,580
nistgħu naraw issa li ladarba I tibda ittajpjar xi ħaġa simili MSFT,

1104
01:08:08,580 --> 01:08:11,220
aħna qed m'għadhomx jkollna biss l-simboli istokk,

1105
01:08:11,220 --> 01:08:13,720
aħna qed issa jkollna l-kumpaniji attwali.

1106
01:08:13,720 --> 01:08:20,410
Imma meta I ikklikkja fuq waħda minn dawn il-kumpaniji,

1107
01:08:20,410 --> 01:08:25,180
nistgħu naraw li aħna qed attwalment populating-kaxxa ta 'test mhux bl-isem tal-kumpanija

1108
01:08:25,180 --> 01:08:29,850
iżda bi kwalunkwe kien maħżun ġewwa ta 'dawk l-attributi tad-data.

1109
01:08:29,850 --> 01:08:32,880
U hekk jekk I attwalment jispezzjona waħda minn dawn l-elementi mill-dritt tikklikkja

1110
01:08:32,880 --> 01:08:36,200
u tikklikkja Spezzjona Element, nistgħu attwalment ara dak li dan qisu.

1111
01:08:36,200 --> 01:08:40,290
>> Ftakar din hija xi ħaġa li aħna maħluqa ġewwa ta 'dik loop

1112
01:08:40,290 --> 01:08:42,649
meta konna bini li sensiela ta 'HTML.

1113
01:08:42,649 --> 01:08:47,870
Nistgħu naraw hawnhekk li din id-data 'simbolu għandu l-valur tal-MSFT, li hija kbira.

1114
01:08:47,870 --> 01:08:49,189
Dak hu li aħna qed nistennew.

1115
01:08:49,189 --> 01:08:53,170
Dik hija l-simbolu u li l-mod kif aħna ltqajna l-valur li aħna meħtieġa għall-użu

1116
01:08:53,170 --> 01:08:56,140
ġewwa ta 'din il-kaxxa test.

1117
01:08:56,140 --> 01:08:58,850
Dik hija biżżejjed għall-forma kwotazzjoni għaliex dan huwa tip ta 'boring.

1118
01:08:58,850 --> 01:09:02,990
Ejja biss tagħmel xi titjib malajr għall-paġna portafoll tagħna.

1119
01:09:02,990 --> 01:09:08,109
Jekk inti ħadthom użati CS50 Finanzi għal waqt u tibda xiri u bejgħ ta 'lott ta' ħażniet,

1120
01:09:08,109 --> 01:09:11,300
eventwalment din it-tabella hija se tikseb pjuttost kbar,

1121
01:09:11,300 --> 01:09:13,850
u int ser jridu ticker stokk, tal-kors.

1122
01:09:13,850 --> 01:09:20,350
Ladarba l-mejda huwa tassew, tassew kbir, jista 'jkun utli għall-utent biex tipprova tfittxija fuqha.

1123
01:09:20,350 --> 01:09:23,290
Ġewwa tal-kaxxa tat-tfittxija jekk nibda ittajpjar xi ħaġa bħal Disney

1124
01:09:23,290 --> 01:09:26,359
u tfittex għall-istokk tiegħi Mickey Mouse, nistgħu naraw li l-tabella hija issa filtrazzjoni

1125
01:09:26,359 --> 01:09:28,189
ibbażati fuq dak I biss ittajpjat pulzieri

1126
01:09:28,189 --> 01:09:31,640
Din il-funzjonalità jistenna super ikkumplikata, imma huwa tassew, tassew faċli

1127
01:09:31,640 --> 01:09:33,859
ma jQuery u JavaScript.

1128
01:09:33,859 --> 01:09:39,189
Dan il-fajl portfolio.php jinkludi fajl JavaScript imsejjaħ portfolio.js.

1129
01:09:39,189 --> 01:09:41,130
Ejja tagħti ħarsa lejn dak.

1130
01:09:41,130 --> 01:09:44,890
Allura html, JS, portafoll.

1131
01:09:44,890 --> 01:09:49,210
Hawn fejn aħna qed tagħmel dan it-tiftix fuq il-mejda.

1132
01:09:49,210 --> 01:09:52,750
L-ewwel ħaġa I bżonn tagħmel huwa ehmeż handler avveniment għal dak kaxxa ta 'test

1133
01:09:52,750 --> 01:09:55,760
għaliex aħna nafu li aħna rridu funzjoni ta 'filtrazzjoni tagħna għan-nar

1134
01:09:55,760 --> 01:09:59,800
kull darba li l-utent jagħfas xi ħaġa għaliex aħna ma jkollhomx ħin għall-buttuni Fittex.

1135
01:09:59,800 --> 01:10:03,000
L-ewwel ħaġa li għandna bżonn tagħmel hu li ċifra barra dak l-utent huwa tiftix għal,

1136
01:10:03,000 --> 01:10:04,780
bħad għamilna qabel.

1137
01:10:04,780 --> 01:10:11,320
Dan keyword tirreferi għall-element attwali l-utent huwa interazzjoni ma.

1138
01:10:11,320 --> 01:10:14,070
>> Minħabba li l-utent huwa interazzjoni ma 'l-kaxxa tat-tfittxija,

1139
01:10:14,070 --> 01:10:17,020
$ Dan jirrappreżenta l-kaxxa tat-tfittxija,

1140
01:10:17,020 --> 01:10:21,820
hekk this.val tagħtina x'hemm ġewwa tal-kaxxa tat-tfittxija l-utent bħalissa ittajpjar.

1141
01:10:22,810 --> 01:10:27,320
Allura, issa dak li rridu nagħmlu hu li rridu jtenni fuq kollha tal-fillieri

1142
01:10:27,320 --> 01:10:29,240
ġewwa ta 'mejda tagħna.

1143
01:10:29,240 --> 01:10:35,630
Biex tagħżel kollha ta 'l-ringieli fit-tabella tagħna, I taw dik it-tabella ta' ID tal-portafoll tal-mejda,

1144
01:10:35,630 --> 01:10:39,060
u kull ringiela huwa rappreżentat minn element TR,

1145
01:10:39,060 --> 01:10:42,080
għalhekk dan selettur se terġa 'lura lili firxa kbira

1146
01:10:42,080 --> 01:10:44,370
ta 'l-ringieli fit-tabella tiegħi.

1147
01:10:44,370 --> 01:10:47,010
Issa nixtieq li jtenni matul dak array.

1148
01:10:47,010 --> 01:10:52,390
I jistgħu inti għal loop, iżda jQuery attwalment jagħtina l-funzjoni sbieħ imsejħa "kull wieħed."

1149
01:10:52,390 --> 01:10:55,220
Dak kull ma huwa kull tieħu waħda argument,

1150
01:10:55,220 --> 01:10:57,090
u dan l-argument huwa funzjoni.

1151
01:10:57,090 --> 01:11:02,760
Dak li għaddej biex tagħmel hu li għaddej biex japplikaw dik il-funzjoni għal kull element ġewwa ta 'din il-lista.

1152
01:11:02,760 --> 01:11:05,550
Din il-funzjoni tieħu waħda argument li l-e,

1153
01:11:05,550 --> 01:11:10,090
u meta din il-funzjoni hija esegwita, dan e se jiġu sostitwiti bl-ewwel ringiela,

1154
01:11:10,090 --> 01:11:12,070
allura l-tieni ringiela, u mbagħad l-tielet ringiela.

1155
01:11:12,070 --> 01:11:15,150
Permezz ta 'dan il-mod, dan huwa l-istess ħaġa bħat-tmexxija ta' għall-loop

1156
01:11:15,150 --> 01:11:21,360
u mbagħad jidhru l-element attwali bbażata fuq il-ġewwa indiċi tal tiegħek għall-loop.

1157
01:11:21,360 --> 01:11:24,750
F'kull iterazzjoni, għal kull wieħed minn dawn l-elementi fit-tabella,

1158
01:11:24,750 --> 01:11:30,560
Irrid li jivverifika jekk it-test ta 'l-element - it-test taċ-ċellula ġewwa tar-ringiela -

1159
01:11:30,560 --> 01:11:33,130
logħbiet dak li jien tfittex.

1160
01:11:33,130 --> 01:11:36,390
Dan sensiela twila kbir ta 'kmandi huwa kif I jistgħu jagħmlu dan.

1161
01:11:36,390 --> 01:11:40,900
L-ewwel, għal darb'oħra, dan issa jirreferi għall - għaliex dan huwa ġewwa ta 'funzjoni ġdida -

1162
01:11:40,900 --> 01:11:45,020
dan issa hu l-ringiela kurrenti fit-tabella.

1163
01:11:45,020 --> 01:11:47,340
Irrid li tieħu l-ringiela kurrenti fit-tabella,

1164
01:11:47,340 --> 01:11:49,950
u nixtieq li tikseb kollha tat-tfal tagħha.

1165
01:11:49,950 --> 01:11:51,940
Ftakar, il-DOM hija siġra ġerarkika,

1166
01:11:51,940 --> 01:11:54,200
li jfisser li l-elementi għandhom numru ta 'tfal.

1167
01:11:54,200 --> 01:12:00,180
>> Din il-funzjoni tfal. Se jirritornaw lura lili firxa ta 'l-elementi kollha

1168
01:12:00,180 --> 01:12:03,240
li huma t-tfal ta ', f'dan il-każ, ringiela fit-tabella.

1169
01:12:03,240 --> 01:12:07,150
Dan huwa biss sempliċement l-ċelluli ġewwa tar-ringiela.

1170
01:12:07,150 --> 01:12:09,230
I biss trid tfittex fuq l-ewwel ċellola.

1171
01:12:09,230 --> 01:12:13,090
Din il-funzjoni. 1 jgħid agħtini l-ewwel element f'dak firxa.

1172
01:12:13,090 --> 01:12:17,070
Imbagħad il-funzjoni test jgħid nikseb me eżattament x'hemm ġewwa ta 'dik iċ-ċellola

1173
01:12:17,070 --> 01:12:19,530
peress li jien trid tfittex fuq dak it-test.

1174
01:12:19,530 --> 01:12:21,040
Fl-aħħarnett, ejja jaqilbu għal zghar,

1175
01:12:21,040 --> 01:12:23,940
hekk nistgħu nagħmlu każijiet mistoqsijiet test insensittivi.

1176
01:12:23,940 --> 01:12:29,990
Fl-aħħarnett, irridu naraw jekk dak string ġewwa ta 'tabella fiha l-sekwenza aħna qed tfittex.

1177
01:12:29,990 --> 01:12:32,980
Il-funzjoni indexOf fl JavaScript ma dan.

1178
01:12:32,980 --> 01:12:37,060
Hija tgħidilna jekk jew le dan sekwenza fih ieħor sekwenza.

1179
01:12:37,060 --> 01:12:40,150
Jekk huwa veru li l-ċellola fih dak li jien tiftix għal,

1180
01:12:40,150 --> 01:12:42,140
imbagħad I jixtiequ jagħmlu ċert li huwa muri.

1181
01:12:42,140 --> 01:12:45,330
Il-metodu juru se ngħid, "Uri l-element."

1182
01:12:45,330 --> 01:12:50,350
Jekk dan ma jkunx il-każ, allura dan ifisser kwalunkwe jien tiftix għal mhux kontenuta

1183
01:12:50,350 --> 01:12:53,550
f'dak ringiela, u għalhekk nixtieq li jaħbu hija mill-utent.

1184
01:12:53,550 --> 01:12:59,240
Dan tikseb dak l-effett sbieħ filtrazzjoni fejn m'għadux naraw il-mejda kollu.

1185
01:12:59,240 --> 01:13:01,480
Jekk int interessat fl kif jagħmlu dan ticker kif ukoll,

1186
01:13:01,480 --> 01:13:04,180
aħna ser post-sors online. Imma huwa verament sempliċi.

1187
01:13:04,180 --> 01:13:09,860
JQuery jkollu metodi tal-biża 'għal dawn animazzjonijiet u l-proprjetajiet manipulazzjoni CSS.

1188
01:13:09,860 --> 01:13:11,020
Allura, li fiha għalija.

1189
01:13:11,020 --> 01:13:15,560
>> X'inhu allura tinsab quddiem? Kif tkun taf tara fi ftit jiem, il-proposta proġetti finali stabbilita jkun dovut.

1190
01:13:15,560 --> 01:13:17,730
Il-proposta proġetti finali se jgħidlek ftit mistoqsijiet,

1191
01:13:17,730 --> 01:13:19,420
iżda fosthom se jkun ta 'tliet stadji -

1192
01:13:19,420 --> 01:13:22,840
1 "tajba" pass, wieħed pass aħjar, u wieħed li l-aħjar.

1193
01:13:22,840 --> 01:13:25,870
L-idea hija verament biex jgħinu inti guys jistabbilixxu aspettattivi tiegħek

1194
01:13:25,870 --> 01:13:29,160
hekk li minimament inti ser ikunu kuntenti bil-output ta 'proġett finali tiegħek

1195
01:13:29,160 --> 01:13:32,060
u se jkun "tajjeb" sa fejn inti huma kkonċernati.

1196
01:13:32,060 --> 01:13:34,540
Imma mbagħad fl-interess ta 'jkollna inti tilħaq biss ftit għal xi ħaġa aħjar

1197
01:13:34,540 --> 01:13:37,680
jew xi ħaġa aħjar, aħna ser wkoll sort ta push inti lejn dak ukoll.

1198
01:13:37,680 --> 01:13:40,660
Il-CS50 Hack-a-Thon, sadanittant, hija fi ftit ġimgħat.

1199
01:13:40,660 --> 01:13:44,340
Tipikament, nagħmlu dan fuq bażi bażi lotterija minħabba l-interess,

1200
01:13:44,340 --> 01:13:47,680
iżda odds huma aħna ser tagħti ftit mijiet ta 'magħna fil-shuttle buses minn Harvard Square

1201
01:13:47,680 --> 01:13:51,540
sa Kendall Square fejn Microsoft għandha l-faċilità beautiful aptly imsejjaħ "NERD" -

1202
01:13:51,540 --> 01:13:53,830
il Riċerka Ingilterra l-Ġdida u Żvilupp Center.

1203
01:13:53,830 --> 01:13:56,380
Aħna ser naslu s'hemm madwar 8:00 Aħna ser ikollhom xi ikel.

1204
01:13:56,380 --> 01:13:58,160
Madwar 01:00 aħna ser ikollhom l-ikel ftit aktar.

1205
01:13:58,160 --> 01:14:02,150
Madwar 05:00 jekk int xorta imqajjem aħna ser ras fuq il IHOP jew tieħdok lura għall-kampus.

1206
01:14:02,150 --> 01:14:04,380
L-għan hemm biex adsa fis proġetti finali

1207
01:14:04,380 --> 01:14:06,190
flimkien ta 'klassi u l-persunal.

1208
01:14:06,190 --> 01:14:08,280
Imbagħad ftit jiem wara l-Fiera CS50,

1209
01:14:08,280 --> 01:14:10,990
li huwa tassew maħsub li jkun opportunità għalik guys li nuru x-xogħol tiegħek

1210
01:14:10,990 --> 01:14:12,700
u kisbiet għall-semestru

1211
01:14:12,700 --> 01:14:15,610
filwaqt tħakkik ispallejn ma 'xulxin u jkollna sens ta' għamlet kulħadd dak.

1212
01:14:15,610 --> 01:14:17,850
Ma 'dak imsemmi, grazzi ħafna għall Tommy u lil Joseph,

1213
01:14:17,850 --> 01:14:19,960
u aħna se tara int nhar it-Tnejn.

1214
01:14:19,960 --> 01:14:24,070
 [Applause]