1 00:00:00,000 --> 00:00:08,070 2 00:00:08,070 --> 00:00:10,430 >> R.J. Aquino: Við skulum bara byrja. 3 00:00:10,430 --> 00:00:12,310 Svo er þetta Quiz 1. 4 00:00:12,310 --> 00:00:14,890 Hér eru nokkur hár-láréttur flötur upplýsingar. 5 00:00:14,890 --> 00:00:19,915 About síðu fyrir prófið er á þessum URL, ekki lengur CS50.net, þó að 6 00:00:19,915 --> 00:00:21,080 vilja enn vinna. 7 00:00:21,080 --> 00:00:26,920 Það er CS50.harvard.edu/quizzes/2013/1. 8 00:00:26,920 --> 00:00:31,070 Það er stór Um síðuna, segja þér hvar og hvenær, þ.e. næsta miðvikudag 9 00:00:31,070 --> 00:00:32,100 í fullt af herbergjum. 10 00:00:32,100 --> 00:00:36,120 Og með því að næsta miðvikudag, ég meina tvo daga. 11 00:00:36,120 --> 00:00:37,890 Allar þessar upplýsingar séu þar. 12 00:00:37,890 --> 00:00:39,110 En það er uppsöfnuð. 13 00:00:39,110 --> 00:00:43,790 >> Svo allt frá fyrstu sex ári er hugsanlega á spurningakeppni, 14 00:00:43,790 --> 00:00:50,780 vegna þess að þú getur í raun ekki gert nákvæma hlutir í C ​​án ef aðstæður og 15 00:00:50,780 --> 00:00:51,920 fyrir lykkjur og þess háttar. 16 00:00:51,920 --> 00:00:55,580 En það verður lögð áhersla á efni sem falla síðan Quiz 0, 17 00:00:55,580 --> 00:00:59,570 byrja með structs og skrá I / O. Það er yfirleitt meira 18 00:00:59,570 --> 00:01:01,620 krefjandi en Quiz 0. 19 00:01:01,620 --> 00:01:03,870 Meðaleinkunn er yfirleitt lægri. 20 00:01:03,870 --> 00:01:05,980 Læra erfitt. 21 00:01:05,980 --> 00:01:09,340 >> Á meðan þú ert að læra, vera viss um að nota CS50/discuss að senda inn spurningar þínar 22 00:01:09,340 --> 00:01:10,830 og lesa spurningar annarra. 23 00:01:10,830 --> 00:01:13,550 Svo ef þú ert ekki einhverjar spurningar, skrá þig inn og lesa 24 00:01:13,550 --> 00:01:14,580 spurningar vina þinna. 25 00:01:14,580 --> 00:01:16,560 Þeir eru sennilega góðar spurningar. 26 00:01:16,560 --> 00:01:17,730 Og taka æfa Skyndipróf. 27 00:01:17,730 --> 00:01:20,750 Við höfum verið að gefa Skyndipróf fyrir sjö eða átta ár núna. 28 00:01:20,750 --> 00:01:22,180 Þeir eru allir á netinu. 29 00:01:22,180 --> 00:01:25,540 Framundan spurningar eru svipaðar í gömlu spurningum. 30 00:01:25,540 --> 00:01:26,550 Það er hvernig við tökum þá. 31 00:01:26,550 --> 00:01:27,740 >> The quiz er ekki til ennþá. 32 00:01:27,740 --> 00:01:28,670 Enginn af okkur hefur séð það. 33 00:01:28,670 --> 00:01:32,496 En það mun líta út eins og fyrri Skyndipróf. 34 00:01:32,496 --> 00:01:36,500 Fyrir þessa endurskoðun fundur, þetta er ekki tæmandi listi yfir málefni. 35 00:01:36,500 --> 00:01:40,740 Þú getur ekki bara sækja það og þá vera fullkomlega tilbúinn fyrir prófið. 36 00:01:40,740 --> 00:01:43,330 Annars, myndi það ekki vera að mikið af spurningakeppni. 37 00:01:43,330 --> 00:01:46,270 Og þetta er heldur ekki endilega allt sem þú þarft að vita um hvaða 38 00:01:46,270 --> 00:01:46,970 tilteknu efni. 39 00:01:46,970 --> 00:01:50,520 Það er ætlað að fletta ofan af þér að því sem við höfum fjallað, minna þig á hvað við 40 00:01:50,520 --> 00:01:53,070 falla, og hvernig sem við tekur það. 41 00:01:53,070 --> 00:01:57,030 En þú verður að ganga lengra og dýpra þegar þú nema til tvöfaldur-stöðva 42 00:01:57,030 --> 00:02:00,230 að þú veist allt um hverju topic og að þú hafir fyllt í 43 00:02:00,230 --> 00:02:03,320 öllum hornum sem voru fjallað í fyrirlestri. 44 00:02:03,320 --> 00:02:07,980 >> Spurningakeppni athugasemdum segja þér að fara til Scribe athugasemdum, horfa fyrirlestur myndbönd. 45 00:02:07,980 --> 00:02:10,155 Það er góð leið til að ganga úr skugga um að þú hafir Afgreidd Allar bækistöðvar. 46 00:02:10,155 --> 00:02:12,670 47 00:02:12,670 --> 00:02:17,340 Svo að byrja, þegar ég gerði þetta skyggnur, reyndi ég að setja þar sem ég fann 48 00:02:17,340 --> 00:02:18,350 upplýsingar. 49 00:02:18,350 --> 00:02:22,890 Svo fyrir skrá I / O, til dæmis, Vika 7, Mánudagur fyrirlestur og staða 50 00:02:22,890 --> 00:02:27,960 Kafla 6 og Heimadæmi allir hafa upplýsingar um skrá I / O. Ég hef gert 51 00:02:27,960 --> 00:02:28,840 þetta fyrir hvert atriði. 52 00:02:28,840 --> 00:02:33,010 Svo þessir titill skyggnur heimilt verið gagnlegt fyrir þig. 53 00:02:33,010 --> 00:02:38,950 >> Svo hér höfum við skrá I / O. Mundu, í Heimadæmi 5, notuðum við fopen, fclose, 54 00:02:38,950 --> 00:02:41,210 fwrite, fread og fseek. 55 00:02:41,210 --> 00:02:48,090 Having batna 30ish JPEG og hafa breytt og boðberi með 56 00:02:48,090 --> 00:02:50,320 bitmaps, ættir þú að vera nokkuð kunnuglegur með þessum aðgerðum 57 00:02:50,320 --> 00:02:51,830 og hvernig þeir vinna. 58 00:02:51,830 --> 00:02:54,420 Ef þú ert ekki lengur þekki, örugglega skoðað þær. 59 00:02:54,420 --> 00:02:56,860 Og vertu viss um að skilja hvað mismunandi rök eru, 60 00:02:56,860 --> 00:02:58,260 þegar þeir eru notaðir. 61 00:02:58,260 --> 00:03:03,620 >> En sameiginlega skrá tengdum galla þú gætir verið beðin um - 62 00:03:03,620 --> 00:03:07,270 Jæja, ef þú hefur gleymt að athuga hvort fopen unninn áður en þú ferð að 63 00:03:07,270 --> 00:03:08,350 breyta skrá. 64 00:03:08,350 --> 00:03:09,760 Það gæti verið slæmt. 65 00:03:09,760 --> 00:03:13,560 Ef þú hefur gleymt að fclose skrá að þú hafir fopened, sem er svipað og 66 00:03:13,560 --> 00:03:14,400 A minni leka. 67 00:03:14,400 --> 00:03:15,980 Það er ansi slæmt. 68 00:03:15,980 --> 00:03:18,670 Og gleyma að athuga hvort þú hefur náð í lok skrána áður en þú 69 00:03:18,670 --> 00:03:19,790 byrja að skrifa á það. 70 00:03:19,790 --> 00:03:22,320 >> Þannig að ef þú segir, hey, ég er í í lok skrárinnar. 71 00:03:22,320 --> 00:03:23,750 Gefðu mér 5 fleiri bæti. 72 00:03:23,750 --> 00:03:27,370 Jæja, það er líklega ekki að fara að vinna út eins og þú býst við. 73 00:03:27,370 --> 00:03:30,930 Það er í raun það fyrir skrá I / O, vegna þess að við gerðum svo mikið af því 74 00:03:30,930 --> 00:03:32,300 með vandamálið sett. 75 00:03:32,300 --> 00:03:36,000 Þannig að ef þú skilið hvað var í gangi í Heimadæmi 5, muna bitmats 76 00:03:36,000 --> 00:03:40,090 og JPEG, þá þú ert líklega allt sett skrá I / O. Ef það er dálítið 77 00:03:40,090 --> 00:03:44,770 loðinn, ákveðið að endurskoða þá vandamálið stilla og tengd efni. 78 00:03:44,770 --> 00:03:51,110 >> Structs umfjöllunarefni sem voru á lína milli Quiz 0 og Quiz 1. 79 00:03:51,110 --> 00:03:53,090 Ekki alveg að skera fyrir Quiz 0. 80 00:03:53,090 --> 00:03:57,040 Svo þeir örugglega vera á Próf 1, Vika 7, mánudagur. 81 00:03:57,040 --> 00:03:58,150 Hvað er strúktúr? 82 00:03:58,150 --> 00:04:00,250 Hér sýnum við strúktúr. 83 00:04:00,250 --> 00:04:03,140 Það er eins og nýr tegund. 84 00:04:03,140 --> 00:04:07,940 Það er eins og gámur fyrir mörgum sviðum. 85 00:04:07,940 --> 00:04:12,970 >> Í þessu tilfelli höfum við lýst strúktúr nemandi sem hefur tveimur sviðum - 86 00:04:12,970 --> 00:04:17,750 band sem við köllum nafn og int sem við köllum aldur. 87 00:04:17,750 --> 00:04:21,450 Svo þegar ég framhjá um nemendur eða ég breyta nemendum, ég vera fær um að 88 00:04:21,450 --> 00:04:24,430 aðgang nafn sitt og aldur þeirra. 89 00:04:24,430 --> 00:04:26,670 Við skulum líta á einhverjum kóða fyrir það. 90 00:04:26,670 --> 00:04:29,090 Hér sjáum við að ég hef lýst nemandi s, rétt eins og 91 00:04:29,090 --> 00:04:30,300 Ég lýsi hvaða breytu - 92 00:04:30,300 --> 00:04:32,430 int x, int Y, et cetera. 93 00:04:32,430 --> 00:04:34,180 >> Hér er nemandi s. 94 00:04:34,180 --> 00:04:37,370 Hann byrjar með ekkert á sviðum hans. 95 00:04:37,370 --> 00:04:38,240 Svo við skulum setja þá. 96 00:04:38,240 --> 00:04:40,681 Þú stillir reiti á strúktúr með DOT. 97 00:04:40,681 --> 00:04:43,780 Svo ég hef sagt hér að s.name = RJ. 98 00:04:43,780 --> 00:04:46,470 Og s.age = 21. 99 00:04:46,470 --> 00:04:48,500 Þú getur einnig uppfæra reiti á sama hátt sem þú vilt uppfæra 100 00:04:48,500 --> 00:04:49,550 gildi breytu. 101 00:04:49,550 --> 00:04:53,270 Svo vil ég að breyta nafni mínu frá RJ með Engar tímabila R.J. stafsett 102 00:04:53,270 --> 00:04:54,540 réttan hátt. 103 00:04:54,540 --> 00:04:58,890 Það væri hægt að s.name = RJ, sama eins og ég sagði það upphaflega. 104 00:04:58,890 --> 00:05:00,030 Og þá er hægt að nálgast þær. 105 00:05:00,030 --> 00:05:00,930 >> Þannig að við höfum sett þá. 106 00:05:00,930 --> 00:05:01,840 Við höfum uppfært þær. 107 00:05:01,840 --> 00:05:03,890 Þú getur einnig nálgast þær í mjög sama hátt. 108 00:05:03,890 --> 00:05:09,330 Svo hér er ég að prenta út R.J. Er 21 ára gamall. 109 00:05:09,330 --> 00:05:14,700 Og ég er að fá aðgang að þeim gildum með s.name og s.age. 110 00:05:14,700 --> 00:05:17,040 Svo það er aðgangur structs með punktur sýndur. 111 00:05:17,040 --> 00:05:17,850 Já, spurning? 112 00:05:17,850 --> 00:05:21,176 >> Áhorfendur: Er einhver ástæða á Fyrri mynd sem þú hefur ekki sett 113 00:05:21,176 --> 00:05:24,848 nemandi á efstu línu, eins typedef struct nemandi og þá 114 00:05:24,848 --> 00:05:25,840 nemandi í lok? 115 00:05:25,840 --> 00:05:29,040 >> R.J. Aquino: Svo spurningin var, á þessi mynd höfum við yfirleitt séð 116 00:05:29,040 --> 00:05:32,400 typedef strúktúr hnút og þá akurland strúktúr og 117 00:05:32,400 --> 00:05:34,250 þá orðið hnút. 118 00:05:34,250 --> 00:05:37,790 Og hvernig koma hér Ég sagði ekki, typedef struct nemandi og þá 119 00:05:37,790 --> 00:05:39,820 akurland strúktúr og þá námsmaður? 120 00:05:39,820 --> 00:05:44,310 Ástæðan er sú að ég þarf ekki að aðgang að henni inni í strúktúr. 121 00:05:44,310 --> 00:05:46,270 Svo það er allt í lagi að láta það án nafns. 122 00:05:46,270 --> 00:05:49,210 Ég get bara láta það eins og nafnlaus strúktúr. 123 00:05:49,210 --> 00:05:53,130 >> Ástæðan að við gerum það fyrir tengd listum og hlutir er vegna þess að inni þú þarft 124 00:05:53,130 --> 00:05:55,360 að vísa til struct hnúður stjörnu. 125 00:05:55,360 --> 00:05:58,220 Svo hefur strúktúr að hafa nafn, svo þú geta aðgangur það síðar. 126 00:05:58,220 --> 00:05:59,540 Það er a moll smáatriðum. 127 00:05:59,540 --> 00:06:04,750 En þú munt yfirleitt sjá typedef strúktúr hrokkið axlabönd ef þú þarft ekki 128 00:06:04,750 --> 00:06:08,720 nafn og typedef strúktúr sumir heiti fylgt eftir hrokkið axlabönd ef þú vilt 129 00:06:08,720 --> 00:06:09,520 þarf nafn. 130 00:06:09,520 --> 00:06:12,070 Svo er það góð spurning. 131 00:06:12,070 --> 00:06:17,000 >> Og á þeim tímapunkti, við hafa tilhneigingu til að breyta structs og fara í kring structs með 132 00:06:17,000 --> 00:06:18,680 tilvísun, ekki við gildi. 133 00:06:18,680 --> 00:06:21,940 Þannig að við munum bara fara í kring ábendingum til structs stað þess liggur í kringum 134 00:06:21,940 --> 00:06:23,150 structs sig. 135 00:06:23,150 --> 00:06:28,050 Svo þú ert mjög oft að fara að vera með því að nota, í þessu tilfelli, Nemi * eða 136 00:06:28,050 --> 00:06:34,150 struct node * eða node * staðinn út nemendum eða hnúður. 137 00:06:34,150 --> 00:06:39,350 Svo hér hef ég sagt, OK, breytu PTR er að fara að vera heimilisfang s. 138 00:06:39,350 --> 00:06:45,570 Það er að fara til vera the bendiprik til nemanda R.J. 139 00:06:45,570 --> 00:06:48,965 >> Svo við getum fengið á þessum sviðum það sama og við fáum neitt. 140 00:06:48,965 --> 00:06:51,460 First, ID tilvísun músina að fá strúktúr. 141 00:06:51,460 --> 00:06:55,530 Það er * PTR og þá punktur og þá aldri. 142 00:06:55,530 --> 00:06:58,790 Svo til að fá aðgang á sviði, og ég hef uppfært það nú til 22, vegna þess, við skulum 143 00:06:58,790 --> 00:07:00,860 segja, það var afmælið mitt. 144 00:07:00,860 --> 00:07:03,990 There 'a smákaka setningafræði nota örina hér. 145 00:07:03,990 --> 00:07:07,060 Svo PTR arrow aldur er bara það sama og * ptr.age. 146 00:07:07,060 --> 00:07:10,150 147 00:07:10,150 --> 00:07:11,550 Nú, það er eitthvað sem þú verður að leggja á minnið og muna. 148 00:07:11,550 --> 00:07:15,010 >> Þú notaðir það mikið í pset6, á Speller pset. 149 00:07:15,010 --> 00:07:18,350 En þetta er í raun það sem er að gerast á undir hetta. 150 00:07:18,350 --> 00:07:20,500 Það er dereferencing músina og þá fá aðgang að henni. 151 00:07:20,500 --> 00:07:21,432 Spurning? 152 00:07:21,432 --> 00:07:22,682 >> Áhorfendur: [inaudible]. 153 00:07:22,682 --> 00:07:25,860 154 00:07:25,860 --> 00:07:28,060 >> R.J. Aquino: Svo hvers vegna við erum að nota Ábendingum og structs stað þeirrar 155 00:07:28,060 --> 00:07:29,500 structs sig? 156 00:07:29,500 --> 00:07:33,740 Ástæðan væri ef þú ert liggur A strúktúr að aðgerð, sennilega 157 00:07:33,740 --> 00:07:36,900 langar að fara í kring bara 4 eða svo bœti sem tákna músina, eins og 158 00:07:36,900 --> 00:07:40,375 öfugt við hugsanlega 30 eða 40 bytes sem eru í strúktúr. 159 00:07:40,375 --> 00:07:44,410 Svo liggur eitthvað að virka er auðveldara þegar hlutur 160 00:07:44,410 --> 00:07:48,230 er minni í stuttu máli. 161 00:07:48,230 --> 00:07:49,074 Spurning? 162 00:07:49,074 --> 00:07:53,026 >> Áhorfendur: Þú gætir hafa minnst á í upphafi, en það eru 163 00:07:53,026 --> 00:07:56,000 aðrar renna upp á [inaudible]? 164 00:07:56,000 --> 00:07:58,960 >> R.J. Aquino: Þessar glærur verður upp eftir endurskoðun fundur. 165 00:07:58,960 --> 00:08:00,210 Við munum birta þær á vefnum. 166 00:08:00,210 --> 00:08:02,450 167 00:08:02,450 --> 00:08:06,870 Svo áhrifamikill á og færa á örlítið hraðar, við erum að fara að tala um gögn 168 00:08:06,870 --> 00:08:07,350 mannvirki. 169 00:08:07,350 --> 00:08:08,040 There ert a einhver fjöldi. 170 00:08:08,040 --> 00:08:10,080 Við tekur fullt af þeim. 171 00:08:10,080 --> 00:08:12,500 Hér er það sem þú ættir að skilja um gögn uppbygging. 172 00:08:12,500 --> 00:08:15,590 >> Þú ættir virkilega að skilja á hár stigi hvað hver uppbygging er. 173 00:08:15,590 --> 00:08:21,190 Geturðu útskýrt á ensku til þín vinur sem hefur ekki tekið CS50 hvernig 174 00:08:21,190 --> 00:08:25,580 við erum að skipuleggja gögn okkar og hvers vegna við myndum vera með eitthvað á þennan hátt? 175 00:08:25,580 --> 00:08:26,990 Það er sem maður. 176 00:08:26,990 --> 00:08:29,650 Hlutur tveir, skilja framkvæmd. 177 00:08:29,650 --> 00:08:34,270 Svo að skilja hvernig á að nota þessa hluti í C. Og við munum vera að fara yfir þetta. 178 00:08:34,270 --> 00:08:39,030 >> Og þá hlutur þriggja yrði vita hlaupa sinnum og þeim takmörkunum sem 179 00:08:39,030 --> 00:08:40,470 Ýmsir hlutar sem þú ert að nota. 180 00:08:40,470 --> 00:08:44,059 Svo að skilja hvers vegna þú myndir nota kjötkássa borð í stað fjölda. 181 00:08:44,059 --> 00:08:49,570 Skilja hversu hratt, að meðaltali, aðgang kjötkássa borð er. 182 00:08:49,570 --> 00:08:54,010 Skilja hvað aðgerðir eru hratt á tengda listanum en hægur á fylki og 183 00:08:54,010 --> 00:08:56,080 öfugt. 184 00:08:56,080 --> 00:08:59,780 Svo að skilja að, verður þú að skilja Big-O tákn bara að vita 185 00:08:59,780 --> 00:09:01,310 hvernig á að tala um þessa konar hluti. 186 00:09:01,310 --> 00:09:02,700 Og við munum tala um það. 187 00:09:02,700 --> 00:09:06,040 >> Svo fyrsta sem, tengd listum. 188 00:09:06,040 --> 00:09:07,770 Hér er a hár-láréttur flötur mynd um tengda listanum. 189 00:09:07,770 --> 00:09:08,830 Við sýnum þetta í bekknum. 190 00:09:08,830 --> 00:09:11,670 Við höfum yfirleitt 10 manns standa á sviðinu. 191 00:09:11,670 --> 00:09:16,790 En við höfum röð hnúta þar sem hver hnútur hefur einhverja gildi og bendi 192 00:09:16,790 --> 00:09:18,610 til næsta gildi hennar. 193 00:09:18,610 --> 00:09:21,730 Svo að fá frá einum hnút til annars, þú bara segja, gefa mér næsta hnút. 194 00:09:21,730 --> 00:09:22,530 Þú hafa þessi hnút. 195 00:09:22,530 --> 00:09:23,770 Gefa mér næsta hnút. 196 00:09:23,770 --> 00:09:24,400 Þú hafa þessi hnút. 197 00:09:24,400 --> 00:09:28,790 Gefa mér næsta hnút og svo framvegis þangað til það er engin hnút vinstri. 198 00:09:28,790 --> 00:09:31,850 >> Svo halda áfram að tala um það á háu stigi. 199 00:09:31,850 --> 00:09:34,100 Það er mjög auðvelt að setja hlutina í tengda listanum. 200 00:09:34,100 --> 00:09:36,010 Ef þú hefur ekki sama um röð, þú getur bara sleppt því 201 00:09:36,010 --> 00:09:36,840 rétt í byrjun. 202 00:09:36,840 --> 00:09:38,520 Það er stöðug skipti. 203 00:09:38,520 --> 00:09:39,900 En það er erfitt að finna gildi. 204 00:09:39,900 --> 00:09:43,060 Ef þú ert að reyna að spyrja, er sjö á listanum mínum? 205 00:09:43,060 --> 00:09:44,740 Þú þarft að fara í gegnum hvert einasta gildi. 206 00:09:44,740 --> 00:09:45,680 Er þetta sjö? 207 00:09:45,680 --> 00:09:46,610 Er þetta sjö? 208 00:09:46,610 --> 00:09:47,770 Er þetta sjö? 209 00:09:47,770 --> 00:09:48,690 Er þetta sjö? 210 00:09:48,690 --> 00:09:49,830 Aftur og aftur. 211 00:09:49,830 --> 00:09:51,520 Og það er O (n). 212 00:09:51,520 --> 00:09:53,800 Svo þegar að læra fyrir prófið, bera þetta með fylki. 213 00:09:53,800 --> 00:09:57,010 214 00:09:57,010 --> 00:09:58,220 >> Er það í lagi? 215 00:09:58,220 --> 00:09:59,220 Ljósin fór lítil. 216 00:09:59,220 --> 00:10:01,110 OK. 217 00:10:01,110 --> 00:10:02,400 Þegar er tengdur listi betra? 218 00:10:02,400 --> 00:10:04,640 Þegar er fylki betra? 219 00:10:04,640 --> 00:10:06,670 Svo skulum líta á nokkur númer. 220 00:10:06,670 --> 00:10:08,960 Hér er möguleiki hnút. 221 00:10:08,960 --> 00:10:09,770 Það er strúktúr. 222 00:10:09,770 --> 00:10:12,220 Það hefur int N, þar sem verður gildi okkar. 223 00:10:12,220 --> 00:10:17,780 Og það hefur strúktúr node * næst, sem er bendillinn okkar á næsta hnút. 224 00:10:17,780 --> 00:10:23,040 Svo hér, getum við séð að við gerðist að hafa sett við int í hnút okkar. 225 00:10:23,040 --> 00:10:27,850 En ef þetta væri tengt listi af bleikju stjörnur eða tengds lista af fljóta, við 226 00:10:27,850 --> 00:10:28,820 algerlega gæti gert það líka. 227 00:10:28,820 --> 00:10:33,110 >> Man í pset6, hafði þú sennilega tengdur listi af bleikju stjörnurnar eða bara 228 00:10:33,110 --> 00:10:34,360 truflanir bleikju fylki. 229 00:10:34,360 --> 00:10:37,370 230 00:10:37,370 --> 00:10:39,040 Við skulum líta hér á aðgerð. 231 00:10:39,040 --> 00:10:43,570 Þannig að við viljum setja inn nýtt n í tengda listanum okkar. 232 00:10:43,570 --> 00:10:48,940 Við byrjum út með höfuð músina sem er bendi á þennan hnút sem hefur 233 00:10:48,940 --> 00:10:53,460 gildi af n og við hliðina á músina sem benda til þennan hnút er gildi 234 00:10:53,460 --> 00:10:57,760 N og A við hliðina af engu, vegna þess að það er síðasta hnút. 235 00:10:57,760 --> 00:11:00,440 Svo í þágu tíma, ég mun setja alla kóða á skjánum. 236 00:11:00,440 --> 00:11:03,130 Og við munum ganga í gegnum það nokkrar línur í einu. 237 00:11:03,130 --> 00:11:05,790 >> Svo hér er númer. 238 00:11:05,790 --> 00:11:07,560 Ég vona að það er læsileg. 239 00:11:07,560 --> 00:11:11,275 The fyrstur hlutur sem við gerum er við malloc nýjan hnút. 240 00:11:11,275 --> 00:11:15,105 Svo það gerir bendi á nýjan hnút sem er ekki alveg með neitt stillt 241 00:11:15,105 --> 00:11:16,450 upp í það enn. 242 00:11:16,450 --> 00:11:19,580 Við athugum að tryggja að nýja hnútur er ekki núll. 243 00:11:19,580 --> 00:11:22,220 Annars höfum við að gefast upp. 244 00:11:22,220 --> 00:11:27,680 Svo hafa athugað það, við nú setja gildin í hnút. 245 00:11:27,680 --> 00:11:31,520 Þannig að við setjum nýja n í n okkar sviði. 246 00:11:31,520 --> 00:11:36,050 Og við setjum næsta músina til að benda á upprunalega höfuð, svo að við getum 247 00:11:36,050 --> 00:11:38,900 nú hafa sett þetta Hnútur í listanum okkar. 248 00:11:38,900 --> 00:11:44,600 >> Að lokum, höfum við yfirmaður benda til nýjan hnút okkar, þannig að ef við værum að 249 00:11:44,600 --> 00:11:50,300 byrja á höfði, við viljum vera á þessu nýjum fyrsta hnút í stað þess að 250 00:11:50,300 --> 00:11:51,560 gamla fyrsta hnút. 251 00:11:51,560 --> 00:11:55,320 Og þegar þessi aðgerð hættir að breytu nýr hnútur er ekki lengur til, 252 00:11:55,320 --> 00:11:57,130 því það var staðbundið við aðgerðina. 253 00:11:57,130 --> 00:11:59,770 Svo er þetta ástand í heiminum. 254 00:11:59,770 --> 00:12:03,570 Yfirmaður okkar bendir til nýja okkar fyrsta hnút, sem bendir til okkar 255 00:12:03,570 --> 00:12:06,346 Upprunalega fyrsta hnút, sem bendir í hnút eftir það. 256 00:12:06,346 --> 00:12:09,790 >> Það var innsetning. 257 00:12:09,790 --> 00:12:12,150 Ég vona að væri tiltölulega einfalt að fylgja. 258 00:12:12,150 --> 00:12:14,300 Hvenær í vafa, teikna mynd. 259 00:12:14,300 --> 00:12:17,820 Þannig að ég kemst að því að tala um tengd listum og horfa á 260 00:12:17,820 --> 00:12:19,870 númerið er mjög ekki gagnlegt. 261 00:12:19,870 --> 00:12:23,790 En að horfa á mynd af tengdur listi gerir mig að hugsa, ó, svo 262 00:12:23,790 --> 00:12:24,970 Ég hef þennan hnút hér. 263 00:12:24,970 --> 00:12:28,980 En ef ég endurnýja þessi músina, það endar ótengdur. 264 00:12:28,980 --> 00:12:34,340 Og ég hef gleymt hvar hnúturinn fer. 265 00:12:34,340 --> 00:12:35,390 Og númerið hættir. 266 00:12:35,390 --> 00:12:37,830 Og þú ert með margar hnúður sem aftengist. 267 00:12:37,830 --> 00:12:39,970 Og að þú endir ekki upp með á listanum sem þú vilt. 268 00:12:39,970 --> 00:12:43,320 >> Þannig að ef þú draga myndina og gera það skref fyrir skref, vonandi, munt þú sjá 269 00:12:43,320 --> 00:12:46,840 réttri röð af hlutum með tilliti til uppfæra ábendingum til að tryggja 270 00:12:46,840 --> 00:12:48,830 að listinn kemur saman. 271 00:12:48,830 --> 00:12:51,240 Innskotið er tiltölulega einfalt. 272 00:12:51,240 --> 00:12:55,210 A flóknari einn væri að setja inn í raðað lista. 273 00:12:55,210 --> 00:12:59,980 A flóknari aðgerð er að eyða og finna, svo að leita í gegnum lista til 274 00:12:59,980 --> 00:13:03,030 sjá ef eitthvað er þar. 275 00:13:03,030 --> 00:13:07,220 Kannski þú gerðir þetta í pset6 þegar þú fékk í kjötkássa töflunni og þú sagðir, 276 00:13:07,220 --> 00:13:10,460 vel, er orðið epli í tengda listanum mínum? 277 00:13:10,460 --> 00:13:11,440 >> Svo þú kannt að hafa þegar gert þetta. 278 00:13:11,440 --> 00:13:15,530 En ákveðið, hressa minni þitt og reyna að reimplement Finndu og 279 00:13:15,530 --> 00:13:19,150 reimplement eyða í tengda listanum. 280 00:13:19,150 --> 00:13:22,850 Gaman hlið minnispunktur, það einnig tvöfalt linked listum, þar sem þú hefur 281 00:13:22,850 --> 00:13:27,490 ábendingum sem vísa bæði fram og afturábak, þannig að þú gætir farið til 282 00:13:27,490 --> 00:13:29,270 Næsta hnút og í fyrri hnút. 283 00:13:29,270 --> 00:13:33,860 Og það var spurning um síðasta ári quiz af þeirri tegund, að tala 284 00:13:33,860 --> 00:13:36,190 um tvöfalt linked listum. 285 00:13:36,190 --> 00:13:40,070 >> Nú, það er uppbygging sem þú ert tiltölulega kunnugur, vegna þess að flestir 286 00:13:40,070 --> 00:13:42,520 af þú sennilega notað þá á pset6. 287 00:13:42,520 --> 00:13:45,680 Hér er eitt sem er dálítið minna þekkja. 288 00:13:45,680 --> 00:13:51,020 Eins og a hlið minnispunktur, ég held að Quiz 1 er aðallega erfiðara en Quiz 0, vegna þess að 289 00:13:51,020 --> 00:13:54,600 efni sem þú ert að gera, þú hafa ekki gert eins mikið. 290 00:13:54,600 --> 00:13:58,100 Til að setja það annar vegur, fyrir Quiz 0, þú hefðir skrifað mikið af C Og við 291 00:13:58,100 --> 00:13:58,880 bað þig um C. 292 00:13:58,880 --> 00:14:02,310 >> Fyrir Quiz 1, við erum að fara að biðja þig um PHP og JavaScript, sem þú 293 00:14:02,310 --> 00:14:03,490 hef ekki skrifað eins mikið um. 294 00:14:03,490 --> 00:14:07,590 Við erum að fara að spyrja þig um C-kóða sem þú hefur ekki skrifað eins mikið um, 295 00:14:07,590 --> 00:14:09,130 Þessi háþróaða C dót. 296 00:14:09,130 --> 00:14:11,520 Svo ákveðið, æfa the efni við talaði um í fyrirlestri sem þú 297 00:14:11,520 --> 00:14:15,260 ekki endilega gera á vandamálinu stillt. 298 00:14:15,260 --> 00:14:17,870 >> Talandi um, hefurðu ekki skrifað stafla á Heimadæmi. 299 00:14:17,870 --> 00:14:19,610 En það var í fyrirlestri. 300 00:14:19,610 --> 00:14:22,530 Hér er háttsettum mynd af stafla sem við sýnum á hverju ári. 301 00:14:22,530 --> 00:14:26,180 Það er stafla af stæði í the Mather matsalur. 302 00:14:26,180 --> 00:14:30,570 Á háu stigi, eru stafla síðasta í, fyrst út gögn uppbygging. 303 00:14:30,570 --> 00:14:32,040 Sem þýðir að þú ert að fara að setja hlutina í - 304 00:14:32,040 --> 00:14:36,400 1, 3, 7, 12, 14, neikvæð 0. 305 00:14:36,400 --> 00:14:39,180 Eina sem ég gat ekki sagði - neikvæð 3, 0. 306 00:14:39,180 --> 00:14:40,250 Þú setur allt þetta inn 307 00:14:40,250 --> 00:14:42,940 Og það síðasta sem þú setur í er fyrsta einn sem er að fara að koma út. 308 00:14:42,940 --> 00:14:44,170 >> Þannig að þú hefur tvær aðgerðir - 309 00:14:44,170 --> 00:14:45,260 ýta og skjóta. 310 00:14:45,260 --> 00:14:49,180 Allt af að setja í að ég var gesturing svona eru ýta. 311 00:14:49,180 --> 00:14:52,020 Og svo þegar ég ná í til að grípa eitthvað eða ná á toppinn að grípa 312 00:14:52,020 --> 00:14:53,940 eitthvað, sem er popp. 313 00:14:53,940 --> 00:14:55,540 Þannig að við erum að fara að innleiða stafla. 314 00:14:55,540 --> 00:14:57,870 Og við sýndum þeim í fyrirlestri nota fylki. 315 00:14:57,870 --> 00:14:59,550 En þú gætir gert þær nota tengd listum. 316 00:14:59,550 --> 00:15:01,770 Stafli er huglæg gögn uppbyggingu, ekki eins og er 317 00:15:01,770 --> 00:15:03,760 framkvæmd-sérstakur einn. 318 00:15:03,760 --> 00:15:06,420 >> Svo hvað myndi það líta út? 319 00:15:06,420 --> 00:15:07,970 Það myndi líta svona svona. 320 00:15:07,970 --> 00:15:10,840 Þú vilt hafa heiltölu stærð. 321 00:15:10,840 --> 00:15:16,000 Og þú vilt hafa fjölbreytta gildi sem við köllum stæði, því það er 322 00:15:16,000 --> 00:15:18,570 hvað myndin var um okkur - int stæði - 323 00:15:18,570 --> 00:15:21,740 og þá nokkrar hámarks getu. 324 00:15:21,740 --> 00:15:27,100 Svo hvað myndi ýta líta út? 325 00:15:27,100 --> 00:15:33,250 Jæja, ef við erum með stafla S, þá að ýta eitthvað á s, myndum við fá 326 00:15:33,250 --> 00:15:34,620 stærð s. 327 00:15:34,620 --> 00:15:42,270 Og það myndi vera næsta opinn blettur af array okkar. 328 00:15:42,270 --> 00:15:50,510 Þannig að ef við höfum þrjá hluti í stafla okkar, þá stæði 3 myndi vera næsta 329 00:15:50,510 --> 00:15:54,290 Open blettur, vegna þess að 0, 1, og 2 eru nú þegar fyllt upp. 330 00:15:54,290 --> 00:16:01,790 >> Þannig að við að setja gildi inn s.trays [s.size] er þriðja staðnum. 331 00:16:01,790 --> 00:16:06,290 Og þá erum við stighækkun s.size að segja, hey, við höfðum þrjú atriði áður. 332 00:16:06,290 --> 00:16:07,400 Nú höfum við fjórir. 333 00:16:07,400 --> 00:16:10,180 Svo í næsta skipti sem þú ýta, þú ert að fara að setja eitthvað inn í 4. 334 00:16:10,180 --> 00:16:15,560 Eða næsta skipti sem þú skjóta, þú ert að fara að líta á 3 í stað 4 eða hvað sem er. 335 00:16:15,560 --> 00:16:18,000 Og þá munum við aftur sannir segja, hey, tók við. 336 00:16:18,000 --> 00:16:19,160 Þetta virkaði. 337 00:16:19,160 --> 00:16:22,060 Sem þumalputtaregla, ef fall sem er að koma til baka satt eða 338 00:16:22,060 --> 00:16:26,370 rangar alltaf skilar satt, þú getur hafa gert eitthvað rangt. 339 00:16:26,370 --> 00:16:28,350 Svo virkar þetta? 340 00:16:28,350 --> 00:16:32,400 >> Jæja, það virkar fínt fyrir 1, og 2, og 3, og 4, og fimm. 341 00:16:32,400 --> 00:16:34,640 En við skulum segja að ég ná getu mína. 342 00:16:34,640 --> 00:16:38,750 Ég hef þá hlaupa inn í a vandamál, vegna þess að Ef stærð er það sama og getu, ég er 343 00:16:38,750 --> 00:16:43,340 nú að reyna að setja eitthvað inn í array þar sem ég hef ekki pláss. 344 00:16:43,340 --> 00:16:46,980 Svo stutt stöðva til að laga þetta. 345 00:16:46,980 --> 00:16:51,630 Ef s.size == getu, return false. 346 00:16:51,630 --> 00:16:54,130 Annars, fara og gera það sem við gerðum. 347 00:16:54,130 --> 00:16:55,660 Svo hvað getum við beðið um fyrir stafla? 348 00:16:55,660 --> 00:16:56,460 Hvað annað ætti að læra? 349 00:16:56,460 --> 00:16:57,690 Hvað annað ætti að æfa? 350 00:16:57,690 --> 00:17:01,030 >> Jæja, innleiða popp. 351 00:17:01,030 --> 00:17:02,370 Við gerðum nú þegar ýta. 352 00:17:02,370 --> 00:17:04,280 Ég laga það. 353 00:17:04,280 --> 00:17:08,180 A non-array framkvæmd, þar þú notar tengda lista, kannski. 354 00:17:08,180 --> 00:17:09,390 A non-Int framkvæmd. 355 00:17:09,390 --> 00:17:10,940 Við gerðum ints hér. 356 00:17:10,940 --> 00:17:11,880 En það gæti hafa verið fljóta. 357 00:17:11,880 --> 00:17:13,010 Ég hefði getað verið strengir. 358 00:17:13,010 --> 00:17:14,290 Það gæti hafa verið bleikju stjörnur. 359 00:17:14,290 --> 00:17:17,960 Horfðu á undanförnum Skyndipróf fyrir hvers konar spurningar sem við höfum beðið um stafla. 360 00:17:17,960 --> 00:17:20,000 >> Ég segi að við falla stafla kring það sama og við höfum fjallað þá í 361 00:17:20,000 --> 00:17:20,540 árum áður. 362 00:17:20,540 --> 00:17:24,400 Svo quiz spurningar ættu vera góð vísbending. 363 00:17:24,400 --> 00:17:27,010 Áfram enn hraðar, biðraðir. 364 00:17:27,010 --> 00:17:28,200 Þeir eru eins og stafla. 365 00:17:28,200 --> 00:17:29,960 En þeir eru fyrst inn fyrst út. 366 00:17:29,960 --> 00:17:33,530 Ef þú ert breskur, orðið biðröð sennilega gert mikið vit til þín. 367 00:17:33,530 --> 00:17:36,390 Annars getur þú haft heyrði um það sem línu. 368 00:17:36,390 --> 00:17:38,120 Þeir vinna eins og línu á Apple Store. 369 00:17:38,120 --> 00:17:40,740 Fyrsta manneskjan til að mæta á 03:00 að morgni er fyrsta 370 00:17:40,740 --> 00:17:42,880 maður að kaupa iPad hans. 371 00:17:42,880 --> 00:17:44,260 >> Þannig að við höfum tvær aðgerðir - 372 00:17:44,260 --> 00:17:45,720 Velja slembið skinn og dequeue. 373 00:17:45,720 --> 00:17:47,560 Velja slembið skinn setur einhvern í línu. 374 00:17:47,560 --> 00:17:50,070 Dequeue togar fyrsta manneskja af línunni. 375 00:17:50,070 --> 00:17:52,640 Again, getum við að innleiða þetta með fylki. 376 00:17:52,640 --> 00:17:54,880 Svo er það strúktúr sem við sýndi í fyrirlestri? 377 00:17:54,880 --> 00:17:57,660 Það var þessi maður. 378 00:17:57,660 --> 00:17:59,300 Aftur, tölur. 379 00:17:59,300 --> 00:18:02,020 Aftur, stærð og þetta nýja hlutur framan. 380 00:18:02,020 --> 00:18:04,880 Hvers vegna er það eitthvað sem kallast framan? 381 00:18:04,880 --> 00:18:07,050 Það er við vísitölu í næsta þáttur til dequeue. 382 00:18:07,050 --> 00:18:12,210 Það er bara innbyrðis halda utan um fyrsta strákur að mæta, þannig að við 383 00:18:12,210 --> 00:18:15,005 geta draga það út þegar við þurfum að. 384 00:18:15,005 --> 00:18:19,322 >> Ákveðið útlit á fyrirlestur skýringum og reyna að innleiða Velja slembið skinn og dequeue 385 00:18:19,322 --> 00:18:21,700 þegar nám fyrir prófið. 386 00:18:21,700 --> 00:18:23,190 Mikilvægt atriði til að hugsa um. 387 00:18:23,190 --> 00:18:27,260 Umbúðir í kring ef framan auk stærð endar stærri en getu. 388 00:18:27,260 --> 00:18:32,670 Aftur, ef uppbygging er fullur, þú ert að fara að hafa vandamál. 389 00:18:32,670 --> 00:18:34,780 Hash töflur sem þú hefur séð áður. 390 00:18:34,780 --> 00:18:39,820 Flest ykkar sennilega framkvæmda þessir á pset6. 391 00:18:39,820 --> 00:18:44,210 Það er uppbygging sem miðar að O (1) föstu tíma sett í og ​​O (1) 392 00:18:44,210 --> 00:18:46,430 föstu tíma útlit. 393 00:18:46,430 --> 00:18:49,760 >> Í CS50, til framkvæmda við þetta sem fylki af tengd listum. 394 00:18:49,760 --> 00:18:53,690 The Key Component að kjötkássa borð er kjötkássa virka. 395 00:18:53,690 --> 00:18:58,350 Svo það breytir inntak þitt, við skulum segja, orðabók orð, í fjölda, 396 00:18:58,350 --> 00:18:59,560 sem er að fara að vera skránni okkar. 397 00:18:59,560 --> 00:19:01,410 Og við munum nota sem vísitölu í fylking okkar. 398 00:19:01,410 --> 00:19:05,374 Svo hér er sætur lítill mynd frá study.50.net. 399 00:19:05,374 --> 00:19:08,060 Við henda öll orð í kjötkássa virka okkar. 400 00:19:08,060 --> 00:19:10,950 Og kjötkássa virka segir okkur hvar á að setja þessi orð. 401 00:19:10,950 --> 00:19:15,650 >> Þetta er allt frábært í landinu þar það er bara eitt orð fyrir hvert rifa. 402 00:19:15,650 --> 00:19:20,480 En eins og þú manst eftir frá pset6, þar eru fleiri orð en rifa. 403 00:19:20,480 --> 00:19:23,080 Svo gerist það þegar þú fá árekstur? 404 00:19:23,080 --> 00:19:26,730 Í stað þess að geyma eitt gildi í, segjum, kjötkássa borð 3, þú 405 00:19:26,730 --> 00:19:27,990 geymt tengda listanum. 406 00:19:27,990 --> 00:19:32,900 Og svo í stað þess að þurfa cantaloupe hér, myndir þú hafa a tengda listanum, 407 00:19:32,900 --> 00:19:34,190 þar sem fyrsti hnútur er cantaloupe. 408 00:19:34,190 --> 00:19:35,260 Og næsta hnút er köttur. 409 00:19:35,260 --> 00:19:38,970 Og þriðja hnút er árekstur, við skulum segja, því öll þessi orð byrja 410 00:19:38,970 --> 00:19:41,110 með C. 411 00:19:41,110 --> 00:19:42,700 >> Svo mest af þú gerðir þetta fyrir pset6. 412 00:19:42,700 --> 00:19:45,685 Ef þú hefur ekki gert kjötkássa borð á pset6 og þú reynt eitthvað eins og 413 00:19:45,685 --> 00:19:47,720 A trie, örugglega endurskoða kjötkássa matskeið. 414 00:19:47,720 --> 00:19:50,650 Ef þú did gera það á pset6, örugglega endurskoða kjötkássa matskeið. 415 00:19:50,650 --> 00:19:53,610 Og ef þú gerðir það á pset6 og það gerði ekki vinna út alveg rétt og þú 416 00:19:53,610 --> 00:19:56,150 hafði mikið af vandræðum með það, örugglega endurskoða kjötkássa matskeið. 417 00:19:56,150 --> 00:20:01,610 Svo í raun er lexía ákveðið endurskoða kjötkássa matskeið. 418 00:20:01,610 --> 00:20:07,130 >> Mikill minnihluti þú reyndir út reynir á pset6. 419 00:20:07,130 --> 00:20:08,570 Háttsettum mynd. 420 00:20:08,570 --> 00:20:15,150 Það er eitthvað eins og þetta, þar sem hver hnútur hefur sett af börnum, þar sem hver 421 00:20:15,150 --> 00:20:17,100 Barnið samsvarar bréfi. 422 00:20:17,100 --> 00:20:20,520 Og sérhver hnútur segir einnig, hey, ég er orð. 423 00:20:20,520 --> 00:20:25,933 Svo í þessu tilviki, orðið Maxwell, ef þú fylgir m á A til að 424 00:20:25,933 --> 00:20:28,530 X-W-E-L-L og þá fylgja það einu. 425 00:20:28,530 --> 00:20:32,800 Og þú færð Þetta tákn, Delta, sem við signify að meina þetta er orðið. 426 00:20:32,800 --> 00:20:34,780 Svo er Maxwell orð. 427 00:20:34,780 --> 00:20:38,430 Þessar deltas eru allan merkja sem hlutirnir eru orð og sem 428 00:20:38,430 --> 00:20:40,360 hlutirnir eru ekki. 429 00:20:40,360 --> 00:20:46,400 >> Svo í pset6, gögn sem við geymd ásamt einhverju tengipunkta okkar var "Ég er 430 00:20:46,400 --> 00:20:52,630 orð. "Og kaldur hlutur óður reynir er þeir sýna innsetningu og 431 00:20:52,630 --> 00:20:55,080 fletta í O (lengd orði). 432 00:20:55,080 --> 00:20:59,450 Svo bara að komast í gegnum Maxwell, það er M-A-X-W-E-L-L. Svo sjö eða átta - 433 00:20:59,450 --> 00:21:00,360 Ég get ekki treyst - 434 00:21:00,360 --> 00:21:03,920 skref til að fá að enda og athuga það út. 435 00:21:03,920 --> 00:21:06,800 Svo fljótur framkvæmd hér. 436 00:21:06,800 --> 00:21:10,230 Rob fór í gegnum tengd lista í krufningarskýrslum hans. 437 00:21:10,230 --> 00:21:11,600 Svo stöðva það út. 438 00:21:11,600 --> 00:21:11,720 Sorry. 439 00:21:11,720 --> 00:21:13,240 Fór í gegnum trie í krufningarskýrslum hans. 440 00:21:13,240 --> 00:21:14,260 Svo stöðva það út. 441 00:21:14,260 --> 00:21:24,410 >> En þú hefur í rauninni hver hnútur hefur 27 ábendingum til næstu hnúður og einn 442 00:21:24,410 --> 00:21:27,050 Boolean fyrir er ég orð. 443 00:21:27,050 --> 00:21:31,530 Skoðaðu postmortem Rob fyrir hvernig þetta í raun er hrint í framkvæmd. 444 00:21:31,530 --> 00:21:34,750 Endanleg uppbyggingu okkar, trjánum okkar og tvíleitartré. 445 00:21:34,750 --> 00:21:41,530 Svo að horfa á þetta, þetta var fjallað síðast Vika 8, mánudagur. 446 00:21:41,530 --> 00:21:46,960 A tré er svipað og trie, nema þér ekki endilega hafa 27 hnútar á 447 00:21:46,960 --> 00:21:47,500 hvert lið. 448 00:21:47,500 --> 00:21:52,820 Og þú þarft ekki þessi gögn á hverjum skref sem táknar hvort - 449 00:21:52,820 --> 00:21:54,030 Slóðin liggur ekki máli. 450 00:21:54,030 --> 00:22:00,870 En a trie, leiðin frá toppi til botn, Maxwell, var mikilvægt fyrir okkur. 451 00:22:00,870 --> 00:22:05,270 >> En hver hnútur hefur marga börn, kannski. 452 00:22:05,270 --> 00:22:07,290 Við höfum sumir fleiri orðaforða. 453 00:22:07,290 --> 00:22:09,530 Rót trésins er á mjög toppur. 454 00:22:09,530 --> 00:22:12,520 Og við segjum að mjög bottommost hnúður sem hafa ekki 455 00:22:12,520 --> 00:22:14,530 börn eru blöð. 456 00:22:14,530 --> 00:22:18,040 Svo eins og trie, tré er uppbygging hnúta. 457 00:22:18,040 --> 00:22:21,490 Algeng tegund af tré sem við erum að fara að tala um er tvöfaldur tré, þar 458 00:22:21,490 --> 00:22:26,040 hver hnútur hefur engin börn eða eitt barn eða tvö börn. 459 00:22:26,040 --> 00:22:28,890 Svo er þetta ekki mynd hér tvöfaldur tré, vegna þess að 460 00:22:28,890 --> 00:22:32,890 hnútur 3 á þrjú börn. 461 00:22:32,890 --> 00:22:38,140 >> En ef við værum að hunsa þá, restin það er tvöfaldur tré því það 462 00:22:38,140 --> 00:22:43,200 sýnir eign sem hver hnútur hefur enginn, einn eða tvö börn. 463 00:22:43,200 --> 00:22:46,400 Svo hvernig getum við tjáð þetta í kóða? 464 00:22:46,400 --> 00:22:51,460 Við gætum haft hnút þar sem hver hnútur hefur heiltala innan þess, sem og 465 00:22:51,460 --> 00:22:55,590 sem bendi á trénu til vinstri og bendi á tré við 466 00:22:55,590 --> 00:22:59,510 rétt, svo báða krakkana. 467 00:22:59,510 --> 00:23:00,880 Hvernig er þetta að gagni? 468 00:23:00,880 --> 00:23:05,740 Jæja, ef við tökum reglur um hvar við setja hnúður, getum við gera leitina hraðvirkari. 469 00:23:05,740 --> 00:23:10,630 >> Svo er það hugtak í tvískiptri leit tré, þar sem allir hnútar á 470 00:23:10,630 --> 00:23:14,420 vinstri subtree hafa minni verðmæti en hnúturinn við erum að horfa á. 471 00:23:14,420 --> 00:23:17,880 Og allir hnútar á hægri hluttré hafa meiri verðmæti 472 00:23:17,880 --> 00:23:18,660 en rót hnút. 473 00:23:18,660 --> 00:23:20,670 Nú, það lítur út eins og a einhver fjöldi af orðum. 474 00:23:20,670 --> 00:23:23,770 Ég ætla að setja það inn tvöfaldur vitna og sýna ykkur mynd. 475 00:23:23,770 --> 00:23:27,010 Svo hér er dæmi um tvöfaldur leita tré. 476 00:23:27,010 --> 00:23:28,770 Sjá að við byrjum með 10. 477 00:23:28,770 --> 00:23:31,780 Allt vinstra megin við 10 er minni en það. 478 00:23:31,780 --> 00:23:33,130 Og allt til hægri er stærri en það. 479 00:23:33,130 --> 00:23:37,620 >> En meira svo en það, hver hnútur tré tjáir þessa eign. 480 00:23:37,620 --> 00:23:42,110 Svo hnúturinn 7 hefur 3 við vinstri og 9 til hægri. 481 00:23:42,110 --> 00:23:44,440 Svo allar þessar eru minni en 10. 482 00:23:44,440 --> 00:23:50,470 En að horfa á bara þá er 7 hefur 3 til vinstri hennar og 9 á rétt hans. 483 00:23:50,470 --> 00:23:56,100 Og álíka á hægri, 15 hefur 14 til vinstri hennar og 50 á rétt hans. 484 00:23:56,100 --> 00:24:03,770 Svo þrír hnútar þarna, 15, 14, og 50, eru einnig gild tvöfaldur tré 485 00:24:03,770 --> 00:24:05,480 eða gilt Tvíundarleit tré. 486 00:24:05,480 --> 00:24:07,250 Og þeir eru allir stærri en 10. 487 00:24:07,250 --> 00:24:08,960 Svo þeir hafa leyfi til að vera á hægri þar. 488 00:24:08,960 --> 00:24:09,940 Er það spurning? 489 00:24:09,940 --> 00:24:12,580 >> Áhorfendur: Hvernig heldur þú að takast þegar þú hefur tvo sjö og sjö? 490 00:24:12,580 --> 00:24:12,850 >> R.J. Aquino: Já. 491 00:24:12,850 --> 00:24:16,550 Hvernig gera þú taka með tveimur gildum sem eru þeir sömu? 492 00:24:16,550 --> 00:24:21,465 Sumir tvíleitartré segja að þú hunsa afrit, því að markmiðið er 493 00:24:21,465 --> 00:24:24,280 bara að segja, ég hef séð þetta svo langt. 494 00:24:24,280 --> 00:24:28,120 Sumir tvíleitartré þú gætir sagt hafa telja inni á hnút. 495 00:24:28,120 --> 00:24:32,000 Aðrir gætu sagt að allt að vinstri er minna en eða jafnt og. 496 00:24:32,000 --> 00:24:33,470 Og allt til hægri er stærra en. 497 00:24:33,470 --> 00:24:36,520 >> Það veltur bara á hvað Vandamálið er að þú ert að leysa. 498 00:24:36,520 --> 00:24:40,840 Svo í orðabók, til dæmis, þú myndi ekki hugsa um afrit. 499 00:24:40,840 --> 00:24:41,490 Þú myndir henda þeim út. 500 00:24:41,490 --> 00:24:44,719 En einhver önnur vandamál sem þú gætir kæra. 501 00:24:44,719 --> 00:24:49,242 >> Áhorfendur: Er það mögulegt að hafa A 1 vinstra megin við 15, sem 502 00:24:49,242 --> 00:24:50,590 er minna en 10? 503 00:24:50,590 --> 00:24:51,885 >> R.J. Aquino: Nei 504 00:24:51,885 --> 00:24:56,570 Ef 14 hér voru 1, þetta myndi ekki vera gilt Tvíundarleit tré, 505 00:24:56,570 --> 00:25:00,840 því allt til hægri 10 þarf að vera stærri en það. 506 00:25:00,840 --> 00:25:02,300 Og við munum sjá hvers vegna. 507 00:25:02,300 --> 00:25:07,960 Ef í landi leit Markmið mitt er að finna 14, byrja ég á rót. 508 00:25:07,960 --> 00:25:08,500 Svo ég leita. 509 00:25:08,500 --> 00:25:08,710 OK. 510 00:25:08,710 --> 00:25:10,670 Við erum að fara að byrja á the rót. 511 00:25:10,670 --> 00:25:12,500 Líta á 10. 512 00:25:12,500 --> 00:25:16,050 >> Jæja, 14, miða okkar, er stærri en 10. 513 00:25:16,050 --> 00:25:17,370 Svo verður það að vera á hægri. 514 00:25:17,370 --> 00:25:21,780 Þetta er mjög svipað allan símann bók sem við gerðum, tvöfaldur 515 00:25:21,780 --> 00:25:23,720 leita þar. 516 00:25:23,720 --> 00:25:26,430 En í stað þess tvöfaldur leit í fylki, erum við tvöfaldur 517 00:25:26,430 --> 00:25:28,490 leita í þessu tré. 518 00:25:28,490 --> 00:25:31,260 Þannig að við erum enn að leita að 14. 519 00:25:31,260 --> 00:25:32,480 Jæja, 14 er minni en 15. 520 00:25:32,480 --> 00:25:36,430 Þannig að ef það er í tré okkar, verður það vera á þessu sviði hér. 521 00:25:36,430 --> 00:25:39,680 Það verður að vera til hægri á 10 og vinstra megin við 15. 522 00:25:39,680 --> 00:25:42,250 >> Og svo við athugum þennan hnút. 523 00:25:42,250 --> 00:25:45,790 Og yay, höfum við fundið 14. 524 00:25:45,790 --> 00:25:46,760 Ég ætla ekki að fara að ganga í gegnum það. 525 00:25:46,760 --> 00:25:48,090 En hér er kóðinn. 526 00:25:48,090 --> 00:25:49,690 Það er í raun tiltölulega einfalt, 527 00:25:49,690 --> 00:25:52,630 því þetta er endurkvæma. 528 00:25:52,630 --> 00:25:55,420 Hvað gætum við biðja þig um að gera á spurningakeppni? 529 00:25:55,420 --> 00:25:57,000 Við gætum beðið þig að skrifa þennan kóða. 530 00:25:57,000 --> 00:25:59,170 Við gætum beðið þig um að líta á þetta númer og breyta þessum kóða og útskýra hvað 531 00:25:59,170 --> 00:26:00,210 það er að gera. 532 00:26:00,210 --> 00:26:00,390 Já. 533 00:26:00,390 --> 00:26:00,770 Spurning? 534 00:26:00,770 --> 00:26:04,240 >> Áhorfendur: Eru þessir glærur fara að vera aðgengileg sem þeir voru síðasta skipti? 535 00:26:04,240 --> 00:26:04,740 >> R.J. Aquino: Já. 536 00:26:04,740 --> 00:26:06,460 Svo þessar glærur mun örugglega vera staða. 537 00:26:06,460 --> 00:26:08,640 >> Áhorfendur: Þeir eru í raun staða núna á vefnum. 538 00:26:08,640 --> 00:26:10,020 Davíð gerði bara það. 539 00:26:10,020 --> 00:26:12,720 >> R.J. Aquino: The skyggnur eru núna á vefnum. 540 00:26:12,720 --> 00:26:16,420 Ég mun sennilega plástur upp nokkra að innsláttarvillur sem ég benti og festa þá. 541 00:26:16,420 --> 00:26:19,940 En það er nú útgáfa á vefnum. 542 00:26:19,940 --> 00:26:21,820 Aðrir hlutir sem við gætum beðið þig að gera - 543 00:26:21,820 --> 00:26:23,790 skrifa innskotið. 544 00:26:23,790 --> 00:26:27,490 Skrifa endurtekningu útgáfu af endurkvæma virka við sýndum það bara þér 545 00:26:27,490 --> 00:26:32,520 eða tala um þessa hluti, eins og í málsgreinar, í orðum, í setningar. 546 00:26:32,520 --> 00:26:35,760 Að bera saman tíma sinnum og útskýra hvað þú vilt að nota tvöfaldur 547 00:26:35,760 --> 00:26:39,200 Leita tré fyrir í stað þess að kjötkássa borð, til dæmis. 548 00:26:39,200 --> 00:26:43,580 >> Svo að skilja þessar stofnanir á ansi djúpt stig. 549 00:26:43,580 --> 00:26:47,440 Skilja hvernig á að skrifa þau, hvernig á að nota þá, hvernig á að tala um þá. 550 00:26:47,440 --> 00:26:50,270 Og þú munt vera allur setja. 551 00:26:50,270 --> 00:26:50,630 Spurning? 552 00:26:50,630 --> 00:26:55,070 >> Áhorfendur: Þegar þú ert að skrifa á Tvíundarleit tré, hvernig gera þú 553 00:26:55,070 --> 00:27:01,460 ákvarða hvaða gildi við gera það sem rót? 554 00:27:01,460 --> 00:27:06,120 >> R.J. Aquino: Svo spurningin var, hvað gildi gera þér sem rót? 555 00:27:06,120 --> 00:27:08,760 Það fer eftir kóðanum þínum, þú kunna að hafa alþjóðlegt rót. 556 00:27:08,760 --> 00:27:14,290 Svo þú gætir hafa líklega haft í pset6 alþjóðlegt kjötkássa borð. 557 00:27:14,290 --> 00:27:18,640 Eða þú gætir standast rót í sem rök. 558 00:27:18,640 --> 00:27:23,810 Þannig að þetta leita virka hér tekur rifrildi hnút *. 559 00:27:23,810 --> 00:27:27,420 Og svo hvað hnút þú skyldir vera horfa á er það sem þú ert að meðhöndla 560 00:27:27,420 --> 00:27:31,510 sem rót þína þegar þú gefa það inn 561 00:27:31,510 --> 00:27:32,320 Og ég er allur setja. 562 00:27:32,320 --> 00:27:33,480 Þeir eru glærur mínar. 563 00:27:33,480 --> 00:27:35,940 Næsta manneskja getur komið skipti í fartölvu og mic. 564 00:27:35,940 --> 00:27:47,390 565 00:27:47,390 --> 00:27:49,760 >> ROB BOWDEN: Ég held að ég gæti hafa túlka þessi spurning á annan hátt. 566 00:27:49,760 --> 00:27:53,826 En ég túlka það eins og ef þú ert tölurnar 1, 2, og 3, hvernig við 567 00:27:53,826 --> 00:27:56,720 vita til að græða 2 rót í stað þess að 1 eða 3? 568 00:27:56,720 --> 00:27:59,480 Ef við tökum 2 rót, þá er það fallega 1 og 3 til vinstri og hægri. 569 00:27:59,480 --> 00:28:04,610 En ef 1 er rót, þá er það 1 til efst, 2 rétt, 3 til hægri. 570 00:28:04,610 --> 00:28:10,880 Svo sjálfgefið, þú veist ekki hvað á að gera rót. 571 00:28:10,880 --> 00:28:15,400 Og fyrir hvaða reiknirit við erum að búast við gefa þér, bara það fyrsta sem þú 572 00:28:15,400 --> 00:28:16,680 innskotið væri rót. 573 00:28:16,680 --> 00:28:19,890 Eða við myndum gefa þér tvöfaldur tré sem er þegar til sem hefur rót. 574 00:28:19,890 --> 00:28:24,760 En önnur reiknirit til þannig að rót mun uppfæra, þannig að ef þú 575 00:28:24,760 --> 00:28:28,370 endað í aðstöðu þar sem það er 1, 2, 3, það myndi sjálfkrafa uppfæra 576 00:28:28,370 --> 00:28:30,900 gera 2 nýja rót, svo að það er samt fallega rólegur. 577 00:28:30,900 --> 00:28:33,750 578 00:28:33,750 --> 00:28:34,833 >> ANGELA LI: Cool. 579 00:28:34,833 --> 00:28:36,170 Hey, krakkar. 580 00:28:36,170 --> 00:28:37,810 Ég er Angela. 581 00:28:37,810 --> 00:28:42,490 Og ég ætla að klára af okkar c og þá fara inn í sumir af vefnum okkar 582 00:28:42,490 --> 00:28:43,120 tækni - 583 00:28:43,120 --> 00:28:46,570 HTTP, HTML, og CSS. 584 00:28:46,570 --> 00:28:49,610 Svo er það fyrsta sem biðminni Yfirfall Árásir. 585 00:28:49,610 --> 00:28:53,070 Þannig að við skulum kíkja á þessa kóða. 586 00:28:53,070 --> 00:28:54,260 Það er frekar einfalt. 587 00:28:54,260 --> 00:28:55,460 There 'a virka foo. 588 00:28:55,460 --> 00:28:56,990 Og það þýðir ekki aftur neitt. 589 00:28:56,990 --> 00:29:00,950 En það tekur í músina í streng sem heitir bar. 590 00:29:00,950 --> 00:29:04,920 >> Og það er að fara að lýsa þessu stuðpúða, sem er eðli 591 00:29:04,920 --> 00:29:07,690 array sem hefur 12 rifa. 592 00:29:07,690 --> 00:29:11,730 Og það notar memcpy, sem er bara virka sem eintök frá einu vistfangi 593 00:29:11,730 --> 00:29:12,910 í annað. 594 00:29:12,910 --> 00:29:19,400 Þannig að þetta er að reyna að afrita í biðminni okkar frá hvað 595 00:29:19,400 --> 00:29:21,140 bar er að benda á. 596 00:29:21,140 --> 00:29:24,640 Svo hvað er einhver hugmynd rangt með þennan kóða? 597 00:29:24,640 --> 00:29:27,568 598 00:29:27,568 --> 00:29:30,830 >> Áhorfendur: Ef bar er lengri en C, munu þeir skrifa. 599 00:29:30,830 --> 00:29:31,520 >> ANGELA LI: Já, einmitt. 600 00:29:31,520 --> 00:29:34,200 Við höfum enga ábyrgð á barinn er að fara að vera minna en 12. 601 00:29:34,200 --> 00:29:36,080 Við gerðum bara nokkrar handahófskennt fjölda 12. 602 00:29:36,080 --> 00:29:38,380 Og við vorum eins og, við skulum vona að inntak notenda okkar er minni en 603 00:29:38,380 --> 00:29:40,440 12 stafir að lengd. 604 00:29:40,440 --> 00:29:46,320 Svo í fullkomnum heimi, ef inntak okkar er alltaf eins og búist, þá munum við fá 605 00:29:46,320 --> 00:29:47,550 eitthvað eins og, halló. 606 00:29:47,550 --> 00:29:48,920 Það er minna en 12 stafir. 607 00:29:48,920 --> 00:29:51,870 Það fær að lesa í bleikju c. 608 00:29:51,870 --> 00:29:53,280 Og þá erum við að gera eitthvað með það. 609 00:29:53,280 --> 00:29:54,800 Það skiptir ekki máli. 610 00:29:54,800 --> 00:29:59,740 >> En illgjarn maður gæti gert eitthvað meira eins og þetta, þar sem þeir 611 00:29:59,740 --> 00:30:04,760 gefa okkur hvað bar er bendir til, það er að fara að benda á þetta gríðarstór fylking 612 00:30:04,760 --> 00:30:06,280 af réttlátur svör. 613 00:30:06,280 --> 00:30:10,680 Og þetta er leiðin lengri en 12. 614 00:30:10,680 --> 00:30:13,830 Svo það er að fara að fara alla leið niður hér að þar sem ávöxtun 615 00:30:13,830 --> 00:30:15,420 vistfang sem á að vera. 616 00:30:15,420 --> 00:30:17,860 Svo skulum segja þessa aðgerð er kallað foo. 617 00:30:17,860 --> 00:30:20,970 Kannski foo var kallaður af sumum öðrum virka, sem var kallaður af helstu. 618 00:30:20,970 --> 00:30:24,890 Svo þegar foo er í gangi, það þarf að vita hvar á að snúa aftur til. 619 00:30:24,890 --> 00:30:29,130 >> Ef foo var kallaður af sumum virka heitir Baz, það hefur til að vita að það er 620 00:30:29,130 --> 00:30:30,250 fékk að fara aftur til Baz. 621 00:30:30,250 --> 00:30:34,040 Og það er það sem þetta aftur heimilisfang niður hér að segja okkur. 622 00:30:34,040 --> 00:30:38,340 En ef við skrifa yfir hana með einhverjum öðrum heimilisfang, í þessu tilfelli, þetta er 623 00:30:38,340 --> 00:30:42,650 framsetning netfanginu upphafi þessum dúa, þá 624 00:30:42,650 --> 00:30:45,240 hvað er í raun og veru að fara að gerast er að stað þess að skila aftur til Baz, 625 00:30:45,240 --> 00:30:48,470 sem kallast fallið, það er bara að fara að fara til the andlit af þessum kóða. 626 00:30:48,470 --> 00:30:53,930 >> Og ef þetta var það vegna þess að illgjarn spjallþráð dude kom og 627 00:30:53,930 --> 00:30:56,820 sprautað þetta, þá kannski þessi upphæð af er A er í raun ekki svör. 628 00:30:56,820 --> 00:31:02,030 Og það er í raun bara kóðann sem brýtur tölvunni eða eitthvað. 629 00:31:02,030 --> 00:31:05,930 Svo til að vera í vörn um þessa tegund af hlutur, þú þarft að aldrei gera ráð fyrir að 630 00:31:05,930 --> 00:31:09,120 notandi inntak er ákveðin magn af stöfum. 631 00:31:09,120 --> 00:31:13,310 Til dæmis, þegar þú varst að gera Speller, var þér sagt að orð voru 632 00:31:13,310 --> 00:31:15,580 bara að fara að vera 40 stafir langur hámark. 633 00:31:15,580 --> 00:31:16,570 Og það var gott. 634 00:31:16,570 --> 00:31:20,150 >> En ef ekki, þá þú þyrftir að ganga úr skugga um að aðeins lesið í 45 635 00:31:20,150 --> 00:31:21,520 stafi í einu. 636 00:31:21,520 --> 00:31:24,430 Annars gætir þú skrifa biðminni þinn. 637 00:31:24,430 --> 00:31:26,140 Einhverjar spurningar um það. 638 00:31:26,140 --> 00:31:26,733 Já. 639 00:31:26,733 --> 00:31:28,850 >> Áhorfendur: Gætirðu talað bara aðeins meira um þetta? 640 00:31:28,850 --> 00:31:29,790 >> ANGELA LI: Því miður. 641 00:31:29,790 --> 00:31:31,040 Já. 642 00:31:31,040 --> 00:31:32,813 643 00:31:32,813 --> 00:31:35,870 >> Áhorfendur: The MIC er bara fyrir vídeó. 644 00:31:35,870 --> 00:31:37,640 Ég mun reyna og verkefni. 645 00:31:37,640 --> 00:31:39,900 Hæ, krakkar. 646 00:31:39,900 --> 00:31:40,920 Sup? 647 00:31:40,920 --> 00:31:45,330 Svo skulum við fara yfir nokkur atriði í CS50 bókasafn, sem þú hefur verið að nota 648 00:31:45,330 --> 00:31:49,072 allt önn, aðallega að fá notandi inntak. 649 00:31:49,072 --> 00:31:53,140 Eins og þú veist, eru þér CS50 bókasafn því bara að gera CS50.h sem 650 00:31:53,140 --> 00:31:55,660 inniheldur öll prufueintök af aðgerðir sem hægt er að nota, eins og 651 00:31:55,660 --> 00:31:58,640 GetString og GetInt og GetFloat, et cetera. 652 00:31:58,640 --> 00:32:02,870 Og það er þetta ein lína í CS50 bókasafn sem skilgreinir streng, sem 653 00:32:02,870 --> 00:32:05,380 þú krakkar vita allt núna er bara char *. 654 00:32:05,380 --> 00:32:07,900 >> En við skulum taka gægjast á hvernig GetString virkar. 655 00:32:07,900 --> 00:32:10,010 Þetta er mjög stytt útgáfa. 656 00:32:10,010 --> 00:32:15,090 Þú getur draga upp CS50 bókasafn skrá frá, held ég, manuals.CS50.net. 657 00:32:15,090 --> 00:32:16,750 Og þú getur lesið í gegnum í raun virka. 658 00:32:16,750 --> 00:32:19,330 En þetta nær sum mikilvægi hluta. 659 00:32:19,330 --> 00:32:23,870 Þannig að við höfum búið til nokkur biðminni með einhverjum hætti. 660 00:32:23,870 --> 00:32:27,570 Og hvað við gerum er að við fáum einn staf í einu frá venjulegu n. 661 00:32:27,570 --> 00:32:30,910 Það er þar sem notandi inntak texti í vélinni. 662 00:32:30,910 --> 00:32:33,430 >> Og svo við erum að fara að lesa í eðli svo lengi sem það er ekki nýtt 663 00:32:33,430 --> 00:32:37,220 lína og það er ekki enda skráar sem er endir af standard input. 664 00:32:37,220 --> 00:32:45,690 Og fyrir hvern staf sem við lesum í, ef að eðli endar bæta 665 00:32:45,690 --> 00:32:50,120 við fjölda þeirra stafa sem við höfum lesið í og sem er meira en getu okkar, 666 00:32:50,120 --> 00:32:53,490 þá er það sem við gerum við breyta bara okkar biðminni þannig að það er tvisvar sinnum eins lengi. 667 00:32:53,490 --> 00:32:56,950 Svo aftur, þetta vernda gegn buffer Yfirfall Árásir, því þú lest í 668 00:32:56,950 --> 00:32:58,315 persóna í einu. 669 00:32:58,315 --> 00:33:02,290 Og ef á hvaða tímapunkti sem þú lesið í of margir, þú stækka bara biðminni þinn. 670 00:33:02,290 --> 00:33:03,330 Þú margfaldar það með tveimur. 671 00:33:03,330 --> 00:33:05,510 Og þá þú fá meira pláss. 672 00:33:05,510 --> 00:33:09,120 >> Annars, þú bætir bara staf til biðminni. 673 00:33:09,120 --> 00:33:15,080 Og eftir að þú hefur lesið í öllum stafir, mun það minnka biðminni 674 00:33:15,080 --> 00:33:18,510 aftur niður í venjulegan stærð, að bæta við null Terminator, og fara síðan aftur. 675 00:33:18,510 --> 00:33:21,880 676 00:33:21,880 --> 00:33:24,960 Nú, við skulum líta á GetInt. 677 00:33:24,960 --> 00:33:27,700 Getur þú krakkar lesa þetta? 678 00:33:27,700 --> 00:33:30,710 Ég get zoom í bita. 679 00:33:30,710 --> 00:33:33,410 680 00:33:33,410 --> 00:33:34,660 Ég veit ekki hvernig tölvur vinna. 681 00:33:34,660 --> 00:33:40,840 682 00:33:40,840 --> 00:33:41,270 Aldrei hugur. 683 00:33:41,270 --> 00:33:42,520 Ég get ekki stækkað almennilega. 684 00:33:42,520 --> 00:33:47,500 685 00:33:47,500 --> 00:33:48,770 >> Þetta er mjög erfitt. 686 00:33:48,770 --> 00:33:49,180 Fyrirgefðu. 687 00:33:49,180 --> 00:33:51,490 Við skulum líta aðeins á þetta. 688 00:33:51,490 --> 00:33:57,140 Svo hvað GetInt gerir er það les fyrst í streng frá GetString, sem 689 00:33:57,140 --> 00:33:59,250 við höfum innleitt áður. 690 00:33:59,250 --> 00:34:02,945 Og mikilvægur þáttur í að hafa í huga hér er ef þetta hlutdeild sem það endar 691 00:34:02,945 --> 00:34:06,400 lestur er eins og í raun ekki streng, þá erum við aftur bara INT_MAX til 692 00:34:06,400 --> 00:34:09,409 tákna bilun. 693 00:34:09,409 --> 00:34:12,645 Hvers vegna eigum við að fara aftur INT_MAX staðinn neikvæðri 1 eða 1? 694 00:34:12,645 --> 00:34:13,895 Einhverjar hugmyndir? 695 00:34:13,895 --> 00:34:16,853 696 00:34:16,853 --> 00:34:19,350 >> Áhorfendur: [inaudible] neikvæð 1 á einn. 697 00:34:19,350 --> 00:34:20,070 >> ANGELA LI: Já, einmitt. 698 00:34:20,070 --> 00:34:24,560 Svo þú ert leið líklegri til að bara að inntak 1 eða neikvæða 1 þegar beðið 699 00:34:24,560 --> 00:34:27,469 fyrir NTH og hvað NTH maxes. 700 00:34:27,469 --> 00:34:27,969 Það er gríðarstór. 701 00:34:27,969 --> 00:34:29,690 Þú ert líklega ekki að fara að nota það. 702 00:34:29,690 --> 00:34:32,690 Svo er þetta eins og hönnun ákvörðun til ganga úr skugga um að þú ert ekki óvart 703 00:34:32,690 --> 00:34:38,540 skila villu eða þú snúa ekki 1, sem gæti að flokka 704 00:34:38,540 --> 00:34:41,199 sem rétt svar. 705 00:34:41,199 --> 00:34:45,110 Þannig að ef línan er ekki til, við aftur INT-MAX. 706 00:34:45,110 --> 00:34:48,090 Annars skaltu nota við sscanf, sem er eins Scanf. 707 00:34:48,090 --> 00:34:49,449 En það les úr streng. 708 00:34:49,449 --> 00:34:54,310 >> Og við höfum þetta sniðinn band, sem er% i% c. 709 00:34:54,310 --> 00:34:57,440 Og við að reyna að passa að með hvað notandinn gaf okkur. 710 00:34:57,440 --> 00:35:01,420 Við viljum fjölda samsvörun hlutum til að vera 1, sem þýðir að við aðeins 711 00:35:01,420 --> 00:35:04,940 virkilega að passa heiltölu umkringdur kannski hvítt 712 00:35:04,940 --> 00:35:06,840 rúm, kannski ekki. 713 00:35:06,840 --> 00:35:10,710 Í þessu tilfelli, ef þú setur í eitthvað eins bar, bar passar ekki á öllum, 714 00:35:10,710 --> 00:35:14,400 vegna þess að það þarf að vera heiltala í upphafi. 715 00:35:14,400 --> 00:35:17,060 Svo sscan aldrei snúið 0. 716 00:35:17,060 --> 00:35:19,640 Svo þú aftur ekki. 717 00:35:19,640 --> 00:35:23,850 >> Að öðrum kosti, ef þú setur í eitthvað eins og 1, 2, 3, A, B, C, sem samsvarar 718 00:35:23,850 --> 00:35:27,180 bæði heiltölu en einnig eðli eftir það. 719 00:35:27,180 --> 00:35:29,990 Svo sscanf mun skila 2, sem Einnig er ekki hugsjón. 720 00:35:29,990 --> 00:35:34,620 Hægt viljum ekki 1, 2, 3, A, B, C vera gilt Int. 721 00:35:34,620 --> 00:35:36,990 Svo sem einnig virkar ekki. 722 00:35:36,990 --> 00:35:38,530 En segjum að þú setja í eitthvað eins og 50. 723 00:35:38,530 --> 00:35:42,460 Sem mun samsvara% I, sem þýðir það mun fá að lesa í n. 724 00:35:42,460 --> 00:35:44,790 Og nú, n mun innihalda fjölda 50. 725 00:35:44,790 --> 00:35:46,110 Og þá getur þú farið með hana. 726 00:35:46,110 --> 00:35:49,270 >> Annars, þú högg á Aftur. 727 00:35:49,270 --> 00:35:55,790 Og þá fer það bara aftur þangað þú færð rétta inntak frá the notandi. 728 00:35:55,790 --> 00:35:56,891 Einhverjar spurningar um það? 729 00:35:56,891 --> 00:36:02,182 >> Áhorfendur: Svo ef þú varst að prenta út verðmæti GetInt á [inaudible] 730 00:36:02,182 --> 00:36:06,250 myndi það vera bara tala og max? 731 00:36:06,250 --> 00:36:07,440 >> ANGELA LI: Já. 732 00:36:07,440 --> 00:36:11,780 Svo ef þú notar GetInt, ættir þú að gera ráð fyrir sem þú vilt ekki tu max til 733 00:36:11,780 --> 00:36:15,328 vera gilt inntak, vegna þess að þú ert að fara að gera ráð fyrir að það var slæmt. 734 00:36:15,328 --> 00:36:27,740 >> Áhorfendur: Ef við ekki hafa bleikju c og einhver setja í 1., 2., 3., Sam, myndi það 735 00:36:27,740 --> 00:36:29,430 enn vinna fyrir 1, 2, 3? 736 00:36:29,430 --> 00:36:29,750 >> ANGELA LI: Ég held að það myndi virka. 737 00:36:29,750 --> 00:36:33,340 En þú vilt ekki 123Sam til að vera gilt inntak af notanda. 738 00:36:33,340 --> 00:36:34,670 Það er í raun ekki int. 739 00:36:34,670 --> 00:36:36,840 Svo það virðist ekki sanngjarnt að flokka það sem int. 740 00:36:36,840 --> 00:36:40,910 741 00:36:40,910 --> 00:36:42,160 OK. 742 00:36:42,160 --> 00:36:45,800 Í því tilviki, við skulum fara á netið. 743 00:36:45,800 --> 00:36:49,120 Svo HTTP er ekki tungumál. 744 00:36:49,120 --> 00:36:56,060 HTTP er bara setja staðla fyrir hvernig þú senda það frá viðskiptavinum, 745 00:36:56,060 --> 00:36:57,280 það er þér, til netþjóna. 746 00:36:57,280 --> 00:36:59,730 Það er annað fólk á vefnum. 747 00:36:59,730 --> 00:37:02,900 >> Svo HTTP stendur fyrir HyperText Transfer Protocol. 748 00:37:02,900 --> 00:37:04,610 Það er hjarta og sál af öllum vefnum. 749 00:37:04,610 --> 00:37:07,050 The Hypertext hluti bara vísar til HTML. 750 00:37:07,050 --> 00:37:10,690 Flutningurinn er viðskiptavinum eins þú verður að senda beiðni til 751 00:37:10,690 --> 00:37:13,060 netþjóna, sem gefa svör. 752 00:37:13,060 --> 00:37:16,380 Og bókun er bara, hvernig þú von á miðlara til að hegða sér? 753 00:37:16,380 --> 00:37:19,960 Og hvernig ert þú ímyndaður til að hegða sér þannig að þú getur hagræða þetta 754 00:37:19,960 --> 00:37:21,920 samskipti ferli? 755 00:37:21,920 --> 00:37:26,650 >> Svo HTTP beiðnir líta mikið eins og this. 756 00:37:26,650 --> 00:37:28,070 GET er tegund af beiðni. 757 00:37:28,070 --> 00:37:31,220 Þú krakkar hafa séð komast óskir og POST beiðnir. 758 00:37:31,220 --> 00:37:36,690 Sem second hlutur þarna, / mér, sem er bara URI eða vefslóð þar sem þú 759 00:37:36,690 --> 00:37:38,140 langar að fara í her. 760 00:37:38,140 --> 00:37:44,140 Þannig að þetta beiðni er að biðja um að síðu, eins og www.facebook.com / mín. 761 00:37:44,140 --> 00:37:45,300 Og það er FÁ beiðni. 762 00:37:45,300 --> 00:37:51,020 Og þá er þetta HTTP/1.1, það er bara útgáfa af HTTP þú ert að nota. 763 00:37:51,020 --> 00:37:55,020 Það er nánast alltaf 1.1. 764 00:37:55,020 --> 00:37:56,880 >> Og þá er það fullt af öðrum hlutum líka. 765 00:37:56,880 --> 00:38:02,510 Þú geta raunverulega sjá þetta ef þú opna stjórnborðið þegar þú ert 766 00:38:02,510 --> 00:38:03,770 að vafra um vefinn. 767 00:38:03,770 --> 00:38:07,290 Viðbrögð líta eitthvað meira svona. 768 00:38:07,290 --> 00:38:09,620 Efsti hluti er, aftur, tegund HTTP þú ert að nota 769 00:38:09,620 --> 00:38:12,310 eftir stöðukóðanum. 770 00:38:12,310 --> 00:38:14,700 Svo er 200 OK allt í uppnámi út. 771 00:38:14,700 --> 00:38:16,200 Hér er innihald. 772 00:38:16,200 --> 00:38:17,390 Efni þitt er að fara að fylgja. 773 00:38:17,390 --> 00:38:21,730 Og þá mun það segja þér hvað konar af efni og önnur efni líka. 774 00:38:21,730 --> 00:38:24,620 >> The Staða númer, það eru nokkrar mikilvæg sem þú ættir að vita. 775 00:38:24,620 --> 00:38:26,460 200 OK er eins golden allt er. 776 00:38:26,460 --> 00:38:28,490 Allt virkar. 777 00:38:28,490 --> 00:38:29,710 403 Forbidden. 778 00:38:29,710 --> 00:38:32,910 Þetta sem þú hefur sennilega séð ef þú hefur gleymt að chmod eitthvað almennilega. 779 00:38:32,910 --> 00:38:34,510 Það þýðir að þú þarft ekki heimildir til 780 00:38:34,510 --> 00:38:36,210 aðgang að á þjóninum. 781 00:38:36,210 --> 00:38:38,110 Það er eins og, nei, þú getur ekki séð það. 782 00:38:38,110 --> 00:38:39,780 404 þýðir að hlutur er ekki til. 783 00:38:39,780 --> 00:38:40,400 Fannst ekki. 784 00:38:40,400 --> 00:38:41,640 Þú hefur sennilega séð að mikið. 785 00:38:41,640 --> 00:38:45,510 >> 500 Innri Framreiðslumaður Villa er yfirleitt eins og eitthvað hafi farið úrskeiðis á hlið 786 00:38:45,510 --> 00:38:46,460 miðlarans. 787 00:38:46,460 --> 00:38:50,830 Svo þegar þú varst að innleiða pset7, ef þú hefðir PHP villur, þú gætir 788 00:38:50,830 --> 00:38:53,890 reyndar fara á síðuna og sjá allt fullt af PHP villa efni. 789 00:38:53,890 --> 00:38:56,900 En það þýðir ekki að jafnaði gerast, vegna þess að vefsíður gera ekki raunverulega vilja til 790 00:38:56,900 --> 00:38:58,830 segja þér hvers vegna þeirra staður er brotinn. 791 00:38:58,830 --> 00:39:03,370 Þau mun líklega bara aftur á 500 Innri Framreiðslumaður Villa. 792 00:39:03,370 --> 00:39:06,120 >> Og þá er það 418 ég er katli. 793 00:39:06,120 --> 00:39:07,910 Það er allt saga um hvers vegna það er hlutur. 794 00:39:07,910 --> 00:39:09,860 En þú getur lesið um það á þínum eigin tíma. 795 00:39:09,860 --> 00:39:11,450 There 'a heild búnt af öðrum númerum stöðu líka. 796 00:39:11,450 --> 00:39:12,700 En þetta eru þær þú ættir að vita. 797 00:39:12,700 --> 00:39:15,660 798 00:39:15,660 --> 00:39:18,610 Svo skulum við tala um HTML. 799 00:39:18,610 --> 00:39:22,180 HTML, man, er ekki forritunarmál. 800 00:39:22,180 --> 00:39:23,510 Það er Markup Language. 801 00:39:23,510 --> 00:39:25,210 Það þýðir að það lýsir efni. 802 00:39:25,210 --> 00:39:30,440 Það segir þér hvað HTML skjal lítur eins eða ekki hvað það lítur út eins og 803 00:39:30,440 --> 00:39:32,230 en hvernig það er byggt upp. 804 00:39:32,230 --> 00:39:36,110 >> Svo það skilgreinir uppbyggingu og merkingarfræði vefsíðum. 805 00:39:36,110 --> 00:39:37,830 Það er eins og þetta er málsgrein. 806 00:39:37,830 --> 00:39:40,060 Þetta er raðaður listi. 807 00:39:40,060 --> 00:39:42,360 Þetta er eins og a hluti af síðunni minni. 808 00:39:42,360 --> 00:39:43,260 Hér er titillinn. 809 00:39:43,260 --> 00:39:44,310 Það er svoleiðis. 810 00:39:44,310 --> 00:39:48,770 Það skiptir ekki stíll einhverju að vegna þess það er það sem þú gerir í CSS. 811 00:39:48,770 --> 00:39:50,270 Og það lítur út eins og röð af hreiður tags. 812 00:39:50,270 --> 00:39:54,720 Svo til að nota dæmi um raunverulega undirstöðu HTML síðu, hefur þú DOCTYPE 813 00:39:54,720 --> 00:39:56,720 Yfirlýsing þar upp. 814 00:39:56,720 --> 00:40:00,940 >> Þetta DOCTYPE yfirlýsingu er segja, við erum að nota HTML5. 815 00:40:00,940 --> 00:40:03,370 Þá hefur þú stór HTML merki. 816 00:40:03,370 --> 00:40:05,230 Það inniheldur höfuð og líkama. 817 00:40:05,230 --> 00:40:06,970 Höfði, hefur þú titil. 818 00:40:06,970 --> 00:40:12,950 Það er það sem fer í titlinum bar af vafranum þínum. 819 00:40:12,950 --> 00:40:15,810 Við hafa tengil merki sem tengir í utanáliggjandi stíll lak. 820 00:40:15,810 --> 00:40:19,880 Og þá erum við með handritinu sem togar frá utanaðkomandi JavaScript eins vel. 821 00:40:19,880 --> 00:40:23,750 >> Og þá er í raun inni líkama okkar hvað fær birtist á síðunni. 822 00:40:23,750 --> 00:40:28,210 Við höfum fengið lið og síðan mynd inni þeirri málsgrein. 823 00:40:28,210 --> 00:40:32,000 Þetta er mynd af kettlingunum. 824 00:40:32,000 --> 00:40:35,840 Takið eftir því að myndin tag lokar sig. 825 00:40:35,840 --> 00:40:41,760 Svo í stað þess að opna með mynd og þá gera annað / myndir, þú 826 00:40:41,760 --> 00:40:47,500 bara hafa þetta litla skástrik hér, sem lokar það. 827 00:40:47,500 --> 00:40:53,670 Og myndin tag hefur einnig þennan takka gildi eiginleiki kallast alt. 828 00:40:53,670 --> 00:40:56,970 Það er val texta sem gerist þegar þú sveima yfir það. 829 00:40:56,970 --> 00:41:03,170 >> Flest HTML þættir hafa sumir lykill gildi hlutir sem þú getur gefið það, ýmsir 830 00:41:03,170 --> 00:41:04,420 customization. 831 00:41:04,420 --> 00:41:06,230 832 00:41:06,230 --> 00:41:08,705 Já. 833 00:41:08,705 --> 00:41:09,955 >> Áhorfendur: [inaudible]. 834 00:41:09,955 --> 00:41:17,510 835 00:41:17,510 --> 00:41:19,680 >> ANGELA LI: Jæja, svo er það eiginleiki við merkinu. 836 00:41:19,680 --> 00:41:25,320 Þannig að ef þú varst að nota jQuery, gætir þú Ekki velja image.getAttribute. 837 00:41:25,320 --> 00:41:27,930 Og þá er hægt að leita að fá alt eigindi. 838 00:41:27,930 --> 00:41:31,040 Og það mun gefa þér kettlinga. 839 00:41:31,040 --> 00:41:37,400 Ef þú manst form í HTML, inntak þættir munu hafa nafn eiginleika. 840 00:41:37,400 --> 00:41:41,870 Og það er það sem PHP notar til að senda beiðnir þegar mynd er send inn. 841 00:41:41,870 --> 00:41:44,762 842 00:41:44,762 --> 00:41:50,064 >> Áhorfendur: Vissir þú nefnir eitthvað um hvernig ef þú notar kittens.jpg eða 843 00:41:50,064 --> 00:41:54,410 eitthvað sem hefur saknað skrá mappa eða öðrum skrám? 844 00:41:54,410 --> 00:41:54,750 >> ANGELA LI: Já. 845 00:41:54,750 --> 00:41:57,010 Svo er þetta það sem er kallað ættingja leið, vegna þess að ég ætla ekki að gefa 846 00:41:57,010 --> 00:41:58,740 þú fulla slóð. 847 00:41:58,740 --> 00:42:05,160 Þetta er eins og þegar í C ​​ef þú gerir fopen sumir skrá, ef þú fopen hi.txt, að 848 00:42:05,160 --> 00:42:09,190 hi.txt er gert ráð fyrir að vera í sama skrá, nema þú gefa það a fleiri 849 00:42:09,190 --> 00:42:11,530 flókin leið. 850 00:42:11,530 --> 00:42:14,900 >> Áhorfendur: Svo þú gætir tilgreina sem möppu [inaudible]? 851 00:42:14,900 --> 00:42:17,660 >> ANGELA LI: Já. 852 00:42:17,660 --> 00:42:19,370 Og þú getur litið upp hvernig á að gera það. 853 00:42:19,370 --> 00:42:23,480 En ef ég vildi fá kittens.jpg út foreldraráðs skrá, myndi ég gera 854 00:42:23,480 --> 00:42:24,730 .. / Kittens.jpg. 855 00:42:24,730 --> 00:42:29,680 856 00:42:29,680 --> 00:42:30,930 Já. 857 00:42:30,930 --> 00:42:32,960 858 00:42:32,960 --> 00:42:33,760 Sorry. 859 00:42:33,760 --> 00:42:34,045 Já. 860 00:42:34,045 --> 00:42:35,700 Ó maður, ég gleymdi spurningunni. 861 00:42:35,700 --> 00:42:36,460 Hver var spurningin? 862 00:42:36,460 --> 00:42:39,570 Ó, spurningin var er, kittens.jpg gert ráð fyrir að vera í sömu möppu? 863 00:42:39,570 --> 00:42:40,630 Og í þessu tilfelli, er það. 864 00:42:40,630 --> 00:42:44,030 En þú getur einnig gefa það ákveðinni leið þannig að það þarf ekki að vera. 865 00:42:44,030 --> 00:42:47,100 866 00:42:47,100 --> 00:42:48,350 Gott? 867 00:42:48,350 --> 00:42:50,190 868 00:42:50,190 --> 00:42:51,350 >> CSS. 869 00:42:51,350 --> 00:42:55,420 Svo CSS, eins og HTML, er ekki forritunarmál. 870 00:42:55,420 --> 00:42:58,250 CSS er bara röð af stíl reglum. 871 00:42:58,250 --> 00:43:00,130 Það stendur fyrir Cascading Style Sheets. 872 00:43:00,130 --> 00:43:03,910 Og þú notar það í tengslum með HTML stíl síðum. 873 00:43:03,910 --> 00:43:08,140 Þannig að það eru þrjár leiðir þú getur falið það. 874 00:43:08,140 --> 00:43:11,950 Ein leið sem þú getur gert það er í höfuðið hluti af HTML kóðanum, þú getur bara 875 00:43:11,950 --> 00:43:15,410 opna stíl tag og þá standa sumir CSS reglum þar. 876 00:43:15,410 --> 00:43:16,759 Það er nokkuð í lagi. 877 00:43:16,759 --> 00:43:17,228 Já. 878 00:43:17,228 --> 00:43:21,449 >> Áhorfendur: Gætirðu sett þá stíl tags í milli, við skulum 879 00:43:21,449 --> 00:43:22,860 segja, líkama og / body. 880 00:43:22,860 --> 00:43:27,400 Og þá væri stíl aðeins í líkamanum. 881 00:43:27,400 --> 00:43:28,840 >> ANGELA LI: Þú gætir. 882 00:43:28,840 --> 00:43:29,590 Það munum vinna. 883 00:43:29,590 --> 00:43:33,990 En þú ættir ekki, því hönnun er konar lýsigögn sem ætti að fara í 884 00:43:33,990 --> 00:43:35,890 yfirmaður skjalið þitt. 885 00:43:35,890 --> 00:43:38,280 Líkami ætti virkilega bara að innihalda hvað er í raun að fara að 886 00:43:38,280 --> 00:43:39,420 mæta á síðuna þína. 887 00:43:39,420 --> 00:43:42,155 >> Áhorfendur: Svo þú vilt setja stíl í hausnum til stíll 888 00:43:42,155 --> 00:43:43,930 alla vefsíðu, ekki satt? 889 00:43:43,930 --> 00:43:44,300 >> ANGELA LI: Já. 890 00:43:44,300 --> 00:43:50,470 Svo að setja stíl hér, þessir CSS reglur mun gilda um alla síðuna byggt á 891 00:43:50,470 --> 00:43:52,100 selectors þeirra. 892 00:43:52,100 --> 00:43:57,090 Svo er betri leið til að gera það í staðinn að hafa stíl tag í höfuðið, 893 00:43:57,090 --> 00:44:00,430 þú hefur þennan tengil til utanaðkomandi stíl lak eins og ég sýndi þér í 894 00:44:00,430 --> 00:44:01,980 dæmið. 895 00:44:01,980 --> 00:44:05,920 Hvað þetta gerir er að það reynir og finnur skrá style.css og þá draga það 896 00:44:05,920 --> 00:44:08,470 í og notar að eins og stíll á síðunni. 897 00:44:08,470 --> 00:44:10,500 Og style.css þína myndi bara líta svona út. 898 00:44:10,500 --> 00:44:13,330 Það væri bara fullt af CSS. 899 00:44:13,330 --> 00:44:16,210 >> Og að lokum, það er önnur leið sem þú getur falið í sér CSS, sem þú í raun 900 00:44:16,210 --> 00:44:17,480 ætti ekki alltaf að gera. 901 00:44:17,480 --> 00:44:18,950 Það er kalla inline stíl. 902 00:44:18,950 --> 00:44:22,650 Og svo allir HTML þátturinn er einnig taka stíl eigindi. 903 00:44:22,650 --> 00:44:26,320 Og þá í því stíl eigindi, þú getur gefið það CSS reglum. 904 00:44:26,320 --> 00:44:29,140 Svo í þessu tilviki, hvað div ég skilgreina hérna, það er að fara að 905 00:44:29,140 --> 00:44:32,580 hafa svartan bakgrunn og hvítt texta lit. 906 00:44:32,580 --> 00:44:35,620 En þú ættir ekki að gera þetta, því það þetta gerir er að það setur stíl þinn 907 00:44:35,620 --> 00:44:36,850 inni HTML. 908 00:44:36,850 --> 00:44:40,530 >> Og ég veit að við höfum verið að tala um HTML er uppbygging og CSS er stíll. 909 00:44:40,530 --> 00:44:42,790 Ef þú gerir þetta, blandar það þá saman. 910 00:44:42,790 --> 00:44:44,550 Og það er ekki mjög hreinn. 911 00:44:44,550 --> 00:44:45,800 Svo gera það ekki. 912 00:44:45,800 --> 00:44:47,690 913 00:44:47,690 --> 00:44:52,100 Með því að nota dæmi um CSS, það upp, við bara að velja líkama HTML 914 00:44:52,100 --> 00:44:52,380 heimildarmynd. 915 00:44:52,380 --> 00:44:55,110 Og við erum eins, allt er að fara að vera Comic Sans. 916 00:44:55,110 --> 00:44:57,290 Ég líka ekki mæla með því. 917 00:44:57,290 --> 00:44:59,940 En þú gætir gert það. 918 00:44:59,940 --> 00:45:03,140 >> Seinni reglan hérna, það er að fara að velja atriði á 919 00:45:03,140 --> 00:45:04,880 síðu með ID Main. 920 00:45:04,880 --> 00:45:11,690 Svo hvað HTML frumefni, sagði ég ID = Helsta, ég ætla að gefa að A 921 00:45:11,690 --> 00:45:16,020 20-punkta framlegð og samræma allt, allan texta, að miðju. 922 00:45:16,020 --> 00:45:19,030 The síðastur hlutur velur með CSS bekknum. 923 00:45:19,030 --> 00:45:24,450 Svo allir liður á síðunni sem ég gaf hluti bekknum, ég ætla að gera það 924 00:45:24,450 --> 00:45:26,602 bakgrunnur litur ljósbláu. 925 00:45:26,602 --> 00:45:29,380 926 00:45:29,380 --> 00:45:30,040 Yep. 927 00:45:30,040 --> 00:45:30,700 Það er allt sem ég fékk. 928 00:45:30,700 --> 00:45:30,890 Spurning? 929 00:45:30,890 --> 00:45:34,020 >> Áhorfendur: Hvað gerir hashtag áður helstu gera? 930 00:45:34,020 --> 00:45:36,310 >> ANGELA LI: Spurningin er, hvað gerir hashtag áður helstu gera? 931 00:45:36,310 --> 00:45:40,770 Í þessu tilviki, tætið í CSS þýðir Select by auðkenni. 932 00:45:40,770 --> 00:45:47,490 Þannig að ef ég hefði einhverja HTML frumefni, eins og arð = helstu, þetta CSS regla velur 933 00:45:47,490 --> 00:45:49,260 Málið með ID Main. 934 00:45:49,260 --> 00:45:53,940 Og sömuleiðis, tímabilið í framan kafla er að velja um CSS bekknum eða 935 00:45:53,940 --> 00:45:56,558 velja með HTML bekknum. 936 00:45:56,558 --> 00:46:00,940 >> Áhorfendur: Hvers vegna er það hefur áður 6 í bakgrunnslit? 937 00:46:00,940 --> 00:46:01,270 >> ANGELA LI: Já. 938 00:46:01,270 --> 00:46:03,360 Svo er, hvers vegna er spurningin þar kjötkássa áður en 6? 939 00:46:03,360 --> 00:46:05,320 Þetta er öðruvísi en kjötkássa. 940 00:46:05,320 --> 00:46:09,500 Þetta þýðir að þú ert að gefa A sextánskur lit. 941 00:46:09,500 --> 00:46:14,260 Svo álög litir, þetta bara táknar lit. 942 00:46:14,260 --> 00:46:17,860 Og þú manst RGB triples þegar þú did the réttar pset? 943 00:46:17,860 --> 00:46:18,770 Þetta er svipað. 944 00:46:18,770 --> 00:46:21,590 Fyrstu tveir tölustafir tákna hversu mikið rautt er í lit. 945 00:46:21,590 --> 00:46:23,260 Seinni tveir fulltrúar hversu mikið grænt. 946 00:46:23,260 --> 00:46:25,450 Og þriðja táknar hversu mikið af bláum. 947 00:46:25,450 --> 00:46:30,060 Og kjötkássa er þetta er að fara til að tákna lit. 948 00:46:30,060 --> 00:46:35,660 >> Svo nokkuð frá 0, 0, 0, 0, 0, 0 allt að F, F, F, F, F, F er í gildi. 949 00:46:35,660 --> 00:46:39,550 Það er einhver gild litur sem hægt er vera birt af vafranum þínum. 950 00:46:39,550 --> 00:46:39,790 Spurning? 951 00:46:39,790 --> 00:46:43,590 >> Áhorfendur: Hver er munurinn á milli nota við ID og með bekknum? 952 00:46:43,590 --> 00:46:46,470 >> ANGELA LI: Spurningin er hvað er munurinn á milli 953 00:46:46,470 --> 00:46:48,950 nota við ID og bekk? 954 00:46:48,950 --> 00:46:54,390 Þú getur aðeins haft einn þáttur í að HTML skjal sem hefur gefið kenni. 955 00:46:54,390 --> 00:46:58,660 Svo aðeins eitt á síðunni minni er leyfilegt að hafa ID Main. 956 00:46:58,660 --> 00:47:02,580 Svo þú nota það fyrir þetta er haus. 957 00:47:02,580 --> 00:47:03,850 Þetta er flakk. 958 00:47:03,850 --> 00:47:05,230 Þetta er fót. 959 00:47:05,230 --> 00:47:09,070 Classes eru mismunandi, vegna þess að þú getur gilda námskeið eins mörgum HTML þættir 960 00:47:09,070 --> 00:47:10,100 eins og þú vilt. 961 00:47:10,100 --> 00:47:15,860 >> Svo til dæmis, ég gerði flokks kafla, því það er sennilega meira en eitt 962 00:47:15,860 --> 00:47:17,540 kafla á síðuna mína. 963 00:47:17,540 --> 00:47:20,200 Þú ert bara leyfilegt að hafa eins og margir atriði á síðunni með sama 964 00:47:20,200 --> 00:47:23,190 Class en aðeins einn með ákveðnu ID. 965 00:47:23,190 --> 00:47:25,600 >> Áhorfendur: Svo táknar punktur bekknum? 966 00:47:25,600 --> 00:47:26,090 >> ANGELA LI: Já. 967 00:47:26,090 --> 00:47:27,380 A punktur táknar bekknum. 968 00:47:27,380 --> 00:47:29,990 969 00:47:29,990 --> 00:47:31,540 Cool. 970 00:47:31,540 --> 00:47:32,370 Það er allt sem ég hef fengið, krakkar. 971 00:47:32,370 --> 00:47:33,544 Þakka þér. 972 00:47:33,544 --> 00:48:13,380 >> [Applause] 973 00:48:13,380 --> 00:48:14,290 >> ZAMYLA CHAN: Hæ, allir. 974 00:48:14,290 --> 00:48:14,880 Ég er Zamyla. 975 00:48:14,880 --> 00:48:18,830 Ég ætla að vera nær PHP, MVC og SQL í dag. 976 00:48:18,830 --> 00:48:22,350 977 00:48:22,350 --> 00:48:26,110 A einhver fjöldi af the efni sem ég ætla að nær er að fara að vera ansi mikið 978 00:48:26,110 --> 00:48:29,100 rétt út af pset7. 979 00:48:29,100 --> 00:48:29,700 Allt í lagi. 980 00:48:29,700 --> 00:48:31,180 Svo er það sem PHP? 981 00:48:31,180 --> 00:48:35,150 PHP stendur fyrir PHP Hypertext Preprocessor. 982 00:48:35,150 --> 00:48:38,740 Svo það, í sjálfu sér, er endurkvæma nafn, sem er laglegur kaldur. 983 00:48:38,740 --> 00:48:42,220 PHP er framreiðslumaður-hlið forskriftarþarfir tungumál, og það veitir í vefumsjónarkerfið 984 00:48:42,220 --> 00:48:44,610 og rökrétt undirstöður á heimasíðu okkar. 985 00:48:44,610 --> 00:48:48,520 >> Svo Angela talaði mikið um HTML og CSS sem mun gera uppbygging 986 00:48:48,520 --> 00:48:49,530 af the website. 987 00:48:49,530 --> 00:48:53,210 En hvað ef þú vilt breyta því að efni virk eða ef það er breytilegt 988 00:48:53,210 --> 00:48:55,240 byggt á notanda eða ákveðnar aðstæður? 989 00:48:55,240 --> 00:48:57,060 Það er þar PHP koma inn 990 00:48:57,060 --> 00:49:02,610 Nú, yfirleitt PHP gæti tekið nokkrar minna línur til að framkvæma það sama 991 00:49:02,610 --> 00:49:07,380 í C. Það er vegna þess að PHP annast minni stjórnun fyrir forritara, 992 00:49:07,380 --> 00:49:11,170 öfugt við okkur að þurfa að malloc frjáls, hlutur eins og þessi. 993 00:49:11,170 --> 00:49:15,430 >> En þar sem PHP er túlkandi tungumál, yfirleitt, gæti það framkvæma 994 00:49:15,430 --> 00:49:19,540 svolítið hægar en C, sem er unnin tungumál. 995 00:49:19,540 --> 00:49:23,150 Vegna þess að við erum að flytja forritun tungumálum, við skulum líta á hvernig 996 00:49:23,150 --> 00:49:24,570 setningafræði verður mismunandi. 997 00:49:24,570 --> 00:49:28,770 Skulum vera mjög varkár ekki til fá rugla með þetta. 998 00:49:28,770 --> 00:49:33,750 Svo með PHP setningafræði, hvort sem þú ert embedding PHP þinn inni í HTML 999 00:49:33,750 --> 00:49:40,430 skrá eða innan. PHP skrá sig, þú þarf að láta kóðann í opinn 1000 00:49:40,430 --> 00:49:45,270 PHP og lokuðu PHP tags eins segir, eins og á skjánum. 1001 00:49:45,270 --> 00:49:46,660 >> Breytur í PHP. 1002 00:49:46,660 --> 00:49:51,490 Hver einasta breytu hefst með the $ skilti eftir nafni 1003 00:49:51,490 --> 00:49:53,150 breytu þinn. 1004 00:49:53,150 --> 00:49:56,530 Nú, eru breytur í PHP lauslega slegið, sem þýðir að þú þarft ekki 1005 00:49:56,530 --> 00:50:00,030 að benda á hvað gögnin gerð er þegar þú ert að lýsa það. 1006 00:50:00,030 --> 00:50:03,505 En það þýðir ekki að þeir ekki hafa allir gerðir yfirleitt. 1007 00:50:03,505 --> 00:50:09,370 Svo ef ég lýsa breytu og bara sett það jafnt og 1, og þá skal ég lýsa 1008 00:50:09,370 --> 00:50:15,140 annar breytu, setja það jafn "1," og þá annað 1,0, vel, 1009 00:50:15,140 --> 00:50:19,410 eftir tegund jafnréttis rekstraraðila sem ég nota, ef ég vil bera 1010 00:50:19,410 --> 00:50:21,830 yfir allar gerðir, þá þeir 'vera jafnir. 1011 00:50:21,830 --> 00:50:25,570 En ef ég vil vera viss um að tegundir eru jafnir, PHP geta enn gert 1012 00:50:25,570 --> 00:50:28,690 að jafnvel þótt við benda ekki hvaða tegund það er þegar við 1013 00:50:28,690 --> 00:50:31,170 fyrst gera skrána. 1014 00:50:31,170 --> 00:50:33,990 >> Nú, í PHP, jafnvel þótt við séum að skipta yfir frá forritun 1015 00:50:33,990 --> 00:50:39,360 tungumálum af C, höfum við enn okkar traustur ef ástand, rétt eins og þetta. 1016 00:50:39,360 --> 00:50:43,270 Við höfum enn á meðan lykkjur okkar, bara eins og þetta, þar sem þú setur í þinn 1017 00:50:43,270 --> 00:50:47,300 ástand og þá líkami í lykkju. 1018 00:50:47,300 --> 00:50:50,360 Og þá höfum við einnig okkar fyrir lykkju, sem yfirleitt lítur svona út. 1019 00:50:50,360 --> 00:50:55,330 Þannig að ef ég vildi að iterate yfir allt níu psets og senda og hringja í 1020 00:50:55,330 --> 00:50:58,960 virka submitPset, þá get ég gert það hér, sem þið hafið öll 1021 00:50:58,960 --> 00:50:59,830 gert með þessum tímapunkti. 1022 00:50:59,830 --> 00:51:01,080 Til hamingju, við the vegur. 1023 00:51:01,080 --> 00:51:04,560 1024 00:51:04,560 --> 00:51:07,550 >> Fyrir myndavélina, fólk sagði, þakka þér. 1025 00:51:07,550 --> 00:51:11,220 Nú, ef þú vildir ekki bara að nota þessa fyrir lykkju, þá PHP reyndar einnig 1026 00:51:11,220 --> 00:51:13,580 hefur það sem kallast framhandleggur lykkjur. 1027 00:51:13,580 --> 00:51:22,210 Þannig að ef ég hefði fjölda heiltölur 0 gegnum 8, geymdar í array psets, 1028 00:51:22,210 --> 00:51:27,290 þá gæti ég hafa a framhandleggur lykkja sem iterates yfir hvert númer í psets. 1029 00:51:27,290 --> 00:51:30,640 Og þá gæti ég hringt sama virka átta sinnum, 1030 00:51:30,640 --> 00:51:31,910 bara eins og ég gerði áður. 1031 00:51:31,910 --> 00:51:36,480 Þannig að þetta fyrir hvern lykkja er ágætur, vegna þess að þú þarft ekki að ef þú veist ekki 1032 00:51:36,480 --> 00:51:39,470 nákvæmlega lengd fylkisins sem þú hafa, þá nota þessa framhandleggur lykkja 1033 00:51:39,470 --> 00:51:42,800 mun sjá um það fyrir þig. 1034 00:51:42,800 --> 00:51:45,410 >> Svo ég gerði psets sem fylki. 1035 00:51:45,410 --> 00:51:46,700 Við skulum líta á það. 1036 00:51:46,700 --> 00:51:51,290 Fylki í PHP eru yfirleitt þau sömu og þau sem við höfum haft í C, þar 1037 00:51:51,290 --> 00:51:52,960 þú getur lýsa fjölda. 1038 00:51:52,960 --> 00:51:59,200 Og hér, get ég lýst því yfir tómt array og þá byggja upp virk með því að nota 1039 00:51:59,200 --> 00:52:00,850 vísitölur sem heiltölur. 1040 00:52:00,850 --> 00:52:04,140 Svo vísitölu 0, ég ætla að geyma heiltala nefndur 1. 1041 00:52:04,140 --> 00:52:09,210 Á vísitölu 1 á listanum mínum, ég er að fara að geyma gildið 2. 1042 00:52:09,210 --> 00:52:12,670 Og í þriðja kemba En The Seinna númerið, ég ætla að 1043 00:52:12,670 --> 00:52:14,870 geyma fjölda 12. 1044 00:52:14,870 --> 00:52:17,250 >> Nú, þetta er í lagi af því að virkar það virkar vel. 1045 00:52:17,250 --> 00:52:21,310 En segja að það skiptir mig hvað hver vísitölu heldur. 1046 00:52:21,310 --> 00:52:24,500 Fyrir mig, vísitölu 0 þýðir hversu margir kettir sem ég hef. 1047 00:52:24,500 --> 00:52:27,400 Og vísitalan 1 þýðir hversu margir uglur sem ég hef. 1048 00:52:27,400 --> 00:52:29,450 Og hið næsta þýðir hversu marga hunda. 1049 00:52:29,450 --> 00:52:34,140 Jæja, þá er það að tilgreina að í stað þess að þurfa að muna 0 tengist 1050 00:52:34,140 --> 00:52:38,090 kettir og 1 til uglur, get ég notað tengin fylki, sem þýðir að 1051 00:52:38,090 --> 00:52:42,260 í stað heiltalna í vísitölur mínum, Ég get reyndar notað strengi. 1052 00:52:42,260 --> 00:52:43,290 >> Svo er þetta alveg gagnlegur. 1053 00:52:43,290 --> 00:52:47,130 Og þú hefur í raun bara skipt þær heiltölur með strengi. 1054 00:52:47,130 --> 00:52:50,074 Og þar sem þú ert með tengin array. 1055 00:52:50,074 --> 00:52:51,930 Já. 1056 00:52:51,930 --> 00:52:55,800 >> Áhorfendur: Er einhver ástæða hvers vegna það er undirstrikanir fyrir þá síðari 1057 00:52:55,800 --> 00:52:58,750 hluti, vegna þess að minn listi hefur array. 1058 00:52:58,750 --> 00:53:01,330 >> ZAMYLA CHAN: Spurningin var, er ástæða fyrir því að það er 1059 00:53:01,330 --> 00:53:03,320 undirstrika milli og listanum mínum? 1060 00:53:03,320 --> 00:53:03,610 Nei 1061 00:53:03,610 --> 00:53:06,878 Það er bara hvernig ég er að nefna breytu minn. 1062 00:53:06,878 --> 00:53:11,670 >> Áhorfendur: Á fyrsta lína, það er eitt orð. 1063 00:53:11,670 --> 00:53:12,560 >> ZAMYLA CHAN: Apologies minn. 1064 00:53:12,560 --> 00:53:13,410 Ég laga það. 1065 00:53:13,410 --> 00:53:13,620 Já. 1066 00:53:13,620 --> 00:53:15,460 Þeir ættu að vera þau sömu breytu nafn. 1067 00:53:15,460 --> 00:53:16,710 Góður fengur. 1068 00:53:16,710 --> 00:53:19,640 1069 00:53:19,640 --> 00:53:19,950 OK. 1070 00:53:19,950 --> 00:53:22,610 Þannig að við skulum fara til band samtenging. 1071 00:53:22,610 --> 00:53:27,500 Ef ég vildi taka tvo strengi, þá get ég concatenate þá 1072 00:53:27,500 --> 00:53:28,550 með punktur símafyrirtækinu. 1073 00:53:28,550 --> 00:53:32,440 Svo ef ég hef Milo sem fyrsta nafn og Banana sem síðasta nafn, þá 1074 00:53:32,440 --> 00:53:35,430 concatenating með punktur rekstraraðila og þá setja inn bil á milli 1075 00:53:35,430 --> 00:53:39,210 mun gera a band sem inniheldur Milo Banani, sem ég get þá echo eða, 1076 00:53:39,210 --> 00:53:41,280 frekar, prenta út. 1077 00:53:41,280 --> 00:53:44,465 >> Talandi um echo, við skulum tala um nokkrar gagnlegar - 1078 00:53:44,465 --> 00:53:44,920 oops. 1079 00:53:44,920 --> 00:53:46,030 Fyrirgefðu. 1080 00:53:46,030 --> 00:53:52,920 Nokkrar gagnlegar PHP virka. 1081 00:53:52,920 --> 00:53:56,240 Þannig að við höfum - 1082 00:53:56,240 --> 00:53:57,444 tæknilegra erfiðleika. 1083 00:53:57,444 --> 00:53:58,694 Eina sekúndu. 1084 00:53:58,694 --> 00:54:16,960 1085 00:54:16,960 --> 00:54:19,550 Ég sendi það. 1086 00:54:19,550 --> 00:54:22,320 PowerPoint vandamál. 1087 00:54:22,320 --> 00:54:29,200 Og við erum aftur með PHP virka. 1088 00:54:29,200 --> 00:54:32,010 1089 00:54:32,010 --> 00:54:35,150 Og við erum aftur með PHP virka. 1090 00:54:35,150 --> 00:54:39,890 >> Þannig að við höfum þurft virka, þar ef það líður í skrá, hér er bara 1091 00:54:39,890 --> 00:54:43,300 dæmi um skrá sem Ég gæti framhjá inn 1092 00:54:43,300 --> 00:54:47,605 Þá sem vilja fela í PHP kóðann frá þessi skrá sem ég kynna. 1093 00:54:47,605 --> 00:54:49,940 Og það mun meta það inn 1094 00:54:49,940 --> 00:54:54,450 Þá höfum við einnig echo, sem er samsíða printf. 1095 00:54:54,450 --> 00:54:57,710 Hætta er samhliða að brjóta, sem hættir blokk 1096 00:54:57,710 --> 00:54:58,570 númer sem þú ert inn 1097 00:54:58,570 --> 00:55:03,180 Og síðan tæma athugar hvort tiltekin breytu er eins tómt eða núll eða 1098 00:55:03,180 --> 00:55:08,482 hvað er jafnað með því að vera tómur. 1099 00:55:08,482 --> 00:55:09,438 Já. 1100 00:55:09,438 --> 00:55:15,341 >> Áhorfendur: Fyrir streng samtenging punktur stjórnandi einn, í PHP, er að 1101 00:55:15,341 --> 00:55:20,158 sama og í JavaScript sem það er með punktur að samtenging þýðir plús? 1102 00:55:20,158 --> 00:55:27,440 Svo fyrir fullt nafn, gætir þú hafa dollara skráir þig inn fyrst + og þá + endast? 1103 00:55:27,440 --> 00:55:27,720 >> ZAMYLA CHAN: Já. 1104 00:55:27,720 --> 00:55:32,150 Svo spurningin var hvort í PHP við geta notað sama streng samtenging 1105 00:55:32,150 --> 00:55:33,890 eins í JavaScript með plús-merkjum. 1106 00:55:33,890 --> 00:55:35,410 Og Jósef mun komast inn í það síðar. 1107 00:55:35,410 --> 00:55:36,620 Ég held að hann hefur a renna á því. 1108 00:55:36,620 --> 00:55:37,570 Raunverulega, það er öðruvísi. 1109 00:55:37,570 --> 00:55:41,310 Svo í JavaScript, þú þarft að nota PLÚS að concatenate strengi. 1110 00:55:41,310 --> 00:55:43,280 Og í PHP, þú þarft að nota punktur rekstraraðila. 1111 00:55:43,280 --> 00:55:44,530 Svo þeir eru öðruvísi. 1112 00:55:44,530 --> 00:55:46,680 1113 00:55:46,680 --> 00:55:46,910 >> OK. 1114 00:55:46,910 --> 00:55:49,500 Svo nú er að við höfum fjallað alla þetta PHP, þar sem það 1115 00:55:49,500 --> 00:55:50,490 raunverulega komið sér vel? 1116 00:55:50,490 --> 00:55:54,470 Jæja, það kemur sér vel þegar við getur sameinað það með HTML okkar. 1117 00:55:54,470 --> 00:55:59,550 Svo PHP okkar mun gefa okkur kraft til að breyta HTML efni síðunnar áður en 1118 00:55:59,550 --> 00:56:00,000 hleðsla hennar. 1119 00:56:00,000 --> 00:56:04,270 Svo byggt á mismunandi aðstæður, yfirleitt sérstakur notandi sem er 1120 00:56:04,270 --> 00:56:07,520 skráður inn, getum við sýna mismunandi upplýsingar. 1121 00:56:07,520 --> 00:56:08,800 Linda, varstu með spurningu? 1122 00:56:08,800 --> 00:56:15,510 >> Áhorfendur: Getur þú concatenate heiltala einnig? 1123 00:56:15,510 --> 00:56:16,760 >> ZAMYLA CHAN: Já, þú getur það. 1124 00:56:16,760 --> 00:56:19,530 1125 00:56:19,530 --> 00:56:23,270 Svo var spurningin ef þú getur concatenate heiltölur eða öðrum 1126 00:56:23,270 --> 00:56:28,920 variable.s nú, færa okkur á MVC, sem er hugmyndafræði sem við notuðum í 1127 00:56:28,920 --> 00:56:33,380 pset7 og mikið af vefur hönnuður nota fyrir skipuleggja kóðann í skrá 1128 00:56:33,380 --> 00:56:34,490 á vefsvæði þeirra. 1129 00:56:34,490 --> 00:56:35,870 M stendur fyrir Model. 1130 00:56:35,870 --> 00:56:41,450 Og í rauninni, árgerð skrá vilja takast með samskipti við gagnagrunn. 1131 00:56:41,450 --> 00:56:44,640 Skoða skrár, tengjast þeir til fagurfræði af the website. 1132 00:56:44,640 --> 00:56:47,550 Og stjórnandi handföng beiðni notanda, flokka 1133 00:56:47,550 --> 00:56:49,230 gögn, er önnur rökfræði. 1134 00:56:49,230 --> 00:56:52,520 >> Í pset7, sameina við líkan og stjórnandi. 1135 00:56:52,520 --> 00:56:55,880 Og við bara hringdi þá stýringar og setja þá í opinberri skrá. 1136 00:56:55,880 --> 00:57:01,730 Og skoða skrár, notum við þá sem sniðmát í sniðmátamöppunni skrá. 1137 00:57:01,730 --> 00:57:07,260 Þannig að þetta skýringarmynd hér táknar einnig að sams konar deild við 1138 00:57:07,260 --> 00:57:10,510 fyrirmynd og stjórnandi í fjólublátt hérna vinstra megin og 1139 00:57:10,510 --> 00:57:12,770 útsýnið til hægri. 1140 00:57:12,770 --> 00:57:16,020 Þannig að þetta er teikning sem sum ykkar kann að hafa séð á skrifstofutíma eða 1141 00:57:16,020 --> 00:57:19,130 skýringarmyndir sem við vorum að teikna eins og þú voru vangaveltur út pset þinn. 1142 00:57:19,130 --> 00:57:25,030 >> Svo hér, í tilteknu stjórnandi, líkan stjórnandi, höfum við aðgerðir 1143 00:57:25,030 --> 00:57:30,490 sem tengjast samskipta SQL gagnasafn, framkvæmd PHP rökfræði. 1144 00:57:30,490 --> 00:57:32,370 Kannski þú myndir líta upp lager í Yahoo! 1145 00:57:32,370 --> 00:57:34,590 Fjármál. 1146 00:57:34,590 --> 00:57:37,390 Eða kannski, þú vildi bara athuga sjá hvort notandi hafi lagt fram 1147 00:57:37,390 --> 00:57:40,250 mynda þegar áður hafa heimsótt síðuna þína. 1148 00:57:40,250 --> 00:57:43,390 Og þá þú vildi láta Eyðublað hérna. 1149 00:57:43,390 --> 00:57:48,210 Eftir þessi mynd hafi verið lögð af notanda, aðgerð sem var 1150 00:57:48,210 --> 00:57:53,470 tilgreint í HTML merki Eyðublaðið er myndi kynna síðuna að það 1151 00:57:53,470 --> 00:57:55,620 skilar þessi gögn til. 1152 00:57:55,620 --> 00:57:59,460 >> Svo allar þessar upplýsingar væri sendur aftur til stjórnandi þinn. 1153 00:57:59,460 --> 00:58:02,620 Þá myndi sennilega gera aðeins meira rökfræði á það og kannski framkvæma nokkrar 1154 00:58:02,620 --> 00:58:06,510 Fleiri fyrirspurnir í SQL gagnagrunn og þá loks koma upp með fallega 1155 00:58:06,510 --> 00:58:11,930 pakkað sett af upplýsingum sem þú myndir fara í inn í einhvern annan sniðmát 1156 00:58:11,930 --> 00:58:13,950 sem birtist þær upplýsingar. 1157 00:58:13,950 --> 00:58:17,030 Nú, hvernig gera við pakka í raun að upplýsingar upp? 1158 00:58:17,030 --> 00:58:23,980 Jæja, höfum við fall sem kallast Render sem var í functions.php skrá í 1159 00:58:23,980 --> 00:58:29,950 pset7, þar sem þú fara í nafni skrá, nafn á sniðmáti. 1160 00:58:29,950 --> 00:58:32,160 >> Og þá þú fara líka í að tengin array. 1161 00:58:32,160 --> 00:58:37,150 Og svo stendur að tengin array mismunandi upplýsingar 1162 00:58:37,150 --> 00:58:39,040 sem þú vilt fara inn 1163 00:58:39,040 --> 00:58:43,460 Nú, hvað er að fara að vera stöðug í Þessi dæmi er að lykla eða, 1164 00:58:43,460 --> 00:58:47,070 frekar, lyklar tengin fylki, þeir eru það sem er að fara að vera 1165 00:58:47,070 --> 00:58:51,050 gert ráð fyrir að vera stöðug með því að sniðmátið, því það veit það þarf 1166 00:58:51,050 --> 00:58:53,990 eitthvað sem heitir skilaboð eða nefndi. 1167 00:58:53,990 --> 00:58:56,940 Og þá hluti á hægri, raunveruleg gildi, þannig að í þessu tilfelli, sem er 1168 00:58:56,940 --> 00:59:00,750 góður drengur og Milo, eru þeir að fara að vera gildin sem eru að breytast 1169 00:59:00,750 --> 00:59:05,610 að stýringin breytist í hvert skipti eða byggjast á ákveðnu ástandi og 1170 00:59:05,610 --> 00:59:07,120 mun fara sem inn 1171 00:59:07,120 --> 00:59:12,790 >> Svo hér í sniðmát, sjáum við að við eru að nota HTML sérstaka stafi, 1172 00:59:12,790 --> 00:59:16,370 sem bara í rauninni þýðir að við viljum að fá jafningi band sem 1173 00:59:16,370 --> 00:59:17,580 notandi setur inn 1174 00:59:17,580 --> 00:59:20,880 Og við viljum að skipta skilaboð þar. 1175 00:59:20,880 --> 00:59:26,110 Svo þá þegar við skoða raunverulega skráin, tiltekna 1176 00:59:26,110 --> 00:59:28,700 upplýsingar eru liðin inn 1177 00:59:28,700 --> 00:59:33,850 Athugaðu að lykillinn hvernig bakið verk er að lyklar við tengin 1178 00:59:33,850 --> 00:59:37,170 fylki, þá verða breytilegir nöfn hér. 1179 00:59:37,170 --> 00:59:40,720 Og svo gildin þessi lykill Í tengin array verður þá 1180 00:59:40,720 --> 00:59:41,970 gildi breytunnar. 1181 00:59:41,970 --> 00:59:44,800 1182 00:59:44,800 --> 00:59:46,040 >> Nú, við skulum fara til SQL. 1183 00:59:46,040 --> 00:59:48,010 Það stendur fyrir Structured Query Language. 1184 00:59:48,010 --> 00:59:50,460 Og svo er þetta bara forritun tungumál af ásettu ráði 1185 00:59:50,460 --> 00:59:51,880 til að stjórna gagnagrunna. 1186 00:59:51,880 --> 00:59:56,860 Og það kom sér vel fyrir okkur í pset7 fjármál heimasíðu okkar. 1187 00:59:56,860 --> 01:00:00,510 Í meginatriðum, það er bara auðveld leið til að fylgjast með og stjórna hlutum og töflur 1188 01:00:00,510 --> 01:00:02,070 og tengja þau við hvert annað. 1189 01:00:02,070 --> 01:00:06,860 Nú, hugsa um SQL þinn gagnasafn grundvallaratriðum eins og Excel skrá, ef til vill, 1190 01:00:06,860 --> 01:00:10,040 með mörgum grábröndóttur köttur blöð. 1191 01:00:10,040 --> 01:00:13,820 >> Svo þú gætir hafa margar töflur, til vill, sem tengd hvort við annað. 1192 01:00:13,820 --> 01:00:19,420 Og mikill eins og Excel, höfum við mikið af virkni sem við viljum. 1193 01:00:19,420 --> 01:00:22,300 Til dæmis getum við valið ákveðnar raðir. 1194 01:00:22,300 --> 01:00:24,110 Við getum sett upplýsingar. 1195 01:00:24,110 --> 01:00:25,560 Við getum uppfært raðir. 1196 01:00:25,560 --> 01:00:27,440 Og við getum einnig eyða hlutum. 1197 01:00:27,440 --> 01:00:30,920 1198 01:00:30,920 --> 01:00:36,560 >> SQL velja verk með því að velja raðir eða röð af tilgreindum dálka A 1199 01:00:36,560 --> 01:00:39,640 gagnasafn sem passa ákveðin viðmið sem þú tilgreinir. 1200 01:00:39,640 --> 01:00:44,930 Svo hérna þegar ég sé að velja * frá galdramenn þar sem húsið = Ravenclaw, þá 1201 01:00:44,930 --> 01:00:48,340 Ég er að velja *, sem þýðir að ég er velja hvert einasta dálk í því 1202 01:00:48,340 --> 01:00:56,340 róa frá töframaður borðið en aðeins ef húsið dálki jafngildir Ravenclaw. 1203 01:00:56,340 --> 01:00:57,840 Nú, þetta er hreint eða SQL. 1204 01:00:57,840 --> 01:01:02,680 Þannig að ef ég fór í phpMyAdmin, sem er sérstakan hátt sem við notum til að stjórna 1205 01:01:02,680 --> 01:01:07,040 SQL gagnagrunna okkar, þá gæti ég sett inn að í phpMyAdmin website. 1206 01:01:07,040 --> 01:01:08,290 Og það myndi framkvæma. 1207 01:01:08,290 --> 01:01:11,280 >> En við viljum í raun og veru að gera að á PHP megin. 1208 01:01:11,280 --> 01:01:12,580 Svo hvernig gerum við það? 1209 01:01:12,580 --> 01:01:20,180 Jæja, við notum fyrirspurn virka, sem grundvallaratriðum keyrir sem SQL fyrirspurn. 1210 01:01:20,180 --> 01:01:21,830 Nota? 1211 01:01:21,830 --> 01:01:25,850 sem tákn, getum við fara í tilteknar gildi til band okkar sem við 1212 01:01:25,850 --> 01:01:26,920 langar að skipta. 1213 01:01:26,920 --> 01:01:32,110 Svo kannski er ég að geyma mismunandi gildi í curr_house, sem 1214 01:01:32,110 --> 01:01:34,400 sýnir núverandi hús að ég ætla í gegnum. 1215 01:01:34,400 --> 01:01:39,040 Svo ég get framhjá að í sem tákn með spurningarmerki. 1216 01:01:39,040 --> 01:01:43,290 Og þá ég í grundvallaratriðum framkvæma á sama og ég gerði áður, nema 1217 01:01:43,290 --> 01:01:45,550 nú er ég í PHP. 1218 01:01:45,550 --> 01:01:51,300 >> Og fyrirspurn mun skila að tengin array. 1219 01:01:51,300 --> 01:01:53,470 Og ég ætla að geyma það í raðir. 1220 01:01:53,470 --> 01:01:56,880 Nú fyrirspurn getur alltaf mistakast. 1221 01:01:56,880 --> 01:02:02,870 Kannski SQL fyrirspurn gæti ekki keyrt af því að taflan ekki til staðar. 1222 01:02:02,870 --> 01:02:04,310 Eða kannski, dálkurinn ekki til. 1223 01:02:04,310 --> 01:02:05,400 Eitthvað fór úrskeiðis. 1224 01:02:05,400 --> 01:02:08,170 Jæja, í því tilviki, youll 'vilja til gera viss um að þú athuga hvort 1225 01:02:08,170 --> 01:02:09,700 fyrirspurn aftur ósatt. 1226 01:02:09,700 --> 01:02:15,590 Og það er með því að nota þrefalda jafngildir rekstur þar. 1227 01:02:15,590 --> 01:02:19,660 >> Og þá ég afsökunar, sem er annar CS50 virka, sem liggur í skilaboðum. 1228 01:02:19,660 --> 01:02:23,435 Og ef þú lítur inn biðjumst, allt það raunverulega gerir er bakið apology.php. 1229 01:02:23,435 --> 01:02:26,100 1230 01:02:26,100 --> 01:02:26,410 Já. 1231 01:02:26,410 --> 01:02:29,630 >> Áhorfendur: Gætirðu útskýrt hvað það star er á milli Veldu og svo úr? 1232 01:02:29,630 --> 01:02:30,710 >> ZAMYLA CHAN: Já, algerlega. 1233 01:02:30,710 --> 01:02:35,220 Svo stjarna í milli Veldu og svo úr þýðir að ég vil velja öllu 1234 01:02:35,220 --> 01:02:37,440 heila röð af borðum mínum. 1235 01:02:37,440 --> 01:02:41,900 Ég hefði getað gefið til kynna með því að velja nafn, ár, hús. 1236 01:02:41,900 --> 01:02:46,160 Og ég vildi bara fá þessir þrír dálka í töflunni minni. 1237 01:02:46,160 --> 01:02:51,560 En ef ég segi að velja *, þá ég fá allt í þeim dálki. 1238 01:02:51,560 --> 01:02:53,760 Þá er ég að fara að fara þér í bak fyrst. 1239 01:02:53,760 --> 01:02:57,656 >> Áhorfendur: Svo er þetta enn í SQL, ekki satt? 1240 01:02:57,656 --> 01:02:59,610 Er þetta fyrirspurn eða er þetta PHP? 1241 01:02:59,610 --> 01:03:00,550 >> ZAMYLA CHAN: Við erum í fyrirspurn. 1242 01:03:00,550 --> 01:03:01,940 Svo er þetta í PHP. 1243 01:03:01,940 --> 01:03:06,280 Svo nota PHP virka fyrirspurn, við erum að framkvæma SQL fyrirspurn. 1244 01:03:06,280 --> 01:03:11,988 1245 01:03:11,988 --> 01:03:15,364 >> Áhorfendur: Er nokkuð í SQL há-og lágstöfum, eins veldu 1246 01:03:15,364 --> 01:03:17,834 eða galdramenn eða húsi? 1247 01:03:17,834 --> 01:03:20,050 >> ZAMYLA CHAN: Er eitthvað í SQL há-og lágstöfum? 1248 01:03:20,050 --> 01:03:21,760 Ég tel svo, já. 1249 01:03:21,760 --> 01:03:24,620 Ég tel að Veldu og svo úr Og hvar eru há-og lágstöfum. 1250 01:03:24,620 --> 01:03:25,535 Nei? 1251 01:03:25,535 --> 01:03:27,500 >> ROB BOWDEN: Svo er það hið gagnstæða. 1252 01:03:27,500 --> 01:03:32,030 Dálkinum nöfn og borðið hætti, Allir sem eru há-og lágstöfum. 1253 01:03:32,030 --> 01:03:35,470 En einhverju MySQL lykilorðin, eins SELECT, og hvert, eru þeir ekki 1254 01:03:35,470 --> 01:03:36,140 há-og lágstöfum. 1255 01:03:36,140 --> 01:03:36,420 OK. 1256 01:03:36,420 --> 01:03:37,780 Svo andstæða þess sem ég sagði. 1257 01:03:37,780 --> 01:03:40,420 Svo allt í MySQL leitarorð - 1258 01:03:40,420 --> 01:03:42,670 velja, frá, þar sem - þeir eru ekki há-og lágstöfum. 1259 01:03:42,670 --> 01:03:44,630 En allt annað er. 1260 01:03:44,630 --> 01:03:45,210 OK. 1261 01:03:45,210 --> 01:03:46,500 Þú í framan. 1262 01:03:46,500 --> 01:03:52,041 >> Áhorfendur: Ef ég hef $ raðir varðar fleiri en eina röð, þýðir það er 1263 01:03:52,041 --> 01:03:53,640 bara verður að tengin array? 1264 01:03:53,640 --> 01:03:59,550 >> ZAMYLA CHAN: Svo spurningin var hvort raðir hefur meira en eina röð í það, er 1265 01:03:59,550 --> 01:04:01,800 það verða tengin array? 1266 01:04:01,800 --> 01:04:05,680 Svo er það fylki í tengin fylki nú þegar. 1267 01:04:05,680 --> 01:04:10,730 Svo jafnvel ef það er aðeins einn róður aftur, þá þú vilt verða að fara til 1268 01:04:10,730 --> 01:04:12,690 Vísitala 0 þeirrar niðurstöðu. 1269 01:04:12,690 --> 01:04:15,316 Og þá þú vilt hafa þessi fyrstu röðinni. 1270 01:04:15,316 --> 01:04:17,482 Já, Belinda? 1271 01:04:17,482 --> 01:04:21,258 >> Áhorfendur: Þegar þú notar ===, er þetta eina dæmi? 1272 01:04:21,258 --> 01:04:22,210 Eða eru aðrir? 1273 01:04:22,210 --> 01:04:26,815 >> ZAMYLA CHAN: Svo í þessu tilfelli, === er samanburður á tegundum. 1274 01:04:26,815 --> 01:04:29,870 1275 01:04:29,870 --> 01:04:34,050 Sorry. === Er samanburður að bera saman þær tegundir. 1276 01:04:34,050 --> 01:04:37,620 Og þá == ber saman öllum gerðum. 1277 01:04:37,620 --> 01:04:41,620 >> Áhorfendur: Getur þú útskýrt hvað röðum er í þessu ástandi? 1278 01:04:41,620 --> 01:04:45,120 Er það röð af gögnum? 1279 01:04:45,120 --> 01:04:48,100 >> ZAMYLA CHAN: Í næstu skyggnu, ég er að fara að útskýra hvað raðir er. 1280 01:04:48,100 --> 01:04:49,890 Þannig að ef þú dont 'hugur að halda burt á það. 1281 01:04:49,890 --> 01:04:50,620 Og þá þú á bakinu? 1282 01:04:50,620 --> 01:04:54,699 >> Áhorfendur: Fyrir aðgerðir eins fyrirspurn, bakið og biðjast afsökunar [inaudible]? 1283 01:04:54,699 --> 01:04:59,050 1284 01:04:59,050 --> 01:05:03,050 >> ZAMYLA CHAN: Spurningin var hvort þessar aðgerðir - fyrirspurn, afsökunar, 1285 01:05:03,050 --> 01:05:04,510 og veita - 1286 01:05:04,510 --> 01:05:05,930 eru algeng um PHP. 1287 01:05:05,930 --> 01:05:09,460 Þetta eru þau sem CS50 skrifaði fyrir pset7. 1288 01:05:09,460 --> 01:05:09,910 Og Jay? 1289 01:05:09,910 --> 01:05:15,333 >> Áhorfendur: Þegar þú þarft að segja $ _SESSION, Er að einungis fyrir auðkenni? 1290 01:05:15,333 --> 01:05:17,310 Eða þú gætir hafa sagt að hér? 1291 01:05:17,310 --> 01:05:23,440 >> ZAMYLA CHAN: Svo spurningin var, þegar við notum $ _SESSION, sem var sérstakur 1292 01:05:23,440 --> 01:05:25,290 alþjóðlegt breytu sem við erum að nota. 1293 01:05:25,290 --> 01:05:32,080 Hér þessi breyta er að fara að vera staðbundið við virka okkar. 1294 01:05:32,080 --> 01:05:36,588 Þannig að við erum bara að lýsa yfir nýja breytu. 1295 01:05:36,588 --> 01:05:38,460 >> Áhorfendur: Hvernig er afsökunar hrint í framkvæmd? 1296 01:05:38,460 --> 01:05:40,960 >> ZAMYLA CHAN: Spurningin var, hvernig er afsökunar til framkvæmda? 1297 01:05:40,960 --> 01:05:44,180 Og ég held að þetta er í raun nokkuð góð æfing fyrir ykkur að fara í 1298 01:05:44,180 --> 01:05:49,260 á functions.php kafla og líta á afsökunar og sjá hvernig þú gætir hafa 1299 01:05:49,260 --> 01:05:50,670 gert það sjálfur. 1300 01:05:50,670 --> 01:05:55,620 Svo ég gæti skilið það til þín en bara segja að ef þú horfir á afsökunar, 1301 01:05:55,620 --> 01:06:02,110 þá tekur það skilaboðin sem þú lögð til afsökunar, og þá er það 1302 01:06:02,110 --> 01:06:06,570 gerir þessi skilaboð. 1303 01:06:06,570 --> 01:06:08,240 Einhverjar fleiri spurningar? 1304 01:06:08,240 --> 01:06:08,710 Ég elska spurningum. 1305 01:06:08,710 --> 01:06:09,555 Svo að halda þeim að koma. 1306 01:06:09,555 --> 01:06:11,888 >> Áhorfendur: [inaudible] 1307 01:06:11,888 --> 01:06:13,840 echo eða prenta það? 1308 01:06:13,840 --> 01:06:15,900 >> ZAMYLA CHAN: Spurningin var, gætum við ekki bara hafa sett 1309 01:06:15,900 --> 01:06:17,000 echo eða prenta það. 1310 01:06:17,000 --> 01:06:19,710 Svo sem hefði gert eitthvað örlítið öðruvísi. 1311 01:06:19,710 --> 01:06:23,750 Sem hefði prentað fyrirspurn ekki inn í það - 1312 01:06:23,750 --> 01:06:27,420 Jæja, núna erum við í raun og veru í stýringu okkar. 1313 01:06:27,420 --> 01:06:30,350 Þannig að við í raun ekki hafa HTML sett upp hér. 1314 01:06:30,350 --> 01:06:34,946 Afsökunar með því að flutningur apologize.php reyndar tilvísanir þú apology.php. 1315 01:06:34,946 --> 01:06:39,560 1316 01:06:39,560 --> 01:06:42,200 OK. 1317 01:06:42,200 --> 01:06:45,880 >> Svo nú skulum við fara að takast á við spurning frá fyrr um hvað 1318 01:06:45,880 --> 01:06:47,330 raunverulega er raðir. 1319 01:06:47,330 --> 01:06:51,960 Jæja, fyrirspurn mun skila fylki af línum. 1320 01:06:51,960 --> 01:06:55,020 Og sérhver röð er táknuð með tengin array. 1321 01:06:55,020 --> 01:07:02,840 Svo ef ég hef framkvæmt nokkur SQL fyrirspurn og Ég hef geymt niðurstöðuna í raðir, þá 1322 01:07:02,840 --> 01:07:07,850 nota framhandleggur lykkja, þá array nafn er sá fyrsti þar - raðir. 1323 01:07:07,850 --> 01:07:13,170 Og þá ætla ég að hringja sérhver röð í það $ röð. 1324 01:07:13,170 --> 01:07:20,060 >> Svo iterating yfir það, ég get þá aðgang Name dálkinn gefinna ROW er, 1325 01:07:20,060 --> 01:07:22,340 ári dálki, og hús dálki. 1326 01:07:22,340 --> 01:07:28,010 Athugið að ég hefði ekki getað gera þetta með raðir, vegna Raðir vísitölu 1327 01:07:28,010 --> 01:07:29,290 name er ekki til. 1328 01:07:29,290 --> 01:07:31,970 Raðir er bara fylki af tengin fylki. 1329 01:07:31,970 --> 01:07:34,870 Þannig að þú hefur tvö stig þar. 1330 01:07:34,870 --> 01:07:37,170 Þegar þú hefur fjölbreytta raðir, þú þarft að komast inn í það. 1331 01:07:37,170 --> 01:07:39,110 Og þá getur þú nálgast dálka. 1332 01:07:39,110 --> 01:07:41,636 Gerði að gera það alveg ljóst? 1333 01:07:41,636 --> 01:07:42,520 Já, í framan? 1334 01:07:42,520 --> 01:07:45,490 >> Áhorfendur: [inaudible] opna sviga fyrir [inaudible]? 1335 01:07:45,490 --> 01:07:46,220 >> ZAMYLA CHAN: Fyrirgefðu mér? 1336 01:07:46,220 --> 01:07:49,740 >> Áhorfendur: Opnar sviga. 1337 01:07:49,740 --> 01:07:52,420 >> ZAMYLA CHAN: Þessir hér? 1338 01:07:52,420 --> 01:07:58,520 Það er að leyfa mér að fela sem breytu. 1339 01:07:58,520 --> 01:07:58,670 Já. 1340 01:07:58,670 --> 01:08:01,900 >> Áhorfendur: Þegar þú hefur prentað, þú ert prentun og HTML kóða? 1341 01:08:01,900 --> 01:08:03,110 >> ZAMYLA CHAN: Já. 1342 01:08:03,110 --> 01:08:07,720 Þegar ég prenta, þetta hér er inni sniðmát mitt nú, svo 1343 01:08:07,720 --> 01:08:10,310 mín sýn á MVC aðferð. 1344 01:08:10,310 --> 01:08:12,750 Þannig að ég ætla að prenta inn í HTML. 1345 01:08:12,750 --> 01:08:16,670 >> Áhorfendur: Svo ef við fórum inn verktaki verkfæri eftir að keyra þetta, við gátum 1346 01:08:16,670 --> 01:08:17,160 sem reyndar í kóða? 1347 01:08:17,160 --> 01:08:18,410 >> ZAMYLA CHAN: Þetta er frábær spurning, já. 1348 01:08:18,410 --> 01:08:22,359 Þannig að ef þú fórst inn í tæki verktaki í Firefox nota Firebug eða 1349 01:08:22,359 --> 01:08:26,109 Króm, þá já, þú gætir sjá sérstaka HTML. 1350 01:08:26,109 --> 01:08:28,470 Svo það myndi ekki sýna $ röð ["nafn"]. 1351 01:08:28,470 --> 01:08:32,524 Það myndi sýna hvort nafn er í röðinni. 1352 01:08:32,524 --> 01:08:36,268 >> Áhorfendur: Bara almenn mál, hvað eru tr og td skilgreind sem? 1353 01:08:36,268 --> 01:08:37,672 Hvers vegna ættum við [inaudible]? 1354 01:08:37,672 --> 01:08:41,850 1355 01:08:41,850 --> 01:08:44,814 >> ZAMYLA CHAN: Tafla róður TR, borð keppnisstjóra þá dálki. 1356 01:08:44,814 --> 01:08:48,060 1357 01:08:48,060 --> 01:08:49,310 OK. 1358 01:08:49,310 --> 01:08:55,771 1359 01:08:55,771 --> 01:08:56,835 >> Áhorfendur: Já, það er borð gögn. 1360 01:08:56,835 --> 01:08:58,770 >> ZAMYLA CHAN: Tafla gögn. 1361 01:08:58,770 --> 01:08:59,894 Já. 1362 01:08:59,894 --> 01:09:08,670 >> Áhorfendur: Það er röð þar sem röð er meðhöndluð eins og a dálki? 1363 01:09:08,670 --> 01:09:08,910 >> ZAMYLA CHAN: Því miður. 1364 01:09:08,910 --> 01:09:10,570 Geturðu endurtekið þetta? 1365 01:09:10,570 --> 01:09:14,450 >> Áhorfendur: Hvernig myndir þú sjón raðir? 1366 01:09:14,450 --> 01:09:16,310 >> ZAMYLA CHAN: Hvernig myndir þú sjón raðir í hvaða hátt? 1367 01:09:16,310 --> 01:09:21,796 Ertu að tala um þessar raðir hér eða tr raðir? 1368 01:09:21,796 --> 01:09:22,630 >> Áhorfendur: raðir. 1369 01:09:22,630 --> 01:09:25,229 >> ZAMYLA CHAN: Þessar raðir hér? 1370 01:09:25,229 --> 01:09:28,620 Ég myndi sjón þetta sem Ég framkvæma fyrirspurn minni. 1371 01:09:28,620 --> 01:09:38,729 Og það segir, allt í lagi, ég hef annaðhvort 0 til n magn af línum sem passa við skilyrðin 1372 01:09:38,729 --> 01:09:40,510 að þú hefðir sent fyrirspurn. 1373 01:09:40,510 --> 01:09:43,740 Svo ég hef fengið fjölda lína. 1374 01:09:43,740 --> 01:09:51,450 Svo raðir, the $ raðir, verslanir hvor einn af þeim línum í array. 1375 01:09:51,450 --> 01:09:58,110 Svo jafnvel ef það er bara einn af þeim, það er ennþá fjölda raðir sem passa hana. 1376 01:09:58,110 --> 01:10:03,010 >> Þess vegna, til dæmis, er þetta svipað og þegar þú sóttur 1377 01:10:03,010 --> 01:10:05,390 skyndiminni frá notendum. 1378 01:10:05,390 --> 01:10:10,810 Og viðmiðanirnar var þar ID jafngildir fundur ID. 1379 01:10:10,810 --> 01:10:14,250 Það raunverulega er aðeins ein röð sem gæti passa það. 1380 01:10:14,250 --> 01:10:18,960 En samt raðir aftur bara einn róður. 1381 01:10:18,960 --> 01:10:22,620 Svo þú vilt verða að fara til raðir, Vísitala 0, vísitölu skyndiminni til 1382 01:10:22,620 --> 01:10:26,195 í raun fá að skyndiminni. 1383 01:10:26,195 --> 01:10:29,650 >> Áhorfendur: Er prenta virka í takt við það sama? 1384 01:10:29,650 --> 01:10:30,670 >> ZAMYLA CHAN: Já. 1385 01:10:30,670 --> 01:10:31,190 Já. 1386 01:10:31,190 --> 01:10:33,304 Prenta bergmál af sama. 1387 01:10:33,304 --> 01:10:42,400 >> Áhorfendur: Er framhandleggur lykkja í Eina leiðin til að kemba í raðir? 1388 01:10:42,400 --> 01:10:46,110 >> ZAMYLA CHAN: Er framhandleggur lykkja eina leiðin sem þú getur 1389 01:10:46,110 --> 01:10:47,030 iterate gegnum raðir? 1390 01:10:47,030 --> 01:10:47,180 Nei 1391 01:10:47,180 --> 01:10:51,000 Þú getur líka notað for lykkju, enda að þú veist lengd 1392 01:10:51,000 --> 01:10:53,024 af array röðinni er. 1393 01:10:53,024 --> 01:10:58,500 >> Áhorfendur: Gætirðu nálgast það nota röð sem [inaudible]? 1394 01:10:58,500 --> 01:11:01,640 >> ZAMYLA CHAN: Svo þú getur ekki opnað það bara að nota röð ef þú ert ekki með 1395 01:11:01,640 --> 01:11:05,160 framhandleggur lykkja tilskildu að þú hefur ekki lýst röð. 1396 01:11:05,160 --> 01:11:08,150 1397 01:11:08,150 --> 01:11:09,660 Já. 1398 01:11:09,660 --> 01:11:10,810 Já, í hvíta. 1399 01:11:10,810 --> 01:11:13,990 >> Áhorfendur: Svo hvað TR og td gera? 1400 01:11:13,990 --> 01:11:16,790 >> ZAMYLA CHAN: Svo TR og td eru HTML tags. 1401 01:11:16,790 --> 01:11:19,590 TR sýnir upphaf um borð röð. 1402 01:11:19,590 --> 01:11:26,625 Og hver td táknar ný borð gögn dálki. 1403 01:11:26,625 --> 01:11:32,275 >> Áhorfendur: Fyrir visual hvað röð er eins, bara ímyndað SQL, hvernig 1404 01:11:32,275 --> 01:11:33,510 þeir hafa röð. 1405 01:11:33,510 --> 01:11:35,980 [Inaudible]. 1406 01:11:35,980 --> 01:11:36,390 >> ZAMYLA CHAN: Já. 1407 01:11:36,390 --> 01:11:37,630 Það er frábær benda. 1408 01:11:37,630 --> 01:11:41,510 Þú getur sjón raðir sem bara eins og í Excel töflunni, bara 1409 01:11:41,510 --> 01:11:44,540 listi af the lína. 1410 01:11:44,540 --> 01:11:46,870 OK. 1411 01:11:46,870 --> 01:11:47,230 Allt í lagi. 1412 01:11:47,230 --> 01:11:50,740 Svo nú er að við höfum farið yfir velja, ef það eru ekki einhverjar fleiri spurningar, við munum 1413 01:11:50,740 --> 01:11:52,970 fara yfir á Insert. 1414 01:11:52,970 --> 01:11:58,220 Þannig að ef ég vildi setja inn nokkrar borð og setja ákveðna dálk 1415 01:11:58,220 --> 01:12:02,320 gildi, gæti ég sett mig í Ravenclaw í 7. 1416 01:12:02,320 --> 01:12:07,245 En stundum það gæti verið afrit gildi, eins og við sáum í pset7 þegar við 1417 01:12:07,245 --> 01:12:09,240 voru að uppfæra okkar eigu. 1418 01:12:09,240 --> 01:12:15,610 >> Svo í þessu tilfelli, viljum við nota ON Afrit KEY UPDATE, svo að við gerum ekki 1419 01:12:15,610 --> 01:12:18,280 geyma margar línur með sama gildi heldur uppfæra hana. 1420 01:12:18,280 --> 01:12:21,780 1421 01:12:21,780 --> 01:12:25,560 Þá höfum við í raun uppfærslu, sem er ekki innskot. 1422 01:12:25,560 --> 01:12:30,100 Það er bara að uppfæra þar til þú uppfærir í ákveðinni töflu með tilteknu 1423 01:12:30,100 --> 01:12:34,403 viðmiðanir og þá loks, eyða, sem gerir mjög svipað hlutur. 1424 01:12:34,403 --> 01:12:40,200 >> Áhorfendur: Gætirðu stuttlega fara yfir afrit lykill? 1425 01:12:40,200 --> 01:12:40,850 >> ZAMYLA CHAN: Já. 1426 01:12:40,850 --> 01:12:48,340 Raun hér, hef ég INSERT INTO Gringott er, galleons þessi gildi. 1427 01:12:48,340 --> 01:12:56,900 En ID, væntanlega, er ótvíræða gildi sett upp í MySQL töflunni. 1428 01:12:56,900 --> 01:13:06,750 Þannig að ef ég nú þegar hafa þessi ID sett upp, þá get ég ekki setja inn nýja röð. 1429 01:13:06,750 --> 01:13:10,961 Þannig að ef það er ekki til nú þegar, þá verð ég að uppfæra hana. 1430 01:13:10,961 --> 01:13:16,040 1431 01:13:16,040 --> 01:13:17,722 Í miðri á hvítu. 1432 01:13:17,722 --> 01:13:21,570 >> Áhorfendur: Svo INSERT, UPDATE, eyða, og velja, eru þeir allt í boði 1433 01:13:21,570 --> 01:13:22,875 staðbundið [inaudible]? 1434 01:13:22,875 --> 01:13:27,320 1435 01:13:27,320 --> 01:13:29,630 >> ZAMYLA CHAN: Svo setja, endurnýja, eyða, og 1436 01:13:29,630 --> 01:13:31,120 velja eru öll SQL fyrirspurnum. 1437 01:13:31,120 --> 01:13:34,970 Svo þegar þú ert að nota SQL, þú munt hafa þá í boði. 1438 01:13:34,970 --> 01:13:38,226 1439 01:13:38,226 --> 01:13:40,706 >> Áhorfendur: aftur til fortíðar Skyndipróf - 1440 01:13:40,706 --> 01:13:44,178 það var spurning sem fjallað ef þú hefðir borð og vildi 1441 01:13:44,178 --> 01:13:52,610 setja próf skora í einu og þú setja nafn þitt svo það mun ekki láta þig 1442 01:13:52,610 --> 01:13:54,594 [Inaudible] skora vinar þíns. 1443 01:13:54,594 --> 01:13:59,060 Hvernig myndir þú gera það með innskoti? 1444 01:13:59,060 --> 01:14:02,490 >> ZAMYLA CHAN: Svo spurningin var um fyrri miðjan tíma spurning. 1445 01:14:02,490 --> 01:14:04,320 Ég er ekki kunnugt um hver einn það er núna. 1446 01:14:04,320 --> 01:14:06,790 Svo kannski síðar, ef þú vilt að koma upp og sýna mér, þá get ég 1447 01:14:06,790 --> 01:14:08,155 örugglega gefa þér ráð. 1448 01:14:08,155 --> 01:14:11,250 1449 01:14:11,250 --> 01:14:15,460 En að tala um að setja hluti, eins og taka stöðuna einhvers þegar þú 1450 01:14:15,460 --> 01:14:18,800 ætti ekki, við skulum tala um SQL innspýting árás. 1451 01:14:18,800 --> 01:14:22,050 Svo er SQL innspýting árás meginatriðum þar sem einhver tekur 1452 01:14:22,050 --> 01:14:27,680 Kosturinn við lágt öryggi leiðin sem þú ert að taka í gögnum. 1453 01:14:27,680 --> 01:14:35,660 >> Svo hér, rétt eins og í CS50 fjármál, þegar við skráður inn, getum við inn í 1454 01:14:35,660 --> 01:14:39,510 username í innskráningu formi, fyrsta textareitinn, og 1455 01:14:39,510 --> 01:14:41,570 svo inn í lykilorð. 1456 01:14:41,570 --> 01:14:45,610 Kannski PHP kóðann okkar gæti litið eitthvað eins og þetta, þar sem $ notandanafn 1457 01:14:45,610 --> 01:14:51,410 er eftir gögn notandanafn og lykilorð er eftir gögn lykilorð. 1458 01:14:51,410 --> 01:14:55,110 Og þá erum við að framkvæma bara fyrirspurn okkar, segjum, OK, vel, fyrirspurn okkar er að fara að 1459 01:14:55,110 --> 01:14:57,990 velja frá notendum okkar, þar notandanafnið er 1460 01:14:57,990 --> 01:14:58,970 eitt sem þeir skila. 1461 01:14:58,970 --> 01:15:06,870 Og lykilorðið er lykilorðið, sem þýðir að Lykilorðin stemma. 1462 01:15:06,870 --> 01:15:12,670 >> Nú, hvað ef í stað þess að í raun og veru skila inn lykilorðið, eins og 1463 01:15:12,670 --> 01:15:16,850 12345 og giska á prong sem segir lykilorð og reyna að hakk þeirra 1464 01:15:16,850 --> 01:15:21,460 reikningur, hvað ef í staðinn þeir skilað þessu. 1465 01:15:21,460 --> 01:15:24,380 Þeir gætu slá í kannski giska á lykilorð. 1466 01:15:24,380 --> 01:15:30,480 Og þá myndu þeir klára vitna þá tegund í eða 1 = 1. 1467 01:15:30,480 --> 01:15:35,160 Það myndi hraða beint inn í SQL fyrirspurn að líta eitthvað eins og this. 1468 01:15:35,160 --> 01:15:38,200 Veldu frá notendum þar sem notandanafn = prongs og lykilorð 1469 01:15:38,200 --> 01:15:41,450 jafngildir Lily eða 1 = 1. 1470 01:15:41,450 --> 01:15:45,450 >> Svo hefur annaðhvort lykilorð til að vera rétt eða 1 = 1, 1471 01:15:45,450 --> 01:15:47,870 sem er alltaf satt. 1472 01:15:47,870 --> 01:15:52,780 Svo í þessu tilfelli, í grundvallaratriðum, sem notandi getur nýta þetta og bara að skrá þig 1473 01:15:52,780 --> 01:15:55,240 sig í og ​​hakk reikningur einhvers. 1474 01:15:55,240 --> 01:15:58,950 Svo að hvers vegna við viljum forðast einhver að þurfa að gera þetta. 1475 01:15:58,950 --> 01:16:03,890 En sem betur fer, fyrirspurn virka með brottför í staðgengla mun taka 1476 01:16:03,890 --> 01:16:04,800 sjá um þetta fyrir þig. 1477 01:16:04,800 --> 01:16:08,570 Einnig munt þú yfirleitt aldrei vilja til raunverulega skila lykilorð 1478 01:16:08,570 --> 01:16:09,310 sjálfir. 1479 01:16:09,310 --> 01:16:14,115 Þess vegna höfum við kjötkássa eða brengla þá í CS50 fjármál. 1480 01:16:14,115 --> 01:16:17,553 >> Áhorfendur: Fortíðin quiz talaði um MySQL flýja strengi. 1481 01:16:17,553 --> 01:16:21,800 Þurfum við að hafa áhyggjur af því? 1482 01:16:21,800 --> 01:16:22,670 >> ZAMYLA CHAN: Það er góð spurning. 1483 01:16:22,670 --> 01:16:29,050 The MySQL flýja strings er ákveðið fall sem var notað í fyrirspurn okkar. 1484 01:16:29,050 --> 01:16:30,420 En ákveðið að líta inn í það. 1485 01:16:30,420 --> 01:16:32,950 Ég myndi segja að það er sanngjarn leikur að vita sem þú vilt þurfa að kalla það 1486 01:16:32,950 --> 01:16:34,370 virka á band. 1487 01:16:34,370 --> 01:16:35,245 Já, Belinda? 1488 01:16:35,245 --> 01:16:38,606 >> Áhorfendur: Hvernig veistu hvenær það er einfalda gæsalöpp eða gæsalappa? 1489 01:16:38,606 --> 01:16:43,516 Og líka, mér finnst eins og í fyrirlestri sem þú getið eitthvað um að hafa ekki 1490 01:16:43,516 --> 01:16:48,426 á [inaudible] eða eitthvað eða annað eins vitna í lokin. 1491 01:16:48,426 --> 01:16:56,407 1492 01:16:56,407 --> 01:17:00,825 Ég held að hann benti á í fyrirlestri sem þú ert ímyndaður til hafa úrfellingarmerki 1 1493 01:17:00,825 --> 01:17:04,290 og þá ekki úrfellingarmerki eða eitthvað. 1494 01:17:04,290 --> 01:17:05,540 >> Áhorfendur: [inaudible]. 1495 01:17:05,540 --> 01:17:14,860 1496 01:17:14,860 --> 01:17:18,657 >> Áhorfendur: Málið er síðasta einn vitna í það í þeirri seinni reitinn 1497 01:17:18,657 --> 01:17:19,391 ætti ekki að vera þarna. 1498 01:17:19,391 --> 01:17:21,840 [Inaudible] 1499 01:17:21,840 --> 01:17:26,730 Því þegar þú tekur það síðasta einn vitna út og passa þetta fyrir efni 1500 01:17:26,730 --> 01:17:30,522 þar sem lykilorðið er, ef þú ert að fyrirspurn, það er einn vitna í 1501 01:17:30,522 --> 01:17:31,340 enda þegar. 1502 01:17:31,340 --> 01:17:36,580 Þú vilt nota þessi einn vitna og sú sem snýr að einn 1503 01:17:36,580 --> 01:17:37,574 [Inaudible]. 1504 01:17:37,574 --> 01:17:42,820 Svo er það í raun í þeim texta kassi ætti ekki að hafa það. 1505 01:17:42,820 --> 01:17:44,070 >> ZAMYLA CHAN: Ég breyta því. 1506 01:17:44,070 --> 01:17:56,490 1507 01:17:56,490 --> 01:17:56,880 OK. 1508 01:17:56,880 --> 01:18:00,435 Ef það eru ekki einhverjar spurningar, þá ég gefa það yfir til Jósefs að tala 1509 01:18:00,435 --> 01:18:04,332 um JavaScript, et cetera. 1510 01:18:04,332 --> 01:18:09,540 >> [Applause] 1511 01:18:09,540 --> 01:18:11,660 >> JOSEPH Ong: Þannig að við erum að keyra svolítið á bak. 1512 01:18:11,660 --> 01:18:13,280 Svo ef þú ert að fara, það er allt í lagi. 1513 01:18:13,280 --> 01:18:16,540 En við biðjum að þú haldir höfuð niður ef þú ert í the miðja, svo þú 1514 01:18:16,540 --> 01:18:19,560 ekki loka á myndavélinni og þú notar aftur hætta ef þú ert til. 1515 01:18:19,560 --> 01:18:25,010 1516 01:18:25,010 --> 01:18:26,306 Ég er Jósef við á leiðinni. 1517 01:18:26,306 --> 01:18:27,556 Hæ. 1518 01:18:27,556 --> 01:18:37,910 1519 01:18:37,910 --> 01:18:38,630 Próf, próf. 1520 01:18:38,630 --> 01:18:39,630 Dan, er þessi góður? 1521 01:18:39,630 --> 01:18:40,880 Cool. 1522 01:18:40,880 --> 01:18:44,460 1523 01:18:44,460 --> 01:18:47,600 >> Svo the vídeó verða einnig settar á netinu fyrir þá sem 1524 01:18:47,600 --> 01:18:48,850 verða að fara núna. 1525 01:18:48,850 --> 01:18:51,350 1526 01:18:51,350 --> 01:18:52,600 Klaufalegur. 1527 01:18:52,600 --> 01:18:56,300 1528 01:18:56,300 --> 01:18:57,510 OK. 1529 01:18:57,510 --> 01:18:59,730 Svo quiz endurskoðun. 1530 01:18:59,730 --> 01:19:00,980 Þetta er Cat. 1531 01:19:00,980 --> 01:19:03,150 1532 01:19:03,150 --> 01:19:07,170 Nú, JavaScript, sem er kannski ekki sem Aww fyrir sum ykkar krakkar. 1533 01:19:07,170 --> 01:19:07,370 OK. 1534 01:19:07,370 --> 01:19:09,280 Svo er það fyrsta, muna úr Zamyla. 1535 01:19:09,280 --> 01:19:11,270 Mundu að PHP er keyra á þjóninum. 1536 01:19:11,270 --> 01:19:15,230 Og hellingur af sinnum, þið skrifaði lykkjur í PHP til að prenta út HTML, ekki satt? 1537 01:19:15,230 --> 01:19:19,170 Svo þegar að kóðinn keyrir, sem HTML framleiðsla sem þú prenta út 1538 01:19:19,170 --> 01:19:20,500 fær sent til notandans. 1539 01:19:20,500 --> 01:19:25,960 Og þegar það gerist, ekki fleiri PHP getur að hlaupa, nema þú hefur hlaðið niður síðunni, af 1540 01:19:25,960 --> 01:19:27,660 Auðvitað, sem reexecutes PHP. 1541 01:19:27,660 --> 01:19:30,080 En þegar þú hefur prentað út sem HTML, þú getur ekki farið neitt. 1542 01:19:30,080 --> 01:19:33,580 >> Þannig að HTML er send yfir til notandans, sem er vafrinn hérna, þar sem 1543 01:19:33,580 --> 01:19:35,470 Milo er að nota tölvuna. 1544 01:19:35,470 --> 01:19:40,340 Og svo vel, að það eru nokkrir hlutir þegar við sendum HTML til notanda. 1545 01:19:40,340 --> 01:19:43,350 Stundum viljum við gera eitthvað eins og þegar þú smellir á eitthvað, við viljum 1546 01:19:43,350 --> 01:19:47,350 viðvörun reiti til skjóta upp kollinum, þær tegundir af samskipti, eins og þegar þú ýtir á 1547 01:19:47,350 --> 01:19:50,740 lykill, þegar þú smellir eitthvað á síðu, ég vil eitthvað að gerast. 1548 01:19:50,740 --> 01:19:54,550 Jæja, getur þú ekki reexecute PHP númer eitt að HTML er sett. 1549 01:19:54,550 --> 01:19:55,900 Svo hvernig gera þú gera þetta? 1550 01:19:55,900 --> 01:19:59,930 >> Við kynna nýtt tungumál sem heitir JavaScript, sem keyrir í vafra 1551 01:19:59,930 --> 01:20:02,890 sem leyfir þér að gera hlutina HTML eftir að þú færð 1552 01:20:02,890 --> 01:20:04,020 þá frá þjóninum. 1553 01:20:04,020 --> 01:20:07,050 Og þetta er hvers vegna við köllum það viðskiptavinur-hlið forritunarmál. 1554 01:20:07,050 --> 01:20:09,110 Það virkar á tölvunni þinni - 1555 01:20:09,110 --> 01:20:11,400 viðskiptavinur. 1556 01:20:11,400 --> 01:20:13,830 Einhverjar spurningar um að svo langt? 1557 01:20:13,830 --> 01:20:15,650 Sem fyrirmynd er vit í að fólk? 1558 01:20:15,650 --> 01:20:16,010 OK. 1559 01:20:16,010 --> 01:20:16,790 Gott. 1560 01:20:16,790 --> 01:20:17,340 Allt í lagi. 1561 01:20:17,340 --> 01:20:20,850 Svo the fyrstur hlutur til að hafa í huga er JavaScript er ekki PHP. 1562 01:20:20,850 --> 01:20:23,010 >> Þeir hafa nokkrar mismunandi setningafræði, sem við munum fara inn. 1563 01:20:23,010 --> 01:20:24,530 Og þeir hafa mjög mismunandi nota. 1564 01:20:24,530 --> 01:20:26,640 JavaScript, aftur, fyrir þinn vafra, fyrir viðskiptavininn. 1565 01:20:26,640 --> 01:20:30,640 Þjónninn keyrir einhvers staðar á einhvers annars tölva sem sendir upplýsingar 1566 01:20:30,640 --> 01:20:31,720 til þín, rétt? 1567 01:20:31,720 --> 01:20:36,730 Þannig að ef við biðjum ykkur að skrifa PHP kóðann á prófspurninga, ekki skrifa 1568 01:20:36,730 --> 01:20:38,710 JavaScript og öfugt. 1569 01:20:38,710 --> 01:20:41,710 Þú munt bara missa stig, og það mun ekki vera rétt. 1570 01:20:41,710 --> 01:20:43,690 >> Þannig að við skulum fá inn í sumir setningafræði munur - 1571 01:20:43,690 --> 01:20:46,140 JavaScript til vinstri og PHP til hægri. 1572 01:20:46,140 --> 01:20:48,670 The fyrstur hlutur þú munt taka með JavaScript, lýsa við breytum með 1573 01:20:48,670 --> 01:20:49,440 sem var leitarorð - 1574 01:20:49,440 --> 01:20:53,590 V-A-R. PHP notaði dollaramerki, sem Zamyla rætt fyrr. 1575 01:20:53,590 --> 01:20:57,570 Ef þú vilt lýsa tengin array, sjáum við kunnuglega setningafræði á 1576 01:20:57,570 --> 01:20:59,030 hægra megin við PHP. 1577 01:20:59,030 --> 01:21:01,630 Á vinstri hlið, í stað þess þú notar hrokkið axlabönd. 1578 01:21:01,630 --> 01:21:03,280 Og þá lyklar eru á vinstri. 1579 01:21:03,280 --> 01:21:04,670 Þá verður þú tvípunkt. 1580 01:21:04,670 --> 01:21:06,560 Og þá þú hafa gildin sem þú vilt. 1581 01:21:06,560 --> 01:21:09,840 >> Svo er þetta hvernig þú myndir gera það í PHP hægra megin við þá sekúndu 1582 01:21:09,840 --> 01:21:10,955 línu sem byrjar á Milo. 1583 01:21:10,955 --> 01:21:14,540 Og það er hvernig þú myndir gera það á vinstri hlið JavaScript ef þú vilt 1584 01:21:14,540 --> 01:21:16,110 það sem við köllum hlut. 1585 01:21:16,110 --> 01:21:19,340 Og hlutir í JavaScript eru bara tengin fylki. 1586 01:21:19,340 --> 01:21:23,710 Þannig að ef þú vilt fá aðgang að sviðum, í PHP þú notar þetta krappi setningafræði. 1587 01:21:23,710 --> 01:21:27,170 Og þetta leið, getur þú ráðið virkni þetta eigandi reit til Lauren. 1588 01:21:27,170 --> 01:21:30,150 >> Jæja, í JavaScript, ef einn vill til aðgang akur og breyta því, þú getur 1589 01:21:30,150 --> 01:21:31,370 nota punktur setningafræði. 1590 01:21:31,370 --> 01:21:33,860 Þú getur einnig notað krappi setningafræði. 1591 01:21:33,860 --> 01:21:35,550 En þú getur ekki notað punktur setningafræði í PHP. 1592 01:21:35,550 --> 01:21:36,525 Það mun ekki vinna. 1593 01:21:36,525 --> 01:21:38,910 Það virkar aðeins í PHP. 1594 01:21:38,910 --> 01:21:42,060 Og að lokum, til að prenta það til vélinni, þú nota console.log sem 1595 01:21:42,060 --> 01:21:43,720 þú krakkar nota mikið í pset8. 1596 01:21:43,720 --> 01:21:45,260 Þú getur console.log það. 1597 01:21:45,260 --> 01:21:50,030 >> Ef þú vilt prenta fylki í PHP, þú þarft að nota prenta r. 1598 01:21:50,030 --> 01:21:53,240 Og hægra megin, sjá þig ég kjötkássa band samtenging þarna. 1599 01:21:53,240 --> 01:21:54,070 Einhver spurði áðan. 1600 01:21:54,070 --> 01:21:55,850 Ég nota plús í JavaScript. 1601 01:21:55,850 --> 01:21:59,800 Ef ég vil concatenate eitthvað í PHP, nota ég punktur. 1602 01:21:59,800 --> 01:22:00,800 Þetta eru mismunandi. 1603 01:22:00,800 --> 01:22:03,420 Ef þú ætlar að skrifa PHP kóðann, ekki nota plús. 1604 01:22:03,420 --> 01:22:06,810 Ef þú ætlar að skrifa JavaScript kóða, ekki skrifa punkt. 1605 01:22:06,810 --> 01:22:08,230 Það mun vera rangt. 1606 01:22:08,230 --> 01:22:09,640 Og þú munt vera dapur. 1607 01:22:09,640 --> 01:22:11,000 >> Svo setningafræði munur. 1608 01:22:11,000 --> 01:22:14,710 Vita setningafræði þínum, því ef þú ert að skrifa spurningu og þú notar setningafræði 1609 01:22:14,710 --> 01:22:16,890 frá röngum tungumáli, það mun ekki virka. 1610 01:22:16,890 --> 01:22:19,520 Og það mun vera rangt. 1611 01:22:19,520 --> 01:22:22,420 Svo skulum við tala um einhverja stjórn flæði mismunandi, hvernig þú notar 1612 01:22:22,420 --> 01:22:24,040 lykkjur í hverju þeirra. 1613 01:22:24,040 --> 01:22:26,610 Zamyla fór yfir hægri hlið. 1614 01:22:26,610 --> 01:22:27,780 Stuff á hægri hlið ætti að vera kunnugt. 1615 01:22:27,780 --> 01:22:29,670 Við skulum líta á á vinstri hlið. 1616 01:22:29,670 --> 01:22:34,830 >> Þegar þú notar fyrir N LOOP í JavaScript, lykkja breyta þinn, var ég þarna, 1617 01:22:34,830 --> 01:22:37,210 lykkja yfir takkana array. 1618 01:22:37,210 --> 01:22:39,150 Svo þú sérð nafnið, hús, og hlutverk. 1619 01:22:39,150 --> 01:22:42,440 Ef ég console.log i, fæ ég nafn, hús, og hlutverk. 1620 01:22:42,440 --> 01:22:44,720 Þeir eru lyklarnir. 1621 01:22:44,720 --> 01:22:50,080 Í JavaScript, er framhandleggur lykkja fer yfir þau gildi þessarar array. 1622 01:22:50,080 --> 01:22:52,040 Svo sérðu að þær eru bæði i. 1623 01:22:52,040 --> 01:22:56,000 En hér á PHP megin, það prentar út Milo, CS50 og Mascot. 1624 01:22:56,000 --> 01:22:57,390 Þeir eru gildin í PHP. 1625 01:22:57,390 --> 01:23:00,180 >> Svo að þetta eru hvernig þessir tveir eru öðruvísi á mismunandi tungumálum. 1626 01:23:00,180 --> 01:23:02,970 Þannig að ef þú ert að nota framhandleggur lykkja, gera ráð ekki að það 1627 01:23:02,970 --> 01:23:03,760 gefur þér lykla. 1628 01:23:03,760 --> 01:23:08,010 Og ef þú ætlar að nota fyrir N LOOP, ekki taka það gefur þér gildi. 1629 01:23:08,010 --> 01:23:10,420 Er þetta skynsamleg svo langt? 1630 01:23:10,420 --> 01:23:13,630 Næsta mynd er að fara að sýna þér hvernig þú getur fengið aðgang að gagnstæða í 1631 01:23:13,630 --> 01:23:15,160 hvert þeirra. 1632 01:23:15,160 --> 01:23:18,550 >> Jæja, ef þú hefur lykillinn í JavaScript og þú vilt að gildi út, 1633 01:23:18,550 --> 01:23:20,440 þú vísitölunni bara inn í array með það. 1634 01:23:20,440 --> 01:23:23,640 Svo Milo af ég mun fá þér hvað þú vilt - gildin. 1635 01:23:23,640 --> 01:23:25,260 Það er þetta mismunandi setningafræði í PHP. 1636 01:23:25,260 --> 01:23:28,140 Ef þú vilt virkilega að vita það, ég er ekki held að við höfum sýnt það að þú enn. 1637 01:23:28,140 --> 01:23:31,740 En ef þú hefur áhuga, getur þú notað þetta viðbótar setningafræði til hægri 1638 01:23:31,740 --> 01:23:35,130 hlið sem mun í raun að láta þig fá lyklar í PHP þegar þú ert að nota 1639 01:23:35,130 --> 01:23:35,880 framhandleggur lykkja. 1640 01:23:35,880 --> 01:23:39,640 Svo bara smá fróðleiksmoli ef þú hefur áhuga. 1641 01:23:39,640 --> 01:23:42,630 >> Svo er það bara að sýna fram á munur á milli þessara tveggja lykkjur. 1642 01:23:42,630 --> 01:23:47,060 Ekki blanda þá upp þegar þú ert forritun spurningu. 1643 01:23:47,060 --> 01:23:49,774 Einhverjar spurningar um það. 1644 01:23:49,774 --> 01:23:50,770 Cool. 1645 01:23:50,770 --> 01:23:51,310 Allt í lagi. 1646 01:23:51,310 --> 01:23:52,250 JavaScript hlutum. 1647 01:23:52,250 --> 01:23:53,040 Ég talaði um þá. 1648 01:23:53,040 --> 01:23:54,650 Þeir eru eins og tengin fylki. 1649 01:23:54,650 --> 01:23:57,730 Eina sem ég vil að þú að hafa í huga hér er um að gildi sem er á tengin 1650 01:23:57,730 --> 01:23:59,540 array geta verið nokkuð í JavaScript. 1651 01:23:59,540 --> 01:24:02,240 >> Það getur jafnvel verið að virka, eins þarna. 1652 01:24:02,240 --> 01:24:04,600 Ég er með fall sem er gildi takka. 1653 01:24:04,600 --> 01:24:07,030 Og ef ég vil kalla að virka, Ég aðgang bara gelta. 1654 01:24:07,030 --> 01:24:08,490 Og þá er ég setja sviga eftir það. 1655 01:24:08,490 --> 01:24:09,790 Og það virkar. 1656 01:24:09,790 --> 01:24:15,570 Svo einhverjar spurningar? 1657 01:24:15,570 --> 01:24:16,370 Nei? 1658 01:24:16,370 --> 01:24:16,650 OK. 1659 01:24:16,650 --> 01:24:18,190 Gott. 1660 01:24:18,190 --> 01:24:20,130 JavaScript, eins og PHP, er lauslega slegið. 1661 01:24:20,130 --> 01:24:20,970 Hvað þýðir það? 1662 01:24:20,970 --> 01:24:22,380 >> Það hjartarskinn hafa gerðum. 1663 01:24:22,380 --> 01:24:24,800 En þegar þú lýsa JavaScript breytu, segja þér var i. 1664 01:24:24,800 --> 01:24:25,850 Þú segir ekki. 1665 01:24:25,850 --> 01:24:26,460 Það er ekki hlutur. 1666 01:24:26,460 --> 01:24:28,000 Þú segir bara að það er breytilegt. 1667 01:24:28,000 --> 01:24:31,590 Og þá JavaScript mun annast gerðir undir hetta fyrir þig. 1668 01:24:31,590 --> 01:24:34,390 Við getum frjálslega umbreyta á milli gerðir vegna þessa. 1669 01:24:34,390 --> 01:24:37,360 Svo ég fer út sem tala í þessu tilfelli. 1670 01:24:37,360 --> 01:24:38,790 Og þá hef ég streng. 1671 01:24:38,790 --> 01:24:39,710 Og ég bæti ég við það. 1672 01:24:39,710 --> 01:24:41,810 Og ég breyta henni aftur inn i. 1673 01:24:41,810 --> 01:24:43,640 >> Svo á þessi fyrstu línu, Ég er fjöldi. 1674 01:24:43,640 --> 01:24:47,310 Á annarri línu, ég verður nú band eftir að ég gera reassignment. 1675 01:24:47,310 --> 01:24:52,820 Og hér er ég bara að concatenating að tala inn á band. 1676 01:24:52,820 --> 01:24:56,210 Svo þú sérð að jafnvel þó að ég var heiltala í fyrsta hluta, það er tegund 1677 01:24:56,210 --> 01:24:58,500 af eins og að vera breytt til a band og síðan verið bætt við 1678 01:24:58,500 --> 01:25:00,510 á þessi hello band. 1679 01:25:00,510 --> 01:25:02,340 Og svo er það sem ég meina með því að lausu inn. 1680 01:25:02,340 --> 01:25:04,760 Það er að þú umbreyta á milli gerðir mjög auðveldlega. 1681 01:25:04,760 --> 01:25:08,840 Og það þýðir ekki að kasta viðvaranir á þig eins og C gerir. 1682 01:25:08,840 --> 01:25:12,420 >> Svo inniheldur ég nú halló 123 á band. 1683 01:25:12,420 --> 01:25:13,270 Next. 1684 01:25:13,270 --> 01:25:15,610 Við getum einnig að vild bera saman milli tegunda. 1685 01:25:15,610 --> 01:25:19,310 Svo ef þú notar bara ==, mjög mikið eins og í PHP, JavaScript 1686 01:25:19,310 --> 01:25:20,480 er svipað hlutur. 1687 01:25:20,480 --> 01:25:24,780 The string 123 er hinn sami og fjöldi 123 þegar þú notar tvöfalda jafn. 1688 01:25:24,780 --> 01:25:27,820 Þegar það er notað þrefaldur jafn, einnig vill til að tryggja að 1689 01:25:27,820 --> 01:25:29,240 gerð er sú sama. 1690 01:25:29,240 --> 01:25:31,960 Svo vegna þess að það er a band og það er tala, jafnvel þó þeir séu báðir 1691 01:25:31,960 --> 01:25:35,280 123, þegar þú notar þrefaldur jafnt, þú færð rangar. 1692 01:25:35,280 --> 01:25:39,330 Í tvöfaldur jafngildir tilfelli, þú færð satt, því tvöfaldur Jafnt ekki 1693 01:25:39,330 --> 01:25:40,020 sama um tegund. 1694 01:25:40,020 --> 01:25:42,500 Þrefaldur Jafnt er sama um tegund. 1695 01:25:42,500 --> 01:25:43,750 Spurningar? 1696 01:25:43,750 --> 01:25:45,790 1697 01:25:45,790 --> 01:25:48,390 OK. 1698 01:25:48,390 --> 01:25:52,870 >> Og annar hlutur óður í JavaScript er umfang er eins konar alþjóðlegt nema þú sért 1699 01:25:52,870 --> 01:25:53,460 í aðgerð. 1700 01:25:53,460 --> 01:25:55,660 Og það virkar á sama leið í PHP raun. 1701 01:25:55,660 --> 01:25:57,500 Svo skulum við fara í gegnum þetta dæmi. 1702 01:25:57,500 --> 01:25:59,110 Ég setti ég í 999. 1703 01:25:59,110 --> 01:26:00,900 Og þá fer ég í þetta fyrir lykkju. 1704 01:26:00,900 --> 01:26:06,110 Þannig að ef ég er i prentun út í þetta fyrir lykkja, búast ég 0, 1, 2, 3, 4. 1705 01:26:06,110 --> 01:26:07,390 Ég fá að i = 4. 1706 01:26:07,390 --> 01:26:10,770 Það hækkar i nú 5 á í lok for lykkju. 1707 01:26:10,770 --> 01:26:13,300 Og þá brýst út úr lykkja, vegna þess að það uppfyllir ekki 1708 01:26:13,300 --> 01:26:14,550 ástand lengur. 1709 01:26:14,550 --> 01:26:16,650 >> Hvað finnst þér um að næstu console.log prentar út? 1710 01:26:16,650 --> 01:26:20,570 1711 01:26:20,570 --> 01:26:24,790 Svo er það hvernig það myndi gera í C. Í C, því ef þú ert eins og Var ég úti 1712 01:26:24,790 --> 01:26:28,855 og þú hefur VAR I inni í lykkju, eins og fyrir lykkju, þá gerir það það svo að 1713 01:26:28,855 --> 01:26:30,690 það er scoped að tveir i eru mismunandi. 1714 01:26:30,690 --> 01:26:34,630 Í JavaScript, það verður bara að meðhöndla það sem sama i. 1715 01:26:34,630 --> 01:26:37,870 Ég fæ 5, vegna þess að það var verðmæti eftir að það lauk út úr lykkja. 1716 01:26:37,870 --> 01:26:39,120 Svo þeir sem ég er eru þau sömu i. 1717 01:26:39,120 --> 01:26:42,620 1718 01:26:42,620 --> 01:26:44,130 Er að skynsamleg? 1719 01:26:44,130 --> 01:26:45,720 >> Jæja, gerir það vit í JavaScript sjónarmiði. 1720 01:26:45,720 --> 01:26:49,510 En sama hugmyndafræði er ekki bera yfir C. Þeir hafa 1721 01:26:49,510 --> 01:26:50,310 mismunandi scoping reglur. 1722 01:26:50,310 --> 01:26:50,630 Já. 1723 01:26:50,630 --> 01:26:52,566 >> Áhorfendur: [inaudible] 1724 01:26:52,566 --> 01:26:54,990 utan virka [inaudible]? 1725 01:26:54,990 --> 01:26:58,340 >> JOSEPH Ong: Svo utan sem virka? 1726 01:26:58,340 --> 01:27:00,810 Þannig að ég ætla að fá til að í aðeins sekúndu. 1727 01:27:00,810 --> 01:27:02,580 Svo við köllum foo (i). 1728 01:27:02,580 --> 01:27:06,920 Þetta fer ég í foo, þrepum það, og þá logs það. 1729 01:27:06,920 --> 01:27:07,750 Svo það var 5. 1730 01:27:07,750 --> 01:27:09,210 Þannig að það verður 6. 1731 01:27:09,210 --> 01:27:11,670 En það sem ég er að tala um er sem ég á að virka. 1732 01:27:11,670 --> 01:27:14,430 Því það er viðfang, það er scoped til að virka. 1733 01:27:14,430 --> 01:27:17,800 Svo þegar ég fæ reyndar út af því virka, það er nú að fara að fara 1734 01:27:17,800 --> 01:27:19,860 aftur í gamla i. 1735 01:27:19,860 --> 01:27:23,000 Að ég er aðeins scoped því það er í aðgerð. 1736 01:27:23,000 --> 01:27:24,200 Og við höfum svigrúm og hlutverk. 1737 01:27:24,200 --> 01:27:29,080 En við höfum ekki svigrúm utan aðgerðir í JavaScript. 1738 01:27:29,080 --> 01:27:31,170 Er að skynsamleg? 1739 01:27:31,170 --> 01:27:31,320 Já. 1740 01:27:31,320 --> 01:27:31,660 Spurning. 1741 01:27:31,660 --> 01:27:34,030 >> Áhorfendur: Sami [inaudible]? 1742 01:27:34,030 --> 01:27:34,500 >> JOSEPH Ong: Svo já. 1743 01:27:34,500 --> 01:27:36,260 Í PHP, það er sama tegund af hlutur. 1744 01:27:36,260 --> 01:27:37,680 Það er örlítil lipurðar í raun. 1745 01:27:37,680 --> 01:27:40,130 En þú getur spurt mig um að eftir endurskoðun. 1746 01:27:40,130 --> 01:27:43,930 Þú gera ekki raunverulega þörf til vita að lipurðar fyrir spurningakeppni. 1747 01:27:43,930 --> 01:27:47,600 Fyrir alla intents og tilgangi, eins og breytur, alþjóðlegt og PHP, nema 1748 01:27:47,600 --> 01:27:49,150 þeir eru í aðgerð, sama hlutur í JavaScript. 1749 01:27:49,150 --> 01:27:49,480 Já. 1750 01:27:49,480 --> 01:27:52,890 >> Áhorfendur: Hvers vegna er þetta leyft í JavaScript og ekki hvar annars staðar? 1751 01:27:52,890 --> 01:27:55,010 >> JOSEPH Ong: Svo hvers vegna er það leyfilegt í JavaScript og ekki í C? 1752 01:27:55,010 --> 01:27:58,180 Það er bara sá sem kom upp með JavaScript ákvað að þetta væri í lagi í 1753 01:27:58,180 --> 01:27:59,510 JavaScript. 1754 01:27:59,510 --> 01:28:02,430 Svo er það bara eins og forritunarmál venju eins og við myndum segja. 1755 01:28:02,430 --> 01:28:02,580 Já. 1756 01:28:02,580 --> 01:28:04,480 >> Áhorfendur: Svo hvers vegna did það fara 6-5? 1757 01:28:04,480 --> 01:28:08,280 >> JOSEPH Ong: Svo það fór 6-5, vegna þess að þegar ég fór ég í foo, að 1758 01:28:08,280 --> 01:28:13,420 Ég inni í foo er nú scoped til foo, því svigrúm er í aðgerðir í 1759 01:28:13,420 --> 01:28:15,050 JavaScript. 1760 01:28:15,050 --> 01:28:18,720 En þegar ég komast héðan, því það var scoped að aðgerðinni, ég er bara 1761 01:28:18,720 --> 01:28:24,300 nota almenna i sem var inni restin af flæði stjórna. 1762 01:28:24,300 --> 01:28:25,210 Skynsamleg? 1763 01:28:25,210 --> 01:28:26,910 Get ég flutt á? 1764 01:28:26,910 --> 01:28:27,320 Allt í lagi. 1765 01:28:27,320 --> 01:28:29,180 Cool. 1766 01:28:29,180 --> 01:28:31,890 >> Samþykki þetta er hluti eru látin fara inn með tilvísun. 1767 01:28:31,890 --> 01:28:33,990 Þú veist hvernig þegar þú fara fylki í C þú gætir 1768 01:28:33,990 --> 01:28:35,810 reyndar breyta array? 1769 01:28:35,810 --> 01:28:37,350 Það er sama í JavaScript. 1770 01:28:37,350 --> 01:28:42,960 Ef ég fara framhjá hlut, í þessu tilfelli, I liðin Milo í þennan catify virka. 1771 01:28:42,960 --> 01:28:44,490 Milo byrjar. 1772 01:28:44,490 --> 01:28:46,310 Nafn hans er Milo Banana. 1773 01:28:46,310 --> 01:28:51,670 Ég fara að mótmæla í aðgerð því það er hlutur, sem tengin 1774 01:28:51,670 --> 01:28:53,730 array í JavaScript. 1775 01:28:53,730 --> 01:28:57,110 >> Þegar ég framkvæma aðgerð í þeirri aðgerð, mun það 1776 01:28:57,110 --> 01:28:58,560 raunverulega breyta hlutnum. 1777 01:28:58,560 --> 01:29:01,720 Þannig að þetta mun aðeins gerast fyrir hluti í JavaScript, bara eins og það gerist 1778 01:29:01,720 --> 01:29:09,230 fyrir fylki inni í nafni C. Svo Milo er mun í raun verða köttur núna. 1779 01:29:09,230 --> 01:29:10,090 Er að skynsamleg? 1780 01:29:10,090 --> 01:29:11,840 Þannig að þetta virkar eingöngu fyrir hlutum. 1781 01:29:11,840 --> 01:29:13,090 Objects eru látin fara inn með tilvísun. 1782 01:29:13,090 --> 01:29:13,400 Já. 1783 01:29:13,400 --> 01:29:16,850 >> Áhorfendur: Svo þú ert að segja að í mótsögn við breyta ég. 1784 01:29:16,850 --> 01:29:17,240 >> JOSEPH Ong: Já. 1785 01:29:17,240 --> 01:29:20,330 Sem breyta ég var bara tala, ekki satt? 1786 01:29:20,330 --> 01:29:25,280 Það er eins og í C þegar þú standast heil tala sem gerir það afrit. 1787 01:29:25,280 --> 01:29:28,130 Og þegar þú framhjá array, reyndar það breytir í raun array í 1788 01:29:28,130 --> 01:29:32,870 C. Það sama gerist með JavaScript í þessu tilfelli. 1789 01:29:32,870 --> 01:29:34,070 Allt í lagi. 1790 01:29:34,070 --> 01:29:38,134 Og næst, Milo er sorglegt vegna þess að hann er nú köttur. 1791 01:29:38,134 --> 01:29:40,790 1792 01:29:40,790 --> 01:29:45,060 Það var reyndar Milo eftir sumir ferð til dýralæknis. 1793 01:29:45,060 --> 01:29:46,860 >> Svo hvernig við notum JavaScript á vefsíðu? 1794 01:29:46,860 --> 01:29:47,790 Við getum farið yfir þær. 1795 01:29:47,790 --> 01:29:50,090 Þetta er HTML kóða með Fjarlægja tög. 1796 01:29:50,090 --> 01:29:51,300 Svo ég hef Fjarlægja tög þar. 1797 01:29:51,300 --> 01:29:54,820 Og þá er ég setja smá JavaScript númer innan handritið tags. 1798 01:29:54,820 --> 01:29:56,390 Og þá það framkvæmir þetta. 1799 01:29:56,390 --> 01:29:58,830 Þegar ég geri bara svona, það er kallast inline JavaScript. 1800 01:29:58,830 --> 01:30:02,400 Það er góður af sóðalegur, vegna þess að JavaScript er í raun í HTML. 1801 01:30:02,400 --> 01:30:07,010 >> A betri leið til að gera þetta, miklu betur, er að skrifa þitt Javascript í 1802 01:30:07,010 --> 01:30:10,920 ytri skrá og gefðu handrit tag við gjafa. 1803 01:30:10,920 --> 01:30:14,920 Og þetta mun fara til JavaScript skrá og lesa JavaScript úr 1804 01:30:14,920 --> 01:30:15,960 að skrá í staðinn. 1805 01:30:15,960 --> 01:30:18,820 Og með þessum hætti, þú þarft ekki mikið af JavaScript í byrjun af þinn 1806 01:30:18,820 --> 01:30:20,760 HTML skrá, sem gerir það virkilega sóðalegt. 1807 01:30:20,760 --> 01:30:21,860 Þú setur bara það einhvers staðar annars. 1808 01:30:21,860 --> 01:30:24,310 Og þá mun það lesa það þaðan. 1809 01:30:24,310 --> 01:30:25,560 Gerði það vit? 1810 01:30:25,560 --> 01:30:27,990 1811 01:30:27,990 --> 01:30:29,640 >> Staðsetningartilboð mál. 1812 01:30:29,640 --> 01:30:32,620 Í þessu tiltekna tilviki handrit er fyrir líkamann. 1813 01:30:32,620 --> 01:30:36,090 Svo þegar ég framkvæma það, það er ekkert í líkamanum ennþá. 1814 01:30:36,090 --> 01:30:39,920 Kannski mun þetta gera svolítið meira skynja þegar ég sýna þetta næsta hluta. 1815 01:30:39,920 --> 01:30:43,210 Í þessu tilviki, handritið kemur á eftir div. 1816 01:30:43,210 --> 01:30:46,620 Svo div virðist í raun á fyrstu síðu. 1817 01:30:46,620 --> 01:30:49,470 Hérna í þessu litla rauðum hring, þú sérð textinn birtist. 1818 01:30:49,470 --> 01:30:51,810 Og þá viðvörun sýnir sig. 1819 01:30:51,810 --> 01:30:54,890 >> Í fyrsta lagi, vegna þess að forskrift var fyrir div, sem 1820 01:30:54,890 --> 01:30:56,170 Alert sýnir sig fyrst. 1821 01:30:56,170 --> 01:30:59,250 Og þá div sýnir sig eftir þú sleppa the kassi. 1822 01:30:59,250 --> 01:31:01,330 Svo skiptir máli framkvæmd. 1823 01:31:01,330 --> 01:31:02,290 Þannig að við munum halda þetta í huga. 1824 01:31:02,290 --> 01:31:03,640 Þetta mun vera mikilvægur í litla bita. 1825 01:31:03,640 --> 01:31:08,730 1826 01:31:08,730 --> 01:31:09,540 OK. 1827 01:31:09,540 --> 01:31:12,750 Svo vel, hvernig heldur þú að bíða þar til allt síðu er hlaðinn þá áður en þú 1828 01:31:12,750 --> 01:31:13,580 framkvæma sumir merkjamál? 1829 01:31:13,580 --> 01:31:15,540 Við munum fá inn í þetta litla hluti seinna líka. 1830 01:31:15,540 --> 01:31:19,016 En bara að halda þessari staðsetningu mál í huga fyrir þegar við 1831 01:31:19,016 --> 01:31:20,570 koma til annars renna. 1832 01:31:20,570 --> 01:31:22,030 >> Svo við fáum að DOM núna. 1833 01:31:22,030 --> 01:31:23,550 Og hvað er DOM? 1834 01:31:23,550 --> 01:31:26,830 Þannig að ef þú horfir á HTML kóða, það er bara fullt af texta á skjánum. 1835 01:31:26,830 --> 01:31:30,560 Svo hvernig hjartarskinn JavaScript vita að þetta er HTML frumefni? 1836 01:31:30,560 --> 01:31:33,410 Þannig að við verðum að hafa einhverja minni framsetningu á þessu 1837 01:31:33,410 --> 01:31:34,930 mannvirki sem við höfum. 1838 01:31:34,930 --> 01:31:40,240 Og þegar við höfum þetta í minni Fulltrúar í JavaScript, við köllum 1839 01:31:40,240 --> 01:31:41,750 að DOM. 1840 01:31:41,750 --> 01:31:45,130 Og það er bara þannig að fólk ákvað að við ættum að tákna þetta 1841 01:31:45,130 --> 01:31:46,400 HTML uppbygging eins. 1842 01:31:46,400 --> 01:31:47,940 >> Og hvað þýðir þetta DOM líta út? 1843 01:31:47,940 --> 01:31:50,460 Jæja, í minni framsetning, við tökum þennan texta. 1844 01:31:50,460 --> 01:31:52,870 Og við snúa það inn í minni framsetning. 1845 01:31:52,870 --> 01:31:54,400 Þannig að þetta er HTML. 1846 01:31:54,400 --> 01:31:58,090 Þannig að við að finna fyrst út að sérhver DOM tré hefur skjal. 1847 01:31:58,090 --> 01:31:59,400 Það lítur út eins og tré. 1848 01:31:59,400 --> 01:32:03,550 Og skjalið inniheldur HTML tag, í raun allt 1849 01:32:03,550 --> 01:32:05,150 inni af þessu núna. 1850 01:32:05,150 --> 01:32:06,970 HTML tag á tvö börn. 1851 01:32:06,970 --> 01:32:08,630 Það hefur höfuð. 1852 01:32:08,630 --> 01:32:12,380 Að höfuð, ef þú horfir á inndrátt þarna á hvernig það er byggt upp 1853 01:32:12,380 --> 01:32:14,960 milli loka tags, höfuð hefur barn. 1854 01:32:14,960 --> 01:32:17,130 Barnið er titill. 1855 01:32:17,130 --> 01:32:18,370 Nákvæmlega. 1856 01:32:18,370 --> 01:32:21,000 >> Nú höfum við líkama barn. 1857 01:32:21,000 --> 01:32:24,870 Og þá hefur þessi líkami er barn sem heitir fjölskylda. 1858 01:32:24,870 --> 01:32:27,950 Og að fjölskyldan á þrjú börn - 1859 01:32:27,950 --> 01:32:29,550 elsta, miðja, og yngsti. 1860 01:32:29,550 --> 01:32:31,960 Svo þú ættir að vita hvernig á að teikna skýringarmynd svona þegar við spyrja þig hvernig 1861 01:32:31,960 --> 01:32:34,270 að draga skýringarmynd þegar við gefum þú HTML vinstra megin. 1862 01:32:34,270 --> 01:32:36,350 Vita hvernig á að framleiða DOM tré. 1863 01:32:36,350 --> 01:32:38,930 Og inni í þessum hlutum, það er bara einhver texti, sem ég hef fulltrúa 1864 01:32:38,930 --> 01:32:40,180 eins litla kassa. 1865 01:32:40,180 --> 01:32:42,750 1866 01:32:42,750 --> 01:32:47,980 >> Hefur þessi DOM tré uppbyggingu gera vit og hvað DOM er? 1867 01:32:47,980 --> 01:32:49,300 Svo hvað þýðir p standa fyrir? 1868 01:32:49,300 --> 01:32:51,850 Yfir hér, p þarna í þessi tag táknar 1869 01:32:51,850 --> 01:32:54,510 tag lið í HTML. 1870 01:32:54,510 --> 01:32:57,080 Svo þú getur litið það upp. 1871 01:32:57,080 --> 01:32:59,290 En það þýðir bara að það er einhver pláss fyrir texta. 1872 01:32:59,290 --> 01:33:02,910 Og það hefur sumir sjálfgefið CSS stíl, því það er lið tag. 1873 01:33:02,910 --> 01:33:05,130 En í raun ekki að hafa áhyggjur sem hluti of mikið. 1874 01:33:05,130 --> 01:33:07,510 Bara veit að það er tákn fyrir einhvern texta. 1875 01:33:07,510 --> 01:33:08,480 Já. 1876 01:33:08,480 --> 01:33:10,200 Spurning? 1877 01:33:10,200 --> 01:33:11,021 Já. 1878 01:33:11,021 --> 01:33:12,374 >> Áhorfendur: Þú nefndir bara CSS. 1879 01:33:12,374 --> 01:33:15,492 Kjötkássa fjölskyldu og tætið allt það efni er í grundvallaratriðum 1880 01:33:15,492 --> 01:33:17,400 fulltrúi auðkenni í CSS? 1881 01:33:17,400 --> 01:33:18,440 >> JOSEPH Ong: Já, einmitt. 1882 01:33:18,440 --> 01:33:20,380 Ég næ hvað þessar kjötkássa meina í annað. 1883 01:33:20,380 --> 01:33:23,480 Þegar Angela fór yfir CSS, hún talaði um CSS selectors. 1884 01:33:23,480 --> 01:33:26,770 Þetta eru CSS selectors sem hún var að tala um. 1885 01:33:26,770 --> 01:33:28,268 Já, Rob? 1886 01:33:28,268 --> 01:33:32,060 >> ROB BOWDEN: Ég myndi einnig athugasemd að DOM inni titli tag 1887 01:33:32,060 --> 01:33:35,385 er einnig texti hnút. 1888 01:33:35,385 --> 01:33:36,070 >> JOSEPH Ong: Hægri. 1889 01:33:36,070 --> 01:33:38,370 Svo inni í titli tag, Ég hef einhvern texta DOM. 1890 01:33:38,370 --> 01:33:42,730 Svo í raun, þetta titill ætti að hafa eins og lítill kassi koma burt af það eins og heilbrigður. 1891 01:33:42,730 --> 01:33:45,740 En það skiptir ekki máli of mikið í þessu tilfelli. 1892 01:33:45,740 --> 01:33:49,620 Við í raun ekki sama um texta hnúta, eins og við köllum þá, of mikið. 1893 01:33:49,620 --> 01:33:50,270 OK, gerum við. 1894 01:33:50,270 --> 01:33:51,520 Apparently, gera við. 1895 01:33:51,520 --> 01:33:54,260 1896 01:33:54,260 --> 01:33:57,100 Og ég mun festa að þegar Ég hlaða hana aftur. 1897 01:33:57,100 --> 01:33:59,830 Er að skynsamleg? 1898 01:33:59,830 --> 01:34:01,160 >> Og hvernig eigum við að vinna með DOM? 1899 01:34:01,160 --> 01:34:03,790 Alltaf þegar þú takast á við DOM í JavaScript, það eru tvö skref. 1900 01:34:03,790 --> 01:34:05,030 Þú velur DOM frumefni. 1901 01:34:05,030 --> 01:34:06,580 Og þá þú gerir það til þess. 1902 01:34:06,580 --> 01:34:11,480 Svo í þessu tilfelli, abstractly, hef ég valið miðju frumefni. 1903 01:34:11,480 --> 01:34:14,530 Og þá dæmi um að gera efni að það væri að breyta texta. 1904 01:34:14,530 --> 01:34:16,020 Það er notað til að vera Bob. 1905 01:34:16,020 --> 01:34:19,930 Nú, það sem ég gerði að það var ég breytti Bob til Milo í þessu tilfelli. 1906 01:34:19,930 --> 01:34:22,130 >> Svo hvernig gerum við raunverulega þetta? 1907 01:34:22,130 --> 01:34:23,440 Hvernig eigum við að gera Val? 1908 01:34:23,440 --> 01:34:26,560 Og hvernig gerum við það að gera efni til hlutur þegar við höfum tekið það? 1909 01:34:26,560 --> 01:34:30,470 Jæja, hvernig þið hafið lært það í þessum flokki er með því að nota eitthvað sem við 1910 01:34:30,470 --> 01:34:32,420 heitir jQuery. 1911 01:34:32,420 --> 01:34:33,910 Svo er það jQuery? 1912 01:34:33,910 --> 01:34:37,220 jQuery er bókasafn sem gerir JavaScript auðveldara að skrifa. 1913 01:34:37,220 --> 01:34:39,500 Svo einhver tók tíma og skrifaði jQuery. 1914 01:34:39,500 --> 01:34:41,530 >> jQuery er reyndar skrifaður JavaScript. 1915 01:34:41,530 --> 01:34:44,550 Og þá vegna þess að þeir gerðu þetta, við nú hafa a heild búnt af störfum sem 1916 01:34:44,550 --> 01:34:46,020 við getum notað að gera okkar býr mjög auðvelt. 1917 01:34:46,020 --> 01:34:48,580 1918 01:34:48,580 --> 01:34:50,030 Svo hvaða ert sumir af the atriði það gerir? 1919 01:34:50,030 --> 01:34:51,650 Það gerir að velja þætti auðveldara. 1920 01:34:51,650 --> 01:34:54,020 Það gerir að breyta HTML, bæta bekkjum auðveldara. 1921 01:34:54,020 --> 01:34:55,360 Það gerir Ajax auðveldara. 1922 01:34:55,360 --> 01:34:58,230 Við munum fá til að í sekúndu. 1923 01:34:58,230 --> 01:35:00,630 >> Og það er hliðstætt C bókasöfnum. 1924 01:35:00,630 --> 01:35:03,090 Svo þú látir string.h, þú færð strlen. 1925 01:35:03,090 --> 01:35:04,680 Þú færð strcpy, öll þessi atriði. 1926 01:35:04,680 --> 01:35:09,650 Þegar þú látir jQuery, þú færð gott leiðir til að velja atriði til að breyta 1927 01:35:09,650 --> 01:35:10,390 hlutir, et cetera. 1928 01:35:10,390 --> 01:35:12,990 Þú færð auka virkni sem JavaScript er ekki að gefa þér. 1929 01:35:12,990 --> 01:35:15,310 Svo er jQuery ekki JavaScript. 1930 01:35:15,310 --> 01:35:18,660 jQuery er bókasafn sem er skrifað í JavaScript sem gerir JavaScript 1931 01:35:18,660 --> 01:35:20,440 auðveldara að skrifa. 1932 01:35:20,440 --> 01:35:23,170 >> Svo er jQuery ekki forritun tungumál. 1933 01:35:23,170 --> 01:35:24,540 En JavaScript er. 1934 01:35:24,540 --> 01:35:27,420 1935 01:35:27,420 --> 01:35:27,590 gera. 1936 01:35:27,590 --> 01:35:30,420 Jú þú færð hugtök hægri. 1937 01:35:30,420 --> 01:35:32,490 Einhverjar spurningar? 1938 01:35:32,490 --> 01:35:33,882 Já. 1939 01:35:33,882 --> 01:35:35,132 Er að spurningu? 1940 01:35:35,132 --> 01:35:37,910 1941 01:35:37,910 --> 01:35:38,350 Allt í lagi. 1942 01:35:38,350 --> 01:35:40,080 Svo hvernig gera þú nota jQuery? 1943 01:35:40,080 --> 01:35:42,390 Jæja, þegar þú ert að skrifa nokkrar JavaScript kóða og þú fela í 1944 01:35:42,390 --> 01:35:45,570 jQuery efst á skránni sem handrit skrá, þú nota dollaramerki 1945 01:35:45,570 --> 01:35:47,310 nú til að fá aðgang að jQuery. 1946 01:35:47,310 --> 01:35:49,860 Og þetta er frábrugðin dollara merki í PHP. 1947 01:35:49,860 --> 01:35:51,590 >> Það er sama tákni skrifar á lyklaborðinu þínu. 1948 01:35:51,590 --> 01:35:52,780 En þeir meina mjög mismunandi hluti. 1949 01:35:52,780 --> 01:35:56,090 Dollaramerki í PHP þýðir þetta er hvernig ég lýsa yfir breytu. 1950 01:35:56,090 --> 01:35:59,120 Í JavaScript, þegar þú hefur innifalinn jQuery, hún stendur fyrir jQuery. 1951 01:35:59,120 --> 01:36:01,280 Svo halda að í huga. 1952 01:36:01,280 --> 01:36:03,420 Svo hvernig gætum við valið DOM þætti? 1953 01:36:03,420 --> 01:36:06,500 Jæja, þegar þú gerir það ljóta JavaScript Þannig þú aðgang að 1954 01:36:06,500 --> 01:36:08,240 skjal alþjóðlegum breytu. 1955 01:36:08,240 --> 01:36:11,170 Og þá færðu þáttur eftir ID fjölskyldu. 1956 01:36:11,170 --> 01:36:15,270 Þetta er mjög löng og wordy og ekki mjög gott. 1957 01:36:15,270 --> 01:36:18,190 >> Eða þú getur fengið alla þætti sem eru p tag. 1958 01:36:18,190 --> 01:36:20,080 Það virkar líka í JavaScript. 1959 01:36:20,080 --> 01:36:22,470 En við aldrei virkilega sýndi þú setningafræði of mikið. 1960 01:36:22,470 --> 01:36:24,620 Hvað við sýndum þér var jQuery. 1961 01:36:24,620 --> 01:36:28,720 Svo að allt val þarna upp að var sett fram í JavaScript bara fær 1962 01:36:28,720 --> 01:36:33,320 þéttur í þessa mjög ágætur dollara undirrita hashtag fjölskyldu. 1963 01:36:33,320 --> 01:36:38,480 Og $ p, bara þar sem það er eins og þessi. 1964 01:36:38,480 --> 01:36:41,690 Ef þú vilt að velja öll p tags inni í fjölskyldunni, leggjum rúm 1965 01:36:41,690 --> 01:36:42,890 milli. 1966 01:36:42,890 --> 01:36:44,815 Og nú, fáum við alla p tags inni fjölskyldu. 1967 01:36:44,815 --> 01:36:48,740 1968 01:36:48,740 --> 01:36:50,380 >> Og líta kunnuglega? 1969 01:36:50,380 --> 01:36:52,880 Jæja, Angela talaði um CSS selectors. 1970 01:36:52,880 --> 01:36:54,200 Gefðu mér eina sekúndu. 1971 01:36:54,200 --> 01:36:57,230 Og svo í röð til að velja stak, þú notar bara það sama og þú 1972 01:36:57,230 --> 01:36:58,530 myndu gera með CSS val. 1973 01:36:58,530 --> 01:37:00,910 Ef þú setur kjötkássa framan það velur hann eftir ID. 1974 01:37:00,910 --> 01:37:02,220 A punktur velur með bekkjum. 1975 01:37:02,220 --> 01:37:06,230 Ef þú ert bara hlutur án kjötkássa eða punktar velur hann þau merki. 1976 01:37:06,230 --> 01:37:07,140 Spurningar. 1977 01:37:07,140 --> 01:37:07,470 Já? 1978 01:37:07,470 --> 01:37:11,510 >> Áhorfendur: Þegar við nota punkt í okkar HTML, er það ekki jQuery? 1979 01:37:11,510 --> 01:37:13,520 >> JOSEPH Ong: Dot í HTML okkar er JavaScript hlutur. 1980 01:37:13,520 --> 01:37:14,750 Það er ekki jQuery hlutur. 1981 01:37:14,750 --> 01:37:17,620 The vegur þú krakkar lært það með jQuery er að nota. HTML. 1982 01:37:17,620 --> 01:37:21,510 Og þá þú staðist það hvað HTML er að fara til vera. 1983 01:37:21,510 --> 01:37:23,480 Þannig að ég ætla að fá til að í bara annað í raun og veru. 1984 01:37:23,480 --> 01:37:27,800 Og hvernig eigum við að gera efni til frumefni þegar við höfum valið það? 1985 01:37:27,800 --> 01:37:30,130 Svo er það dæmi um velja stak. 1986 01:37:30,130 --> 01:37:32,280 Svo nú, viljum við að gera efni til þess. 1987 01:37:32,280 --> 01:37:35,730 >> Svo í þessu tilviki, láta mig fara aftur í fyrri mynd. 1988 01:37:35,730 --> 01:37:37,360 Það var Bob áður. 1989 01:37:37,360 --> 01:37:40,660 Og ég vil breyta því inni HTML Milo. 1990 01:37:40,660 --> 01:37:43,240 Svo ég kalla HTML virka úr frumefni. 1991 01:37:43,240 --> 01:37:45,580 Sem HTML virka er Aðferð til þess að frumefni. 1992 01:37:45,580 --> 01:37:47,430 Og þá er ég að gefa það hvað Ég vil HTML til að vera. 1993 01:37:47,430 --> 01:37:50,560 Og það kemur í stað bara hvað er inni í sem tag með hvað ég get gefið það. 1994 01:37:50,560 --> 01:37:50,830 Já. 1995 01:37:50,830 --> 01:37:51,170 Spurning? 1996 01:37:51,170 --> 01:37:57,397 >> Áhorfendur: The hashtag er notað aðeins í jQuery. 1997 01:37:57,397 --> 01:37:59,313 [Inaudible] 1998 01:37:59,313 --> 01:38:01,230 við myndum ekki nota það. 1999 01:38:01,230 --> 01:38:01,960 >> JOSEPH Ong: Já, einmitt. 2000 01:38:01,960 --> 01:38:03,750 En ekki hafa áhyggjur of mikill um hreint JavaScript. 2001 01:38:03,750 --> 01:38:06,670 Ég vil bara að þú krakkar að einblína á hvernig þú myndi gera það með jQuery, því 2002 01:38:06,670 --> 01:38:10,020 það er að fara til vera the mikilvægur hluti á spurningakeppni. 2003 01:38:10,020 --> 01:38:10,400 Rétt. 2004 01:38:10,400 --> 01:38:10,880 Nákvæmlega. 2005 01:38:10,880 --> 01:38:16,025 Svo þú sérð að hashtag, þannig að samsvarar til að velja frumefni með 2006 01:38:16,025 --> 01:38:18,310 ID miðja af því hashtag. 2007 01:38:18,310 --> 01:38:19,670 Hashtag þýðir ID. 2008 01:38:19,670 --> 01:38:22,870 Og þetta þáttur hefur ID miðju. 2009 01:38:22,870 --> 01:38:24,366 Svo er það þáttur við að velja. 2010 01:38:24,366 --> 01:38:27,160 >> Áhorfendur: [inaudible]. 2011 01:38:27,160 --> 01:38:31,090 dollaramerki hashtag [inaudible]? 2012 01:38:31,090 --> 01:38:31,710 >> JOSEPH Ong: Svo ekki. 2013 01:38:31,710 --> 01:38:33,280 Spurningin er hægt að nota. Gildi. 2014 01:38:33,280 --> 01:38:36,445 Og. Gildi virkar einungis á þætti sem eru inntak. 2015 01:38:36,445 --> 01:38:40,950 2016 01:38:40,950 --> 01:38:45,495 Í jQuery, væri . Val, ekki. Gildi. 2017 01:38:45,495 --> 01:38:49,080 Þannig að ég næ að litlu dæmi sem sýnir allt þetta í samsetningu 2018 01:38:49,080 --> 01:38:49,850 í annað. 2019 01:38:49,850 --> 01:38:53,130 En ég held að þetta þjónar smá bút vit í að fólk svo langt. 2020 01:38:53,130 --> 01:38:55,450 Vilja til að breyta HTML, hringja í HTML aðferð. 2021 01:38:55,450 --> 01:38:56,432 Já. 2022 01:38:56,432 --> 01:38:58,200 >> Áhorfendur: Getur þú útskýrt Aðferðin aftur? 2023 01:38:58,200 --> 01:39:01,900 >> JOSEPH Ong: Svo er aðferð bara fall sem tilheyrir einum, í þessu 2024 01:39:01,900 --> 01:39:04,590 ræða, eitt af þessum DOM þætti, því þú sérð að ég 2025 01:39:04,590 --> 01:39:05,940 valið frumefnið fyrst. 2026 01:39:05,940 --> 01:39:07,320 Reyndar langar mig að nota músina. 2027 01:39:07,320 --> 01:39:09,330 Ég valdi frumefnið fyrst. 2028 01:39:09,330 --> 01:39:12,310 Og síðan hringdi ég þennan HTML kóða virka að það hefði. 2029 01:39:12,310 --> 01:39:15,710 Og af því að þessi aðgerð tilheyrir þetta, við köllum það aðferð. 2030 01:39:15,710 --> 01:39:19,480 Það er bara fínt nafn fyrir það. 2031 01:39:19,480 --> 01:39:20,730 Segja það aftur. 2032 01:39:20,730 --> 01:39:22,880 2033 01:39:22,880 --> 01:39:25,170 Svo man, við valið þátturinn núna. 2034 01:39:25,170 --> 01:39:27,810 Og við búin að setja það inn í þátturinn breytu. 2035 01:39:27,810 --> 01:39:28,600 Rétt? 2036 01:39:28,600 --> 01:39:34,380 >> Svo þegar við viljum breyta HTML á inni, því það var Bob áður, þú 2037 01:39:34,380 --> 01:39:36,420 vilt breyta þessi texti til Milo. 2038 01:39:36,420 --> 01:39:37,920 Svo við köllum HTML. 2039 01:39:37,920 --> 01:39:41,610 Og við segjum það hvað HTML inni þessi þáttur ætti að vera núna. 2040 01:39:41,610 --> 01:39:44,107 Og svo breytist það það að Milo, vegna þess að ég gaf það Milo. 2041 01:39:44,107 --> 01:39:46,542 >> Áhorfendur: Svo þeir eru að vinna saman. 2042 01:39:46,542 --> 01:39:47,030 [Inaudible] 2043 01:39:47,030 --> 01:39:47,390 >> JOSEPH Ong: Já, já. 2044 01:39:47,390 --> 01:39:48,180 Þeir eru að vinna saman. 2045 01:39:48,180 --> 01:39:50,210 Svo velur einn af þeim frumefnið fyrst. 2046 01:39:50,210 --> 01:39:52,863 Og sú síðari er eitthvað að honum. 2047 01:39:52,863 --> 01:39:53,790 Já. 2048 01:39:53,790 --> 01:39:56,168 >> Áhorfendur: [inaudible]. 2049 01:39:56,168 --> 01:40:01,280 Ef þessi aðferð er frábrugðin í HTML þú hefur þá aðferð jafnan raun. 2050 01:40:01,280 --> 01:40:01,560 >> JOSEPH Ong: Já. 2051 01:40:01,560 --> 01:40:03,370 Það er aðra aðferð. 2052 01:40:03,370 --> 01:40:04,670 Það er aðra aðferð. 2053 01:40:04,670 --> 01:40:07,860 Og við getum ná að í aðeins eina sekúndu þegar við komum til dæmi. 2054 01:40:07,860 --> 01:40:12,000 Ég vil tryggja að við að flýta vegna þess að við erum að keyra út af tími. 2055 01:40:12,000 --> 01:40:15,360 En við höfum keyrt hátt yfir tíma núna. 2056 01:40:15,360 --> 01:40:15,490 OK. 2057 01:40:15,490 --> 01:40:16,430 Cool. 2058 01:40:16,430 --> 01:40:20,130 Svo ef þú vilt bæta við flokk, það er einnig að bæta tegund aðferð. 2059 01:40:20,130 --> 01:40:24,300 Þetta er bara dæmi um hvað þú getur gert með jQuery. 2060 01:40:24,300 --> 01:40:25,950 Sem bætir bara á bekknum. 2061 01:40:25,950 --> 01:40:28,660 >> Ef þú vilt fjarlægja það, þú getur hringt Fjarlægja. 2062 01:40:28,660 --> 01:40:32,280 Það er bara annar hlutur sem þú getur gert. 2063 01:40:32,280 --> 01:40:35,680 Svo fleiri dæmi um hluti sem þú getur gert. 2064 01:40:35,680 --> 01:40:37,510 Svo get ég setti bara það á efst svona? 2065 01:40:37,510 --> 01:40:38,760 Yngsta Remove. 2066 01:40:38,760 --> 01:40:42,470 2067 01:40:42,470 --> 01:40:45,930 Ef ég framkvæmi bara að Javascript á efst á minn skrá, mun það vinna? 2068 01:40:45,930 --> 01:40:48,540 2069 01:40:48,540 --> 01:40:48,920 Rétt. 2070 01:40:48,920 --> 01:40:50,530 Vegna miðja er ekki til ennþá. 2071 01:40:50,530 --> 01:40:51,840 Þannig að þetta er ekki að fara að vinna. 2072 01:40:51,840 --> 01:40:52,800 Framkvæmd þess. 2073 01:40:52,800 --> 01:40:55,040 Það fer upp á topp fyrst. 2074 01:40:55,040 --> 01:40:55,540 Hvað? 2075 01:40:55,540 --> 01:40:57,450 >> Áhorfendur: Yngsti er ekki til enn? 2076 01:40:57,450 --> 01:40:57,810 >> JOSEPH Ong: Já. 2077 01:40:57,810 --> 01:40:58,710 Yngsta er ekki til ennþá. 2078 01:40:58,710 --> 01:40:59,600 Nákvæmlega. 2079 01:40:59,600 --> 01:41:01,320 >> Áhorfendur: Þú sagðir miðja. 2080 01:41:01,320 --> 01:41:01,510 >> JOSEPH Ong: Því miður. 2081 01:41:01,510 --> 01:41:02,720 Yngsta er ekki til ennþá. 2082 01:41:02,720 --> 01:41:04,510 Og annar hlutur er að ég hef ekki ma jQuery 2083 01:41:04,510 --> 01:41:06,580 skrá spyrja handrit src. 2084 01:41:06,580 --> 01:41:07,960 Svo það er ekki að fara að vinna. 2085 01:41:07,960 --> 01:41:09,580 Reyndar gerði ég ekki gera það í næsta mynd, sem er 2086 01:41:09,580 --> 01:41:10,700 ætlast til að festa það heldur. 2087 01:41:10,700 --> 01:41:14,120 En hvernig við gerum þetta er JavaScript er atburður ekið. 2088 01:41:14,120 --> 01:41:17,410 Svo er það sem við notum við atburði stjórnandinn að gera þetta gerast. 2089 01:41:17,410 --> 01:41:19,510 Og svo ég svo skjalið setur fyrst. 2090 01:41:19,510 --> 01:41:23,810 Ég segi, allt í lagi, þegar skjalið er tilbúinn að láta mig hlaupa aðgerð. 2091 01:41:23,810 --> 01:41:25,470 Svo er það allt það setningafræði leið. 2092 01:41:25,470 --> 01:41:27,100 >> Ég valdi skjalið. 2093 01:41:27,100 --> 01:41:29,530 Nú, þegar skjalið er tilbúin, hlaupa aðgerðina. 2094 01:41:29,530 --> 01:41:32,970 Og svo hérna þegar skjal er tilbúin, sem þýðir allar HTML hefur 2095 01:41:32,970 --> 01:41:36,140 hlaðinn, þá er ég að keyra aðgerðina sem fjarlægir þessi þáttur. 2096 01:41:36,140 --> 01:41:40,270 Og svo núna, þegar ég keyra þessa aðgerð að ég fór inn í tilbúin, ég er 2097 01:41:40,270 --> 01:41:43,780 tryggt að allir HTML á síða er að fara að vera til fyrst. 2098 01:41:43,780 --> 01:41:44,100 Já. 2099 01:41:44,100 --> 01:41:44,425 Spurning? 2100 01:41:44,425 --> 01:41:48,200 >> Áhorfendur: Hvað er atburður leitarorð innan virka? 2101 01:41:48,200 --> 01:41:51,750 >> JOSEPH Ong: Svo að atburður leitarorð í fall er bara breytu sem 2102 01:41:51,750 --> 01:41:53,490 fær staðist til the virka fyrir hvaða atburð. 2103 01:41:53,490 --> 01:41:55,470 Það er bara eitthvað sem þú færð ókeypis. 2104 01:41:55,470 --> 01:41:59,320 Þegar þú ert að nota helstu dýraþjálfari í pset8, sem atburður gæti sagt þér, að 2105 01:41:59,320 --> 01:42:01,350 dæmi, hver lykill þú ýtt á. 2106 01:42:01,350 --> 01:42:05,540 Í þessu tilviki, fyrir tilbúinn atburði, það er í raun ekki frábær gagnlegt. 2107 01:42:05,540 --> 01:42:08,640 En fyrir lyklinum niður atburði, það er meira gagnlegt, vegna þess að þú færð að vita hver 2108 01:42:08,640 --> 01:42:12,330 Lykill þú ýtt við aðgangur lykill númer af þeim atburði mótmæla. 2109 01:42:12,330 --> 01:42:13,530 Rétt? 2110 01:42:13,530 --> 01:42:15,160 Er að skynsamleg? 2111 01:42:15,160 --> 01:42:16,280 OK. 2112 01:42:16,280 --> 01:42:16,580 Já. 2113 01:42:16,580 --> 01:42:17,150 Spurning? 2114 01:42:17,150 --> 01:42:19,290 >> Áhorfendur: Svo getur þú sett handrit tag neðar? 2115 01:42:19,290 --> 01:42:19,940 >> JOSEPH Ong: Svo já. 2116 01:42:19,940 --> 01:42:21,500 Þú gætir sett handritið tag neðar. 2117 01:42:21,500 --> 01:42:23,090 En þá verður það bara virkilega sóðalegur. 2118 01:42:23,090 --> 01:42:26,590 Og okkur langar að miðlægur öll af kóða okkar á einum stað. 2119 01:42:26,590 --> 01:42:28,290 Og þetta mun leyfa okkur að gera það. 2120 01:42:28,290 --> 01:42:32,010 Man áðan og ég sagði það er ágætur leið til að sjá til þess að þættir eru 2121 01:42:32,010 --> 01:42:33,880 á síðunni áður en þú framkvæma kóðann? 2122 01:42:33,880 --> 01:42:36,079 Og þetta er bara ágætur vegur þú vildi ná því. 2123 01:42:36,079 --> 01:42:37,329 >> Áhorfendur: [inaudible]. 2124 01:42:37,329 --> 01:42:41,710 2125 01:42:41,710 --> 01:42:42,230 >> JOSEPH Ong: Já. 2126 01:42:42,230 --> 01:42:43,460 Þú þarft samt að, ekki satt? 2127 01:42:43,460 --> 01:42:46,930 Vegna muna, þú ma skrá á efst á síðu. 2128 01:42:46,930 --> 01:42:49,890 Svo það er að fara að framkvæma fyrst áður þú fá til the botn af the blaðsíða. 2129 01:42:49,890 --> 01:42:54,600 2130 01:42:54,600 --> 01:42:55,180 OK. 2131 01:42:55,180 --> 01:42:59,210 Svo þú getur líka bæta við mismunandi tegund atburður dýraþjálfari. 2132 01:42:59,210 --> 01:43:00,640 Þetta ferli bara smelli. 2133 01:43:00,640 --> 01:43:03,910 Þegar ég smelli á yngsta, þá það mun skjóta upp kollinum með viðvörun. 2134 01:43:03,910 --> 01:43:05,440 Þetta er bara mismunandi tegund samskipta. 2135 01:43:05,440 --> 01:43:08,840 Öfugt við tilbúinn ef þú nú nota Smelltu atburði þegar þú færð 2136 01:43:08,840 --> 01:43:10,190 smellir á frumefni. 2137 01:43:10,190 --> 01:43:13,860 >> Og svo í þessu tilfelli, muna, smelltu stjórnandinn fylgir yngstu. 2138 01:43:13,860 --> 01:43:16,080 Svo gerist það bara þegar Ég smelli á yngstu. 2139 01:43:16,080 --> 01:43:19,510 Og í hitt, tilbúin atburður var fest við skjalið. 2140 01:43:19,510 --> 01:43:23,750 Svo það bíður skjalið að vera tilbúinn. 2141 01:43:23,750 --> 01:43:25,120 Skynsamleg? 2142 01:43:25,120 --> 01:43:26,190 Ég held að ég geti fara áfram. 2143 01:43:26,190 --> 01:43:26,610 Já. 2144 01:43:26,610 --> 01:43:26,980 Spurning? 2145 01:43:26,980 --> 01:43:28,230 >> Áhorfendur: [inaudible]. 2146 01:43:28,230 --> 01:43:31,676 2147 01:43:31,676 --> 01:43:33,620 í þessu tilfelli þú nota [inaudible]. 2148 01:43:33,620 --> 01:43:36,650 >> JOSEPH Ong: Ó, já, vegna þess að í þessari ræða, ég verð að bíða eftir að yngsta 2149 01:43:36,650 --> 01:43:40,740 þáttur til að birtast á skjánum fyrst áður en ég get hengja smella dýraþjálfari til 2150 01:43:40,740 --> 01:43:43,062 það, sem er ástæða þess að ég setti það inn skjals tilbúin. 2151 01:43:43,062 --> 01:43:45,780 2152 01:43:45,780 --> 01:43:46,840 OK. 2153 01:43:46,840 --> 01:43:52,390 Og næst, þannig að þetta er stór dæmi um hvernig þú vildi sameina allt. 2154 01:43:52,390 --> 01:43:55,930 Þetta er bara formi staðfestingar dæmi þú hefur séð í fyrirlestri. 2155 01:43:55,930 --> 01:43:58,410 Svo taka það skref fyrir skref eins og þú ferð í gegnum þetta. 2156 01:43:58,410 --> 01:43:59,590 Og það verður að vera algerlega í lagi. 2157 01:43:59,590 --> 01:44:01,400 Bara að lesa hana frá toppi til botn. 2158 01:44:01,400 --> 01:44:03,030 >> Ég er með mynd neðst. 2159 01:44:03,030 --> 01:44:07,590 Þegar skjalið er tilbúið, ég að hengja leggja stjórnandinn að formi, þannig að 2160 01:44:07,590 --> 01:44:12,910 þegar ég senda inn mynd, fæ ég gildin inni hvor af þeim aðföngum. 2161 01:44:12,910 --> 01:44:14,560 Og ég athuga hvort það er auður. 2162 01:44:14,560 --> 01:44:17,090 Ef það er autt, aftur ég rangar, vegna þess að Ég vil ekki að senda inn mynd, 2163 01:44:17,090 --> 01:44:18,950 vegna þess að formið er rangt. 2164 01:44:18,950 --> 01:44:22,040 Ef lykilorð er tóm eða það er minna en átta stafir, gef ég ekki 2165 01:44:22,040 --> 01:44:24,470 form, því það er einnig rangt. 2166 01:44:24,470 --> 01:44:28,150 Og aftur ósatt bara veg eyðublaðið frá að senda og 2167 01:44:28,150 --> 01:44:30,150 fara til nýja síðu. 2168 01:44:30,150 --> 01:44:31,310 >> Og vonandi, þetta er skynsamlegt. 2169 01:44:31,310 --> 01:44:34,650 Ég held að þú krakkar ættu að ganga í gegnum þetta númer skref fyrir skref á eigin spýtur. 2170 01:44:34,650 --> 01:44:38,350 Og þegar þú skilur hvað velja þætti og gera efni til þess 2171 01:44:38,350 --> 01:44:40,520 reyndar felst, þetta mun gera a einhver fjöldi af skilningarvit til þín. 2172 01:44:40,520 --> 01:44:41,295 Já? 2173 01:44:41,295 --> 01:44:44,150 >> Áhorfendur: Hvað gerir NAME = Notendanafn meina? 2174 01:44:44,150 --> 01:44:48,530 >> JOSEPH Ong: Svo NAME = Notendanafn og nafn = Lykilorð þýðir bara að líta á 2175 01:44:48,530 --> 01:44:50,730 eiginleiki hvað þú ert að velja. 2176 01:44:50,730 --> 01:44:51,790 Og þá þarf það að passa. 2177 01:44:51,790 --> 01:44:53,870 Svo við förum inn í skráningu. 2178 01:44:53,870 --> 01:44:56,240 Og þá erum við að líta á öllum aðföngum og skráning. 2179 01:44:56,240 --> 01:44:59,990 Og þá erum við að velja einn þar sem nafn eiginleiki er jafn notendanafni. 2180 01:44:59,990 --> 01:45:04,040 Svo að fyrsta val aðeins velur innskráningarorð inntak. 2181 01:45:04,040 --> 01:45:08,220 Og það annað val aðeins velur lykilorðið einn, vegna þess að þeir hafa 2182 01:45:08,220 --> 01:45:12,240 Nafn eiginleiki þeirra sett eins og hvað þeir eiga að vera. 2183 01:45:12,240 --> 01:45:12,575 Spurning? 2184 01:45:12,575 --> 01:45:17,030 >> Áhorfendur: Um skil, hvernig virkar neðri hluta leysa efsti hluti? 2185 01:45:17,030 --> 01:45:19,350 >> JOSEPH Ong: Svo er það vegna þess af the atburður dýraþjálfari. 2186 01:45:19,350 --> 01:45:23,000 Þannig að við erum að bíða eftir að senda inn atburð sem fær rekinn úr formi. 2187 01:45:23,000 --> 01:45:24,730 Og það er allt sem er sent inn. 2188 01:45:24,730 --> 01:45:26,080 Hví ég kalla leggja upp þarna? 2189 01:45:26,080 --> 01:45:28,870 Það segir, þegar formið er lögð, Ég fæ senda inn atburð. 2190 01:45:28,870 --> 01:45:33,480 Svo láta mig stöðva bara þessi og þá hlaupa þennan kóða í staðinn. 2191 01:45:33,480 --> 01:45:33,823 Já? 2192 01:45:33,823 --> 01:45:35,866 >> Áhorfendur: Hvers vegna ertu með að hafa virka atburði? 2193 01:45:35,866 --> 01:45:38,580 Hvers vegna getur þú ekki bara [inaudible]? 2194 01:45:38,580 --> 01:45:41,140 >> JOSEPH Ong: Vegna þess að í JavaScript, þú að lýsa þeim störfum. 2195 01:45:41,140 --> 01:45:42,910 Það er bara hvernig það virkar JavaScript. 2196 01:45:42,910 --> 01:45:44,800 Þú þarft að segja það er að fara að keyra aðgerðina. 2197 01:45:44,800 --> 01:45:47,290 Svo þú ert að segja það sem þú ert von á aðgerðir hérna í stað þess að 2198 01:45:47,290 --> 01:45:48,260 bara hrokkið axlabönd. 2199 01:45:48,260 --> 01:45:50,460 >> Áhorfendur: Og virka er hvað segir? 2200 01:45:50,460 --> 01:45:50,650 >> JOSEPH Ong: Já. 2201 01:45:50,650 --> 01:45:52,790 Fallið er hvað er inni the hrokkið axlabönd eftir 2202 01:45:52,790 --> 01:45:53,630 sem virka leitarorð. 2203 01:45:53,630 --> 01:45:54,045 Já? 2204 01:45:54,045 --> 01:45:55,295 >> Áhorfendur: [inaudible]. 2205 01:45:55,295 --> 01:46:00,180 2206 01:46:00,180 --> 01:46:00,660 >> JOSEPH Ong: Til að senda inn? 2207 01:46:00,660 --> 01:46:03,520 >> Áhorfendur: Nei, fyrir virka án the atburður. 2208 01:46:03,520 --> 01:46:03,770 >> JOSEPH Ong: Já. 2209 01:46:03,770 --> 01:46:05,610 Svo án the atburður, þú getur haft það. 2210 01:46:05,610 --> 01:46:08,480 Ef þú þarft ekki á atburðinn, þá getur þú bara sleppt því. 2211 01:46:08,480 --> 01:46:12,220 En ef þú gerir það, þá þú bara setja það þarna. 2212 01:46:12,220 --> 01:46:12,520 Já. 2213 01:46:12,520 --> 01:46:13,190 Fljótur spurning? 2214 01:46:13,190 --> 01:46:14,440 >> Áhorfendur: [inaudible]. 2215 01:46:14,440 --> 01:46:21,170 2216 01:46:21,170 --> 01:46:21,440 >> JOSEPH Ong: Já. 2217 01:46:21,440 --> 01:46:24,550 Því það sem þú þarft að gera, document.ready segir bara bíða fyrir alla 2218 01:46:24,550 --> 01:46:26,540 HTML á síðunni til að hlaða fyrst. 2219 01:46:26,540 --> 01:46:30,510 Og yfirleitt, þú vilt þætti þínum í stað áður en þú keyrir allir kóðann. 2220 01:46:30,510 --> 01:46:31,030 Allt í lagi. 2221 01:46:31,030 --> 01:46:32,180 Við verðum að komast til Ajax. 2222 01:46:32,180 --> 01:46:33,110 Við höfum ekki mikinn tíma. 2223 01:46:33,110 --> 01:46:35,170 Svo kostir og gallar. 2224 01:46:35,170 --> 01:46:37,450 JavaScript er auðveldara að reyna skrifa með jQuery. 2225 01:46:37,450 --> 01:46:38,930 En jQuery er góður af hægur. 2226 01:46:38,930 --> 01:46:42,290 >> Það er eins og PHP er hægari en C, því það er túlkað. 2227 01:46:42,290 --> 01:46:45,690 Og jQuery er svolítið hægar en JavaScript, vegna þess að það gerir mikið af 2228 01:46:45,690 --> 01:46:46,630 hlutur undir the hetta. 2229 01:46:46,630 --> 01:46:48,660 Og svo ef þú ert að nota jQuery, það er bara svolítið hægar en 2230 01:46:48,660 --> 01:46:51,630 JavaScript, jafnvel þó að það gefur þér gott glæsileika. 2231 01:46:51,630 --> 01:46:53,970 Og að lokum, Ajax. 2232 01:46:53,970 --> 01:46:59,170 Svo langt með Ajax, hefur þú ekki séð Ajax að því er varðar pset7 enn, því 2233 01:46:59,170 --> 01:47:01,150 þegar þú gerir það, þú sendir inn form til að vitna í. 2234 01:47:01,150 --> 01:47:02,350 Það hleðst upp nýja síðu. 2235 01:47:02,350 --> 01:47:04,440 Þannig að þú færð þennan stóra hvíta glampi á síðunni á meðan að 2236 01:47:04,440 --> 01:47:06,820 seinni síðunni álag, rétt? 2237 01:47:06,820 --> 01:47:08,780 >> Það væri mjög gott ef þú ekki hafa þetta blikka. 2238 01:47:08,780 --> 01:47:11,600 Eins og Facebook, ef þú flettir bara að botn, bætir það nýtt efni 2239 01:47:11,600 --> 01:47:13,490 án hressandi alla síðuna. 2240 01:47:13,490 --> 01:47:15,420 Svo eitthvað eins og þetta væri gaman. 2241 01:47:15,420 --> 01:47:17,370 Þetta er JavaScript kóða á vinstri hlið. 2242 01:47:17,370 --> 01:47:19,390 Þú færð það sem er inni á þeirri inntak. 2243 01:47:19,390 --> 01:47:21,340 Þú færð stofnsins upplýsingar frá Yahoo! 2244 01:47:21,340 --> 01:47:27,440 Og þá þú gera a stór band sem segir, OK, þetta er sá boðskapur sem ég vil 2245 01:47:27,440 --> 01:47:28,400 að sýna á skjánum. 2246 01:47:28,400 --> 01:47:32,280 Og þá setja þessi skilaboð inn sumir HTML þátturinn sem fær 2247 01:47:32,280 --> 01:47:33,970 birtist á skjánum. 2248 01:47:33,970 --> 01:47:35,540 >> Svo er það allt sem er að gerast hér. 2249 01:47:35,540 --> 01:47:39,410 Svo í grundvallaratriðum, því þetta er allt JavaScript og þú þarft ekki að hlaupa 2250 01:47:39,410 --> 01:47:42,980 lengur PHP, þetta mun ganga úr skugga um að síðan endurnýjast ekki. 2251 01:47:42,980 --> 01:47:47,470 Svo er þetta bara ágrip hugmynd að ég er að segja hér í bili. 2252 01:47:47,470 --> 01:47:50,630 Sem ágrip Hugmyndin er sú að ef þú gerir það allt í JavaScript, þú þarft ekki 2253 01:47:50,630 --> 01:47:52,330 síðu hressa. 2254 01:47:52,330 --> 01:47:53,800 En hvernig þú gerir í raun þetta? 2255 01:47:53,800 --> 01:47:56,230 >> Ja, reyndar, við skulum tala um vandamál með þetta fyrst. 2256 01:47:56,230 --> 01:47:59,340 A vandamál er í Javascript, framkvæmd er samstilltur. 2257 01:47:59,340 --> 01:48:02,000 Svo þú verður að bíða í einn lína að klára áður en þú 2258 01:48:02,000 --> 01:48:03,370 framkvæma næstu línu. 2259 01:48:03,370 --> 01:48:06,130 Og hvað ef ég ætla yfir í Yahoo!, og þeirra framreiðslumaður ert mjög hægur, og 2260 01:48:06,130 --> 01:48:08,790 það tekur þá þrjár sekúndur til gefa mig aftur að birgðir upplýsingar? 2261 01:48:08,790 --> 01:48:12,620 Þegar ég högg að verð lína, ef framkvæmd er samstilltur, eins og það er með því að 2262 01:48:12,620 --> 01:48:15,390 sjálfgefið, hvað það er bara að fara að gera er að Vafrinn þinn er að fara að tefja fyrir 2263 01:48:15,390 --> 01:48:15,930 þrjár sekúndur. 2264 01:48:15,930 --> 01:48:18,900 Og þú ert ekki að fara að vera fær um að gera nokkuð á meðan hún fær þessi gögn. 2265 01:48:18,900 --> 01:48:20,010 Það er að fara að vera frosinn. 2266 01:48:20,010 --> 01:48:20,800 >> Og það er slæmt. 2267 01:48:20,800 --> 01:48:23,390 Þú vilt ekki að notandi hafa fryst vefsíðu. 2268 01:48:23,390 --> 01:48:24,170 Rétt? 2269 01:48:24,170 --> 01:48:25,480 Það er bara slæmt. 2270 01:48:25,480 --> 01:48:26,770 Allir sammála? 2271 01:48:26,770 --> 01:48:29,270 Ef þú ert að vafra Facebook og það frýs og þú getur ekki gert neitt, þú 2272 01:48:29,270 --> 01:48:31,920 fá mjög svekktur. 2273 01:48:31,920 --> 01:48:34,960 Svo lausnin er við tökum eitthvað ósamstilltur staðinn. 2274 01:48:34,960 --> 01:48:38,910 Svo segir allt þetta ósamstilltur hlutur er, ég ætla að biðja þetta 2275 01:48:38,910 --> 01:48:40,280 URL fyrir sumum gögnum. 2276 01:48:40,280 --> 01:48:41,610 Og þá ætla ég að halda áfram. 2277 01:48:41,610 --> 01:48:45,330 Ég ætla bara að fara að halda framkvæmd hvað kóða sem var eftir það. 2278 01:48:45,330 --> 01:48:49,290 >> Og þá að gögn er þegar tilbúinn, þá mun ég vinna það. 2279 01:48:49,290 --> 01:48:50,540 Það er allt það er að segja. 2280 01:48:50,540 --> 01:48:52,795 2281 01:48:52,795 --> 01:48:56,710 >> Áhorfendur: Ajax gerir bara kóða ósamstilltur? 2282 01:48:56,710 --> 01:48:58,560 >> JOSEPH Ong: Það er ósamstilltur leið að ná í gögn. 2283 01:48:58,560 --> 01:49:01,230 Svo the fyrstur hlutur óður í Ajax er það leyfir mér að fá gögn 2284 01:49:01,230 --> 01:49:03,170 frá utanaðkomandi website. 2285 01:49:03,170 --> 01:49:07,045 Og seinni hlutur er að það gerir viss þessi síða mín hefur ekki tefja á meðan ég er 2286 01:49:07,045 --> 01:49:07,970 sækja þessi gögn. 2287 01:49:07,970 --> 01:49:09,600 Það er ósamstilltur hluti af því. 2288 01:49:09,600 --> 01:49:13,040 Vegna þess að það fer í burtu annars staðar, vegna þess að ég segi að ég að halda áfram á meðan 2289 01:49:13,040 --> 01:49:14,900 það er að sækja þessi gögn, sem gerir það ósamstilltur. 2290 01:49:14,900 --> 01:49:17,170 Ég að halda áfram að framkvæma. 2291 01:49:17,170 --> 01:49:18,960 >> Svo halda að ósamstilltur hugmynd í huga. 2292 01:49:18,960 --> 01:49:22,010 Og ég skal sýna þér hvað munurinn er. 2293 01:49:22,010 --> 01:49:23,920 The samstilltur útgáfa er á vinstri hlið. 2294 01:49:23,920 --> 01:49:26,240 Ósamstilltur útgáfa er á hægri hlið. 2295 01:49:26,240 --> 01:49:29,170 Horfir á tölurnar til að sjá hvaða skref í samræmi við það 2296 01:49:29,170 --> 01:49:30,610 keyrir á hverri línu. 2297 01:49:30,610 --> 01:49:32,730 Þarna, viðvörun sýnir sig fyrst. 2298 01:49:32,730 --> 01:49:34,590 Því að fá lager upplýsingar frá Yahoo! 2299 01:49:34,590 --> 01:49:37,250 tekur þrjár sekúndur, tefur það í þrjár sekúndur. 2300 01:49:37,250 --> 01:49:39,880 Og þá viðvörun það verð eftir þeim þrjár sekúndur. 2301 01:49:39,880 --> 01:49:43,690 >> Svo nú, sem láta sýnir upp á þeim tíma - 2302 01:49:43,690 --> 01:49:44,610 þrjár sekúndur sig inn 2303 01:49:44,610 --> 01:49:47,670 Og þá viðvörun það með eftir það. 2304 01:49:47,670 --> 01:49:48,930 Svo fer það bara skref fyrir skref. 2305 01:49:48,930 --> 01:49:51,200 Það er eins og það sem þú krakkar myndi taka við, rétt? 2306 01:49:51,200 --> 01:49:54,170 Með ósamstilltur framkvæmd, Ertu vakandi fyrst. 2307 01:49:54,170 --> 01:49:57,410 Þá þú fara burt á þessa slóð. 2308 01:49:57,410 --> 01:49:59,530 Og þú segir, ég ætla að bara biðja um gögnin. 2309 01:49:59,530 --> 01:50:01,170 Og þá ætla ég að vinna úr henni seinna. 2310 01:50:01,170 --> 01:50:04,230 Svo keyrir það strax næsta lína eftir að ég gera það 2311 01:50:04,230 --> 01:50:05,710 ósamstilltur beiðni. 2312 01:50:05,710 --> 01:50:08,920 >> Svo 0,001 sekúndur, sjá þér vakandi hæ. 2313 01:50:08,920 --> 01:50:10,960 Keyra að virka, vakandi bless. 2314 01:50:10,960 --> 01:50:14,240 Og vegna þess að ég lofaði að ég myndi vinna úr gögnum síðar, hvað 2315 01:50:14,240 --> 01:50:17,920 gerist er þegar þessi gögn koma til baka þremur sekúndum síðar, þá er ég að keyra að 2316 01:50:17,920 --> 01:50:21,380 fall sem ég hef þarna. 2317 01:50:21,380 --> 01:50:21,870 Já? 2318 01:50:21,870 --> 01:50:25,750 >> Áhorfendur: Gætirðu tilgreina eða skýra hvað Ajax þýðir? 2319 01:50:25,750 --> 01:50:30,460 >> JOSEPH Ong: Svo er Ajax hátt að ef ég þarft gögn þegar ég er á vefsíðu og ég 2320 01:50:30,460 --> 01:50:34,690 vil ekki að uppfæra síðuna, þá Ég nota þessa tækni kallast Ajax. 2321 01:50:34,690 --> 01:50:40,630 Sem í raun þýðir bara, fara sækja gögn frá öðru vefsvæði. 2322 01:50:40,630 --> 01:50:43,724 Og gera það á þann hátt að aðeins ekki tefja vefsíðu mína. 2323 01:50:43,724 --> 01:50:46,650 >> Áhorfendur: Svo er að felast hluti af JavaScript eða jQuery? 2324 01:50:46,650 --> 01:50:50,590 >> JOSEPH Ong: Svo einhver skrifaði leið til að gera þetta í JavaScript fyrir löngu síðan. 2325 01:50:50,590 --> 01:50:52,050 Á einum stað, gerði það ekki til. 2326 01:50:52,050 --> 01:50:56,630 Og svo einhver finna þessa tækni til að leyfa fólki að biðja þessi gögn 2327 01:50:56,630 --> 01:50:57,680 í þessari tísku. 2328 01:50:57,680 --> 01:50:59,550 Og þeir skrifaði smá dót að gera það fyrir þig. 2329 01:50:59,550 --> 01:51:01,605 Og jQuery gefur bara þér þetta mjög ágætur vegur að gera það 2330 01:51:01,605 --> 01:51:03,112 með þessu $. fá virka. 2331 01:51:03,112 --> 01:51:07,200 2332 01:51:07,200 --> 01:51:09,480 spurningar? 2333 01:51:09,480 --> 01:51:11,560 Ég get svarað spurningum um Ajax síðan líka. 2334 01:51:11,560 --> 01:51:13,870 Ég kem hér. 2335 01:51:13,870 --> 01:51:16,390 >> Svo það skulum okkur ná í gögn án glæða síðuna. 2336 01:51:16,390 --> 01:51:18,200 Og það skulum við gera þetta í ósamstilltur leið að 2337 01:51:18,200 --> 01:51:19,450 ekki frjósa á síðunni. 2338 01:51:19,450 --> 01:51:22,680 2339 01:51:22,680 --> 01:51:27,310 Of lengi, ekki lesa ef þessi skýring var of löng fyrir þig. 2340 01:51:27,310 --> 01:51:29,430 Að endingu, kross-site forskriftarþarfir árásum. 2341 01:51:29,430 --> 01:51:30,910 Við sáum þetta með Zamyla. 2342 01:51:30,910 --> 01:51:34,285 Ef í gagnasafn einhvern mínum hefur þetta nafn, sem er þetta handrit tag, og ég 2343 01:51:34,285 --> 01:51:38,280 hafa sumir merkjamál á síðuna mína sem prentar út nöfn fólks í röð, eða ég hef 2344 01:51:38,280 --> 01:51:43,310 sumir JavaScript kóða sem setur þetta nafn inn á síðunni, 2345 01:51:43,310 --> 01:51:45,680 hvað HTML fær framleitt? 2346 01:51:45,680 --> 01:51:47,290 Jæja, prenta ég út HTML merki. 2347 01:51:47,290 --> 01:51:48,390 Ég prenta út allar þessar skipanir. 2348 01:51:48,390 --> 01:51:50,740 >> Ég fæ að þeim hluta þar sem ég er prentun út með vinum mínum. 2349 01:51:50,740 --> 01:51:52,980 Ég prenta Lauren út. 2350 01:51:52,980 --> 01:51:54,200 Það prentað Milo út. 2351 01:51:54,200 --> 01:51:56,810 Og þá nafn mitt í gagnagrunninum er handrit staða 2352 01:51:56,810 --> 01:51:58,060 unflattering Facebook staða. 2353 01:51:58,060 --> 01:52:00,740 2354 01:52:00,740 --> 01:52:04,330 Vegna þess að ég sett þetta inn á síðunni vegna þess að það lítur út eins og JavaScript, þegar 2355 01:52:04,330 --> 01:52:07,930 þessari síðu fær sent til notandans, það gets framkvæma og JavaScript. 2356 01:52:07,930 --> 01:52:10,800 Og svo er þetta það sem við köllum kross-staður forskriftarþarfir árás. 2357 01:52:10,800 --> 01:52:14,570 Einhver setur skaðlegum upplýsingum í gagnasafninu sem gæti átt við 2358 01:52:14,570 --> 01:52:17,080 sumir viðbótar band eða sumir JavaScript band. 2359 01:52:17,080 --> 01:52:20,130 >> Og þegar það fær prentaðar út til síðu í tísku, hvað þá 2360 01:52:20,130 --> 01:52:22,580 gerist er að slæmt kóða gets framkvæma að ég vissi ekki ætla 2361 01:52:22,580 --> 01:52:25,110 fyrir það að fá fram. 2362 01:52:25,110 --> 01:52:28,230 Og það er allt kross-staður forskriftarþarfir árás er. 2363 01:52:28,230 --> 01:52:31,790 Og hvernig þú færð í kring þetta er eins og Zamyla sagði. 2364 01:52:31,790 --> 01:52:34,340 Þú sett bara hlutina í HTML sérstaka tákn. 2365 01:52:34,340 --> 01:52:39,460 Og þetta HTML sérstaka stafir er PHP virka sem mun koma í veg fyrir þessa tegund 2366 01:52:39,460 --> 01:52:42,000 af hlutur gerist fyrir þig ef þú hafa a illgjarn 2367 01:52:42,000 --> 01:52:43,830 band í gagnagrunninn. 2368 01:52:43,830 --> 01:52:47,650 Það sleppur bara það, þannig að það er ekki fá túlka sem HTML. 2369 01:52:47,650 --> 01:52:50,960 Það kemur í stað litlu sviga við það sem við köllum aðila. 2370 01:52:50,960 --> 01:52:52,250 Og við fórum yfir þetta í fyrirlestri líka. 2371 01:52:52,250 --> 01:52:55,800 Þannig að ég held að þú krakkar ættu að hafa góð tök á því. 2372 01:52:55,800 --> 01:52:57,420 Spurningar? 2373 01:52:57,420 --> 01:52:57,820 Já. 2374 01:52:57,820 --> 01:53:00,860 >> Áhorfendur: Svo hvernig væri á [inaudible]? 2375 01:53:00,860 --> 01:53:01,555 >> JOSEPH Ong: Segja að aftur. 2376 01:53:01,555 --> 01:53:02,500 >> Áhorfendur: Hvernig myndi fylgjast - 2377 01:53:02,500 --> 01:53:02,860 >> JOSEPH Ong: Hægri. 2378 01:53:02,860 --> 01:53:06,080 Svo þú hefur eitthvað sem segir, þegar Ég skráð, tegund í nafni mínu. 2379 01:53:06,080 --> 01:53:09,390 Ég gerð bara á því sviði, ég heiti stript staða unflattering Facebook 2380 01:53:09,390 --> 01:53:11,570 Staða loka handrit tag. 2381 01:53:11,570 --> 01:53:15,690 Og það bara fær setja inn í gagnasafn, því ég get ekki sagt að einhver 2382 01:53:15,690 --> 01:53:18,260 í heiminum er ekki með nafn með vinstri ör í það eða á 2383 01:53:18,260 --> 01:53:19,036 Orðið handrit í það. 2384 01:53:19,036 --> 01:53:21,330 Það þýðir í raun ekki skynsamleg. 2385 01:53:21,330 --> 01:53:24,560 Svo ég er bara að ganga úr skugga um að ég sanitize efni áður en ég prenta það 2386 01:53:24,560 --> 01:53:25,420 út við síðu. 2387 01:53:25,420 --> 01:53:27,140 >> Áhorfendur: Svo HTML sérstökum kortum veg handrit tags? 2388 01:53:27,140 --> 01:53:28,710 >> JOSEPH Ong: Já. 2389 01:53:28,710 --> 01:53:29,960 Svo það kemur ekki í veg handrit tags. 2390 01:53:29,960 --> 01:53:32,320 Það gerir bara viss um að handrit tags fæ ekki 2391 01:53:32,320 --> 01:53:35,120 túlka sem HTML eða - 2392 01:53:35,120 --> 01:53:35,400 já. 2393 01:53:35,400 --> 01:53:38,470 Það kemur bara upp eins og hvað það er í raun. 2394 01:53:38,470 --> 01:53:39,220 Allt í lagi. 2395 01:53:39,220 --> 01:53:40,930 Svo sem var quiz endurskoðun. 2396 01:53:40,930 --> 01:53:41,830 Cool. 2397 01:53:41,830 --> 01:53:45,088 >> [Applause]