1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> TOMAS REIMERS: Hi, kila mtu. 3 00:00:08,180 --> 00:00:09,250 Jina langu Tomas Reimers. 4 00:00:09,250 --> 00:00:10,500 >> MIKE Rizzo: Na mimi nina Mike Rizzo. 5 00:00:10,500 --> 00:00:12,990 >> TOMAS REIMERS: Sisi ni mbili ya CS50s TS. 6 00:00:12,990 --> 00:00:18,910 Na leo tuko kuongoza semina ya JavaScript na CSS kwa ajili ya programu ya mtandao. 7 00:00:18,910 --> 00:00:22,140 Kama unataka kufuata pamoja, kiungo ni haki zaidi ya hapo. 8 00:00:22,140 --> 00:00:25,190 Na unataka kuweka it up kwenye kompyuta kwa ufupi? 9 00:00:25,190 --> 00:00:27,460 >> Kuna kiungo. 10 00:00:27,460 --> 00:00:30,390 Ni tovuti ndogo, ambayo ina viungo rasilimali zote tunakwenda kuwa na 11 00:00:30,390 --> 00:00:36,490 akizungumzia leo na pia ina mengi ya habari muhimu iliyoandikwa na sisi kwa 12 00:00:36,490 --> 00:00:39,680 kusoma zaidi katika kina wakati wa kwenda nyuma, na wewe ni kujaribu kukumbuka kile 13 00:00:39,680 --> 00:00:42,166 hasa? sisi kusema, nini ulikuwa kuzungumza juu, na kadhalika. 14 00:00:42,166 --> 00:00:43,870 >> MIKE Rizzo: All wa kulia. 15 00:00:43,870 --> 00:00:44,890 Basi hebu kuanza. 16 00:00:44,890 --> 00:00:45,700 >> TOMAS REIMERS: Kwa hiyo unataka kuanza? 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 Hivyo sisi kwanza alitaka kuanza na pana maelezo ya jumla kuhusu mtandao na 20 00:00:51,730 --> 00:00:54,240 faili aina wakati kubuni tovuti. 21 00:00:54,240 --> 00:00:57,550 Wakati mada hii hatutaki kupata katika ndani ya JavaScript mengi sana 22 00:00:57,550 --> 00:01:00,320 baadaye, sisi alitaka kuanza mbali na tu, aina, kama jicho la ndege mtazamo 23 00:01:00,320 --> 00:01:03,270 ya kile tovuti na jinsi kufikiri juu ya kubuni 24 00:01:03,270 --> 00:01:04,800 tovuti kwa ajili ya kuanza. 25 00:01:04,800 --> 00:01:08,370 >> Hivyo guys, katika hatua hii - na ni kuwa Ijumaa usiku - wanapaswa kuwa na 26 00:01:08,370 --> 00:01:11,000 in CS50 fedha yako tatizo seti. 27 00:01:11,000 --> 00:01:15,260 Hopefully, kwamba alikuwa ladha nzuri ya nini programu ya mtandao wanaweza kuwa. 28 00:01:15,260 --> 00:01:18,261 Lakini hapa tunataka, aina ya, kutoa mwingine ladha, kama vile. 29 00:01:18,261 --> 00:01:23,190 >> TOMAS REIMERS: Hivyo tu kwa kurejea nini hutokea, wakati aina katika URL yako 30 00:01:23,190 --> 00:01:26,650 web browser yako, kwamba URL anapata inaonekana up katika kompyuta. 31 00:01:26,650 --> 00:01:28,590 Na kompyuta yako kushikamana na kompyuta nyingine, 32 00:01:28,590 --> 00:01:29,890 ambayo majeshi tovuti hiyo. 33 00:01:29,890 --> 00:01:33,150 OK, hivyo wakati wewe kwenda google.com, wewe ni kushikamana na moja ya Google 34 00:01:33,150 --> 00:01:36,496 kompyuta, ambayo ina files kwa google.com. 35 00:01:36,496 --> 00:01:38,750 >> Ni kisha anauliza kwa ajili ya faili maalum. 36 00:01:38,750 --> 00:01:40,020 Hivyo kama wewe kwenda - 37 00:01:40,020 --> 00:01:41,550 Sijui - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html au / test.html, wewe kwenda kuomba kwa ajili ya 39 00:01:48,170 --> 00:01:49,340 kwamba faili maalum. 40 00:01:49,340 --> 00:01:52,780 Na mtandao wa kompyuta ya kwenda kurudi na wewe. 41 00:01:52,780 --> 00:01:54,910 >> Basi, mara moja kwenda kwa njia ya faili kwamba - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 mara moja uko kompyuta anapata kwamba file - ni kwenda kuanza 44 00:01:59,950 --> 00:02:00,820 kujenga mtandao. 45 00:02:00,820 --> 00:02:03,020 Hivyo sasa ina HTML file, ambayo ni aina ya kama 46 00:02:03,020 --> 00:02:05,170 muundo wa ukurasa wa mtandao. 47 00:02:05,170 --> 00:02:08,620 File HTML pia inaweza kumbukumbu Files CSS, ambayo kufafanua 48 00:02:08,620 --> 00:02:09,889 mtindo wa ukurasa wa mtandao. 49 00:02:09,889 --> 00:02:12,970 >> JavaScript files, ambayo amefafanua mwingiliano na ukurasa wa mtandao. 50 00:02:12,970 --> 00:02:15,200 Files Image, ambayo ni picha tu. 51 00:02:15,200 --> 00:02:19,450 Na uwezekano wa zilizounganishwa na faili nyingine HTML, ambayo unaweza kisha kutembelea. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> MIKE Rizzo: OK, kubwa. 54 00:02:24,380 --> 00:02:28,980 Hivyo guys na wote, pengine, painstakingly kuanzisha jeshi lako 55 00:02:28,980 --> 00:02:30,810 kwenye mashine yako virtual. 56 00:02:30,810 --> 00:02:35,650 Na tu kwamba, aina, ni za uwanja kwamba kompyuta yako majeshi tu 57 00:02:35,650 --> 00:02:38,760 kwa ajili yenu kwa anwani yako mwenyewe IP. 58 00:02:38,760 --> 00:02:43,300 >> Hivyo ndani ya kwamba, basi unaweza kuongeza kwa ni mtandao yako mwenyewe kurasa. 59 00:02:43,300 --> 00:02:47,655 I mean, katika CS50 Fedha, unapaswa kuwa na Aliongeza baadhi ya kurasa HTML, ambayo ni, 60 00:02:47,655 --> 00:02:49,410 aina ya, amefungwa katika kanga PHP. 61 00:02:49,410 --> 00:02:54,690 Lakini hatimaye, nini yako PHP kurasa walikuwa outputting mara HTML. 62 00:02:54,690 --> 00:02:58,210 >> Lakini kufikiri nyuma ya mwanzo sana ya pset, tulikuwa na kuweka 63 00:02:58,210 --> 00:03:00,890 ruhusa kwa kila kitu, sawa? 64 00:03:00,890 --> 00:03:07,270 Hivyo hii tu kimsingi hutujulisha ambao wanaweza kusoma, kuandika, na uwezekano wa 65 00:03:07,270 --> 00:03:08,730 kutoa kila ya files. 66 00:03:08,730 --> 00:03:11,870 Hivyo sisi ni kwenda kufanya haraka - hm? 67 00:03:11,870 --> 00:03:15,660 >> TOMAS REIMERS: Hivyo sisi ni kwenda kufanya demo haraka. 68 00:03:15,660 --> 00:03:19,560 Hivyo tu kuwakumbusha, wakati kuunganisha kwa kompyuta Google - 69 00:03:19,560 --> 00:03:20,690 yeyote - 70 00:03:20,690 --> 00:03:24,060 na kuuliza kwa ajili ya faili, kompyuta ya kwanza Inahitaji kuhakikisha kuwa wewe ni mamlaka ya 71 00:03:24,060 --> 00:03:28,790 kwa kweli kuona faili hilo au kusoma kwamba faili kwa sababu huwezi kuuliza 72 00:03:28,790 --> 00:03:30,430 kwa ajili ya faili yoyote kwenye kompyuta kwamba, haki? 73 00:03:30,430 --> 00:03:32,260 Hiyo kuwa na athari usalama. 74 00:03:32,260 --> 00:03:37,020 >> Hivyo files juu ya mifumo ya sisi kutumia, kama hii appliance CS50, na tatu 75 00:03:37,020 --> 00:03:39,200 watu kwa ujumla ambao wanaweza kuwa na ruhusa ya kitu fulani. 76 00:03:39,200 --> 00:03:41,610 kwanza ni halisi mmiliki wa alisema file. 77 00:03:41,610 --> 00:03:43,820 pili ni kikundi file mali ya. 78 00:03:43,820 --> 00:03:46,090 Sisi siyo kwenda kwa kuzingatia sana juu ya hilo. 79 00:03:46,090 --> 00:03:50,010 Na jambo la mwisho ni, aina ya, kama dunia au kama mtu mwingine ambaye ni 80 00:03:50,010 --> 00:03:54,130 siyo maalum kwa file kuwa na haina haki yoyote ya umiliki juu yake. 81 00:03:54,130 --> 00:04:05,650 >> Hivyo kama sisi na mmiliki, kundi, na kisha dunia. 82 00:04:05,650 --> 00:04:10,510 Na kisha, kwa kila makundi haya, wewe unaweza kuwa na moja ya ruhusa tatu, 83 00:04:10,510 --> 00:04:13,010 OK, au nyingi wao. 84 00:04:13,010 --> 00:04:15,070 Unaweza kuwa na ruhusa ya kusoma. 85 00:04:15,070 --> 00:04:16,560 Unaweza kuwa na ruhusa ya haki. 86 00:04:16,560 --> 00:04:18,880 Na unaweza kuwa na kutekeleza ruhusa. 87 00:04:18,880 --> 00:04:22,060 >> Hivyo katika suala la aina halisi file, kusoma ruhusa ni kama kweli ya kusoma 88 00:04:22,060 --> 00:04:23,250 yaliyomo ya faili. 89 00:04:23,250 --> 00:04:24,730 ruhusa kulia ni kuandika na akasema file. 90 00:04:24,730 --> 00:04:28,370 ruhusa kutekeleza ni mbio faili kama unaweza kufanya wakati wewe kukimbia moja ya 91 00:04:28,370 --> 00:04:29,620 CS50 miradi yako. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Hivyo wakati sisi ni kufikiri kuhusu files kama wakati tunatakiwa kusoma HTML 94 00:04:38,820 --> 00:04:41,790 file, kwamba mahitaji ya kuwa dunia someka, sawa? 95 00:04:41,790 --> 00:04:44,420 Takribani, pia mmiliki anataka kuwa na uwezo wa hariri faili hilo. 96 00:04:44,420 --> 00:04:46,610 Hivyo mmiliki kwenda haja kusoma na kuandika ruhusa. 97 00:04:46,610 --> 00:04:48,710 Wao si kweli haja nitafanya. 98 00:04:48,710 --> 00:04:50,950 >> Group, tunakwenda kutibu sawa na dunia kwa sasa. 99 00:04:50,950 --> 00:04:54,610 Hivyo wanahitaji ruhusa kusoma. 100 00:04:54,610 --> 00:04:57,310 Lakini hawana haja ya kuandika au kutekeleza ruhusa. 101 00:04:57,310 --> 00:05:01,920 Na sasa, kama sisi kufikiri nyuma wa zamani Psets, je, sisi kutambua ni aina hizi 102 00:05:01,920 --> 00:05:03,360 ya kuangalia kama binary, sawa? 103 00:05:03,360 --> 00:05:04,210 1 anasimama kwa ndiyo. 104 00:05:04,210 --> 00:05:05,040 0 kwa no. 105 00:05:05,040 --> 00:05:06,870 Na tunaweza kweli kutafsiri hii mapacha. 106 00:05:06,870 --> 00:05:10,478 >> Hivyo 110 katika binary itakuwa 6. 107 00:05:10,478 --> 00:05:13,270 100 itakuwa 4. 108 00:05:13,270 --> 00:05:14,690 Same pamoja na ulimwengu. 109 00:05:14,690 --> 00:05:20,846 Hivyo idadi ungependa kupata kwa ruhusa kwa ajili ya hii itakuwa 644. 110 00:05:20,846 --> 00:05:24,400 >> MIKE Rizzo: Na kama unadhani nyuma wakati chmoded kitu, naamini 111 00:05:24,400 --> 00:05:28,980 walitoa katika kuweka tatizo mfano wa ambapo unaweza kufanya 112 00:05:28,980 --> 00:05:36,470 kitu kama chmod 644 na kisha faili jina. 113 00:05:36,470 --> 00:05:39,980 644 basi, sasa unaweza kuona moja kwa moja ambapo kwamba inakuja kutoka. 114 00:05:39,980 --> 00:05:42,840 Hivyo hopefully kwamba inafanya kwamba kidogo zaidi ya wazi. 115 00:05:42,840 --> 00:05:45,600 >> Na kisha kwa uwazi ninyi guy ya - 116 00:05:45,600 --> 00:05:48,200 oh yeah, hapa hii ni mara ya pili. 117 00:05:48,200 --> 00:05:53,260 Hivyo 600 kisha ingekuwa tu kuwa mfano sisi akatoa hapa ambapo mmiliki ana 118 00:05:53,260 --> 00:05:56,360 kusoma na ruhusa haki wakati kundi na dunia hawana ruhusa yoyote 119 00:05:56,360 --> 00:05:58,145 kupata file. 120 00:05:58,145 --> 00:06:01,500 >> TOMAS REIMERS: Na kisha tuna haraka orodha ya ruhusa ya kawaida. 121 00:06:01,500 --> 00:06:05,250 Hivyo directories, unataka kwa kweli chmod 711. 122 00:06:05,250 --> 00:06:08,930 Haraka kando - kwa directory kuwa na ruhusa kutekelezwa maana ya kuwa na uwezo 123 00:06:08,930 --> 00:06:11,680 kufungua directory. 124 00:06:11,680 --> 00:06:15,280 Picha, CSS, JavaScript, mahitaji HTML 644 kwa sababu, kimsingi, dunia 125 00:06:15,280 --> 00:06:16,400 mahitaji kusoma ruhusa. 126 00:06:16,400 --> 00:06:20,960 >> Na PHP, ambayo guys tumeona ingawa sisi si kuzungumza kuhusu suala hilo 127 00:06:20,960 --> 00:06:24,880 madhubuti ni kawaida chmoded na ruhusa 600 kwa sababu ni kukimbia na 128 00:06:24,880 --> 00:06:26,540 ruhusa ya mmiliki. 129 00:06:26,540 --> 00:06:27,790 Angalau kwa appliance. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> MIKE Rizzo: Hivyo kama wewe kufanya si hasa bayana nini aina ya faili 132 00:06:36,870 --> 00:06:39,480 unataka katika kweli kuweka up mada hii - 133 00:06:39,480 --> 00:06:43,490 tulikuwa na tatizo na hii kwa sababu kila kitu si chmoded kwa usahihi - 134 00:06:43,490 --> 00:06:47,550 wewe ni kwenda kupata, aina, a makosa haramu kwamba tovuti 135 00:06:47,550 --> 00:06:49,700 Je, si kweli na ruhusa kupata file chochote 136 00:06:49,700 --> 00:06:51,370 unataka kupata. 137 00:06:51,370 --> 00:06:54,780 Na bila shaka, kwamba inaweza fasta - kama katika kuweka tatizo - kwa kubadilisha 138 00:06:54,780 --> 00:06:56,405 ruhusa ipasavyo. 139 00:06:56,405 --> 00:06:59,620 >> TOMAS REIMERS: Na maoni mwisho kwa maendeleo ya haraka ndani ni - sisi 140 00:06:59,620 --> 00:07:02,000 kuletwa hii juu, lakini sisi nilitaka kuleta it up tena - 141 00:07:02,000 --> 00:07:06,230 kama wewe kuuliza kwa server - jeshi hivyo serikali za mitaa, kwa mfano, com au chochote. - 142 00:07:06,230 --> 00:07:09,170 na huna bayana faili maalum, file kwamba kompyuta yako ni kwenda 143 00:07:09,170 --> 00:07:11,540 kuuliza kwa inaitwa index.html. 144 00:07:11,540 --> 00:07:12,790 Au kama hiyo haipo, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Baridi. 147 00:07:16,350 --> 00:07:19,560 Ili tu kurejea wa kila kitu, hopefully, kwamba tumekuwa kufunikwa katika 148 00:07:19,560 --> 00:07:22,800 sehemu, na hotuba, na hivyo mbali katika CS50. 149 00:07:22,800 --> 00:07:26,110 Na sasa tunakwenda kuanza kuzungumza kuhusu hasa maktaba. 150 00:07:26,110 --> 00:07:30,270 JavaScript na CSS maktaba kwa ajili ya programu ya mtandao. 151 00:07:30,270 --> 00:07:36,350 >> Hivyo sababu moja ya haraka kwa nini tuna maktaba ni programu - 152 00:07:36,350 --> 00:07:39,000 kuna matatizo mengi katika programu, ambayo kushika popping up 153 00:07:39,000 --> 00:07:40,570 tena na tena, na tena. 154 00:07:40,570 --> 00:07:43,870 Unaweza taarifa kwamba mengi ya Nje haja uwezo wa kuwa na kushuka chini 155 00:07:43,870 --> 00:07:49,100 menus, kwa mfano, au haja uwezo kuwa na kifungo kiwango sana 156 00:07:49,100 --> 00:07:51,400 style, ambayo inaweza kuwa rahisi kitu. 157 00:07:51,400 --> 00:07:54,670 Sasa kwa kuwa wewe kuanza kupata ndani ya HTML, wewe kutambua kwamba vifungo unaweza kweli 158 00:07:54,670 --> 00:07:57,720 kuangalia kweli ugly kama wewe si kufanya kitu chochote. 159 00:07:57,720 --> 00:08:00,830 >> Hivyo mengi ya watu wameandika aitwaye maktaba. 160 00:08:00,830 --> 00:08:02,990 Na katika hali hii, wao ni pia hujulikana mifumo hiyo. 161 00:08:02,990 --> 00:08:04,790 Sisi ni kwenda kutumia mbili kubadilishana. 162 00:08:04,790 --> 00:08:07,360 Na nini ni ni wao ni kimsingi vipande premade ya maadili ya - 163 00:08:07,360 --> 00:08:09,130 ama CSS au JavaScript - 164 00:08:09,130 --> 00:08:13,240 kuchukua mbali mengi ya timu ya una katika coding. 165 00:08:13,240 --> 00:08:17,290 >> Basi kabla ya kufafanua kundi la madarasa au kabla ya kufafanua kundi la kazi kwa ajili ya 166 00:08:17,290 --> 00:08:20,110 Kesi JavaScript, ambayo unaweza kupiga baadaye. 167 00:08:20,110 --> 00:08:22,690 Na kisha unaweza, aina ya, kupata upatikanaji wa kanuni hii bila 168 00:08:22,690 --> 00:08:23,710 baada ya kufanya kitu chochote. 169 00:08:23,710 --> 00:08:27,750 mfano wa maktaba mara CS50.H. Hiyo ilikuwa maktaba sisi alimpa nyuma 170 00:08:27,750 --> 00:08:32,090 katika wiki moja, ambayo kuruhusiwa kufanya mambo kama hayo GetInt na GetString 171 00:08:32,090 --> 00:08:35,237 bila ya kuwa na kuandika code yoyote mwenyewe. 172 00:08:35,237 --> 00:08:36,179 >> MIKE Rizzo: All wa kulia. 173 00:08:36,179 --> 00:08:40,299 Hivyo hapa, kama sisi alikuwa ni pamoja na katika c yetu files mbalimbali 174 00:08:40,299 --> 00:08:46,570 maktaba, sisi pia ni pamoja na katika HTML yetu files maktaba mbalimbali. 175 00:08:46,570 --> 00:08:50,310 Kwa mfano, kama sisi alitaka ni pamoja na maalum JavaScript maktaba hapa, 176 00:08:50,310 --> 00:08:52,850 labda, moja kwamba tumekuwa imeandikwa wenyewe kama ni ndani ya nchi mwenyeji 177 00:08:52,850 --> 00:08:56,000 aitwaye script.js, sisi tu kutumia nukuu hii. 178 00:08:56,000 --> 00:08:59,500 >> Hivyo tuna usawa aina script JavaScript chanzo usawa 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 Na kama unadhani nyuma CS50 yako tatizo fedha kuweka, kama wewe inaonekana katika 181 00:09:05,190 --> 00:09:09,190 header.php katika templates folder, unapaswa kuwa kuonekana 182 00:09:09,190 --> 00:09:10,970 baadhi ya haya pamoja. 183 00:09:10,970 --> 00:09:13,250 Hivyo hii moja kwanza - scripts - 184 00:09:13,250 --> 00:09:16,080 ni ikiwa ni pamoja na maktaba JavaScript. 185 00:09:16,080 --> 00:09:18,760 Ikiwa ni pamoja na maktaba CSS ni kidogo tofauti. 186 00:09:18,760 --> 00:09:21,430 >> Hapa, badala ya script TAG unahitaji tag kiungo. 187 00:09:21,430 --> 00:09:27,110 Na kisha, aina Nakala CSS ni tofauti kidogo. 188 00:09:27,110 --> 00:09:29,270 Huwezi daima kuwa ni pamoja na rel style karatasi. 189 00:09:29,270 --> 00:09:30,970 Lakini nadhani ni, kwa ujumla, mazoezi mazuri. 190 00:09:30,970 --> 00:09:35,810 >> Na kisha hatimaye, href, ambayo pengine aliona katika ATAGs yako kwa ajili ya kuunganisha 191 00:09:35,810 --> 00:09:39,440 katika viungo mbalimbali bayana tu kiungo wa wapi kupata hiyo. 192 00:09:39,440 --> 00:09:42,250 Kwa mfano, kama sisi alitaka kuunganisha maktaba mbalimbali - hebu sema tu - 193 00:09:42,250 --> 00:09:49,330 kwamba aliishi katika styles.css. 194 00:09:49,330 --> 00:09:54,030 Na sisi alitaka kuunganisha kwamba katika hiyo mwenyeji kwenye mtandao, tunataka nakala ya kwamba. 195 00:09:54,030 --> 00:09:58,834 Na kisha kuuweka ndani chochote tuna haki ya hapa badala yake. 196 00:09:58,834 --> 00:10:01,340 >> TOMAS REIMERS: OK, hopefully guys ni tayari ukoo 197 00:10:01,340 --> 00:10:02,410 na jinsi ya kuhusisha CSS. 198 00:10:02,410 --> 00:10:04,000 Alikuwa na kufanya hivyo juu ya mwisho brown kuweka yako. 199 00:10:04,000 --> 00:10:07,110 JavaScript, baadhi yenu labda na baadhi ya uzoefu na. 200 00:10:07,110 --> 00:10:07,980 Baadhi ya unaweza. 201 00:10:07,980 --> 00:10:12,190 >> Hivyo kwa sasa, tunajua kwamba JavaScript file ni mengi sana kama CSS faili katika 202 00:10:12,190 --> 00:10:15,640 maana kwamba unaweza zilizounganishwa na au kwamba unaweza ni pamoja na hiyo ndani. 203 00:10:15,640 --> 00:10:17,360 Na utapata mambo script. 204 00:10:17,360 --> 00:10:21,820 Na tunakwenda kutembea wewe kupitia kidogo ya JavaScript baadaye. 205 00:10:21,820 --> 00:10:23,560 >> Hivyo kwa kutumia maktaba - 206 00:10:23,560 --> 00:10:26,150 mara moja umefanya pamoja na hayo, ni kama rahisi kama literally wito 207 00:10:26,150 --> 00:10:29,640 kazi au kuongeza majina darasa hilo. 208 00:10:29,640 --> 00:10:32,220 Jambo la mwisho tunataka kuzungumza kuhusu katika suala la maktaba - 209 00:10:32,220 --> 00:10:34,180 na hii ni zaidi ya note kiufundi - 210 00:10:34,180 --> 00:10:35,860 ni leseni wazi chanzo. 211 00:10:35,860 --> 00:10:41,550 Hivyo wakati wewe kupata maktaba hizi halisi, unaweza kuwa na mawazo ya 212 00:10:41,550 --> 00:10:47,630 maswali kama ni OK kwamba mimi nina tu kutumia code ya mtu mwingine, hasa 213 00:10:47,630 --> 00:10:51,970 kwa sababu hiyo ni kitu sisi sana aliiambia wewe si kufanya katika kozi hii. 214 00:10:51,970 --> 00:10:55,790 >> Hivyo katika kesi ya wazi chanzo leseni, mengi ya watengenezaji - 215 00:10:55,790 --> 00:10:57,540 mara moja wameweza imeandikwa maktaba, ambayo wanafikiri inaweza kuwa 216 00:10:57,540 --> 00:10:59,450 manufaa kwa watu wengine - 217 00:10:59,450 --> 00:11:02,420 kutangaza habari hiyo kwa mtandao na kuwapa leseni. 218 00:11:02,420 --> 00:11:06,620 Na leseni kimsingi anasema mimi hili kutoa ruhusa kwa wengine 219 00:11:06,620 --> 00:11:11,250 watu kwa kutumia kipande hii ya programu na aina zifuatazo za 220 00:11:11,250 --> 00:11:13,230 masharti. 221 00:11:13,230 --> 00:11:16,100 >> Tumekuwa pamoja na kiungo kwa tovuti nzuri kwa kukusaidia kuelewa leseni katika 222 00:11:16,100 --> 00:11:17,720 kesi kukimbia ndani yao. 223 00:11:17,720 --> 00:11:21,680 Masharti ya kawaida ni mambo kama wewe ni kuwakaribisha kwa kutumia maktaba yangu ili 224 00:11:21,680 --> 00:11:23,000 muda mrefu kama wewe nipe mikopo. 225 00:11:23,000 --> 00:11:25,670 Wewe ni kuwakaribisha kwa kutumia maktaba yangu muda mrefu kama wakati wa mapumziko 226 00:11:25,670 --> 00:11:26,790 huna lawama mimi. 227 00:11:26,790 --> 00:11:30,310 Wewe ni kuwakaribisha kwa kutumia maktaba yangu kwa muda mrefu kama huna kuitumia pesa 228 00:11:30,310 --> 00:11:31,910 mwenyewe. 229 00:11:31,910 --> 00:11:34,130 Hizi ni aina ya kawaida masharti. 230 00:11:34,130 --> 00:11:37,780 >> Kwa CS50 ya mwisho ya mradi huu, wao haipaswi kuwa super husika kwa sababu 231 00:11:37,780 --> 00:11:41,440 miradi ambayo nyie kutumia ni pengine badala yake, aina ya, kujulikana. 232 00:11:41,440 --> 00:11:44,170 Lakini wakati wewe kweli kwenda kwenye dunia na kuanza kutumia maktaba, ambayo 233 00:11:44,170 --> 00:11:48,100 au anaweza kuwa kama vizuri kutekelezwa kama baadhi ya wale maarufu zaidi tuko 234 00:11:48,100 --> 00:11:49,780 kwenda kwenda kupitia. 235 00:11:49,780 --> 00:11:53,310 Ni vizuri kuwa na uwezo wa kuelewa leseni hizi na kwa 236 00:11:53,310 --> 00:11:54,560 kuelewa nini maana yake. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 Na kwenda nyuma. 239 00:11:58,586 --> 00:12:00,960 >> MIKE Rizzo: OK. 240 00:12:00,960 --> 00:12:04,850 Hivyo sasa kuingia kwenye mifano ya CSS halisi. 241 00:12:04,850 --> 00:12:07,770 Katika hatua hii hadi sasa, huenda si kuwa wamekutana hii. 242 00:12:07,770 --> 00:12:10,300 Lakini unaweza kuwa wamekutana katika maisha yako ya kila siku ambapo kitu 243 00:12:10,300 --> 00:12:13,160 kwamba inaonekana njia moja kwenye browser moja wanaweza kuangalia huo 244 00:12:13,160 --> 00:12:14,880 njia katika browser mwingine. 245 00:12:14,880 --> 00:12:17,400 >> Hii inaitwa kisakuzi ya browser utangamano. 246 00:12:17,400 --> 00:12:20,780 Na inazidi ni kuwa zaidi na zaidi ya tatizo, hasa kama 247 00:12:20,780 --> 00:12:25,260 browsers kuchukua uhuru zaidi na zaidi kutekeleza mambo kama wanataka. 248 00:12:25,260 --> 00:12:28,440 Hivyo kuondokana na kwamba, kuna kweli ni maktaba kubwa aitwaye Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> TOMAS REIMERS: Sisi ni pamoja na kiungo. 251 00:12:33,770 --> 00:12:36,210 Katika hatua hii, ni vema kama una Laptop yako katika huko 252 00:12:36,210 --> 00:12:38,740 kuangalia katika tovuti. 253 00:12:38,740 --> 00:12:42,580 Na sisi ni kutoa hii kwa haki yenu sasa kwa sababu tu CS50 ya mwisho 254 00:12:42,580 --> 00:12:44,370 mradi ni kweli kwenda kuuliza wewe kutekeleza 255 00:12:44,370 --> 00:12:45,860 vile vile na kwa njia ya browsers. 256 00:12:45,860 --> 00:12:49,250 >> Hivyo tu kuweka katika nyuma ya yako kichwa, hii ni maktaba ya ajabu 257 00:12:49,250 --> 00:12:51,170 kwa sababu itakuwa, aina ya, sanifisha mambo. 258 00:12:51,170 --> 00:12:54,230 Katika Firefox, kitu inaweza kuonyesha kama pixel moja upande wa kushoto. 259 00:12:54,230 --> 00:12:58,390 Na kisha Chrome anaweza kuamua kwamba kweli nini maana mara 10 saizi 260 00:12:58,390 --> 00:12:59,380 upande wa kushoto. 261 00:12:59,380 --> 00:13:01,030 Na unataka sanifisha hii. 262 00:13:01,030 --> 00:13:05,360 Kurejesha kwa kweli kufanya mzuri kazi ya kuhakikisha kwamba tovuti yako 263 00:13:05,360 --> 00:13:08,070 inaonekana sawa katika browsers. 264 00:13:08,070 --> 00:13:10,660 >> MIKE Rizzo: Hivyo kama sisi alitaka tu bonyeza kiungo kweli haraka na show 265 00:13:10,660 --> 00:13:13,140 nini kwamba inaonekana kama, unaweza unaweza kushusha ni kwa kutumia 266 00:13:13,140 --> 00:13:14,670 Download kifungo kubwa. 267 00:13:14,670 --> 00:13:18,520 Au ni mimi usome zaidi kuhusu hilo kwa kubonyeza kiungo hiki katika chini 268 00:13:18,520 --> 00:13:19,310 mkono wa kulia kona. 269 00:13:19,310 --> 00:13:22,420 >> TOMAS REIMERS: Na kama kweli bonyeza Read More haki pale - 270 00:13:22,420 --> 00:13:24,340 bonyeza chanzo juu ya GitHub - 271 00:13:24,340 --> 00:13:31,720 itabidi kweli kuona wazi chanzo leseni juu ya LICENSE.md haki pale. 272 00:13:31,720 --> 00:13:35,740 Na utaona hapa ni maarufu sana MIT leseni. 273 00:13:35,740 --> 00:13:38,940 Tena, kama kusoma kwa njia ya maandishi, wewe utakuwa na uwezo wa kupata kwenye tovuti 274 00:13:38,940 --> 00:13:42,550 sisi inatazamwa kabla na kuwa na uwezo wa kuelewa bila ya kuwa na kusoma 275 00:13:42,550 --> 00:13:45,920 kupitia maneno magumu ya kisheria. 276 00:13:45,920 --> 00:13:46,850 >> MIKE Rizzo: OK, kubwa. 277 00:13:46,850 --> 00:13:47,940 Hivyo kwamba ni kurejesha. 278 00:13:47,940 --> 00:13:49,190 Sisi alitaka kutoa kwamba kweli haraka. 279 00:13:49,190 --> 00:13:50,030 Oh, je, una swali? 280 00:13:50,030 --> 00:13:53,013 >> Watazamaji: Hivyo wakati wewe kushusha yake, tu kufuata kanuni hizo kwamba wana 281 00:13:53,013 --> 00:13:54,098 chini ya Download button? 282 00:13:54,098 --> 00:13:55,860 >> TOMAS REIMERS: Ndiyo, hivyo wakati kushusha - 283 00:13:55,860 --> 00:13:58,130 >> MIKE Rizzo: Oh, hiyo ni hatua kubwa. 284 00:13:58,130 --> 00:14:00,700 Hivyo, swali ni jinsi gani sisi kweli kushusha ni? 285 00:14:00,700 --> 00:14:03,260 Hivyo kama sisi bonyeza kiungo, tunaona kwamba ni kweli pops up 286 00:14:03,260 --> 00:14:05,030 katika kanuni chanzo. 287 00:14:05,030 --> 00:14:08,550 Hivyo kufanya hivyo, nini tunaweza kufanya ni bonyeza tu Save As. 288 00:14:08,550 --> 00:14:10,830 Save As na kwamba lazima kuleta file. 289 00:14:10,830 --> 00:14:14,160 Na kisha tunaweza kuchagua ila kama normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 Na kisha wewe d na kuhusisha katika - 291 00:14:15,810 --> 00:14:18,660 >> TOMAS REIMERS: njia hiyo hiyo kiungo katika faili nyingine yoyote. 292 00:14:18,660 --> 00:14:22,250 Na mara moja kuhusisha katika, nini kubwa kuhusu kurejesha ni kweli itakuwa 293 00:14:22,250 --> 00:14:25,920 utunzaji wa wote ngumu kazi kwa yenyewe. 294 00:14:25,920 --> 00:14:27,730 Kwa maana ya kuwa huna kuongeza madarasa yoyote. 295 00:14:27,730 --> 00:14:29,690 >> Huna kufanya kitu chochote weird. 296 00:14:29,690 --> 00:14:34,590 Itakuwa kurejesha bila wewe kufanya kitu chochote zaidi. 297 00:14:34,590 --> 00:14:36,083 Ndiyo, una pamoja na hiyo. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome si kujibu. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Tu haraka kando - 302 00:14:44,860 --> 00:14:46,800 Mimi niliona sisi akaruka ndani ya hii. 303 00:14:46,800 --> 00:14:49,010 wengine wa mada hii ni kwenda kuwa maelezo ya haraka. 304 00:14:49,010 --> 00:14:50,380 utafiti wa maktaba. 305 00:14:50,380 --> 00:14:52,710 >> Kimsingi, ni mambo gani. 306 00:14:52,710 --> 00:14:53,350 Nini kufanya. 307 00:14:53,350 --> 00:14:54,060 Jinsi wao ni muhimu. 308 00:14:54,060 --> 00:14:56,540 Jinsi unavyoweza kutekeleza yao. 309 00:14:56,540 --> 00:14:59,730 Kama unataka kuanza kuangalia yao, kufuatia pamoja, na kusoma kwa njia ya 310 00:14:59,730 --> 00:15:01,990 yao, napenda sana kuhamasisha hiyo. 311 00:15:01,990 --> 00:15:07,620 >> Vinginevyo, mwakaribishwa pia kwa kuanza kushusha yao na ikiwa ni pamoja na 312 00:15:07,620 --> 00:15:11,400 yao mbele ya macho tu na kuona nini wao kuangalia kama au wanafanya nini kama una 313 00:15:11,400 --> 00:15:12,270 Laptop yako mbele yenu. 314 00:15:12,270 --> 00:15:14,650 Kama siyo, wewe ni kuwakaribisha kwa kuweka kutusikiliza kuzungumza. 315 00:15:14,650 --> 00:15:15,500 Tunakwenda kuendelea kuongea. 316 00:15:15,500 --> 00:15:18,680 Na tuna muda mfupi mwishoni, hopefully tutaweza kweli kupata katika kuonyesha 317 00:15:18,680 --> 00:15:20,946 nini baadhi ya maktaba hizi kuangalia kama. 318 00:15:20,946 --> 00:15:22,320 >> MIKE Rizzo: Cool. 319 00:15:22,320 --> 00:15:25,466 Haki ya wote, hivyo sasa hebu majadiliano kuhusu herufi Ajabu. 320 00:15:25,466 --> 00:15:30,480 >> TOMAS REIMERS: hivyo herufi ajabu ni tovuti nadhifu kweli, hasa kwa wale 321 00:15:30,480 --> 00:15:32,450 wetu ambao ni chini ya kisanii wenye vipaji. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Kupuuza jina herufi Ajabu, anatoa rundo la icons, ambayo ni 324 00:15:38,880 --> 00:15:41,050 muhimu sana. 325 00:15:41,050 --> 00:15:45,950 Hivyo mara nyingi utasikia kutekeleza icon unaweza kama x nzuri hivyo 326 00:15:45,950 --> 00:15:47,170 kwamba unaweza karibu kitu. 327 00:15:47,170 --> 00:15:49,910 >> Au unaweza wanataka baadhi ya aina ya Edit button na kalamu kuchora kama 328 00:15:49,910 --> 00:15:50,940 kila mtu mwingine ana. 329 00:15:50,940 --> 00:15:53,850 Na kwamba wakati wewe kujifunza kuwa kuchora icons wale inaweza kuwa 330 00:15:53,850 --> 00:15:55,510 tedious sana na magumu. 331 00:15:55,510 --> 00:15:59,160 Font Awesome - kama kweli kwenda kwenye tovuti - 332 00:15:59,160 --> 00:16:02,892 inakupa mengi ya icons chini ya icons juu. 333 00:16:02,892 --> 00:16:06,980 Yeah, tu juu. 334 00:16:06,980 --> 00:16:09,030 Ni nitakupa mengi ya icons kwa ajili ya bure. 335 00:16:09,030 --> 00:16:15,210 >> Hivyo hapa unaweza kuona tuna mambo kama kinyota, baa, bolt umeme, 336 00:16:15,210 --> 00:16:19,750 kalenda, mdudu, kitabu, na kadhalika. 337 00:16:19,750 --> 00:16:21,110 Hii inaweza kuwa muhimu sana. 338 00:16:21,110 --> 00:16:24,290 njia ni pamoja na hii ni ni pamoja na literally CSS faili. 339 00:16:24,290 --> 00:16:29,760 Na baada ya umefanya ni pamoja na CSS faili, nini unaweza kufanya ni kujenga 340 00:16:29,760 --> 00:16:33,430 tag aitwaye I. Ni satands kwa picha na darasa FA 341 00:16:33,430 --> 00:16:34,460 kusimama kwa herufi Ajabu. 342 00:16:34,460 --> 00:16:36,330 Na kisha, chochote darasa unataka. 343 00:16:36,330 --> 00:16:41,220 >> Basi, ikiwa mimi alitaka icon ya pamoja hii mraba hapa, napenda kutoa 344 00:16:41,220 --> 00:16:43,290 ni FA darasa. 345 00:16:43,290 --> 00:16:46,230 Na kisha FA hyphen pamoja na hyphen mraba. 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: Na kisha, CSS mwisho maktaba tunataka kupata njia sisi ni 349 00:16:56,980 --> 00:16:59,950 kujaribu kushika ni ndogo juu ya CSS maktaba kwa sababu hatuna kutambua 350 00:16:59,950 --> 00:17:03,660 jina la mada hii ni JavaScript Maktaba. 351 00:17:03,660 --> 00:17:07,089 Lakini tulidhani kuwa inaweza pia kuanzisha wewe maktaba nyingine 352 00:17:07,089 --> 00:17:09,569 wakati sisi walikuwa wanazungumza juu ya maktaba. 353 00:17:09,569 --> 00:17:11,400 >> Ni Google Fonts mtandao. 354 00:17:11,400 --> 00:17:17,040 Na nini Google Fonts Web utapata kufanya ni kuongeza fonts na tovuti yako, 355 00:17:17,040 --> 00:17:22,079 ambayo ni njia ya kweli rahisi kufanya hivyo pretty na kutofautisha kuweka yako 356 00:17:22,079 --> 00:17:24,460 kutoka kwa kila mtu mwingine ni kama ana font nzuri au kama ana nzuri 357 00:17:24,460 --> 00:17:27,790 ukusanyaji wa fonts. 358 00:17:27,790 --> 00:17:31,410 Google Fonts Mtandao ni nzuri tofauti na wengine maktaba kwa maana ya kwamba ni 359 00:17:31,410 --> 00:17:33,490 kweli kuongozwa ufungaji. 360 00:17:33,490 --> 00:17:38,680 >> Hivyo kama wewe kufuata kiungo, ni google.com / fonts, naamini. 361 00:17:38,680 --> 00:17:41,100 Kama wewe kufuata kwamba, wanaweza kuchukua font yako. 362 00:17:41,100 --> 00:17:44,410 Unaweza kuchagua upande wa kushoto kutoka unene, mshazari, nakadhalika. 363 00:17:44,410 --> 00:17:48,970 Na kisha, mara moja umefanya, mteule unaweza bonyeza matumizi ya haraka. 364 00:17:48,970 --> 00:17:49,820 Haki pale. 365 00:17:49,820 --> 00:17:51,590 Haki ya chini ya sanduku. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> Na kisha, kitabu chini. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 Awali ya yote, wao kukupa CSS kwamba unahitaji kwa kweli kiungo yake. 370 00:18:02,650 --> 00:18:03,330 Ni haki huko. 371 00:18:03,330 --> 00:18:05,170 Unaweza nakala tu na kuweka kwamba in 372 00:18:05,170 --> 00:18:07,250 Na kitu kizuri juu ya mtu huyu ni si kweli hata haja ya 373 00:18:07,250 --> 00:18:08,340 kushusha faili. 374 00:18:08,340 --> 00:18:11,170 >> Nini ni kwenda kufanya ni itakuja kuhusisha na toleo la Google ya yake. 375 00:18:11,170 --> 00:18:14,130 Hivyo nyuma kwa hilo maana yake nini. 376 00:18:14,130 --> 00:18:18,270 Hiyo ina maana wakati mtumiaji downloads file yako - 377 00:18:18,270 --> 00:18:22,300 downloads HTML ukurasa wako - HTML yako ukurasa ni kwenda rejea faili hii. 378 00:18:22,300 --> 00:18:26,790 >> Hivyo basi, kompyuta yako kwenda kuona, oh, ni mwenyeji google.com badala 379 00:18:26,790 --> 00:18:28,170 kuliko theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Hebu kwenda kuuliza Google kwa ajili ya faili hilo. 381 00:18:30,370 --> 00:18:32,800 Na kisha, ni kwenda pamoja na karibu kama ni 382 00:18:32,800 --> 00:18:35,584 sehemu ya tovuti yako mwenyewe. 383 00:18:35,584 --> 00:18:36,540 >> TOMAS REIMERS: Cool. 384 00:18:36,540 --> 00:18:40,980 Na mara moja pamoja na kwamba, basi kwa ni pamoja na katika CSS yako, anatoa 385 00:18:40,980 --> 00:18:41,830 line halisi. 386 00:18:41,830 --> 00:18:45,188 Hivyo kuweka mali font familia sawa kwa jina la font yako. 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 Hivyo sisi tu kumaliza na CSS. 390 00:18:52,220 --> 00:18:57,230 Na baadhi yenu wanaweza kuwa na mawazo, pia, tulikuwa na baadhi ya CSS juu ya CS50 Fedha. 391 00:18:57,230 --> 00:19:00,390 Lakini CSS maktaba mara bootstrap. 392 00:19:00,390 --> 00:19:05,190 Sisi kwa kweli ni pamoja na Bootstrap kidogo baadaye chini ya JavaScript kwa sababu kwa 393 00:19:05,190 --> 00:19:09,660 Maktaba Bootstrap CSS pia kuja na mengi ya JavaScript kwamba 394 00:19:09,660 --> 00:19:12,060 Bootstrap au Twitter - ambaye alifanya Bootstrap - 395 00:19:12,060 --> 00:19:15,426 anatumia kusimamia yote ya CSS yao. 396 00:19:15,426 --> 00:19:19,592 >> TOMAS REIMERS: Je, mtu yeyote yoyote maswali mbali kuhusu CSS kwa ujumla? 397 00:19:19,592 --> 00:19:20,723 Sisi ni nzuri? 398 00:19:20,723 --> 00:19:21,216 Kutisha. 399 00:19:21,216 --> 00:19:22,495 >> MIKE Rizzo: Ajabu. 400 00:19:22,495 --> 00:19:25,136 >> TOMAS REIMERS: Hivyo kwa kusonga kwenye JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> MIKE Rizzo: Hivyo sisi alitaka kuzungumza kuhusu jQuery kwa kuanzia. 402 00:19:27,900 --> 00:19:30,780 Je, mtu yeyote habari za jQuery kabla au kutumika? 403 00:19:30,780 --> 00:19:32,180 Yeah, wanandoa? 404 00:19:32,180 --> 00:19:36,000 Hivyo kama wewe tu kazi na asili JavaScript, utapata mwenyewe 405 00:19:36,000 --> 00:19:41,000 kuandika mengi ya selectors kwa muda mrefu sana. 406 00:19:41,000 --> 00:19:44,400 Kwa hiyo kile jQuery gani ni inatoa nzuri kanga kwa JavaScript 407 00:19:44,400 --> 00:19:48,180 lugha ambayo inakuwezesha urahisi kuchagua na kuendesha mambo mbalimbali 408 00:19:48,180 --> 00:19:52,470 ndani ya hati kitu mfano wa ukurasa wa wavu au DOM, ambayo nadhani 409 00:19:52,470 --> 00:19:54,290 nyie kuwa na habari za katika hotuba katika hatua hii. 410 00:19:54,290 --> 00:19:57,550 >> TOMAS REIMERS: Kama si habari ya au kama si kuangalia hotuba 411 00:19:57,550 --> 00:20:01,870 Hata hivyo, Document Object Model ni kimsingi jinsi mambo kuwakilishwa. 412 00:20:01,870 --> 00:20:05,290 Hivyo HTML aina ya inaonekana kama mti wakati kwa kweli kuteka nje. 413 00:20:05,290 --> 00:20:06,850 Una HTML hiki juu. 414 00:20:06,850 --> 00:20:07,560 Una kichwa na mwili. 415 00:20:07,560 --> 00:20:09,500 >> Na kisha, ndani ya kuwa wewe na kila kitu kingine. 416 00:20:09,500 --> 00:20:10,660 Hiyo inajulikana kama DOM - 417 00:20:10,660 --> 00:20:12,120 Hati Object Model. 418 00:20:12,120 --> 00:20:16,090 Hivyo mfano ambayo inawakilisha vitu katika hati ni njia rahisi kufikiri 419 00:20:16,090 --> 00:20:18,560 juu ya hilo. 420 00:20:18,560 --> 00:20:22,520 Na moja ya jambo kubwa juu ya jQuery ni kweli hufanya apitaye 421 00:20:22,520 --> 00:20:26,460 kuwa na kufanyia mambo ya ndani ya kwamba incredibly rahisi. 422 00:20:26,460 --> 00:20:30,300 >> Rahisi, kwa kweli, kwamba wengi wa JavaScript maktaba au kama si 423 00:20:30,300 --> 00:20:34,200 wengi, wengi kuu ya wale utaona kweli wanahitaji jQuery hivyo 424 00:20:34,200 --> 00:20:37,530 kwamba wanaweza kukimbia wenyewe tu kwa sababu kama hakuwa na jQuery, wewe 425 00:20:37,530 --> 00:20:40,540 itakuwa kupoteza muda mwingi kujaribu kufikiri jinsi ya kuchagua baadhi ya 426 00:20:40,540 --> 00:20:43,660 mambo na jinsi ya kufanya mambo mengine. 427 00:20:43,660 --> 00:20:47,950 Na wengine Jambo kubwa juu ya jQuery ni kwamba browser msalaba sambamba. 428 00:20:47,950 --> 00:20:51,550 >> Basi kumbuka nyuma wakati sisi alisema kuwa si wote browsers kutekeleza 429 00:20:51,550 --> 00:20:53,100 mambo kwa njia hiyo? 430 00:20:53,100 --> 00:20:55,120 Hii ni kweli hata katika JavaScript. 431 00:20:55,120 --> 00:20:58,220 Na moja ya mambo makubwa kuhusu jQuery ni kwamba kuchunguza 432 00:20:58,220 --> 00:21:00,300 browser na kuchunguza njia sahihi. 433 00:21:00,300 --> 00:21:03,420 >> Hivyo kama unahitaji kuchagua hiki, Internet Explorer anaweza kusema wewe ni 434 00:21:03,420 --> 00:21:05,770 wanatakiwa kufanya kwa njia hii. 435 00:21:05,770 --> 00:21:08,300 Firefox anaweza kusema sahihi njia ni njia hii. 436 00:21:08,300 --> 00:21:09,710 jQuery haina huduma. 437 00:21:09,710 --> 00:21:12,550 Wakati kumweleza jQuery kuchagua hiki itakuwa kufikiri ni jinsi gani ni 438 00:21:12,550 --> 00:21:16,290 wanatakiwa kufanya hivyo ndani ya browser user kwa sasa ni katika, na kisha kufanya 439 00:21:16,290 --> 00:21:18,584 njia hiyo. 440 00:21:18,584 --> 00:21:22,650 >> MIKE Rizzo: Hivyo basi si kuzungumza kuhusu matumizi ya jQuery kidogo. 441 00:21:22,650 --> 00:21:27,670 Tu kama PHP, jQuery ina hasa mapendano kwa ishara ya dola. 442 00:21:27,670 --> 00:21:30,880 Hivyo utapata kwamba yoyote jQuery - 443 00:21:30,880 --> 00:21:32,060 vizuri, si wote. 444 00:21:32,060 --> 00:21:35,210 Unaweza wakati mwingine kuchukua nafasi ya dola saini na neno jQuery. 445 00:21:35,210 --> 00:21:38,980 Lakini kwa ujumla, kwa sababu tu ya mfupi, wakati wowote unaweza kuona jQuery kuwa 446 00:21:38,980 --> 00:21:41,420 kutumika utakuwa na ishara ya dola. 447 00:21:41,420 --> 00:21:47,030 >> Hivyo hapa sisi ni kuonyesha mwanzo tu selector kwa kipengele katika DOM. 448 00:21:47,030 --> 00:21:52,850 Hapa, tuna ishara ya dola ikifuatiwa na mabano wazi na kisha quotes. 449 00:21:52,850 --> 00:21:56,130 Na ndani ya quotes kwenda selectors yetu kwa ajili ya mambo mbalimbali. 450 00:21:56,130 --> 00:21:59,810 Tu kama katika CSS, sisi zinahitajika selectors kwa kuwa na uwezo wa style mambo mbalimbali 451 00:21:59,810 --> 00:22:00,840 ndani ya ukurasa. 452 00:22:00,840 --> 00:22:06,555 Wale selectors mbalimbali kutafsiri hasa katika jQuery na JavaScript, 453 00:22:06,555 --> 00:22:07,820 kwa sehemu kubwa. 454 00:22:07,820 --> 00:22:10,120 >> Kwa hiyo hapa tuna dot foo. 455 00:22:10,120 --> 00:22:14,780 Hivyo kama wewe kukumbuka kutoka hotuba, dot tu ina maana darasa. 456 00:22:14,780 --> 00:22:18,850 Hivyo sisi ni kuchagua hiki kwa darasa foo. 457 00:22:18,850 --> 00:22:22,670 Basi, ikiwa mimi kwenda mbele na kufungua wetu JavaScript console hapa kweli haraka 458 00:22:22,670 --> 00:22:26,830 tu kuonyesha yake, kama mimi tu aina ishara ya dola, tunaona kwamba ni baadhi 459 00:22:26,830 --> 00:22:28,090 kazi ambayo anakuja juu. 460 00:22:28,090 --> 00:22:29,420 Na ni tu inavyoelezwa na jQuery. 461 00:22:29,420 --> 00:22:32,120 >> TOMAS REIMERS: Kwa wale usio wa kawaida, console ni chombo 462 00:22:32,120 --> 00:22:35,430 ndani ya Chrome, ambayo inaruhusu, kimsingi, kukimbia JavaScript juu ya 463 00:22:35,430 --> 00:22:36,450 ukurasa wa sasa. 464 00:22:36,450 --> 00:22:39,420 Hii utapata incredibly muhimu wakati wewe ni kweli debugging na wewe 465 00:22:39,420 --> 00:22:42,400 haja ya kuwa na kama, ni nini sasa thamani ya baadhi ya variable kimataifa au nini 466 00:22:42,400 --> 00:22:43,910 ni kitu kingine? 467 00:22:43,910 --> 00:22:47,620 Ni aina ya kama GDB na ubaguzi kwamba unaweza kweli 468 00:22:47,620 --> 00:22:51,600 kuendesha mambo juu ya ukurasa na katika mtindo rahisi sana. 469 00:22:51,600 --> 00:22:55,080 Na pia haina, kimsingi, kuangalia pamoja nawe kabla ya haina kitu chochote. 470 00:22:55,080 --> 00:22:58,660 >> Hivyo ambapo, GDB inaweza kuwa kama, wewe ni uhakika unataka kukimbia hatua ya pili? 471 00:22:58,660 --> 00:22:59,830 console ni katika kweli. 472 00:22:59,830 --> 00:23:03,690 Hivyo kama ukurasa wa mtandao utoaji na kufanya chochote ni kufanya, 473 00:23:03,690 --> 00:23:05,720 baraza pia mbio pamoja na yake. 474 00:23:05,720 --> 00:23:08,330 Na unaweza kuweka kumbukumbu ya kificho katika kwamba console, ambayo itakuwa 475 00:23:08,330 --> 00:23:09,260 kuwa na kukimbia juu ya ukurasa. 476 00:23:09,260 --> 00:23:12,190 >> MIKE Rizzo: Kwa hiyo kuingia console, Mimi nadhani lazima kwa ufupi 477 00:23:12,190 --> 00:23:13,750 kutaja jinsi ya kufanya hivyo. 478 00:23:13,750 --> 00:23:17,850 Katika shida na matatizo mwisho kwamba unaweza kuwa na kutumika Chrome ya kukagua hiki 479 00:23:17,850 --> 00:23:20,440 kazi au mtazamo ukurasa chanzo - 480 00:23:20,440 --> 00:23:23,870 na wale ni kupatikana tu kwa haki kubonyeza ukurasa au maalum 481 00:23:23,870 --> 00:23:28,430 hiki na kufanya aidha kukagua hiki au mtazamo ukurasa chanzo. 482 00:23:28,430 --> 00:23:31,190 Sisi pia wanaweza kupata JavaScript console moja kwa moja na 483 00:23:31,190 --> 00:23:33,630 kuchagua kukagua hiki. 484 00:23:33,630 --> 00:23:37,930 Hivyo basi tu hit console upande wa mbali wa kulia. 485 00:23:37,930 --> 00:23:41,900 >> Vinginevyo, unaweza pia wamekwenda kwa juu upande wa kulia kona, 486 00:23:41,900 --> 00:23:46,820 ambayo ni kukatwa screen hii ambapo ina tatu baa usawa. 487 00:23:46,820 --> 00:23:52,010 Na kwenda chini ya zana na kisha JavaScript console 488 00:23:52,010 --> 00:23:53,240 hapa ambapo unaweza kuona - 489 00:23:53,240 --> 00:23:54,370 angalau juu ya Windows - 490 00:23:54,370 --> 00:23:59,680 njia ya mkato ni Kudhibiti Shift J. Hivyo basi kama sisi alitaka kuchagua kipengele 491 00:23:59,680 --> 00:24:06,060 ndani ya ukurasa huu, kama mimi ilionyesha kabla ya, sisi kufanya ishara ya dola wazi parens 492 00:24:06,060 --> 00:24:08,180 na kisha ananukuu. 493 00:24:08,180 --> 00:24:11,750 >> Jambo la kuvutia ni, kwa ujumla, quotes moja na quotes mbili ni 494 00:24:11,750 --> 00:24:12,370 exchangeable. 495 00:24:12,370 --> 00:24:16,050 Hivyo mengi ya watu tu kutumia moja quotes kwa sababu wao ni kasi ya aina 496 00:24:16,050 --> 00:24:19,780 kuliko quotes mbili kwa sababu huna na kushikilia chini Shift. 497 00:24:19,780 --> 00:24:21,770 Hivyo mimi itabidi kufanya hivyo hivi sasa. 498 00:24:21,770 --> 00:24:24,510 >> Hivyo nataka kuchagua kitu darasani. 499 00:24:24,510 --> 00:24:27,200 Chombo, kwa sababu tu najua kwamba kitu ambacho ni juu yetu 500 00:24:27,200 --> 00:24:28,740 mtandao ukurasa hivi sasa. 501 00:24:28,740 --> 00:24:29,520 Na mimi hit kuingia. 502 00:24:29,520 --> 00:24:31,670 Na tunaweza kuona kwamba aliliteua yake. 503 00:24:31,670 --> 00:24:34,990 Hivyo inaonyesha up kwamba akarudi kwamba kitu. 504 00:24:34,990 --> 00:24:36,620 Ili uteuzi msingi. 505 00:24:36,620 --> 00:24:40,080 Kama tulitaka kweli kuendesha yake, ingekuwa kuwaita kitu 506 00:24:40,080 --> 00:24:43,925 juu ya kwamba uteuzi, ambayo tutapata katika baadaye. 507 00:24:43,925 --> 00:24:49,030 >> TOMAS REIMERS: Hivyo tu kwa kuangalia kwamba zaidi katika kina, hii ni hakuna tofauti 508 00:24:49,030 --> 00:24:52,245 kuliko wito kazi tukiwa katika C. jina la kazi hapa ni 509 00:24:52,245 --> 00:24:52,580 weird kidogo. 510 00:24:52,580 --> 00:24:55,640 Ni ishara ya dola. 511 00:24:55,640 --> 00:24:57,010 Ni tu jina ya kazi. 512 00:24:57,010 --> 00:24:58,810 Kuna kitu maalum kuhusu hilo. 513 00:24:58,810 --> 00:25:00,450 >> Tuna mabano wazi. 514 00:25:00,450 --> 00:25:03,880 Basi, sisi na moja hoja yetu, ambayo katika kesi hii hutokea kwa kuwa kamba, 515 00:25:03,880 --> 00:25:05,680 ambayo ni selector kwa ajili yake. 516 00:25:05,680 --> 00:25:08,130 Na kisha, tuna yetu C. mabano. 517 00:25:08,130 --> 00:25:09,960 Hiyo ni. 518 00:25:09,960 --> 00:25:11,500 >> Siyo kwamba tofauti kabisa. 519 00:25:11,500 --> 00:25:12,900 Pamoja na kwamba, haina kuangalia weird sana. 520 00:25:12,900 --> 00:25:17,220 Na kwamba wanaweza kuwa, aina ya, huku uhakika kwa mengi ya watu. 521 00:25:17,220 --> 00:25:21,460 >> MIKE Rizzo: Kwa hiyo vile vile, kama sisi alitaka kuchagua hiki ambayo ina ID, 522 00:25:21,460 --> 00:25:23,470 sasa tunataka kuchagua na ID badala ya darasa. 523 00:25:23,470 --> 00:25:28,080 Itakuwa jambo kama hilo ambapo sisi tu kufanya ishara mkali kwa ID. 524 00:25:28,080 --> 00:25:33,576 Hivyo sisi ni kuchagua hapa mambo ambayo na ID bar. 525 00:25:33,576 --> 00:25:35,400 >> TOMAS REIMERS: Na hii hadi. 526 00:25:35,400 --> 00:25:36,450 CSS kwamba hadi. 527 00:25:36,450 --> 00:25:42,260 Tu kama katika CSS, unaweza kuchagua wote viungo, ambayo darasa foo. 528 00:25:42,260 --> 00:25:43,420 Hapa, kitu kimoja. 529 00:25:43,420 --> 00:25:52,750 >> Unaweza kufanya a.foo, ambayo kuchagua yote ya viungo pamoja na darasa foo. 530 00:25:52,750 --> 00:25:58,860 Unaweza kufanya bar mkali, ambayo kwa kuchagua kiungo na ID bar na hivyo 531 00:25:58,860 --> 00:25:59,770 na kadhalika. 532 00:25:59,770 --> 00:26:02,120 Yoyote selector CSS ni halali jQuery selector. 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, hivyo sasa hebu kupata katika kidogo ya kudanganywa kwamba tunaweza kufanya kwa 536 00:26:11,460 --> 00:26:12,870 yetu jQuery. 537 00:26:12,870 --> 00:26:19,280 Hivyo jQuery ina aina fulani ya nukuu ambapo sisi tu kutumia 538 00:26:19,280 --> 00:26:20,170 dot mwishoni. 539 00:26:20,170 --> 00:26:23,340 Na unaweza kufikiria hii kama katika C jinsi tulikuwa structs tofauti. 540 00:26:23,340 --> 00:26:27,110 Na kwenda katika structs wale, ungekuwa kutumia dot kupata ndani yao. 541 00:26:27,110 --> 00:26:28,480 >> Hii ni aina ya, jambo kama hilo. 542 00:26:28,480 --> 00:26:33,570 Tu sasa tuna kazi ndani ya hii selector kwamba tunaweza kuwaita juu yake. 543 00:26:33,570 --> 00:26:38,640 Hivyo hapa, mfano wa kwanza sana unaweza kuona ni CSS selector. 544 00:26:38,640 --> 00:26:45,290 Na kimsingi, nini kwamba hana ni inatumika kwanza hiki CSS hii 545 00:26:45,290 --> 00:26:46,230 kitu kwamba kuchaguliwa - 546 00:26:46,230 --> 00:26:47,720 kipengele hiki kwamba kuchaguliwa - 547 00:26:47,720 --> 00:26:49,290 kwa thamani hiyo. 548 00:26:49,290 --> 00:26:55,390 >> TOMAS REIMERS: Kwa hiyo tafsiri rahisi ya kwamba itakuwa kama jQuery, kimsingi, 549 00:26:55,390 --> 00:26:57,790 tu alichukua foo. 550 00:26:57,790 --> 00:27:05,480 Na kisha katika CSS alisema, rangi nyekundu na karibu. 551 00:27:05,480 --> 00:27:06,670 Ni wazo moja. 552 00:27:06,670 --> 00:27:08,800 Nini ni kosa ni ni aliliteua foo mambo yote. 553 00:27:08,800 --> 00:27:10,170 Na kisha ni kutumiwa. 554 00:27:10,170 --> 00:27:15,884 Aina ya rangi mali ni sawa na nyekundu. 555 00:27:15,884 --> 00:27:21,070 >> MIKE Rizzo: Vile vile, tunaweza pia kubadilisha yaliyomo halisi ya nini ni 556 00:27:21,070 --> 00:27:24,870 kuonyesha juu ya HTML ya ukurasa, ambayo ni kweli baridi kwa sababu ina maana yako 557 00:27:24,870 --> 00:27:28,095 kurasa za mtandao sasa unaweza kuwa nguvu kabisa na wala si kuwa tuli 558 00:27:28,095 --> 00:27:31,660 kwamba magazeti kwa kutumia PHP mwanzoni mwa 559 00:27:31,660 --> 00:27:33,320 ukurasa kuwa kubeba. 560 00:27:33,320 --> 00:27:36,810 Hivyo hapa, kama sisi alitaka kubadilisha HTML halisi ya ukurasa, tunataka sasa 561 00:27:36,810 --> 00:27:43,550 kuwaita HTML kazi, ambayo basi tu kuwekeza chochote sisi bayana katika 562 00:27:43,550 --> 00:27:45,390 kwamba kipengele kwamba sisi kuchaguliwa. 563 00:27:45,390 --> 00:27:49,810 Hivyo hapa sisi ni kuchagua hiki kwa darasa foo na kisha kusema kwamba ni HTML 564 00:27:49,810 --> 00:27:52,200 ni sasa hujambo dunia. 565 00:27:52,200 --> 00:27:55,600 >> TOMAS REIMERS: Na wakati unafikiri juu ya nini ni maombi ya muhimu ya 566 00:27:55,600 --> 00:28:00,800 hii, moja CSS, jambo la kwanza kwamba unaweza kuanza kufikiria ni 567 00:28:00,800 --> 00:28:03,070 katika suala la hata kushuka chini menus. 568 00:28:03,070 --> 00:28:08,350 Unaweza kuanza kufanya mambo kama, wakati user hovers juu ya sehemu ya juu 569 00:28:08,350 --> 00:28:11,970 ya kushuka chini, unataka kufanya sehemu ya chini inayoonekana. 570 00:28:11,970 --> 00:28:12,540 Haki? 571 00:28:12,540 --> 00:28:15,610 >> Hivyo katika CSS, tuna mali kufanya kitu inayoonekana. 572 00:28:15,610 --> 00:28:19,330 Mambo kama kuonyesha matumbo hakuna bila kufanya hivyo asiyeonekana. 573 00:28:19,330 --> 00:28:21,190 Kuonyesha kuzuia bila kufanya hivyo inayoonekana. 574 00:28:21,190 --> 00:28:25,860 Au hata kama unataka kwenda rahisi, wewe mambo kama kujulikana usawa 575 00:28:25,860 --> 00:28:27,520 inayoonekana, na kujulikana ni sawa na siri. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> Na unaweza kuanza kutekeleza mambo kama kushuka chini menus haki 578 00:28:34,780 --> 00:28:38,410 baada ya kupata njia ya wazo la jinsi unaweza kufikiri wakati huu kufungua, 579 00:28:38,410 --> 00:28:39,850 ambayo tutaweza kupata njia kwa ufupi sana. 580 00:28:39,850 --> 00:28:42,160 Lakini tunaweza kuanza kuona maombi ya hili. 581 00:28:42,160 --> 00:28:45,540 Kwa maana hiyo, kama ungekuwa na kujaribu na kutekeleza, hebu sema, chat 582 00:28:45,540 --> 00:28:48,620 injini na unataka kufanya kidogo hotuba Bubble kuja wakati wowote wameweza 583 00:28:48,620 --> 00:28:52,880 got ujumbe mpya, mara moja kupata ujumbe mpya, unaweza kufanya kidogo 584 00:28:52,880 --> 00:28:55,890 hotuba Bubble kuja kwa kubadili HTML ya ukurasa, haki? 585 00:28:55,890 --> 00:29:00,540 Kwa kuongeza kuwa hotuba ya ziada Bubble na maandishi ya ziada huko. 586 00:29:00,540 --> 00:29:01,140 Yeah? 587 00:29:01,140 --> 00:29:07,750 >> Watazamaji: Hivyo wewe bila kuiweka hii ndani ya HTML code katika aina ya kama 588 00:29:07,750 --> 00:29:10,534 [Inaudible]? 589 00:29:10,534 --> 00:29:12,940 >> MIKE Rizzo: Haki. 590 00:29:12,940 --> 00:29:16,190 Yeah, tutaweza kupata kwamba katika kidogo. 591 00:29:16,190 --> 00:29:18,810 Yeah, ni sawa a kidogo ya PHP. 592 00:29:18,810 --> 00:29:21,240 Si hasa kama hayo. 593 00:29:21,240 --> 00:29:24,730 >> tofauti nzuri ya kufanya ni nini hii ni kweli editing wakati sisi hariri 594 00:29:24,730 --> 00:29:28,480 ukurasa kwa sababu si kwenda kuwa editing faili halisi kwamba ni kuwa 595 00:29:28,480 --> 00:29:31,380 agizo juu ya server kwa sababu dunia haipaswi kuwa ruhusa 596 00:29:31,380 --> 00:29:32,610 kuhariri faili yako. 597 00:29:32,610 --> 00:29:36,080 Hii ni editing tu nini juu ya ukurasa na nini kuwa kuonyeshwa ndani ya 598 00:29:36,080 --> 00:29:36,950 browser. 599 00:29:36,950 --> 00:29:40,340 Hivyo kama ungekuwa Reload ukurasa baada ya, kusema, kufuta kitu kama sisi 600 00:29:40,340 --> 00:29:44,730 kuona tunaweza kufanya na kuondoa wito, kwamba kitu gani basi kutokea tena na tena. 601 00:29:44,730 --> 00:29:48,590 >> TOMAS REIMERS: Hivyo njia moja ya kufikiria, hii ni kama mimi nina kompyuta yako na 602 00:29:48,590 --> 00:29:50,170 Mike ni, aina ya, server. 603 00:29:50,170 --> 00:29:53,850 Nini kinaendelea kutokea ni mimi nina kwenda kuuliza Mike, hey, naweza kuwa na nakala ya 604 00:29:53,850 --> 00:29:54,630 ukurasa wa mtandao huu? 605 00:29:54,630 --> 00:29:56,190 Na yeye itabidi nipe nakala yake. 606 00:29:56,190 --> 00:29:57,430 >> Hapana, si jambo la awali. 607 00:29:57,430 --> 00:29:58,620 Ni tu nakala. 608 00:29:58,620 --> 00:30:00,450 Na kisha itakuwa kama, oh, kuna JavaScript hapa. 609 00:30:00,450 --> 00:30:02,450 Ni wazi, ni lazima hariri ukurasa kuwa kama hii. 610 00:30:02,450 --> 00:30:04,250 Na mimi nina editing nakala yako. 611 00:30:04,250 --> 00:30:05,920 >> Lakini si kwamba utekelezaji wa halisi nakala. 612 00:30:05,920 --> 00:30:08,480 Na kama ningekuwa kumuuliza tena mahitaji ukurasa, - 613 00:30:08,480 --> 00:30:10,060 hey, naweza kuwa na nakala nyingine safi - 614 00:30:10,060 --> 00:30:11,440 yeye anaenda kunipa nakala nyingine safi. 615 00:30:11,440 --> 00:30:14,240 Na kisha, mimi nina kwenda kufanya kitu kimoja kama, oh, hii JS hapa kwamba anasema 616 00:30:14,240 --> 00:30:14,866 hariri hii. 617 00:30:14,866 --> 00:30:17,460 Na mimi nina kwenda kuweka kufanya hivyo. 618 00:30:17,460 --> 00:30:20,930 >> MIKE Rizzo: Kwa hivyo jambo la kweli baridi kwamba unaweza kufanya na jQuery ni 619 00:30:20,930 --> 00:30:24,350 kweli kuongeza aina mbalimbali ya mifano kwa michoro na ukurasa wako. 620 00:30:24,350 --> 00:30:27,440 Sijui kama umefanya milele kuonekana ambapo wewe ni kujaribu kujaza fomu 621 00:30:27,440 --> 00:30:31,250 online na huna kujaza mambo kwa usahihi. 622 00:30:31,250 --> 00:30:33,440 Hivyo kitu kidogo slides chini juu na anasema wewe 623 00:30:33,440 --> 00:30:34,820 hujafanya hili kwa usahihi. 624 00:30:34,820 --> 00:30:36,260 Tafadhali jaribu tena. 625 00:30:36,260 --> 00:30:37,890 Na wakati huo, anaweza hata tu slide up. 626 00:30:37,890 --> 00:30:40,710 >> Zinageuka jQuery imejenga katika kazi kwamba kufanya yote ya 627 00:30:40,710 --> 00:30:44,180 uhuishaji kweli, kweli ni rahisi. 628 00:30:44,180 --> 00:30:46,750 Kwa hiyo, kuna kwanza fade nje kazi, ambayo 629 00:30:46,750 --> 00:30:47,710 unaweza kupiga juu ya kitu. 630 00:30:47,710 --> 00:30:55,650 Na ni njia ya kubadili CSS ya kwamba hiki kwa njia animated. 631 00:30:55,650 --> 00:30:58,480 Hivyo inachukua chochote hiki simu yake kuisha juu ya. 632 00:30:58,480 --> 00:31:03,990 Na kisha, polepole mabadiliko hayo ya opacity mpaka unaendelea uwazi kabisa. 633 00:31:03,990 --> 00:31:07,330 >> TOMAS REIMERS: wengine maarufu moja ni slide chini, ambayo itafanya 634 00:31:07,330 --> 00:31:08,800 kitu kuonekana kwa sliding chini. 635 00:31:08,800 --> 00:31:12,840 Hivyo katika kesi ya kushuka chini menu, tena, wakati sisi kujifunza jinsi ya kuchunguza 636 00:31:12,840 --> 00:31:15,310 wakati huu imekuwa hovered juu, unaweza tu kuwaambia chini hii 637 00:31:15,310 --> 00:31:16,910 sehemu slide chini sasa. 638 00:31:16,910 --> 00:31:19,270 Na kisha, inaonekana kwa sliding chini. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> MIKE Rizzo: Na kisha, kama wewe tu na baadhi ya aina ya uhuishaji akilini kwamba 641 00:31:26,590 --> 00:31:29,080 jQuery siyo lazima kutoa. 642 00:31:29,080 --> 00:31:32,690 Kwa mfano, hebu sema jQuery haina kutoa kwa slide 643 00:31:32,690 --> 00:31:33,750 chini na slide up. 644 00:31:33,750 --> 00:31:36,740 Naam, hebu sema wewe alitaka slide kitu katika kutoka upande wa kushoto au kutoka 645 00:31:36,740 --> 00:31:39,880 haki ya aina ya kama CS50 ukurasa kuu gani wakati wowote 646 00:31:39,880 --> 00:31:42,080 kwenda jopo mpya. 647 00:31:42,080 --> 00:31:45,030 Ungependa basi pengine kuwa na kutekeleza wewe mwenyewe kwa kutumia 648 00:31:45,030 --> 00:31:49,310 hai kazi ndani ya jQuery. 649 00:31:49,310 --> 00:31:51,350 >> Hivyo vile vile, wewe tu hai. 650 00:31:51,350 --> 00:31:55,850 Na kisha, ndani yake inachukua kamusi ya maadili mbalimbali 651 00:31:55,850 --> 00:31:57,340 kwamba wewe ni zinatakiwa kupita. 652 00:31:57,340 --> 00:32:06,960 Hivyo hapa, kama sisi alitaka hai hiki foo kama kwamba upana wake ama 653 00:32:06,960 --> 00:32:10,880 expands au mikataba 80, saizi ya faili kulingana na kile sasa ni. 654 00:32:10,880 --> 00:32:14,100 Tunataka kupita tu kwamba kama hoja ndani yake. 655 00:32:14,100 --> 00:32:18,060 >> Hai pia kuwa baadhi ya hoja nyingine kwamba unaweza kupita, kwa mfano, 656 00:32:18,060 --> 00:32:21,150 kasi ya uhuishaji kwamba unataka kuwapa. 657 00:32:21,150 --> 00:32:26,220 Na kwa kufanya hivyo, napenda tu kusema haraka Google jQuery hai. 658 00:32:26,220 --> 00:32:31,710 Na kisha, kulea ukurasa huu, unaweza kuona ni got kundi la mbalimbali 659 00:32:31,710 --> 00:32:33,560 mali kwamba unaweza kupita. 660 00:32:33,560 --> 00:32:35,990 >> Na mimi moyo - wakati wowote kuja katika kitu ambacho si 661 00:32:35,990 --> 00:32:40,390 kujua au unataka tu kujifunza zaidi kuhusu njia fulani kwamba unaweza kupiga 662 00:32:40,390 --> 00:32:41,270 juu ya kitu - 663 00:32:41,270 --> 00:32:44,440 tu Google yake. jQuery ni kubwa mno vizuri kumbukumbu. 664 00:32:44,440 --> 00:32:49,140 Na mara nyingi kuna mengi ya mifano kwamba wao kutoa kwa ajili yenu. 665 00:32:49,140 --> 00:32:52,470 Kama sisi kitabu chini - 666 00:32:52,470 --> 00:32:53,720 njia ya chini - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 kwamba tunaweza kutumia, kama vile. 669 00:32:59,190 --> 00:33:02,480 >> Tena, wakati developer kweli inakwenda kupitia shida ya kuandika a 670 00:33:02,480 --> 00:33:05,810 maktaba, wao kawaida wanataka mtu wa matumizi yake. 671 00:33:05,810 --> 00:33:09,400 Hivyo pamoja na ni kwenda kuwa nyaraka. 672 00:33:09,400 --> 00:33:12,270 Na nyaraka kwamba unaweza kawaida kuwa na kupatikana kwenye ukurasa mradi huo, ambao ni 673 00:33:12,270 --> 00:33:14,970 kwa nini sisi alitoa kwamba tovuti ya awali katika mwanzo, ambayo viungo wewe 674 00:33:14,970 --> 00:33:18,080 kurasa mradi hivyo unaweza kuona nyaraka hiyo. 675 00:33:18,080 --> 00:33:22,670 >> Kwa kawaida, ukurasa wa mradi katika kesi ya [inaudible], ni niliwaambia 676 00:33:22,670 --> 00:33:23,940 majina ya madarasa. 677 00:33:23,940 --> 00:33:27,250 Katika kesi ya JavaScript, anatoa wewe jina ya kazi. 678 00:33:27,250 --> 00:33:35,310 Kwa njia, kama sisi kitabu hadi juu, haraka upande note juu ya kazi ni 679 00:33:35,310 --> 00:33:39,080 wakati wowote kuona kazi kutekelezwa kama hii kwa bidii 680 00:33:39,080 --> 00:33:43,800 mabano katikati, kwamba njia kwamba mali ni ya hiari. 681 00:33:43,800 --> 00:33:44,750 Tu vichwa up. 682 00:33:44,750 --> 00:33:47,350 Nimeona maswali mengi juu ya hilo. 683 00:33:47,350 --> 00:33:50,370 >> Hivyo hapa tunaweza kuona kwamba animate inachukua mali 684 00:33:50,370 --> 00:33:51,800 kama hoja muhimu. 685 00:33:51,800 --> 00:33:54,870 Na kila kitu kingine ni hiari. 686 00:33:54,870 --> 00:33:56,136 Upande kumbuka - 687 00:33:56,136 --> 00:33:58,090 unaweza kufikiria hii, aina wa, kama kurasa mtu. 688 00:33:58,090 --> 00:34:04,275 Kurasa mtu ni nyaraka kwa C na kwa mambo mengine mengi, kama vile. 689 00:34:04,275 --> 00:34:11,020 >> MIKE Rizzo: Hivyo tumejifunza jinsi ya kubadili CSS mbalimbali juu ya ukurasa, 690 00:34:11,020 --> 00:34:14,040 hai, na kuondoa kuongeza HTML. 691 00:34:14,040 --> 00:34:16,889 Lakini moja ya kweli nguvu zaidi mambo kuhusu JavaScript 692 00:34:16,889 --> 00:34:18,270 na hasa jQuery - 693 00:34:18,270 --> 00:34:22,570 nini inakuwezesha kufanya ni kujibu mambo mbalimbali kutokea. 694 00:34:22,570 --> 00:34:25,380 Kwa mfano, hapa tuna tukio handler. 695 00:34:25,380 --> 00:34:28,210 Na kwamba tu ina maana wakati wowote hii tukio hutokea, sisi kushughulikia katika 696 00:34:28,210 --> 00:34:29,280 baadhi ya njia. 697 00:34:29,280 --> 00:34:35,159 >> Hivyo hapa, generic jQuery tukio handler ni dot juu. 698 00:34:35,159 --> 00:34:42,949 Na kisha, jambo la kwanza zinazotolewa ni nini tukio ni lazima 699 00:34:42,949 --> 00:34:43,810 kuwa na kusikiliza kwa. 700 00:34:43,810 --> 00:34:45,610 Hivyo hapa, ni click kwamba tunasubiri kwa. 701 00:34:45,610 --> 00:34:49,250 >> TOMAS REIMERS: Njia nyingine, unaweza kuwa na juu ya hover, ambayo ni moja maarufu sana. 702 00:34:49,250 --> 00:34:52,000 Hivyo nyuma na kushuka yangu chini orodha ya wazo. 703 00:34:52,000 --> 00:34:54,239 Ingekuwa moja ya juu juu ya hover. 704 00:34:54,239 --> 00:34:56,096 Na kisha unaweza mabadiliko hayo. 705 00:34:56,096 --> 00:34:56,830 >> MIKE Rizzo: Haki. 706 00:34:56,830 --> 00:35:01,680 Na kisha, wakati hiyo ikitokea, ni tu executes kazi hii kwamba sisi kuwapa 707 00:35:01,680 --> 00:35:05,080 kama hoja na kwamba ni alerts hujambo au hi. 708 00:35:05,080 --> 00:35:08,900 >> TOMAS REIMERS: Hivyo katika kesi ya JavaScript, hii ni mahali tunahitaji 709 00:35:08,900 --> 00:35:12,970 kuondoa wenyewe kutoka C. Sisi unaweza kweli kuchukua kazi kama hoja. 710 00:35:12,970 --> 00:35:15,940 Na kuna mengi ya kweli tata njia za kufanya hivyo. 711 00:35:15,940 --> 00:35:17,940 Sisi ni kwenda kukuza njia moja, ambayo ni unaweza kufafanua 712 00:35:17,940 --> 00:35:19,270 kazi pale. 713 00:35:19,270 --> 00:35:22,540 >> Hivyo wakati wewe ni kuuliza kwa ajili ya kazi kama parameter, wewe ni kimsingi tu 714 00:35:22,540 --> 00:35:24,500 kwenda kufafanua kazi papo hapo. 715 00:35:24,500 --> 00:35:27,090 Na njia kufafanua kazi katika JavaScript ni wewe 716 00:35:27,090 --> 00:35:28,820 literally kusema kazi. 717 00:35:28,820 --> 00:35:30,130 Kisha, kwa kawaida, jina ya kazi. 718 00:35:30,130 --> 00:35:32,510 Lakini sisi ni kamwe kwenda kumbukumbu kazi hii tena. 719 00:35:32,510 --> 00:35:34,040 Hivyo sisi kuondoka majina. 720 00:35:34,040 --> 00:35:40,440 >> Kisha mabano, kisha curly braces, na kisha code ndani ya hiyo. 721 00:35:40,440 --> 00:35:42,540 Kwa hiyo sisi kuelewa can hii kuwa utata kidogo. 722 00:35:42,540 --> 00:35:45,180 Hivyo sisi kukupa aina ya jumla ya nini tukio handler inaonekana kama 723 00:35:45,180 --> 00:35:47,790 chini, ambayo ni juu ya matukio. 724 00:35:47,790 --> 00:35:50,598 Na kisha, kanuni yako ndani ya hiyo. 725 00:35:50,598 --> 00:35:52,478 >> MIKE Rizzo: Je, kuna maswali kuhusu hili? 726 00:35:52,478 --> 00:35:54,818 Hii inaweza kuwa utata kidogo mara ya kwanza unaweza kuona ni. 727 00:35:54,818 --> 00:35:57,550 >> TOMAS REIMERS: Wewe kweli wanataka kufungua file na kuwaonyesha baadhi 728 00:35:57,550 --> 00:35:58,155 jQuery sasa hivi? 729 00:35:58,155 --> 00:35:59,853 >> MIKE Rizzo: Yeah, hebu kufanya hivyo. 730 00:35:59,853 --> 00:36:00,256 OK. 731 00:36:00,256 --> 00:36:02,490 >> TOMAS REIMERS: Basi sasa tuko katika appliance. 732 00:36:02,490 --> 00:36:07,730 Na kile ambacho tumefanya ni tumekuwa kuchukuliwa uhuru wa kujenga wote index.html 733 00:36:07,730 --> 00:36:10,100 file, ambayo viungo kwa JavaScript file. 734 00:36:10,100 --> 00:36:12,880 Na tunaweza kufungua - 735 00:36:12,880 --> 00:36:15,170 yeah. 736 00:36:15,170 --> 00:36:16,630 Naam, ni gani mambo mawili. 737 00:36:16,630 --> 00:36:18,350 >> kwanza ni viungo JavaScript file. 738 00:36:18,350 --> 00:36:21,250 Na tutaweza kuona kwamba hapa. 739 00:36:21,250 --> 00:36:25,340 Tunaona kwamba katika kichwa cha HTML hati, hasa. 740 00:36:25,340 --> 00:36:28,260 Hivyo utaona pale kwamba sisi, kimsingi, kusema src, 741 00:36:28,260 --> 00:36:29,590 ambayo inasimamia kwa chanzo. 742 00:36:29,590 --> 00:36:30,630 Na kwamba URL. 743 00:36:30,630 --> 00:36:32,700 >> Hivyo hapa unaweza kusema tumekuwa pamoja na jQuery. 744 00:36:32,700 --> 00:36:34,290 Na tumekuwa pia ni pamoja na maandiko. 745 00:36:34,290 --> 00:36:40,630 njia nyingine ni pamoja na JavaScript ni kwamba unaweza ni pamoja na inline script 746 00:36:40,630 --> 00:36:44,600 tag kama tuna chini ambapo ni Anasema aina script ni Nakala JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Hivyo sisi ni kusema, kusikiliza, sisi ni kuhusu ni pamoja na script. 748 00:36:46,960 --> 00:36:51,890 Na aina ya kwamba script ni JavaScript, ambayo ni aina ya maandishi. 749 00:36:51,890 --> 00:36:52,550 Rahisi sana. 750 00:36:52,550 --> 00:36:56,490 >> MIKE Rizzo: Hivyo hii, aina ya, anapata swali lako kuhusu jinsi sisi ni pamoja na 751 00:36:56,490 --> 00:37:02,340 JavaScript katika files yetu kwa sababu wakati sisi alikuwa PHP, sisi kufanya kitu kama hii. 752 00:37:02,340 --> 00:37:07,570 Na kisha, na PHP kazi yetu - hebu sema hifadhi ya kufanya 753 00:37:07,570 --> 00:37:09,150 kitu na kwamba - 754 00:37:09,150 --> 00:37:10,490 huenda huko. 755 00:37:10,490 --> 00:37:13,860 Hata hivyo, kwa sasa tuna vitambulisho script kwamba sisi kuwapa, ambayo ni kweli 756 00:37:13,860 --> 00:37:19,470 sehemu ya HTML yenyewe kwa sababu si faking kuwa HTML file kama ni 757 00:37:19,470 --> 00:37:25,070 ni katika PHP kwa sababu kama kweli kwenda katika na kuangalia chanzo cha ukurasa, 758 00:37:25,070 --> 00:37:28,430 utaona vitambulisho haya script huko na JavaScript kuhusishwa na 759 00:37:28,430 --> 00:37:29,800 yao katika. 760 00:37:29,800 --> 00:37:31,760 >> Hivyo basi, kama sisi alitaka kuandika baadhi JavaScript - 761 00:37:31,760 --> 00:37:37,110 hebu sema tu sisi alitaka mabadiliko mwili kwa sababu sasa hivi sina 762 00:37:37,110 --> 00:37:40,020 tags nyingine yoyote kwamba naweza kweli hariri badala ya mwili. 763 00:37:40,020 --> 00:37:42,450 Hebu sema tu nilitaka kubadili CSS ya kwamba. 764 00:37:42,450 --> 00:37:46,190 Hivyo tutaweza kwenda mbele na mabadiliko ya rangi yake na nyekundu. 765 00:37:46,190 --> 00:37:47,380 >> Basi, mimi kuokoa faili. 766 00:37:47,380 --> 00:37:52,700 Hebu kwenda nyuma ya mtandao wetu ukurasa, mahitaji, na ni gani moja kwa moja 767 00:37:52,700 --> 00:37:55,920 kwa sababu hakuwa na kuonekana kama ni kusubiri wakati wote kwa sababu sisi walikuwa si kusikiliza 768 00:37:55,920 --> 00:37:59,450 kwa ajili ya tukio au kitu kama hicho. 769 00:37:59,450 --> 00:38:02,800 >> TOMAS REIMERS: Hivyo kama sisi kwenda nyuma na kwamba faili hasa - HTML 770 00:38:02,800 --> 00:38:04,710 faili - nini wewe kwenda kuona ni sisi na - 771 00:38:04,710 --> 00:38:06,810 kukumbuka kwamba hii ni kubeba, aina ya, mpangilio. 772 00:38:06,810 --> 00:38:09,910 Hivyo tuna kwanza kichwa. mizigo files hizo mbili. 773 00:38:09,910 --> 00:38:10,800 Kisha sisi kwenda mwili. 774 00:38:10,800 --> 00:38:11,640 Na tunaona hujambo dunia. 775 00:38:11,640 --> 00:38:13,030 Hivyo sisi atatoa hujambo dunia. 776 00:38:13,030 --> 00:38:15,240 >> Na kisha jambo la mwisho tuna ni sisi na tag script. 777 00:38:15,240 --> 00:38:20,880 Hivyo anaendesha tag script kwa sababu ni si kuwaambia ni kusubiri kwa kitu chochote. 778 00:38:20,880 --> 00:38:24,700 Na kwamba ni ya msingi zaidi njia ya kukimbia JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> Kwa kuwa alisema, unaweza kuweka script tag up katika header tu 780 00:38:29,200 --> 00:38:31,240 kuonyesha hatua hii? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 Na kukimbia kwamba. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Tunakwenda taarifa kwamba hakuwa mabadiliko ya rangi. 785 00:38:41,070 --> 00:38:44,210 Na hii ni moja ya matatizo ya JavaScript ni kwamba mambo ni kubeba 786 00:38:44,210 --> 00:38:45,930 katika mpangilio. 787 00:38:45,930 --> 00:38:49,750 >> Hivyo wakati huo kwamba kanuni alikuwa akikimbia, sisi kuchaguliwa - 788 00:38:49,750 --> 00:38:52,530 kurudi - 789 00:38:52,530 --> 00:38:53,670 tag mwili. 790 00:38:53,670 --> 00:38:57,560 tag mwili haipo bado kwa sababu JavaScript ni sambamba na HTML. 791 00:38:57,560 --> 00:39:01,790 Kwa hiyo kivinjari ni kama kuchagua mwili. 792 00:39:01,790 --> 00:39:02,760 Hakuna kitu kama bado ni. 793 00:39:02,760 --> 00:39:03,600 Hivyo tunaweza kupuuza hiyo. 794 00:39:03,600 --> 00:39:05,330 Na sisi kuendelea. 795 00:39:05,330 --> 00:39:07,200 >> Na kisha sisi kufafanua tag mwili. 796 00:39:07,200 --> 00:39:09,670 Lakini kamwe anapata updated. 797 00:39:09,670 --> 00:39:12,560 Hivyo wakati wewe ni utekelezaji wa script vitambulisho, kuhakikisha mahali 798 00:39:12,560 --> 00:39:15,502 baada ya tag mwili. 799 00:39:15,502 --> 00:39:16,820 Ijayo slide. 800 00:39:16,820 --> 00:39:17,830 >> MIKE Rizzo: OK. 801 00:39:17,830 --> 00:39:19,330 Hivyo sisi iliyopita kitu. 802 00:39:19,330 --> 00:39:21,910 Lakini hakuwa na kuangalia kama ni alijibu kwa sisi wakati wote kwa sababu tu ya aina ya 803 00:39:21,910 --> 00:39:24,150 alifanya hivyo kwa haraka kama ni kubeba ukurasa. 804 00:39:24,150 --> 00:39:27,700 Basi sasa, badala ya kufanya hivyo, kwa nini wala sisi kuongeza tukio handler. 805 00:39:27,700 --> 00:39:31,020 >> Basi hebu kufanya kitu kwa mwili tena. 806 00:39:31,020 --> 00:39:33,490 Na hebu sema sisi kufanya hivyo kwa - 807 00:39:33,490 --> 00:39:34,500 click. 808 00:39:34,500 --> 00:39:35,750 Tutaweza kuongeza kazi. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> Mabadiliko Hebu: TOMAS REIMERS ni rangi nyekundu tena. 811 00:39:39,690 --> 00:39:40,000 Kwa nini? 812 00:39:40,000 --> 00:39:41,680 >> MIKE Rizzo: Yeah, hebu mabadiliko 'rangi yake nyekundu tena. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Sawa. 815 00:39:46,900 --> 00:39:48,480 Basi hebu upya ukurasa. 816 00:39:48,480 --> 00:39:49,530 OK, tunaona - 817 00:39:49,530 --> 00:39:52,290 kama ilivyotarajiwa, haina kurejea nyekundu bado. 818 00:39:52,290 --> 00:39:53,610 Lakini basi tunaweza kwenda mbele na bonyeza yake. 819 00:39:53,610 --> 00:39:54,270 >> TOMAS REIMERS: Na haina kugeuka nyekundu. 820 00:39:54,270 --> 00:39:56,090 >> MIKE Rizzo: Na ni gani kugeuza nyekundu kama ilivyotarajiwa. 821 00:39:56,090 --> 00:39:59,010 >> TOMAS REIMERS: Na tunaweza kuona jinsi tunaweza kuanza kujenga msingi sana 822 00:39:59,010 --> 00:40:00,170 mwingiliano. 823 00:40:00,170 --> 00:40:03,850 Mambo mengine sisi kutaka kufanya ni, kama hatutaki kufanya mwili 824 00:40:03,850 --> 00:40:07,230 rangi nyekundu, hebu kufanya HTML background rangi nyekundu. 825 00:40:07,230 --> 00:40:08,480 Tu hivyo ni CSS huo. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> Na wakati sisi mabadiliko hayo, tunaweza kuona hii makubwa sana athari za mabadiliko ya 828 00:40:23,320 --> 00:40:25,510 nzima ukurasa. 829 00:40:25,510 --> 00:40:29,100 Hivyo tena, kama wewe ni utekelezaji wa mambo, unaweza kuwa na sehemu moja 830 00:40:29,100 --> 00:40:30,150 ambayo ni maana ya kuwa kwavyo. 831 00:40:30,150 --> 00:40:32,710 Hebu sema Exit kifungo na nyingine nzima sehemu, 832 00:40:32,710 --> 00:40:33,830 ambayo ni maana ya kujibu. 833 00:40:33,830 --> 00:40:35,755 Hivyo ungependa kuondoa dirisha wakati kinachotokea. 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 Tu kama mfano - 837 00:40:42,200 --> 00:40:44,400 hakuwa kupata kuona hili mapema - 838 00:40:44,400 --> 00:40:47,500 Mimi itabidi kuonyesha nini inaonekana kama wakati sisi kuficha kitu. 839 00:40:47,500 --> 00:40:52,220 Basi, mimi itabidi kwenda mbele na wala slide up. 840 00:40:52,220 --> 00:40:54,440 >> TOMAS REIMERS: Wanataka wa kufuta kwamba katika aya ya aina kabla ya sisi kufanya hivyo? 841 00:40:54,440 --> 00:40:55,132 >> MIKE Rizzo: OK. 842 00:40:55,132 --> 00:40:59,135 Yeah, kwa nini sio sisi kufanya hivyo hivyo tu tunaweza kuchagua ni kidogo zaidi. 843 00:40:59,135 --> 00:41:00,490 >> TOMAS REIMERS: Na hebu kuwapa darasa. 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, hivyo hebu angalia. 847 00:41:09,920 --> 00:41:14,820 Badala ya kuchagua mwili halisi sasa, mimi itabidi kuchagua kila kitu kwa 848 00:41:14,820 --> 00:41:18,780 darasa hello, ambayo hapa sisi tu jambo moja. 849 00:41:18,780 --> 00:41:20,900 Hivyo tunapaswa kuwa na wasiwasi juu ya hilo. 850 00:41:20,900 --> 00:41:23,080 >> Kwa hiyo nitakuwa mahitaji yake. 851 00:41:23,080 --> 00:41:24,230 Mimi itabidi kwenda mbele na bonyeza yake. 852 00:41:24,230 --> 00:41:27,890 Na, aina ya, alifanya slide weird juu ya jambo, ambao hawakuwa kuangalia kwamba 853 00:41:27,890 --> 00:41:29,580 kuvutia. 854 00:41:29,580 --> 00:41:31,060 Kwa ujumla, hawana kuangalia pretty nice. 855 00:41:31,060 --> 00:41:32,720 Nadhani hii - kwa baadhi sababu - hakufanya hivyo. 856 00:41:32,720 --> 00:41:36,640 Mimi itabidi kufanya fade nje ili unaweza kuangalia pia. 857 00:41:36,640 --> 00:41:38,100 Nicer sana. 858 00:41:38,100 --> 00:41:41,150 >> Na kisha, kama mimi kufungua JavaScript kuwafariji tena na sisi wanataka kuona nini 859 00:41:41,150 --> 00:41:43,900 inaonekana kama wakati sisi kuisha hivyo in 860 00:41:43,900 --> 00:41:46,920 Sasa, mimi kuwaita tu kuisha katika juu yake. 861 00:41:46,920 --> 00:41:48,830 Na unafifia nyuma in 862 00:41:48,830 --> 00:41:56,150 >> Vile vile, tunaweza kweli pia kupita hoja kufifia au kuisha nje, 863 00:41:56,150 --> 00:41:57,640 ambayo ni, aina ya, kasi yake. 864 00:41:57,640 --> 00:42:02,220 Basi hebu kwenda mbele na kusema tunataka ni kwenda polepole kuisha in 865 00:42:02,220 --> 00:42:04,250 Kwa hiyo mimi nadhani bado walionekana pretty haraka. 866 00:42:04,250 --> 00:42:06,180 Lakini ilikuwa ni polepole zaidi kuliko kabla. 867 00:42:06,180 --> 00:42:10,340 >> TOMAS REIMERS: Na kama unataka kupata nje zaidi kuhusu mambo haya, tena, 868 00:42:10,340 --> 00:42:13,410 tu kwenda nyaraka jQuery, ambayo tumekuwa kupeni, na kusoma 869 00:42:13,410 --> 00:42:13,735 njia hizi. 870 00:42:13,735 --> 00:42:15,790 Wao hati kazi zao incredibly vizuri. 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 Kwa hiyo mimi nadhani hebu kwenda nyuma na hii. 874 00:42:21,560 --> 00:42:23,490 Na tunaweza kuongea kuhusu ukurasa yetu ya mwisho. 875 00:42:23,490 --> 00:42:24,690 Naam, tunaweza kumaliza na Bootstrap. 876 00:42:24,690 --> 00:42:27,140 Na kisha tutaweza kufungua it up kwa baadhi ya maswali. 877 00:42:27,140 --> 00:42:30,180 Na kama wewe guys kuwa na mawazo yoyote kwamba Ningependa kujaribu kutupa up na kuona 878 00:42:30,180 --> 00:42:34,150 kama tunaweza kutekeleza yao na JavaScript haraka. 879 00:42:34,150 --> 00:42:37,890 >> Hivyo kweli haraka kuhusu Bootstrap, ambayo ilikuwa moja kwa moja ni pamoja na katika 880 00:42:37,890 --> 00:42:41,700 tatizo lako mwisho kuweka katika CSS folder na kwa kweli wanaohusishwa na katika yako 881 00:42:41,700 --> 00:42:43,190 header.PHP. 882 00:42:43,190 --> 00:42:46,740 Hivyo unaweza aliongeza kuwa madarasa ambayo hufafanuliwa ndani ya Bootstrap yake. 883 00:42:46,740 --> 00:42:50,490 Na ingekuwa moja kwa moja haswa mambo hayo ipasavyo. 884 00:42:50,490 --> 00:42:54,550 >> TOMAS REIMERS: Kwa hiyo Bootstrap ni sana kitu kichawi zilizotengenezwa na watu 885 00:42:54,550 --> 00:42:55,340 katika Twitter. 886 00:42:55,340 --> 00:42:57,230 Na nini ilikuwa maana ya kufanya ni - 887 00:42:57,230 --> 00:43:00,740 kabla ya Nje walikuwa kweli kwa bidii na kufanya kuangalia nzuri, hasa wakati tulikuwa 888 00:43:00,740 --> 00:43:02,200 mengi ya vipengele kawaida. 889 00:43:02,200 --> 00:43:04,770 Hivyo mengi ya kifungo juu ya mtandao inaonekana sawa. 890 00:43:04,770 --> 00:43:08,960 >> mengi ya mashamba Nakala zinaweza kufanywa kuangalia bora kuliko kiwango asilia 891 00:43:08,960 --> 00:43:13,620 shamba pengine kujua kutoka kwa kweli Nje ya zamani au kweli iliyotengenezwa vibaya 892 00:43:13,620 --> 00:43:18,210 Nje, ambayo tu kuangalia kama halisi masanduku Nakala bila aina yoyote ya maandishi 893 00:43:18,210 --> 00:43:21,190 kivuli au aina yoyote ya nzuri muhtasari. 894 00:43:21,190 --> 00:43:24,540 Kwa hiyo kile Bootstrap alifanya alikuwa hayo, wakasema, vizuri, tuna mengi ya mitindo ya kawaida. 895 00:43:24,540 --> 00:43:28,210 Mbona sisi kufanya moja ya kawaida seti ya CSS na seti moja ya JavaScript kama 896 00:43:28,210 --> 00:43:32,210 vizuri, ambayo inaweza style kama ni na ambayo inaweza kutoa watu mambo kama tone 897 00:43:32,210 --> 00:43:34,610 chini menus, ambayo inaweza kutoa watu mambo kama modals. 898 00:43:34,610 --> 00:43:38,580 >> Modal ni nini pops juu ya ukurasa wakati wowote ni madhubuti kusema 899 00:43:38,580 --> 00:43:41,090 kitu, ambayo huzuia zaidi mwingiliano mpaka 900 00:43:41,090 --> 00:43:43,110 kuingiliana na yake. 901 00:43:43,110 --> 00:43:45,820 Jambo kama hili, wewe ni kuhakikisha unataka kufuta jambo hili? 902 00:43:45,820 --> 00:43:49,100 Unaweza si kweli kufanya kitu kingine chochote mpaka kusema ndiyo au hapana. 903 00:43:49,100 --> 00:43:52,720 >> Ilichukua haya yote na vifurushi ni pamoja na akasema, hapa sisi kwenda. 904 00:43:52,720 --> 00:43:54,630 Watu sasa wanaweza kutumia hii. 905 00:43:54,630 --> 00:43:56,830 Na unaweza kupata juu ya katika getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Ilikuwa moja kwa moja ni pamoja na ndani ya tatizo lako mwisho kuweka. 907 00:44:00,480 --> 00:44:04,160 Na wewe ni zaidi ya kuwakaribisha kwa matumizi yake juu ya mradi wako wa mwisho. 908 00:44:04,160 --> 00:44:06,950 Na kama unataka kufuata kwamba kuhusisha kupata Bootstrap. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Utaona hapa ni Bootstrap CSS tovuti. 911 00:44:15,700 --> 00:44:16,860 Utaona Bootstrap. 912 00:44:16,860 --> 00:44:20,450 Na kama wewe kitabu chini, utaona jinsi ya kushusha ni, jinsi ya 913 00:44:20,450 --> 00:44:21,900 kufunga hiyo, na kadhalika. 914 00:44:21,900 --> 00:44:24,700 >> MIKE Rizzo: Na unaweza pia, Inafurahisha kutosha, Customize 915 00:44:24,700 --> 00:44:27,770 kuwa aina yoyote ya mandhari kwamba unataka. 916 00:44:27,770 --> 00:44:31,270 Najua kwamba kitu mimi kwa yangu mradi wa mwisho wakati mimi alichukua darasa 917 00:44:31,270 --> 00:44:32,050 ilikuwa Customize. 918 00:44:32,050 --> 00:44:34,540 toleo mbalimbali ya Bootstrap kwamba alikuwa alama ya mpango mbalimbali na 919 00:44:34,540 --> 00:44:36,700 maumbo tofauti ya baadhi mambo mbalimbali. 920 00:44:36,700 --> 00:44:38,250 Basi, mimi moyo kwa kucheza na hiyo. 921 00:44:38,250 --> 00:44:39,440 Ni aina ya furaha kufanya. 922 00:44:39,440 --> 00:44:43,230 >> TOMAS REIMERS: Kuangalia kote juu tena, ni sawa na herufi 923 00:44:43,230 --> 00:44:44,970 Kutisha tovuti. 924 00:44:44,970 --> 00:44:47,810 mengi ya nyaraka kuanza kuonekana kama hiyo wakati wameweza 925 00:44:47,810 --> 00:44:48,940 kuonekana kutosha yake. 926 00:44:48,940 --> 00:44:51,260 Kwa hiyo hapa tuna CSS sehemu ya hili. 927 00:44:51,260 --> 00:44:53,540 Na utaona jinsi unaweza style mambo. 928 00:44:53,540 --> 00:44:56,780 Hivyo kama wewe bonyeza meza, kwa mfano, unaweza instantly kufanya 929 00:44:56,780 --> 00:45:01,710 meza pretty kwa kifupi kuongeza darasa meza yake. 930 00:45:01,710 --> 00:45:03,150 >> Mambo sawa kwa vifungo. 931 00:45:03,150 --> 00:45:12,140 Kama wewe tu kuongeza darasa BTN na BTN default au BTN ya msingi, unaweza 932 00:45:12,140 --> 00:45:16,240 kupata moja yoyote ya kifungo haya na haya mitindo kabla ya kufanywa. 933 00:45:16,240 --> 00:45:18,570 Na kisha, kama wewe ni kuangalia kwa kitu ngumu zaidi kuliko tu 934 00:45:18,570 --> 00:45:24,100 hutengenezwa kwa mkao nini w tayari, juu ya juu ya JavaScript tab katika sisi juu 935 00:45:24,100 --> 00:45:25,120 kuwa na rundo ya vipengele. 936 00:45:25,120 --> 00:45:30,410 >> Kwa hiyo hapa tuna mabadiliko, modals, dropdowns, tabo, na tooltips. 937 00:45:30,410 --> 00:45:35,530 tooltip ni nini pops up chini ya yako panya wakati hover juu ya kitu. 938 00:45:35,530 --> 00:45:40,280 Popovers, alerts, vifungo, collapsible accordions ni nini 939 00:45:40,280 --> 00:45:41,190 wao ni kawaida kuitwa. 940 00:45:41,190 --> 00:45:43,045 Carousels, ambayo flip kwa njia kama images. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Basi hizo vipengele ya Bootstrap. 943 00:45:54,840 --> 00:45:57,620 Napenda moyo sana kwenda kuangalia yao. 944 00:45:57,620 --> 00:46:01,780 Kuna JavaScript sehemu na sehemu CSS. 945 00:46:01,780 --> 00:46:03,880 Kujisikia huru kutumia yao kama wewe. 946 00:46:03,880 --> 00:46:06,730 Sisi siyo kwenda sana ndani yao kwa sababu sisi kuhisi nyaraka 947 00:46:06,730 --> 00:46:09,360 ni kweli vizuri. 948 00:46:09,360 --> 00:46:10,540 Na yeah. 949 00:46:10,540 --> 00:46:14,500 Je, una maswali yoyote kuhusu hilo? 950 00:46:14,500 --> 00:46:19,430 >> MIKE Rizzo: Kwa hiyo kama ni kweli haraka upande, mpango wa tovuti hii kwamba 951 00:46:19,430 --> 00:46:21,830 sisi haraka kuweka pamoja kwa mada hii ni 952 00:46:21,830 --> 00:46:24,290 kweli kufanyika kwa kutumia Bootstrap. 953 00:46:24,290 --> 00:46:27,810 Kama unaweza kuona, wakati sisi bonyeza juu ya haya tabo mbalimbali, sisi ni kweli kamwe 954 00:46:27,810 --> 00:46:30,750 kuacha sasa index.html ukurasa huu. 955 00:46:30,750 --> 00:46:36,400 Hivyo kile sisi na ni divs mbalimbali ndani ya index.html hii. 956 00:46:36,400 --> 00:46:39,610 Na kisha, wakati sisi bonyeza mbalimbali tab, ni tu kubadilisha 957 00:46:39,610 --> 00:46:41,590 ambayo kuonyesha ya mtu. 958 00:46:41,590 --> 00:46:47,390 >> Hivyo ipasavyo nafasi yao, mabadiliko HTML ya ukurasa ili 959 00:46:47,390 --> 00:46:52,330 tab sasa ni alama kama kazi ili inaonekana tofauti na inaonekana 960 00:46:52,330 --> 00:46:52,820 ni nzuri. 961 00:46:52,820 --> 00:46:57,260 >> TOMAS REIMERS: Basi hiyo ilikuwa yote kufanyika bila sisi kuandika karibu yoyote CSS. 962 00:46:57,260 --> 00:47:01,440 Tunaona pia header kote juu, ambayo rangi ni na sisi. 963 00:47:01,440 --> 00:47:04,800 Lakini halisi kuweka juu ya juu ya ukurasa na kufanya 964 00:47:04,800 --> 00:47:06,660 ni kitabu mara Bootstrap. 965 00:47:06,660 --> 00:47:09,720 Na kisha hata kwa ajili ya maktaba nyingine - hii ni mmoja kuongelea lakini moja 966 00:47:09,720 --> 00:47:11,580 unaweza Google kama unataka. 967 00:47:11,580 --> 00:47:15,130 Hii inaitwa prettify.js. 968 00:47:15,130 --> 00:47:20,650 Na itakuwa syntax kuonyesha code yako kwa wewe kutumia wote CSS na JavaScript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> Jambo la mwisho tunataka kuzungumza juu ya kabla ya kutolewa nje katika 971 00:47:27,070 --> 00:47:30,620 dunia kuangalia maktaba kufikiri jinsi ya matumizi yao na, hopefully, 972 00:47:30,620 --> 00:47:34,640 kusoma nyaraka na kupata nini haja ni jinsi ya kupata maktaba. 973 00:47:34,640 --> 00:47:37,000 Hivyo kwanza ni tuko tu kwenda kushinikiza Google. 974 00:47:37,000 --> 00:47:37,810 Kwenda Google. 975 00:47:37,810 --> 00:47:41,150 >> Hiyo ni halisi nini cha kufanya wakati sisi haja ya kufanya kitu ni sisi Google. 976 00:47:41,150 --> 00:47:44,730 Je, kuna maktaba JavaScript kwamba inaruhusu mimi kuendesha wakati katika 977 00:47:44,730 --> 00:47:45,400 muhimu njia? 978 00:47:45,400 --> 00:47:49,510 Basi, ikiwa mimi kujua kwamba baadhi ya mtumiaji kujenga akaunti hapa, na hii ni 979 00:47:49,510 --> 00:47:53,010 wakati wa sasa, jinsi gani naweza mahesabu ya tofauti na kwamba bila ya kuwa na 980 00:47:53,010 --> 00:47:55,020 mahesabu yake mwenyewe? 981 00:47:55,020 --> 00:47:59,630 Hivyo hii ni kweli jambo la kawaida, JavaScript maktaba wakati. 982 00:47:59,630 --> 00:48:02,440 Na hapa sisi Moment.js-- maarufu moja. 983 00:48:02,440 --> 00:48:06,530 >> Kama tunahitaji maktaba kuendesha kitu kama rangi kuwa na uwezo wa 984 00:48:06,530 --> 00:48:08,650 kuzalisha kundi la rangi random - 985 00:48:08,650 --> 00:48:10,660 pengine, kwa kuzalisha style au kitu - 986 00:48:10,660 --> 00:48:13,480 tunaweza Google kitu kama JavaScript rangi maktaba. 987 00:48:13,480 --> 00:48:15,620 Na mimi nina uhakika sisi ingekuwa pop up na na elfu mmoja wao. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Wewe ni kuwakaribisha kusoma kwa njia yao. 990 00:48:21,410 --> 00:48:24,610 >> Basi mambo zaidi - wakati kupata yao - ni kwenda kuwa mwenyeji kwenye moja ya 991 00:48:24,610 --> 00:48:25,920 maeneo ambayo jeshi code. 992 00:48:25,920 --> 00:48:26,960 Wao ni ni wachache ndio maarufu. 993 00:48:26,960 --> 00:48:30,870 maarufu zaidi, na mbali, ni github.com. 994 00:48:30,870 --> 00:48:35,300 Na kama wewe kwenda GitHub ni kweli ambapo kurejesha ilikuwa mwenyeji. 995 00:48:35,300 --> 00:48:36,950 Hivyo kama unataka kwenda nyuma na kwamba moja. 996 00:48:36,950 --> 00:48:38,135 Kuwaonyesha kwamba. 997 00:48:38,135 --> 00:48:40,516 >> MIKE Rizzo: Na hiyo ni kweli ambapo hii ni mwenyeji pia, kama wewe niliona. 998 00:48:40,516 --> 00:48:41,000 >> TOMAS REIMERS: Yeah. 999 00:48:41,000 --> 00:48:49,078 Hivyo kama wewe kwenda juu na kurejesha na kwenda GitHub. 1000 00:48:49,078 --> 00:48:51,936 Walikuwa ni kwamba? 1001 00:48:51,936 --> 00:48:54,620 >> MIKE Rizzo: kidogo Hiyo paka kitu ni GitHub mfano. 1002 00:48:54,620 --> 00:48:56,330 >> TOMAS REIMERS: Oh. 1003 00:48:56,330 --> 00:49:02,180 Hivyo GitHub anatumia njia iitwayo Git kuhifadhi code. 1004 00:49:02,180 --> 00:49:05,150 Ni wewe hawajui nini kuwa ni au ni frightens wewe, hiyo ni nzuri. 1005 00:49:05,150 --> 00:49:16,100 Huwezi kujua nini Git ni kwa sababu GitHub ina Download kifungo 1006 00:49:16,100 --> 00:49:17,200 chini ya haki. 1007 00:49:17,200 --> 00:49:21,350 >> nyingine jambo muhimu kujua kuhusu GitHub ni bidhaa nyingi 1008 00:49:21,350 --> 00:49:23,200 itakuwa na kusoma yangu. 1009 00:49:23,200 --> 00:49:25,400 Na kama hawana tovuti, kusoma me majadiliano kuhusu jinsi ya 1010 00:49:25,400 --> 00:49:28,310 kufunga hiyo, jinsi gani matumizi yake, ni nini gani, nakadhalika, nakadhalika, na kadhalika. 1011 00:49:28,310 --> 00:49:31,033 Nini tumekuwa kimsingi imekuwa kutembea wewe kupitia. 1012 00:49:31,033 --> 00:49:32,326 >> MIKE Rizzo: mtandao wa kuacha. 1013 00:49:32,326 --> 00:49:34,020 >> TOMAS REIMERS: Hiyo ni sawa. 1014 00:49:34,020 --> 00:49:36,980 mambo mawili mwisho tulitaka kwa majadiliano juu - 1015 00:49:36,980 --> 00:49:38,750 tumekuwa kuongelea Git - 1016 00:49:38,750 --> 00:49:40,290 ni troubleshooting. 1017 00:49:40,290 --> 00:49:43,020 Na hii ni moja ya si kama husika kwa ajili ya bidhaa ya mwisho kama ni 1018 00:49:43,020 --> 00:49:44,870 ukiacha 50. 1019 00:49:44,870 --> 00:49:48,310 Na wakati wewe kukimbia katika bidhaa utekelezaji wa maktaba au kutekeleza 1020 00:49:48,310 --> 00:49:50,230 mradi wako mwenyewe, wewe kwenda kuwa na maswali au wewe ni 1021 00:49:50,230 --> 00:49:51,660 kwenda kuangalia kwa maswali. 1022 00:49:51,660 --> 00:49:53,060 >> Tena, Google yake. 1023 00:49:53,060 --> 00:49:54,630 Hiyo ni halisi nini cha kufanya. 1024 00:49:54,630 --> 00:49:56,400 Hii ni kwenda kwa sauti silly. 1025 00:49:56,400 --> 00:49:58,310 Lakini literally, sisi Google yake. 1026 00:49:58,310 --> 00:50:01,810 Na tena, moja ya mambo ya kwanza utasikia kawaida kukimbia ndani ni 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, ambayo ni ya ajabu swali na jibu mbele. 1028 00:50:06,550 --> 00:50:10,530 >> Ni ajabu wote kwa sababu unaweza baada ya maswali na kuangalia kwa 1029 00:50:10,530 --> 00:50:12,760 majibu lakini pia kwa sababu tayari ina mengi ya 1030 00:50:12,760 --> 00:50:14,590 kabla ya wakazi maudhui ya huko. 1031 00:50:14,590 --> 00:50:18,510 Hivyo kawaida wakati Google programu swali ndani ya kwanza 1032 00:50:18,510 --> 00:50:22,620 wanandoa hits unaweza kuwa tayari kukimbia ndani yake wakati wa seti tatizo lako. 1033 00:50:22,620 --> 00:50:27,840 >> Na kisha, mwisho kitu kweli kwa kifupi ni JSFIDDLE, ambayo ni - leo tumekuwa 1034 00:50:27,840 --> 00:50:32,110 wamekuwa wakifanya kazi nyingi na JavaScript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE ni programu ya mtandao, ambayo kimsingi utapata kuchukua HTML yako, yako 1036 00:50:39,820 --> 00:50:42,820 JavaScript kushoto chini, na CSS yako juu kulia. 1037 00:50:42,820 --> 00:50:47,840 Na kisha inaweza kujenga haraka kutoa yake na kuona ni jinsi gani inaingiliana. 1038 00:50:47,840 --> 00:50:50,500 Ni muhimu sana wakati watu ni kujaribu kufanya ushahidi wa dhana kama 1039 00:50:50,500 --> 00:50:52,910 hii ni jinsi gani ingekuwa kufanya kushuka chini menu. 1040 00:50:52,910 --> 00:50:54,980 Labda Uncover haraka au chochote. 1041 00:50:54,980 --> 00:50:56,560 >> MIKE Rizzo: Basi hebu kwenda mbele na bonyeza hii. 1042 00:50:56,560 --> 00:50:57,820 kumbuka haraka - 1043 00:50:57,820 --> 00:51:00,430 ambapo, kabla tulikuwa kufanya juu ya click. 1044 00:51:00,430 --> 00:51:04,380 Zinageuka JCorey Korea pia ina kujengwa katika click tukio handler kwamba 1045 00:51:04,380 --> 00:51:07,020 anatumia kwa sababu tu ni takwimu uko atataka kufanya mambo mengi 1046 00:51:07,020 --> 00:51:08,410 wakati unataka bonyeza kitu. 1047 00:51:08,410 --> 00:51:09,690 >> Vile vile, pia ina hover. 1048 00:51:09,690 --> 00:51:12,850 Lakini kupata wigo kamili ya hizo, kuangalia jQuery 1049 00:51:12,850 --> 00:51:15,320 nyaraka na kufanya hivyo. 1050 00:51:15,320 --> 00:51:18,760 Mimi kitu kijinga hapa. 1051 00:51:18,760 --> 00:51:21,490 >> TOMAS REIMERS: Kwa hiyo mimi na kweli haraka mpango wa haki hapa, ambayo inasema 1052 00:51:21,490 --> 00:51:22,640 kifungo juu ya click. 1053 00:51:22,640 --> 00:51:23,890 Basi tuna kwa kitanzi. 1054 00:51:23,890 --> 00:51:26,810 Kwa i ni chini ya 404. 1055 00:51:26,810 --> 00:51:29,530 Ni tu kwenda pop up ujumbe huu tahadhari. 1056 00:51:29,530 --> 00:51:33,425 >> MIKE Rizzo: Na kile ambacho code 404 kusimama kwa ajili ya katika HTML? 1057 00:51:33,425 --> 00:51:34,145 Je, mtu yeyote kumbuka? 1058 00:51:34,145 --> 00:51:35,450 Hakuonekana, haki. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Chrome pia aliongeza na hili nadhifu kitu ambapo unaweza - 1061 00:51:40,885 --> 00:51:43,430 >> TOMAS REIMERS: Kwa sababu watu kama Mike kuanza kufanya hii mengi na 1062 00:51:43,430 --> 00:51:47,230 watumiaji annoying, ambayo inaruhusu kuona info. 1063 00:51:47,230 --> 00:51:48,286 >> MIKE Rizzo: Yeah. 1064 00:51:48,286 --> 00:51:50,690 >> TOMAS REIMERS: Je, tuna maswali yoyote kuhusu hili, juu ya JavaScript 1065 00:51:50,690 --> 00:51:53,420 maktaba, kutafuta maktaba, au inaonekana nini maendeleo ya mtandao 1066 00:51:53,420 --> 00:51:55,400 kama katika ulimwengu wa kweli? 1067 00:51:55,400 --> 00:51:56,880 Sisi ni mbio juu ya muda. 1068 00:51:56,880 --> 00:52:00,400 Basi, mimi nina uhakika tunakwenda kuwa na muda wa kutekeleza 1069 00:52:00,400 --> 00:52:02,290 kama ni kweli haraka. 1070 00:52:02,290 --> 00:52:04,580 Je, sisi nzuri? 1071 00:52:04,580 --> 00:52:08,110 >> MIKE Rizzo: kitu chochote nyie ungependa kuona kweli haraka katika, kama, mbili 1072 00:52:08,110 --> 00:52:09,556 dakika au chini? 1073 00:52:09,556 --> 00:52:10,870 >> TOMAS REIMERS: kitu chochote tunaweza kufafanua? 1074 00:52:10,870 --> 00:52:12,500 Jinsi ya kuandika katika - 1075 00:52:12,500 --> 00:52:13,260 >> Watazamaji: [inaudible]? 1076 00:52:13,260 --> 00:52:16,070 >> MIKE Rizzo: Ndiyo, hivyo that's - 1077 00:52:16,070 --> 00:52:18,065 >> TOMAS REIMERS: Unaweza tu hit Kudhibiti-U kwenye tovuti. 1078 00:52:18,065 --> 00:52:19,275 >> MIKE Rizzo: Oh, sikujua kwamba. 1079 00:52:19,275 --> 00:52:22,290 >> TOMAS REIMERS: Nadhani, yeah. 1080 00:52:22,290 --> 00:52:23,300 Kudhibiti-U. Yeah. 1081 00:52:23,300 --> 00:52:25,970 >> MIKE Rizzo: Oh, hivyo kwamba kanuni kwa ajili ya tovuti. 1082 00:52:25,970 --> 00:52:29,580 Lakini kama kweli unataka kupakua wetu files na kila kitu, ni mwenyeji 1083 00:52:29,580 --> 00:52:32,650 juu ya github.com 1084 00:52:32,650 --> 00:52:34,850 >> TOMAS REIMERS: kufyeka jina langu - 1085 00:52:34,850 --> 00:52:38,504 Tomas Reimers - slash CS50 hyphen semina. 1086 00:52:38,504 --> 00:52:40,710 >> MIKE Rizzo: Na unaweza kupata kila kitu huko. 1087 00:52:40,710 --> 00:52:42,310 >> TOMAS REIMERS: Hii ni nini GitHub inaonekana kama, kwa njia. 1088 00:52:42,310 --> 00:52:44,910 Hivyo tena, wakati unaweza kuona wazi chanzo mradi, kwa kawaida, wao utakuwa kusoma 1089 00:52:44,910 --> 00:52:45,950 me pale kwamba wewe unaweza kusoma. 1090 00:52:45,950 --> 00:52:50,200 Na kama wewe kurudi nyuma, wewe utakuwa taarifa kwamba una shusha zip, ambayo itakuwa 1091 00:52:50,200 --> 00:52:52,130 kuruhusu kushusha chanzo code ni pamoja na 1092 00:52:52,130 --> 00:52:53,666 bidhaa katika mambo yako mwenyewe. 1093 00:52:53,666 --> 00:52:56,890 >> MIKE Rizzo: Yeah, na kama sisi tu bonyeza juu ya index.html kweli haraka - 1094 00:52:56,890 --> 00:52:59,180 >> TOMAS REIMERS: Utaona hapa chanzo kanuni kwa ajili ya tovuti yetu. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> MIKE Rizzo: Pia, I forgot kushinikiza haki kabla na meza kubwa ni 1097 00:53:06,070 --> 00:53:09,860 pamoja, lakini pia kuna meza ya chmods kwamba sisi ni pamoja na 1098 00:53:09,860 --> 00:53:13,210 tu kwa ajili ya ufafanuzi wako. 1099 00:53:13,210 --> 00:53:16,940 Lakini kama sisi kitabu njia yote chini ya chini, hatukuwa kweli kufanya sana 1100 00:53:16,940 --> 00:53:21,160 sana na JavaScript mambo wakati wote na hili. 1101 00:53:21,160 --> 00:53:26,610 Ni peke kutoka kila kitu kingine kwamba tulikuwa. 1102 00:53:26,610 --> 00:53:28,730 >> Kwa hiyo asante guys kwa ajili ya kuja na kusikiliza. 1103 00:53:28,730 --> 00:53:29,830 Ni matumaini yetu hii ilikuwa kweli kusaidia. 1104 00:53:29,830 --> 00:53:33,020 Kama una JavaScript yoyote kuhusiana maswali au unataka tu kuzungumza juu ya 1105 00:53:33,020 --> 00:53:36,240 kile kingine kama mambo mengine baridi unaweza kufanya na JavaScript, tunatarajia upendo 1106 00:53:36,240 --> 00:53:37,186 kuzungumza na wewe. 1107 00:53:37,186 --> 00:53:40,010 >> TOMAS REIMERS: Kama una swali kuhusu mradi wako au kama hii inaweza kuwa 1108 00:53:40,010 --> 00:53:42,740 husika, tutaweza pengine fimbo karibu kidogo baada ya hii. 1109 00:53:42,740 --> 00:53:44,640 Lakini nyingine zaidi ya kwamba, kuwa na wiki mema mwishoni. 1110 00:53:44,640 --> 00:53:45,845 >> MIKE Rizzo: Yeah, kufurahia. 1111 00:53:45,845 --> 00:53:46,120 Angalia nyie. 1112 00:53:46,120 --> 00:53:47,370 >> TOMAS REIMERS: Angalia ya. 1113 00:53:47,370 --> 00:53:47,926