1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> Tomáš REIMERS: Hi, kulħadd. 3 00:00:08,180 --> 00:00:09,250 Jisimni Tomas Reimers. 4 00:00:09,250 --> 00:00:10,500 >> MIKE RIZZO: U jien Mike Rizzo. 5 00:00:10,500 --> 00:00:12,990 >> Tomáš REIMERS: Aħna huma tnejn mill CS50s TS. 6 00:00:12,990 --> 00:00:18,910 U llum aħna qed iwasslu s-seminar dwar JavaScript u CSS għall apps web. 7 00:00:18,910 --> 00:00:22,140 Jekk inti tixtieq li ssegwi tul, il- link huwa dritt hemmhekk. 8 00:00:22,140 --> 00:00:25,190 U inti tixtieq li tqiegħed lilha up fuq il-qosor tal-kompjuter? 9 00:00:25,190 --> 00:00:27,460 >> Hemm il-link. 10 00:00:27,460 --> 00:00:30,390 Huwa sit żgħir, li għandu rabtiet ma r-riżorsi kollha aħna qed tmur biex tkun 11 00:00:30,390 --> 00:00:36,490 tipponta inti llum u wkoll għandha ħafna ta ' informazzjoni utli bil-miktub mill magħna biex 12 00:00:36,490 --> 00:00:39,680 aqra aktar fil-fond meta inti tmur lura, u int tipprova tiftakar liema 13 00:00:39,680 --> 00:00:42,166 eżattament ma ngħidu, dak li kienu inti jitkellem dwar, eċċetera. 14 00:00:42,166 --> 00:00:43,870 >> MIKE RIZZO: Kull dritt. 15 00:00:43,870 --> 00:00:44,890 Mela ejja tibda. 16 00:00:44,890 --> 00:00:45,700 >> Tomáš REIMERS: Allura inti tixtieq li tibda? 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 Allura aħna l-ewwel riedet tibda bil wiesgħa ħarsa ġenerali dwar l-internet u 20 00:00:51,730 --> 00:00:54,240 fajl tipi meta tfassil websajts. 21 00:00:54,240 --> 00:00:57,550 Filwaqt li din il-preżentazzjoni aħna ma jridux jsibu rwieħhom fis JavaScript ħafna ħafna 22 00:00:57,550 --> 00:01:00,320 aktar tard, ridna li tibda off ma ' biss, tip ta ', bħal fehma a għasfur għajnejn 23 00:01:00,320 --> 00:01:03,270 ta 'dak website u kif biex jaħsbu dwar tfassil ta ' 24 00:01:03,270 --> 00:01:04,800 websajt għall-bidu. 25 00:01:04,800 --> 00:01:08,370 >> Allura inti guys, f'dan il-punt - magħha jkunu Ġimgħa bil-lejl - għandu jkollhom 26 00:01:08,370 --> 00:01:11,000 sottomessa finanzi CS50 tiegħek problema settijiet. 27 00:01:11,000 --> 00:01:15,260 Nisperaw, li kien togħma tajba ta 'dak programmazzjoni web jista' jkun. 28 00:01:15,260 --> 00:01:18,261 Iżda hawnhekk irridu, tip ta ', jagħtu inti togħma oħra, ukoll. 29 00:01:18,261 --> 00:01:23,190 >> Tomáš REIMERS: Allura biss biex terġa liema jiġri, meta inti tip URL tiegħek biex 30 00:01:23,190 --> 00:01:26,650 web browser tiegħek, li URL gets sorveljata fil-kompjuter. 31 00:01:26,650 --> 00:01:28,590 U l-kompjuter tiegħek konnessi kompjuter għall-ieħor, 32 00:01:28,590 --> 00:01:29,890 li tospita din il-websajt. 33 00:01:29,890 --> 00:01:33,150 OK, hekk meta inti tmur google.com, int konnessi ma 'waħda Google 34 00:01:33,150 --> 00:01:36,496 kompjuters, li għandha l- fajls għall google.com. 35 00:01:36,496 --> 00:01:38,750 >> Imbagħad jitlob għal fajl speċifiku. 36 00:01:38,750 --> 00:01:40,020 Mela jekk inti tmur - 37 00:01:40,020 --> 00:01:41,550 I do not know - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html jew / test.html, int ser jistaqsu għal 39 00:01:48,170 --> 00:01:49,340 dan il-fajl speċifiku. 40 00:01:49,340 --> 00:01:52,780 U s-server tal-web għaddej li jirritornaha lill inti. 41 00:01:52,780 --> 00:01:54,910 >> Imbagħad, ladarba inti tmur permezz dan il-fajl - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 darba int kompjuter gets li fajl - li għaddej biex tibda 44 00:01:59,950 --> 00:02:00,820 li jibnu web page. 45 00:02:00,820 --> 00:02:03,020 Allura issa hija għandha l-file HTML, li huwa tip ta bħall- 46 00:02:03,020 --> 00:02:05,170 istruttura tal-paġna web. 47 00:02:05,170 --> 00:02:08,620 Il-fajl HTML jista 'wkoll referenza Fajls CSS, li jiddefinixxu l- 48 00:02:08,620 --> 00:02:09,889 istil tal-paġna web. 49 00:02:09,889 --> 00:02:12,970 >> JavaScript fajls, li jiddefinixxi interazzjoni ma 'l-web page. 50 00:02:12,970 --> 00:02:15,200 Fajls immaġini, li huma biss immaġini. 51 00:02:15,200 --> 00:02:19,450 U possibilment link għal fajls oħra HTML, li tista 'mbagħad żżur. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> MIKE RIZZO: OK, kbir. 54 00:02:24,380 --> 00:02:28,980 Allura inti guys jkollhom kollox, forsi, painstakingly twaqqaf ospitanti lokali tiegħek 55 00:02:28,980 --> 00:02:30,810 fuq magna virtwali tiegħek. 56 00:02:30,810 --> 00:02:35,650 U li biss, tip ta ', huwa l-lokali dominju li l-kompjuter tiegħek tospita biss 57 00:02:35,650 --> 00:02:38,760 għalik fl-indirizz IP tiegħek stess. 58 00:02:38,760 --> 00:02:43,300 >> Hekk fi żmien dak, allura inti tista 'żżid lilha paġni web tiegħek stess. 59 00:02:43,300 --> 00:02:47,655 I tfisser, CS50 Finanzi, inti għandu jkollhom miżjuda xi paġni HTML, li huma, 60 00:02:47,655 --> 00:02:49,410 tip ta ', imgeżwer fil-tgeżwir PHP. 61 00:02:49,410 --> 00:02:54,690 Iżda fl-aħħar, liema paġni PHP tiegħek kienu outputting kien HTML. 62 00:02:54,690 --> 00:02:58,210 >> Imma taħseb lura għall-bidu nett tal-PSET, kellna biex jistabbilixxu 63 00:02:58,210 --> 00:03:00,890 il-permessi għal kollox, id-dritt? 64 00:03:00,890 --> 00:03:07,270 Allura dan biss bażikament tikri us know li jistgħu jaqraw, jiktbu, u possibilment 65 00:03:07,270 --> 00:03:08,730 tesegwixxi kull wieħed mill-fajls. 66 00:03:08,730 --> 00:03:11,870 Allura aħna qed tmur biex tagħmel quick - hm? 67 00:03:11,870 --> 00:03:15,660 >> Tomáš REIMERS: Allura aħna qed tmur biex jagħmlu demo malajr. 68 00:03:15,660 --> 00:03:19,560 Hekk biss biex infakkarkom, meta inti jgħaqqdu l-kompjuter Google - 69 00:03:19,560 --> 00:03:20,690 min - 70 00:03:20,690 --> 00:03:24,060 u li jsaqsi għal fajl, il-kompjuter ewwel jeħtieġ li tagħmel żgur li int qed awtorizzat 71 00:03:24,060 --> 00:03:28,790 li attwalment tara dan il-fajl jew taqra li fajl għaliex inti ma tistax staqsi 72 00:03:28,790 --> 00:03:30,430 għal kwalunkwe fajl fuq li l-kompjuter, id-dritt? 73 00:03:30,430 --> 00:03:32,260 Dan ikun ta 'periklu tas-sigurtà. 74 00:03:32,260 --> 00:03:37,020 >> Allura fajls fuq is-sistemi li nużaw, bħall- dan appliance CS50, tliet 75 00:03:37,020 --> 00:03:39,200 nies ġenerali li jista 'jkollhom permessi għal xi ħaġa. 76 00:03:39,200 --> 00:03:41,610 L-ewwel hija l-attwali sid ta 'istess fajl. 77 00:03:41,610 --> 00:03:43,820 It-tieni huwa l-grupp li il-fajl jappartjeni. 78 00:03:43,820 --> 00:03:46,090 Aħna mhux se tiffoka wisq fuq dak. 79 00:03:46,090 --> 00:03:50,010 U l-aħħar ħaġa hija, tip ta ', bħall- dinja jew bħal kulħadd li l- 80 00:03:50,010 --> 00:03:54,130 mhumiex speċifiċi għal dan il-fajl u ma jkollhom ebda drittijiet ta 'pussess fuq dan. 81 00:03:54,130 --> 00:04:05,650 >> Mela jekk ikollna sid, grupp, u mbagħad dinja. 82 00:04:05,650 --> 00:04:10,510 U mbagħad, għal kull waħda minn dawn il-gruppi, inti tista 'jkollha waħda minn tliet permessi, 83 00:04:10,510 --> 00:04:13,010 OK, jew multipli minnhom. 84 00:04:13,010 --> 00:04:15,070 Inti jista 'jkollhom permessi jinqara. 85 00:04:15,070 --> 00:04:16,560 Inti jista 'jkollhom permessi dritt. 86 00:04:16,560 --> 00:04:18,880 U inti tista 'tesegwixxi permessi. 87 00:04:18,880 --> 00:04:22,060 >> Allura f'termini ta 'tipi ta' fajls attwali, moqri permess huwa simili attwalment qari 88 00:04:22,060 --> 00:04:23,250 il-kontenut tal-fajl. 89 00:04:23,250 --> 00:04:24,730 Permess dritt huwa miktub li qal fajl. 90 00:04:24,730 --> 00:04:28,370 An tesegwixxi permess tkun qed taħdem il- fajl simili tagħmel meta inti tmexxi waħda 91 00:04:28,370 --> 00:04:29,620 proġetti CS50 tiegħek. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Allura meta aħna qed jaħsbu dwar fajls simili meta għandna bżonn biex jaqra HTML 94 00:04:38,820 --> 00:04:41,790 fajl, li jeħtieġ li jiġi dinja tinqara, right? 95 00:04:41,790 --> 00:04:44,420 Preżumibbilment, wkoll sid irid biex ikunu jistgħu jeditjaw dan il-fajl. 96 00:04:44,420 --> 00:04:46,610 Allura l-proprjetarju għaddej biex bżonn jaqraw u jiktbu permessi. 97 00:04:46,610 --> 00:04:48,710 Huma ma verament bżonn tesegwixxi. 98 00:04:48,710 --> 00:04:50,950 >> Grupp, aħna qed tmur biex jikkura l- istess kif id-dinja għal issa. 99 00:04:50,950 --> 00:04:54,610 Sabiex ikunu jeħtieġu permessi jinqara. 100 00:04:54,610 --> 00:04:57,310 Iżda dawn ma bżonn write jew tesegwixxi permessi. 101 00:04:57,310 --> 00:05:01,920 U issa, jekk naħsbu lura lill-ex- PSETs, dak li aħna jirrealizzaw dawn it-tip 102 00:05:01,920 --> 00:05:03,360 tal look like binarju, id-dritt? 103 00:05:03,360 --> 00:05:04,210 1 stands għall iva. 104 00:05:04,210 --> 00:05:05,040 0 għall-ebda. 105 00:05:05,040 --> 00:05:06,870 U nistgħu ngħidu tittraduċi dan binarja. 106 00:05:06,870 --> 00:05:10,478 >> Allura 110 binarja tkun 6. 107 00:05:10,478 --> 00:05:13,270 100 tkun 4. 108 00:05:13,270 --> 00:05:14,690 Istess dinja. 109 00:05:14,690 --> 00:05:20,846 Allura n-numru inti se tikseb għall- permessi għal dan ikun 644. 110 00:05:20,846 --> 00:05:24,400 >> MIKE RIZZO: U jekk taħseb lura għal meta inti chmoded xi ħaġa, nemmen 111 00:05:24,400 --> 00:05:28,980 huma taw fil-problema jistabbilixxu l- eżempju ta 'fejn inti tista' tagħmel 112 00:05:28,980 --> 00:05:36,470 xi ħaġa bħal chmod 644 u mbagħad fajl isem. 113 00:05:36,470 --> 00:05:39,980 Il-644 allura, inti issa tista tara direttament fejn li tiġi minn. 114 00:05:39,980 --> 00:05:42,840 Hekk nisperaw li jagħmel dan ftit aktar ċara. 115 00:05:42,840 --> 00:05:45,600 >> U mbagħad għal ċarezza inti Guy - 116 00:05:45,600 --> 00:05:48,200 oh yeah, hawnhekk dan huwa ġdid. 117 00:05:48,200 --> 00:05:53,260 Allura 600 imbagħad ikun biss l-eżempju aħna taw up hawn fejn is-sid għandu 118 00:05:53,260 --> 00:05:56,360 jaqraw u permessi dritt filwaqt li grupp u fid-dinja ma jkollhom ebda permessi 119 00:05:56,360 --> 00:05:58,145 aċċess għall-fajl. 120 00:05:58,145 --> 00:06:01,500 >> Tomáš REIMERS: U allura aħna għandna malajr lista ta 'permessi komuni. 121 00:06:01,500 --> 00:06:05,250 Allura direttorji, inti tixtieq li attwalment chmod 711. 122 00:06:05,250 --> 00:06:08,930 Quick annullament - għal direttorju li jkollhom permess eżekutibbli tfisser li tkun kapaċi 123 00:06:08,930 --> 00:06:11,680 li tiftaħ il-direttorju. 124 00:06:11,680 --> 00:06:15,280 Immaġini, CSS, JavaScript, ħtiġijiet HTML 644 minħabba li, bażikament, id-dinja 125 00:06:15,280 --> 00:06:16,400 bżonnijiet taqra permessi. 126 00:06:16,400 --> 00:06:20,960 >> U PHP, li inti guys raw għalkemm aħna mhux se jitkellem dwar dan 127 00:06:20,960 --> 00:06:24,880 strettament hija tipikament chmoded ma permess 600 għaliex dan huwa run 128 00:06:24,880 --> 00:06:26,540 l-permessi tas-sid. 129 00:06:26,540 --> 00:06:27,790 Mill-inqas fuq l-appliance. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> MIKE RIZZO: Mela jekk inti ma speċifikament tispeċifika liema tip ta 'fajl 132 00:06:36,870 --> 00:06:39,480 trid fil-fatt iffissar up din il-preżentazzjoni - 133 00:06:39,480 --> 00:06:43,490 kellna problema ma 'dan minħabba kollox ma kienx chmoded korrett - 134 00:06:43,490 --> 00:06:47,550 int ser tikseb, tip ta ', żball projbit li l-websajt 135 00:06:47,550 --> 00:06:49,700 fatt ma għandekx permess għall-aċċess kwalunkwe fajl 136 00:06:49,700 --> 00:06:51,370 inti tixtieq li l-aċċess. 137 00:06:51,370 --> 00:06:54,780 U ovvjament, li jista 'jiġi stabbilit - bħal fil-problema stabbilit - billi jinbidlu 138 00:06:54,780 --> 00:06:56,405 permessi xieraq. 139 00:06:56,405 --> 00:06:59,620 >> Tomáš REIMERS: U l-aħħar kumment għal iżvilupp malajr lokali - aħna 140 00:06:59,620 --> 00:07:02,000 ressqet dan up, iżda aħna biss riedu biex dan jilħaq mill-ġdid - 141 00:07:02,000 --> 00:07:06,230 jekk inti ssaqsi għal server - ospitanti hekk lokali, per eżempju, com jew ikun x'ikun. - 142 00:07:06,230 --> 00:07:09,170 u inti ma jispeċifikawx fajl speċifiku, l-fajl li l-kompjuter tiegħek huwa għaddej 143 00:07:09,170 --> 00:07:11,540 li jistaqsu għal tissejjaħ index.html. 144 00:07:11,540 --> 00:07:12,790 Jew jekk dak ma jeżistix, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Kessaħ. 147 00:07:16,350 --> 00:07:19,560 Allura dak biss terġa 'kollox, nisperaw, li aħna stajt koperti 148 00:07:19,560 --> 00:07:22,800 taqsima, u lecture, u s'issa fil CS50. 149 00:07:22,800 --> 00:07:26,110 U issa aħna qed tmur biex tibda titkellem dwar speċifikament Libreriji. 150 00:07:26,110 --> 00:07:30,270 JavaScript u CSS libreriji għall apps web. 151 00:07:30,270 --> 00:07:36,350 >> Allura raġuni waħda malajr għaliex għandna libreriji huwa l-ipprogrammar - 152 00:07:36,350 --> 00:07:39,000 hemm ħafna ta 'problemi fil- programmazzjoni, li jżommu popping up 153 00:07:39,000 --> 00:07:40,570 għal darb'oħra, u għal darb'oħra, u għal darb'oħra. 154 00:07:40,570 --> 00:07:43,870 Tista 'tinnota li ħafna ta' websajts bżonn l-abbiltà li jkollhom drop down 155 00:07:43,870 --> 00:07:49,100 menus, per eżempju, jew jeħtieġu l-ħila li jkollhom buttuna standard ħafna 156 00:07:49,100 --> 00:07:51,400 stil, li ma jistax ikun l-eħfef ħaġa. 157 00:07:51,400 --> 00:07:54,670 Issa li inti tibda tikseb fis HTML, inti tirrealizza li buttuni jistgħu attwalment 158 00:07:54,670 --> 00:07:57,720 tfittex verament ikrah jekk inti ma tagħmel xejn. 159 00:07:57,720 --> 00:08:00,830 >> Allura ħafna nies bil-miktub imsejħa libreriji. 160 00:08:00,830 --> 00:08:02,990 U f'dan il-kuntest, dawn qed imsejħa wkoll oqfsa. 161 00:08:02,990 --> 00:08:04,790 Aħna ser tuża l- tnejn minflok xulxin. 162 00:08:04,790 --> 00:08:07,360 U liema huma hija li qed bażikament biċċiet premade ta 'kodiċi - 163 00:08:07,360 --> 00:08:09,130 jew CSS jew JavaScript - 164 00:08:09,130 --> 00:08:13,240 li jieħdu bogħod ħafna ta 'l- tim għandek fil kodifikazzjoni. 165 00:08:13,240 --> 00:08:17,290 >> Allura dawn qabel jiddefinixxu mazz ta 'klassijiet jew pre-definiti mazz ta 'funzjonijiet għal 166 00:08:17,290 --> 00:08:20,110 Każ JavaScript, li inti tista 'sejħa aktar tard. 167 00:08:20,110 --> 00:08:22,690 U allura inti tista ', tip ta', jiksbu aċċess għal dan il-kodiċi mingħajr 168 00:08:22,690 --> 00:08:23,710 jkollhom jagħmlu xejn. 169 00:08:23,710 --> 00:08:27,750 Eżempju tal-librerija kien CS50.H. Dan kien librerija aħna taw lilek lura 170 00:08:27,750 --> 00:08:32,090 fil-ġimgħa, li ppermetta li tagħmel affarijiet bħal dik GetInt u GetString 171 00:08:32,090 --> 00:08:35,237 mingħajr ma jkollhom jiktbu kwalunkwe kodiċi yourself. 172 00:08:35,237 --> 00:08:36,179 >> MIKE RIZZO: Kull dritt. 173 00:08:36,179 --> 00:08:40,299 So here, bħad kellna biex jinkludu fil ċ tagħna fajls l differenti 174 00:08:40,299 --> 00:08:46,570 libreriji, aħna wkoll għandha tinkludi b'mod HTML tagħna fajls libreriji differenti. 175 00:08:46,570 --> 00:08:50,310 Per eżempju, jekk ridna li jinkludu a JavaScript librerija speċifika hawn, 176 00:08:50,310 --> 00:08:52,850 forsi, wieħed li konna bil-miktub lilna nfusna kif huwa ospitat lokalment 177 00:08:52,850 --> 00:08:56,000 imsejħa script.js, aħna biss jużaw dan notazzjoni. 178 00:08:56,000 --> 00:08:59,500 >> Allura aħna għandna ugwali tip iskrittura Ugwali JavaScript sors 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 U jekk taħseb lura għall-CS50 tiegħek problema finanzi stabbiliti, jekk inti ħarsu 181 00:09:05,190 --> 00:09:09,190 header.php fil-folder templates, għandek raw 182 00:09:09,190 --> 00:09:10,970 xi wħud minn dawn inklużi. 183 00:09:10,970 --> 00:09:13,250 Allura dan l-ewwel wieħed - l-iskripts - 184 00:09:13,250 --> 00:09:16,080 huwa inkluż librerija JavaScript. 185 00:09:16,080 --> 00:09:18,760 Inklużi librerija CSS huwa xi ftit differenti. 186 00:09:18,760 --> 00:09:21,430 >> Hawnhekk, minflok l-iskrittura TAG għandek bżonn l-tag link. 187 00:09:21,430 --> 00:09:27,110 U mbagħad, it-tip CSS test huwa xi ftit differenti. 188 00:09:27,110 --> 00:09:29,270 Inti mhux dejjem ikollhom biex jinkludu karta tal-istil rel. 189 00:09:29,270 --> 00:09:30,970 Imma naħseb huwa, ġeneralment, prattika tajba. 190 00:09:30,970 --> 00:09:35,810 >> U mbagħad finalment, l-HREF, li inti probabbilment raw ATAGs tiegħek għall-irbit 191 00:09:35,810 --> 00:09:39,440 fl links differenti biss jispeċifika il-link ta 'fejn issib li. 192 00:09:39,440 --> 00:09:42,250 Per eżempju, jekk ridna li jgħaqqad librerija differenti - ejja biss jgħidu - 193 00:09:42,250 --> 00:09:49,330 li għexu styles.css. 194 00:09:49,330 --> 00:09:54,030 U ridna li link li f'dik l- ospitati fuq il-web, aħna se kopja li. 195 00:09:54,030 --> 00:09:58,834 U mbagħad paste fis x'ikun għandna dritt hawn minflok. 196 00:09:58,834 --> 00:10:01,340 >> Tomáš REIMERS: OK, nisperaw li int guys huma diġà familjari 197 00:10:01,340 --> 00:10:02,410 mal-mod kif jgħaqqad CSS. 198 00:10:02,410 --> 00:10:04,000 Inti kellha tagħmel dan fuq aħħar sett kannella tiegħek. 199 00:10:04,000 --> 00:10:07,110 JavaScript, xi wħud minnkom forsi jkollhom xi esperjenza. 200 00:10:07,110 --> 00:10:07,980 Xi wħud minnkom ma jistgħux. 201 00:10:07,980 --> 00:10:12,190 >> Allura għal issa, taf li fajl JavaScript hija simili ħafna fajl CSS fl 202 00:10:12,190 --> 00:10:15,640 -sens li inti tista 'rabta lilha jew li inti tista 'tinkludi dan internament. 203 00:10:15,640 --> 00:10:17,360 U dan jippermetti li inti affarijiet iskrittura. 204 00:10:17,360 --> 00:10:21,820 U aħna qed tmur biex jimxu miegħek permezz ta ' ftit ta 'JavaScript aktar tard. 205 00:10:21,820 --> 00:10:23,560 >> Hekk billi tuża librerija - 206 00:10:23,560 --> 00:10:26,150 ladarba inti stajt inklużi dan, huwa kif sempliċi kemm litteralment sejħa tal- 207 00:10:26,150 --> 00:10:29,640 funzjonijiet jew żżid il- ismijiet klassi għalih. 208 00:10:29,640 --> 00:10:32,220 L-aħħar ħaġa li rridu nitkellmu dwar f'termini ta 'librerija - 209 00:10:32,220 --> 00:10:34,180 u dan huwa aktar ta 'nota teknika - 210 00:10:34,180 --> 00:10:35,860 huwa liċenzjar sors miftuħ. 211 00:10:35,860 --> 00:10:41,550 Allura meta inti ssib dawn libreriji attwali, inti tista 'tkun ħsieb ta' 212 00:10:41,550 --> 00:10:47,630 mistoqsijiet simili huwa OK li jien biss jużaw kodiċi xi ħadd ieħor, speċjalment 213 00:10:47,630 --> 00:10:51,970 għaliex dan huwa xi ħaġa li aħna ħafna qallek li ma tagħmel f'dan il-kors. 214 00:10:51,970 --> 00:10:55,790 >> Allura fil-każ ta 'liċenzjar sors miftuħ, ħafna ta 'żviluppaturi - 215 00:10:55,790 --> 00:10:57,540 ladarba ħadthom miktub librerija, li jaħsbu jista 'jkun 216 00:10:57,540 --> 00:10:59,450 utli għal nies oħra - 217 00:10:59,450 --> 00:11:02,420 se tippubblika lill-web u tagħtiha liċenzja. 218 00:11:02,420 --> 00:11:06,620 U liċenzja bażikament jgħid I am hawnhekk jingħata permess għall-oħra 219 00:11:06,620 --> 00:11:11,250 persuni li jużaw din il-biċċa ta 'softwer mal-tip ta 'wara 220 00:11:11,250 --> 00:11:13,230 istipulazzjonijiet. 221 00:11:13,230 --> 00:11:16,100 >> Imxejna inkludew link għal sit tajjeb biex jgħinek tifhem il-liċenzji 222 00:11:16,100 --> 00:11:17,720 każ li inti run fis minnhom. 223 00:11:17,720 --> 00:11:21,680 Stipulazzjonijiet komuni huma affarijiet simili inti qed jilqgħu biex tuża librerija tiegħi hekk 224 00:11:21,680 --> 00:11:23,000 Sakemm inti tagħti me kreditu. 225 00:11:23,000 --> 00:11:25,670 Inti qed jilqgħu biex jintuża librerija tiegħi sakemm meta pawżi 226 00:11:25,670 --> 00:11:26,790 inti ma tort lili. 227 00:11:26,790 --> 00:11:30,310 Inti qed jilqgħu biex jintuża librerija tiegħi sakemm kif inti ma tużah biex jagħmlu l-flus 228 00:11:30,310 --> 00:11:31,910 għalik innifsek. 229 00:11:31,910 --> 00:11:34,130 Dawn huma tipi ta 'komuni istipulazzjonijiet. 230 00:11:34,130 --> 00:11:37,780 >> Għal dan il-proġett finali CS50, huma ma għandhomx ikunu relevanti super minħabba 231 00:11:37,780 --> 00:11:41,440 il-proġetti li inti guys użu huma probabbilment pjuttost, tip ta ', magħrufa. 232 00:11:41,440 --> 00:11:44,170 Imma meta inti attwalment tmur barra fil- dinja u tibda tuża libreriji, li 233 00:11:44,170 --> 00:11:48,100 jistgħu jew ma jistgħux jiġu implimentati kif ukoll uħud mill-aktar popolari aħna qed 234 00:11:48,100 --> 00:11:49,780 ser tkun għaddejja. 235 00:11:49,780 --> 00:11:53,310 Huwa tajjeb li jkunu jistgħu jifhmu dawn il-liċenzji u biex 236 00:11:53,310 --> 00:11:54,560 jifhmu dak li jfisser. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 U li jmorru lura. 239 00:11:58,586 --> 00:12:00,960 >> MIKE RIZZO: OK. 240 00:12:00,960 --> 00:12:04,850 Allura issa jimxu fuq eżempji tal CSS attwali. 241 00:12:04,850 --> 00:12:07,770 F'dan il-punt sa issa, inti tista ' ma jkunu ltaqgħu magħhom din. 242 00:12:07,770 --> 00:12:10,300 Imma inti jista 'jkollok jiltaqgħu magħhom fil- ħajja ta 'kuljum tiegħek fejn xi ħaġa 243 00:12:10,300 --> 00:12:13,160 li jistenna mod wieħed fuq il-browser wieħed ma tista 'tħares l-istess 244 00:12:13,160 --> 00:12:14,880 mod ieħor browser. 245 00:12:14,880 --> 00:12:17,400 >> Din tissejjaħ browser browser kompatibilità. 246 00:12:17,400 --> 00:12:20,780 U dejjem huwa dejjem aktar u aktar ta 'problema, speċjalment fir- 247 00:12:20,780 --> 00:12:25,260 browsers jieħdu aktar u aktar libertajiet li timplimenta l-affarijiet kif jixtiequ. 248 00:12:25,260 --> 00:12:28,440 Allura biex jingħeleb dan, hemm attwalment hija librerija kbira imsejħa Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> Tomáš REIMERS: Aħna inklużi l-link. 251 00:12:33,770 --> 00:12:36,210 F'dan il-punt, huwa utli jekk għandek laptop tiegħek fil hemm 252 00:12:36,210 --> 00:12:38,740 tħares lejn is-sit. 253 00:12:38,740 --> 00:12:42,580 U aħna qegħdin jagħtu dan lilek dritt issa sempliċement minħabba l-finali CS50 254 00:12:42,580 --> 00:12:44,370 proġett huwa attwalment għaddejjin biex nitolbok biex jimplimentawha 255 00:12:44,370 --> 00:12:45,860 bl-istess mod u permezz browsers. 256 00:12:45,860 --> 00:12:49,250 >> Hekk biss li jżomm fil-dahar tal tiegħek ras, din hija librerija isbaħ 257 00:12:49,250 --> 00:12:51,170 għaliex se, tip ta ', jistandardizzaw affarijiet. 258 00:12:51,170 --> 00:12:54,230 Fl Firefox, xi ħaġa tista 'turi bħala pixel wieħed lejn ix-xellug. 259 00:12:54,230 --> 00:12:58,390 U mbagħad Chrome tista 'tiddeċiedi li fil-fatt dak li fisser kien 10 pixels 260 00:12:58,390 --> 00:12:59,380 lejn ix-xellug. 261 00:12:59,380 --> 00:13:01,030 U inti tixtieq li jistandardizzaw din. 262 00:13:01,030 --> 00:13:05,360 Jinnormalizzaw fatt se jagħmlu verament tajba xogħol li jiżgura li sit tiegħek 263 00:13:05,360 --> 00:13:08,070 jistenna l-istess madwar browsers. 264 00:13:08,070 --> 00:13:10,660 >> MIKE RIZZO: Mela jekk ridna biss ikklikkja l-link verament malajr u juru 265 00:13:10,660 --> 00:13:13,140 x'għandek li qisu, inti tista 'tniżżel billi tuża l- 266 00:13:13,140 --> 00:13:14,670 buttuna Download ġgant. 267 00:13:14,670 --> 00:13:18,520 Jew I ninkoraġġukom biex taqra aktar dwar dan billi tikklikkja din ir-rabta fil-parti t'isfel 268 00:13:18,520 --> 00:13:19,310 lemin kantuniera. 269 00:13:19,310 --> 00:13:22,420 >> Tomáš REIMERS: U jekk inti fil-fatt ikklikkja Read More hemm dritt - 270 00:13:22,420 --> 00:13:24,340 ikklikkja l-għajn fuq GitHub - 271 00:13:24,340 --> 00:13:31,720 inti ser attwalment ara l-open source liċenzja fuq LICENSE.md hemm dritt. 272 00:13:31,720 --> 00:13:35,740 U tkun taf tara hawnhekk huwa l- liċenzja MIT popolari ħafna. 273 00:13:35,740 --> 00:13:38,940 Għal darb'oħra, jekk inti taqra permezz-test, inti ser tkun tista 'ssib fuq is-sit 274 00:13:38,940 --> 00:13:42,550 aħna referenzjata qabel u jkunu jistgħu jifhmu mingħajr ma jkollhom biex taqra 275 00:13:42,550 --> 00:13:45,920 permezz tal-lingwaġġ legali. 276 00:13:45,920 --> 00:13:46,850 >> MIKE RIZZO: OK, kbir. 277 00:13:46,850 --> 00:13:47,940 Allura dak jinnormalizzaw. 278 00:13:47,940 --> 00:13:49,190 Ridna li jtik li verament malajr. 279 00:13:49,190 --> 00:13:50,030 Oh, do għandek xi mistoqsija? 280 00:13:50,030 --> 00:13:53,013 >> UDJENZA: Allura meta inti niżżlu, inti biss issegwi dan il-kodiċi li jkollhom 281 00:13:53,013 --> 00:13:54,098 taħt il-buttuna Download? 282 00:13:54,098 --> 00:13:55,860 >> Tomáš REIMERS: Iva, hekk meta inti download - 283 00:13:55,860 --> 00:13:58,130 >> MIKE RIZZO: Oh, li l-punt kbir. 284 00:13:58,130 --> 00:14:00,700 Għalhekk il-kwistjoni kienet kif do aħna fil-fatt niżżlu? 285 00:14:00,700 --> 00:14:03,260 Allura jekk aħna ikklikkja l-link, naraw li fil-fatt pops up 286 00:14:03,260 --> 00:14:05,030 lejn il-kodiċi sors. 287 00:14:05,030 --> 00:14:08,550 Allura biex tagħmel dan, dak li nistgħu tagħmel huwa biss ikklikkja Save As. 288 00:14:08,550 --> 00:14:10,830 Save As u li għandhom irabbu l-fajl. 289 00:14:10,830 --> 00:14:14,160 U allura nistgħu jagħżlu li jiffrankaw bħala normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 U allura inti d jkollhom rabta fil - 291 00:14:15,810 --> 00:14:18,660 >> Tomáš REIMERS: Il istess mod inti rabta fi kwalunkwe fajl oħra. 292 00:14:18,660 --> 00:14:22,250 U ladarba inti link fil, x'hemm kbir dwar jinnormalizzaw huwa fil-fatt se 293 00:14:22,250 --> 00:14:25,920 jieħdu ħsieb ta 'l-hard xogħol minnu stess. 294 00:14:25,920 --> 00:14:27,730 Li jfisser li inti ma għandekx li żżid xi klassijiet. 295 00:14:27,730 --> 00:14:29,690 >> Inti ma għandekx tagħmel xejn stramb. 296 00:14:29,690 --> 00:14:34,590 Hija se innormalizza mingħajr ma inti tagħmel xejn aktar. 297 00:14:34,590 --> 00:14:36,083 Iva, inti għandek tinkludi dan. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome ma jkunx jirrispondi. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Just a quick annullament - 302 00:14:44,860 --> 00:14:46,800 I ndunat aħna qabża fis dan. 303 00:14:46,800 --> 00:14:49,010 Il-bqija ta 'din il-preżentazzjoni hija se jkun ħarsa ta 'malajr. 304 00:14:49,010 --> 00:14:50,380 Stħarriġ tal-libreriji. 305 00:14:50,380 --> 00:14:52,710 >> Bażikament, dak li huma. 306 00:14:52,710 --> 00:14:53,350 Dak li jagħmlu. 307 00:14:53,350 --> 00:14:54,060 Kif dawn qed utli. 308 00:14:54,060 --> 00:14:56,540 Kif inti tista 'jimplimentawhom. 309 00:14:56,540 --> 00:14:59,730 Jekk inti tixtieq li tibda tħares lejn minnhom, wara flimkien, u l-qari permezz 310 00:14:59,730 --> 00:15:01,990 minnhom, nixtieq ħafna jinkoraġġixxu dan. 311 00:15:01,990 --> 00:15:07,620 >> Alternattivament, inti qed jilqgħu wkoll għall- tibda tniżżil u tinkludihom 312 00:15:07,620 --> 00:15:11,400 minnhom fil-vista biss biex tara dak li dehra jew dak li tagħmel jekk ikollok 313 00:15:11,400 --> 00:15:12,270 laptop tiegħek quddiem tal inti. 314 00:15:12,270 --> 00:15:14,650 Jekk le, inti qed jilqgħu biex iżommu jisimgħu lilna nitkellmu. 315 00:15:14,650 --> 00:15:15,500 Aħna ser iżommu jitkellem. 316 00:15:15,500 --> 00:15:18,680 U għandna ħin fl-aħħar, wieħed jittama aħna ser attwalment tikseb fis turi li inti 317 00:15:18,680 --> 00:15:20,946 dak li xi wħud minn dawn il-libreriji look like. 318 00:15:20,946 --> 00:15:22,320 >> MIKE RIZZO: Kessaħ. 319 00:15:22,320 --> 00:15:25,466 Kull dritt, hekk issa ejja nitkellmu dwar Font biża. 320 00:15:25,466 --> 00:15:30,480 >> Tomáš REIMERS: hekk Font biża hija sit verament pulita, speċjalment għal dawk 321 00:15:30,480 --> 00:15:32,450 minna li huma anqas artistikament talent. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Jinjora l-isem Font biża, hija tagħti inti mazz ta 'ikoni, li huma 324 00:15:38,880 --> 00:15:41,050 utli ħafna. 325 00:15:41,050 --> 00:15:45,950 Allura ħafna drabi inti ser timplimenta ikona inti tista 'tixtieq qisha x sbieħ hekk 326 00:15:45,950 --> 00:15:47,170 li inti tista 'qrib xi ħaġa. 327 00:15:47,170 --> 00:15:49,910 >> Jew inti tista 'tixtieq xi tip ta' buttuna Edit bi tpinġija bil-lapes bħal 328 00:15:49,910 --> 00:15:50,940 kulħadd ikollu. 329 00:15:50,940 --> 00:15:53,850 U li meta inti jitgħallmu li tpinġija dawk ikoni jista 'jkun 330 00:15:53,850 --> 00:15:55,510 ħafna tedious u diffiċli. 331 00:15:55,510 --> 00:15:59,160 Font biża - jekk inti fil-fatt tmur għall-sit - 332 00:15:59,160 --> 00:16:02,892 jagħtik ħafna ta 'ikoni taħt l-ikoni fil-quċċata. 333 00:16:02,892 --> 00:16:06,980 Yeah, biss il-quċċata. 334 00:16:06,980 --> 00:16:09,030 Huwa se jagħtik ħafna ta 'ikoni b'xejn. 335 00:16:09,030 --> 00:16:15,210 >> Allura hawnhekk tara għandna affarijiet simili ta ' asterisk, bars, bolt sajjetti, a 336 00:16:15,210 --> 00:16:19,750 kalendarja, bug, ktieb, eċċetera. 337 00:16:19,750 --> 00:16:21,110 Dan jista 'jkun utli ħafna. 338 00:16:21,110 --> 00:16:24,290 Il-mod kif inti jinkludu dan huwa inti jinkludu litteralment l-fajl CSS. 339 00:16:24,290 --> 00:16:29,760 U wara li tkun ħadthom inklużi l-fajl CSS, x'tista 'tagħmel huwa inti toħloq 340 00:16:29,760 --> 00:16:33,430 tag imsejħa I. satands għal ikona mal-klassi FA 341 00:16:33,430 --> 00:16:34,460 permanenti għall Font biża. 342 00:16:34,460 --> 00:16:36,330 U mbagħad, tkun xi tkun il-klassi trid. 343 00:16:36,330 --> 00:16:41,220 >> Mela jekk jien ridt ikona ta 'din plus kwadru dritt hawn, I jagħti 344 00:16:41,220 --> 00:16:43,290 din il-klassi FA. 345 00:16:43,290 --> 00:16:46,230 U mbagħad sing FA plus kwadru sing. 346 00:16:46,230 --> 00:16:50,325 347 00:16:50,325 --> 00:16:53,710 >> MIKE RIZZO: Kessaħ, OK. 348 00:16:53,710 --> 00:16:56,980 >> Tomáš REIMERS: U mbagħad, l-aħħar CSS librerija irridu jiksbu permezz aħna 349 00:16:56,980 --> 00:16:59,950 jippruvaw li jżommha minimu fuq CSS libreriji għaliex aħna realizzata l- 350 00:16:59,950 --> 00:17:03,660 titolu ta 'din il-preżentazzjoni huwa JavaScript Libreriji. 351 00:17:03,660 --> 00:17:07,089 Iżda ħsibna li aħna jistgħu ukoll jintroduċu inti l-libreriji oħra 352 00:17:07,089 --> 00:17:09,569 waqt li konna nitkellmu dwar libreriji. 353 00:17:09,569 --> 00:17:11,400 >> Huwa Google Web Fonts. 354 00:17:11,400 --> 00:17:17,040 U dak Google Web Fonts jippermettilek tagħmel hu li żżid fonts għall-website tiegħek, 355 00:17:17,040 --> 00:17:22,079 li huwa mod verament faċli biex jagħmlu dan pretty u biex jiddistingwuh stabbiliti tiegħek 356 00:17:22,079 --> 00:17:24,460 minn kulħadd huwa jekk ikollha font sbieħ jew jekk għandha sbieħ 357 00:17:24,460 --> 00:17:27,790 ġbir ta 'fonts. 358 00:17:27,790 --> 00:17:31,410 Google Web Fonts huwa sabiħ b'differenza oħra libreriji fis-sens li huwa 359 00:17:31,410 --> 00:17:33,490 installazzjoni verament ggwidati. 360 00:17:33,490 --> 00:17:38,680 >> Mela jekk inti ssegwi l-link, huwa google.com / fonts, nemmen. 361 00:17:38,680 --> 00:17:41,100 Jekk inti ssegwi dan, inti tista 'pick font tiegħek. 362 00:17:41,100 --> 00:17:44,410 Tista 'tagħżel fuq ix-xellug mill- ħxuna, slant, eċċetera. 363 00:17:44,410 --> 00:17:48,970 U mbagħad, ladarba inti għażilt waħda, inti tista 'ikklikkja użu malajr. 364 00:17:48,970 --> 00:17:49,820 Hemm dritt. 365 00:17:49,820 --> 00:17:51,590 Lemin t'isfel tal-kaxxa. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> U mbagħad, iscroll. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 L-ewwelnett, huma jagħtuk l CSS li għandek bżonn biex attwalment link għal dan. 370 00:18:02,650 --> 00:18:03,330 Huwa hemm dritt. 371 00:18:03,330 --> 00:18:05,170 Tista 'biss kopja u paste dan pulzieri 372 00:18:05,170 --> 00:18:07,250 U l-ħaġa sbieħ dwar dan huwa wieħed inti ma attwalment biss jeħtieġ li 373 00:18:07,250 --> 00:18:08,340 tniżżel il-fajl. 374 00:18:08,340 --> 00:18:11,170 >> X'hemm li għaddej biex tagħmel hu li għaddej link għal verżjoni Google ta 'dan. 375 00:18:11,170 --> 00:18:14,130 Allura lura għal xi jfisser. 376 00:18:14,130 --> 00:18:18,270 Dan ifisser meta utent downloads fajl tiegħek - 377 00:18:18,270 --> 00:18:22,300 downloads paġna HTML tiegħek - HTML tiegħek paġna se referenza dan il-fajl. 378 00:18:22,300 --> 00:18:26,790 >> Mela allura, il-kompjuter tiegħek għaddej biex tara, oh, huwa ospitat fuq google.com pjuttost 379 00:18:26,790 --> 00:18:28,170 milli fuq theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Let me go staqsi Google għal dan il-fajl. 381 00:18:30,370 --> 00:18:32,800 U mbagħad, li għaddej biex jinkludu kważi daqs li kieku kienu 382 00:18:32,800 --> 00:18:35,584 parti ta 'sit tiegħek. 383 00:18:35,584 --> 00:18:36,540 >> Tomáš REIMERS: Kessaħ. 384 00:18:36,540 --> 00:18:40,980 U ladarba inti jinkludu li, imbagħad tinkludih fl CSS tiegħek, tagħtik 385 00:18:40,980 --> 00:18:41,830 il-linja attwali. 386 00:18:41,830 --> 00:18:45,188 Allura inti jistabbilixxu l-familja font proprjetà ugwali għall-isem tal-font tiegħek. 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 Allura aħna biss lest ma CSS. 390 00:18:52,220 --> 00:18:57,230 U xi wħud minnkom jista 'jkun ħsibijiet, ukoll, kellna xi CSS fuq CS50 Finanzi. 391 00:18:57,230 --> 00:19:00,390 Iżda librerija CSS kien bootstrap. 392 00:19:00,390 --> 00:19:05,190 Aħna attwalment jinkludu bootstrap ftit aktar tard taħt JavaScript għaliex ma 393 00:19:05,190 --> 00:19:09,660 il-librerija bootstrap CSS tiġi wkoll bil-lott ta 'JavaScript li 394 00:19:09,660 --> 00:19:12,060 Bootstrap jew Twitter - li għamlu bootstrap - 395 00:19:12,060 --> 00:19:15,426 juża biex jimmaniġġjaw kollha ta 'CSS tagħhom. 396 00:19:15,426 --> 00:19:19,592 >> Tomáš REIMERS: Hawn xi ħadd li jkollu xi mistoqsijiet s'issa dwar CSS b'mod ġenerali? 397 00:19:19,592 --> 00:19:20,723 Aħna qed tajba? 398 00:19:20,723 --> 00:19:21,216 Tal-biża '. 399 00:19:21,216 --> 00:19:22,495 >> MIKE RIZZO: biża. 400 00:19:22,495 --> 00:19:25,136 >> Tomáš REIMERS: So jiċċaqilqu fuq JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> MIKE RIZZO: Allura ridna li nitkellmu dwar jQuery li tibda bil. 402 00:19:27,900 --> 00:19:30,780 Has xi ħadd semgħu jQuery qabel jew użati? 403 00:19:30,780 --> 00:19:32,180 Yeah, koppja? 404 00:19:32,180 --> 00:19:36,000 Mela jekk inti biss taħdem ma native JavaScript, inti ser issib ruħek 405 00:19:36,000 --> 00:19:41,000 ittajpjar ħafna seletturi twal ħafna. 406 00:19:41,000 --> 00:19:44,400 Allura dak jQuery ma huwa jipprovdi karta tat-tgeżwir sbieħ għall-JavaScript 407 00:19:44,400 --> 00:19:48,180 lingwa li ihallik faċilment tagħżel u timmanipula elementi differenti 408 00:19:48,180 --> 00:19:52,470 fi ħdan il-mudell tad-dokument oġġett tal- paġna web jew l-DOM, li naħseb 409 00:19:52,470 --> 00:19:54,290 inti guys smajt fil- lecture f'dan il-punt. 410 00:19:54,290 --> 00:19:57,550 >> Tomáš REIMERS: Jekk int ma semgħu jew lecture jekk int ma jarah 411 00:19:57,550 --> 00:20:01,870 għadhom, il-Mudell Għan Dokument hija bażikament kif l-affarijiet huma rappreżentati. 412 00:20:01,870 --> 00:20:05,290 Allura HTML tip ta 'qisu siġra meta inti attwalment tiġbed out. 413 00:20:05,290 --> 00:20:06,850 Inti għandek l-element HTML fuq nett. 414 00:20:06,850 --> 00:20:07,560 Inti għandek l-ras u l-ġisem. 415 00:20:07,560 --> 00:20:09,500 >> U mbagħad, fi żmien li inti jkollhom kollox. 416 00:20:09,500 --> 00:20:10,660 Li imsejħa DOM - 417 00:20:10,660 --> 00:20:12,120 Għan Mudell dokument. 418 00:20:12,120 --> 00:20:16,090 Allura mudell li jirrappreżenta l-oġġetti fil- id-dokument hu mod faċli biex jaħsbu 419 00:20:16,090 --> 00:20:18,560 dwar dan. 420 00:20:18,560 --> 00:20:22,520 U waħda mill-ħaġa kbira dwar jQuery huwa verament jagħmel traversat 421 00:20:22,520 --> 00:20:26,460 dan u elementi timmanipula fi ħdan li oerhört sempliċi. 422 00:20:26,460 --> 00:20:30,300 >> Tant sempliċi, fil-fatt, li l-maġġoranza tal- JavaScript libreriji jew jekk mhux l- 423 00:20:30,300 --> 00:20:34,200 maġġoranza, il-maġġoranza grand ta 'dawk tkun taf tara fil-fatt jeħtieġu jQuery hekk 424 00:20:34,200 --> 00:20:37,530 li tista 'taħdem infushom sempliċement għaliex jekk inti ma kellhiex jQuery, inti 425 00:20:37,530 --> 00:20:40,540 jaħlux ħafna ħin jippruvaw figura kif jagħżlu ċerti 426 00:20:40,540 --> 00:20:43,660 elementi u kif jagħmlu affarijiet oħra. 427 00:20:43,660 --> 00:20:47,950 U l-ħaġa kbira oħra dwar jQuery hija li huwa browser transkonfinali kompatibbli. 428 00:20:47,950 --> 00:20:51,550 >> Mela ftakar lura meta aħna qal li mhux browsers kollha jimplimentaw 429 00:20:51,550 --> 00:20:53,100 affarijiet bl-istess mod? 430 00:20:53,100 --> 00:20:55,120 Dan huwa minnu anki fil-JavaScript. 431 00:20:55,120 --> 00:20:58,220 U waħda mill-affarijiet kbar dwar jQuery hija li se jikxfu l- 432 00:20:58,220 --> 00:21:00,300 browser u jikxfu l- metodu xieraq. 433 00:21:00,300 --> 00:21:03,420 >> Mela jekk għandek bżonn biex jagħżlu l-element, Internet Explorer jista 'jgħid int 434 00:21:03,420 --> 00:21:05,770 suppost tagħmel dan il-mod. 435 00:21:05,770 --> 00:21:08,300 Firefox jista 'jgħid l-korretta mod huwa b'dan il-mod. 436 00:21:08,300 --> 00:21:09,710 jQuery ma care. 437 00:21:09,710 --> 00:21:12,550 Meta inti tgħid jQuery biex jagħżlu l- element se figura kif huwa 438 00:21:12,550 --> 00:21:16,290 suppost tagħmel dan fi ħdan il-browser l- utent huwa bħalissa, u mbagħad do 439 00:21:16,290 --> 00:21:18,584 dan il-mod. 440 00:21:18,584 --> 00:21:22,650 >> MIKE RIZZO: Mela ejja ma nitkellmux dwar l-użu ta jQuery ftit. 441 00:21:22,650 --> 00:21:27,670 Eżatt bħal PHP, jQuery għandha partikolari fondness għas-sinjal dollaru. 442 00:21:27,670 --> 00:21:30,880 Allura inti ser issib li xi jQuery - 443 00:21:30,880 --> 00:21:32,060 ukoll, mhux kollha. 444 00:21:32,060 --> 00:21:35,210 Inti xi kultant tista 'tissostitwixxi l-dollaru sinjal bil-kelma jQuery. 445 00:21:35,210 --> 00:21:38,980 Iżda ġeneralment, sempliċiment għaliex dan huwa iqsar, kull meta inti tara jQuery tkun 446 00:21:38,980 --> 00:21:41,420 użat dan ser ikun b'sinjal dollaru. 447 00:21:41,420 --> 00:21:47,030 >> Allura hawnhekk aħna qed juru biss bidu selettur applikabbli għal element fil-DOM. 448 00:21:47,030 --> 00:21:52,850 Hawnhekk, aħna għandna l-sinjal dollaru segwit billi parentesi miftuħa u mbagħad kwotazzjonijiet. 449 00:21:52,850 --> 00:21:56,130 U fil-kwotazzjonijiet go seletturi tagħna għall-elementi differenti. 450 00:21:56,130 --> 00:21:59,810 Eżatt bħal fil CSS, għandna bżonn seletturi biex tkun tista 'stil elementi differenti 451 00:21:59,810 --> 00:22:00,840 fi ħdan il-paġna. 452 00:22:00,840 --> 00:22:06,555 Dawk seletturi differenti tittraduċi eżattament fis jQuery u JavaScript, 453 00:22:06,555 --> 00:22:07,820 għall-parti l-kbira. 454 00:22:07,820 --> 00:22:10,120 >> Allura hawnhekk għandna tikka foo. 455 00:22:10,120 --> 00:22:14,780 Mela jekk inti recall minn lecture, il-dot biss tfisser il-klassi. 456 00:22:14,780 --> 00:22:18,850 Allura aħna qed tagħżel element mal-klassi foo. 457 00:22:18,850 --> 00:22:22,670 Hekk jekk I aqbad u jiftħu tagħna JavaScript console hawn verament malajr 458 00:22:22,670 --> 00:22:26,830 biss juruha, jekk I biss tip- sinjal dollaru, naraw li huwa xi 459 00:22:26,830 --> 00:22:28,090 funzjoni li taqa up. 460 00:22:28,090 --> 00:22:29,420 U huwa biss definit mill jQuery. 461 00:22:29,420 --> 00:22:32,120 >> Tomáš REIMERS: Għal dawk tal inti familjari, il-console huwa għodda 462 00:22:32,120 --> 00:22:35,430 fi Chrome, li tippermetti li inti, bażikament, run JavaScript fuq il- 463 00:22:35,430 --> 00:22:36,450 paġna kurrenti. 464 00:22:36,450 --> 00:22:39,420 Dan inti ser issib oerhört utli meta int fil-fatt debugging u int 465 00:22:39,420 --> 00:22:42,400 jeħtieġ li jkun simili, dak li huwa l-kurrent valur ta 'xi varjabbli globali jew dak 466 00:22:42,400 --> 00:22:43,910 hija xi ħaġa oħra? 467 00:22:43,910 --> 00:22:47,620 Huwa tip ta bħall GDB bl-eċċezzjoni li inti tista 'attwalment 468 00:22:47,620 --> 00:22:51,600 jimmanipula elementi fuq il-paġna ma dan b'mod ħafna aktar faċli. 469 00:22:51,600 --> 00:22:55,080 U wkoll ma, bażikament, tivverifika fil miegħek qabel tagħmel xi ħaġa. 470 00:22:55,080 --> 00:22:58,660 >> Allura billi, GDB jista 'jkun simili, int żgur li trid tmexxi l-pass li jmiss? 471 00:22:58,660 --> 00:22:59,830 Il-console huwa fil reali. 472 00:22:59,830 --> 00:23:03,690 Hekk kif il-paġna web huwa tirrendi u tagħmel dak kollu li qed jagħmel, l- 473 00:23:03,690 --> 00:23:05,720 tal-kunsill running wkoll flimkien ma 'dan. 474 00:23:05,720 --> 00:23:08,330 U inti tista 'tpoġġi kodiċi imputata in li console, li se 475 00:23:08,330 --> 00:23:09,260 jitmexxew fuq il-paġna. 476 00:23:09,260 --> 00:23:12,190 >> MIKE RIZZO: Allura biex jidħlu fil-console, I raden I għandu qosor 477 00:23:12,190 --> 00:23:13,750 isemmu kif għandek tagħmel dan. 478 00:23:13,750 --> 00:23:17,850 Fl-aħħar problemi li jista 'jkollok Chrome użati jispezzjona element 479 00:23:17,850 --> 00:23:20,440 funzjonijiet jew sors paġna ħsieb - 480 00:23:20,440 --> 00:23:23,870 u dawn huma aċċessibbli biss bi dritt tikklikkja fuq il-paġna jew speċifika 481 00:23:23,870 --> 00:23:28,430 element u tagħmel jew jispezzjona element jew sors paġna ħsieb. 482 00:23:28,430 --> 00:23:31,190 Nistgħu wkoll aċċess għall-JavaScript console direttament minn 483 00:23:31,190 --> 00:23:33,630 jagħżlu jispezzjonaw element. 484 00:23:33,630 --> 00:23:37,930 Console hekk allura inti biss hit fuq in-naħa lemin. 485 00:23:37,930 --> 00:23:41,900 >> Alternattivament, inti tista 'wkoll żdiedu għall-rokna tal-lemin, 486 00:23:41,900 --> 00:23:46,820 li hija maqtugħa fuq dan l-iskrin fejn hija għandha tliet bars orizzontali. 487 00:23:46,820 --> 00:23:52,010 U inti jinżlu għal għodod u imbagħad JavaScript console 488 00:23:52,010 --> 00:23:53,240 hawn fejn tista 'tara - 489 00:23:53,240 --> 00:23:54,370 inqas fuq Windows - 490 00:23:54,370 --> 00:23:59,680 l-shortcut huwa Kontroll Shift J. Mela allura jekk ridna li jagħżlu l-element 491 00:23:59,680 --> 00:24:06,060 fi ħdan din il-paġna, bħad I wera qabel, nagħmlu sinjal dollaru parens miftuħa 492 00:24:06,060 --> 00:24:08,180 u mbagħad kwotazzjonijiet. 493 00:24:08,180 --> 00:24:11,750 >> Ħaġa interessanti hija, ġeneralment, kwotazzjonijiet uniku u kwotazzjonijiet doppja huma 494 00:24:11,750 --> 00:24:12,370 skambjabbli. 495 00:24:12,370 --> 00:24:16,050 Allura ħafna nies biss użu wieħed kwotazzjonijiet għaliex qed aktar mgħaġġel tip 496 00:24:16,050 --> 00:24:19,780 minn kwotazzjonijiet doppja għaliex inti ma għandek biex iżommu r Shift. 497 00:24:19,780 --> 00:24:21,770 So I ser biss tagħmel dan id-dritt issa. 498 00:24:21,770 --> 00:24:24,510 >> So I trid tagħżel xi ħaġa ma 'klassi. 499 00:24:24,510 --> 00:24:27,200 Container, sempliċement minħabba naf li xi ħaġa li fuq tagħna 500 00:24:27,200 --> 00:24:28,740 paġna web dritt issa. 501 00:24:28,740 --> 00:24:29,520 And I hit Ikteb. 502 00:24:29,520 --> 00:24:31,670 U nistgħu naraw li hija għażlet dan. 503 00:24:31,670 --> 00:24:34,990 Allura dan juri up li lura dak l-oġġett. 504 00:24:34,990 --> 00:24:36,620 Allura dak għażla bażiku. 505 00:24:36,620 --> 00:24:40,080 Jekk ridna li attwalment jimmanipulaw, inti għandek sejħa xi ħaġa 506 00:24:40,080 --> 00:24:43,925 fuq dik l-għażla, li aħna se jsibu rwieħhom aktar tard. 507 00:24:43,925 --> 00:24:49,030 >> Tomáš REIMERS: Hekk biss li tħares lejn dak aktar fil-fond, dan huwa differenti 508 00:24:49,030 --> 00:24:52,245 milli l-funzjoni sejħiet li għamilna fl C. L-isem tal-funzjoni hawnhekk hija 509 00:24:52,245 --> 00:24:52,580 ftit stramb. 510 00:24:52,580 --> 00:24:55,640 Huwa sinjal dollaru. 511 00:24:55,640 --> 00:24:57,010 Huwa biss l-isem ta 'funzjoni. 512 00:24:57,010 --> 00:24:58,810 M'hemm xejn speċjali dwar dan. 513 00:24:58,810 --> 00:25:00,450 >> Għandna parentesi miftuħa. 514 00:25:00,450 --> 00:25:03,880 Imbagħad, aħna għandna argument wieħed tagħna, li f'dan il-każ jiġri li jkun string, 515 00:25:03,880 --> 00:25:05,680 li huwa selettur għaliha. 516 00:25:05,680 --> 00:25:08,130 U mbagħad, għandna tagħna parentesi magħluqa. 517 00:25:08,130 --> 00:25:09,960 Thats it. 518 00:25:09,960 --> 00:25:11,500 >> Dan m'huwiex ferm differenti. 519 00:25:11,500 --> 00:25:12,900 Għalkemm, dan ma tfittex stramb ħafna. 520 00:25:12,900 --> 00:25:17,220 U li jista 'jkun, sort ta', teħel punt għal ħafna nies. 521 00:25:17,220 --> 00:25:21,460 >> MIKE RIZZO: Allura bl-istess mod, jekk ridna biex jagħżlu l-element li għandu identità, 522 00:25:21,460 --> 00:25:23,470 issa irridu li jagħżlu minn ID minflok klassi. 523 00:25:23,470 --> 00:25:28,080 Ikun xi ħaġa simili fejn aħna biss tagħmel l-sinjal qawwi għall-ID. 524 00:25:28,080 --> 00:25:33,576 Allura aħna qed tagħżel hawn kollha elementi li għandhom bar ID. 525 00:25:33,576 --> 00:25:35,400 >> Tomáš REIMERS: U dan jestendi. 526 00:25:35,400 --> 00:25:36,450 Li CSS testendi. 527 00:25:36,450 --> 00:25:42,260 Eżatt bħal fil-CSS, inti tista 'tagħżel kollha rabtiet, li għandhom l foo klassi. 528 00:25:42,260 --> 00:25:43,420 Hawnhekk, huwa l-istess ħaġa. 529 00:25:43,420 --> 00:25:52,750 >> Inti tista 'tagħmel a.foo, li jagħżel kollha tar-rabtiet mal-foo klassi. 530 00:25:52,750 --> 00:25:58,860 Inti tista 'tagħmel bar qawwija, li kieku tagħżel l-konnessjoni mas-bar ID u għalhekk 531 00:25:58,860 --> 00:25:59,770 fuq u ibqa 'sejjer hekk. 532 00:25:59,770 --> 00:26:02,120 Kull selettur CSS huwa validu selettur jQuery. 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, hekk issa ejja jsibu rwieħhom ftit ta 'manipulazzjoni li nistgħu nagħmlu ma' 536 00:26:11,460 --> 00:26:12,870 tagħna jQuery. 537 00:26:12,870 --> 00:26:19,280 Allura jQuery għandha tip partikolari ta 'notazzjoni fejn aħna biss użu 538 00:26:19,280 --> 00:26:20,170 tikka fl-aħħar. 539 00:26:20,170 --> 00:26:23,340 U inti tista 'taħseb dan bħal fil- C kif kellna structs differenti. 540 00:26:23,340 --> 00:26:27,110 U li jmorru lejn dawk structs, inti tuża dot biex tikseb ġo fihom. 541 00:26:27,110 --> 00:26:28,480 >> Dan huwa, tip ta ', ħaġa simili. 542 00:26:28,480 --> 00:26:33,570 Biss issa għandna funzjonijiet fi ħdan dan selettur li nistgħu sejħa fuqha. 543 00:26:33,570 --> 00:26:38,640 Allura hawnhekk, l-ewwel eżempju tista 'tara huwa selettur CSS. 544 00:26:38,640 --> 00:26:45,290 U bażikament, dak li ma huwa japplika l-ewwel element CSS għal dan 545 00:26:45,290 --> 00:26:46,230 ħaġa li inti magħżula - 546 00:26:46,230 --> 00:26:47,720 dan l-element li inti magħżula - 547 00:26:47,720 --> 00:26:49,290 mal-valur li. 548 00:26:49,290 --> 00:26:55,390 >> Tomáš REIMERS: Allura traduzzjoni faċli ta ' li tkun jekk jQuery, bażikament, 549 00:26:55,390 --> 00:26:57,790 biss ħa foo. 550 00:26:57,790 --> 00:27:05,480 U mbagħad fl CSS qal, kulur aħmar u qrib. 551 00:27:05,480 --> 00:27:06,670 Huwa l-istess idea. 552 00:27:06,670 --> 00:27:08,800 Dak li għandu jsir huwa huwa magħżul elementi kollha foo. 553 00:27:08,800 --> 00:27:10,170 U allura huwa applikat. 554 00:27:10,170 --> 00:27:15,884 Sort ta ', il-kulur proprjetà hija ugwali għal aħmar. 555 00:27:15,884 --> 00:27:21,070 >> MIKE RIZZO: Bl-istess mod, nistgħu wkoll jibdlu il-kontenuti attwali ta 'dak li huwa 556 00:27:21,070 --> 00:27:24,870 juri fuq l-HTML tal-paġna, li huwa verament jibred għaliex dan ikun ifisser tiegħek 557 00:27:24,870 --> 00:27:28,095 paġni tal-web tista 'issa tiġi kompletament dinamiku u ma għandhom ikunu statika 558 00:27:28,095 --> 00:27:31,660 li tistampa bl-użu PHP fil-bidu nett ta ' 559 00:27:31,660 --> 00:27:33,320 il-paġna qed titgħabba. 560 00:27:33,320 --> 00:27:36,810 Allura hawnhekk, jekk ridna li jbiddel il- HTML attwali tal-paġna, nixtiequ issa 561 00:27:36,810 --> 00:27:43,550 sejħa tal-funzjoni HTML, li allura biss inserts irrispettivament għandna jispeċifikax 562 00:27:43,550 --> 00:27:45,390 li element li aħna magħżula. 563 00:27:45,390 --> 00:27:49,810 Allura hawnhekk aħna qed tagħżel element ma klassi foo u mbagħad qal huwa HTML 564 00:27:49,810 --> 00:27:52,200 huwa issa bonjour dinja. 565 00:27:52,200 --> 00:27:55,600 >> Tomáš REIMERS: U meta taħseb dwar liema huma applikazzjonijiet utli ta ' 566 00:27:55,600 --> 00:28:00,800 dan, dan wieħed CSS, l-ewwel ħaġa li inti tista 'tibda biex jaħsbu dwar huwa 567 00:28:00,800 --> 00:28:03,070 f'termini ta 'anki drop down menus. 568 00:28:03,070 --> 00:28:08,350 Inti tista 'tibda tagħmel affarijiet simili, meta utent hovers fuq il-parti ta 'fuq 569 00:28:08,350 --> 00:28:11,970 ta 'isfel qatra, inti tixtieq li tagħmel il-parti t'isfel viżibbli. 570 00:28:11,970 --> 00:28:12,540 Dritt? 571 00:28:12,540 --> 00:28:15,610 >> Għalhekk fl CSS, għandna proprjetajiet biex jagħmlu xi ħaġa viżibbli. 572 00:28:15,610 --> 00:28:19,330 Affarijiet simili xejn kolon display jagħmilha inviżibbli. 573 00:28:19,330 --> 00:28:21,190 Blokk Display jagħmilha viżibbli. 574 00:28:21,190 --> 00:28:25,860 Jew anke jekk inti tixtieq li tmur aktar sempliċi, inti jkollhom affarijiet simili ugwali viżibilità 575 00:28:25,860 --> 00:28:27,520 viżibbli, u l-viżibilità ugwali moħbija. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> U inti tista 'tibda biex jimplimentaw affarijiet bħal drop down menus dritt 578 00:28:34,780 --> 00:28:38,410 wara li inti tikseb permezz tal-idea ta 'kif inti tista 'ċifra barra meta dan jiftaħ, 579 00:28:38,410 --> 00:28:39,850 li aħna ser jiksbu permezz-qasir ħafna. 580 00:28:39,850 --> 00:28:42,160 Iżda nistgħu tibda tara applikazzjonijiet ta 'dan. 581 00:28:42,160 --> 00:28:45,540 F'ċertu sens simili, jekk ġejt biex tipprova u jimplimentaw, ejja ngħidu, chat 582 00:28:45,540 --> 00:28:48,620 magna u inti tixtieq li tagħmel ftit bużżieqa diskors toħroġ meta inti ħadthom 583 00:28:48,620 --> 00:28:52,880 ltqajna messaġġ ġdid, ladarba inti tikseb l- messaġġ ġdid, inti tista 'tagħmel ftit 584 00:28:52,880 --> 00:28:55,890 bużżieqa diskors toħroġ billi jbiddlu l-HTML tal-paġna, right? 585 00:28:55,890 --> 00:29:00,540 Biż-żieda li bużżieqa diskors extra mat-test żejjed fil hemmhekk. 586 00:29:00,540 --> 00:29:01,140 Yeah? 587 00:29:01,140 --> 00:29:07,750 >> UDJENZA: Allura inti ssodata dan fi l-HTML code fil-tip ta 'prodotti simili 588 00:29:07,750 --> 00:29:10,534 [Inaudible]? 589 00:29:10,534 --> 00:29:12,940 >> MIKE RIZZO: Dritt. 590 00:29:12,940 --> 00:29:16,190 Yeah, aħna ser jiksbu għal dak fi ftit. 591 00:29:16,190 --> 00:29:18,810 Yeah, huwa simili ftit li PHP. 592 00:29:18,810 --> 00:29:21,240 Mhux eżattament simili. 593 00:29:21,240 --> 00:29:24,730 >> A distinzjoni tajba li jagħmlu huwa dak li din huwa attwalment editjar meta aħna jeditjaw 594 00:29:24,730 --> 00:29:28,480 il-paġna għaliex mhuwiex ser ikun editjar fajl attwali li qed 595 00:29:28,480 --> 00:29:31,380 miżmuma fuq is-server aliex id-dinja m'għandux ikollhom permess 596 00:29:31,380 --> 00:29:32,610 biex jeditjaw fajls tiegħek. 597 00:29:32,610 --> 00:29:36,080 Dan huwa biss editjar x'hemm fuq il-paġna u dak li qed jintwerew fi 598 00:29:36,080 --> 00:29:36,950 il-browser. 599 00:29:36,950 --> 00:29:40,340 Mela jekk ġejt biex rikarigu-paġna wara, ngħid, tħassir xi ħaġa kif aħna 600 00:29:40,340 --> 00:29:44,730 tara nistgħu nagħmlu mas-sejħa tneħħi, li ħaġa mbagħad jerġgħu jitfaċċaw. 601 00:29:44,730 --> 00:29:48,590 >> Tomáš REIMERS: Allura mod wieħed biex jaħsbu dwar dan huwa jekk jien kompjuter tiegħek u 602 00:29:48,590 --> 00:29:50,170 Mike huwa, tip ta ', l-server. 603 00:29:50,170 --> 00:29:53,850 X'hemm jiġri huwa jien ser jistaqsu Mike, ħej, jista 'jkolli kopja ta' 604 00:29:53,850 --> 00:29:54,630 din il-paġna web? 605 00:29:54,630 --> 00:29:56,190 U huwa ser jagħti me kopja ta 'dan. 606 00:29:56,190 --> 00:29:57,430 >> Le, mhux il-ħaġa oriġinali. 607 00:29:57,430 --> 00:29:58,620 Huwa biss kopja. 608 00:29:58,620 --> 00:30:00,450 U allura jkun simili, oh, hemm JavaScript hawn. 609 00:30:00,450 --> 00:30:02,450 Ovvjament, I għandu jeditjaw il- paġna li jkun bħal dan. 610 00:30:02,450 --> 00:30:04,250 U jien editjar kopja tiegħek. 611 00:30:04,250 --> 00:30:05,920 >> Iżda li mhux effettwar il-kopja attwali. 612 00:30:05,920 --> 00:30:08,480 U jekk I kienu jistaqsu lilu mill-ġdid jġedded il-paġna, - 613 00:30:08,480 --> 00:30:10,060 ħej, jista 'jkolli kopja nadif ieħor - 614 00:30:10,060 --> 00:30:11,440 huwa għaddej biex tagħti me kopja nadif ieħor. 615 00:30:11,440 --> 00:30:14,240 U mbagħad, jien ser jagħmlu l-istess ħaġa simili, oh, din JS hawn li tgħid 616 00:30:14,240 --> 00:30:14,866 li jeditjaw dan. 617 00:30:14,866 --> 00:30:17,460 U jien ser iżommu tagħmel dan. 618 00:30:17,460 --> 00:30:20,930 >> MIKE RIZZO: Allura ħaġa verament jibred li inti tista 'tagħmel ma jQuery huwa 619 00:30:20,930 --> 00:30:24,350 attwalment iżidu tipi differenti ta animazzjonijiet għall-paġna tiegħek. 620 00:30:24,350 --> 00:30:27,440 I do not know jekk inti stajt qatt rat fejn inti qed tipprova timla formola 621 00:30:27,440 --> 00:30:31,250 online u inti ma jimlew l-affarijiet b'mod korrett. 622 00:30:31,250 --> 00:30:33,440 Allura ħaġa ftit slides isfel fil-quċċata u tgħid li inti 623 00:30:33,440 --> 00:30:34,820 għadhom ma għamlux dan b'mod korrett. 624 00:30:34,820 --> 00:30:36,260 Jekk jogħġbok erġa 'pprova. 625 00:30:36,260 --> 00:30:37,890 U mbagħad, jista 'anki sempliċement slide up. 626 00:30:37,890 --> 00:30:40,710 >> Jinstabx jQuery bniet fil-funzjonijiet li jagħmlu kollha ta 'dak 627 00:30:40,710 --> 00:30:44,180 animazzjoni tassew, tassew faċli. 628 00:30:44,180 --> 00:30:46,750 Allura l-ewwel hemm il-fade funzjoni out, li 629 00:30:46,750 --> 00:30:47,710 inti tista 'sejħa fuq xi ħaġa. 630 00:30:47,710 --> 00:30:55,650 U huwa mod biex jibdlu l-CSS ta ' li element b'mod animati. 631 00:30:55,650 --> 00:30:58,480 Sabiex tieħu kwalunkwe element inti sejħa hija fade out fuq. 632 00:30:58,480 --> 00:31:03,990 U mbagħad, bil-mod bidliet opaċità huwa tal sakemm din tmur kompletament trasparenti. 633 00:31:03,990 --> 00:31:07,330 >> Tomáš REIMERS: L-oħra popolari huwa slide stabbiliti, li se tagħmel 634 00:31:07,330 --> 00:31:08,800 xi ħaġa tidher billi jiżżerżaq isfel. 635 00:31:08,800 --> 00:31:12,840 Allura fil-każ tal-menu drop down, għal darb'oħra, meta aħna tgħallimna kif jiġu individwati 636 00:31:12,840 --> 00:31:15,310 meta dan ikun ġie hovered fuq, inti tista 'biss tgħid dan qiegħ 637 00:31:15,310 --> 00:31:16,910 parti slide stabbiliti issa. 638 00:31:16,910 --> 00:31:19,270 U mbagħad, jidher billi jiżżerżaq isfel. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> MIKE RIZZO: U mbagħad, jekk inti biss għandek xi tip ta 'animazzjoni f'moħħu li 641 00:31:26,590 --> 00:31:29,080 jQuery mhux neċessarjament tipprovdi. 642 00:31:29,080 --> 00:31:32,690 Per eżempju, ejja ngħidu jQuery ma jagħtuk slide 643 00:31:32,690 --> 00:31:33,750 isfel u slide up. 644 00:31:33,750 --> 00:31:36,740 Well, ejja ngħidu li inti ridt li tiżżerżaq xi ħaġa mix-xellug jew mill- 645 00:31:36,740 --> 00:31:39,880 it-tip ġust ta bħall-CS50 paġna prinċipali ma kulmeta 646 00:31:39,880 --> 00:31:42,080 inti tmur lil panel ġdid. 647 00:31:42,080 --> 00:31:45,030 Inti mbagħad probabbilment ikollhom jimplimentaw it yourself bl-użu 648 00:31:45,030 --> 00:31:49,310 janimaw funzjoni fi ħdan jQuery. 649 00:31:49,310 --> 00:31:51,350 >> Allura bl-istess mod, inti biss janimaw. 650 00:31:51,350 --> 00:31:55,850 U mbagħad, fi ħdanu hija tieħu dizzjunarju tal-valuri differenti 651 00:31:55,850 --> 00:31:57,340 li int suppost biex jgħaddu. 652 00:31:57,340 --> 00:32:06,960 Allura hawnhekk, jekk ridna li janimaw il- foo element tali li wisa 'tiegħu jew 653 00:32:06,960 --> 00:32:10,880 tespandi jew kuntratti għal 80 pixels, jiddependi fuq dak li attwalment. 654 00:32:10,880 --> 00:32:14,100 Aħna biss jgħaddu li bħala l-argument fi ħdanu. 655 00:32:14,100 --> 00:32:18,060 >> Janimaw wkoll xi argumenti oħra li inti tista 'tgħaddiha, per eżempju, 656 00:32:18,060 --> 00:32:21,150 il-veloċità ta 'l-animazzjoni li inti tixtieq li tagħtiha. 657 00:32:21,150 --> 00:32:26,220 U biex tagħmel dan, nixtieq biss jgħidu malajr Google jQuery janimaw. 658 00:32:26,220 --> 00:32:31,710 U mbagħad, trabbi din il-paġna, inti tista ' tara huwa ltqajna mazz ta 'differenti 659 00:32:31,710 --> 00:32:33,560 proprjetajiet li inti tista 'tgħaddi dan. 660 00:32:33,560 --> 00:32:35,990 >> U I ninkoraġġukom - kull meta inti tidħol madwar xi ħaġa li inti ma 661 00:32:35,990 --> 00:32:40,390 jafu jew biss jixtiequ jitgħallmu aktar dwar partikolari metodu li inti tista 'sejħa 662 00:32:40,390 --> 00:32:41,270 fuq xi ħaġa - 663 00:32:41,270 --> 00:32:44,440 biss Google. jQuery huwa estremament dokumentati tajjeb. 664 00:32:44,440 --> 00:32:49,140 U spiss drabi hemm ħafna ta ' eżempji li huma jipprovdu għalik. 665 00:32:49,140 --> 00:32:52,470 Jekk aħna iscroll down - 666 00:32:52,470 --> 00:32:53,720 mod isfel - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 li nistgħu nużaw, kif ukoll. 669 00:32:59,190 --> 00:33:02,480 >> Għal darb'oħra, meta l-iżviluppatur fatt tmur permezz l-inkwiet tal-kitba ta ' 670 00:33:02,480 --> 00:33:05,810 librerija, huma tipikament jixtiequ xi ħadd jużah. 671 00:33:05,810 --> 00:33:09,400 Allura flimkien se jkun dokumentazzjoni. 672 00:33:09,400 --> 00:33:12,270 U li d-dokumentazzjoni tista 'normalment tkun jinstabu fuq il-paġna tal-proġett, li huwa 673 00:33:12,270 --> 00:33:14,970 għaliex aħna ħadt dak is-sit oriġinali il-bidu, li jgħaqqad inti l- 674 00:33:14,970 --> 00:33:18,080 paġni tal-proġett sabiex inti tista ' tara li d-dokumentazzjoni. 675 00:33:18,080 --> 00:33:22,670 >> Tipikament, il-paġna tal-proġett fil-każ ta [inaudible], hija qallek l- 676 00:33:22,670 --> 00:33:23,940 ismijiet tal-klassijiet. 677 00:33:23,940 --> 00:33:27,250 Fil-każ tal-JavaScript, hija tagħti inti l-isem tal-funzjonijiet. 678 00:33:27,250 --> 00:33:35,310 Mill-mod, jekk aħna iscroll sal-quċċata, nota naħa quick fuq il-funzjonijiet hija 679 00:33:35,310 --> 00:33:39,080 kull meta inti tara funzjoni implimentati bħal dan mal-hard 680 00:33:39,080 --> 00:33:43,800 parentesi fin-nofs, dak il-mezz li dik il-proprjetà hija fakultattiva. 681 00:33:43,800 --> 00:33:44,750 Just a up irjus. 682 00:33:44,750 --> 00:33:47,350 Stajt tidher ħafna mistoqsijiet dwar dan. 683 00:33:47,350 --> 00:33:50,370 >> Allura hawn nistgħu naraw li l- janimaw jieħu proprjetajiet 684 00:33:50,370 --> 00:33:51,800 bħala argument meħtieġ. 685 00:33:51,800 --> 00:33:54,870 U kull ħaġa oħra huwa fakultattiv. 686 00:33:54,870 --> 00:33:56,136 Nota naħa - 687 00:33:56,136 --> 00:33:58,090 inti tista 'taħseb dan, sort tal, bħal paġni bniedem. 688 00:33:58,090 --> 00:34:04,275 Paġni bniedem huma dokumentazzjoni għall C u għal ħafna affarijiet oħra, kif ukoll. 689 00:34:04,275 --> 00:34:11,020 >> MIKE RIZZO: Allura aħna ħadthom tgħallmu kif bidla CSS differenti fuq il-paġna, 690 00:34:11,020 --> 00:34:14,040 janimaw dan, u neħħi żid HTML. 691 00:34:14,040 --> 00:34:16,889 Iżda wieħed mill-aktar qawwija verament affarijiet dwar JavaScript 692 00:34:16,889 --> 00:34:18,270 u speċjalment jQuery - 693 00:34:18,270 --> 00:34:22,570 dak li ihallik tagħmel huwa twieġeb għal elementi differenti li jiġri. 694 00:34:22,570 --> 00:34:25,380 Per eżempju, hawnhekk għandna avveniment handler. 695 00:34:25,380 --> 00:34:28,210 U dan ifisser biss kull meta dan avveniment jiġri, aħna jimmaniġġjaw dan fil- 696 00:34:28,210 --> 00:34:29,280 b'ċertu mod. 697 00:34:29,280 --> 00:34:35,159 >> Allura hawnhekk, l-avveniment jQuery ġeneriku handler huwa l-dot fuq. 698 00:34:35,159 --> 00:34:42,949 U mbagħad, l-ewwel ħaġa li għandek provduta huwa dak avveniment suppost 699 00:34:42,949 --> 00:34:43,810 tkun qed tisma għall. 700 00:34:43,810 --> 00:34:45,610 So here, huwa l-click li aħna qed jistennewk. 701 00:34:45,610 --> 00:34:49,250 >> Tomáš REIMERS: Alternattivament, inti għandek fuq imbagħad jerġgħu, li hija waħda popolari ħafna. 702 00:34:49,250 --> 00:34:52,000 Allura lura għall-drop down tiegħi idea menu. 703 00:34:52,000 --> 00:34:54,239 Inti għandek l-waħda fuq fuq imbagħad jerġgħu. 704 00:34:54,239 --> 00:34:56,096 U allura inti tista 'bidla li. 705 00:34:56,096 --> 00:34:56,830 >> MIKE RIZZO: Dritt. 706 00:34:56,830 --> 00:35:01,680 U mbagħad, meta dan iseħħ, hija biss tesegwixxi din il-funzjoni li aħna tagħtiha 707 00:35:01,680 --> 00:35:05,080 bħala argument u li allerti bonjour jew hi. 708 00:35:05,080 --> 00:35:08,900 >> Tomáš REIMERS: Allura fil-każ ta ' JavaScript, dan huwa post għandna bżonn li 709 00:35:08,900 --> 00:35:12,970 neħħi lilna nfusna minn C. Nistgħu attwalment tieħu funzjonijiet argumenti. 710 00:35:12,970 --> 00:35:15,940 U hemm ħafna ta 'verament modi kumplessi biex tagħmel dan. 711 00:35:15,940 --> 00:35:17,940 Aħna ser jippromwovu mod wieħed, li hija tista 'tiddefinixxi l- 712 00:35:17,940 --> 00:35:19,270 jiffunzjonaw hemm dritt. 713 00:35:19,270 --> 00:35:22,540 >> Allura meta inti qed tistaqsi għal funzjoni bħala parametru, int bażikament biss 714 00:35:22,540 --> 00:35:24,500 ser jiddefinixxu l-funzjoni fuq il-post. 715 00:35:24,500 --> 00:35:27,090 U l-mod inti tiddefinixxi funzjoni fl JavaScript huwa inti 716 00:35:27,090 --> 00:35:28,820 litteralment jgħidu funzjoni. 717 00:35:28,820 --> 00:35:30,130 Imbagħad, normalment, l-isem tal-funzjoni. 718 00:35:30,130 --> 00:35:32,510 Iżda aħna qed qatt ser referenza din il-funzjoni mill-ġdid. 719 00:35:32,510 --> 00:35:34,040 Allura aħna jitilqu minnu nameless. 720 00:35:34,040 --> 00:35:40,440 >> Imbagħad il-parentesi, allura l-kaboċċi braces, u allura l-kodiċi f'dak. 721 00:35:40,440 --> 00:35:42,540 Allura aħna nifhmu dan jista jkun ftit konfuża. 722 00:35:42,540 --> 00:35:45,180 Allura aħna nagħtuk l-forma ġenerali ta ' liema avveniment handler Dehra 723 00:35:45,180 --> 00:35:47,790 hawn taħt, li hija fuq l-avvenimenti. 724 00:35:47,790 --> 00:35:50,598 U mbagħad, kodiċi tiegħek ġewwa dan. 725 00:35:50,598 --> 00:35:52,478 >> MIKE RIZZO: Hemm xi mistoqsijiet dwar dan? 726 00:35:52,478 --> 00:35:54,818 Dan jista 'jkun ftit konfuża l-ewwel darba tara dan. 727 00:35:54,818 --> 00:35:57,550 >> Tomáš REIMERS: Inti fil-fatt tixtieq li jiftħu fajl u juru lilhom xi 728 00:35:57,550 --> 00:35:58,155 jQuery dritt issa? 729 00:35:58,155 --> 00:35:59,853 >> MIKE RIZZO: Yeah, ejja tagħmel dan. 730 00:35:59,853 --> 00:36:00,256 OK. 731 00:36:00,256 --> 00:36:02,490 >> Tomáš REIMERS: Allura issa aħna qed fl-appliance. 732 00:36:02,490 --> 00:36:07,730 U dak li aħna ghamilt hija aħna ħadt l- libertà tal-ħolqien kemm index.html 733 00:36:07,730 --> 00:36:10,100 file, li links għal fajl JavaScript. 734 00:36:10,100 --> 00:36:12,880 U nistgħu tiftaħ il - 735 00:36:12,880 --> 00:36:15,170 yeah. 736 00:36:15,170 --> 00:36:16,630 Ukoll, huwa ma żewġ affarijiet. 737 00:36:16,630 --> 00:36:18,350 >> L-ewwel huwa torbot il-fajl JavaScript. 738 00:36:18,350 --> 00:36:21,250 U aħna ser tara li up here. 739 00:36:21,250 --> 00:36:25,340 Naraw li fil-kap tal- Dokument HTML, partikolarment. 740 00:36:25,340 --> 00:36:28,260 Allura inti taf tara hemmhekk li aħna, bażikament, jgħidu SRC, 741 00:36:28,260 --> 00:36:29,590 li stands għall-sors. 742 00:36:29,590 --> 00:36:30,630 U dak l-URL. 743 00:36:30,630 --> 00:36:32,700 >> Allura hawn inti tista 'tgħid konna inklużi jQuery. 744 00:36:32,700 --> 00:36:34,290 U konna wkoll inklużi skripts. 745 00:36:34,290 --> 00:36:40,630 Il-mod ieħor biex jinkludu JavaScript huwa li inti tista 'tinkludi iskrittura inline 746 00:36:40,630 --> 00:36:44,600 tag kif għandna fil-qiegħ fejn jgħid tip iskrittura huwa test JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Allura aħna qed tgħid, jisimgħu, aħna qed dwar li tinkludi iskrittura. 748 00:36:46,960 --> 00:36:51,890 U t-tip ta 'dik iskrittura huwa JavaScript, li huwa tip ta 'test. 749 00:36:51,890 --> 00:36:52,550 Sempliċi ħafna. 750 00:36:52,550 --> 00:36:56,490 >> MIKE RIZZO: Allura dan, it-tip ta ', gets biex mistoqsija tiegħek dwar kif aħna jinkludu 751 00:36:56,490 --> 00:37:02,340 JavaScript fil-fajls tagħna għaliex meta aħna kien PHP, nagħmlu xi ħaġa bħal din. 752 00:37:02,340 --> 00:37:07,570 U mbagħad, jkollhom funzjonijiet PHP tagħna - ejja ngħidu ħażniet tagħmel 753 00:37:07,570 --> 00:37:09,150 xi ħaġa ma 'dak - 754 00:37:09,150 --> 00:37:10,490 tmur fil hemm. 755 00:37:10,490 --> 00:37:13,860 Madankollu, issa għandna l-tags iskrittura li aħna tagħtiha, li huma attwalment 756 00:37:13,860 --> 00:37:19,470 parti tal-HTML innifsu għaliex mhuwiex faking jkunu ta 'file HTML bhalu 757 00:37:19,470 --> 00:37:25,070 huwa PHP għaliex jekk inti fil-fatt imorru fil- u ħarsa lejn is-sors tal-paġna, 758 00:37:25,070 --> 00:37:28,430 tkun taf tara dawn it-tags iskrittura fil hemm mal-JavaScript assoċjata ma 759 00:37:28,430 --> 00:37:29,800 minnhom f'dak. 760 00:37:29,800 --> 00:37:31,760 >> Mela allura, jekk ridna li jiktbu xi JavaScript - 761 00:37:31,760 --> 00:37:37,110 ejja biss jgħidu ridna ibiddel il-korp għaliex dritt issa I ma jkollhomx 762 00:37:37,110 --> 00:37:40,020 kwalunkwe tags oħra li I jistgħu verament jeditjaw minbarra korp. 763 00:37:40,020 --> 00:37:42,450 Ejja ngħidu biss I riedu jibdlu l-CSS ta 'dak. 764 00:37:42,450 --> 00:37:46,190 Allura aħna ser jimxi 'l quddiem u l-bidla il-kulur ta 'dan għal aħmar. 765 00:37:46,190 --> 00:37:47,380 >> So I tiffranka l-fajl. 766 00:37:47,380 --> 00:37:52,700 Ejja ħa mmorru lura għall-paġna web tagħna, jġedded, u tagħmlu awtomatikament 767 00:37:52,700 --> 00:37:55,920 minħabba li ma jidhirx bhalu stenniet fil-livelli kollha għaliex aħna ma kinux jisimgħu 768 00:37:55,920 --> 00:37:59,450 għal avveniment jew xi ħaġa bħal dik. 769 00:37:59,450 --> 00:38:02,800 >> Tomáš REIMERS: Mela jekk immorru lura għal dak fajl b'mod partikolari - il-HTML 770 00:38:02,800 --> 00:38:04,710 fajl - dak li int ser biex tara hija li għandna - 771 00:38:04,710 --> 00:38:06,810 ftakar li dan huwa mgħobbi, tip ta ', kronoloġikament. 772 00:38:06,810 --> 00:38:09,910 Allura aħna għandna l-ewwel ir-ras. tagħbijiet dawn iż-żewġ fajls. 773 00:38:09,910 --> 00:38:10,800 Imbagħad immorru l-korp. 774 00:38:10,800 --> 00:38:11,640 U naraw bonjour dinja. 775 00:38:11,640 --> 00:38:13,030 Allura aħna jirrendu bonjour dinja. 776 00:38:13,030 --> 00:38:15,240 >> U allura l-aħħar ħaġa li għandna huwa aħna għandna l-tag iskrittura. 777 00:38:15,240 --> 00:38:20,880 Għalhekk hija tiġġestixxi l-tikketta iskrittura għaliex dan huwa ma javżak li tistenna għal xejn. 778 00:38:20,880 --> 00:38:24,700 U dak l-aktar bażika mod jiddekorri JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> Ma 'dak imsemmi, inti tista' tpoġġi l-iskrittura tag up fil-header biss 780 00:38:29,200 --> 00:38:31,240 biex juru dan il-punt? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 U run dan. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Aħna ser avviż li huwa ma jibdlu l-kulur. 785 00:38:41,070 --> 00:38:44,210 U dan huwa wieħed mill-problemi ta ' JavaScript huwa li l-affarijiet huma mgħobbija 786 00:38:44,210 --> 00:38:45,930 f'ordni kronoloġika. 787 00:38:45,930 --> 00:38:49,750 >> Allura fil-mument li dan il-kodiċi kien għaddej, aħna magħżula - 788 00:38:49,750 --> 00:38:52,530 jmorru lura - 789 00:38:52,530 --> 00:38:53,670 l-tikketta ġisem. 790 00:38:53,670 --> 00:38:57,560 Il-lametta korp s'issa ma jeżistix minħabba JavaScript huwa konformi mal-HTML. 791 00:38:57,560 --> 00:39:01,790 Allura l-browser huwa simili ġisem tagħżel. 792 00:39:01,790 --> 00:39:02,760 M'hemm l-ebda ħaġa bħal din s'issa. 793 00:39:02,760 --> 00:39:03,600 Allura nistgħu ninjoraw dan. 794 00:39:03,600 --> 00:39:05,330 U aħna iżommu għaddejjin. 795 00:39:05,330 --> 00:39:07,200 >> U allura aħna jiddefinixxu tag korp. 796 00:39:07,200 --> 00:39:09,670 Iżda dan qatt gets aġġornata. 797 00:39:09,670 --> 00:39:12,560 Allura meta inti qed jimplimentaw script tags, aċċerta ruħek li tpoġġi 798 00:39:12,560 --> 00:39:15,502 wara l-tikketta ġisem. 799 00:39:15,502 --> 00:39:16,820 Slide li jmiss. 800 00:39:16,820 --> 00:39:17,830 >> MIKE RIZZO: OK. 801 00:39:17,830 --> 00:39:19,330 Allura aħna mibdula xi ħaġa. 802 00:39:19,330 --> 00:39:21,910 Iżda ma look like hija rrispondiet għall us-livelli kollha għaliex biss tip ta ' 803 00:39:21,910 --> 00:39:24,150 ma kien hekk kif mgħobbija il-paġna. 804 00:39:24,150 --> 00:39:27,700 Allura issa, minflok tagħmel dan, għaliex ma aħna żid avveniment handler. 805 00:39:27,700 --> 00:39:31,020 >> Mela ejja nagħmlu xi ħaġa lill-korp ġdid. 806 00:39:31,020 --> 00:39:33,490 U ejja ngħidu nagħmlu dan fuq - 807 00:39:33,490 --> 00:39:34,500 ikklikkja. 808 00:39:34,500 --> 00:39:35,750 Aħna ser żid funzjoni. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> Bidla Ejja: TOMAS REIMERS huwa kulur aħmar mill-ġdid. 811 00:39:39,690 --> 00:39:40,000 Għaliex le? 812 00:39:40,000 --> 00:39:41,680 >> Bidla Yeah, ejja: MIKE RIZZO "kulur tagħha għal aħmar mill-ġdid. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Kull dritt. 815 00:39:46,900 --> 00:39:48,480 Mela ejja rikarigu-paġna. 816 00:39:48,480 --> 00:39:49,530 OK, naraw - 817 00:39:49,530 --> 00:39:52,290 kif mistenni, ma dawran aħmar s'issa. 818 00:39:52,290 --> 00:39:53,610 Imma allura aħna tista 'tmur quddiem u ikklikkja dan. 819 00:39:53,610 --> 00:39:54,270 >> Tomáš REIMERS: U dan ma dawran aħmar. 820 00:39:54,270 --> 00:39:56,090 >> MIKE RIZZO: U ma dawran aħmar kif mistenni. 821 00:39:56,090 --> 00:39:59,010 >> Tomáš REIMERS: U nistgħu naraw kif nistgħu jibdew jibnu bażika ħafna 822 00:39:59,010 --> 00:40:00,170 interazzjoni. 823 00:40:00,170 --> 00:40:03,850 Affarijiet oħra, aħna tista 'tixtieq tagħmel hu li, jekk aħna ma jridux jagħmlu l-korp 824 00:40:03,850 --> 00:40:07,230 kulur aħmar, ejja jagħmlu l-HTML isfond bil-kulur aħmar. 825 00:40:07,230 --> 00:40:08,480 Just hekk huwa l-istess CSS. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> U meta aħna jibdlu, nistgħu naraw dan effett daqshekk drammatiku ħafna tal-bidla tal- 828 00:40:23,320 --> 00:40:25,510 paġna kollha. 829 00:40:25,510 --> 00:40:29,100 Għalhekk għal darb'oħra, jekk inti qed jimplimentaw l-affarijiet, inti jista 'jkollhom komponent wieħed 830 00:40:29,100 --> 00:40:30,150 li huwa maħsub biex jiġu għafast fuq. 831 00:40:30,150 --> 00:40:32,710 Ejja ngħidu buttuna Exit u komponent ieħor kollu, 832 00:40:32,710 --> 00:40:33,830 li huwa maħsub biex jirrispondi. 833 00:40:33,830 --> 00:40:35,755 Allura inti tneħħi tieqa meta dan iseħħ. 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 Just bħala eżempju - 837 00:40:42,200 --> 00:40:44,400 inti ma jiksbu biex tara dan preċedenti - 838 00:40:44,400 --> 00:40:47,500 I ser biss jurik dak li jidher simili meta aħna jaħbu xi ħaġa. 839 00:40:47,500 --> 00:40:52,220 So I ser imorru quddiem u ma slide up. 840 00:40:52,220 --> 00:40:54,440 >> Tomáš REIMERS: Trid wrap li fil- paragrafu tip qabel nagħmlu dan? 841 00:40:54,440 --> 00:40:55,132 >> MIKE RIZZO: OK. 842 00:40:55,132 --> 00:40:59,135 Yeah, għaliex ma nagħmlu li biss hekk nistgħu tagħżel ftit aktar. 843 00:40:59,135 --> 00:41:00,490 >> Tomáš Reimers: u ejja tagħtiha klassi. 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, so ejja ara. 847 00:41:09,920 --> 00:41:14,820 Minflok għażla tal-korp attwali issa, I ser jagħżlu biss kollox ma 848 00:41:14,820 --> 00:41:18,780 klassi hello, li hawnhekk aħna biss għandhom ħaġa waħda. 849 00:41:18,780 --> 00:41:20,900 Allura aħna ma għandu jkollhom tinkwieta dwar dan. 850 00:41:20,900 --> 00:41:23,080 >> So I ser jġedded. 851 00:41:23,080 --> 00:41:24,230 I ser imorru quddiem u ikklikkja dan. 852 00:41:24,230 --> 00:41:27,890 U, tip ta ', għamlet slide stramb up ħaġa, li ma tfittex li 853 00:41:27,890 --> 00:41:29,580 attraenti. 854 00:41:29,580 --> 00:41:31,060 Ġeneralment, dawn ma tfittex pretty sbieħ. 855 00:41:31,060 --> 00:41:32,720 I raden, dan - għal xi raġuni - ma. 856 00:41:32,720 --> 00:41:36,640 I ser biss tagħmel fade out hekk inti tista 'tħares lejn li wisq. 857 00:41:36,640 --> 00:41:38,100 Ħafna nicer. 858 00:41:38,100 --> 00:41:41,150 >> U mbagħad, jekk I tiftaħ il-JavaScript console darb'oħra u irridu naraw liema 859 00:41:41,150 --> 00:41:43,900 jidher qisu meta aħna fade hija pulzieri 860 00:41:43,900 --> 00:41:46,920 Issa, I biss sejħa fade fuqha. 861 00:41:46,920 --> 00:41:48,830 U tgħib lura pulzieri 862 00:41:48,830 --> 00:41:56,150 >> Bl-istess mod, nistgħu attwalment jgħaddi wkoll argument li fade fi jew fade out, 863 00:41:56,150 --> 00:41:57,640 li huwa, tip ta ', il-veloċità ta' dan. 864 00:41:57,640 --> 00:42:02,220 Mela ejja imorru quddiem u jgħidu li rridu li jmorru bil-mod fade pulzieri 865 00:42:02,220 --> 00:42:04,250 So I raden huwa xorta deher pretty malajr. 866 00:42:04,250 --> 00:42:06,180 Iżda kien aktar kajman minn qabel. 867 00:42:06,180 --> 00:42:10,340 >> Tomáš REIMERS: U jekk inti tixtieq li ssib af aktar dwar dawn l-affarijiet, għal darb'oħra, 868 00:42:10,340 --> 00:42:13,410 biss jmorru għall-dokumentazzjoni jQuery, li konna tak, u aqra 869 00:42:13,410 --> 00:42:13,735 permezz ta 'dawn. 870 00:42:13,735 --> 00:42:15,790 Huma jiddokumentaw funzjonijiet tagħhom oerhört ukoll. 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 So I raden immorru lura għal dan. 874 00:42:21,560 --> 00:42:23,490 U nistgħu nitkellmu dwar page aħħar tagħna. 875 00:42:23,490 --> 00:42:24,690 Well, nistgħu finitura ma bootstrap. 876 00:42:24,690 --> 00:42:27,140 U allura aħna ser tiftaħ it up għal xi mistoqsijiet. 877 00:42:27,140 --> 00:42:30,180 U jekk inti guys xi ideat li tixtieq tipprova tarmi up u ara 878 00:42:30,180 --> 00:42:34,150 jekk nistgħu jimplimentawhom mal- JavaScript malajr. 879 00:42:34,150 --> 00:42:37,890 >> Allura verament malajr dwar bootstrap, li ġiet awtomatikament inklużi fil 880 00:42:37,890 --> 00:42:41,700 aħħar problema tiegħek stabbiliti fil-folder CSS u fil-fatt marbut fl tiegħek 881 00:42:41,700 --> 00:42:43,190 header.php. 882 00:42:43,190 --> 00:42:46,740 Allura inti jista 'jkollhom klassijiet miżjud li huma definiti fil bootstrap lilha. 883 00:42:46,740 --> 00:42:50,490 U kien awtomatikament styled dawk l-affarijiet xieraq. 884 00:42:50,490 --> 00:42:54,550 >> Tomáš REIMERS: Allura bootstrap huwa ferm ħaġa maġika żviluppati mill-poplu 885 00:42:54,550 --> 00:42:55,340 fuq Twitter. 886 00:42:55,340 --> 00:42:57,230 U dak li kien maħsub biex tagħmel kien - 887 00:42:57,230 --> 00:43:00,740 qabel websajts kienu verament diffiċli li jagħmlu tfittex sbieħ, speċjalment meta kellna 888 00:43:00,740 --> 00:43:02,200 ħafna ta 'komponenti komuni. 889 00:43:02,200 --> 00:43:04,770 Allura ħafna ta 'buttuni fuq il- web ħarsu l-istess. 890 00:43:04,770 --> 00:43:08,960 >> A lott ta 'oqsma tat-test jista' jsir biex tħares aħjar mit-test standard 891 00:43:08,960 --> 00:43:13,620 qasam you know probabbilment minn verament websajts qodma jew verament sar ħażin 892 00:43:13,620 --> 00:43:18,210 websajts, li tfittex biss bħal litterali kaxxi test mingħajr l-ebda forma ta 'test 893 00:43:18,210 --> 00:43:21,190 dell jew kwalunkwe tip ta 'kontorn sbieħ. 894 00:43:21,190 --> 00:43:24,540 Allura dak bootstrap ma kien qal, ukoll, għandna stili komuni lott. 895 00:43:24,540 --> 00:43:28,210 Għaliex ma we jagħmlu sett wieħed komuni ta 'CSS u sett komuni ta 'JavaScript kif 896 00:43:28,210 --> 00:43:32,210 ukoll, li tista 'stil huwa kif u liema tista 'tagħti liż affarijiet simili drop 897 00:43:32,210 --> 00:43:34,610 down menus, li tista 'tagħti liż affarijiet simili modals. 898 00:43:34,610 --> 00:43:38,580 >> Modali huwa dak li pops fuq il-paġna kull meta huwa strettament 899 00:43:38,580 --> 00:43:41,090 ħaġa, li jinibixxi aktar interazzjoni sakemm inti 900 00:43:41,090 --> 00:43:43,110 jinteraġixxu miegħu. 901 00:43:43,110 --> 00:43:45,820 Xi ħaġa bħal din hija, inti żgur inti tixtieq li tħassar dan il-ħaġa? 902 00:43:45,820 --> 00:43:49,100 Inti ma tistax verament tagħmel xi ħaġa oħra sakemm inti tgħidli iva jew le. 903 00:43:49,100 --> 00:43:52,720 >> Hija ħadet dan kollu u ppakkjati dan flimkien u qal, here we go. 904 00:43:52,720 --> 00:43:54,630 Nies issa jistgħu jużaw dan. 905 00:43:54,630 --> 00:43:56,830 U inti tista 'ssib dan matul fil getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Kien awtomatikament inklużi fi aħħar problema tiegħek stabbiliti. 907 00:44:00,480 --> 00:44:04,160 U int aktar minn welcome biex użu fuq proġett finali tiegħek. 908 00:44:04,160 --> 00:44:06,950 U jekk inti tixtieq li ssegwi dik link li tikseb bootstrap. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Int ser ikollok tara hawnhekk huwa l- Bootstrap sit CSS. 911 00:44:15,700 --> 00:44:16,860 Int ser ikollok tara bootstrap. 912 00:44:16,860 --> 00:44:20,450 U jekk inti iscroll, tkun taf tara kif tniżżel dan, kif 913 00:44:20,450 --> 00:44:21,900 tinstallahx, eċċetera. 914 00:44:21,900 --> 00:44:24,700 >> MIKE RIZZO: U inti tista 'wkoll, Interessanti biżżejjed, customize 915 00:44:24,700 --> 00:44:27,770 jkun kwalunkwe tip ta 'temi li tixtieq. 916 00:44:27,770 --> 00:44:31,270 Naf li xi ħaġa I għamlet għall tiegħi proġett finali meta ħadt il-klassi 917 00:44:31,270 --> 00:44:32,050 kien customize. 918 00:44:32,050 --> 00:44:34,540 Verżjoni differenti ta bootstrap li kellhom skema ta 'kulur differenti u 919 00:44:34,540 --> 00:44:36,700 forom differenti ta 'xi affarijiet differenti. 920 00:44:36,700 --> 00:44:38,250 So I ninkoraġġukom biex tilgħab ma 'dak. 921 00:44:38,250 --> 00:44:39,440 Huwa tip ta 'gost li jagħmlu. 922 00:44:39,440 --> 00:44:43,230 >> Tomáš REIMERS: Looking madwar l-quċċata għal darb'oħra, huwa simili ħafna għall-Font 923 00:44:43,230 --> 00:44:44,970 Sit tal-biża. 924 00:44:44,970 --> 00:44:47,810 A lott ta 'dokumentazzjoni se tibda li jidhru simili meta inti ħadthom 925 00:44:47,810 --> 00:44:48,940 raw biżżejjed ta 'dan. 926 00:44:48,940 --> 00:44:51,260 Allura hawnhekk għandna l-CSS komponent ta 'dan. 927 00:44:51,260 --> 00:44:53,540 U tkun taf tara kif tista 'stil affarijiet. 928 00:44:53,540 --> 00:44:56,780 Mela jekk tikklikkja fuq tabelli, per eżempju, inti tista istantanjament tagħmel 929 00:44:56,780 --> 00:45:01,710 tabella pretty sempliċiment billi żżid il-mejda klassi għalih. 930 00:45:01,710 --> 00:45:03,150 >> Istess affarijiet għall-buttuni. 931 00:45:03,150 --> 00:45:12,140 Jekk inti sempliċiment żid il BTN klassi u BTN inadempjenza jew BTN primarja, inti tista ' 932 00:45:12,140 --> 00:45:16,240 tikseb xi wieħed minn dawn il-buttuni ma 'dawn l-istili qabel magħmula. 933 00:45:16,240 --> 00:45:18,570 U mbagħad, jekk inti qed tfittex xi ħaġa aktar kumplessi minn sempliċiment 934 00:45:18,570 --> 00:45:24,100 restyling dak w diġà għandhom, fuq fuq il-tab JavaScript madwar l-quċċata aħna 935 00:45:24,100 --> 00:45:25,120 mazz ta 'komponenti. 936 00:45:25,120 --> 00:45:30,410 >> Allura hawnhekk għandna tranżizzjonijiet, modals, dropdowns, patti, u tooltips. 937 00:45:30,410 --> 00:45:35,530 A tooltip huwa dak pops up taħt tiegħek maws meta inti imbagħad jerġgħu fuq xi ħaġa. 938 00:45:35,530 --> 00:45:40,280 Popovers, twissijiet, buttuni, kollassabbli akkordjanijiet huwa dak 939 00:45:40,280 --> 00:45:41,190 dawn qed normalment imsejħa. 940 00:45:41,190 --> 00:45:43,045 Karużelli, li flip permezz ta 'immaġini simili. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Għalhekk dawn huma l-komponenti ta bootstrap. 943 00:45:54,840 --> 00:45:57,620 Nixtieq ninkoraġġukom biex ħafna tmur tħares lejn lilhom. 944 00:45:57,620 --> 00:46:01,780 Hemm komponent JavaScript u komponent CSS. 945 00:46:01,780 --> 00:46:03,880 Ħossok liberu li tużahom kif inti se. 946 00:46:03,880 --> 00:46:06,730 Aħna mhux se jmorru wisq ġo fihom għax aħna nħossu d-dokumentazzjoni 947 00:46:06,730 --> 00:46:09,360 isir verament tajjeb. 948 00:46:09,360 --> 00:46:10,540 U yeah. 949 00:46:10,540 --> 00:46:14,500 Għandek xi mistoqsijiet dwar dan? 950 00:46:14,500 --> 00:46:19,430 >> MIKE RIZZO: Allura bħala huma verament malajr naħa, id-disinn ta 'din il-paġna web li 951 00:46:19,430 --> 00:46:21,830 aħna malajr jitqiegħdu flimkien għal din il-preżentazzjoni hija 952 00:46:21,830 --> 00:46:24,290 attwalment isir użu bootstrap. 953 00:46:24,290 --> 00:46:27,810 Kif tistgħu taraw, meta aħna ikklikkja fuq dawn tabs differenti, aħna qatt ma attwalment 954 00:46:27,810 --> 00:46:30,750 jħallu din il-paġna index.html kurrenti. 955 00:46:30,750 --> 00:46:36,400 Allura dak li għandna huwa divs differenti fi ħdan dan index.html. 956 00:46:36,400 --> 00:46:39,610 U mbagħad, meta aħna ikklikkja differenti tab, huwa biss tinbidel 957 00:46:39,610 --> 00:46:41,590 li turi wieħed. 958 00:46:41,590 --> 00:46:47,390 >> Għalhekk jixraq pożizzjonijiet tagħhom, bidliet l-HTML tal-paġna sabiex 959 00:46:47,390 --> 00:46:52,330 il-tab kurrentilivell huwa mmarkat bħala attiv sabiex jidher b'mod differenti u jistenna 960 00:46:52,330 --> 00:46:52,820 tassew sbieħ. 961 00:46:52,820 --> 00:46:57,260 >> Tomáš REIMERS: Allura li kien kollu jsir mingħajr us miktub kważi kull CSS. 962 00:46:57,260 --> 00:47:01,440 Naraw ukoll header madwar l-quċċata, li l-kuluri huma mill us. 963 00:47:01,440 --> 00:47:04,800 Iżda l-attwali tqegħid fuq il- quċċata tal-paġna u jagħmlu 964 00:47:04,800 --> 00:47:06,660 dan scroll kien bootstrap. 965 00:47:06,660 --> 00:47:09,720 U mbagħad anke għal librerija ieħor - dan mhuwiex wieħed tkellimna dwar iżda wieħed 966 00:47:09,720 --> 00:47:11,580 inti tista 'Google jekk inti tixtieq. 967 00:47:11,580 --> 00:47:15,130 Din tissejjaħ prettify.js. 968 00:47:15,130 --> 00:47:20,650 U se sintattiku tenfasizza kodiċi tiegħek għalik użu kemm CSS u JavaScript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> L-aħħar ħaġa li rridu nitkellmu dwar qabel aħna rilaxx inti out fil- 971 00:47:27,070 --> 00:47:30,620 dinja tħares lejn libreriji biex insemmu kif jużawhom u, wieħed jittama, 972 00:47:30,620 --> 00:47:34,640 aqra dokumentazzjoni u ssib dak li bżonn huwa kif issib libreriji. 973 00:47:34,640 --> 00:47:37,000 Allura l-ewwel hija aħna qed biss se timbotta Google. 974 00:47:37,000 --> 00:47:37,810 Mur Google. 975 00:47:37,810 --> 00:47:41,150 >> C'est litteralment dak li nagħmlu meta aħna bżonn tagħmel xi ħaġa hija aħna Google. 976 00:47:41,150 --> 00:47:44,730 Hemm librerija JavaScript li tippermetti lili biex jimmanipulaw darba fi 977 00:47:44,730 --> 00:47:45,400 mod utli? 978 00:47:45,400 --> 00:47:49,510 Mela jekk jien taf li xi utent ħolqien kont hawn, u dan huwa l- 979 00:47:49,510 --> 00:47:53,010 ħin kurrenti, kif nista 'tikkalkula l- differenza ma 'dak mingħajr ma jkollhom 980 00:47:53,010 --> 00:47:55,020 jikkalkulaw myself? 981 00:47:55,020 --> 00:47:59,630 Allura dan huwa attwalment ħaġa komuni, JavaScript time librerija. 982 00:47:59,630 --> 00:48:02,440 U hawn aħna Moment.js-- l-aktar waħda popolari. 983 00:48:02,440 --> 00:48:06,530 >> Jekk għandna bżonn librerija li jimmanipulaw xi ħaġa simili kulur li tkun tista ' 984 00:48:06,530 --> 00:48:08,650 jiġġeneraw mazz ta 'kuluri każwali - 985 00:48:08,650 --> 00:48:10,660 possibilment, jiġġeneraw stil jew xi ħaġa - 986 00:48:10,660 --> 00:48:13,480 nistgħu Google xi ħaġa simili JavaScript kulur librerija. 987 00:48:13,480 --> 00:48:15,620 U jien ċert aħna se pop up ma ' elf u wieħed minnhom. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Inti qed jilqgħu biex taqra permezz tagħhom. 990 00:48:21,410 --> 00:48:24,610 >> Allura ħafna affarijiet - meta issib minnhom - ser tkun ospitata fil waħda mill- 991 00:48:24,610 --> 00:48:25,920 siti li kodiċi ospitanti. 992 00:48:25,920 --> 00:48:26,960 Huma qed huma dawk popolari ftit. 993 00:48:26,960 --> 00:48:30,870 L-aktar popolari, billi s'issa, huwa github.com. 994 00:48:30,870 --> 00:48:35,300 U jekk inti tmur GitHub huwa attwalment fejn jinnormalizzaw kien ospitat. 995 00:48:35,300 --> 00:48:36,950 Mela jekk inti tixtieq li tmur lura għal li wieħed. 996 00:48:36,950 --> 00:48:38,135 Juru lilhom li. 997 00:48:38,135 --> 00:48:40,516 >> MIKE RIZZO: U li attwalment fejn dan huwa ospitat wisq, jekk inti ndunat. 998 00:48:40,516 --> 00:48:41,000 >> Tomáš REIMERS: Yeah. 999 00:48:41,000 --> 00:48:49,078 Mela jekk inti tmur fuq biex jiġu normalizzati u jmorru l-GitHub. 1000 00:48:49,078 --> 00:48:51,936 Kieku huwa li? 1001 00:48:51,936 --> 00:48:54,620 >> MIKE RIZZO: ħaġa qattus li ftit huwa s-simbolu GitHub. 1002 00:48:54,620 --> 00:48:56,330 >> Tomáš REIMERS: Oh. 1003 00:48:56,330 --> 00:49:02,180 Allura GitHub juża metodu jissejjaħ Git taħżen kodiċi. 1004 00:49:02,180 --> 00:49:05,150 Hija ma tkunx taf dak li hu jew dan frightens int, li l-multa. 1005 00:49:05,150 --> 00:49:16,100 Inti ma għandekx tkun taf liema Git hija minħabba GitHub għandha buttuna Download 1006 00:49:16,100 --> 00:49:17,200 fil-qiegħ dritt. 1007 00:49:17,200 --> 00:49:21,350 >> Il-ħaġa utli oħra li tkun taf dwar GitHub hija aktar prodotti 1008 00:49:21,350 --> 00:49:23,200 se jkollhom taqra me. 1009 00:49:23,200 --> 00:49:25,400 U jekk dawn ma għandhom websajt, l- aqra me ser jitkellmu dwar kif inti 1010 00:49:25,400 --> 00:49:28,310 jinstallaw dan, kif tużah, dak li ma, eċċetera, eċċetera, eċċetera. 1011 00:49:28,310 --> 00:49:31,033 Dak li konna fundamentalment mixi inti permezz. 1012 00:49:31,033 --> 00:49:32,326 >> MIKE RIZZO: jaqtagħhom Internet. 1013 00:49:32,326 --> 00:49:34,020 >> Tomáš REIMERS: Dik il-multa. 1014 00:49:34,020 --> 00:49:36,980 L-aħħar żewġ affarijiet li ridna biex jitkellmu dwar - 1015 00:49:36,980 --> 00:49:38,750 konna tkellimna dwar Git - 1016 00:49:38,750 --> 00:49:40,290 huwa troubleshooting. 1017 00:49:40,290 --> 00:49:43,020 U dan huwa wieħed mhux bħala rilevanti għall- il-prodott finali kif huwa 1018 00:49:43,020 --> 00:49:44,870 meta titlaq 50. 1019 00:49:44,870 --> 00:49:48,310 U meta inti tmexxi fi prodotti implimentazzjoni libreriji jew implimentazzjoni 1020 00:49:48,310 --> 00:49:50,230 proġett tiegħek, int ser li xi mistoqsijiet jew int 1021 00:49:50,230 --> 00:49:51,660 ser tfittex għall-mistoqsijiet. 1022 00:49:51,660 --> 00:49:53,060 >> Għal darb'oħra, Google. 1023 00:49:53,060 --> 00:49:54,630 C'est litteralment dak li nagħmlu. 1024 00:49:54,630 --> 00:49:56,400 Dan se ħoss iblah. 1025 00:49:56,400 --> 00:49:58,310 Iżda litteralment, aħna Google. 1026 00:49:58,310 --> 00:50:01,810 U għal darb'oħra, wieħed mill-ewwel affarijiet inti ser normalment run fis hija 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, li hija meraviljuża mistoqsija u ma jidhirx mit-tweġiba. 1028 00:50:06,550 --> 00:50:10,530 >> Huwa wunderbare kemm għaliex inti tista ' wara l-mistoqsijiet u jfittxu 1029 00:50:10,530 --> 00:50:12,760 tweġibiet iżda wkoll minħabba diġà għandha ħafna ta ' 1030 00:50:12,760 --> 00:50:14,590 kontenut pre-popolati hemmhekk. 1031 00:50:14,590 --> 00:50:18,510 Allura normalment meta inti Google programmazzjoni kwistjoni fl-ewwel 1032 00:50:18,510 --> 00:50:22,620 koppja hits inti tista 'diġà run fis dan matul settijiet problematiċi tiegħek. 1033 00:50:22,620 --> 00:50:27,840 >> U mbagħad, l-aħħar ħaġa verament fil-qosor huwa JSFIDDLE, li huwa - illum konna 1034 00:50:27,840 --> 00:50:32,110 qed tagħmel ħafna xogħol ma ' JavaScript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE huwa app web, li bażikament tippermetti biex tieħu HTML tiegħek, TIEGĦEK 1036 00:50:39,820 --> 00:50:42,820 JavaScript qiegħ tax-xellug, u dritt CSS tiegħek top. 1037 00:50:42,820 --> 00:50:47,840 U allura tista 'toħloq tirrendi a quick ta 'dan u tara kif jinteraġixxi. 1038 00:50:47,840 --> 00:50:50,500 Huwa utli ħafna meta n-nies qed jippruvaw jagħmlu prova ta 'kunċett simili 1039 00:50:50,500 --> 00:50:52,910 dan huwa kif inti tagħmel drop down menu. 1040 00:50:52,910 --> 00:50:54,980 Forsi Ikxef malajr jew ikun x'ikun. 1041 00:50:54,980 --> 00:50:56,560 >> MIKE RIZZO: Mela ejja go quddiem u kklikkja dan. 1042 00:50:56,560 --> 00:50:57,820 A quick nota - 1043 00:50:57,820 --> 00:51:00,430 billi, qabel konna tagħmel fuq klikk. 1044 00:51:00,430 --> 00:51:04,380 Jinstabx JCorey Korea wkoll mibnija fil klikk handler avveniment li 1045 00:51:04,380 --> 00:51:07,020 juża biss għax tidher int tmur jridu jagħmlu ħafna affarijiet 1046 00:51:07,020 --> 00:51:08,410 meta inti tixtieq li ikklikkja xi ħaġa. 1047 00:51:08,410 --> 00:51:09,690 >> Bl-istess mod, għandu wkoll imbagħad jerġgħu. 1048 00:51:09,690 --> 00:51:12,850 Iżda biex jiksbu l-ambitu sħiħ ta ' dawk, ħarsa lejn il-jQuery 1049 00:51:12,850 --> 00:51:15,320 dokumentazzjoni u tagħmel dan. 1050 00:51:15,320 --> 00:51:18,760 Jien għamilt xi ħaġa stupid hawn. 1051 00:51:18,760 --> 00:51:21,490 >> Tomáš REIMERS: So I jkollhom tassew mgħaġġla Programm dritt hawn, li jgħid 1052 00:51:21,490 --> 00:51:22,640 buttuna fuq klikk. 1053 00:51:22,640 --> 00:51:23,890 Imbagħad għandna għal loop. 1054 00:51:23,890 --> 00:51:26,810 Għal i huwa inqas minn 404. 1055 00:51:26,810 --> 00:51:29,530 Huwa biss se pop up dawn il-messaġġi ta 'twissija. 1056 00:51:29,530 --> 00:51:33,425 >> MIKE RIZZO: U dak li kien il- kodiċi 404 kien fil-HTML? 1057 00:51:33,425 --> 00:51:34,145 Ħadd ma tiftakar? 1058 00:51:34,145 --> 00:51:35,450 Ma tkunx misjuba, id-dritt. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Chrome miżjuda wkoll f'dan pulita ħaġa fejn inti tista '- 1061 00:51:40,885 --> 00:51:43,430 >> Tomáš REIMERS: Għaliex in-nies bħall- Mike bdiet tagħmel dan ħafna u 1062 00:51:43,430 --> 00:51:47,230 utenti annoying, li tippermetti inti tara info. 1063 00:51:47,230 --> 00:51:48,286 >> MIKE RIZZO: Yeah. 1064 00:51:48,286 --> 00:51:50,690 >> Tomáš REIMERS: Do we xi mistoqsijiet dwar dan, madwar JavaScript 1065 00:51:50,690 --> 00:51:53,420 libreriji, konstatazzjoni libreriji, jew liema web iżvilupp jistenna 1066 00:51:53,420 --> 00:51:55,400 bħal fid-dinja reali? 1067 00:51:55,400 --> 00:51:56,880 Aħna running up kontra l-ħin. 1068 00:51:56,880 --> 00:52:00,400 Hekk jien ċert aħna qed tmur sabiex ikollhom ħin biex jimplimentaw 1069 00:52:00,400 --> 00:52:02,290 sakemm huwa tassew mgħaġġla. 1070 00:52:02,290 --> 00:52:04,580 Are we tajba? 1071 00:52:04,580 --> 00:52:08,110 >> MIKE RIZZO: Xejn inti guys tixtieq biex tara tassew mgħaġġla fl, bħal, tnejn 1072 00:52:08,110 --> 00:52:09,556 minuta jew inqas? 1073 00:52:09,556 --> 00:52:10,870 >> Tomáš REIMERS: xejn nistgħu tiċċara? 1074 00:52:10,870 --> 00:52:12,500 Kif jikteb fil - 1075 00:52:12,500 --> 00:52:13,260 >> UDJENZA: [inaudible]? 1076 00:52:13,260 --> 00:52:16,070 >> MIKE RIZZO: Iva, hekk that's - 1077 00:52:16,070 --> 00:52:18,065 >> Tomáš REIMERS: Tista 'biss hit Kontroll-U fuq il-websajt. 1078 00:52:18,065 --> 00:52:19,275 >> MIKE RIZZO: Oh, I ma kinitx taf li. 1079 00:52:19,275 --> 00:52:22,290 >> Tomáš REIMERS: I think, yeah. 1080 00:52:22,290 --> 00:52:23,300 Kontroll-U. Yeah. 1081 00:52:23,300 --> 00:52:25,970 >> MIKE RIZZO: Oh, b'tali mod li l- kodiċi għall-website. 1082 00:52:25,970 --> 00:52:29,580 Imma jekk inti fil-fatt tixtieq li tniżżel tagħna fajls u kollox, huwa ospitat 1083 00:52:29,580 --> 00:52:32,650 fuq github.com 1084 00:52:32,650 --> 00:52:34,850 >> Tomáš REIMERS: mmejla isem tiegħi - 1085 00:52:34,850 --> 00:52:38,504 Tomas Reimers - slash Seminar sing CS50. 1086 00:52:38,504 --> 00:52:40,710 >> MIKE RIZZO: U inti tista ' ssib kollox hemm. 1087 00:52:40,710 --> 00:52:42,310 >> Tomáš REIMERS: Dan huwa dak GitHub Dehra, mill-mod. 1088 00:52:42,310 --> 00:52:44,910 Għalhekk għal darb'oħra, meta inti tara sors miftuħ proġett, tipikament, dawn ser ikunu jinqara 1089 00:52:44,910 --> 00:52:45,950 me hemmhekk li inti tista 'taqra. 1090 00:52:45,950 --> 00:52:50,200 U jekk inti tmur lura, inti ser ikollok avviż li inti għandek il-zip download, li se 1091 00:52:50,200 --> 00:52:52,130 jippermetti li inti tniżżel is-sors kodiċi li jinkludu l- 1092 00:52:52,130 --> 00:52:53,666 prodott ħaġa tiegħek. 1093 00:52:53,666 --> 00:52:56,890 >> MIKE RIZZO: Yeah, u jekk aħna ikklikkja fuq il-index.html verament malajr - 1094 00:52:56,890 --> 00:52:59,180 >> Tomáš REIMERS: Int ser ikollok tara hawn l- kodiċi tas-sors għall-websajt tagħna. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> MIKE RIZZO: Ukoll, I nesa li timbotta dritt qabel it-tabella big 1097 00:53:06,070 --> 00:53:09,860 inklużi, imma hemm ukoll mejda ta chmods li aħna inklużi 1098 00:53:09,860 --> 00:53:13,210 biss għaċ-ċarezza tiegħek. 1099 00:53:13,210 --> 00:53:16,940 Imma jekk aħna iscroll-triq kollha sa l- qiegħ, aħna ma attwalment tagħmel ħafna 1100 00:53:16,940 --> 00:53:21,160 ħafna mal-JavaScript Jittieħed fil-livelli kollha ma 'dan. 1101 00:53:21,160 --> 00:53:26,610 Huwa esklussivament minn kollox inkella li kellna. 1102 00:53:26,610 --> 00:53:28,730 >> Allura nirringrazzjak guys għall ġejjin u jisimgħu. 1103 00:53:28,730 --> 00:53:29,830 Nittamaw li dan kien verament utli. 1104 00:53:29,830 --> 00:53:33,020 Jekk għandek xi JavaScript relatati mistoqsijiet jew biss trid titkellem dwar 1105 00:53:33,020 --> 00:53:36,240 x'iktar Bħal dak affarijiet jibred oħra inti tista 'tagħmel ma JavaScript, aħna'd imħabba 1106 00:53:36,240 --> 00:53:37,186 biex jitkellem miegħek. 1107 00:53:37,186 --> 00:53:40,010 >> Tomáš REIMERS: Jekk għandek xi mistoqsija dwar il-proġett tiegħek jew jekk dan jista 'jkun 1108 00:53:40,010 --> 00:53:42,740 rilevanti, aħna ser probabbilment stick madwar ftit wara dan. 1109 00:53:42,740 --> 00:53:44,640 Iżda minbarra dan, għandhom weekend tajjeb. 1110 00:53:44,640 --> 00:53:45,845 >> MIKE RIZZO: Yeah, igawdu. 1111 00:53:45,845 --> 00:53:46,120 Ara inti guys. 1112 00:53:46,120 --> 00:53:47,370 >> Tomáš REIMERS: Ara ya. 1113 00:53:47,370 --> 00:53:47,926