1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> TOMAS REIMERS: Hi, tout moun. 3 00:00:08,180 --> 00:00:09,250 Non mwen nan Tomas Reimers. 4 00:00:09,250 --> 00:00:10,500 >> MIKE Rizzo: Apre sa, mwen se Mike Rizzo. 5 00:00:10,500 --> 00:00:12,990 >> TOMAS REIMERS: Nou se de nan CS50s TS. 6 00:00:12,990 --> 00:00:18,910 Apre sa, jodi a nou ap mennen seminè a sou JavaScript ak CSS pou apps entènèt. 7 00:00:18,910 --> 00:00:22,140 Si ou vle swiv ansanm, nan lyen ki dwat laba a. 8 00:00:22,140 --> 00:00:25,190 Epi ou vle mete l 'moute sou yon ti tan nan konpitè? 9 00:00:25,190 --> 00:00:27,460 >> Genyen lyen an. 10 00:00:27,460 --> 00:00:30,390 Li se yon sit piti, ki te gen lyen ki mennen nan tout resous ki nou pral yo dwe 11 00:00:30,390 --> 00:00:36,490 montre nou jòdi a epi tou li gen yon anpil nan enfòmasyon itil ekri pa nou 12 00:00:36,490 --> 00:00:39,680 li plis nan pwofondè lè ou ale tounen, epi ou ap eseye sonje sa 13 00:00:39,680 --> 00:00:42,166 egzakteman t 'nou di, ki sa ou te ap pale de, et setra. 14 00:00:42,166 --> 00:00:43,870 >> MIKE Rizzo: Tout dwat. 15 00:00:43,870 --> 00:00:44,890 Se konsa, kite a kòmanse. 16 00:00:44,890 --> 00:00:45,700 >> TOMAS REIMERS: Se konsa, ou vle kòmanse? 17 00:00:45,700 --> 00:00:45,970 OK. 18 00:00:45,970 --> 00:00:47,170 >> MIKE Rizzo: Yeah. 19 00:00:47,170 --> 00:00:51,730 Se konsa, nou premye te vle kòmanse avèk yon gwo BECA sou entènèt la ak 20 00:00:51,730 --> 00:00:54,240 pote kalite lè konsepsyon sit entènèt. 21 00:00:54,240 --> 00:00:57,550 Pandan ke prezantasyon sa a nou vle jwenn nan nan JavaScript yon anpil anpil 22 00:00:57,550 --> 00:01:00,320 pita sou, nou te vle kòmanse koupe ak jis, kalite, tankou gade je yon zwazo a 23 00:01:00,320 --> 00:01:03,270 nan sa ki yon sit entènèt se ak ki jan yo reflechi sou desine yon 24 00:01:03,270 --> 00:01:04,800 sou sit wèb pou kòmanse a. 25 00:01:04,800 --> 00:01:08,370 >> Se konsa, ou nèg, nan pwen sa a - ak li yo te Vandredi swa - ta dwe gen 26 00:01:08,370 --> 00:01:11,000 soumèt finans CS50 ou pwoblèm kouche. 27 00:01:11,000 --> 00:01:15,260 Èspere ke, sa ki te yon bon gou nan sa ki pwogram entènèt kapab. 28 00:01:15,260 --> 00:01:18,261 Men, isit la nou vle, kalite, bay nou yon lòt gou, kòm byen. 29 00:01:18,261 --> 00:01:23,190 >> TOMAS REIMERS: Se konsa, jis yo Rekapitilasyon sa ki k ap pase, lè ou tape nan URL ou a 30 00:01:23,190 --> 00:01:26,650 navigatè entènèt ou, ki URL vin leve je nan òdinatè a. 31 00:01:26,650 --> 00:01:28,590 Apre sa, nan òdinatè w lan konekte nan yon lòt òdinatè, 32 00:01:28,590 --> 00:01:29,890 ki gen tout pouvwa a ki sou sit wèb. 33 00:01:29,890 --> 00:01:33,150 OK, se konsa lè ou ale nan google.com, w ap konekte nan youn nan Google nan 34 00:01:33,150 --> 00:01:36,496 òdinatè, ki te gen nan dosye pou google.com. 35 00:01:36,496 --> 00:01:38,750 >> Li Lè sa a, mande pou yon dosye espesifik. 36 00:01:38,750 --> 00:01:40,020 Se konsa, si ou ale nan - 37 00:01:40,020 --> 00:01:41,550 Mwen pa konnen - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html oswa / test.html, w ap ale nan mande pou 39 00:01:48,170 --> 00:01:49,340 ki dosye espesifik. 40 00:01:49,340 --> 00:01:52,780 Apre sa, sèvè a wèb la pral retounen li ba ou. 41 00:01:52,780 --> 00:01:54,910 >> Lè sa a, yon fwa ou ale nan ki dosye - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 yon fwa w ap òdinatè vin ke dosye - li an pral kòmanse 44 00:01:59,950 --> 00:02:00,820 yo bati yon paj entènèt. 45 00:02:00,820 --> 00:02:03,020 Se konsa, kounye a li gen dosye a HTML, ki se sòt de renmen an 46 00:02:03,020 --> 00:02:05,170 estrikti nan paj wèb la. 47 00:02:05,170 --> 00:02:08,620 Dosye a HTML te kapab konsilte tou Dosye CSS, ki defini nan 48 00:02:08,620 --> 00:02:09,889 style nan paj wèb la. 49 00:02:09,889 --> 00:02:12,970 >> JavaScript dosye, ki defini entèraksyon ak paj wèb la. 50 00:02:12,970 --> 00:02:15,200 Dosye Imaj yo, ki se jis imaj. 51 00:02:15,200 --> 00:02:19,450 Epi pètèt genyen lyen ak lòt dosye HTML, kote ou ka Lè sa a, vizite. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> MIKE Rizzo: OK, gwo. 54 00:02:24,380 --> 00:02:28,980 Se konsa, ou nèg gen tout, petèt, skrupulezman mete kanpe lame lokal ou a 55 00:02:28,980 --> 00:02:30,810 sou machin vityèl ou. 56 00:02:30,810 --> 00:02:35,650 Apre sa, ki jis, kalite, se lokal la domèn ki òdinatè w lan gen tout pouvwa a sèlman 57 00:02:35,650 --> 00:02:38,760 pou ou nan adrès pwòp IP ou an. 58 00:02:38,760 --> 00:02:43,300 >> Se konsa, nan sa, Lè sa a, ou ka ajoute nan li pwòp paj wèb ou. 59 00:02:43,300 --> 00:02:47,655 Mwen vle di, nan CS50 Finans, ou ta dwe gen te ajoute kèk paj HTML yo, ki se, 60 00:02:47,655 --> 00:02:49,410 sòt de, vlope nan pakè a PHP. 61 00:02:49,410 --> 00:02:54,690 Men, finalman, sa ki paj PHP ou yo te sorti te HTML. 62 00:02:54,690 --> 00:02:58,210 >> Men, panse tounen nan konmansman an anpil nan PSET a, nou te gen yo mete 63 00:02:58,210 --> 00:03:00,890 autorisations yo pou tout bagay, dwa? 64 00:03:00,890 --> 00:03:07,270 Se konsa, sa a jis fondamantalman pèmèt nou konnen ki moun ki ka li, ekri, epi pètèt 65 00:03:07,270 --> 00:03:08,730 egzekite chak nan dosye yo. 66 00:03:08,730 --> 00:03:11,870 Se konsa, nou ap ale nan fè yon rapid - NP? 67 00:03:11,870 --> 00:03:15,660 >> TOMAS REIMERS: Se konsa, nou ap ale fè yon Demo rapid. 68 00:03:15,660 --> 00:03:19,560 Se konsa, jis fè ou sonje, lè ou konekte ak òdinatè Google a - 69 00:03:19,560 --> 00:03:20,690 Nenpòt moun ki - 70 00:03:20,690 --> 00:03:24,060 epi mande pou yon dosye, òdinatè nan premye bezwen asire w ke ou ap otorize 71 00:03:24,060 --> 00:03:28,790 ki aktyèlman wè ke dosye w la oubyen li sa ranpli paske ou pa kapab jis mande 72 00:03:28,790 --> 00:03:30,430 pou nenpòt ki dosye sou sa òdinatè, dwa? 73 00:03:30,430 --> 00:03:32,260 Ki ta ka yon danje sekirite. 74 00:03:32,260 --> 00:03:37,020 >> Se konsa, dosye sou sistèm yo nou itilize, tankou sa a aparèy CS50, gen twa 75 00:03:37,020 --> 00:03:39,200 moun jeneral ki moun ki ka gen autorisations nan yon bagay. 76 00:03:39,200 --> 00:03:41,610 Premye a se aktyèl la pwopriyetè a di dosye-a. 77 00:03:41,610 --> 00:03:43,820 Dezyèm nan se gwoup la ki dosye a ki dwe nan. 78 00:03:43,820 --> 00:03:46,090 Nou pa pwal yo konsantre twòp sou sa. 79 00:03:46,090 --> 00:03:50,010 Epi bagay la pase a se, sòt de, tankou nan mond oswa tankou tout lòt moun ki nan 80 00:03:50,010 --> 00:03:54,130 pa espesifik ak sa yo ki dosye epi yo pa gen nenpòt dwa komen sou li. 81 00:03:54,130 --> 00:04:05,650 >> Se konsa, si nou gen pwopriyetè a, gwoup, ak Lè sa a lemonn. 82 00:04:05,650 --> 00:04:10,510 Lè sa a,, pou chak nan gwoup sa yo, ou ka gen youn nan twa autorisations, 83 00:04:10,510 --> 00:04:13,010 OK, oswa plizyè nan yo. 84 00:04:13,010 --> 00:04:15,070 Ou ka gen otorizasyon Li. 85 00:04:15,070 --> 00:04:16,560 Ou ka gen autorisations dwat. 86 00:04:16,560 --> 00:04:18,880 Apre sa, ou ka gen egzekite autorisations. 87 00:04:18,880 --> 00:04:22,060 >> Se konsa, an tèm de kalite dosye aktyèl, li pèmisyon, se tankou aktyèlman lekti 88 00:04:22,060 --> 00:04:23,250 sa ki nan dosye a. 89 00:04:23,250 --> 00:04:24,730 Yon pèmisyon dwa ap ekri di dosye-a. 90 00:04:24,730 --> 00:04:28,370 Yon egzekite pèmisyon ap kouri a ranpli tankou ou fè lè ou kouri youn nan 91 00:04:28,370 --> 00:04:29,620 CS50 pwojè ou a. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Se konsa, lè nou ap panse sou dosye tankou lè nou bezwen li yon HTML 94 00:04:38,820 --> 00:04:41,790 ranpli, ki bezwen yo dwe mond lizib, dwa? 95 00:04:41,790 --> 00:04:44,420 Assume, tou mèt kay la vle pou kapab modifye ki dosye. 96 00:04:44,420 --> 00:04:46,610 Se konsa, mèt kay la nan ale nan bezwen li ak ekri autorisations. 97 00:04:46,610 --> 00:04:48,710 Yo pa reyèlman bezwen egzekite. 98 00:04:48,710 --> 00:04:50,950 >> Group, nou pral trete a menm jan ak mond la pou kounye a. 99 00:04:50,950 --> 00:04:54,610 Se konsa, yo bezwen otorizasyon Li. 100 00:04:54,610 --> 00:04:57,310 Men, yo pa bezwen ekri oswa egzekite autorisations. 101 00:04:57,310 --> 00:05:01,920 Epi, koulye a, si nou panse tounen nan ansyen PSETs, ki sa nou reyalize se sa yo kalite 102 00:05:01,920 --> 00:05:03,360 nan gade tankou binè, dwa? 103 00:05:03,360 --> 00:05:04,210 1 kanpe pou repons lan se wi. 104 00:05:04,210 --> 00:05:05,040 0 pou pa gen okenn. 105 00:05:05,040 --> 00:05:06,870 E nou ka aktyèlman tradui sa a binè. 106 00:05:06,870 --> 00:05:10,478 >> Se konsa, 110 nan binè ta dwe 6. 107 00:05:10,478 --> 00:05:13,270 100 ta dwe 4. 108 00:05:13,270 --> 00:05:14,690 Menm ak nan lemonn. 109 00:05:14,690 --> 00:05:20,846 Se konsa, nimewo a ou ta jwenn pou la autorisations pou sa a ta dwe 644. 110 00:05:20,846 --> 00:05:24,400 >> MIKE Rizzo: Men, si ou panse tounen nan lè ou chmoded yon bagay, mwen kwè 111 00:05:24,400 --> 00:05:28,980 yo te bay nan pwoblèm nan mete an egzanp sou ki kote ou ta ka fè 112 00:05:28,980 --> 00:05:36,470 yon bagay tankou chmod 644 ak Lè sa a, pote non yo. 113 00:05:36,470 --> 00:05:39,980 644 nan lè sa a, ou kapab kounye a wè dirèkteman kote ki soti nan. 114 00:05:39,980 --> 00:05:42,840 Se konsa, èspere ke ki fè ke yon ti kras plis klè. 115 00:05:42,840 --> 00:05:45,600 >> Lè sa a, pou klè ou nèg la - 116 00:05:45,600 --> 00:05:48,200 Oh yeah, isit la sa a se ankò. 117 00:05:48,200 --> 00:05:53,260 Se konsa, 600 Lè sa a, ta jis pou egzanp lan nou te moute isit la kote mèt kay la gen 118 00:05:53,260 --> 00:05:56,360 li ak autorisations dwa pandan y ap gwoup ak mond pa gen okenn autorisations 119 00:05:56,360 --> 00:05:58,145 jwenn aksè nan dosye a. 120 00:05:58,145 --> 00:06:01,500 >> TOMAS REIMERS: Lè sa a, nou gen yon rapid lis autorisations komen. 121 00:06:01,500 --> 00:06:05,250 Se konsa, repèrtwar, ou ta vle ki aktyèlman chmod 711. 122 00:06:05,250 --> 00:06:08,930 Quick sou kote - pou yon anyè ki gen ègzèkutabl pèmisyon vle di yo dwe kapab 123 00:06:08,930 --> 00:06:11,680 yo louvri anyè a. 124 00:06:11,680 --> 00:06:15,280 Imaj, CSS, JavaScript, bezwen HTML 644, paske, fondamantalman, mond lan 125 00:06:15,280 --> 00:06:16,400 bezwen li autorisations. 126 00:06:16,400 --> 00:06:20,960 >> Apre sa, PHP, kote ou mesye te wè malgre ke nou pa pral pale sou li 127 00:06:20,960 --> 00:06:24,880 estrikteman se tipikman chmoded ak pèmisyon 600 paske li te kouri avèk 128 00:06:24,880 --> 00:06:26,540 autorisations yo nan mèt kay la. 129 00:06:26,540 --> 00:06:27,790 Omwen sou aparèy la. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> MIKE Rizzo: Se konsa, pa si ou fè espesyalman presize ki kalite dosye 132 00:06:36,870 --> 00:06:39,480 ou vle nan aktyèlman mete moute prezantasyon sa a - 133 00:06:39,480 --> 00:06:43,490 nou te gen yon pwoblèm ak sa a paske tout bagay pa te chmoded kòrèkteman - 134 00:06:43,490 --> 00:06:47,550 w ap ale nan jwenn, kalite, yon entèdi erè ki sit entènèt la 135 00:06:47,550 --> 00:06:49,700 pa gen aktyèlman pèmisyon jwenn aksè nan tou sa dosye 136 00:06:49,700 --> 00:06:51,370 ou vle li jwenn aksè nan. 137 00:06:51,370 --> 00:06:54,780 Ak nan kou, ki ka fiks - tankou nan pwoblèm mete - pa chanje 138 00:06:54,780 --> 00:06:56,405 autorisations kòmsadwa. 139 00:06:56,405 --> 00:06:59,620 >> TOMAS REIMERS: Apre sa, kòmantè ki sot pase a pou devlopman byen vit lokal se - nou 140 00:06:59,620 --> 00:07:02,000 fè sa a leve, men nou jis te vle yo pote l 'ankò - 141 00:07:02,000 --> 00:07:06,230 si ou mande pou yon sèvè - lame Se konsa, lokal yo, pou egzanp, com oswa kèlkeswa sa. - 142 00:07:06,230 --> 00:07:09,170 epi ou pa presize yon dosye espesifik, dosye a ki se òdinatè w lan pral 143 00:07:09,170 --> 00:07:11,540 pou mande pou yo rele index.html. 144 00:07:11,540 --> 00:07:12,790 Oswa si ki pa egziste, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Fre. 147 00:07:16,350 --> 00:07:19,560 Se konsa, sa se sèlman yon Rekapitilasyon nan tout bagay, èspere ke, ke nou te kouvri nan 148 00:07:19,560 --> 00:07:22,800 seksyon, ak konferans, ak byen lwen tèlman nan CS50. 149 00:07:22,800 --> 00:07:26,110 Epi, koulye a nou pral kòmanse pale sou espesyalman bibliyotèk yo. 150 00:07:26,110 --> 00:07:30,270 JavaScript ak CSS bibliyotèk pou apps entènèt. 151 00:07:30,270 --> 00:07:36,350 >> Se konsa, yon rezon ki fè rapid rezon sa a genyen bibliyotèk ki Programming - 152 00:07:36,350 --> 00:07:39,000 gen nan yon anpil nan pwoblèm nan pwogram yo, ki kenbe eklate moute 153 00:07:39,000 --> 00:07:40,570 ankò, li ankò, li ankò. 154 00:07:40,570 --> 00:07:43,870 Ou ka avi ke yon anpil nan sit entènèt bezwen kapasite nan gen gout desann 155 00:07:43,870 --> 00:07:49,100 meni, pou egzanp, oswa si ou bezwen kapasite nan gen yon bouton trè estanda 156 00:07:49,100 --> 00:07:51,400 style, ki pa kapab bagay la pi fasil. 157 00:07:51,400 --> 00:07:54,670 Kounye a ke ou kòmanse jwenn nan HTML, ou reyalize ke bouton kapab aktyèlman 158 00:07:54,670 --> 00:07:57,720 gade vrèman lèd si ou pa fè anyen. 159 00:07:57,720 --> 00:08:00,830 >> Se konsa, te yon anpil moun ki ekri rele bibliyotèk yo. 160 00:08:00,830 --> 00:08:02,990 Ak nan kontèks sa a, yo ap yo te rele tou estrikti. 161 00:08:02,990 --> 00:08:04,790 Nou pral sèvi ak nan de interchangeable. 162 00:08:04,790 --> 00:08:07,360 Apre sa, ki sa yo ye se yo ap fondamantalman moso premade nan kòd - 163 00:08:07,360 --> 00:08:09,130 swa CSS oswa JavaScript - 164 00:08:09,130 --> 00:08:13,240 ki pran yon anpil nan la ekip ou gen nan kodaj. 165 00:08:13,240 --> 00:08:17,290 >> Se konsa, yo pre-defini yon pakèt moun sou kou oswa pre-defini yon pakèt moun sou fonksyon pou 166 00:08:17,290 --> 00:08:20,110 Ka JavaScript a, ki ou ka rele pita sou. 167 00:08:20,110 --> 00:08:22,690 Lè sa a, ou kapab, sòt de, jwenn aksè nan Kòd sa a san yo pa 168 00:08:22,690 --> 00:08:23,710 li te gen fè anyen. 169 00:08:23,710 --> 00:08:27,750 Yon egzanp nan bibliyotèk la te CS50.H. Sa ki te yon bibliyotèk nou te ba w tounen 170 00:08:27,750 --> 00:08:32,090 nan semèn yon sèl, ki pèmèt ou fè bagay sa yo tankou ki GetInt ak GetString 171 00:08:32,090 --> 00:08:35,237 san yo pa gen ekri nenpòt ki Kòd tèt ou. 172 00:08:35,237 --> 00:08:36,179 >> MIKE Rizzo: Tout dwat. 173 00:08:36,179 --> 00:08:40,299 Se konsa, isit la, jis tankou nou te gen ladan yo nan nou an c depoze diferan nan 174 00:08:40,299 --> 00:08:46,570 bibliyotèk, nou menm tou nou ta dwe gen ladan nan HTML nou an depoze bibliyotèk diferan. 175 00:08:46,570 --> 00:08:50,310 Pou egzanp, si nou te vle genyen ladan yo yon JavaScript bibliyotèk espesifik isit la, 176 00:08:50,310 --> 00:08:52,850 petèt, yon sèl ke nou te ekri tèt nou kòm li nan lokalman anime 177 00:08:52,850 --> 00:08:56,000 rele script.js, nou jis itilize notasyon sa a. 178 00:08:56,000 --> 00:08:59,500 >> Se konsa, nou gen egal di ki kalite script JavaScript sous egal 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 Men, si ou panse tounen nan CS50 ou pwoblèm finans mete, si ou gade nan 181 00:09:05,190 --> 00:09:09,190 header.php nan dosye a modèl, ou ta dwe gen pou wè 182 00:09:09,190 --> 00:09:10,970 kèk nan sa yo enkli ladan li. 183 00:09:10,970 --> 00:09:13,250 Se konsa, yon sèl sa a premye - Scripts yo - 184 00:09:13,250 --> 00:09:16,080 se ki gen ladan yon bibliyotèk JavaScript. 185 00:09:16,080 --> 00:09:18,760 Ki gen ladan yon bibliyotèk CSS se yon ti kras diferan. 186 00:09:18,760 --> 00:09:21,430 >> Isit la, olye pou yo script la tag ou bezwen tag nan lyen. 187 00:09:21,430 --> 00:09:27,110 Lè sa a,, kalite a CSS tèks se yon ti kras diferan. 188 00:09:27,110 --> 00:09:29,270 Ou pa toujou gen genyen ladan yo style Rel fèy. 189 00:09:29,270 --> 00:09:30,970 Men mwen panse ke li la, jeneralman, bon pratik. 190 00:09:30,970 --> 00:09:35,810 >> Lè sa a, finalman, href a, ki ou pwobableman te wè nan ATAGs ou pou ki lye ak 191 00:09:35,810 --> 00:09:39,440 nan lyen diferan jis Endike lyen an nan ki kote yo jwenn sa a. 192 00:09:39,440 --> 00:09:42,250 Pou egzanp, si nou te vle genyen lyen yon diferan bibliyotèk - kite yo jis di - 193 00:09:42,250 --> 00:09:49,330 ki te viv nan styles.css. 194 00:09:49,330 --> 00:09:54,030 Apre sa, nou te vle genyen lyen ki nan sa a, se anime sou entènèt la, nou ta kopi sa a. 195 00:09:54,030 --> 00:09:58,834 Lè sa a, kole li nan tou sa nou gen dwa isit la pito. 196 00:09:58,834 --> 00:10:01,340 >> TOMAS REIMERS: OK, èspere ke ou mesye yo deja abitye 197 00:10:01,340 --> 00:10:02,410 ak ki jan yo genyen lyen CSS. 198 00:10:02,410 --> 00:10:04,000 Ou te fè sa a sou dènye seri mawon ou. 199 00:10:04,000 --> 00:10:07,110 JavaScript, kèk nan nou petèt genyen yon ti eksperyans avèk yo. 200 00:10:07,110 --> 00:10:07,980 Gen kèk nan ou pa ka. 201 00:10:07,980 --> 00:10:12,190 >> Se konsa, pou kounye a, konnen ke yon dosye JavaScript sa a se anpil tankou yon dosye CSS nan 202 00:10:12,190 --> 00:10:15,640 sans ke ou ka genyen lyen nan li oswa ke ou ka gen ladan li intern. 203 00:10:15,640 --> 00:10:17,360 Apre sa, li pèmèt ou script bagay sa yo. 204 00:10:17,360 --> 00:10:21,820 Apre sa, nou pral mache ou atravè yon ti kras nan JavaScript pita sou. 205 00:10:21,820 --> 00:10:23,560 >> Se konsa, lè l sèvi avèk yon bibliyotèk - 206 00:10:23,560 --> 00:10:26,150 yon fwa ou te enkli li, li la kòm senp tankou literalman rele nan 207 00:10:26,150 --> 00:10:29,640 fonksyon oswa ajoute nan non klas li. 208 00:10:29,640 --> 00:10:32,220 Bagay la pase nou vle pale sou an tèm de bibliyotèk - 209 00:10:32,220 --> 00:10:34,180 ak sa a se plis nan yon nòt teknik - 210 00:10:34,180 --> 00:10:35,860 se yon sous louvri lisans. 211 00:10:35,860 --> 00:10:41,550 Se konsa, lè ou jwenn sa yo bibliyotèk reyèl, ou ka panse a 212 00:10:41,550 --> 00:10:47,630 kesyon renmen se li OK pou m 'se jis lè l sèvi avèk kòd yon lòt moun nan, espesyalman 213 00:10:47,630 --> 00:10:51,970 paske se sa yon bagay nou anpil te di ou pa fè nan kou sa a. 214 00:10:51,970 --> 00:10:55,790 >> Se konsa, nan ka a nan louvri sous lisans, yon anpil nan devlopè - 215 00:10:55,790 --> 00:10:57,540 yon fwa yo te ekri yon bibliyotèk, yon ki yo panse ta ka 216 00:10:57,540 --> 00:10:59,450 itil bay lòt moun - 217 00:10:59,450 --> 00:11:02,420 pral pibliye li nan entènèt la epi remèt li yon lisans. 218 00:11:02,420 --> 00:11:06,620 Apre sa, yon lisans fondamantalman di mwen menm Avèk prezant sa mwen bay otorizasyon nan lòt 219 00:11:06,620 --> 00:11:11,250 moun sèvi ak pyès sa a nan lojisyèl ak sòt ki anba la a nan 220 00:11:11,250 --> 00:11:13,230 estipilasyon. 221 00:11:13,230 --> 00:11:16,100 >> Nou te enkli yon ap mennen nan yon sit bon ede w konprann lisans yo nan 222 00:11:16,100 --> 00:11:17,720 ka ou kouri antre nan yo. 223 00:11:17,720 --> 00:11:21,680 Estipilasyon komen yo se bagay sa yo tankou w ap akeyi yo sèvi ak bibliyotèk m 'konsa 224 00:11:21,680 --> 00:11:23,000 lontan ke ou ban m 'kredi. 225 00:11:23,000 --> 00:11:25,670 Ou se Byenveni nan sèvi ak bibliyotèk m ' toutotan lè li kraze 226 00:11:25,670 --> 00:11:26,790 ou pa blame m '. 227 00:11:26,790 --> 00:11:30,310 Ou se Byenveni nan sèvi ak bibliyotèk m 'tout tan kòm ou pa sèvi ak li nan fè lajan 228 00:11:30,310 --> 00:11:31,910 pou tèt ou. 229 00:11:31,910 --> 00:11:34,130 Sa yo se kalite komen estipilasyon. 230 00:11:34,130 --> 00:11:37,780 >> Pou sa CS50 pwojè final yo, yo pa ta dwe super ki enpòtan paske 231 00:11:37,780 --> 00:11:41,440 pwojè sa yo ke ou nèg sèvi ak yo pwobableman Olye de sa, sòt de, li te ye. 232 00:11:41,440 --> 00:11:44,170 Men, lè ou aktyèlman al deyò nan a mond epi yo kòmanse lè l sèvi avèk bibliyotèk, ki 233 00:11:44,170 --> 00:11:48,100 pouvwa oswa pa pouvwa dwe kòm byen aplike kòm kèk nan yo menm ki pi popilè nou ap 234 00:11:48,100 --> 00:11:49,780 yo pral ale atravè tout. 235 00:11:49,780 --> 00:11:53,310 Li nan bon pou kapab konprann lisans sa yo ak 236 00:11:53,310 --> 00:11:54,560 konprann sa yo vle di. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 Apre sa, pral tounen. 239 00:11:58,586 --> 00:12:00,960 >> MIKE Rizzo: OK. 240 00:12:00,960 --> 00:12:04,850 Se konsa, kounye a deplase sou egzanp nan aktyèl CSS. 241 00:12:04,850 --> 00:12:07,770 Nan pwen sa a twò lwen, ou ka pa gen rankontre sa a. 242 00:12:07,770 --> 00:12:10,300 Men, ou ta ka genyen rankontre l 'nan lavi chak jou ou kote yon bagay 243 00:12:10,300 --> 00:12:13,160 ki sanble yon fason sou yon sèl navigatè ta ka pa gade menm bagay la tou 244 00:12:13,160 --> 00:12:14,880 fason nan yon lòt navigatè. 245 00:12:14,880 --> 00:12:17,400 >> Se sa yo rele navigatè navigatè konpatibl. 246 00:12:17,400 --> 00:12:20,780 Apre sa, de pli zan pli li a vin pi plis ak plis nan yon pwoblèm, espesyalman kòm 247 00:12:20,780 --> 00:12:25,260 navigatè pran pi plis ak plis libète aplike bagay yo jan yo vle. 248 00:12:25,260 --> 00:12:28,440 Se konsa, simonte sa a, gen aktyèlman se yon bibliyotèk gwo rele Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> TOMAS REIMERS: Nou gen ladan lyen an. 251 00:12:33,770 --> 00:12:36,210 Nan pwen sa a, li bon si ou gen laptop ou nan gen 252 00:12:36,210 --> 00:12:38,740 gade nan sit la. 253 00:12:38,740 --> 00:12:42,580 Lèfini, nou ap bay sa a ba ou dwa kounye a tou senpleman paske final la CS50 254 00:12:42,580 --> 00:12:44,370 pwojè ki aktyèlman ale nan mande w aplike li 255 00:12:44,370 --> 00:12:45,860 Menm jan an tou ak nan navigatè. 256 00:12:45,860 --> 00:12:49,250 >> Se konsa, jis kenbe nan do a nan ou tèt, sa a se yon bibliyotèk bèl bagay 257 00:12:49,250 --> 00:12:51,170 paske li pral, sòt de, estandadize bagay sa yo. 258 00:12:51,170 --> 00:12:54,230 Nan Firefox, yon bagay ka montre kòm youn pixel a gòch la. 259 00:12:54,230 --> 00:12:58,390 Lè sa a, Chrome ka deside ki aktyèlman ki sa ou te vle di te 10 piksèl 260 00:12:58,390 --> 00:12:59,380 sou bò goch la. 261 00:12:59,380 --> 00:13:01,030 Epi ou vle estandadize sa a. 262 00:13:01,030 --> 00:13:05,360 Nòmalize pral aktyèlman fè yon reyèlman bon travay pou ede asire w ke sit ou 263 00:13:05,360 --> 00:13:08,070 sanble menm bagay la tou nan tout navigatè. 264 00:13:08,070 --> 00:13:10,660 >> MIKE Rizzo: Se konsa, si nou te vle jis klike sou link ki vrèman byen vit ak montre 265 00:13:10,660 --> 00:13:13,140 ou konnen sa ki ki sanble ak, ou ka telechaje li lè l sèvi avèk la 266 00:13:13,140 --> 00:13:14,670 jeyan Download bouton. 267 00:13:14,670 --> 00:13:18,520 Oswa mwen ankouraje ou li plis enfòmasyon sou li pa klike sou lyen sa a nan pi ba a 268 00:13:18,520 --> 00:13:19,310 kwen bò dwat. 269 00:13:19,310 --> 00:13:22,420 >> TOMAS REIMERS: Men, si ou aktyèlman klike sou Li Plis dwa gen - 270 00:13:22,420 --> 00:13:24,340 klike sou sous la sou GitHub - 271 00:13:24,340 --> 00:13:31,720 ou pral aktyèlman wè sous la louvri lisans sou LICENSE.md dwa gen. 272 00:13:31,720 --> 00:13:35,740 Apre sa, ou pral wè isit la se a trè popilè lisans MIT. 273 00:13:35,740 --> 00:13:38,940 Yon fwa ankò, si w ap li tèks la, ou pral kapab jwenn li sou sit la 274 00:13:38,940 --> 00:13:42,550 nou referans anvan epi yo dwe kapab konprann li san yo pa gen li 275 00:13:42,550 --> 00:13:45,920 nan jagon legal la. 276 00:13:45,920 --> 00:13:46,850 >> MIKE Rizzo: OK, gwo. 277 00:13:46,850 --> 00:13:47,940 Se konsa, sa a, se nòmalize. 278 00:13:47,940 --> 00:13:49,190 Nou te vle ba ou ki vrèman byen vit. 279 00:13:49,190 --> 00:13:50,030 Oh, ou gen yon kesyon? 280 00:13:50,030 --> 00:13:53,013 >> ODYANS: Se konsa, lè ou desann li, ou jis swiv ki Kòd yo ke yo gen 281 00:13:53,013 --> 00:13:54,098 anba bouton an Download? 282 00:13:54,098 --> 00:13:55,860 >> TOMAS REIMERS: Wi, se konsa lè ou download - 283 00:13:55,860 --> 00:13:58,130 >> MIKE Rizzo: Oh, sa a, se yon pwen gwo. 284 00:13:58,130 --> 00:14:00,700 Se konsa, kesyon an se te ki jan fè nou aktyèlman desann li? 285 00:14:00,700 --> 00:14:03,260 Se konsa, si nou klike sou lyen an, nou wè ke li aktyèlman Pops leve 286 00:14:03,260 --> 00:14:05,030 nan kòd la sous. 287 00:14:05,030 --> 00:14:08,550 Se konsa, yo fè sa, sa nou te kapab se jis klike sou Save Kòm. 288 00:14:08,550 --> 00:14:10,830 Save Kòm e ke yo ta dwe pote yo moute yon dosye. 289 00:14:10,830 --> 00:14:14,160 Lè sa a, nou ka chwazi pou konsève pou li kòm normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 Lè sa a, ou ta dwe genyen lyen l 'nan - 291 00:14:15,810 --> 00:14:18,660 >> TOMAS REIMERS: menm jan an ou lyen an nan nenpòt ki lòt dosye. 292 00:14:18,660 --> 00:14:22,250 Apre sa, yon fwa ou genyen lyen l 'nan, sa ki nan gwo sou nòmalize se li pral aktyèlman 293 00:14:22,250 --> 00:14:25,920 pran swen nan tout difisil la travay pou kont li. 294 00:14:25,920 --> 00:14:27,730 Sa vle di ou pa gen ajoute nenpòt ki klas yo. 295 00:14:27,730 --> 00:14:29,690 >> Ou pa oblije fè anyen etranj. 296 00:14:29,690 --> 00:14:34,590 Li pral nòmalize san yo pa ou fè anyen pi lwen. 297 00:14:34,590 --> 00:14:36,083 Wi, ou bezwen mete non li. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome se pa sa reponn. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Jis yon rapid sou kote - 302 00:14:44,860 --> 00:14:46,800 Mwen remake nou te sote nan sa a. 303 00:14:46,800 --> 00:14:49,010 Rès la nan prezantasyon sa a se pral gen yon BECA rapid. 304 00:14:49,010 --> 00:14:50,380 Yon sondaj nan bibliyotèk yo. 305 00:14:50,380 --> 00:14:52,710 >> Fondamantalman, ki sa yo ye. 306 00:14:52,710 --> 00:14:53,350 Ki sa yo fè. 307 00:14:53,350 --> 00:14:54,060 Ki jan yo ap itil. 308 00:14:54,060 --> 00:14:56,540 Ki jan ou ta ka aplike yo. 309 00:14:56,540 --> 00:14:59,730 Si ou vle kòmanse ap gade yo, sa yo ansanm, ak lekti nan 310 00:14:59,730 --> 00:15:01,990 yo, mwen ta trè ankouraje sa. 311 00:15:01,990 --> 00:15:07,620 >> Sinon, w ap akeyi tou nan kòmanse Téléchargez yo epi ki gen ladan 312 00:15:07,620 --> 00:15:11,400 yo nan yon je jis yo wè kisa yo gade tankou oswa sa yo fè si ou gen 313 00:15:11,400 --> 00:15:12,270 laptop ou nan devan ou. 314 00:15:12,270 --> 00:15:14,650 Si ou pa, ou se Byenveni nan kenbe koute nou pale. 315 00:15:14,650 --> 00:15:15,500 Nou pral kenbe pale. 316 00:15:15,500 --> 00:15:18,680 Epi nou gen tan nan fen a, èspere ke nou pral aktyèlman jwenn nan ki montre ou 317 00:15:18,680 --> 00:15:20,946 sa kèk nan bibliyotèk sa yo sanble. 318 00:15:20,946 --> 00:15:22,320 >> MIKE Rizzo: Cool. 319 00:15:22,320 --> 00:15:25,466 Tout dwa, se konsa kounye a kite a pale sou Font pè. 320 00:15:25,466 --> 00:15:30,480 >> TOMAS REIMERS: Se konsa, Font Awesome se yon reyèlman pwòp sit, sitou pou moun 321 00:15:30,480 --> 00:15:32,450 nan nou ki gen mwens atistik talan. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Inyore Font la Non Awesome, li bay ou yon pakèt moun sou ikon yo, ki se 324 00:15:38,880 --> 00:15:41,050 trè itil. 325 00:15:41,050 --> 00:15:45,950 Se konsa, yon anpil nan fwa ou pral aplike yon Icon ou ka vle tankou yon x bèl Se konsa, 326 00:15:45,950 --> 00:15:47,170 ke ou ka fèmen yon bagay. 327 00:15:47,170 --> 00:15:49,910 >> Oswa ou ka vle kèk kalite Edit bouton ak yon desen kreyon tankou 328 00:15:49,910 --> 00:15:50,940 tout lòt moun te genyen an. 329 00:15:50,940 --> 00:15:53,850 Epi sa a, lè ou aprann ke desen sa yo ikon yo ka 330 00:15:53,850 --> 00:15:55,510 trè fatigan ak difisil. 331 00:15:55,510 --> 00:15:59,160 Font Awesome - si ou aktyèlman ale nan sit la - 332 00:15:59,160 --> 00:16:02,892 ba ou yon anpil nan ikon anba ikon yo nan tèt la. 333 00:16:02,892 --> 00:16:06,980 Yeah, jis tèt la. 334 00:16:06,980 --> 00:16:09,030 Li pral ba ou yon anpil nan ikon pou gratis. 335 00:16:09,030 --> 00:16:15,210 >> Se konsa, isit la ou wè nou gen bagay sa yo tankou yon asterisk yo, travès, yon boulon zèklè, yon 336 00:16:15,210 --> 00:16:19,750 kalandriye, yon ensèk, yon liv, et setra. 337 00:16:19,750 --> 00:16:21,110 Sa a kapab trè itil. 338 00:16:21,110 --> 00:16:24,290 Wout la ou gen ladan sa a se ou gen ladan yo literalman dosye a CSS. 339 00:16:24,290 --> 00:16:29,760 Apre sa, apre ou te enkli dosye a CSS, sa ou kapab fè se ou kreye yon 340 00:16:29,760 --> 00:16:33,430 tag rele I. Li satands pou Icon avèk klas la FA 341 00:16:33,430 --> 00:16:34,460 kanpe pou Font pè. 342 00:16:34,460 --> 00:16:36,330 Lè sa a,, kèlkeswa sa klas ou vle. 343 00:16:36,330 --> 00:16:41,220 >> Se konsa, si mwen te vle yon icon nan plis sa a kare dwa isit la, mwen ta bay 344 00:16:41,220 --> 00:16:43,290 li klas FA la. 345 00:16:43,290 --> 00:16:46,230 Lè sa a, FA tirè plis kare tirè. 346 00:16:46,230 --> 00:16:50,325 347 00:16:50,325 --> 00:16:53,710 >> MIKE Rizzo: Cool, OK. 348 00:16:53,710 --> 00:16:56,980 >> TOMAS REIMERS: Lè sa a,, dènye CSS la bibliyotèk nou vle jwenn nan nou se 349 00:16:56,980 --> 00:16:59,950 ap eseye kenbe li minim sou CSS bibliyotèk paske nou reyalize nan 350 00:16:59,950 --> 00:17:03,660 tit nan prezantasyon sa a se JavaScript Bibliyotèk. 351 00:17:03,660 --> 00:17:07,089 Men, nou te panse ke nou kapab menm jan tou entwodui ou nan lòt bibliyotèk yo 352 00:17:07,089 --> 00:17:09,569 pandan ke nou te pale sou bibliyotèk yo. 353 00:17:09,569 --> 00:17:11,400 >> Li nan Google entènèt Polis. 354 00:17:11,400 --> 00:17:17,040 Ak sa ki Google Polis entènèt pèmèt ou dwe fè se ajoute polis yo sou sit entènèt ou a, 355 00:17:17,040 --> 00:17:22,079 ki se yon fason reyèlman fasil a fè l ' bèl ak yo fè distenksyon ant mete ou 356 00:17:22,079 --> 00:17:24,460 soti nan tout lòt moun a se si li gen yon font bèl oswa si li gen yon bèl 357 00:17:24,460 --> 00:17:27,790 koleksyon polis. 358 00:17:27,790 --> 00:17:31,410 Google entènèt Polis se bèl kontrèman ak lòt bibliyotèk nan sans ke li nan yon 359 00:17:31,410 --> 00:17:33,490 reyèlman gide enstalasyon yo. 360 00:17:33,490 --> 00:17:38,680 >> Se konsa, si ou swiv lyen ki, li nan google.com / polis, mwen kwè. 361 00:17:38,680 --> 00:17:41,100 Si ou swiv sa a, ou ka chwazi font ou. 362 00:17:41,100 --> 00:17:44,410 Ou ka chwazi sou bò gòch la soti nan epesè, pant lan, et setra. 363 00:17:44,410 --> 00:17:48,970 Lè sa a,, yon fwa ou te chwazi a, ou ka klike sèvi ak rapid. 364 00:17:48,970 --> 00:17:49,820 Dwa a. 365 00:17:49,820 --> 00:17:51,590 Anba dwat nan bwat la. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> Lè sa a,, desann. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 Premye a tout, yo ba ou CSS la ki ou bezwen aktyèlman genyen lyen ak li. 370 00:18:02,650 --> 00:18:03,330 Li nan dwa gen. 371 00:18:03,330 --> 00:18:05,170 Ou ka jis kopi epi kole ke pous 372 00:18:05,170 --> 00:18:07,250 Epi bagay la bon sou sa a se yon sèl ou pa aktyèlman menm bezwen 373 00:18:07,250 --> 00:18:08,340 Download dosye a. 374 00:18:08,340 --> 00:18:11,170 >> Ki sa ki li pral fè se li pral Link to vèsyon Google a nan li. 375 00:18:11,170 --> 00:18:14,130 Se konsa, tounen nan ki sa sa vle di. 376 00:18:14,130 --> 00:18:18,270 Sa vle di lè yon itilizatè downloads dosye ou - 377 00:18:18,270 --> 00:18:22,300 downloads paj HTML ou - HTML ou paj ki pral referans sa a ranpli. 378 00:18:22,300 --> 00:18:26,790 >> Se konsa, lè sa a, òdinatè w lan k ap pase yo wè, oh, li la anime sou google.com olye 379 00:18:26,790 --> 00:18:28,170 pase sou theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Kite m 'ale mande Google pou sa dosye. 381 00:18:30,370 --> 00:18:32,800 Lè sa a,, li pral genyen ladan yo li prèske kòm si li te yon 382 00:18:32,800 --> 00:18:35,584 yon pati nan pwòp sit ou. 383 00:18:35,584 --> 00:18:36,540 >> TOMAS REIMERS: Cool. 384 00:18:36,540 --> 00:18:40,980 Apre sa, yon fwa ou gen ladan yo ki, lè sa a gen ladan l 'nan CSS ou a, li ba ou 385 00:18:40,980 --> 00:18:41,830 liy a vrè. 386 00:18:41,830 --> 00:18:45,188 Se konsa, ou mete fanmi an font pwopriyete egal a non an nan font ou. 387 00:18:45,188 --> 00:18:47,936 388 00:18:47,936 --> 00:18:50,440 >> MIKE Rizzo: OK. 389 00:18:50,440 --> 00:18:52,220 Se konsa, nou jis fini ak CSS. 390 00:18:52,220 --> 00:18:57,230 Se konsa, kèk nan ou ka panse, byen, nou te gen kèk CSS sou CS50 Finans. 391 00:18:57,230 --> 00:19:00,390 Men, bibliyotèk CSS te demaraj. 392 00:19:00,390 --> 00:19:05,190 Nou aktyèlman gen ladan demaraj yon ti kras pita sou anba JavaScript paske avèk 393 00:19:05,190 --> 00:19:09,660 bibliyotèk la demaraj CSS tou vini avèk yon anpil nan JavaScript ki 394 00:19:09,660 --> 00:19:12,060 Demaraj oswa Twitter - ki te fè demaraj - 395 00:19:12,060 --> 00:19:15,426 sèvi ak jere tout CSS yo. 396 00:19:15,426 --> 00:19:19,592 >> TOMAS REIMERS: nenpòt moun ki gen nenpòt kesyon byen lwen tèlman sou CSS an jeneral? 397 00:19:19,592 --> 00:19:20,723 Nou sa ki bon? 398 00:19:20,723 --> 00:19:21,216 Pè. 399 00:19:21,216 --> 00:19:22,495 >> MIKE Rizzo: pè. 400 00:19:22,495 --> 00:19:25,136 >> TOMAS REIMERS: Se konsa, k ap deplase sou JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> MIKE Rizzo: Se konsa, nou vle pale sou jQuery yo kòmanse avèk yo. 402 00:19:27,900 --> 00:19:30,780 Gen yon moun tande pale de jQuery anvan oswa te itilize li? 403 00:19:30,780 --> 00:19:32,180 Yeah, yon koup? 404 00:19:32,180 --> 00:19:36,000 Se konsa, si ou jis travay avèk natif natal JavaScript, ou pral jwenn tèt ou 405 00:19:36,000 --> 00:19:41,000 tape yon anpil nan seleksyon long anpil. 406 00:19:41,000 --> 00:19:44,400 Se konsa, sa jQuery fè se li bay yon pakè bèl pou JavaScript a 407 00:19:44,400 --> 00:19:48,180 lang ki pèmèt ou fasil chwazi ak manipile eleman diferan 408 00:19:48,180 --> 00:19:52,470 nan modèl la objè dokiman an nan paj entènèt oswa Dom a, ki mwen panse ke 409 00:19:52,470 --> 00:19:54,290 ou nèg te tande nan nan delivre lekti nan pwen sa a. 410 00:19:54,290 --> 00:19:57,550 >> TOMAS REIMERS: Si ou pa janm tande pale de li oswa si ou pa gen gade konferans 411 00:19:57,550 --> 00:20:01,870 ankò, Dokiman objè ki gen konpòtman egzanplè a se fondamantalman fason bagay yo ap reprezante. 412 00:20:01,870 --> 00:20:05,290 Se konsa, HTML sòt de sanble tankou yon pyebwa lè ou aktyèlman rale yo mete deyò. 413 00:20:05,290 --> 00:20:06,850 Ou gen eleman ki HTML sou tèt. 414 00:20:06,850 --> 00:20:07,560 Ou gen tèt la ansanm ak tout kò. 415 00:20:07,560 --> 00:20:09,500 >> Lè sa a,, nan ke ou gen tout lòt bagay. 416 00:20:09,500 --> 00:20:10,660 Sa a refere yo kòm Dom la - 417 00:20:10,660 --> 00:20:12,120 Dokiman objè ki gen konpòtman egzanplè. 418 00:20:12,120 --> 00:20:16,090 Se konsa, yon modèl ki reprezante objè ki nan dokiman an se yon fason fasil yo panse 419 00:20:16,090 --> 00:20:18,560 sou sa. 420 00:20:18,560 --> 00:20:22,520 Ak youn nan bagay an gwo sou jQuery se li vrèman fè travès 421 00:20:22,520 --> 00:20:26,460 ki ak manipile eleman ki nan ki ekstrèmman senp. 422 00:20:26,460 --> 00:20:30,300 >> Se konsa, ki senp, an reyalite, ke majorite nan JavaScript bibliyotèk oswa si se pa an 423 00:20:30,300 --> 00:20:34,200 majorite, majorite nan Grand nan yo menm ou pral wè aktyèlman mande pou jQuery Se konsa, 424 00:20:34,200 --> 00:20:37,530 yo ke yo ka kouri tèt yo tou senpleman paske si ou pa t 'gen jQuery, ou 425 00:20:37,530 --> 00:20:40,540 ta gaspiye anpil tan ap eseye figi konnen kouman ou chwazi sèten 426 00:20:40,540 --> 00:20:43,660 eleman ak kouman yo fè lòt bagay. 427 00:20:43,660 --> 00:20:47,950 Ak lòt bagay la sou jQuery gwo se ke li la kwa navigatè konpatib. 428 00:20:47,950 --> 00:20:51,550 >> Se konsa, sonje tounen lè nou te di ke se pa tout navigatè aplike 429 00:20:51,550 --> 00:20:53,100 bagay yo menm jan an? 430 00:20:53,100 --> 00:20:55,120 Sa a se vre menm nan JavaScript. 431 00:20:55,120 --> 00:20:58,220 Apre sa, youn nan gwo bagay sa yo sou jQuery se ke li pral detekte nan 432 00:20:58,220 --> 00:21:00,300 navigatè ak detekte nan ki apwopriye metòd. 433 00:21:00,300 --> 00:21:03,420 >> Se konsa, si ou bezwen chwazi yon eleman, Internet Explorer ka di w ap 434 00:21:03,420 --> 00:21:05,770 sipoze fè fason sa a. 435 00:21:05,770 --> 00:21:08,300 Firefox ka di repons ki kòrèk la fason se yon fason sa a. 436 00:21:08,300 --> 00:21:09,710 jQuery pa pran swen. 437 00:21:09,710 --> 00:21:12,550 Lè ou di jQuery yo ka chwazi yon eleman li pral konnen ki jan li nan 438 00:21:12,550 --> 00:21:16,290 sipoze fè li nan navigatè a nan itilizatè se kounye a nan, ak Lè sa a, fè 439 00:21:16,290 --> 00:21:18,584 li fason sa. 440 00:21:18,584 --> 00:21:22,650 >> MIKE Rizzo: Se konsa, kite a pa pale sou l 'a jQuery yon ti kras. 441 00:21:22,650 --> 00:21:27,670 Jis tankou PHP, jQuery gen yon patikilye tendres pou siy a an dola. 442 00:21:27,670 --> 00:21:30,880 Se konsa, w ap jwenn ke nenpòt ki jQuery - 443 00:21:30,880 --> 00:21:32,060 byen, se pa tout. 444 00:21:32,060 --> 00:21:35,210 Ou ka pafwa ranplase a an dola siyen ak pawòl Bondye a jQuery. 445 00:21:35,210 --> 00:21:38,980 Men, jeneralman, jis paske li nan ki pi kout, nenpòt lè ou wè jQuery ke yo te 446 00:21:38,980 --> 00:21:41,420 itilize li pral ak yon siy dola. 447 00:21:41,420 --> 00:21:47,030 >> Se konsa, isit la nou ap jis ki montre yon nan konmansman seleksyon pou yon eleman nan Dom la. 448 00:21:47,030 --> 00:21:52,850 Isit la, nou gen siy a an dola ki te swiv pa parantèz louvri, epi Lè sa a, quotes. 449 00:21:52,850 --> 00:21:56,130 E nan lespas de quotes yo ale seleksyon nou an pou eleman sa yo diferan. 450 00:21:56,130 --> 00:21:59,810 Jis tankou nan CSS, nou bezwen seleksyon kapab style eleman diferan 451 00:21:59,810 --> 00:22:00,840 nan paj la. 452 00:22:00,840 --> 00:22:06,555 Moun sa yo ki seleksyon diferan tradui egzakteman nan jQuery ak JavaScript, 453 00:22:06,555 --> 00:22:07,820 pou pati ki pi. 454 00:22:07,820 --> 00:22:10,120 >> Se konsa, isit la nou gen yon foo dot. 455 00:22:10,120 --> 00:22:14,780 Se konsa, si ou sonje soti nan konferans, dot a jis vle di klas la. 456 00:22:14,780 --> 00:22:18,850 Se konsa, nou ap chwazi eleman ak foo klas la. 457 00:22:18,850 --> 00:22:22,670 Se konsa, si mwen ale pi devan epi louvri moute nou an JavaScript konsole isit la vrèman byen vit 458 00:22:22,670 --> 00:22:26,830 jis montre li, si mwen jis tape nan siy dola, nou wè ke li nan kèk 459 00:22:26,830 --> 00:22:28,090 fonksyon ki vini leve. 460 00:22:28,090 --> 00:22:29,420 Apre sa, li jis defini nan jQuery. 461 00:22:29,420 --> 00:22:32,120 >> TOMAS REIMERS: Pou moun nan nou abitye, konsole a se yon zouti 462 00:22:32,120 --> 00:22:35,430 nan Chrome, ki pèmèt ou a, fondamantalman, kouri JavaScript sou la 463 00:22:35,430 --> 00:22:36,450 kounye a paj. 464 00:22:36,450 --> 00:22:39,420 Sa a ou ap jwenn ekstrèmman itil lè w ap aktyèlman debogaj epi ou 465 00:22:39,420 --> 00:22:42,400 bezwen yo dwe tankou, ki sa ki aktyèl la valè nan kèk varyab mondyal oswa sa ki 466 00:22:42,400 --> 00:22:43,910 se yon lòt bagay? 467 00:22:43,910 --> 00:22:47,620 Li nan kalite tankou gdb avèk eksepsyon nan ke ou ka aktyèlman 468 00:22:47,620 --> 00:22:51,600 manipile eleman nan paj la ak li nan yon tan pi fasil. 469 00:22:51,600 --> 00:22:55,080 Epi tou li pa, fondamantalman, tcheke nan avè n 'anvan li fè sa anyen. 470 00:22:55,080 --> 00:22:58,660 >> Se konsa, Lè nou konsidere ke, gdb ta ka tankou yo, se ou asire w ke ou vle kouri pwochen etap la? 471 00:22:58,660 --> 00:22:59,830 Konsole a nan reyèl. 472 00:22:59,830 --> 00:23:03,690 Se konsa, kòm paj wèb la se rann ak fè tou sa li ap fè, nan 473 00:23:03,690 --> 00:23:05,720 konsèy la tou kouri ansanm ak li. 474 00:23:05,720 --> 00:23:08,330 Apre sa, ou ka mete kòd prete nan ki konsole, ki pral 475 00:23:08,330 --> 00:23:09,260 dwe kouri sou paj la. 476 00:23:09,260 --> 00:23:12,190 >> MIKE Rizzo: Se konsa, yo antre nan konsole a, Mwen devine mwen ta dwe yon ti tan 477 00:23:12,190 --> 00:23:13,750 mansyone ki jan fè sa. 478 00:23:13,750 --> 00:23:17,850 Nan pwoblèm ki sot pase yo ou ka genyen itilize Chrome a enspekte eleman 479 00:23:17,850 --> 00:23:20,440 fonksyon oswa gade paj sous - 480 00:23:20,440 --> 00:23:23,870 ak moun ki gen aksè pou jis pa dwa klike sou paj la oswa yon espesifik 481 00:23:23,870 --> 00:23:28,430 eleman ak ap fè swa enspekte eleman oswa gade paj sous. 482 00:23:28,430 --> 00:23:31,190 Nou kapab tou jwenn aksè nan JavaScript a konsole dirèkteman pa 483 00:23:31,190 --> 00:23:33,630 w ap chwazi enspekte eleman. 484 00:23:33,630 --> 00:23:37,930 Se konsa, Lè sa a, ou jis frape konsole sou bò ki pi lwen dwat. 485 00:23:37,930 --> 00:23:41,900 >> Sinon, ou te kapab tou ale nan kwen siperyè a men dwat, 486 00:23:41,900 --> 00:23:46,820 ki se koupe sou ekran sa a kote li gen twa kenbe travès yo orizontal. 487 00:23:46,820 --> 00:23:52,010 Epi ou desann nan zouti ak Lè sa a, JavaScript konsole 488 00:23:52,010 --> 00:23:53,240 isit la kote ka wè - 489 00:23:53,240 --> 00:23:54,370 omwen sou Windows - 490 00:23:54,370 --> 00:23:59,680 chemen kout la se kontwòl Shift J. Se konsa, Lè sa a, si nou te vle chwazi yon eleman 491 00:23:59,680 --> 00:24:06,060 nan paj sa a, jis tankou mwen te montre anvan, nou fè siy dola paran louvri 492 00:24:06,060 --> 00:24:08,180 ak Lè sa a, quotes. 493 00:24:08,180 --> 00:24:11,750 >> Yon bagay ki enteresan se, jeneralman, quotes sèl ak quotes doub yo 494 00:24:11,750 --> 00:24:12,370 amovibl. 495 00:24:12,370 --> 00:24:16,050 Se konsa, yon anpil moun ki jis itilize yon sèl quotes paske yo ap pi vit tape 496 00:24:16,050 --> 00:24:19,780 pase quotes doub paske ou pa fè sa gen kenbe desann chanjman. 497 00:24:19,780 --> 00:24:21,770 Se konsa, mwen pral jis fè sa kounye a. 498 00:24:21,770 --> 00:24:24,510 >> Se konsa, mwen vle chwazi yon bagay ak klas la. 499 00:24:24,510 --> 00:24:27,200 Veso, jis paske mwen konnen sa a, se yon bagay ki sou nou yo 500 00:24:27,200 --> 00:24:28,740 paj entènèt kounye a. 501 00:24:28,740 --> 00:24:29,520 Apre sa, mwen frape Mete. 502 00:24:29,520 --> 00:24:31,670 Apre sa, nou ka wè ke li chwazi li. 503 00:24:31,670 --> 00:24:34,990 Se konsa, li montre moute ke li tounen ke objè. 504 00:24:34,990 --> 00:24:36,620 Se konsa, sa a, se yon seleksyon de baz yo. 505 00:24:36,620 --> 00:24:40,080 Si nou te vle aktyèlman manipile li, ou ta gen yo rele yon bagay 506 00:24:40,080 --> 00:24:43,925 sou sa seleksyon, ki nou pral jwenn nan pita. 507 00:24:43,925 --> 00:24:49,030 >> TOMAS REIMERS: Se konsa, jis fè yon gade nan ki plis nan pwofondè, sa a se pa diferan 508 00:24:49,030 --> 00:24:52,245 pase apèl yo fonksyon nou te fè nan C. Non a nan fonksyon an isit la se yon 509 00:24:52,245 --> 00:24:52,580 ti kras etranj. 510 00:24:52,580 --> 00:24:55,640 Li nan siy dola. 511 00:24:55,640 --> 00:24:57,010 Se jis yon non nan yon fonksyon. 512 00:24:57,010 --> 00:24:58,810 Pa gen anyen espesyal sou li. 513 00:24:58,810 --> 00:25:00,450 >> Nou gen parantèz louvri. 514 00:25:00,450 --> 00:25:03,880 Lè sa a, nou gen nou yon sèl agiman, ki nan ka sa a k ap pase yo yon kòd, 515 00:25:03,880 --> 00:25:05,680 ki se yon seleksyon pou li. 516 00:25:05,680 --> 00:25:08,130 Lè sa a,, nou gen nou fèmen parantèz. 517 00:25:08,130 --> 00:25:09,960 Sa a li. 518 00:25:09,960 --> 00:25:11,500 >> Li pa ke larjeman diferan. 519 00:25:11,500 --> 00:25:12,900 Malgre ke, li gade anpil etranj. 520 00:25:12,900 --> 00:25:17,220 Apre sa, ki ka, sòt de, yon rete soude pwen pou yon anpil nan moun. 521 00:25:17,220 --> 00:25:21,460 >> MIKE Rizzo: Se konsa, Menm jan an tou, si nou te vle yo ka chwazi yon eleman ki gen yon ID, 522 00:25:21,460 --> 00:25:23,470 kounye a nou vle chwazi pa ID olye pou yo klas la. 523 00:25:23,470 --> 00:25:28,080 Li ta yon bagay ki sanble kote nou jis fè siy nan byen file pou ID. 524 00:25:28,080 --> 00:25:33,576 Se konsa, nou ap chwazi isit la tout eleman sa yo ki te ba ID. 525 00:25:33,576 --> 00:25:35,400 >> TOMAS REIMERS: Lè sa a fin. 526 00:25:35,400 --> 00:25:36,450 Sa CSS fin. 527 00:25:36,450 --> 00:25:42,260 Jis tankou nan CSS, ou ka chwazi tout lyen yo, ki gen foo nan klas la. 528 00:25:42,260 --> 00:25:43,420 Isit la, li nan menm bagay la. 529 00:25:43,420 --> 00:25:52,750 >> Ou ta ka fè a.foo, ki ta chwazi tout nan lyen yo ak foo nan klas la. 530 00:25:52,750 --> 00:25:58,860 Ou te kapab fè yon bar byen file, ki ta klike sou lyen an ak ba a ID ak sa 531 00:25:58,860 --> 00:25:59,770 sou ak pou fè. 532 00:25:59,770 --> 00:26:02,120 Nenpòt seleksyon CSS se yon valab jQuery seleksyon. 533 00:26:02,120 --> 00:26:03,370 >> MIKE Rizzo: Yeah. 534 00:26:03,370 --> 00:26:07,996 535 00:26:07,996 --> 00:26:11,460 OK, se konsa kounye a kite a jwenn nan yon ti kras nan manipilasyon ke nou ka fè ak 536 00:26:11,460 --> 00:26:12,870 nou jQuery. 537 00:26:12,870 --> 00:26:19,280 Se konsa, jQuery gen yon kalite patikilye nan notasyon kote nou jis itilize 538 00:26:19,280 --> 00:26:20,170 yon dot nan fen an. 539 00:26:20,170 --> 00:26:23,340 Apre sa, ou ka panse a sa a tankou nan C ki jan nou te gen strukt diferan. 540 00:26:23,340 --> 00:26:27,110 Apre sa, ale nan sa yo strukt, ou ta sèvi ak yon dot jwenn nan yo. 541 00:26:27,110 --> 00:26:28,480 >> Sa a se, kalite, yon bagay menm jan an. 542 00:26:28,480 --> 00:26:33,570 Se sèlman kounye a nou gen fonksyon nan sa a seleksyon ke nou ka rele sou li. 543 00:26:33,570 --> 00:26:38,640 Se konsa, isit la, trè premye egzanp lan ou ka wè se yon seleksyon CSS. 544 00:26:38,640 --> 00:26:45,290 Apre sa, fondamantalman, ki sa ki ki fè se li aplike CSS la eleman premye nan sa a 545 00:26:45,290 --> 00:26:46,230 bagay ke ou chwazi - 546 00:26:46,230 --> 00:26:47,720 sa a eleman ke ou chwazi - 547 00:26:47,720 --> 00:26:49,290 ak valè a sa. 548 00:26:49,290 --> 00:26:55,390 >> TOMAS REIMERS: Se konsa, yon tradiksyon fasil nan ki ta ka si jQuery, fondamantalman, 549 00:26:55,390 --> 00:26:57,790 jis te pran foo. 550 00:26:57,790 --> 00:27:05,480 Lè sa a, nan CSS te di, koulè wouj ak fèmen. 551 00:27:05,480 --> 00:27:06,670 Li nan lide la menm. 552 00:27:06,670 --> 00:27:08,800 Ki sa ki li fè a se li nan chwazi tout eleman foo. 553 00:27:08,800 --> 00:27:10,170 Lè sa a, li la aplike. 554 00:27:10,170 --> 00:27:15,884 Sòt de, koulè po a pwopriyete ki egal a wouj. 555 00:27:15,884 --> 00:27:21,070 >> MIKE Rizzo: Menm jan an tou, nou ka tou chanje sa yo reyèl nan sa ki 556 00:27:21,070 --> 00:27:24,870 ki montre sou HTML a nan paj la, ki se vrèman fre paske li vle di ou 557 00:27:24,870 --> 00:27:28,095 paj wèb kapab kounye a dwe konplètman dinamik epi yo pa gen yo dwe estatik 558 00:27:28,095 --> 00:27:31,660 ke ou enprime soti lè l sèvi avèk PHP nan kòmansman la anpil nan 559 00:27:31,660 --> 00:27:33,320 paj la ke yo te chaje. 560 00:27:33,320 --> 00:27:36,810 Se konsa, isit la, si nou te vle chanje a HTML aktyèl la nan paj la, nou ta kounye a 561 00:27:36,810 --> 00:27:43,550 rele fonksyon an HTML, ki Lè sa a, jis foure tou sa nou presize nan 562 00:27:43,550 --> 00:27:45,390 ki eleman ke nou chwazi. 563 00:27:45,390 --> 00:27:49,810 Se konsa, isit la nou ap chwazi eleman ki gen foo klas-la ak Lè sa a, li di li nan HTML 564 00:27:49,810 --> 00:27:52,200 li nan kounye a bonjou nan lemonn. 565 00:27:52,200 --> 00:27:55,600 >> TOMAS REIMERS: Men, lè ou panse osijè de ki sa yo aplikasyon pou itil nan 566 00:27:55,600 --> 00:28:00,800 sa a, yon sèl sa a CSS, premye bagay ki ou ka kòmanse yo reflechi sou se 567 00:28:00,800 --> 00:28:03,070 an tèm de menm gout desann meni. 568 00:28:03,070 --> 00:28:08,350 Ou te kapab kòmanse fè bagay sa yo tankou, lè yon itilizatè plan sou pati nan tèt 569 00:28:08,350 --> 00:28:11,970 nan yon desann gout, ou vle fè pati anba a vizib. 570 00:28:11,970 --> 00:28:12,540 Dwa? 571 00:28:12,540 --> 00:28:15,610 >> Se konsa, nan CSS, nou gen pwopriyete fè yon bagay vizib. 572 00:28:15,610 --> 00:28:19,330 Bagay sa yo tankou ekspozisyon kolon pa ta fè li envizib. 573 00:28:19,330 --> 00:28:21,190 Montre blòk ta fè li vizib. 574 00:28:21,190 --> 00:28:25,860 Oswa menm si ou ta vle ale pi senp, ou gen bagay sa yo tankou egal vizibilite 575 00:28:25,860 --> 00:28:27,520 vizib, epi vizibilite egal kache. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> Apre sa, ou ta ka kòmanse aplike bagay sa yo tankou gout desann meni dwa 578 00:28:34,780 --> 00:28:38,410 apre ou fin jwenn nan lide a nan ki jan ka w konnen lè sa a ouvè, 579 00:28:38,410 --> 00:28:39,850 ki n ap jwenn nan anpil yon ti tan. 580 00:28:39,850 --> 00:28:42,160 Men, nou ka kòmanse wè aplikasyon pou nan sa a. 581 00:28:42,160 --> 00:28:45,540 Nan yon sans ki similè yo, si ou te eseye epi mete an aplikasyon, se pou yo di, yon chat 582 00:28:45,540 --> 00:28:48,620 motè ak ou vle fè yon ti kras jarèt diskou vini chak fwa ou te 583 00:28:48,620 --> 00:28:52,880 te resevwa yon mesaj nouvo, yon fwa ou jwenn nan nouvo mesaj, ou ka fè yon ti kras 584 00:28:52,880 --> 00:28:55,890 jarèt diskou vini pa chanje HTML a nan paj la, dwa? 585 00:28:55,890 --> 00:29:00,540 Pa pandan l ajoute ke ti wonn anplis lapawòl ak tèks la anplis nan la. 586 00:29:00,540 --> 00:29:01,140 Yeah? 587 00:29:01,140 --> 00:29:07,750 >> ODYANS: Se konsa, ou ta Afiche sa a nan kòd la HTML nan sòt de tankou yon 588 00:29:07,750 --> 00:29:10,534 [Fèbl]? 589 00:29:10,534 --> 00:29:12,940 >> MIKE Rizzo: Dwa. 590 00:29:12,940 --> 00:29:16,190 Yeah, nou pral jwenn ak sa yo ki nan yon ti kras. 591 00:29:16,190 --> 00:29:18,810 Yeah, li nan menm jan an yon ti kras PHP. 592 00:29:18,810 --> 00:29:21,240 Pa egzakteman menm jan an. 593 00:29:21,240 --> 00:29:24,730 >> Yon bon distenksyon yo fè a se sa ki sa a se aktyèlman koreksyon lè nou modifye 594 00:29:24,730 --> 00:29:28,480 paj la paske li pa k ap pase yo dwe koreksyon dosye aktyèl la ki se ke yo te 595 00:29:28,480 --> 00:29:31,380 kenbe sou sèvè a paske mond lan pa ta dwe gen pèmisyon 596 00:29:31,380 --> 00:29:32,610 yo edit dosye ou. 597 00:29:32,610 --> 00:29:36,080 Sa a se jis koreksyon sa ki la sou paj la ak sa k ap parèt nan lespas 598 00:29:36,080 --> 00:29:36,950 navigatè a. 599 00:29:36,950 --> 00:29:40,340 Se konsa, si ou te Reload paj la apre, di, efase yon bagay jan nou 600 00:29:40,340 --> 00:29:44,730 wè nou ka fè ak apèl la retire, ke bagay ta Lè sa a, repwodwi. 601 00:29:44,730 --> 00:29:48,590 >> TOMAS REIMERS: Se konsa, yon fason yo reflechi sou sa a se si mwen se òdinatè w lan ak 602 00:29:48,590 --> 00:29:50,170 Mike se, sòt de, sèvè a. 603 00:29:50,170 --> 00:29:53,850 Ki sa ki pral rive se mwen pral mande Mike, hey, èske mwen kapab genyen yon kopi 604 00:29:53,850 --> 00:29:54,630 paj entènèt sa a? 605 00:29:54,630 --> 00:29:56,190 Apre sa, li pral ban m 'yon kopi li. 606 00:29:56,190 --> 00:29:57,430 >> Non paske se pa bagay orijinal la. 607 00:29:57,430 --> 00:29:58,620 Se jis yon kopi. 608 00:29:58,620 --> 00:30:00,450 Lè sa a, li ta tankou, oh, gen nan JavaScript isit la. 609 00:30:00,450 --> 00:30:02,450 Klèman, mwen ta dwe modifye nan paj yo dwe tankou sa a. 610 00:30:02,450 --> 00:30:04,250 Apre sa, mwen ap koreksyon kopi ou. 611 00:30:04,250 --> 00:30:05,920 >> Men, ki pa nan pwomès kopi a vrè. 612 00:30:05,920 --> 00:30:08,480 Men, si m 'te poze l' keksyon ankò rafrechi paj an, - 613 00:30:08,480 --> 00:30:10,060 hey, èske mwen kapab genyen yon lòt kopi pwòp - 614 00:30:10,060 --> 00:30:11,440 li te ale nan ban m ' yon lòt kopi pwòp. 615 00:30:11,440 --> 00:30:14,240 Lè sa a,, mwen pral fè menm bagay la tankou, o, sa a JS isit la ki di 616 00:30:14,240 --> 00:30:14,866 yo edit sa a. 617 00:30:14,866 --> 00:30:17,460 Apre sa, mwen pral kontinye ap fè sa. 618 00:30:17,460 --> 00:30:20,930 >> MIKE Rizzo: Se konsa, yon bagay vrèman fre ke ou ka fè ak jQuery se 619 00:30:20,930 --> 00:30:24,350 aktyèlman ajoute diferan kalite nan Animations nan paj ou yo. 620 00:30:24,350 --> 00:30:27,440 Mwen pa konnen si ou te janm wè kote w ap eseye nan yon ranpli yon fòm 621 00:30:27,440 --> 00:30:31,250 sou entènèt ak ou pa ranpli bagay sa yo kòrèkteman. 622 00:30:31,250 --> 00:30:33,440 Se konsa, yon ti bagay glisad desann nan tèt la ak di ou 623 00:30:33,440 --> 00:30:34,820 pa t 'fè sa a kòrèkteman. 624 00:30:34,820 --> 00:30:36,260 Tanpri eseye ankò. 625 00:30:36,260 --> 00:30:37,890 Lè sa a,, li ta ka menm jis glise yo. 626 00:30:37,890 --> 00:30:40,710 >> Vire soti jQuery te bati nan fonksyon ki fè nan tout sa 627 00:30:40,710 --> 00:30:44,180 animasyon reyèlman, reyèlman fasil. 628 00:30:44,180 --> 00:30:46,750 Se konsa, gen se premye fennen la fonksyon soti, ki 629 00:30:46,750 --> 00:30:47,710 ou ka rele sou yon bagay. 630 00:30:47,710 --> 00:30:55,650 Lè li nan yon fason yo chanje CSS la nan ki eleman nan yon fason anime. 631 00:30:55,650 --> 00:30:58,480 Se konsa, li pran tou sa eleman ou rele li fennen soti sou li. 632 00:30:58,480 --> 00:31:03,990 Lè sa a, tou dousman, chanje stupidity li nan jouk li ale konplètman transparan. 633 00:31:03,990 --> 00:31:07,330 >> TOMAS REIMERS: lòt yon sèl nan popilè se glise desann, ki pral fè 634 00:31:07,330 --> 00:31:08,800 yon bagay parèt pa glisman l '. 635 00:31:08,800 --> 00:31:12,840 Se konsa, nan ka a nan meni an gout desann, ankò, lè nou te aprann kòman yo detekte 636 00:31:12,840 --> 00:31:15,310 lè sa a ki te plane sou yo, ou ta ka jis di anba sa a 637 00:31:15,310 --> 00:31:16,910 pati glise desann kounye a. 638 00:31:16,910 --> 00:31:19,270 Lè sa a,, li ta parèt pa glisman desann. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> MIKE Rizzo: Lè sa a,, si ou jis gen kèk kalite animasyon nan tèt ou ke 641 00:31:26,590 --> 00:31:29,080 jQuery pa nesesèman bay. 642 00:31:29,080 --> 00:31:32,690 Pou egzanp, kite a di jQuery ba ou yon glise 643 00:31:32,690 --> 00:31:33,750 desann ak glise yo. 644 00:31:33,750 --> 00:31:36,740 Oke, kite la di ou te vle glise yon bagay nan soti nan bò gòch la oswa nan soti nan 645 00:31:36,740 --> 00:31:39,880 kalite a dwa a tankou CS50 nan paj prensipal fè chak fwa 646 00:31:39,880 --> 00:31:42,080 ou ale nan yon panèl nouvo. 647 00:31:42,080 --> 00:31:45,030 Ou ta Lè sa a, pwobableman gen aplike li tèt ou lè l sèvi avèk la 648 00:31:45,030 --> 00:31:49,310 enkouraje fonksyon nan jQuery. 649 00:31:49,310 --> 00:31:51,350 >> Se konsa, Menm jan an tou, ou jis enkouraje. 650 00:31:51,350 --> 00:31:55,850 Lè sa a,, nan li li pran yon diksyonè valè yo diferan 651 00:31:55,850 --> 00:31:57,340 ke w ap sipoze pase. 652 00:31:57,340 --> 00:32:06,960 Se konsa, isit la, si nou te vle enkouraje la foo eleman sa yo ki lajè li yo swa 653 00:32:06,960 --> 00:32:10,880 ekspansyon oswa kontra a 80 piksèl, depann sou sa ki li kounye a se. 654 00:32:10,880 --> 00:32:14,100 Nou ta jis pase ke kòm agiman an nan li. 655 00:32:14,100 --> 00:32:18,060 >> Enkouraje yo te genyen tou kèk lòt agiman ke ou ta ka pase l, pou egzanp, 656 00:32:18,060 --> 00:32:21,150 vitès la nan animasyon an ke ou vle ba ou li. 657 00:32:21,150 --> 00:32:26,220 Apre sa, fè sa, mwen ta jis di byen vit Google jQuery enkouraje. 658 00:32:26,220 --> 00:32:31,710 Lè sa a,, yo pote moute paj sa a, ou kapab wè li te gen yon pakèt moun sou diferan 659 00:32:31,710 --> 00:32:33,560 pwopriyete ke ou ka pase l '. 660 00:32:33,560 --> 00:32:35,990 >> Apre sa, mwen ankouraje w - chak fwa ou vini atravè yon bagay ke ou pa fè sa 661 00:32:35,990 --> 00:32:40,390 konnen oswa ou jis vle aprann plis sou yon metòd an patikilye ke ou ka rele 662 00:32:40,390 --> 00:32:41,270 sou yon bagay - 663 00:32:41,270 --> 00:32:44,440 jis Google li. jQuery se trè byen dokimante. 664 00:32:44,440 --> 00:32:49,140 Apre sa, souvan fwa gen yon anpil nan egzanp yo ke yo bay pou ou. 665 00:32:49,140 --> 00:32:52,470 Si nou desann - 666 00:32:52,470 --> 00:32:53,720 fason desann - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 ke nou ka sèvi ak, osi byen. 669 00:32:59,190 --> 00:33:02,480 >> Yon fwa ankò, lè yon pwomotè aktyèlman ale nan pwoblèm nan nan ekri yon 670 00:33:02,480 --> 00:33:05,810 bibliyotèk, anjeneral, yo vle yon moun ki sèvi ak li. 671 00:33:05,810 --> 00:33:09,400 Se konsa, ansanm ak ki pral gen yon kopi dokiman yo. 672 00:33:09,400 --> 00:33:12,270 Epi ki dokiman ka anjeneral dwe yo te jwenn nan paj pwojè a, ki se 673 00:33:12,270 --> 00:33:14,970 poukisa nou te ban nou ki sou sit orijinal nan nan konmansman an, ki lyen ou a nan 674 00:33:14,970 --> 00:33:18,080 paj pwojè konsa ou kapab wè ke kopi dokiman yo. 675 00:33:18,080 --> 00:33:22,670 >> Tipikman, paj pwojè a nan ka a nan [fèbl], li te di ou la 676 00:33:22,670 --> 00:33:23,940 non nan klas yo. 677 00:33:23,940 --> 00:33:27,250 Nan ka a nan JavaScript, li bay ou non an nan fonksyon yo. 678 00:33:27,250 --> 00:33:35,310 By wout la, si nou woulo liv moute sou tèt la, yon nòt bò rapid sou fonksyon se 679 00:33:35,310 --> 00:33:39,080 chak fwa ou wè yon fonksyon aplike tankou sa a ak difisil la 680 00:33:39,080 --> 00:33:43,800 parantèz nan mitan an, ki vle di ki ke pwopriyete a se si ou vle. 681 00:33:43,800 --> 00:33:44,750 Jis yon chèf yo. 682 00:33:44,750 --> 00:33:47,350 Mwen te wè yon anpil nan kesyon sou sa. 683 00:33:47,350 --> 00:33:50,370 >> Se konsa, isit la nou kapab wè ke an enkouraje pran pwopriyete 684 00:33:50,370 --> 00:33:51,800 kòm yon agiman ki nesesè yo. 685 00:33:51,800 --> 00:33:54,870 Ak tout lòt bagay se si ou vle. 686 00:33:54,870 --> 00:33:56,136 Bò nòt - 687 00:33:56,136 --> 00:33:58,090 ou ka panse a sa a, sòt nan, tankou paj moun. 688 00:33:58,090 --> 00:34:04,275 Paj nonm yo se dokiman pou C ak pou yon anpil nan lòt bagay, kòm byen. 689 00:34:04,275 --> 00:34:11,020 >> MIKE Rizzo: Se konsa, nou te aprann ki jan yo chanje diferan CSS sou paj la, 690 00:34:11,020 --> 00:34:14,040 enkouraje li, epi retire ajoute HTML. 691 00:34:14,040 --> 00:34:16,889 Men, yonn nan pi pwisan an vrèman bagay sou JavaScript 692 00:34:16,889 --> 00:34:18,270 epi espesyalman jQuery - 693 00:34:18,270 --> 00:34:22,570 ki sa li pèmèt ou fè se reponn a diferan eleman ki rive. 694 00:34:22,570 --> 00:34:25,380 Pou egzanp, isit la nou gen yon Handler evènman. 695 00:34:25,380 --> 00:34:28,210 Epi ki jis vle di chak fwa sa a evènman k ap pase, nou okipe l 'nan yon 696 00:34:28,210 --> 00:34:29,280 sèten fason. 697 00:34:29,280 --> 00:34:35,159 >> Se konsa, isit la, jenerik jQuery evènman an Handler se dot a sou. 698 00:34:35,159 --> 00:34:42,949 Lè sa a,, premye bagay la ou bay se sa ki evènman li ta dwe 699 00:34:42,949 --> 00:34:43,810 dwe tande pou. 700 00:34:43,810 --> 00:34:45,610 Se konsa, isit la, li nan klike sou la ki n ap tan pou. 701 00:34:45,610 --> 00:34:49,250 >> TOMAS REIMERS: Sinon, ou gen sou hover, ki se yon yon sèl trè popilè. 702 00:34:49,250 --> 00:34:52,000 Se konsa, tounen nan gout m 'desann lide meni. 703 00:34:52,000 --> 00:34:54,239 Ou ta gen yon sèl nan tèt sou hover. 704 00:34:54,239 --> 00:34:56,096 Lè sa a, ou ta ka chanje sa. 705 00:34:56,096 --> 00:34:56,830 >> MIKE Rizzo: Dwa. 706 00:34:56,830 --> 00:35:01,680 Lè sa a,, lè sa rive, li jis ègzekutra sa a fonksyon ke nou ba ou li 707 00:35:01,680 --> 00:35:05,080 kòm yon diskisyon e ke li Alerts bonjou oswa hi. 708 00:35:05,080 --> 00:35:08,900 >> TOMAS REIMERS: Se konsa, nan ka a nan JavaScript, sa a se yon kote ki nou bezwen 709 00:35:08,900 --> 00:35:12,970 retire tèt nou soti nan C. Nou kapab aktyèlman pran fonksyon kòm agiman. 710 00:35:12,970 --> 00:35:15,940 Apre sa, gen yon anpil nan reyèlman fason konplèks fè sa. 711 00:35:15,940 --> 00:35:17,940 Nou pral ankouraje yon fason, ki se ou ka defini nan 712 00:35:17,940 --> 00:35:19,270 fonksyone ki la a. 713 00:35:19,270 --> 00:35:22,540 >> Se konsa, lè w ap mande pou yon fonksyon kòm yon paramèt, w ap fondamantalman jis 714 00:35:22,540 --> 00:35:24,500 ale nan defini fonksyon an sou tèren an. 715 00:35:24,500 --> 00:35:27,090 Apre sa, wout la ou defini yon fonksyon nan JavaScript se ou 716 00:35:27,090 --> 00:35:28,820 literalman di fonksyon. 717 00:35:28,820 --> 00:35:30,130 Lè sa a,, anjeneral,, non an nan fonksyon an. 718 00:35:30,130 --> 00:35:32,510 Men, nou pa janm ap ale nan referans fonksyon sa a ankò. 719 00:35:32,510 --> 00:35:34,040 Se konsa, nou kite li nameless. 720 00:35:34,040 --> 00:35:40,440 >> Lè sa a, parantèz yo, lè sa a Curly a aparèy òtopedik, ak Lè sa a, kòd a nan sa. 721 00:35:40,440 --> 00:35:42,540 Se konsa, nou konprann sa a kapab gen yon ti kras konfizyon. 722 00:35:42,540 --> 00:35:45,180 Se konsa, nou ba ou fòm la an jeneral nan ki sa yon Handler evènman sanble 723 00:35:45,180 --> 00:35:47,790 anba a, ki se sou evènman yo. 724 00:35:47,790 --> 00:35:50,598 Lè sa a,, kòd ou anndan sa. 725 00:35:50,598 --> 00:35:52,478 >> MIKE Rizzo: Èske gen nenpòt kesyon sou sa a? 726 00:35:52,478 --> 00:35:54,818 Sa a kapab yon ti kras konfizyon premye fwa a ou wè li. 727 00:35:54,818 --> 00:35:57,550 >> TOMAS REIMERS: Ou aktyèlman vle louvri moute yon dosye epi montre yo kèk 728 00:35:57,550 --> 00:35:58,155 jQuery kounye a? 729 00:35:58,155 --> 00:35:59,853 >> MIKE Rizzo: Yeah, se pou yo fè sa. 730 00:35:59,853 --> 00:36:00,256 OK. 731 00:36:00,256 --> 00:36:02,490 >> TOMAS REIMERS: Se konsa, kounye a nou ap nan aparèy la. 732 00:36:02,490 --> 00:36:07,730 Ak sa nou te fè se nou te pran an libète pou kreye tou de yon index.html 733 00:36:07,730 --> 00:36:10,100 dosye, ki lyen ak yon dosye JavaScript. 734 00:36:10,100 --> 00:36:12,880 Apre sa, nou ka louvri moute - a 735 00:36:12,880 --> 00:36:15,170 yeah. 736 00:36:15,170 --> 00:36:16,630 Oke, li fè de bagay sa yo. 737 00:36:16,630 --> 00:36:18,350 >> Premye a se li lyen ak dosye a JavaScript. 738 00:36:18,350 --> 00:36:21,250 Epitou, n ap wè ke moute isit la. 739 00:36:21,250 --> 00:36:25,340 Nou wè ke nan tèt la nan la Dokiman HTML, patikilyèman. 740 00:36:25,340 --> 00:36:28,260 Se konsa, ou ap wè gen ki nou, fondamantalman, di SRC, 741 00:36:28,260 --> 00:36:29,590 ki vle di pou sous. 742 00:36:29,590 --> 00:36:30,630 Epi sa a, URL la. 743 00:36:30,630 --> 00:36:32,700 >> Se konsa, isit la ou ka di nou te gen enkli jQuery. 744 00:36:32,700 --> 00:36:34,290 Apre sa, nou te tou te gen ladann Scripts. 745 00:36:34,290 --> 00:36:40,630 Lòt fason a enkli ladan JavaScript se ke ou ka gen ladan yon script aliye 746 00:36:40,630 --> 00:36:44,600 tag jan nou gen nan pati anba a kote li di ki kalite script se tèks JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Se konsa, nou ap di, koute, nou sou genyen ladan yo yon script. 748 00:36:46,960 --> 00:36:51,890 Apre sa, ki kalite ke script se JavaScript, ki se yon di ki kalite tèks. 749 00:36:51,890 --> 00:36:52,550 Trè senp. 750 00:36:52,550 --> 00:36:56,490 >> MIKE Rizzo: Se konsa, sa a, kalite, vin kesyon ou sou fason nou genyen ladan yo 751 00:36:56,490 --> 00:37:02,340 JavaScript nan dosye nou paske lè nou te PHP, nou fè yon bagay tankou sa a. 752 00:37:02,340 --> 00:37:07,570 Lè sa a, yo, yo gen fonksyon PHP nou yo - kite a di aksyon fè 753 00:37:07,570 --> 00:37:09,150 yon bagay ki gen sa - 754 00:37:09,150 --> 00:37:10,490 ale nan la. 755 00:37:10,490 --> 00:37:13,860 Sepandan, kounye a nou gen etikèt yo script ke nou ba ou li yo, ki se aktyèlman 756 00:37:13,860 --> 00:37:19,470 yon pati nan HTML nan tèt li paske li pa faking yo te yon dosye HTML tankou li 757 00:37:19,470 --> 00:37:25,070 se nan PHP paske si ou aktyèlman ale nan ak gade nan sous la nan paj la, 758 00:37:25,070 --> 00:37:28,430 ou pral wè sa yo Tags script nan la ak JavaScript la ki asosye ak 759 00:37:28,430 --> 00:37:29,800 yo nan sa. 760 00:37:29,800 --> 00:37:31,760 >> Se konsa, lè sa a, si nou te vle ekri kèk JavaScript - 761 00:37:31,760 --> 00:37:37,110 kite yo jis di nou te vle chanje kò paske kounye a mwen pa gen 762 00:37:37,110 --> 00:37:40,020 nenpòt ki lòt Tags ke mwen kapab reyèlman modifye san konte kò. 763 00:37:40,020 --> 00:37:42,450 Se pou nou jis di mwen te vle chanje CSS la nan ke. 764 00:37:42,450 --> 00:37:46,190 Se konsa, nou pral ale pi devan ak chanjman koulè a ​​nan li a wouj. 765 00:37:46,190 --> 00:37:47,380 >> Se konsa, mwen sove dosye a. 766 00:37:47,380 --> 00:37:52,700 Se pou yo tounen nan paj entènèt nou an, rafrechir, ak li fè sa li otomatikman 767 00:37:52,700 --> 00:37:55,920 paske li pa t 'sanble tankou li tann nan tout paske nou pa t'ap koute 768 00:37:55,920 --> 00:37:59,450 pou yon evènman oswa yon bagay tankou sa. 769 00:37:59,450 --> 00:38:02,800 >> TOMAS REIMERS: Se konsa, si nou tounen nan pote an patikilye - HTML nan 770 00:38:02,800 --> 00:38:04,710 ranpli - ki sa w ap ale yo wè se nou genyen - 771 00:38:04,710 --> 00:38:06,810 sonje ke sa a se chaje, sòt de, kwonolojik. 772 00:38:06,810 --> 00:38:09,910 Se konsa, nou gen premye tèt la. li charj de dosye sa yo. 773 00:38:09,910 --> 00:38:10,800 Lè sa a, nou ale nan kò a. 774 00:38:10,800 --> 00:38:11,640 Lè nou wè mond hello. 775 00:38:11,640 --> 00:38:13,030 Se konsa, nou rann mond hello. 776 00:38:13,030 --> 00:38:15,240 >> Lè sa a, bagay la pase nou gen se nou gen tag a script. 777 00:38:15,240 --> 00:38:20,880 Se konsa, li kouri tag a script paske li nan pa di l 'pou ret tann pou anyen. 778 00:38:20,880 --> 00:38:24,700 Epi sa a, ki pi fondamantal la fason yo kouri JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> Avèk ki te di, ou ka mete script la tag moute nan header a jis 780 00:38:29,200 --> 00:38:31,240 yo montre pwen sa a? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 Epi kouri sa a. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Nou pral avi ke li pa t 'chanje koulè an. 785 00:38:41,070 --> 00:38:44,210 Lè sa a se youn nan pwoblèm ki gen nan JavaScript se ke bagay sa yo yo chaje 786 00:38:44,210 --> 00:38:45,930 nan yon lòd kwonolojik. 787 00:38:45,930 --> 00:38:49,750 >> Se konsa, nan tan sa a ke ke Kòd te kouri, nou chwazi - 788 00:38:49,750 --> 00:38:52,530 tounen - 789 00:38:52,530 --> 00:38:53,670 tag nan kò. 790 00:38:53,670 --> 00:38:57,560 Tag nan kò pa egziste ankò paske JavaScript se nan liy ak HTML. 791 00:38:57,560 --> 00:39:01,790 Se konsa, navigatè a, se tankou chwazi kò. 792 00:39:01,790 --> 00:39:02,760 Gen nan pa gen bagay sa yo ankò. 793 00:39:02,760 --> 00:39:03,600 Se konsa, nou ka inyore sa. 794 00:39:03,600 --> 00:39:05,330 Apre sa, nou kenbe prale. 795 00:39:05,330 --> 00:39:07,200 >> Lè sa a, nou defini yon tag kò. 796 00:39:07,200 --> 00:39:09,670 Men, ki pa janm vin mete ajou. 797 00:39:09,670 --> 00:39:12,560 Se konsa, lè w ap mete ann aplikasyon script Tags, asire w ke ou mete 798 00:39:12,560 --> 00:39:15,502 apre tag nan kò. 799 00:39:15,502 --> 00:39:16,820 Next glise. 800 00:39:16,820 --> 00:39:17,830 >> MIKE Rizzo: OK. 801 00:39:17,830 --> 00:39:19,330 Se konsa, nou chanje yon bagay. 802 00:39:19,330 --> 00:39:21,910 Men, li pa t 'gade tankou li reponn a nou nan tout paske li jis kalite 803 00:39:21,910 --> 00:39:24,150 te fè li kòm pli vit ke li chaje paj la. 804 00:39:24,150 --> 00:39:27,700 Se konsa, kounye a, olye pou yo fè sa a, poukisa pa nou ajoute yon Handler evènman. 805 00:39:27,700 --> 00:39:31,020 >> Se konsa, kite a fè yon bagay nan kò a ankò. 806 00:39:31,020 --> 00:39:33,490 Apre sa, kite a di nou fè l 'sou - 807 00:39:33,490 --> 00:39:34,500 klike sou. 808 00:39:34,500 --> 00:39:35,750 Nou pral ajoute yon fonksyon. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> Chanje Annou: TOMAS REIMERS li nan koulè yo wouj ankò. 811 00:39:39,690 --> 00:39:40,000 Poukisa nou pa? 812 00:39:40,000 --> 00:39:41,680 >> Chanjman Yeah, se pou yo: MIKE Rizzo koulè li yo 'yo wouj ankò. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Tout dwa. 815 00:39:46,900 --> 00:39:48,480 Se konsa, kite a Reload paj la. 816 00:39:48,480 --> 00:39:49,530 OK, nou wè - 817 00:39:49,530 --> 00:39:52,290 jan yo espere a, li pa vire wouj ankò. 818 00:39:52,290 --> 00:39:53,610 Men, lè sa a nou ka ale pi devan epi klike sou li. 819 00:39:53,610 --> 00:39:54,270 >> TOMAS REIMERS: Epi li vire wouj. 820 00:39:54,270 --> 00:39:56,090 >> MIKE Rizzo: Apre sa, li fè sa vire wouj jan yo espere a. 821 00:39:56,090 --> 00:39:59,010 >> TOMAS REIMERS: E nou ka wè ki jan nou ka kòmanse bati anpil debaz 822 00:39:59,010 --> 00:40:00,170 entèraksyon. 823 00:40:00,170 --> 00:40:03,850 Lòt bagay nou ta ka vle fè se, si nou pa vle fè kò a 824 00:40:03,850 --> 00:40:07,230 koulè wouj, se pou yo fè HTML nan background koulè wouj. 825 00:40:07,230 --> 00:40:08,480 Jis se konsa li a menm CSS la. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> Lè nou chanje li, nou ka wè sa a efè trè dramatik nan chanje an 828 00:40:23,320 --> 00:40:25,510 tout paj. 829 00:40:25,510 --> 00:40:29,100 Se konsa, ankò, si w ap mete ann aplikasyon bagay sa yo, ou ka gen yon sèl eleman 830 00:40:29,100 --> 00:40:30,150 ki se vle di yo dwe klike sou. 831 00:40:30,150 --> 00:40:32,710 Se pou nou di yon bouton pou sòti ak yon tout lòt eleman, 832 00:40:32,710 --> 00:40:33,830 ki se vle di ke yo reponn. 833 00:40:33,830 --> 00:40:35,755 Se konsa, ou ta retire yon fenèt lè sa ki ap pase. 834 00:40:35,755 --> 00:40:39,341 835 00:40:39,341 --> 00:40:40,700 >> MIKE Rizzo: OK. 836 00:40:40,700 --> 00:40:42,200 Jis kòm yon egzanp - 837 00:40:42,200 --> 00:40:44,400 nou pa t 'jwenn yo wè sa a pi bonè - 838 00:40:44,400 --> 00:40:47,500 Mwen pral jis montre w sa li sanble renmen lè nou kache yon bagay. 839 00:40:47,500 --> 00:40:52,220 Se konsa, mwen pral ale pi devan epi glise moute. 840 00:40:52,220 --> 00:40:54,440 >> TOMAS REIMERS: Vle vlope ki nan yon di ki kalite paragraf anvan nou fè sa? 841 00:40:54,440 --> 00:40:55,132 >> MIKE Rizzo: OK. 842 00:40:55,132 --> 00:40:59,135 Yeah, poukisa yo pa nou fè sa jis pou nou ka chwazi li yon ti kras plis. 843 00:40:59,135 --> 00:41:00,490 >> TOMAS REIMERS: Li kite yo bay li yon klas la. 844 00:41:00,490 --> 00:41:01,740 >> MIKE Rizzo: Yeah. 845 00:41:01,740 --> 00:41:06,575 846 00:41:06,575 --> 00:41:09,920 OK, se konsa se pou yo wè. 847 00:41:09,920 --> 00:41:14,820 Olye pou yo chwazi kò a aktyèl kounye a, mwen pral jis chwazi tout bagay ak 848 00:41:14,820 --> 00:41:18,780 klas hello, ki isit la nou jis gen yon sèl bagay. 849 00:41:18,780 --> 00:41:20,900 Se konsa, nou pa ta dwe gen enkyete sou sa. 850 00:41:20,900 --> 00:41:23,080 >> Se konsa, mwen pral rafrechi li. 851 00:41:23,080 --> 00:41:24,230 Mwen pral ale pi devan epi klike sou li. 852 00:41:24,230 --> 00:41:27,890 Apre sa, li, sòt de, te fè yon glise etranj moute bagay, ki pa t 'gade ki 853 00:41:27,890 --> 00:41:29,580 atire. 854 00:41:29,580 --> 00:41:31,060 Anjeneral, yo gade bèl bèl. 855 00:41:31,060 --> 00:41:32,720 Mwen devine, sa a - pou kèk rezon ki fè - pa t '. 856 00:41:32,720 --> 00:41:36,640 Mwen pral jis fè yon fennen soti pou ou ka gade nan sa tou. 857 00:41:36,640 --> 00:41:38,100 Anpil joli. 858 00:41:38,100 --> 00:41:41,150 >> Lè sa a,, si mwen louvri moute JavaScript a konsole ankò, li nou vle wè sa ki 859 00:41:41,150 --> 00:41:43,900 li sanble lè nou fennen li pous 860 00:41:43,900 --> 00:41:46,920 Koulye a, mwen jis rele sispann nan sou li. 861 00:41:46,920 --> 00:41:48,830 Epi li disparet tounen pous 862 00:41:48,830 --> 00:41:56,150 >> Menm jan an tou, nou te ka aktyèlman tou pase yon agiman nou pèdi nan oswa fennen soti, 863 00:41:56,150 --> 00:41:57,640 ki se, kalite, vitès la nan li. 864 00:41:57,640 --> 00:42:02,220 Se konsa, kite a ale pi devan epi di nou vle li ale tou dousman fennen pous 865 00:42:02,220 --> 00:42:04,250 Se konsa, mwen devine li toujou te sanble trè rapid. 866 00:42:04,250 --> 00:42:06,180 Men, li te pi dousman pase anvan. 867 00:42:06,180 --> 00:42:10,340 >> TOMAS REIMERS: Men, si ou vle jwenn plis enfòmasyon sou bagay sa yo, ankò, 868 00:42:10,340 --> 00:42:13,410 jis ale nan lòt dokiman an jQuery, ki nou te ban nou, epi li 869 00:42:13,410 --> 00:42:13,735 nan sa yo. 870 00:42:13,735 --> 00:42:15,790 Yo dokimante fonksyon yo ekstrèmman byen. 871 00:42:15,790 --> 00:42:18,622 872 00:42:18,622 --> 00:42:19,570 >> MIKE Rizzo: OK. 873 00:42:19,570 --> 00:42:21,560 Se konsa, mwen devine kite a tounen nan sa a. 874 00:42:21,560 --> 00:42:23,490 Apre sa, nou ka pale sou dènye paj nou an. 875 00:42:23,490 --> 00:42:24,690 Oke, nou ka fini ak demaraj. 876 00:42:24,690 --> 00:42:27,140 Lè sa a, nou pral louvri l ' pou kèk kesyon. 877 00:42:27,140 --> 00:42:30,180 Men, si ou nèg gen nenpòt ide ki ou ta renmen pou yo eseye voye jete leve, li wè 878 00:42:30,180 --> 00:42:34,150 si nou ka aplike yo ak JavaScript byen vit. 879 00:42:34,150 --> 00:42:37,890 >> Se konsa, reyèlman byen vit sou demaraj, ki te otomatikman enkli nan 880 00:42:37,890 --> 00:42:41,700 dènye pwoblèm ou mete nan dosye a CSS ak aktyèlman lye nan nan ou 881 00:42:41,700 --> 00:42:43,190 header.PHP. 882 00:42:43,190 --> 00:42:46,740 Se konsa, ou ta ka gen te ajoute kou ki yo defini nan demaraj nan li. 883 00:42:46,740 --> 00:42:50,490 Apre sa, li ta gen otomatikman estile bagay sa yo kòmsadwa. 884 00:42:50,490 --> 00:42:54,550 >> TOMAS REIMERS: Se konsa, demaraj se yon trè bagay majik devlope pa moun yo 885 00:42:54,550 --> 00:42:55,340 nan Twitter. 886 00:42:55,340 --> 00:42:57,230 Epi ki sa li te vle di fè te - 887 00:42:57,230 --> 00:43:00,740 anvan sit te reyèlman di fè gade bèl, espesyalman lè nou te gen 888 00:43:00,740 --> 00:43:02,200 yon anpil nan eleman komen. 889 00:43:02,200 --> 00:43:04,770 Se konsa, yon anpil nan bouton sou la entènèt gade menm bagay la. 890 00:43:04,770 --> 00:43:08,960 >> Ou ka jwenn yon anpil nan jaden tèks yo dwe fè yo gade pi bon pase tèks la estanda 891 00:43:08,960 --> 00:43:13,620 jaden pwobableman ou konnen soti nan reyèlman sou sit entènèt fin vye granmoun oswa vrèman mal fè 892 00:43:13,620 --> 00:43:18,210 sou sit entènèt, ki jis gade tankou literal bwat tèks san yo pa nenpòt ki fòm nan tèks 893 00:43:18,210 --> 00:43:21,190 lonbraj oubyen nenpòt kalite bèl deskripsyon. 894 00:43:21,190 --> 00:43:24,540 Se konsa, sa demaraj te fè li te di, byen, nou gen yon anpil diferan estil komen. 895 00:43:24,540 --> 00:43:28,210 Poukisa nou pa nou fè yon sèl komen ansanm CSS ak yon seri komen nan JavaScript kòm 896 00:43:28,210 --> 00:43:32,210 byen, sa ki ka style li kòm se epi ki kapab bay moun bagay sa yo tankou gout 897 00:43:32,210 --> 00:43:34,610 desann meni, sa ki ka bay moun bagay sa yo tankou modals. 898 00:43:34,610 --> 00:43:38,580 >> Modal se sa ki Pops sou paj la chak fwa li nan estrikteman pale 899 00:43:38,580 --> 00:43:41,090 yon bagay, ki inibit plis entèraksyon jiskaske ou 900 00:43:41,090 --> 00:43:43,110 kominike avèk li. 901 00:43:43,110 --> 00:43:45,820 Yon bagay tankou sa a se yo, se ou asire w ke ou vle efase bagay sa a? 902 00:43:45,820 --> 00:43:49,100 Ou pa ka vrèman fè nenpòt lòt bagay jiskaske ou di wi oswa non. 903 00:43:49,100 --> 00:43:52,720 >> Li te pran tout bagay sa a epi li pake li ansanm, li di: isit la nou ale. 904 00:43:52,720 --> 00:43:54,630 Moun ki kapab kounye a itilize sa a. 905 00:43:54,630 --> 00:43:56,830 Apre sa, ou ka jwenn li sou nan getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Li te otomatikman enkli nan dènye pwoblèm ou mete. 907 00:44:00,480 --> 00:44:04,160 Apre sa, w ap plis pase akeyi yo sèvi ak li sou pwojè final ou a. 908 00:44:04,160 --> 00:44:06,950 Men, si ou vle swiv sa lyen yo ka resevwa demaraj. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Ou pral wè isit la se a Demaraj sit CSS. 911 00:44:15,700 --> 00:44:16,860 Ou pral wè demaraj. 912 00:44:16,860 --> 00:44:20,450 Men, si ou desann, ou ap wè ki jan yo desann li, ki jan yo 913 00:44:20,450 --> 00:44:21,900 enstale li, et setra. 914 00:44:21,900 --> 00:44:24,700 >> MIKE Rizzo: Apre sa, ou ka tou, enteresan ase, Customize li nan 915 00:44:24,700 --> 00:44:27,770 gen tou sa kalite tèm ke ou vle. 916 00:44:27,770 --> 00:44:31,270 Mwen konnen sa a, se yon bagay mwen te fè sa pou m ' pwojè final lè m 'te pran klas la 917 00:44:31,270 --> 00:44:32,050 te Customize li. 918 00:44:32,050 --> 00:44:34,540 Yon vèsyon diferan nan demaraj ki te gen yon konplo koulè diferan ak 919 00:44:34,540 --> 00:44:36,700 fòm diferan nan kèk bagay diferan. 920 00:44:36,700 --> 00:44:38,250 Se konsa, mwen ankouraje w yo jwe avèk sa. 921 00:44:38,250 --> 00:44:39,440 Li nan kalite plezi yo fè. 922 00:44:39,440 --> 00:44:43,230 >> TOMAS REIMERS: Looking atravè tèt la ankò, li trè menm jan ak Font nan 923 00:44:43,230 --> 00:44:44,970 Awesome sit. 924 00:44:44,970 --> 00:44:47,810 Yon anpil nan dokiman ap kòmanse sanble menm jan an lè ou te 925 00:44:47,810 --> 00:44:48,940 wè ase nan li. 926 00:44:48,940 --> 00:44:51,260 Se konsa, isit la nou gen CSS la eleman ki nan sa-a. 927 00:44:51,260 --> 00:44:53,540 Apre sa, ou pral wè li montre kouman li ka style bagay sa yo. 928 00:44:53,540 --> 00:44:56,780 Se konsa, si ou klike sou tab, pou egzanp, ou ka imedyatman fè yon 929 00:44:56,780 --> 00:45:01,710 tab bèl pa senpleman ajoute tab la klas li. 930 00:45:01,710 --> 00:45:03,150 >> Bagay sa yo menm pou bouton ki sanble. 931 00:45:03,150 --> 00:45:12,140 Si ou tou senpleman ajoute bn nan klas-la ak bn default oswa bn primè, ou kapab 932 00:45:12,140 --> 00:45:16,240 jwenn okenn youn nan bouton sa yo ak sa yo Styles pre-fè fè yo. 933 00:45:16,240 --> 00:45:18,570 Lè sa a,, si w ap chèche yon bagay ki pi konplèks pase tou senpleman 934 00:45:18,570 --> 00:45:24,100 rèstilin sa w te deja genyen, sou sou tab la JavaScript atravè nou nan tèt 935 00:45:24,100 --> 00:45:25,120 gen yon pakèt moun sou konpozan. 936 00:45:25,120 --> 00:45:30,410 >> Se konsa, isit la nou gen tranzisyon, modals, dropdowns, onglè, ak bul. 937 00:45:30,410 --> 00:45:35,530 Yon enfobul se sa ki Pops leve anba ou sourit lè ou hover sou yon bagay. 938 00:45:35,530 --> 00:45:40,280 Popovers, alèt, bouton, effondré Accordéon se sa ki 939 00:45:40,280 --> 00:45:41,190 anjeneral yo ap rele. 940 00:45:41,190 --> 00:45:43,045 Karouzèl, ki baskile nan imaj tankou. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Se konsa, sa yo se eleman yo nan demaraj. 943 00:45:54,840 --> 00:45:57,620 Mwen ta ankouraje w trè ale gade yo. 944 00:45:57,620 --> 00:46:01,780 Genyen yon eleman JavaScript ak yon eleman CSS. 945 00:46:01,780 --> 00:46:03,880 Santi yo lib yo sèvi ak yo menm jan ou pral. 946 00:46:03,880 --> 00:46:06,730 Nou pa pwal ale twòp nan yo paske nou santi nou lòt dokiman an 947 00:46:06,730 --> 00:46:09,360 se reyèlman byen fèt. 948 00:46:09,360 --> 00:46:10,540 Apre sa, wi. 949 00:46:10,540 --> 00:46:14,500 w gen nenpòt kesyon sou sa? 950 00:46:14,500 --> 00:46:19,430 >> MIKE Rizzo: Se konsa, kòm yon yo se reyèlman rapid bò, desen an nan paj entènèt sa a ki 951 00:46:19,430 --> 00:46:21,830 nou byen vit mete tèt yo ansanm pou prezantasyon sa a se 952 00:46:21,830 --> 00:46:24,290 aktyèlman fè lè l sèvi avèk demaraj. 953 00:46:24,290 --> 00:46:27,810 Kòm ou ka wè, lè nou klike sou sa yo onglè diferan, nou ap pa janm aktyèlman 954 00:46:27,810 --> 00:46:30,750 kite paj sa a index.html kounye a. 955 00:46:30,750 --> 00:46:36,400 Se konsa, sa nou genyen se div diferan nan index.html sa a. 956 00:46:36,400 --> 00:46:39,610 Lè sa a,, chak fwa nou klike sou yon diferan tab, li te jis chanje 957 00:46:39,610 --> 00:46:41,590 ki montre yon sèl la. 958 00:46:41,590 --> 00:46:47,390 >> Se konsa, li kòmsadwa pozisyon yo, chanje HTML a nan paj la pou ke 959 00:46:47,390 --> 00:46:52,330 se tab la kounye a make kòm aktif se konsa li parèt yon fason diferan ak sanble 960 00:46:52,330 --> 00:46:52,820 vrèman bèl. 961 00:46:52,820 --> 00:46:57,260 >> TOMAS REIMERS: Se konsa, sa ki te tout fè l ' san yo pa nou ekri prèske nenpòt CSS. 962 00:46:57,260 --> 00:47:01,440 Nou menm tou nou wè yon header nan tout tèt la, ki koulè yo yo se pa nou. 963 00:47:01,440 --> 00:47:04,800 Men, aktyèl la mete yo sou la anlè paj la a ak fè 964 00:47:04,800 --> 00:47:06,660 li woulo liv te demaraj. 965 00:47:06,660 --> 00:47:09,720 Lè sa a, menm pou yon lòt bibliyotèk - sa a se pa yon sèl nou te pale de men se yon sèl 966 00:47:09,720 --> 00:47:11,580 ou ka Google si ou vle. 967 00:47:11,580 --> 00:47:15,130 Se sa yo rele prettify.js. 968 00:47:15,130 --> 00:47:20,650 Epi li pral sentaks mete aksan sou Kòd ou pou ou lè l sèvi avèk tou de CSS ak JavaScript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> Bagay la pase nou vle pale sou anvan nou divilge ou deyò nan a 971 00:47:27,070 --> 00:47:30,620 mond fè yon gade nan bibliyotèk figi konnen kouman yo sèvi ak yo ansanm ak, èspere ke, 972 00:47:30,620 --> 00:47:34,640 li dokiman epi jwenn sa ou bezwen se ki jan yo jwenn bibliyotèk yo. 973 00:47:34,640 --> 00:47:37,000 Se konsa, premye a se nou ap jis ale nan pouse Google. 974 00:47:37,000 --> 00:47:37,810 Ale Google. 975 00:47:37,810 --> 00:47:41,150 >> Sa a literalman sa nou fè lè nou bezwen fè yon bagay ki nou Google. 976 00:47:41,150 --> 00:47:44,730 Èske gen yon bibliyotèk JavaScript ki pèmèt m 'nan manipile tan nan yon 977 00:47:44,730 --> 00:47:45,400 itil fason? 978 00:47:45,400 --> 00:47:49,510 Se konsa, si mwen konnen ke gen kèk itilizatè kreye yon kont isit la, ak sa a se nan 979 00:47:49,510 --> 00:47:53,010 tan kounye a, kouman mwen ka kalkile nan diferans ak ki san yo pa gen 980 00:47:53,010 --> 00:47:55,020 kalkile li tèt mwen? 981 00:47:55,020 --> 00:47:59,630 Se konsa, sa a se aktyèlman yon bagay ki komen yo, Bibliyotèk tan JavaScript. 982 00:47:59,630 --> 00:48:02,440 Apre sa, isit la nou Moment.js-- youn nan ki pi popilè. 983 00:48:02,440 --> 00:48:06,530 >> Si nou bezwen yon bibliyotèk yo manipile yon bagay tankou koulè pou kapab 984 00:48:06,530 --> 00:48:08,650 jenere yon pakèt moun sou koulè o aza - 985 00:48:08,650 --> 00:48:10,660 petèt, nan jenere yon style oswa yon bagay - 986 00:48:10,660 --> 00:48:13,480 nou te ka Google yon bagay tankou JavaScript bibliyotèk koulè. 987 00:48:13,480 --> 00:48:15,620 E mwen panse ke nou ta pòp moute ak yon mil ak youn nan yo. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Ou se Byenveni nan li nan yo. 990 00:48:21,410 --> 00:48:24,610 >> Se konsa, pifò bagay sa yo - lè ou jwenn yo - yo pral dwe anime sou youn nan 991 00:48:24,610 --> 00:48:25,920 sit ki Kòd lame. 992 00:48:25,920 --> 00:48:26,960 Yo ap se yon kèk moun popilè. 993 00:48:26,960 --> 00:48:30,870 Ki pi popilè a, pa byen lwen, se github.com. 994 00:48:30,870 --> 00:48:35,300 Men, si ou ale nan GitHub li la aktyèlman kote nòmalize te anime. 995 00:48:35,300 --> 00:48:36,950 Se konsa, si ou vle ale tounen nan ke yon moun. 996 00:48:36,950 --> 00:48:38,135 Montre yo sa. 997 00:48:38,135 --> 00:48:40,516 >> MIKE Rizzo: Epi sa a, aktyèlman kote sa a se te anime tou, si ou remake. 998 00:48:40,516 --> 00:48:41,000 >> TOMAS REIMERS: Yeah. 999 00:48:41,000 --> 00:48:49,078 Se konsa, si ou ale sou yo nòmalize epi ale nan GitHub la. 1000 00:48:49,078 --> 00:48:51,936 Yo te se sa? 1001 00:48:51,936 --> 00:48:54,620 >> MIKE Rizzo: bagay chat Sa ti kras se senbòl la GitHub. 1002 00:48:54,620 --> 00:48:56,330 >> TOMAS REIMERS: O. 1003 00:48:56,330 --> 00:49:02,180 Se konsa, GitHub sèvi ak yon metòd ki rele GIT nan kòd magazen. 1004 00:49:02,180 --> 00:49:05,150 Èske ou pa konnen ki sa ki se oswa li efre ou, sa a, se amann. 1005 00:49:05,150 --> 00:49:16,100 Ou pa bezwen konnen ki sa GIT se paske GitHub gen yon bouton Download 1006 00:49:16,100 --> 00:49:17,200 nan bò dwat la anba. 1007 00:49:17,200 --> 00:49:21,350 >> Lòt bagay la itil nan konnen sou GitHub ki pi pwodwi 1008 00:49:21,350 --> 00:49:23,200 pral gen yon li m '. 1009 00:49:23,200 --> 00:49:25,400 Men, si yo pa gen yon sit entènèt, nan li m 'ap pale sou fason ou 1010 00:49:25,400 --> 00:49:28,310 enstale li, ki jan ou sèvi ak li, ki sa li fè, et setra, et setra, et setra. 1011 00:49:28,310 --> 00:49:31,033 Ki sa ki nou te fondamantalman te ap mache ou atravè. 1012 00:49:31,033 --> 00:49:32,326 >> MIKE Rizzo: KITE FIMEN entènèt la. 1013 00:49:32,326 --> 00:49:34,020 >> TOMAS REIMERS: Sa se amann. 1014 00:49:34,020 --> 00:49:36,980 De dènye bagay sa yo nou te vle pale sou - 1015 00:49:36,980 --> 00:49:38,750 nou te pale osijè de GIT - 1016 00:49:38,750 --> 00:49:40,290 se depanaj. 1017 00:49:40,290 --> 00:49:43,020 Apre sa, yon sèl sa a se pa tankou enpòtan pou pwodwi final la kòm li se 1018 00:49:43,020 --> 00:49:44,870 lè ou kite 50. 1019 00:49:44,870 --> 00:49:48,310 Men, lè ou kouri antre nan pwodwi mete ann aplikasyon bibliyotèk oswa mete ann aplikasyon 1020 00:49:48,310 --> 00:49:50,230 pwojè pwòp ou a, w ap ale yo gen kesyon oswa w ap 1021 00:49:50,230 --> 00:49:51,660 ale nan gade pou kesyon yo. 1022 00:49:51,660 --> 00:49:53,060 >> Yon fwa ankò, Google li. 1023 00:49:53,060 --> 00:49:54,630 Sa a literalman sa nou fè. 1024 00:49:54,630 --> 00:49:56,400 Sa a se pral pou fè son pou timoun. 1025 00:49:56,400 --> 00:49:58,310 Men, literalman, nou Google li. 1026 00:49:58,310 --> 00:50:01,810 Li di ankò: youn nan bagay ki premye ou pral anjeneral kouri antre nan se 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, ki se yon bèl bagay kesyon ak je repons lan. 1028 00:50:06,550 --> 00:50:10,530 >> Li nan bèl bagay tou de paske ou kapab afiche kesyon yo epi gade pou 1029 00:50:10,530 --> 00:50:12,760 repons men tou paske li deja gen yon anpil nan 1030 00:50:12,760 --> 00:50:14,590 pre-peple kontni la. 1031 00:50:14,590 --> 00:50:18,510 Se konsa, anjeneral lè ou Google yon pwogram kesyon ki nan premye a 1032 00:50:18,510 --> 00:50:22,620 koup frape ou kapab te deja kouri nan li pandan kouche pwoblèm ou an. 1033 00:50:22,620 --> 00:50:27,840 >> Lè sa a,, dènye bagay ki reyèlman kout se JSFIDDLE, ki se - jodi a nou te gen 1034 00:50:27,840 --> 00:50:32,110 te fè yon anpil nan travay ki gen JavaScript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE se yon app web, ki fondamantalman pèmèt ou pran HTML ou a, OU 1036 00:50:39,820 --> 00:50:42,820 JavaScript anba kite, ak CSS ou tèt dwat. 1037 00:50:42,820 --> 00:50:47,840 Lè sa a, li ka kreye yon rapid rann nan li epi li wè ki jan li reyaji. 1038 00:50:47,840 --> 00:50:50,500 Li trè itil lè moun yo ap eseye fè yon prèv nan konsèp tankou 1039 00:50:50,500 --> 00:50:52,910 sa a se ki jan ou ta fè yon gout desann meni. 1040 00:50:52,910 --> 00:50:54,980 Petèt yon dékouvr rapid oswa kèlkeswa sa. 1041 00:50:54,980 --> 00:50:56,560 >> MIKE Rizzo: Pito n 'al devan, epi klike sa a. 1042 00:50:56,560 --> 00:50:57,820 Yon nòt rapid - 1043 00:50:57,820 --> 00:51:00,430 Lè nou konsidere ke, anvan nou te fè sou klike sou. 1044 00:51:00,430 --> 00:51:04,380 Vire soti Kore di JCorey tou te gen yon bati nan klike sou evènman Handler ke li 1045 00:51:04,380 --> 00:51:07,020 sèvi ak jis paske li figi w ap ale nan vle fè yon bann bagay sa 1046 00:51:07,020 --> 00:51:08,410 lè ou vle klike sou yon bagay. 1047 00:51:08,410 --> 00:51:09,690 >> Menm jan an tou, li tou te gen yon hover. 1048 00:51:09,690 --> 00:51:12,850 Men, yo ka resevwa sijè ki abòde lan plen nan sa yo, gade nan jQuery la 1049 00:51:12,850 --> 00:51:15,320 dokiman ak fè li. 1050 00:51:15,320 --> 00:51:18,760 Mwen te fè yon bagay estipid isit la. 1051 00:51:18,760 --> 00:51:21,490 >> TOMAS REIMERS: Se konsa, mwen gen yon vrèman rapid pwogram dwa isit la, ki di 1052 00:51:21,490 --> 00:51:22,640 bouton sou klike sou. 1053 00:51:22,640 --> 00:51:23,890 Lè sa a, nou gen yon pou bouk. 1054 00:51:23,890 --> 00:51:26,810 Pou mwen se mwens pase 404. 1055 00:51:26,810 --> 00:51:29,530 Se jis ale nan pòp moute sa yo mesaj alèt. 1056 00:51:29,530 --> 00:51:33,425 >> MIKE Rizzo: Ak sa ki te nan Kòd 404 kanpe pou nan HTML? 1057 00:51:33,425 --> 00:51:34,145 nenpòt moun ki sonje? 1058 00:51:34,145 --> 00:51:35,450 Pa jwenn, dwat. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Chrome tou te ajoute sa a pwòp bagay ki kote ou kapab - 1061 00:51:40,885 --> 00:51:43,430 >> TOMAS REIMERS: Paske moun tankou Mike te kòmanse fè sa yon anpil ak 1062 00:51:43,430 --> 00:51:47,230 itilizatè anmèdan, ki pèmèt ou wè enfòmasyon. 1063 00:51:47,230 --> 00:51:48,286 >> MIKE Rizzo: Yeah. 1064 00:51:48,286 --> 00:51:50,690 >> TOMAS REIMERS: nou gen nenpòt kesyon sou sa, sou JavaScript 1065 00:51:50,690 --> 00:51:53,420 bibliyotèk, jwenn bibliyotèk, oswa sanble sa ki devlopman entènèt 1066 00:51:53,420 --> 00:51:55,400 tankou nan mond lan reyèl? 1067 00:51:55,400 --> 00:51:56,880 Nou ap kouri moute kont tan. 1068 00:51:56,880 --> 00:52:00,400 Se konsa, mwen pa fin sèten nou pral yo gen tan aplike 1069 00:52:00,400 --> 00:52:02,290 sof si li vrèman rapid. 1070 00:52:02,290 --> 00:52:04,580 Eske nou kwè nou bon? 1071 00:52:04,580 --> 00:52:08,110 >> MIKE Rizzo: Nenpòt bagay ou nèg ta renmen yo wè vrèman rapid nan, tankou, de 1072 00:52:08,110 --> 00:52:09,556 minit oswa mwens? 1073 00:52:09,556 --> 00:52:10,870 >> TOMAS REIMERS: Nenpòt bagay nou ka klarifye? 1074 00:52:10,870 --> 00:52:12,500 Ki jan yo ekri nan - 1075 00:52:12,500 --> 00:52:13,260 >> ODYANS: [fèbl]? 1076 00:52:13,260 --> 00:52:16,070 >> MIKE Rizzo: Wi, se konsa that's - 1077 00:52:16,070 --> 00:52:18,065 >> TOMAS REIMERS: Ou ka jis frape Kontwòl-U sou sit entènèt la. 1078 00:52:18,065 --> 00:52:19,275 >> MIKE Rizzo: Oh, mwen pa t 'konnen sa. 1079 00:52:19,275 --> 00:52:22,290 >> TOMAS REIMERS: Mwen panse ke, yeah. 1080 00:52:22,290 --> 00:52:23,300 Kontwòl-U. Yeah. 1081 00:52:23,300 --> 00:52:25,970 >> MIKE Rizzo: Oh, se konsa sa a, se la Kòd pou sit entènèt la. 1082 00:52:25,970 --> 00:52:29,580 Men, si ou aktyèlman vle download nou dosye ak tout bagay, li se anime 1083 00:52:29,580 --> 00:52:32,650 sou github.com 1084 00:52:32,650 --> 00:52:34,850 >> TOMAS REIMERS: koupe non m '- 1085 00:52:34,850 --> 00:52:38,504 Tomas Reimers - koupe CS50 tirè seminè. 1086 00:52:38,504 --> 00:52:40,710 >> MIKE Rizzo: Apre sa, ou kapab jwenn tout bagay la. 1087 00:52:40,710 --> 00:52:42,310 >> TOMAS REIMERS: Sa a se sa ki GitHub sanble, nan chemen an. 1088 00:52:42,310 --> 00:52:44,910 Se konsa, ankò, lè ou wè yon sous louvri pwojè, anjeneral, yo pral gen yon Li 1089 00:52:44,910 --> 00:52:45,950 m 'gen ke ou ka li. 1090 00:52:45,950 --> 00:52:50,200 Men, si ou tounen, ou pral avi ke ou gen postal lan download, ki pral 1091 00:52:50,200 --> 00:52:52,130 pèmèt ou download sous la Kòd genyen ladan yo a 1092 00:52:52,130 --> 00:52:53,666 pwodwi nan bagay pwòp ou yo. 1093 00:52:53,666 --> 00:52:56,890 >> MIKE Rizzo: Yeah, epi si nou jis klike sou index.html yo reyèlman byen vit - 1094 00:52:56,890 --> 00:52:59,180 >> TOMAS REIMERS: Ou pral wè isit la nan la Kòd sous pou sit entènèt nou an. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> MIKE Rizzo: Epitou, mwen bliye pouse dwa anvan ak tab la gwo li 1097 00:53:06,070 --> 00:53:09,860 enkli, men gen la tou yon tab nan chmods ke nou enkli 1098 00:53:09,860 --> 00:53:13,210 jis pou klè ou. 1099 00:53:13,210 --> 00:53:16,940 Men, si nou woulo liv tout wout la desann nan la anba, nou pa t 'aktyèlman fè anpil 1100 00:53:16,940 --> 00:53:21,160 anpil ankò avè JavaScript a bagay nan tout ak sa. 1101 00:53:21,160 --> 00:53:26,610 Li nan sèlman ki soti nan tout bagay lòt bagay ki nou te genyen. 1102 00:53:26,610 --> 00:53:28,730 >> Se konsa, di ou mèsi mesye pou vini ak tande. 1103 00:53:28,730 --> 00:53:29,830 Nou espere sa a te reyèlman itil. 1104 00:53:29,830 --> 00:53:33,020 Si w gen nenpòt JavaScript ki gen rapò kesyon oswa jis vle pale sou 1105 00:53:33,020 --> 00:53:36,240 ki lòt bagay tankou sa ki lòt bagay fre ou kapab fè avèk JavaScript, nou ta renmen 1106 00:53:36,240 --> 00:53:37,186 pou pale ak ou. 1107 00:53:37,186 --> 00:53:40,010 >> TOMAS REIMERS: Si ou gen yon kesyon sou pwojè ou a oswa si sa a kapab 1108 00:53:40,010 --> 00:53:42,740 ki enpòtan, n ap pwobableman bwa ozalantou yon ti kras apre sa a. 1109 00:53:42,740 --> 00:53:44,640 Men, lòt pase sa yo, yo gen yon bon wikenn. 1110 00:53:44,640 --> 00:53:45,845 >> MIKE Rizzo: Yeah, jwi. 1111 00:53:45,845 --> 00:53:46,120 Wè ou guys. 1112 00:53:46,120 --> 00:53:47,370 >> TOMAS REIMERS: Gade ya. 1113 00:53:47,370 --> 00:53:47,926