1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> TOMAS Reimers: Hi, visiem. 3 00:00:08,180 --> 00:00:09,250 Mans vārds ir Tomas Reimers. 4 00:00:09,250 --> 00:00:10,500 >> MIKE RIZZO: Un es esmu Mike Rizzo. 5 00:00:10,500 --> 00:00:12,990 >> TOMAS Reimers: Mēs esam divi CS50s TS. 6 00:00:12,990 --> 00:00:18,910 Un šodien mēs esam vadošā semināru JavaScript un CSS web progr. 7 00:00:18,910 --> 00:00:22,140 Ja vēlaties sekot līdzi, saite ir labi tur. 8 00:00:22,140 --> 00:00:25,190 Un jūs vēlaties, lai to uz augšu uz datora īsi? 9 00:00:25,190 --> 00:00:27,460 >> Tur ir saite. 10 00:00:27,460 --> 00:00:30,390 Tā ir maza vieta, kas ir saites uz visi resursi, mēs ejam, lai būtu 11 00:00:30,390 --> 00:00:36,490 norādot jums šodien, un ir arī daudz noderīgu informāciju raksta mums 12 00:00:36,490 --> 00:00:39,680 lasīt vairāk padziļināti, kad jūs iet atpakaļ, un jūs mēģināt atcerēties, ko 13 00:00:39,680 --> 00:00:42,166 tad īsti mēs sakām, ko Jūs bijāt runājam, un tā tālāk. 14 00:00:42,166 --> 00:00:43,870 >> MIKE RIZZO: Nu labi. 15 00:00:43,870 --> 00:00:44,890 Tāpēc sāksim. 16 00:00:44,890 --> 00:00:45,700 >> TOMAS Reimers: Tātad jūs vēlaties, lai sāktu? 17 00:00:45,700 --> 00:00:45,970 OK. 18 00:00:45,970 --> 00:00:47,170 >> MIKE RIZZO: Jā. 19 00:00:47,170 --> 00:00:51,730 Lai mēs vispirms gribēju sākt ar plaša pārskats par internetu un 20 00:00:51,730 --> 00:00:54,240 failu tipus, veidojot mājas lapas. 21 00:00:54,240 --> 00:00:57,550 Kaut arī šī prezentācija mēs vēlamies nokļūt uz JavaScript daudz daudz 22 00:00:57,550 --> 00:01:00,320 vēlāk, mēs vēlējāmies, lai sāktu ar tikai, veida, piemēram, putna lidojuma 23 00:01:00,320 --> 00:01:03,270 Par to, kas mājas lapā ir un cik domāt par projektēšana 24 00:01:03,270 --> 00:01:04,800 mājas lapu sākuma. 25 00:01:04,800 --> 00:01:08,370 >> Tātad jūs guys, šajā brīdī - ar to ir piektdienas vakarā - vajadzētu būt 26 00:01:08,370 --> 00:01:11,000 iesniedzis CS50 finanses problēma komplekti. 27 00:01:11,000 --> 00:01:15,260 Cerams, ka bija laba gaume par to, ko interneta programmu var būt. 28 00:01:15,260 --> 00:01:18,261 Bet šeit mēs gribam, veida, sniedz tu citu garšu, kā arī. 29 00:01:18,261 --> 00:01:23,190 >> TOMAS Reimers: Tik vienkārši Atgādinājums ko notiek, ja jūs tipa jūsu URL, lai 30 00:01:23,190 --> 00:01:26,650 Jūsu interneta pārlūks, kas URL izpaužas pacēla datorā. 31 00:01:26,650 --> 00:01:28,590 Un dators ir pieslēgts uz citu datoru, 32 00:01:28,590 --> 00:01:29,890 kas rīko šo tīmekļa vietni. 33 00:01:29,890 --> 00:01:33,150 Labi, tad, kad jūs apmeklējat google.com, jūs saistīts ar vienu no Google 34 00:01:33,150 --> 00:01:36,496 datoriem, kas ir failus google.com. 35 00:01:36,496 --> 00:01:38,750 >> Tad tas prasa noteiktu failu. 36 00:01:38,750 --> 00:01:40,020 Tātad, ja jūs iet - 37 00:01:40,020 --> 00:01:41,550 Es nezinu - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html vai / test.html, jūs gatavojas lūgt 39 00:01:48,170 --> 00:01:49,340 ka īpašu datni. 40 00:01:49,340 --> 00:01:52,780 Un tīmekļa servera iet atgriezties to jums. 41 00:01:52,780 --> 00:01:54,910 >> Tad, kad jūs iet caur šo failu - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 kad jūs esat dators kļūst, ka failu - tas notiek, lai sāktu 44 00:01:59,950 --> 00:02:00,820 lai izveidotu mājas lapu. 45 00:02:00,820 --> 00:02:03,020 Tāpēc tagad tas ir HTML failu, kas ir veida, piemēram, 46 00:02:03,020 --> 00:02:05,170 struktūru mājas lapā. 47 00:02:05,170 --> 00:02:08,620 HTML failu var arī atsauce CSS failus, kas definē 48 00:02:08,620 --> 00:02:09,889 stils mājas lapā. 49 00:02:09,889 --> 00:02:12,970 >> JavaScript failus, kas definē mijiedarbība ar mājas lapā. 50 00:02:12,970 --> 00:02:15,200 Attēlu failus, kas ir tikai attēlus. 51 00:02:15,200 --> 00:02:19,450 Un, iespējams, saistīt ar citiem HTML failus, kas tad jūs varat apmeklēt. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> MIKE RIZZO: Labi, lieliski. 54 00:02:24,380 --> 00:02:28,980 Tātad jums puiši ir visiem, varbūt, rūpīgi izveidot savu vietējās uzņēmējas 55 00:02:28,980 --> 00:02:30,810 par savu virtuālo mašīnu. 56 00:02:30,810 --> 00:02:35,650 Un ka tikai, veida, ir vietējās domēna, ka jūsu dators uzņem tikai 57 00:02:35,650 --> 00:02:38,760 jums uz savu IP adresi. 58 00:02:38,760 --> 00:02:43,300 >> Tāpēc, ka pašlaik, tad jūs varat pievienot uz to savas tīmekļa lapas. 59 00:02:43,300 --> 00:02:47,655 Es domāju, kas CS50 Finance, jums ir jābūt pievienoti daži HTML lapas, kas ir, 60 00:02:47,655 --> 00:02:49,410 veida, ietin PHP iesaiņojuma. 61 00:02:49,410 --> 00:02:54,690 Bet galu galā, kādi jūsu PHP lapas Tika outputting bija HTML. 62 00:02:54,690 --> 00:02:58,210 >> Bet domāšana atpakaļ uz paša sākuma no PSET, mums bija, lai uzstādītu 63 00:02:58,210 --> 00:03:00,890 atļaujas par visu, labi? 64 00:03:00,890 --> 00:03:07,270 Tāpēc tas tikai būtībā ļauj mums zināt kas var lasīt, rakstīt, un, iespējams, 65 00:03:07,270 --> 00:03:08,730 izpildīt katru no failiem. 66 00:03:08,730 --> 00:03:11,870 Tāpēc mēs esam gatavojas darīt ātri - HM? 67 00:03:11,870 --> 00:03:15,660 >> TOMAS Reimers: Tātad, mēs ejam to darīt ātri demo. 68 00:03:15,660 --> 00:03:19,560 Tik vienkārši, lai atgādinātu jums, kad jūs savienojumu ar Google datoram - 69 00:03:19,560 --> 00:03:20,690 kurš - 70 00:03:20,690 --> 00:03:24,060 un lūgt failu, dators vispirms nepieciešams, lai pārliecinātos, ka jūs esat pilnvarots 71 00:03:24,060 --> 00:03:28,790 faktiski apskatītu šo failu vai lasīt, ka failu, jo jūs varat ne tikai uzdot 72 00:03:28,790 --> 00:03:30,430 jebkuru failu uz šī datora, vai ne? 73 00:03:30,430 --> 00:03:32,260 Tas būtu drošības apdraudējumu. 74 00:03:32,260 --> 00:03:37,020 >> Tātad failus uz sistēmu mēs izmantojam, piemēram, Tas CS50 ierīces, ir trīs 75 00:03:37,020 --> 00:03:39,200 vispārējie cilvēki, kas var būt atļaujas kaut ko. 76 00:03:39,200 --> 00:03:41,610 Pirmais ir faktiskais īpašnieks minētajā dokumentācijā. 77 00:03:41,610 --> 00:03:43,820 Otrais ir grupa, kas fails pieder. 78 00:03:43,820 --> 00:03:46,090 Mēs nebrauksim, lai koncentrētos pārāk daudz par to. 79 00:03:46,090 --> 00:03:50,010 Un pēdējā lieta ir, sava veida, piemēram, pasaules vai tāpat kā visi pārējie, kurš ir 80 00:03:50,010 --> 00:03:54,130 nav raksturīgi šai lietai un nav nav nekādas īpašuma tiesības uz to. 81 00:03:54,130 --> 00:04:05,650 >> Tātad, ja mums ir īpašnieks, grupas, un tad pasaule. 82 00:04:05,650 --> 00:04:10,510 Un tad, katrai no šīm grupām, jūs var būt viens no trim atļaujām, 83 00:04:10,510 --> 00:04:13,010 Labi vai vairākas no tām. 84 00:04:13,010 --> 00:04:15,070 Jums var būt lasīt atļaujas. 85 00:04:15,070 --> 00:04:16,560 Jums var būt tiesības atļaujas. 86 00:04:16,560 --> 00:04:18,880 Un jūs varat būt izpildīt atļaujas. 87 00:04:18,880 --> 00:04:22,060 >> Tātad attiecībā uz faktisko failu tipiem, lasīt atļauja ir kā faktiski lasījums 88 00:04:22,060 --> 00:04:23,250 saturs failu. 89 00:04:23,250 --> 00:04:24,730 Tiesības atļauja ir rakstiski uz minēto failu. 90 00:04:24,730 --> 00:04:28,370 Izpildīt atļauja darbojas failu, kā jūs darīt, ja jūs darbināt kādu no 91 00:04:28,370 --> 00:04:29,620 Jūsu CS50 projektiem. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Tad, kad mēs esam domājot par failiem piemēram, kad mums ir nepieciešams, lai izlasītu HTML 94 00:04:38,820 --> 00:04:41,790 fails, kas ir nepieciešams, lai būtu pasaules lasāma, vai ne? 95 00:04:41,790 --> 00:04:44,420 Jādomā, arī īpašnieks vēlas lai varētu rediģēt šo failu. 96 00:04:44,420 --> 00:04:46,610 Tā īpašnieks dodas uz nepieciešamību lasīt un rakstīt atļaujas. 97 00:04:46,610 --> 00:04:48,710 Tie nav īsti nepieciešams izpildīt. 98 00:04:48,710 --> 00:04:50,950 >> Grupa, mēs ejam, lai ārstētu pats kā pasaulē tagad. 99 00:04:50,950 --> 00:04:54,610 Tāpēc tie ir lasīšanas atļaujas. 100 00:04:54,610 --> 00:04:57,310 Bet tie nav nepieciešams rakstīt vai izpildīt atļaujas. 101 00:04:57,310 --> 00:05:01,920 Un tagad, ja mēs domājam atpakaļ uz bijušo PSETs, ko mēs saprotam ir šie veida 102 00:05:01,920 --> 00:05:03,360 un izskatās bināro, vai ne? 103 00:05:03,360 --> 00:05:04,210 1 nozīmē jā. 104 00:05:04,210 --> 00:05:05,040 0 ne. 105 00:05:05,040 --> 00:05:06,870 Un mēs faktiski var tulkot to bināro. 106 00:05:06,870 --> 00:05:10,478 >> Tātad 110 binārā būtu 6. 107 00:05:10,478 --> 00:05:13,270 100 varētu būt 4. 108 00:05:13,270 --> 00:05:14,690 Tas pats ar pasauli. 109 00:05:14,690 --> 00:05:20,846 Tātad numuru jūs varētu saņemt par atļaujas tas būtu 644. 110 00:05:20,846 --> 00:05:24,400 >> MIKE RIZZO: Un, ja jūs domājat, ka atpakaļ uz kad jūs chmoded kaut ko, es uzskatu, ka 111 00:05:24,400 --> 00:05:28,980 viņi padevās problēmu noteikts piemērs, kur jūs varētu darīt 112 00:05:28,980 --> 00:05:36,470 kaut kas līdzīgs chmod 644 un tad faila nosaukumu. 113 00:05:36,470 --> 00:05:39,980 644, tad jūs tagad var redzēt tieši ja tas nāk no. 114 00:05:39,980 --> 00:05:42,840 Tāpēc cerams, ka padara šo nedaudz vairāk skaidrs. 115 00:05:42,840 --> 00:05:45,600 >> Un tad jūs puisis skaidrību - 116 00:05:45,600 --> 00:05:48,200 Ak jā, šeit tas ir atkal. 117 00:05:48,200 --> 00:05:53,260 Tātad 600 tad būtu vienkārši piemērs mēs pametusi šeit, ja īpašniekam ir 118 00:05:53,260 --> 00:05:56,360 lasīt un vajadzīgās atļaujas, lai gan grupa un pasaulē nav nekādu atļauju 119 00:05:56,360 --> 00:05:58,145 piekļūt lietas materiāliem. 120 00:05:58,145 --> 00:06:01,500 >> TOMAS Reimers: Un tad mums ir ātri sarakstu ar kopīgiem atļaujas. 121 00:06:01,500 --> 00:06:05,250 Tātad katalogi, jūs vēlaties faktiski chmod 711. 122 00:06:05,250 --> 00:06:08,930 Quick malā - uz direktoriju, lai būtu izpildāmo atļauja ir jāspēj 123 00:06:08,930 --> 00:06:11,680 , lai atvērtu direktoriju. 124 00:06:11,680 --> 00:06:15,280 Attēlus, CSS, JavaScript, HTML vajadzībām 644, jo, galvenokārt, pasaulei 125 00:06:15,280 --> 00:06:16,400 vajadzību lasīt atļaujas. 126 00:06:16,400 --> 00:06:20,960 >> Un PHP, kas jums puiši ir redzējuši kaut gan mēs ne runāt par to 127 00:06:20,960 --> 00:06:24,880 stingri parasti chmoded ar atļauja 600 jo tas darbojas ar 128 00:06:24,880 --> 00:06:26,540 atļaujas īpašnieka. 129 00:06:26,540 --> 00:06:27,790 Vismaz uz ierīces. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> MIKE RIZZO: Tātad, ja jums nav īpaši jānorāda, kāda veida fails 132 00:06:36,870 --> 00:06:39,480 vēlaties faktiski nosakot up šo prezentāciju - 133 00:06:39,480 --> 00:06:43,490 mums bija problēmas ar to, jo viss nebija chmoded pareizi - 134 00:06:43,490 --> 00:06:47,550 jūs gatavojas saņemt, veida,, Aizliegts kļūda, ka mājas lapa 135 00:06:47,550 --> 00:06:49,700 tas tiešām nav atļaujas piekļūt neatkarīgi no failu 136 00:06:49,700 --> 00:06:51,370 Jūs vēlaties, lai piekļūtu. 137 00:06:51,370 --> 00:06:54,780 Un protams, ka var tikt fiksēta - kā problēmu noteikts - mainot 138 00:06:54,780 --> 00:06:56,405 atļaujas pienācīgi. 139 00:06:56,405 --> 00:06:59,620 >> TOMAS Reimers: Un pēdējais komentārs ātri vietējā attīstība ir - mēs 140 00:06:59,620 --> 00:07:02,000 cēla šo augšu, bet mēs vienkārši vēlējāmies lai to atkal - 141 00:07:02,000 --> 00:07:06,230 ja jūs lūgt servera - tā vietējā uzņēmēja, piemēram, com vai neatkarīgi. - 142 00:07:06,230 --> 00:07:09,170 un jums nav norādīt konkrētu failu, failu, ka jūsu dators ir iet 143 00:07:09,170 --> 00:07:11,540 lūgt sauc index.html. 144 00:07:11,540 --> 00:07:12,790 Vai, ja tas nav, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Atdzist. 147 00:07:16,350 --> 00:07:19,560 Tātad tas ir tikai Atgādinājums viss, cerams, ka mēs esam uz in 148 00:07:19,560 --> 00:07:22,800 sadaļā, un lekcija, un līdz šim CS50. 149 00:07:22,800 --> 00:07:26,110 Un tagad mēs esam gatavojas sākt runāt par īpaši bibliotēkām. 150 00:07:26,110 --> 00:07:30,270 JavaScript un CSS bibliotēkas web progr. 151 00:07:30,270 --> 00:07:36,350 >> Tāpēc viens ātrs iemesls, kāpēc mēs esam bibliotēkas ir programmēšana - 152 00:07:36,350 --> 00:07:39,000 tur ir daudz problēmu programmēšana, kurā glabāt popping up 153 00:07:39,000 --> 00:07:40,570 atkal, un atkal, un atkal. 154 00:07:40,570 --> 00:07:43,870 Jūs ievērosiet, ka daudzi tīmekļa vietnes nepieciešams spēju būt nolaižamo 155 00:07:43,870 --> 00:07:49,100 lnes, piemēram, vai ir nepieciešams spēju ir ļoti standarta pogu 156 00:07:49,100 --> 00:07:51,400 style, kas var būt Vieglākais lieta. 157 00:07:51,400 --> 00:07:54,670 Tagad, kad jūs sākat, lai iegūtu HTML, jūs saprotu, ka pogas var faktiski 158 00:07:54,670 --> 00:07:57,720 izskatās tiešām neglīts, ja jums nedara neko. 159 00:07:57,720 --> 00:08:00,830 >> Tik daudzi cilvēki ir uzrakstījuši sauc bibliotēkas. 160 00:08:00,830 --> 00:08:02,990 Un šajā sakarā, viņi sauc arī par sistēmas. 161 00:08:02,990 --> 00:08:04,790 Mēs ejam, lai izmantotu divi pārmaiņus. 162 00:08:04,790 --> 00:08:07,360 Un ko viņi ir, viņi būtībā premade gabalu kodu - 163 00:08:07,360 --> 00:08:09,130 nu CSS vai JavaScript - 164 00:08:09,130 --> 00:08:13,240 kas atņemt daudz komanda jums ir kodēšanas. 165 00:08:13,240 --> 00:08:17,290 >> Tāpēc viņi iepriekš noteikt ķekars klasēm vai iepriekš noteikt ķekars funkcijas attiecībā uz 166 00:08:17,290 --> 00:08:20,110 JavaScript ir gadījums, kas Jūs varat piezvanīt vēlāk. 167 00:08:20,110 --> 00:08:22,690 Un tad jūs varat, veida, saņemt piekļuve šai kodu bez 168 00:08:22,690 --> 00:08:23,710 kam kaut ko darīt. 169 00:08:23,710 --> 00:08:27,750 Piemērs bibliotēkas bija CS50.H. Tas bija bibliotēka, mēs deva jums atpakaļ 170 00:08:27,750 --> 00:08:32,090 nedēļā vienā, kas ļauj jums darīt lietas, piemēram, ka GetInt un GetString 171 00:08:32,090 --> 00:08:35,237 bez uzrakstīt Jebkāda sevi. 172 00:08:35,237 --> 00:08:36,179 >> MIKE RIZZO: Nu labi. 173 00:08:36,179 --> 00:08:40,299 Tātad šeit, tāpat kā mums bija, lai iekļautu mūsu c failus dažādās 174 00:08:40,299 --> 00:08:46,570 bibliotēkas, mēs arī vajadzētu iekļaut Mūsu HTML failus dažādas bibliotēkas. 175 00:08:46,570 --> 00:08:50,310 Piemēram, ja mēs vēlējāmies, lai iekļautu īpaša JavaScript bibliotēka šeit 176 00:08:50,310 --> 00:08:52,850 iespējams, viens, ka mēs esam rakstīts sevi, jo tas ir lokāli uzņēma 177 00:08:52,850 --> 00:08:56,000 sauc script.js, mēs tikai izmantot šo apzīmējumu. 178 00:08:56,000 --> 00:08:59,500 >> Tāpēc mums ir skripts tipa vienāds JavaScript avota vienāds 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 Un, ja jūs domājat, ka atpakaļ uz savu CS50 finanšu problēma noteikt, ja jūs izskatījās 181 00:09:05,190 --> 00:09:09,190 header.php veidnes,, Jums vajadzēja redzēt 182 00:09:09,190 --> 00:09:10,970 daži no tiem iekļauti. 183 00:09:10,970 --> 00:09:13,250 Tāpēc šis pirmais - skripti - 184 00:09:13,250 --> 00:09:16,080 ir tostarp JavaScript bibliotēkas. 185 00:09:16,080 --> 00:09:18,760 Tostarp CSS bibliotēka ir mazliet atšķirīgs. 186 00:09:18,760 --> 00:09:21,430 >> Lūk, nevis skriptu tag jums ir nepieciešams saite tag. 187 00:09:21,430 --> 00:09:27,110 Un tad, teksta CSS veids ir nedaudz atšķirīgs. 188 00:09:27,110 --> 00:09:29,270 Jūs ne vienmēr ir jāiekļauj rel stila lapas. 189 00:09:29,270 --> 00:09:30,970 Bet es domāju, tas ir, vispār, laba prakse. 190 00:09:30,970 --> 00:09:35,810 >> Un tad beidzot, HREF, kuru jūs iespējams, redzēja jūsu ATAGs saistot 191 00:09:35,810 --> 00:09:39,440 dažādos saites tikai precizēts saite par to, kur atrast to. 192 00:09:39,440 --> 00:09:42,250 Piemēram, ja mēs vēlējāmies, lai savienotu dažādi bibliotēkas - pieņemsim tikai teikt - 193 00:09:42,250 --> 00:09:49,330 kas dzīvoja styles.css. 194 00:09:49,330 --> 00:09:54,030 Un mēs vēlējāmies, lai savienotu, ka tas ir hosted tīmeklī, mēs varētu kopēt to. 195 00:09:54,030 --> 00:09:58,834 Un pēc tam ielīmējiet to savos neatkarīgi mēs esam šeit vietā. 196 00:09:58,834 --> 00:10:01,340 >> TOMAS Reimers: OK, cerams, jūs puiši jau ir pazīstami 197 00:10:01,340 --> 00:10:02,410 ar to, kā sasaistīt CSS. 198 00:10:02,410 --> 00:10:04,000 Jums bija darīt, ka Jūsu pēdējā brūna komplektu. 199 00:10:04,000 --> 00:10:07,110 JavaScript, daži no jums varbūt ir zināma pieredze ar. 200 00:10:07,110 --> 00:10:07,980 Daži no jums var nebūt. 201 00:10:07,980 --> 00:10:12,190 >> Tāpēc tagad zinu, ka JavaScript fails ir ļoti daudz, piemēram, CSS failu 202 00:10:12,190 --> 00:10:15,640 sajūta, ka jūs varat saiti uz to, vai ka jūs varat iekļaut to iekšēji. 203 00:10:15,640 --> 00:10:17,360 Un tas ļauj jums skriptu lietām. 204 00:10:17,360 --> 00:10:21,820 Un mēs ejam staigāt jūs ar Mazliet JavaScript vēlāk. 205 00:10:21,820 --> 00:10:23,560 >> Tātad, izmantojot bibliotēku - 206 00:10:23,560 --> 00:10:26,150 pēc tam, kad esat iekļauts, tas ir tik vienkārši, kā burtiski zvanot 207 00:10:26,150 --> 00:10:29,640 funkcijas vai pievienojot klases nosaukumu uz to. 208 00:10:29,640 --> 00:10:32,220 Pēdējā lieta, ko mēs vēlamies runāt par izteiksmē bibliotēkas - 209 00:10:32,220 --> 00:10:34,180 un tas ir vairāk tehnisko piezīmi - 210 00:10:34,180 --> 00:10:35,860 ir atvērtā koda licencēšanas. 211 00:10:35,860 --> 00:10:41,550 Tātad, ja jums atrast šo faktisko bibliotēkas, Jums var domāt par 212 00:10:41,550 --> 00:10:47,630 jautājumiem, piemēram, tas ir OK, ka es esmu tikai izmantojot kādu citu kodu, it īpaši 213 00:10:47,630 --> 00:10:51,970 tāpēc, ka tas ir kaut kas mums ir ļoti daudz teicis jums nav darīt šajā kursā. 214 00:10:51,970 --> 00:10:55,790 >> Tātad, ja atvērtā koda licencēšanas, daudz izstrādātājiem - 215 00:10:55,790 --> 00:10:57,540 pēc tam, kad tie esam uzrakstījis bibliotēka, kas viņuprāt varētu būt 216 00:10:57,540 --> 00:10:59,450 noderīgi citiem cilvēkiem - 217 00:10:59,450 --> 00:11:02,420 publicē to internetā un piešķir tai licenci. 218 00:11:02,420 --> 00:11:06,620 Un licence būtībā saka, ka es esmu ar šo Piešķirot atļauju otrai 219 00:11:06,620 --> 00:11:11,250 cilvēkiem izmantot šo gabals programmatūru ar šādu veida 220 00:11:11,250 --> 00:11:13,230 pieņēmumiem. 221 00:11:13,230 --> 00:11:16,100 >> Mēs esam iekļāvuši saiti uz labu vietu, lai palīdzēs jums saprast licences, 222 00:11:16,100 --> 00:11:17,720 Gadījumā, ja jūs satikt tiem. 223 00:11:17,720 --> 00:11:21,680 Kopīgas saistības ir lietas, piemēram, Jūs esat laipni aicināti izmantot savu bibliotēku, lai 224 00:11:21,680 --> 00:11:23,000 Kamēr jūs varētu man kredītu. 225 00:11:23,000 --> 00:11:25,670 Jūs esat laipni aicināti izmantot savu bibliotēku tik ilgi, ja tas saplīst 226 00:11:25,670 --> 00:11:26,790 Jums nav vainot mani. 227 00:11:26,790 --> 00:11:30,310 Jūs esat laipni aicināti izmantot savu bibliotēku tik ilgi kā jums nav to izmantot, lai pelnītu naudu 228 00:11:30,310 --> 00:11:31,910 par sevi. 229 00:11:31,910 --> 00:11:34,130 Tie ir veida kopīgas pieņēmumiem. 230 00:11:34,130 --> 00:11:37,780 >> Šim CS50 galīgo projektu, viņi nevajadzētu būt super būtiska, jo 231 00:11:37,780 --> 00:11:41,440 projekti, kas jūs puiši izmanto, ir varbūt drīzāk veida, kas pazīstams. 232 00:11:41,440 --> 00:11:44,170 Bet, kad jūs faktiski iet ārā pasaulē un sākt izmantot bibliotēku, kas 233 00:11:44,170 --> 00:11:48,100 var būt vai var nebūt, kā arī īstenoti kā daži no vairāk populārs tiem mēs esam 234 00:11:48,100 --> 00:11:49,780 būs iet cauri. 235 00:11:49,780 --> 00:11:53,310 Tas ir labi, lai varētu saprast, šīs licences un to 236 00:11:53,310 --> 00:11:54,560 saprast, ko viņi domā. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 Un dodas atpakaļ. 239 00:11:58,586 --> 00:12:00,960 >> MIKE RIZZO: OK. 240 00:12:00,960 --> 00:12:04,850 Tāpēc tagad pārvietojas uz piemēriem Faktiskās CSS. 241 00:12:04,850 --> 00:12:07,770 Šajā brīdī tik tālu, jūs varētu nevar būt radušās šo. 242 00:12:07,770 --> 00:12:10,300 Bet jūs varētu būt radušās to jūsu ikdienas dzīvi, kur kaut kas 243 00:12:10,300 --> 00:12:13,160 kas izskatās vienā virzienā vienā pārlūkprogrammā varētu izskatīties vienādi 244 00:12:13,160 --> 00:12:14,880 veids, kādā citā pārlūkā. 245 00:12:14,880 --> 00:12:17,400 >> To sauc pārlūks saderība. 246 00:12:17,400 --> 00:12:20,780 Un arvien vairāk tas kļūst arvien vairāk un vairāk problēmu, jo īpaši 247 00:12:20,780 --> 00:12:25,260 pārlūkprogrammām ņem vairāk un vairāk brīvības lai īstenotu lietas, kā viņi vēlas. 248 00:12:25,260 --> 00:12:28,440 Tātad, lai pārvarētu, ka tur tiešām ir liela bibliotēka sauc Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> TOMAS Reimers: Mēs iekļauti saiti. 251 00:12:33,770 --> 00:12:36,210 Šajā brīdī, tas ir noderīgi, ja jums ir klēpjdators, kas tur 252 00:12:36,210 --> 00:12:38,740 meklē vietā. 253 00:12:38,740 --> 00:12:42,580 Un mēs dodam to jums tiesības Tagad vienkārši tāpēc CS50 galīgo 254 00:12:42,580 --> 00:12:44,370 Projekts ir faktiski gatavojas aicinu jūs, lai to īstenotu 255 00:12:44,370 --> 00:12:45,860 līdzīgi un caur pārlūkprogrammu. 256 00:12:45,860 --> 00:12:49,250 >> Tik vienkārši, lai saglabātu atpakaļ jūsu galva, tas ir brīnišķīgi bibliotēka 257 00:12:49,250 --> 00:12:51,170 tāpēc, ka tas būs, veida, standartizēt lietas. 258 00:12:51,170 --> 00:12:54,230 Firefox, kaut kas var parādīt kā vienu pikseli pa kreisi. 259 00:12:54,230 --> 00:12:58,390 Un tad Chrome var nolemt, ka faktiski ko tu domāji bija 10 pikseļi 260 00:12:58,390 --> 00:12:59,380 pa kreisi. 261 00:12:59,380 --> 00:13:01,030 Un jūs vēlaties, lai standartizētu šo. 262 00:13:01,030 --> 00:13:05,360 Normalizēt faktiski darīt ļoti labs darbs pārliecinoties, ka jūsu portāls 263 00:13:05,360 --> 00:13:08,070 izskatās vienādi uz visiem pārlūkiem. 264 00:13:08,070 --> 00:13:10,660 >> MIKE RIZZO: Tātad, ja mēs vēlējāmies, lai tikai noklikšķiniet uz saites tiešām ātri un parādīt 265 00:13:10,660 --> 00:13:13,140 jums, kas tas izskatās, jūs varat lejupielādēt to, izmantojot 266 00:13:13,140 --> 00:13:14,670 milzu Download pogu. 267 00:13:14,670 --> 00:13:18,520 Vai es aicinu jūs, lai uzzinātu vairāk par to noklikšķinot uz šīs saites, kas zemāks 268 00:13:18,520 --> 00:13:19,310 labajā stūrī. 269 00:13:19,310 --> 00:13:22,420 >> TOMAS Reimers: Un, ja jūs faktiski noklikšķiniet Lasīt vairāk tieši tur - 270 00:13:22,420 --> 00:13:24,340 noklikšķiniet avots par GitHub - 271 00:13:24,340 --> 00:13:31,720 jūs faktiski redzēt atvērtā koda licence par LICENSE.md turpat. 272 00:13:31,720 --> 00:13:35,740 Un jūs redzēsiet, šeit ir Ļoti populāri MIT licence. 273 00:13:35,740 --> 00:13:38,940 Atkal, ja jūs lasīt, izmantojot tekstu, Jūs varēsiet atrast uz vietas 274 00:13:38,940 --> 00:13:42,550 mēs atsauces pirms un varēs saprast bez lasīt 275 00:13:42,550 --> 00:13:45,920 ar juridisko žargonu. 276 00:13:45,920 --> 00:13:46,850 >> MIKE RIZZO: Labi, lieliski. 277 00:13:46,850 --> 00:13:47,940 Tātad tas ir Normalizēt. 278 00:13:47,940 --> 00:13:49,190 Mēs vēlējāmies, lai dotu jums kas tiešām ātri. 279 00:13:49,190 --> 00:13:50,030 Ak, jums ir jautājums? 280 00:13:50,030 --> 00:13:53,013 >> Mērķauditorija: Tātad, kad jūs to lejupielādēt, jūs vienkārši sekot šo kodu, ka viņi ir 281 00:13:53,013 --> 00:13:54,098 ar pogas Lejupielādēt? 282 00:13:54,098 --> 00:13:55,860 >> TOMAS Reimers: Jā, tā kad jūs lejupielādēt - 283 00:13:55,860 --> 00:13:58,130 >> MIKE RIZZO: Ak, tas ir liels punkts. 284 00:13:58,130 --> 00:14:00,700 Tātad jautājums ir, kā izdarīt mēs faktiski lejupielādēt to? 285 00:14:00,700 --> 00:14:03,260 Tātad, ja mēs noklikšķiniet uz saites, mēs redzam ka tā faktiski NOP augšu 286 00:14:03,260 --> 00:14:05,030 avota kodu. 287 00:14:05,030 --> 00:14:08,550 Tātad, lai to izdarītu, ko mēs varētu darīt, ir vienkārši noklikšķiniet uz Saglabāt kā. 288 00:14:08,550 --> 00:14:10,830 Saglabāt kā un kas būtu audzināt failu. 289 00:14:10,830 --> 00:14:14,160 Un tad mēs varam izvēlēties, lai saglabātu tā kā normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 Un tad jūs ir saistīt to - 291 00:14:15,810 --> 00:14:18,660 >> TOMAS Reimers: Tāpat jūs saite jebkurā citā failā. 292 00:14:18,660 --> 00:14:22,250 Un, kad jūs saistīt to, kas ir liels par normalizē tas faktiski 293 00:14:22,250 --> 00:14:25,920 rūpēties par visu cieto strādāt ar sevi. 294 00:14:25,920 --> 00:14:27,730 Nozīmē, ka jums nav pievienot jebkuras klases. 295 00:14:27,730 --> 00:14:29,690 >> Jums nav kaut kas dīvaini to darīt. 296 00:14:29,690 --> 00:14:34,590 Tas normalizē bez tevis darīt kaut ko tālāk. 297 00:14:34,590 --> 00:14:36,083 Jā, jums ir iekļaut to. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome nereaģē. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Tikai ātri malā - 302 00:14:44,860 --> 00:14:46,800 Es pamanīju, mēs ielēca šo. 303 00:14:46,800 --> 00:14:49,010 Šīs prezentācijas pārējais ir būs ātrs pārskats. 304 00:14:49,010 --> 00:14:50,380 Aptauja bibliotēkām. 305 00:14:50,380 --> 00:14:52,710 >> Būtībā, ko viņi ir. 306 00:14:52,710 --> 00:14:53,350 Ko viņi dara. 307 00:14:53,350 --> 00:14:54,060 Cik viņi ir noderīgi. 308 00:14:54,060 --> 00:14:56,540 Kā jūs varētu tos īstenot. 309 00:14:56,540 --> 00:14:59,730 Ja jūs vēlaties, lai sāktu meklē tos, pēc kopā, un iepazīšanās ar 310 00:14:59,730 --> 00:15:01,990 viņiem, es ļoti iesakām to. 311 00:15:01,990 --> 00:15:07,620 >> Alternatīvi, jūs esat laipni arī sākt lejupielādējot tos un iekļaujot 312 00:15:07,620 --> 00:15:11,400 tos redzi tikai, lai redzētu, ko viņi izskatās, vai to, ko viņi dara, ja jums ir 313 00:15:11,400 --> 00:15:12,270 jūsu klēpjdators priekšā no jums. 314 00:15:12,270 --> 00:15:14,650 Ja tā nav, jūs esat laipni aicināti saglabāt klausoties mums runāt. 315 00:15:14,650 --> 00:15:15,500 Mēs ejam, lai saglabātu runāt. 316 00:15:15,500 --> 00:15:18,680 Un mums ir laiks, beigās, cerams mēs faktiski nokļūt redzami 317 00:15:18,680 --> 00:15:20,946 ko daži no šiem bibliotēku izskatās. 318 00:15:20,946 --> 00:15:22,320 >> MIKE RIZZO: Cool. 319 00:15:22,320 --> 00:15:25,466 Labi, tāpēc tagad parunāsim par Fonts satriecošs. 320 00:15:25,466 --> 00:15:30,480 >> TOMAS Reimers: tā Fonts satriecošs ir tiešām veikls vietā, jo īpaši tiem, 321 00:15:30,480 --> 00:15:32,450 no mums, kas ir mazāk mākslinieciski talantīgs. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Ignorējot vārdu fontu Awesome, tas dod jums ķekars ikonas, kas ir 324 00:15:38,880 --> 00:15:41,050 ļoti noderīga. 325 00:15:41,050 --> 00:15:45,950 Tik daudz reižu jūs īstenotu icon jūs varat, piemēram, jauku x tamlīdzīgi 326 00:15:45,950 --> 00:15:47,170 ka jūs varat aizvērt kaut ko. 327 00:15:47,170 --> 00:15:49,910 >> Vai jūs vēlaties kādu pogu Edit ar zīmuli, piemēram, 328 00:15:49,910 --> 00:15:50,940 visi pārējie ir. 329 00:15:50,940 --> 00:15:53,850 Un tas ir tad, kad jūs uzzināt, ka Izstrādājot šīs ikonas var būt 330 00:15:53,850 --> 00:15:55,510 ļoti garlaicīgs un grūti. 331 00:15:55,510 --> 00:15:59,160 Fonts Awesome - ja jūs tiešām dodieties uz vietni - 332 00:15:59,160 --> 00:16:02,892 sniedz jums daudz ikonas ar ikonas augšpusē. 333 00:16:02,892 --> 00:16:06,980 Jā, tikai top. 334 00:16:06,980 --> 00:16:09,030 Tas dos jums daudz ikonas par brīvu. 335 00:16:09,030 --> 00:16:15,210 >> Tātad, šeit jūs redzat, mums ir lietas, piemēram, zvaigznīte, bāri, zibens, 336 00:16:15,210 --> 00:16:19,750 kalendārs, bug, grāmatas, uc. 337 00:16:19,750 --> 00:16:21,110 Tas var būt ļoti noderīga. 338 00:16:21,110 --> 00:16:24,290 Kā jūs arī tas, vai tajā burtiski CSS failu. 339 00:16:24,290 --> 00:16:29,760 Un pēc tam, kad esat iekļauts CSS failu, ko jūs varat darīt, ir jums izveidot 340 00:16:29,760 --> 00:16:33,430 tag sauc I. Tā satands par ikonu ar klasi FA 341 00:16:33,430 --> 00:16:34,460 stāvot uz Fonts satriecošs. 342 00:16:34,460 --> 00:16:36,330 Un tad, neatkarīgi no klases vēlaties. 343 00:16:36,330 --> 00:16:41,220 >> Tātad, ja es gribēju ikonu šīs plus kvadrātveida tieši šeit, es dotu 344 00:16:41,220 --> 00:16:43,290 tas klases FA. 345 00:16:43,290 --> 00:16:46,230 Un tad FA defise plus defise square. 346 00:16:46,230 --> 00:16:50,325 347 00:16:50,325 --> 00:16:53,710 >> MIKE RIZZO: Cool, OK. 348 00:16:53,710 --> 00:16:56,980 >> TOMAS Reimers: Un tad, pēdējais CSS bibliotēka mēs vēlamies, lai saņemtu ar mums 349 00:16:56,980 --> 00:16:59,950 cenšas, lai saglabātu to minimāla CSS bibliotēkas, jo mēs saprotam, 350 00:16:59,950 --> 00:17:03,660 nosaukumā šo prezentāciju ir JavaScript bibliotēkas. 351 00:17:03,660 --> 00:17:07,089 Bet mēs domājam, ka mēs varētu arī jūs iepazīstināt ar citām bibliotēkām 352 00:17:07,089 --> 00:17:09,569 kamēr mēs runājām par bibliotēkām. 353 00:17:09,569 --> 00:17:11,400 >> Tas ir Google Web fonti. 354 00:17:11,400 --> 00:17:17,040 Un ko Google Web fonti ļauj jums to darīt, ir pievienot fontus, lai jūsu mājas lapā, 355 00:17:17,040 --> 00:17:22,079 kas ir ļoti vienkāršs veids, lai padarītu to diezgan un atšķirt savu komplektu 356 00:17:22,079 --> 00:17:24,460 no visiem cits ir, ja tas ir jauku fontu, vai, ja tas ir jauki 357 00:17:24,460 --> 00:17:27,790 kolekcija fontus. 358 00:17:27,790 --> 00:17:31,410 Google Web fonti ir jauki atšķirībā no citiem bibliotēkas, kas nozīmē, ka tas ir 359 00:17:31,410 --> 00:17:33,490 tiešām vadīties uzstādīšana. 360 00:17:33,490 --> 00:17:38,680 >> Tātad, ja jums sekot saiti, tas ir google.com / fontus, es ticu. 361 00:17:38,680 --> 00:17:41,100 Ja jums sekot, ka jums var izvēlēties savu fontu. 362 00:17:41,100 --> 00:17:44,410 Jūs varat izvēlēties, pa kreisi no biezums, sašķiebt, un tā tālāk. 363 00:17:44,410 --> 00:17:48,970 Un tad, kad esat izvēlējies vienu, Jūs varat noklikšķināt ātri izmantot. 364 00:17:48,970 --> 00:17:49,820 Turpat. 365 00:17:49,820 --> 00:17:51,590 Apakšā pa labi no lodziņa. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> Un tad, ritiniet uz leju. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 Pirmkārt, viņi jums CSS ka Jums ir nepieciešams, lai faktiski saiti uz to. 370 00:18:02,650 --> 00:18:03,330 Tas ir labi tur. 371 00:18:03,330 --> 00:18:05,170 Jūs varat vienkārši kopēt un ielīmēt, ka iekšā 372 00:18:05,170 --> 00:18:07,250 Un jauka lieta par šo vienu, ir jūs faktiski nav pat nepieciešams, lai 373 00:18:07,250 --> 00:18:08,340 lejupielādēt failu. 374 00:18:08,340 --> 00:18:11,170 >> Kas tas ir gatavojas darīt, ir tas, kas notiek saistīt ar Google versiju. 375 00:18:11,170 --> 00:18:14,130 Tātad atpakaļ uz ko tas nozīmē. 376 00:18:14,130 --> 00:18:18,270 Tas nozīmē, ka tad, kad lietotājs lejupielādē failu - 377 00:18:18,270 --> 00:18:22,300 lejupielādē jūsu HTML lapas - jūsu HTML lapa gatavojas atsauci šo failu. 378 00:18:22,300 --> 00:18:26,790 >> Tātad, jūsu dators, kas notiek, lai redzētu, Ak, tas ir izvietots uz google.com, nevis 379 00:18:26,790 --> 00:18:28,170 nekā theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Ļaujiet man iet uzdot Google šo failu. 381 00:18:30,370 --> 00:18:32,800 Un tad tas notiek, lai iekļautu gandrīz it kā tas būtu 382 00:18:32,800 --> 00:18:35,584 daļa no jūsu vietā. 383 00:18:35,584 --> 00:18:36,540 >> TOMAS Reimers: Cool. 384 00:18:36,540 --> 00:18:40,980 Un, kad jūs arī, ka pēc tam iekļaut to savā CSS, tas dod jums 385 00:18:40,980 --> 00:18:41,830 faktiskais līniju. 386 00:18:41,830 --> 00:18:45,188 Tātad, jūs noteikti īpašuma fontu saimi vienāds ar nosaukumu jūsu fontu. 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 Tāpēc mēs tikko pabeigts ar CSS. 390 00:18:52,220 --> 00:18:57,230 Un daži no jums varētu domāt, labi, mums bija dažas CSS uz CS50 Finance. 391 00:18:57,230 --> 00:19:00,390 Bet CSS bibliotēka bija sāknēšanas. 392 00:19:00,390 --> 00:19:05,190 Mēs faktiski ietver sāknēšanas nedaudz vēlāk saskaņā JavaScript jo ar 393 00:19:05,190 --> 00:19:09,660 Bootstrap CSS bibliotēka nāk arī ar daudz JavaScript minētā 394 00:19:09,660 --> 00:19:12,060 Sāknēšanas vai Twitter - kas par Bootstrap - 395 00:19:12,060 --> 00:19:15,426 izmanto, lai pārvaldītu visas savas CSS. 396 00:19:15,426 --> 00:19:19,592 >> TOMAS Reimers: Vai kāds ir kāda jautājumi līdz šim par CSS vispār? 397 00:19:19,592 --> 00:19:20,723 Mēs esam labi? 398 00:19:20,723 --> 00:19:21,216 Awesome. 399 00:19:21,216 --> 00:19:22,495 >> MIKE RIZZO: satriecošs. 400 00:19:22,495 --> 00:19:25,136 >> TOMAS Reimers: So pārvietojas uz JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> MIKE RIZZO: Tātad, mēs vēlējāmies, lai runātu par jQuery, lai sāktu ar. 402 00:19:27,900 --> 00:19:30,780 Vai kāds dzirdējis par jQuery pirms vai to izmanto? 403 00:19:30,780 --> 00:19:32,180 Jā, pāris? 404 00:19:32,180 --> 00:19:36,000 Tātad, ja jūs vienkārši strādāt ar dzimto JavaScript, jūs atradīsiet sev 405 00:19:36,000 --> 00:19:41,000 ierakstot daudz garo pārslēdzējiem daudz. 406 00:19:41,000 --> 00:19:44,400 Tātad, ko jQuery tas ir tas sniedz jauka iesaiņojuma JavaScript 407 00:19:44,400 --> 00:19:48,180 valoda, kas ļauj jums viegli izvēlēties un manipulēt dažādus elementus 408 00:19:48,180 --> 00:19:52,470 ietvaros dokumenta objekta modeli mājas lapā vai DOM, kas, manuprāt, 409 00:19:52,470 --> 00:19:54,290 jums puiši ir dzirdējuši par in lekciju šajā brīdī. 410 00:19:54,290 --> 00:19:57,550 >> TOMAS Reimers: Ja neesat dzirdējuši par tas, vai, ja jums nav skatīties lekcija 411 00:19:57,550 --> 00:20:01,870 tomēr, dokumenta objekta modelis ir būtībā, kā lietas tiek pārstāvētas. 412 00:20:01,870 --> 00:20:05,290 Tāpēc HTML veida izskatās kā koks kad jūs faktiski izdarīt to ārā. 413 00:20:05,290 --> 00:20:06,850 Jums ir HTML elements virsū. 414 00:20:06,850 --> 00:20:07,560 Jums ir galvu un ķermeni. 415 00:20:07,560 --> 00:20:09,500 >> Un tad, ievērojot, ka jūs ir viss pārējais. 416 00:20:09,500 --> 00:20:10,660 , Kas ir minēta kā DOM - 417 00:20:10,660 --> 00:20:12,120 Dokuments Object Model. 418 00:20:12,120 --> 00:20:16,090 Tāpēc modelis, kas pārstāv objektu dokuments ir viegls veids, kā domāt 419 00:20:16,090 --> 00:20:18,560 par to. 420 00:20:18,560 --> 00:20:22,520 Un viens liels lieta par jQuery tas patiešām padara šķērso 421 00:20:22,520 --> 00:20:26,460 kas un manipulējot elementi ietvaros ka neticami vienkārši. 422 00:20:26,460 --> 00:20:30,300 >> Tik vienkārši, jo fakts, ka lielākā daļa JavaScript bibliotēkas vai ne 423 00:20:30,300 --> 00:20:34,200 vairākumu, grand vairākums ones jūs redzēsiet tiešām nepieciešama jQuery tā 424 00:20:34,200 --> 00:20:37,530 ka viņi var darboties paši vienkārši jo, ja jums nav jQuery, jums 425 00:20:37,530 --> 00:20:40,540 varētu atkritumu daudz laika, cenšoties izdomāt, kā izvēlēties dažus 426 00:20:40,540 --> 00:20:43,660 elementi un kā darīt citas lietas. 427 00:20:43,660 --> 00:20:47,950 Un otra liela lieta par jQuery ir tas, ka tas ir pāri pārlūku savietojami. 428 00:20:47,950 --> 00:20:51,550 >> Līdz ar to atcerēties atpakaļ, kad mēs teicām, ka ne visas pārlūkprogrammas īstenot 429 00:20:51,550 --> 00:20:53,100 lietas tādā pašā veidā? 430 00:20:53,100 --> 00:20:55,120 Tas ir taisnība, pat JavaScript. 431 00:20:55,120 --> 00:20:58,220 Un viens no lielas lietas par jQuery ir tas, ka tas atklās 432 00:20:58,220 --> 00:21:00,300 pārlūku un atklāt piemērotu metodi. 433 00:21:00,300 --> 00:21:03,420 >> Tātad, ja jums ir nepieciešams, lai izvēlētos elementu, Internet Explorer, iespējams, ka jūs esat 434 00:21:03,420 --> 00:21:05,770 vajadzēja darīt šādā veidā. 435 00:21:05,770 --> 00:21:08,300 Firefox varētu teikt pareizs veids ir šādā veidā. 436 00:21:08,300 --> 00:21:09,710 jQuery nav aprūpi. 437 00:21:09,710 --> 00:21:12,550 Kad jūs pateikt jQuery, lai izvēlētos elements, tas būs saprast, cik tas ir 438 00:21:12,550 --> 00:21:16,290 vajadzēja darīt to, kas pārlūku lietotājs ir pašlaik, tad to 439 00:21:16,290 --> 00:21:18,584 to, ka veidā. 440 00:21:18,584 --> 00:21:22,650 >> MIKE RIZZO: Tātad, pieņemsim nav runāt par izmantošana jQuery mazliet. 441 00:21:22,650 --> 00:21:27,670 Tāpat kā PHP, jQuery ir īpaši mīlestība uz dolāra zīmi. 442 00:21:27,670 --> 00:21:30,880 Tātad, jūs atradīsiet, ka nevienu jQuery - 443 00:21:30,880 --> 00:21:32,060 labi, ne visi. 444 00:21:32,060 --> 00:21:35,210 Jūs dažkārt var aizstāt dolāru parakstīt ar vārdu jQuery. 445 00:21:35,210 --> 00:21:38,980 Bet vispār, tikai tāpēc, ka tas ir īsāks, kad jūs redzat jQuery ir 446 00:21:38,980 --> 00:21:41,420 izmanto tas būs ar dolāra zīmi. 447 00:21:41,420 --> 00:21:47,030 >> Tāpēc šeit mēs esam tikai rāda sākums Selector par elementu DOM. 448 00:21:47,030 --> 00:21:52,850 Šeit mums ir dolāra zīmi sekoja Atvērtās iekavās un pēc tam citātus. 449 00:21:52,850 --> 00:21:56,130 Un ievērojot pēdiņām iet mūsu pārslēdzējiem dažādiem elementiem. 450 00:21:56,130 --> 00:21:59,810 Tāpat kā CSS, mums vajadzēja selektori, lai jāspēj stils dažādus elementus 451 00:21:59,810 --> 00:22:00,840 ietvaros lapā. 452 00:22:00,840 --> 00:22:06,555 Šie dažādie selektori tulkot tieši uz jQuery un JavaScript, 453 00:22:06,555 --> 00:22:07,820 par lielāko daļu. 454 00:22:07,820 --> 00:22:10,120 >> Tātad, šeit mums ir dot foo. 455 00:22:10,120 --> 00:22:14,780 Tātad, ja jūs atceraties no lekciju, dot tikai nozīmē klasi. 456 00:22:14,780 --> 00:22:18,850 Tāpēc mēs esam izvēloties elementu ar klases foo. 457 00:22:18,850 --> 00:22:22,670 Tātad, ja es iet uz priekšu un atvērt mūsu JavaScript konsole šeit tiešām ātri 458 00:22:22,670 --> 00:22:26,830 vienkārši pierādīt to, ja es vienkārši ierakstiet dolāra zīmi, mēs redzam, ka tas ir sava 459 00:22:26,830 --> 00:22:28,090 funkcija, kas nāk uz augšu. 460 00:22:28,090 --> 00:22:29,420 Un tas ir tikai noteikts jQuery. 461 00:22:29,420 --> 00:22:32,120 >> TOMAS Reimers: Attiecībā uz tiem no jums, svešs, konsole ir instruments 462 00:22:32,120 --> 00:22:35,430 ietvaros Chrome, kas ļauj jums, būtībā, palaist JavaScript 463 00:22:35,430 --> 00:22:36,450 pašreizējo lapu. 464 00:22:36,450 --> 00:22:39,420 Šī jūs atradīsiet neticami noderīgi, ja jūs faktiski atkļūdošanas un jūs 465 00:22:39,420 --> 00:22:42,400 ir jābūt, piemēram, kāda ir pašreizējā Dažu pasaules mainīgā vērtība vai kāda 466 00:22:42,400 --> 00:22:43,910 ir kaut kas cits? 467 00:22:43,910 --> 00:22:47,620 Tas ir veids, piemēram gdb izņemot ka jūs faktiski var 468 00:22:47,620 --> 00:22:51,600 manipulēt elementus lapā ar tas ir daudz vieglāk veidā. 469 00:22:51,600 --> 00:22:55,080 Un arī tas nav, būtībā, pārbaudiet ar jums, pirms tas neko. 470 00:22:55,080 --> 00:22:58,660 >> Tātad tā GDB varētu būt, piemēram, jūs esat pārliecināts, ka jūs vēlaties, lai palaistu nākamo soli? 471 00:22:58,660 --> 00:22:59,830 Konsole ir reālā. 472 00:22:59,830 --> 00:23:03,690 Tā kā mājas lapa ir izciršanas un dara kāds to dara, 473 00:23:03,690 --> 00:23:05,720 Padome ir arī darbojas kopā ar to. 474 00:23:05,720 --> 00:23:08,330 Un jūs varat ievietot piedēvēt kodu ka konsole, kurā būs 475 00:23:08,330 --> 00:23:09,260 palaist lapā. 476 00:23:09,260 --> 00:23:12,190 >> MIKE RIZZO: Tātad, lai ievadītu konsole, Es domāju, es būtu īsumā 477 00:23:12,190 --> 00:23:13,750 nerunājot par to, kā to izdarīt. 478 00:23:13,750 --> 00:23:17,850 Pēdējos problēmas, kas var būt izmanto Chrome pārbauda elementu 479 00:23:17,850 --> 00:23:20,440 funkcijas vai Skatīt lapas avotu - 480 00:23:20,440 --> 00:23:23,870 un tie ir pieejami tikai ar peles noklikšķinot uz lapas vai konkrētu 481 00:23:23,870 --> 00:23:28,430 elements, un darot vai nu pārbaudīt elements vai Skatīt lapas avotu. 482 00:23:28,430 --> 00:23:31,190 Mēs varam arī piekļūt JavaScript konsole tieši 483 00:23:31,190 --> 00:23:33,630 izvēloties pārbaudīt elements. 484 00:23:33,630 --> 00:23:37,930 Tātad jūs vienkārši hit konsole uz labajā pusē. 485 00:23:37,930 --> 00:23:41,900 >> Alternatīvi, jūs varētu būt arī aizgājuši augšējā labajā stūrī, 486 00:23:41,900 --> 00:23:46,820 kas ir nogriezts šajā ekrānā, kur tas ir trīs horizontālas joslas. 487 00:23:46,820 --> 00:23:52,010 Un jums iet uz leju, instrumentus un tad JavaScript konsole 488 00:23:52,010 --> 00:23:53,240 šeit, kur var redzēt - 489 00:23:53,240 --> 00:23:54,370 vismaz uz Windows - 490 00:23:54,370 --> 00:23:59,680 saīsne ir vadības maiņa J. Tātad ja mēs vēlējāmies, lai izvēlētos elementu 491 00:23:59,680 --> 00:24:06,060 šajā lapā, tāpat kā man parādīja pirms mēs dolāra zīmi atvērtos parens 492 00:24:06,060 --> 00:24:08,180 un tad citē. 493 00:24:08,180 --> 00:24:11,750 >> Interesanta lieta ir, vispār, vienu pēdiņām un pēdiņas ir 494 00:24:11,750 --> 00:24:12,370 nomaināms. 495 00:24:12,370 --> 00:24:16,050 Tik daudz cilvēku tikai izmantot vienotā citāti, jo viņi ātrāk rakstīt 496 00:24:16,050 --> 00:24:19,780 kā pēdiņās, jo jums nav ir turiet Shift. 497 00:24:19,780 --> 00:24:21,770 Tāpēc es ņemšu tikai darīt tieši tagad. 498 00:24:21,770 --> 00:24:24,510 >> Tāpēc es vēlos, lai izvēlētos kaut ko ar klasi. 499 00:24:24,510 --> 00:24:27,200 Konteiners, tikai tāpēc, ka es zinu, ka tas kaut kas ir uz mūsu 500 00:24:27,200 --> 00:24:28,740 mājas lapā tiesības tagad. 501 00:24:28,740 --> 00:24:29,520 Un es hit Enter. 502 00:24:29,520 --> 00:24:31,670 Un mēs varam redzēt, ka izvēlējusies to. 503 00:24:31,670 --> 00:24:34,990 Tātad, tas rāda uz augšu, ka atpakaļ šo objektu. 504 00:24:34,990 --> 00:24:36,620 Tātad, tas ir pamata izvēle. 505 00:24:36,620 --> 00:24:40,080 Ja mēs vēlējāmies, lai faktiski manipulēt ar to, Jums būs zvanīt kaut 506 00:24:40,080 --> 00:24:43,925 par šo izvēli, kas mēs nokļūt vēlāk. 507 00:24:43,925 --> 00:24:49,030 >> TOMAS Reimers: Tik vienkārši apskatīt, kas dziļāk, tas nav atšķirīgs 508 00:24:49,030 --> 00:24:52,245 par funkciju zvaniem mēs veikti C. Funkcijas šeit nosaukums ir 509 00:24:52,245 --> 00:24:52,580 mazliet dīvaini. 510 00:24:52,580 --> 00:24:55,640 Tas ir dolāra zīmi. 511 00:24:55,640 --> 00:24:57,010 Tas ir tikai nosaukums funkciju. 512 00:24:57,010 --> 00:24:58,810 Nav nekas īpašs par to. 513 00:24:58,810 --> 00:25:00,450 >> Mums ir atvērtas iekavas. 514 00:25:00,450 --> 00:25:03,880 Tad mums ir viens arguments, kas Šajā gadījumā notiek, string, 515 00:25:03,880 --> 00:25:05,680 kas ir selektoru, lai to. 516 00:25:05,680 --> 00:25:08,130 Un tad mums ir mūsu slēgta iekavas. 517 00:25:08,130 --> 00:25:09,960 Viss. 518 00:25:09,960 --> 00:25:11,500 >> Tā nav, ka ievērojami atšķiras. 519 00:25:11,500 --> 00:25:12,900 Lai gan, tas izskatās ļoti dīvaini. 520 00:25:12,900 --> 00:25:17,220 Un tas var būt, sava veida, uzlīmēšanu punktu par daudz cilvēku. 521 00:25:17,220 --> 00:25:21,460 >> MIKE RIZZO: Tātad līdzīgi, ja mēs vēlējāmies , lai izvēlētos elementu, kas ir ID, 522 00:25:21,460 --> 00:25:23,470 Tagad mēs vēlamies, lai izvēlētos no ID vietā klasē. 523 00:25:23,470 --> 00:25:28,080 Tas būtu līdzīga lieta, kurā mēs vienkārši darīt asas zīme ID. 524 00:25:28,080 --> 00:25:33,576 Tāpēc mēs esam izvēloties šeit visu elementi, kas ir ID bar. 525 00:25:33,576 --> 00:25:35,400 >> TOMAS Reimers: Un tas attiecas. 526 00:25:35,400 --> 00:25:36,450 Ka CSS paplašina. 527 00:25:36,450 --> 00:25:42,260 Tāpat kā CSS, jūs varat izvēlēties visus saites, kas ir klases foo. 528 00:25:42,260 --> 00:25:43,420 Lūk, tas ir tas pats. 529 00:25:43,420 --> 00:25:52,750 >> Jūs varētu darīt a.foo, kas izvēlētos visas saites ar klases foo. 530 00:25:52,750 --> 00:25:58,860 Jūs varētu darīt strauju joslu, kas būtu izvēlieties saikni ar ID bāru un tā 531 00:25:58,860 --> 00:25:59,770 un tā tālāk. 532 00:25:59,770 --> 00:26:02,120 Jebkura CSS selektors ir derīgs jQuery selektoru. 533 00:26:02,120 --> 00:26:03,370 >> MIKE RIZZO: Jā. 534 00:26:03,370 --> 00:26:07,996 535 00:26:07,996 --> 00:26:11,460 Labi, tāpēc tagad pieņemsim nokļūt mazliet manipulācijas, ko mēs varam darīt ar 536 00:26:11,460 --> 00:26:12,870 mūsu jQuery. 537 00:26:12,870 --> 00:26:19,280 Tāpēc jQuery ir īpaša veida notācijas, kur mēs vienkārši izmantot 538 00:26:19,280 --> 00:26:20,170 dot beigās. 539 00:26:20,170 --> 00:26:23,340 Un jūs varat domāt par to, tāpat kā C, kā mums bija dažādi structs. 540 00:26:23,340 --> 00:26:27,110 Un iet uz tiem structs, jūs būtu izmantot dot, lai saņemtu tiem. 541 00:26:27,110 --> 00:26:28,480 >> Tas ir sava veida, līdzīga lieta. 542 00:26:28,480 --> 00:26:33,570 Tikai tagad mēs esam funkcijas šajā selektors, ka mēs varam zvanīt uz to. 543 00:26:33,570 --> 00:26:38,640 Tātad šeit, ļoti pirmais piemērs jūs varat redzēt, ir CSS selektoru. 544 00:26:38,640 --> 00:26:45,290 Un būtībā, kas tas tas ir tas attiecas uz pirmo elementu CSS uz šo 545 00:26:45,290 --> 00:26:46,230 lieta, ka izvēlējāties - 546 00:26:46,230 --> 00:26:47,720 šis elements, ka jūs izvēlējāties - 547 00:26:47,720 --> 00:26:49,290 ar vērtību šim. 548 00:26:49,290 --> 00:26:55,390 >> TOMAS Reimers: Tik vienkārši tulkojums kas būtu, ja jQuery, būtībā, 549 00:26:55,390 --> 00:26:57,790 vienkārši ņēma foo. 550 00:26:57,790 --> 00:27:05,480 Un tad CSS teica, Krāsa Sarkana un tuvu. 551 00:27:05,480 --> 00:27:06,670 Tā ir pati ideja. 552 00:27:06,670 --> 00:27:08,800 Kas tas ir darīts, ir tas izvēlēts visi Foo elementi. 553 00:27:08,800 --> 00:27:10,170 Un tad tas ir piemērots. 554 00:27:10,170 --> 00:27:15,884 Veida, īpašuma krāsa ir vienāds ar red. 555 00:27:15,884 --> 00:27:21,070 >> MIKE RIZZO: Tāpat mēs varam arī mainīt faktiskais saturs, kas ir 556 00:27:21,070 --> 00:27:24,870 norādot uz HTML lapas, kas ir tiešām foršs, jo tas nozīmē, ka jūsu 557 00:27:24,870 --> 00:27:28,095 web lapas, tagad var būt pilnīgi dinamiska un nav statisks 558 00:27:28,095 --> 00:27:31,660 kas jums izdrukāt, izmantojot PHP pašā sākumā 559 00:27:31,660 --> 00:27:33,320 lapa tiek ielādēta. 560 00:27:33,320 --> 00:27:36,810 Tātad šeit, ja mēs vēlējāmies, lai mainītu faktiskais HTML lapas, mēs tagad 561 00:27:36,810 --> 00:27:43,550 zvaniet HTML funkciju, kas pēc tam tikai ieliktņi neatkarīgi no mums norādīt uz 562 00:27:43,550 --> 00:27:45,390 šis elements, ka mēs izvēlējāmies. 563 00:27:45,390 --> 00:27:49,810 Tāpēc šeit mēs esam, izvēloties elementu ar klases foo un tad sakot, ka tas ir HTML 564 00:27:49,810 --> 00:27:52,200 tas tagad hello world. 565 00:27:52,200 --> 00:27:55,600 >> TOMAS Reimers: Un, kad jūs domājat par kādi ir noderīgas programmas, kas 566 00:27:55,600 --> 00:28:00,800 Tādēļ šajā CSS viena, pirmā lieta, kas Jūs varat sākt domāt par 567 00:28:00,800 --> 00:28:03,070 ziņā pat nolaižamās izvēlnes. 568 00:28:03,070 --> 00:28:08,350 Jūs varētu sākt darīt lietas, piemēram, ja lietotājs hovers virs augšējā daļa 569 00:28:08,350 --> 00:28:11,970 no nolaižamā, jūs vēlaties, lai apakšējā daļa redzams. 570 00:28:11,970 --> 00:28:12,540 Tiesības? 571 00:28:12,540 --> 00:28:15,610 >> Tātad CSS, mums ir īpašības darīt kaut ko redzamu. 572 00:28:15,610 --> 00:28:19,330 Lietas, piemēram, displejs resnās zarnas nevienam padarītu to neredzamu. 573 00:28:19,330 --> 00:28:21,190 Displeja bloku padarītu to redzamu. 574 00:28:21,190 --> 00:28:25,860 Vai pat, ja jūs vēlaties iet vienkāršāku, jums ir lietas, piemēram, redzamības līdztiesīgu 575 00:28:25,860 --> 00:28:27,520 redzama, un redzamība ir vienāds slēpta. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> Un jūs varētu sākt īstenot lietas piemēram, nolaižamās izvēlnes tiesības 578 00:28:34,780 --> 00:28:38,410 pēc tam, kad jums, izmantojot ideju par to, kā jūs varat izrēķināt, kad tas tiek atvērts, 579 00:28:38,410 --> 00:28:39,850 ko mēs izietu cauri ļoti īsi. 580 00:28:39,850 --> 00:28:42,160 Bet mēs varam sākt redzēt pieteikumi to. 581 00:28:42,160 --> 00:28:45,540 Līdzīgā nozīmē, ja jūs mēģināt un īstenot, teiksim, tērzēšanu 582 00:28:45,540 --> 00:28:48,620 dzinējs, un jūs vēlaties, lai mazliet runas burbulis nākt uz augšu, ja jūs esat 583 00:28:48,620 --> 00:28:52,880 ieguva jaunu ziņu, kad jūs saņemsiet jaunu ziņu, varat veikt nedaudz 584 00:28:52,880 --> 00:28:55,890 runas burbulis nākt klajā, mainot HTML lapas, vai ne? 585 00:28:55,890 --> 00:29:00,540 , Pievienojot šo papildu runas burbulis ar papildu tekstu tur. 586 00:29:00,540 --> 00:29:01,140 Yeah? 587 00:29:01,140 --> 00:29:07,750 >> Mērķauditorija: Lai jūs varētu iegult to laikā HTML kods veida, piemēram, 588 00:29:07,750 --> 00:29:10,534 [Dzirdams]? 589 00:29:10,534 --> 00:29:12,940 >> MIKE RIZZO: Right. 590 00:29:12,940 --> 00:29:16,190 Jā, mēs nokļūt, ka ar mazliet. 591 00:29:16,190 --> 00:29:18,810 Jā, tas ir līdzīgs mazliet PHP. 592 00:29:18,810 --> 00:29:21,240 Ne gluži līdzīgi. 593 00:29:21,240 --> 00:29:24,730 >> Labs atšķirība, lai ir, ko tas faktiski rediģēšanu, kad mēs rediģēt 594 00:29:24,730 --> 00:29:28,480 lapa, jo tas nebūs rediģēšanu faktisko failu, kas tiek 595 00:29:28,480 --> 00:29:31,380 glabāta serverī, jo pasaulē nedrīkst atļaujas 596 00:29:31,380 --> 00:29:32,610 rediģēt failus. 597 00:29:32,610 --> 00:29:36,080 Tas ir vienkārši rediģējot to, kas ir par lapu un to, kas tiek rādīta 598 00:29:36,080 --> 00:29:36,950 pārlūku. 599 00:29:36,950 --> 00:29:40,340 Tātad, ja tu būtu, lai pārlādētu lapu pēc, saka, dzēšot kaut kā mēs 600 00:29:40,340 --> 00:29:44,730 redzēt, ka mēs varam darīt ar noņemt zvanu, ka lieta, tad atkal parādās. 601 00:29:44,730 --> 00:29:48,590 >> TOMAS Reimers: Tik viens veids, kā domāt par Tas ir, ja es esmu jūsu datoru un 602 00:29:48,590 --> 00:29:50,170 Mike ir, sava veida, servera. 603 00:29:50,170 --> 00:29:53,850 Kas notiks, ir es esmu gatavojas jautāt Mike, hey, es varu būt kopiju 604 00:29:53,850 --> 00:29:54,630 šī mājas lapa? 605 00:29:54,630 --> 00:29:56,190 Un viņš man tā kopiju. 606 00:29:56,190 --> 00:29:57,430 >> Nē, tas nav oriģināls lieta. 607 00:29:57,430 --> 00:29:58,620 Tas ir tikai kopija. 608 00:29:58,620 --> 00:30:00,450 Un tad tas būtu, piemēram, oh, tur ir JavaScript šeit. 609 00:30:00,450 --> 00:30:02,450 Ir skaidrs, ka man vajadzētu rediģēt lapu līdzīgs šim. 610 00:30:02,450 --> 00:30:04,250 Un es esmu rediģēšanu kopiju. 611 00:30:04,250 --> 00:30:05,920 >> Bet tas nav īstenojušas faktisko kopiju. 612 00:30:05,920 --> 00:30:08,480 Un, ja man jautātu viņu vēlreiz atsvaidzināt lapu, - 613 00:30:08,480 --> 00:30:10,060 hey, es varu būt vēl tīru kopiju - 614 00:30:10,060 --> 00:30:11,440 viņš gatavojas sniegt man citu tīru kopiju. 615 00:30:11,440 --> 00:30:14,240 Un tad, es esmu gatavojas darīt to pašu piemēram, ak, tas JS šeit, ka saka 616 00:30:14,240 --> 00:30:14,866 rediģēt to. 617 00:30:14,866 --> 00:30:17,460 Un es esmu gatavojas, lai saglabātu darot to. 618 00:30:17,460 --> 00:30:20,930 >> MIKE RIZZO: Tik tiešām foršs lieta ka jūs varat darīt ar jQuery ir 619 00:30:20,930 --> 00:30:24,350 faktiski pievienot dažāda veida no animācijas uz jūsu lapu. 620 00:30:24,350 --> 00:30:27,440 Es nezinu, ja jūs esat kādreiz redzējuši, kur jūs mēģināt, lai aizpildītu veidlapu 621 00:30:27,440 --> 00:30:31,250 tiešsaistē, un jums nav jāaizpilda lietas pareizi. 622 00:30:31,250 --> 00:30:33,440 Tik maz lieta noslīd uz leju augšā un saka, jūs 623 00:30:33,440 --> 00:30:34,820 nav izdarīts pareizi. 624 00:30:34,820 --> 00:30:36,260 Lūdzu, mēģiniet vēlreiz. 625 00:30:36,260 --> 00:30:37,890 Un tad tas, iespējams, pat tikai slaidu uz augšu. 626 00:30:37,890 --> 00:30:40,710 >> Izrādās, jQuery ir uzcelta funkcijas kas padara visu, kas 627 00:30:40,710 --> 00:30:44,180 animācija ļoti, ļoti viegli. 628 00:30:44,180 --> 00:30:46,750 Tāpēc ir pirmais fade out funkcija, kas 629 00:30:46,750 --> 00:30:47,710 Jūs varat zvanīt uz kaut ko. 630 00:30:47,710 --> 00:30:55,650 Un tas ir veids, kā mainīt CSS par ka elements animācijas veidā. 631 00:30:55,650 --> 00:30:58,480 Tā tas notiek neatkarīgi no elementu tu sauc to fade out on. 632 00:30:58,480 --> 00:31:03,990 Un tad, lēnām mainās tas ir necaurredzamību līdz brīdim, kad tas notiek pilnīgi pārredzama. 633 00:31:03,990 --> 00:31:07,330 >> TOMAS Reimers: cits populārs viens ir slīdēt uz leju, kas padarīs 634 00:31:07,330 --> 00:31:08,800 kaut kas, šķiet, bīdot to uz leju. 635 00:31:08,800 --> 00:31:12,840 Tātad gadījumā, nolaižamajā izvēlnē, atkal, kad mēs uzzinājām to, kā noteikt 636 00:31:12,840 --> 00:31:15,310 ja tas ir hovered vairāk, jūs varētu vienkārši pateikt šo dibenu 637 00:31:15,310 --> 00:31:16,910 daļa slīdēt uz leju tagad. 638 00:31:16,910 --> 00:31:19,270 Un tad, šķiet, bīdot uz leju. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> MIKE RIZZO: Un tad, ja jums vienkārši ir kaut kāda veida animācijas prātā, ka 641 00:31:26,590 --> 00:31:29,080 jQuery nebūt negarantē. 642 00:31:29,080 --> 00:31:32,690 Piemēram, pieņemsim, ka jQuery tas sniedz jums ar slaidu 643 00:31:32,690 --> 00:31:33,750 leju un slaidu uz augšu. 644 00:31:33,750 --> 00:31:36,740 Nu, pieņemsim, ka jūs vēlētos, lai slīdētu kaut kas no kreisās vai no 645 00:31:36,740 --> 00:31:39,880 tiesības veida, piemēram, CS50 Galvenā lapa nav vien 646 00:31:39,880 --> 00:31:42,080 dodaties uz jaunu paneli. 647 00:31:42,080 --> 00:31:45,030 Jūs tad, iespējams, būs īstenot to pats, izmantojot 648 00:31:45,030 --> 00:31:49,310 animēt funkciju ietvaros jQuery. 649 00:31:49,310 --> 00:31:51,350 >> Tik līdzīgi, jūs vienkārši animēt. 650 00:31:51,350 --> 00:31:55,850 Un tad tajā tas aizņem vārdnīca dažādām vērtībām 651 00:31:55,850 --> 00:31:57,340 ka jūs vajadzēja iet. 652 00:31:57,340 --> 00:32:06,960 Tātad šeit, ja mēs vēlējāmies rosināt elements foo tā, ka tās platums nu 653 00:32:06,960 --> 00:32:10,880 paplašina vai līgumiem līdz 80 pikseļiem, atkarībā no tā, kāda tā ir patlaban. 654 00:32:10,880 --> 00:32:14,100 Mēs vienkārši iet, ka arguments tajā. 655 00:32:14,100 --> 00:32:18,060 >> Dzīva ir arī daži citi argumenti ka jūs varētu nodot to, piemēram, 656 00:32:18,060 --> 00:32:21,150 ātrums aktivizēšanai ka jūs vēlaties, lai dotu to. 657 00:32:21,150 --> 00:32:26,220 Un, lai to izdarītu, es tikai saku ātri Google jQuery animēt. 658 00:32:26,220 --> 00:32:31,710 Un tad, audzina šo lapu, varat redzam, ka ir ieguvuši ķekars dažādās 659 00:32:31,710 --> 00:32:33,560 īpašības, ka jūs varat iet to. 660 00:32:33,560 --> 00:32:35,990 >> Un es aicinu jūs - kad jūs nākt pāri kaut kas jums nav 661 00:32:35,990 --> 00:32:40,390 zināt, vai vienkārši vēlaties uzzināt vairāk par īpaši metode, ka jūs varat zvanīt 662 00:32:40,390 --> 00:32:41,270 par kaut ko - 663 00:32:41,270 --> 00:32:44,440 tikai google to. jQuery ir ļoti labi dokumentēta. 664 00:32:44,440 --> 00:32:49,140 Un bieži vien reizes ir daudz piemēri, ko tie sniedz jums. 665 00:32:49,140 --> 00:32:52,470 Ja mēs ritinātu uz leju - 666 00:32:52,470 --> 00:32:53,720 līdz galam - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 ka mēs varam izmantot, kā arī. 669 00:32:59,190 --> 00:33:02,480 >> Atkal, ja attīstītājs faktiski iet caur trouble rakstot 670 00:33:02,480 --> 00:33:05,810 bibliotēka, viņi parasti vēlas kāds to izmantot. 671 00:33:05,810 --> 00:33:09,400 Tāpēc līdzās gatavojas ir dokumentācija. 672 00:33:09,400 --> 00:33:12,270 Un ka šāda dokumentācija parasti var būt atrodama projekta lapu, kas ir 673 00:33:12,270 --> 00:33:14,970 kāpēc mēs deva jums šo sākotnējo vietni sākums, kas saista jūs 674 00:33:14,970 --> 00:33:18,080 Projekta lapas, lai jūs varētu redz, ka dokumentāciju. 675 00:33:18,080 --> 00:33:22,670 >> Parasti projekta lapu gadījumā gada [dzirdams], tas tev teicu, ka 676 00:33:22,670 --> 00:33:23,940 nosaukumi klasēs. 677 00:33:23,940 --> 00:33:27,250 Attiecībā uz JavaScript, tas dod Jūs nosaukums funkciju. 678 00:33:27,250 --> 00:33:35,310 Starp citu, ja mēs ritiniet uz augšu uz augšu, ātrs sānu piezīme par funkcijām 679 00:33:35,310 --> 00:33:39,080 kad jūs redzat funkciju īsteno kā šis ar cieto 680 00:33:39,080 --> 00:33:43,800 iekavās vidū, tas nozīmē, ka šis īpašums ir obligāta. 681 00:33:43,800 --> 00:33:44,750 Tikai galvu uz augšu. 682 00:33:44,750 --> 00:33:47,350 Esmu redzējis daudz jautājumu par to. 683 00:33:47,350 --> 00:33:50,370 >> Tātad, šeit mēs varam redzēt, ka dzīva aizņem īpašības 684 00:33:50,370 --> 00:33:51,800 kā vajadzīgs arguments. 685 00:33:51,800 --> 00:33:54,870 Un viss pārējais ir obligāta. 686 00:33:54,870 --> 00:33:56,136 Sānu piezīmi - 687 00:33:56,136 --> 00:33:58,090 Jūs varat domāt par to, kārtot un, piemēram, cilvēks lapas. 688 00:33:58,090 --> 00:34:04,275 Man lapas ir dokumentācija C par daudz citām lietām, kā arī. 689 00:34:04,275 --> 00:34:11,020 >> MIKE RIZZO: Tātad mēs esam iemācījušies, kā mainītu citu CSS lapā, 690 00:34:11,020 --> 00:34:14,040 animēt to, un izņemiet pievienojiet HTML. 691 00:34:14,040 --> 00:34:16,889 Bet viens no patiešām visspēcīgākais lietas par JavaScript 692 00:34:16,889 --> 00:34:18,270 un jo īpaši jQuery - 693 00:34:18,270 --> 00:34:22,570 ko tas ļauj jums jādara, ir reaģēt uz dažādi elementi, kas notiek. 694 00:34:22,570 --> 00:34:25,380 Piemēram, šeit mēs esam notikumu apdarinātājs. 695 00:34:25,380 --> 00:34:28,210 Un tas nozīmē tikai to, kad vien tas Pasākums notiek, mēs rīkoties ar to 696 00:34:28,210 --> 00:34:29,280 noteiktā veidā. 697 00:34:29,280 --> 00:34:35,159 >> Tātad šeit, vispārējs jQuery notikums apdarinātājs ir dot tālāk. 698 00:34:35,159 --> 00:34:42,949 Un tad, pirmā lieta, ko jūs sniedzāt ir tas notikums, tas būtu 699 00:34:42,949 --> 00:34:43,810 var klausās. 700 00:34:43,810 --> 00:34:45,610 Tātad šeit, tas klikšķis, ka mēs gaidām. 701 00:34:45,610 --> 00:34:49,250 >> TOMAS Reimers: Alternatīvi, jums ir uz hover, kas ir ļoti populārs viens. 702 00:34:49,250 --> 00:34:52,000 Tātad atpakaļ uz manu nolaižamās izvēlnes idejas. 703 00:34:52,000 --> 00:34:54,239 Jums būtu top viens uz lidināties. 704 00:34:54,239 --> 00:34:56,096 Un tad jūs varētu mainīt. 705 00:34:56,096 --> 00:34:56,830 >> MIKE RIZZO: Right. 706 00:34:56,830 --> 00:35:01,680 Un tad, kad tas notiks, tas tikai izpilda šo funkciju, ka mēs arī tā 707 00:35:01,680 --> 00:35:05,080 kā argumentu, un ka tā brīdina sveiki un hi. 708 00:35:05,080 --> 00:35:08,900 >> TOMAS Reimers: Tātad, šajā gadījumā JavaScript, šī ir vieta, kur mums ir nepieciešams, lai 709 00:35:08,900 --> 00:35:12,970 attālināties no C Mēs varam reāli veikt funkcijas, kā argumentus. 710 00:35:12,970 --> 00:35:15,940 Un tur ir daudz patiešām sarežģītas veidi, kā to izdarīt. 711 00:35:15,940 --> 00:35:17,940 Mēs ejam, lai veicinātu vienā virzienā, kas ir varat definēt 712 00:35:17,940 --> 00:35:19,270 darbojas labi tur. 713 00:35:19,270 --> 00:35:22,540 >> Tātad, ja jūs lūdzot funkciju kā parametrs, jūs būtībā vienkārši 714 00:35:22,540 --> 00:35:24,500 dodas uz noteiktu funkciju uz vietas. 715 00:35:24,500 --> 00:35:27,090 Un kā jūs definētu funkciju JavaScript ir jums 716 00:35:27,090 --> 00:35:28,820 burtiski saka funkciju. 717 00:35:28,820 --> 00:35:30,130 Tad parasti, nosaukums no funkciju. 718 00:35:30,130 --> 00:35:32,510 Bet mēs nekad atsauce šī funkcija vēlreiz. 719 00:35:32,510 --> 00:35:34,040 Tāpēc mēs atstāt to nezināms. 720 00:35:34,040 --> 00:35:40,440 >> Tad iekavās, tad izlocīts skavas, un tad kods šajā. 721 00:35:40,440 --> 00:35:42,540 Tāpēc mēs saprotam, tas var būt mazliet mulsinoša. 722 00:35:42,540 --> 00:35:45,180 Tāpēc mēs jums vispārējo formu ko notikumu apdarinātājs izskatās 723 00:35:45,180 --> 00:35:47,790 zemāk, kas ir par notikumiem. 724 00:35:47,790 --> 00:35:50,598 Un tad, jūsu kods iekšpusē, kas. 725 00:35:50,598 --> 00:35:52,478 >> MIKE RIZZO: Vai ir kāda jautājumi par šo? 726 00:35:52,478 --> 00:35:54,818 Tas var būt nedaudz mulsinoši, Pirmo reizi, kad jūs to redzat. 727 00:35:54,818 --> 00:35:57,550 >> TOMAS Reimers: Jūs tiešām vēlaties atvērt failu un parādīt viņiem dažus 728 00:35:57,550 --> 00:35:58,155 jQuery tieši tagad? 729 00:35:58,155 --> 00:35:59,853 >> MIKE RIZZO: Jā, pieņemsim darīt. 730 00:35:59,853 --> 00:36:00,256 OK. 731 00:36:00,256 --> 00:36:02,490 >> TOMAS Reimers: Tāpēc tagad mēs esam ierīcē. 732 00:36:02,490 --> 00:36:07,730 Un tas, ko mēs esam darījuši, ir, mēs esam spēruši brīvība radīt gan index.html 733 00:36:07,730 --> 00:36:10,100 fails, kas saista uz JavaScript faila. 734 00:36:10,100 --> 00:36:12,880 Un mēs varam atvērt - 735 00:36:12,880 --> 00:36:15,170 yeah. 736 00:36:15,170 --> 00:36:16,630 Nu, tas dara divas lietas. 737 00:36:16,630 --> 00:36:18,350 >> Pirmkārt, tas ir saistīts JavaScript faila. 738 00:36:18,350 --> 00:36:21,250 Un mēs redzam, ka šeit. 739 00:36:21,250 --> 00:36:25,340 Mēs redzam, ka vadītājs HTML dokumentu, jo īpaši. 740 00:36:25,340 --> 00:36:28,260 Tātad, jūs redzēsiet, kas tur, ka Mēs, galvenokārt, teiksim SRC, 741 00:36:28,260 --> 00:36:29,590 kas apzīmē avots. 742 00:36:29,590 --> 00:36:30,630 Un tas ir URL. 743 00:36:30,630 --> 00:36:32,700 >> Tātad, šeit jūs varat teikt, ka mēs esam iekļautas jQuery. 744 00:36:32,700 --> 00:36:34,290 Un mēs esam iekļāvuši arī skriptus. 745 00:36:34,290 --> 00:36:40,630 Otrs veids, kā iekļaut JavaScript ir ka jūs varat iekļaut inline skriptu 746 00:36:40,630 --> 00:36:44,600 tag kā mēs apakšā, kur tas saka skripts veids ir teksta JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Tāpēc mēs esam sakot, klausīties, mēs esam par to, lai iekļautu skriptu. 748 00:36:46,960 --> 00:36:51,890 Un šī skripta veids ir JavaScript, kas ir veida tekstu. 749 00:36:51,890 --> 00:36:52,550 Ļoti vienkārši. 750 00:36:52,550 --> 00:36:56,490 >> MIKE RIZZO: Tātad tas, veida, izpaužas jūsu jautājums par to, kā mēs arī 751 00:36:56,490 --> 00:37:02,340 JavaScript mūsu failus, jo, kad mēs bija PHP, mēs darām kaut kas līdzīgs šim. 752 00:37:02,340 --> 00:37:07,570 Un tad ir mūsu PHP funkcijas - teiksim krājumi jādara 753 00:37:07,570 --> 00:37:09,150 kaut kas ar to - 754 00:37:09,150 --> 00:37:10,490 iet tur. 755 00:37:10,490 --> 00:37:13,860 Taču tagad mums ir skriptu tagus ka mēs dodam to, kas ir faktiski 756 00:37:13,860 --> 00:37:19,470 daļa HTML pati, jo tas nav faking ir HTML fails, piemēram, tā 757 00:37:19,470 --> 00:37:25,070 ir PHP, jo, ja jūs tiešām iet un apskatīt avotu lapā, 758 00:37:25,070 --> 00:37:28,430 Jūs redzēsiet šo skriptu tagus tur ar JavaScript saistīta ar 759 00:37:28,430 --> 00:37:29,800 tos, kas. 760 00:37:29,800 --> 00:37:31,760 >> Tātad, ja mēs vēlējāmies, lai uzrakstīt kādu JavaScript - 761 00:37:31,760 --> 00:37:37,110 pieņemsim tikai teikt, mēs vēlējāmies, lai mainītu ķermeņa jo šobrīd man nav 762 00:37:37,110 --> 00:37:40,020 jebkurus citus tagus, ka es tiešām var rediģēt turklāt organismā. 763 00:37:40,020 --> 00:37:42,450 Pieņemsim tikai teikt, es gribēju mainīt CSS par to. 764 00:37:42,450 --> 00:37:46,190 Tātad mēs iesim uz priekšu un pārmaiņas krāsu tā sarkanā krāsā. 765 00:37:46,190 --> 00:37:47,380 >> Tāpēc es saglabājiet failu. 766 00:37:47,380 --> 00:37:52,700 Iesim atpakaļ uz mūsu mājas lapā, atsvaidzināt, un tas automātiski 767 00:37:52,700 --> 00:37:55,920 tāpēc, ka tas nav šķist tas gaidīja vispār, jo mēs neklausās 768 00:37:55,920 --> 00:37:59,450 notikumu vai kaut kā tā. 769 00:37:59,450 --> 00:38:02,800 >> TOMAS Reimers: Tātad, ja mēs ejam atpakaļ, ka failu, jo īpaši - HTML 770 00:38:02,800 --> 00:38:04,710 failu - ko jūs gatavojas lai redzētu, ir mums - 771 00:38:04,710 --> 00:38:06,810 atcerieties, ka tas ir piekrauts, veida, hronoloģiski. 772 00:38:06,810 --> 00:38:09,910 Tāpēc mums ir pirmais galvu. tas slodzes šos divus failus. 773 00:38:09,910 --> 00:38:10,800 Tad mēs ejam uz ķermeņa. 774 00:38:10,800 --> 00:38:11,640 Un mēs redzam Hello pasaulē. 775 00:38:11,640 --> 00:38:13,030 Tāpēc mēs piedāvājam Hello pasaulē. 776 00:38:13,030 --> 00:38:15,240 >> Un tad pēdējā lieta, ko mēs esam ir mums ir skriptu tag. 777 00:38:15,240 --> 00:38:20,880 Tātad, tas palaiž skriptu tag, jo tas ir nesaka to gaidīt kaut ko. 778 00:38:20,880 --> 00:38:24,700 Un tas ir visvienkāršākā veids, kā vadīt JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> Ar to teica, jūs varat ievietot skriptu tag up galvenē tikko 780 00:38:29,200 --> 00:38:31,240 parādīt šo jautājumu? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 Un palaist to. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Mēs ejam, lai paziņojuma, ka tā nemaina krāsu. 785 00:38:41,070 --> 00:38:44,210 Un tas ir viens no problēmām JavaScript ir tā, ka lietas ir piekrauts 786 00:38:44,210 --> 00:38:45,930 hronoloģiskā secībā. 787 00:38:45,930 --> 00:38:49,750 >> Tātad laikā, kad šis kods skrēja, mēs izvēlējāmies - 788 00:38:49,750 --> 00:38:52,530 go back - 789 00:38:52,530 --> 00:38:53,670 ķermeņa tag. 790 00:38:53,670 --> 00:38:57,560 Ķermeņa tag neeksistē vēl jo JavaScript ir saskaņā ar HTML. 791 00:38:57,560 --> 00:39:01,790 Tāpēc pārlūks ir kā izvēlieties organismā. 792 00:39:01,790 --> 00:39:02,760 Nav tādas lietas vēl. 793 00:39:02,760 --> 00:39:03,600 Tātad, mēs varam ignorēt to. 794 00:39:03,600 --> 00:39:05,330 Un mēs turpinām iet. 795 00:39:05,330 --> 00:39:07,200 >> Un tad mēs definējam ķermeņa tag. 796 00:39:07,200 --> 00:39:09,670 Bet tas nekad izpaužas atjaunošana. 797 00:39:09,670 --> 00:39:12,560 Tātad, ja jūs īstenojot skriptu tags, pārliecinieties, ka jums vieta 798 00:39:12,560 --> 00:39:15,502 Pēc ķermeņa tag. 799 00:39:15,502 --> 00:39:16,820 Nākamais slaids. 800 00:39:16,820 --> 00:39:17,830 >> MIKE RIZZO: OK. 801 00:39:17,830 --> 00:39:19,330 Tāpēc mēs mainīts kaut ko. 802 00:39:19,330 --> 00:39:21,910 Bet tas nav izskatās tā reaģēja uz mums vispār, jo tas tikai veida 803 00:39:21,910 --> 00:39:24,150 darīja to, tiklīdz tas ielādes lapu. 804 00:39:24,150 --> 00:39:27,700 Tāpēc tagad, nevis darīt to, kāpēc ne mēs pievienot notikumu apdarinātājs. 805 00:39:27,700 --> 00:39:31,020 >> Tātad, pieņemsim kaut ko darīt uz ķermeņa vēlreiz. 806 00:39:31,020 --> 00:39:33,490 Pieņemsim, ka mēs to darām par - 807 00:39:33,490 --> 00:39:34,500 noklikšķiniet. 808 00:39:34,500 --> 00:39:35,750 Mēs pievienotu funkciju. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> Tomas Reimers: Pieņemsim maiņa tas ir krāsu sarkano vēlreiz. 811 00:39:39,690 --> 00:39:40,000 Kāpēc ne? 812 00:39:40,000 --> 00:39:41,680 >> MIKE RIZZO: Jā, pieņemsim izmaiņas tās "krāsu uz sarkanu vēlreiz. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Labi. 815 00:39:46,900 --> 00:39:48,480 Tāpēc pieņemsim pārlādēt lapu. 816 00:39:48,480 --> 00:39:49,530 Labi, mēs redzam - 817 00:39:49,530 --> 00:39:52,290 kā plānots, tas nav sarkt vēl. 818 00:39:52,290 --> 00:39:53,610 Bet tad mēs varam iet uz priekšu un noklikšķiniet uz tā. 819 00:39:53,610 --> 00:39:54,270 >> TOMAS Reimers: Un tas sarkt. 820 00:39:54,270 --> 00:39:56,090 >> MIKE RIZZO: Un tas nav sarkt, kā gaidīts. 821 00:39:56,090 --> 00:39:59,010 >> TOMAS Reimers: Un mēs varam redzēt, cik mēs varam sākt veidot ļoti pamata 822 00:39:59,010 --> 00:40:00,170 mijiedarbība. 823 00:40:00,170 --> 00:40:03,850 Citas lietas, ko mēs varētu vēlēties to darīt, ir, ja mēs negribam, lai ķermeni 824 00:40:03,850 --> 00:40:07,230 sarkano krāsu, pieņemsim HTML fona krāsa ir sarkana. 825 00:40:07,230 --> 00:40:08,480 Vienkārši tāpēc tas ir pats CSS. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> Un, kad mēs to mainīt, mēs varam redzēt šo ļoti dramatiska ietekme mainās 828 00:40:23,320 --> 00:40:25,510 visu lapu. 829 00:40:25,510 --> 00:40:29,100 Tātad vēlreiz, ja jūs īstenojot lietas, Jums var būt viens komponents 830 00:40:29,100 --> 00:40:30,150 kas ir domāts, lai būtu uzklikšķināt uz. 831 00:40:30,150 --> 00:40:32,710 Teiksim, izceļošanas pogu un visa cita sastāvdaļa, 832 00:40:32,710 --> 00:40:33,830 kas ir paredzēts, lai reaģētu. 833 00:40:33,830 --> 00:40:35,755 Lai jūs varētu noņemt logu kad tas notiks. 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 Tāpat kā, piemēram - 837 00:40:42,200 --> 00:40:44,400 Jums nav iegūt, lai redzētu šo agrāk - 838 00:40:44,400 --> 00:40:47,500 Es ņemšu tikai parādīs to, kā tas izskatās kā tad, kad mēs kaut ko slēpt. 839 00:40:47,500 --> 00:40:52,220 Tāpēc es iešu uz priekšu, un tie slaidu uz augšu. 840 00:40:52,220 --> 00:40:54,440 >> TOMAS Reimers: Vēlaties, lai wrap, ka punktu tipa pirms mēs to darām? 841 00:40:54,440 --> 00:40:55,132 >> MIKE RIZZO: OK. 842 00:40:55,132 --> 00:40:59,135 Jā, kāpēc nav mēs to darām tikai tik mēs varam izvēlēties to nedaudz vairāk. 843 00:40:59,135 --> 00:41:00,490 >> TOMAS Reimers: Un pieņemsim to klasi. 844 00:41:00,490 --> 00:41:01,740 >> MIKE RIZZO: Jā. 845 00:41:01,740 --> 00:41:06,575 846 00:41:06,575 --> 00:41:09,920 Labi, tāpēc pieņemsim redzēt. 847 00:41:09,920 --> 00:41:14,820 Tā vietā, izvēloties faktisko ķermeni tagad, es ņemšu tikai atlasītu visu ar 848 00:41:14,820 --> 00:41:18,780 klase sveiki, kas šeit mēs tikai viena lieta. 849 00:41:18,780 --> 00:41:20,900 Tāpēc mums nevajadzētu jāuztraucas par to. 850 00:41:20,900 --> 00:41:23,080 >> Tāpēc es ņemšu atsvaidzināt to. 851 00:41:23,080 --> 00:41:24,230 Es iešu uz priekšu un noklikšķiniet uz tā. 852 00:41:24,230 --> 00:41:27,890 Un tas, veida, bija dīvaini Bīdiet up lieta, kas neizskatījās, ka 853 00:41:27,890 --> 00:41:29,580 pievilcīga. 854 00:41:29,580 --> 00:41:31,060 Vispār, tie izskatās diezgan jauki. 855 00:41:31,060 --> 00:41:32,720 Es domāju, tas - daži Iemesls - nav. 856 00:41:32,720 --> 00:41:36,640 Es ņemšu tikai darīt izbalināt, kas tik Jūs varat apskatīt, ka pārāk. 857 00:41:36,640 --> 00:41:38,100 Daudz patīkamāku. 858 00:41:38,100 --> 00:41:41,150 >> Un tad, ja es atvērt JavaScript konsole atkal, un mēs gribam, lai redzētu, kas 859 00:41:41,150 --> 00:41:43,900 tas izskatās, kad mēs fade to iekšā 860 00:41:43,900 --> 00:41:46,920 Tagad, es tikai aicinu izbalināt par to. 861 00:41:46,920 --> 00:41:48,830 Un tas zūd atpakaļ collas 862 00:41:48,830 --> 00:41:56,150 >> Tāpat, mēs patiešām varētu arī nodot arguments izbalināt vai izbalināt veic, 863 00:41:56,150 --> 00:41:57,640 kas ir veida, ātrums no tā. 864 00:41:57,640 --> 00:42:02,220 Tāpēc iesim uz priekšu un pateikt, ka mēs gribam tā iet lēnām izbalināt iekšā 865 00:42:02,220 --> 00:42:04,250 Tāpēc es domāju, tas joprojām likās diezgan ātri. 866 00:42:04,250 --> 00:42:06,180 Bet tas bija lēnāks nekā iepriekš. 867 00:42:06,180 --> 00:42:10,340 >> TOMAS Reimers: Un, ja jūs vēlaties atrast vairāk par šīm lietām, atkal, 868 00:42:10,340 --> 00:42:13,410 dodieties uz jQuery dokumentāciju, kas mēs esam dota jums, un lasīt 869 00:42:13,410 --> 00:42:13,735 caur tiem. 870 00:42:13,735 --> 00:42:15,790 Viņi dokumentēt savas funkcijas neticami labi. 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 Tāpēc es domāju, iesim atpakaļ uz to. 874 00:42:21,560 --> 00:42:23,490 Un mēs varam runāt par mūsu pēdējā lapā. 875 00:42:23,490 --> 00:42:24,690 Nu, mēs varam pabeigt ar sāknēšanas. 876 00:42:24,690 --> 00:42:27,140 Un tad mēs atvērtu to dažiem jautājumiem. 877 00:42:27,140 --> 00:42:30,180 Un, ja jūs guys ir kādas idejas, kas vēlaties mēģināt uzmest un redzēt 878 00:42:30,180 --> 00:42:34,150 ja mēs varam tos īstenot ar JavaScript ātri. 879 00:42:34,150 --> 00:42:37,890 >> Tik tiešām ātri par sāknēšanas, kas automātiski tika iekļauts 880 00:42:37,890 --> 00:42:41,700 Jūsu pēdējā problēma noteikts CSS mapē un faktiski saistīti ar jūsu 881 00:42:41,700 --> 00:42:43,190 header.php. 882 00:42:43,190 --> 00:42:46,740 Tātad, jūs varētu būt pievienotas klasēm, ir definēti sāknēšanas uz to. 883 00:42:46,740 --> 00:42:50,490 Un tas būtu automātiski veidoti šīs lietas atbilstoši. 884 00:42:50,490 --> 00:42:54,550 >> TOMAS Reimers: Tātad sāknēšanas ir ļoti burvju lieta, ko cilvēki izstrādājusi 885 00:42:54,550 --> 00:42:55,340 Twitterī. 886 00:42:55,340 --> 00:42:57,230 Un ko tas bija domāts darīt, bija - 887 00:42:57,230 --> 00:43:00,740 Pirms mājas lapas ir ļoti grūti izdarīt izskatās jauki, jo īpaši, ja mums bija 888 00:43:00,740 --> 00:43:02,200 daudz kopīgu sastāvdaļu. 889 00:43:02,200 --> 00:43:04,770 Tik daudz pogas web meklēja pati. 890 00:43:04,770 --> 00:43:08,960 >> Teksta laukiem daudz var veikt, lai izskatās labāk nekā standarta tekstu 891 00:43:08,960 --> 00:43:13,620 lauka jūs droši vien zināt, no patiešām vecās mājas lapas vai tiešām slikti veikts 892 00:43:13,620 --> 00:43:18,210 tīmekļa vietnes, kas vienkārši izskatās kā burtisks teksta kastes bez jebkāda veida teksta 893 00:43:18,210 --> 00:43:21,190 ēna vai jebkāda veida jauku kontūru. 894 00:43:21,190 --> 00:43:24,540 Tātad, ko Bootstrap tomēr bija tā teica, labi, Mums ir daudz kopīgas stili. 895 00:43:24,540 --> 00:43:28,210 Kāpēc nav mēs vienu vienotu kopumu CSS un kopīgs JavaScript kā 896 00:43:28,210 --> 00:43:32,210 labi, kas var stila tā kā ir un kas var dot cilvēkiem lietas, piemēram, kritums 897 00:43:32,210 --> 00:43:34,610 leju izvēlnes, kas var dot cilvēkiem lietas, piemēram, modals. 898 00:43:34,610 --> 00:43:38,580 >> Modālo ir tas, kas NOP pa lapu kad tas ir strikti runājot 899 00:43:38,580 --> 00:43:41,090 kaut ko, kas vēl kavē mijiedarbība, līdz jūs 900 00:43:41,090 --> 00:43:43,110 mijiedarbojas ar to. 901 00:43:43,110 --> 00:43:45,820 Kaut kas līdzīgs tas ir, jūs esat pārliecināts, ka vēlies dzēst šo lietu? 902 00:43:45,820 --> 00:43:49,100 Jūs nevarat īsti darīt kaut ko citu līdz brīdim, kad jūs sakāt: jā vai nē. 903 00:43:49,100 --> 00:43:52,720 >> Pagāja tas viss un iepako to kopā un teica, šeit mēs iet. 904 00:43:52,720 --> 00:43:54,630 Cilvēki tagad var izmantot šo. 905 00:43:54,630 --> 00:43:56,830 Un jūs varat atrast to pa pie getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Tas automātiski tika iekļauti Jūsu pēdējā problēma noteikti. 907 00:44:00,480 --> 00:44:04,160 Un jūs esat vairāk nekā apsveicami, lai izmantot to savu galīgo projektu. 908 00:44:04,160 --> 00:44:06,950 Un, ja jūs vēlaties sekot, ka saiti, lai iegūtu sāknēšanas. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Jūs redzat šeit ir Bootstrap CSS vietā. 911 00:44:15,700 --> 00:44:16,860 Jūs redzēsiet sāknēšanas. 912 00:44:16,860 --> 00:44:20,450 Un, ja jūs ritiniet uz leju, jūs redzēsiet kā lejupielādēt to, kā 913 00:44:20,450 --> 00:44:21,900 instalēt, un tā tālāk. 914 00:44:21,900 --> 00:44:24,700 >> MIKE RIZZO: Un jūs varat arī Interesanti ir tas, pielāgot to 915 00:44:24,700 --> 00:44:27,770 būt jebkāda veida tēmām ka jūs vēlaties. 916 00:44:27,770 --> 00:44:31,270 Es zinu, ka ir kaut kas man bija par manu galīgais projekts, kad man bija klasi 917 00:44:31,270 --> 00:44:32,050 Tika pielāgot to. 918 00:44:32,050 --> 00:44:34,540 Dažādas versijas sāknēšanas ka bija atšķirīgu krāsu shēmu un 919 00:44:34,540 --> 00:44:36,700 dažādas formas dažu dažādas lietas. 920 00:44:36,700 --> 00:44:38,250 Tāpēc es aicinu jūs spēlēt ar to. 921 00:44:38,250 --> 00:44:39,440 Tas ir sava veida jautri darīt. 922 00:44:39,440 --> 00:44:43,230 >> TOMAS Reimers: Meklē augšdaļā atkal, tas ir ļoti līdzīgs Fonts 923 00:44:43,230 --> 00:44:44,970 Awesome vietā. 924 00:44:44,970 --> 00:44:47,810 Dokumentācijas partijas sāks šķist līdzīgi, kad esat 925 00:44:47,810 --> 00:44:48,940 redzējis pietiekami daudz no tā. 926 00:44:48,940 --> 00:44:51,260 Tātad šeit mums ir CSS sastāvdaļa šo. 927 00:44:51,260 --> 00:44:53,540 Un jūs redzēsiet, cik tas var stila lietas. 928 00:44:53,540 --> 00:44:56,780 Tātad, ja jūs noklikšķiniet uz tabulas, piemēram, Jūs varat uzreiz veikt 929 00:44:56,780 --> 00:45:01,710 tabula diezgan vienkārši pievienojot klase tabulu uz to. 930 00:45:01,710 --> 00:45:03,150 >> Pašas lietas, pogām. 931 00:45:03,150 --> 00:45:12,140 Ja jūs vienkārši pievienot klases BTN un BTN neizpildes vai BTN galvenais, jūs varat 932 00:45:12,140 --> 00:45:16,240 saņemt vienu no šīm pogām ar šīm pre-made stiliem. 933 00:45:16,240 --> 00:45:18,570 Un tad, ja jūs meklējat kaut sarežģītāka nekā vienkārši 934 00:45:18,570 --> 00:45:24,100 restyling kādi w jau ir, pār tab JavaScript augšdaļā mēs 935 00:45:24,100 --> 00:45:25,120 ir ķekars sastāvdaļas. 936 00:45:25,120 --> 00:45:30,410 >> Tāpēc šeit mēs esam pārejām, modals, dropdowns, cilpiņas, un padomus. 937 00:45:30,410 --> 00:45:35,530 Tooltip ir tas NOP up ar savu pele, kad jūs lidināties uz kaut ko. 938 00:45:35,530 --> 00:45:40,280 Popovers, brīdinājumi, pogas, saliekamās akordeoni ir tas, ko 939 00:45:40,280 --> 00:45:41,190 viņi parasti sauc. 940 00:45:41,190 --> 00:45:43,045 Karuseļi, kas flip izmantojot, piemēram, attēlus. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Tātad tie ir komponenti gada sāknēšanas. 943 00:45:54,840 --> 00:45:57,620 Es aicinu jūs, lai ļoti doties apskatīt tos. 944 00:45:57,620 --> 00:46:01,780 Tur JavaScript komponents un CSS sastāvdaļa. 945 00:46:01,780 --> 00:46:03,880 Justies brīvi izmantot tos kā jūs. 946 00:46:03,880 --> 00:46:06,730 Mēs nebrauksim iet pārāk daudz uz tiem jo mēs uzskatām, ka dokumentācija 947 00:46:06,730 --> 00:46:09,360 ir ļoti labi darīts. 948 00:46:09,360 --> 00:46:10,540 Un jā. 949 00:46:10,540 --> 00:46:14,500 Vai jums ir kādi jautājumi par šo? 950 00:46:14,500 --> 00:46:19,430 >> MIKE RIZZO: Tik tiešām ātri pusē, dizains šajā mājas lapā, kas 951 00:46:19,430 --> 00:46:21,830 mēs ātri salikt kopā Šī prezentācija ir 952 00:46:21,830 --> 00:46:24,290 reāli darīts, izmantojot sāknēšanas. 953 00:46:24,290 --> 00:46:27,810 Kā jūs varat redzēt, kad mēs noklikšķiniet uz šiem dažādas cilpiņas, mēs nekad faktiski 954 00:46:27,810 --> 00:46:30,750 Atstājot šo pašreizējo index.html lapu. 955 00:46:30,750 --> 00:46:36,400 Tātad, kas mums ir, ir dažādi divs šajā index.html. 956 00:46:36,400 --> 00:46:39,610 Un tad, kad mēs noklikšķiniet atšķirīgs tab, tas ir tikai mainot 957 00:46:39,610 --> 00:46:41,590 kuriem viens ir rāda. 958 00:46:41,590 --> 00:46:47,390 >> Tāpēc tas attiecīgi pozīcijas tiem, maina HTML lapas, lai 959 00:46:47,390 --> 00:46:52,330 tab strāva tiek atzīmēta kā aktīva tā šķiet atšķirīgi, un izskatās 960 00:46:52,330 --> 00:46:52,820 tiešām jauki. 961 00:46:52,820 --> 00:46:57,260 >> TOMAS Reimers: Tāpēc, ka viss bija izdarīts bez mums rakstot gandrīz jebkuru CSS. 962 00:46:57,260 --> 00:47:01,440 Mēs redzam arī galveni augšdaļā, kuras krāsas ir ar mums. 963 00:47:01,440 --> 00:47:04,800 Bet faktiskā uzvilkšanas lapas augšpusē, un padarīt 964 00:47:04,800 --> 00:47:06,660 tas ritināšanas bija sāknēšanas. 965 00:47:06,660 --> 00:47:09,720 Un tad pat citu bibliotēku - tas nav viena, mēs runājām par to, bet viens 966 00:47:09,720 --> 00:47:11,580 Jūs varat Google, ja vēlaties. 967 00:47:11,580 --> 00:47:15,130 To sauc prettify.js. 968 00:47:15,130 --> 00:47:20,650 Un tas būs sintakses izcelt savu kodu jums, izmantojot gan CSS un JavaScript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> Pēdējā lieta, ko mēs vēlamies runāt par pirms mēs atbrīvot tevi ārā 971 00:47:27,070 --> 00:47:30,620 Pasaule aplūkot bibliotēkās izdomāt kā tos izmantot, un, cerams, 972 00:47:30,620 --> 00:47:34,640 lasīt dokumentāciju un atrast to, ko jūs vajadzība ir, kā atrast bibliotēkās. 973 00:47:34,640 --> 00:47:37,000 Tātad pirmais ir, mēs esam tikai gatavojas push Google. 974 00:47:37,000 --> 00:47:37,810 Go Google. 975 00:47:37,810 --> 00:47:41,150 >> Tas ir burtiski to, ko mēs darām, kad mēs vajag kaut ko darīt, ir mūsu Google. 976 00:47:41,150 --> 00:47:44,730 Vai ir JavaScript bibliotēka, kas man ļauj manipulēt laiku 977 00:47:44,730 --> 00:47:45,400 noderīgs veids? 978 00:47:45,400 --> 00:47:49,510 Tātad, ja es zinu, ka daži lietotājs izveidojot kontu šeit, un tas ir 979 00:47:49,510 --> 00:47:53,010 Pašreizējais laiks, kā es varu aprēķināt Atšķirība, ka bez 980 00:47:53,010 --> 00:47:55,020 aprēķināt to pats? 981 00:47:55,020 --> 00:47:59,630 Tātad tas ir faktiski kopējā lieta, JavaScript laika bibliotēkas. 982 00:47:59,630 --> 00:48:02,440 Un šeit mēs Moment.js, - populārākajām vienu. 983 00:48:02,440 --> 00:48:06,530 >> Ja mums vajag bibliotēku, lai manipulētu kaut ko līdzīgu krāsu, lai spētu 984 00:48:06,530 --> 00:48:08,650 rada ķekars izlases krāsas - 985 00:48:08,650 --> 00:48:10,660 iespējams, lai radītu stila vai kaut ko - 986 00:48:10,660 --> 00:48:13,480 mēs varētu Google kaut ko līdzīgu JavaScript krāsu bibliotēka. 987 00:48:13,480 --> 00:48:15,620 Un es esmu pārliecināts, ka mēs varētu pop up ar tūkstošus, un viens no tiem. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Jūs esat laipni aicināti lasīt caur tiem. 990 00:48:21,410 --> 00:48:24,610 >> Tāpēc lielākā daļa lietas - ja jūs tos atrast - gribam būt izvietoti uz vienu 991 00:48:24,610 --> 00:48:25,920 vietas, kas ir uzņēmējas kodu. 992 00:48:25,920 --> 00:48:26,960 Viņi ir dažas populāras ones. 993 00:48:26,960 --> 00:48:30,870 Vispopulārākais, ko šim ir github.com. 994 00:48:30,870 --> 00:48:35,300 Un, ja jums iet uz GitHub tas faktiski kur Normalizēt uzņēma. 995 00:48:35,300 --> 00:48:36,950 Tātad, ja jūs vēlaties doties atpakaļ uz šo vienu. 996 00:48:36,950 --> 00:48:38,135 Parādīt viņiem, ka. 997 00:48:38,135 --> 00:48:40,516 >> MIKE RIZZO: Un kas ir faktiski, ja Tas ir izvietots arī, ja esat ievērojuši. 998 00:48:40,516 --> 00:48:41,000 >> TOMAS Reimers: Jā. 999 00:48:41,000 --> 00:48:49,078 Tātad, ja jums iet pār normalizēt un doties uz GitHub. 1000 00:48:49,078 --> 00:48:51,936 Bija tas, ka? 1001 00:48:51,936 --> 00:48:54,620 >> MIKE RIZZO: Ka maz kaķis lieta ir GitHub simbols. 1002 00:48:54,620 --> 00:48:56,330 >> TOMAS Reimers: Ak. 1003 00:48:56,330 --> 00:49:02,180 Tāpēc GitHub izmanto metodi, ko sauc Git uzglabāt kodu. 1004 00:49:02,180 --> 00:49:05,150 Vai jūs nezināt, kas tas ir, vai tas biedē jūs, tas ir jauki. 1005 00:49:05,150 --> 00:49:16,100 Jums nav zināt, kas Git ir jo GitHub ir pogas Lejupielādēt 1006 00:49:16,100 --> 00:49:17,200 apakšējā labajā stūrī. 1007 00:49:17,200 --> 00:49:21,350 >> Cita noderīga lieta zināt par GitHub ir lielākā daļa produktu 1008 00:49:21,350 --> 00:49:23,200 būs lasīt mani. 1009 00:49:23,200 --> 00:49:25,400 Un, ja viņiem nav mājas lapā, lasīt man runāt par to, kā jūs 1010 00:49:25,400 --> 00:49:28,310 instalējiet to, kā jūs izmantojat to, ko tā dara, un tā tālāk, un tā tālāk, un tā tālāk. 1011 00:49:28,310 --> 00:49:31,033 Kas mēs esam būtībā ir ejot jūs caur. 1012 00:49:31,033 --> 00:49:32,326 >> MIKE RIZZO: Internets ir atmest. 1013 00:49:32,326 --> 00:49:34,020 >> TOMAS Reimers: Tas ir jauki. 1014 00:49:34,020 --> 00:49:36,980 Pēdējās divas lietas, ko mēs vēlējāmies runāt par - 1015 00:49:36,980 --> 00:49:38,750 mēs esam runājuši par GIT - 1016 00:49:38,750 --> 00:49:40,290 ir risināšanā. 1017 00:49:40,290 --> 00:49:43,020 Un tas viens nav tik būtiska gala produkts, jo tas 1018 00:49:43,020 --> 00:49:44,870 kad jūs atstāt 50. 1019 00:49:44,870 --> 00:49:48,310 Un, kad jūs satikt produktos Īstenojot bibliotēkas vai īstenošanas 1020 00:49:48,310 --> 00:49:50,230 savu projektu, jūs gatavojas ir jautājumi vai Jūs esat 1021 00:49:50,230 --> 00:49:51,660 skatīsies uz jautājumiem. 1022 00:49:51,660 --> 00:49:53,060 >> Atkal, Google to. 1023 00:49:53,060 --> 00:49:54,630 Tas ir burtiski to, ko mēs darām. 1024 00:49:54,630 --> 00:49:56,400 Tas ir gatavojas likties muļķīgs. 1025 00:49:56,400 --> 00:49:58,310 Bet burtiski, mēs Google to. 1026 00:49:58,310 --> 00:50:01,810 Un atkal, viena no pirmajām lietām jūs parasti uzskriet ir 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, kas ir lieliska jautājumu un atbilžu redzi. 1028 00:50:06,550 --> 00:50:10,530 >> Tas ir brīnišķīgi, gan tāpēc, ka jūs varat post jautājumus un meklēt 1029 00:50:10,530 --> 00:50:12,760 atbildes, bet arī tāpēc, ka tas jau ir daudz 1030 00:50:12,760 --> 00:50:14,590 iepriekš apdzīvotos saturu tur. 1031 00:50:14,590 --> 00:50:18,510 Tātad, parasti tad, kad jūs Google programmēšana Jautājums, kas pirmo reizi 1032 00:50:18,510 --> 00:50:22,620 pāris hits jums jau darbojas tajā laikā jūsu problēmu kopas. 1033 00:50:22,620 --> 00:50:27,840 >> Un tad, pēdējais tiešām īss lieta ir JSFIDDLE, kas ir - šodien mēs esam 1034 00:50:27,840 --> 00:50:32,110 ir darīt daudz darba ar JavaScript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE ir web app, kas būtībā ļauj jums veikt jūsu HTML, jūsu 1036 00:50:39,820 --> 00:50:42,820 JavaScript kreisajā apakšējā, un Jūsu CSS augšā pa labi. 1037 00:50:42,820 --> 00:50:47,840 Un tad tas var radīt ātri padarīt par to, un redzēt, kā tas mijiedarbojas. 1038 00:50:47,840 --> 00:50:50,500 Tas ir ļoti noderīgi, ja cilvēki cenšas veikt koncepcijas, piemēram, 1039 00:50:50,500 --> 00:50:52,910 tas ir, kā jūs to darītu do nolaižamo izvēlni. 1040 00:50:52,910 --> 00:50:54,980 Varbūt ātri atklāt, vai neatkarīgi. 1041 00:50:54,980 --> 00:50:56,560 >> MIKE RIZZO: Tad iesim priekšu un noklikšķiniet uz tā. 1042 00:50:56,560 --> 00:50:57,820 Quick piezīme - 1043 00:50:57,820 --> 00:51:00,430 tā kā, pirms mēs bijām dara klikšķi. 1044 00:51:00,430 --> 00:51:04,380 Izrādās, JCorey Koreja ir arī iebūvēts ar klikšķi notikumu apdarinātājs, ka 1045 00:51:04,380 --> 00:51:07,020 izmanto tikai tādēļ, ka tā tu esi gatavojas vēlaties darīt daudzas lietas 1046 00:51:07,020 --> 00:51:08,410 ja jūs vēlaties, noklikšķiniet kaut ko. 1047 00:51:08,410 --> 00:51:09,690 >> Tāpat tas ir arī lidināties. 1048 00:51:09,690 --> 00:51:12,850 Bet, lai iegūtu pilnu apjomu tiem, apskatīt jQuery 1049 00:51:12,850 --> 00:51:15,320 dokumentāciju un darīt to. 1050 00:51:15,320 --> 00:51:18,760 Es tomēr kaut ko stulbu šeit. 1051 00:51:18,760 --> 00:51:21,490 >> TOMAS Reimers: Tāpēc man ir ļoti ātrs Programma tieši šeit, kas norāda 1052 00:51:21,490 --> 00:51:22,640 pogu klikšķi. 1053 00:51:22,640 --> 00:51:23,890 Tad mums ir par cilpu. 1054 00:51:23,890 --> 00:51:26,810 Kur i ir mazāks nekā 404. 1055 00:51:26,810 --> 00:51:29,530 Tas ir tikai gatavojas pop up šo brīdinājumu ziņojumus. 1056 00:51:29,530 --> 00:51:33,425 >> MIKE RIZZO: Un kāda bija kods 404 stāvēja uz HTML? 1057 00:51:33,425 --> 00:51:34,145 Vai kāds atceras? 1058 00:51:34,145 --> 00:51:35,450 Nav atrasts, labi. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Chrome pievienots arī šis veikls lieta, kur jūs varat - 1061 00:51:40,885 --> 00:51:43,430 >> TOMAS Reimers: Tāpēc, ka cilvēki, piemēram, Mike sāka darīt to daudz un 1062 00:51:43,430 --> 00:51:47,230 kaitinošas lietotājiem, kas ļauj jūs redzēt info. 1063 00:51:47,230 --> 00:51:48,286 >> MIKE RIZZO: Jā. 1064 00:51:48,286 --> 00:51:50,690 >> TOMAS Reimers: Vai mums ir kādi jautājumi par to, par JavaScript 1065 00:51:50,690 --> 00:51:53,420 bibliotēkas, atrast bibliotēkās, vai Ko Web Development izskatās 1066 00:51:53,420 --> 00:51:55,400 tāpat kā reālajā pasaulē? 1067 00:51:55,400 --> 00:51:56,880 Mēs paceļ pret laiku. 1068 00:51:56,880 --> 00:52:00,400 Tāpēc es neesmu pārliecināts, ka mēs ejam ir laiks, lai īstenotu 1069 00:52:00,400 --> 00:52:02,290 ja tas ir tiešām ātri. 1070 00:52:02,290 --> 00:52:04,580 Mēs esam labi? 1071 00:52:04,580 --> 00:52:08,110 >> MIKE RIZZO: visu, ko jūs guys vēlētos redzēt, tiešām ātri, piemēram, divas 1072 00:52:08,110 --> 00:52:09,556 minūtes vai mazāk? 1073 00:52:09,556 --> 00:52:10,870 >> TOMAS Reimers: Jebkas mēs varam noskaidrot? 1074 00:52:10,870 --> 00:52:12,500 Kā rakstīt - 1075 00:52:12,500 --> 00:52:13,260 >> Mērķauditorija: [dzirdams]? 1076 00:52:13,260 --> 00:52:16,070 >> MIKE RIZZO: Jā, tā That - 1077 00:52:16,070 --> 00:52:18,065 >> TOMAS Reimers: Jūs varat vienkārši hit Vadības U mājas lapā. 1078 00:52:18,065 --> 00:52:19,275 >> MIKE RIZZO: Ak, es nezināju, ka. 1079 00:52:19,275 --> 00:52:22,290 >> TOMAS Reimers: Es domāju, ka jā. 1080 00:52:22,290 --> 00:52:23,300 Control-U. Jā. 1081 00:52:23,300 --> 00:52:25,970 >> MIKE RIZZO: Ak, tā ka ir kods mājas lapā. 1082 00:52:25,970 --> 00:52:29,580 Bet, ja jūs patiešām vēlaties, lai lejupielādētu mūsu failus un viss, tas ir izvietots 1083 00:52:29,580 --> 00:52:32,650 gada github.com 1084 00:52:32,650 --> 00:52:34,850 >> TOMAS Reimers: slash savu vārdu - 1085 00:52:34,850 --> 00:52:38,504 Tomas Reimers - slash CS50 defise seminārs. 1086 00:52:38,504 --> 00:52:40,710 >> MIKE RIZZO: Un jūs varat atrast visu tur. 1087 00:52:40,710 --> 00:52:42,310 >> TOMAS Reimers: Tas ir tas, ko GitHub izskatās, ko veidā. 1088 00:52:42,310 --> 00:52:44,910 Tātad vēlreiz, kad jūs redzat kādu atvērtā koda projektu, parasti, tie būs lasīt 1089 00:52:44,910 --> 00:52:45,950 man tur, ka jūs varat izlasīt. 1090 00:52:45,950 --> 00:52:50,200 Un, ja jūs iet atpakaļ, jūs ievērosiet, ka Jums ir lejupielādēt zip, kas būs 1091 00:52:50,200 --> 00:52:52,130 ļauj lejupielādēt avotu kodu, lai ietvertu 1092 00:52:52,130 --> 00:52:53,666 produkts savā lieta. 1093 00:52:53,666 --> 00:52:56,890 >> MIKE RIZZO: Jā, un, ja mēs vienkārši noklikšķiniet uz index.html tiešām ātri - 1094 00:52:56,890 --> 00:52:59,180 >> TOMAS Reimers: Redzēsiet šeit pirmkods mūsu mājas lapā. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> MIKE RIZZO: Arī es aizmirsu, lai push labo līdz ar to lielā galda tā 1097 00:53:06,070 --> 00:53:09,860 iekļauts, bet tur ir arī tabula gada chmods ka mēs iekļautas 1098 00:53:09,860 --> 00:53:13,210 tikai par savu skaidrību. 1099 00:53:13,210 --> 00:53:16,940 Bet, ja mēs ritinātu visu ceļu uz leju, lai apakšas, mēs faktiski nav darīt ļoti 1100 00:53:16,940 --> 00:53:21,160 daudz ar JavaScript sīkumi vispār ar to. 1101 00:53:21,160 --> 00:53:26,610 Tas ir tikai no visa cits, kas mums bija. 1102 00:53:26,610 --> 00:53:28,730 >> Tāpēc paldies puiši par ierašanos un klausīšanās. 1103 00:53:28,730 --> 00:53:29,830 Mēs ceram, ka tas bija patiešām noderīga. 1104 00:53:29,830 --> 00:53:33,020 Ja Jums ir kādi JavaScript saistīto jautājumi vai vienkārši vēlaties runāt par 1105 00:53:33,020 --> 00:53:36,240 kāds cits, piemēram, kādas citas labas lietas jūs varat darīt ar JavaScript, mēs labprāt 1106 00:53:36,240 --> 00:53:37,186 runāt ar jums. 1107 00:53:37,186 --> 00:53:40,010 >> TOMAS Reimers: Ja Jums ir jautājums par savu projektu, vai, ja tas var būt 1108 00:53:40,010 --> 00:53:42,740 gadījumā, mēs, iespējams stick apkārt nedaudz pēc tam. 1109 00:53:42,740 --> 00:53:44,640 Bet kas nav, ir laba nedēļas nogale. 1110 00:53:44,640 --> 00:53:45,845 >> MIKE RIZZO: Jā, patīk. 1111 00:53:45,845 --> 00:53:46,120 See you guys. 1112 00:53:46,120 --> 00:53:47,370 >> TOMAS Reimers: Skatīt ya. 1113 00:53:47,370 --> 00:53:47,926