1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> Tomáš REIMERS: Saluton, ĉiuj. 3 00:00:08,180 --> 00:00:09,250 Mia nomiĝas Tomáš Reimers. 4 00:00:09,250 --> 00:00:10,500 >> MIKE Rizzo: Kaj mi certas Mike Rizzo. 5 00:00:10,500 --> 00:00:12,990 >> Tomáš REIMERS: Ni estas du el CS50s TS. 6 00:00:12,990 --> 00:00:18,910 Kaj hodiaŭ ni gvidis la seminarion pri JavaScript kaj CSS retejo apps. 7 00:00:18,910 --> 00:00:22,140 Se vi volas sekvi kune, la ligilo pravas tie. 8 00:00:22,140 --> 00:00:25,190 Kaj ĉu vi volas meti ĝin en la komputilo mallonge? 9 00:00:25,190 --> 00:00:27,460 >> Jen la ligilo. 10 00:00:27,460 --> 00:00:30,390 Ĝi estas malgranda ejo, kiu havas ligojn al ĉiuj rimedoj ni tuj estos 11 00:00:30,390 --> 00:00:36,490 montrante vin hodiaŭ kaj ankaŭ havas multajn utila informo skribita de ni 12 00:00:36,490 --> 00:00:39,680 legu pli profunde, kiam vi iros returne, kaj vi provas memori kion 13 00:00:39,680 --> 00:00:42,166 ekzakte ni diru, kion vi estis parolas, ktp. 14 00:00:42,166 --> 00:00:43,870 >> MIKE Rizzo: Bone. 15 00:00:43,870 --> 00:00:44,890 Do ni komencu. 16 00:00:44,890 --> 00:00:45,700 >> Tomáš REIMERS: Do vi volas komenci? 17 00:00:45,700 --> 00:00:45,970 OK. 18 00:00:45,970 --> 00:00:47,170 >> MIKE Rizzo: Jes. 19 00:00:47,170 --> 00:00:51,730 Do ni unue volis komenci kun larĝa superrigardon pri interreto kaj 20 00:00:51,730 --> 00:00:54,240 dosiertipoj desegninte retpaĝaroj. 21 00:00:54,240 --> 00:00:57,550 Dum ĉi tiu prezento ni volas eniri en JavaScript multe multe 22 00:00:57,550 --> 00:01:00,320 poste, ni volis dividi kun justa, speco de, kiel birda okulo vido 23 00:01:00,320 --> 00:01:03,270 de kia retejo estas kaj kiom pensi desegnante 24 00:01:03,270 --> 00:01:04,800 retpaĝaro por la komenco. 25 00:01:04,800 --> 00:01:08,370 >> Do you guys, je ĉi tiu punkto - kun ĝi esti vendredo nokte - devus havi 26 00:01:08,370 --> 00:01:11,000 prezentis viajn CS50 financo problemo aroj. 27 00:01:11,000 --> 00:01:15,260 Mi esperas, ke estis bona gusto de kio ttt programado povas esti. 28 00:01:15,260 --> 00:01:18,261 Sed ĉi tie ni volas, speco de, doni vi alian guston, kiel bone. 29 00:01:18,261 --> 00:01:23,190 >> Tomáš REIMERS: Do apenaŭ al Recap kio okazas, kiam vi tajpas en via URL por 30 00:01:23,190 --> 00:01:26,650 via retumilo, ke URL gets rigardis supren en la komputilo. 31 00:01:26,650 --> 00:01:28,590 Kaj via komputilo konektita al alia komputilo, 32 00:01:28,590 --> 00:01:29,890 kiuj gastigas tiu retejo. 33 00:01:29,890 --> 00:01:33,150 OK, do kiam vi iras al google.com, vi estas konektita al unu de Google 34 00:01:33,150 --> 00:01:36,496 komputiloj, kiuj havas la dosierojn por google.com. 35 00:01:36,496 --> 00:01:38,750 >> Ĝi tiam petu specifan dosieron. 36 00:01:38,750 --> 00:01:40,020 Do, se vi iros al - 37 00:01:40,020 --> 00:01:41,550 Mi ne scias - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html aŭ / test.html, vi iras por peti 39 00:01:48,170 --> 00:01:49,340 ke specifan dosieron. 40 00:01:49,340 --> 00:01:52,780 Kaj la TTT-servilo de irante redoni ĝin al vi. 41 00:01:52,780 --> 00:01:54,910 >> Tiam, kiam vi iros tra tiu dosiero - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 iam vi estas komputila gets ke dosiero - ĝi tuj komenci 44 00:01:59,950 --> 00:02:00,820 konstrui retpaĝo. 45 00:02:00,820 --> 00:02:03,020 Do nun havas la HTML-dosiero, kio estas speco de kiel la 46 00:02:03,020 --> 00:02:05,170 strukturo de la TTT-pagxo. 47 00:02:05,170 --> 00:02:08,620 La HTML-dosiero povus ankaŭ referenci CSS dosieroj, kiuj difinas la 48 00:02:08,620 --> 00:02:09,889 stilo de la TTT-pagxo. 49 00:02:09,889 --> 00:02:12,970 >> Javascript dosieroj, kiuj difinas interago kun la retpaĝo. 50 00:02:12,970 --> 00:02:15,200 Bildo dosieroj, kiuj estas nur bildoj. 51 00:02:15,200 --> 00:02:19,450 Kaj eble ligas al aliaj HTML-dosieroj, kion vi povas tiam viziti. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> MIKE Rizzo: OK, grandaj. 54 00:02:24,380 --> 00:02:28,980 Do you guys havas ĉiuj, eble, pene starigita via loka gastiganto 55 00:02:28,980 --> 00:02:30,810 sur via virtuala maŝino. 56 00:02:30,810 --> 00:02:35,650 Kaj tio nur, speco de, estas la loka havaĵo, ke via komputilo akceptas nur 57 00:02:35,650 --> 00:02:38,760 cxar vi ĉe via propra IP-adreso. 58 00:02:38,760 --> 00:02:43,300 >> Do ene de tiu, tiam vi povas aldoni al ĝi vian propran ttt-paĝoj. 59 00:02:43,300 --> 00:02:47,655 Mi volas diri, en CS50 Financoj, vi devus havi aldonis iujn HTML paĝojn, kiuj estas, 60 00:02:47,655 --> 00:02:49,410 ia, envolvita en la PHP-ŝelajn. 61 00:02:49,410 --> 00:02:54,690 Sed fine, kio via PHP-paĝoj estis outputting estis HTML. 62 00:02:54,690 --> 00:02:58,210 >> Sed pensante reen al la komenco de la PSET, ni devis agordi 63 00:02:58,210 --> 00:03:00,890 la permesojn por ĉio, ĉu ne? 64 00:03:00,890 --> 00:03:07,270 Do tio nur esence lasas nin scii kiuj povas legi, skribi, kaj eble 65 00:03:07,270 --> 00:03:08,730 ekzekuti ĉiun de la dosieroj. 66 00:03:08,730 --> 00:03:11,870 Do ni tuj faros rapidan - hm? 67 00:03:11,870 --> 00:03:15,660 >> Tomáš REIMERS: Do ni iras fari rapidan demo. 68 00:03:15,660 --> 00:03:19,560 Do simple por memorigi vin, kiam vi konekti al Google-komputilo - 69 00:03:19,560 --> 00:03:20,690 ajn - 70 00:03:20,690 --> 00:03:24,060 kaj peti dosieron, la komputilo unue bezonas certigi ke vi rajtigita 71 00:03:24,060 --> 00:03:28,790 al reale vidi, ke la dosiero aŭ legis ke dosieron ĉar ne eblas simple demandi 72 00:03:28,790 --> 00:03:30,430 por ajna dosiero en tiu komputilo, ĉu ne? 73 00:03:30,430 --> 00:03:32,260 Tio estus sekureca risko. 74 00:03:32,260 --> 00:03:37,020 >> Do dosierojn sur la sistemojn kiujn ni uzas, kiel ĉi CS50 aparato, havas tri 75 00:03:37,020 --> 00:03:39,200 Ĝenerale homoj, kiuj povas havi permesojn por io. 76 00:03:39,200 --> 00:03:41,610 La unua estas la efektiva posedanto de koncerna dosiero. 77 00:03:41,610 --> 00:03:43,820 La dua estas la grupo kiu la dosiero apartenas. 78 00:03:43,820 --> 00:03:46,090 Ni ne tuj enfokusigi tro multe en tiu. 79 00:03:46,090 --> 00:03:50,010 Kaj la lasta afero estas, speco de, kiel la mondo aŭ kiel ĉiuj aliaj, kiuj estas 80 00:03:50,010 --> 00:03:54,130 Ne specifaj al tiu dosiero kaj ne havi neniun proprieton rajtojn super ĝi. 81 00:03:54,130 --> 00:04:05,650 >> Do, se ni havas posedanto, grupo, kaj tiam la mondo. 82 00:04:05,650 --> 00:04:10,510 Kaj tiam, por ĉiu el tiuj grupoj, vi povas havi unu el tri permesojn, 83 00:04:10,510 --> 00:04:13,010 OK, aŭ plurajn el ili. 84 00:04:13,010 --> 00:04:15,070 Vi povas havi legitaj permesojn. 85 00:04:15,070 --> 00:04:16,560 Vi povas havi rajton permesojn. 86 00:04:16,560 --> 00:04:18,880 Kaj vi povas havi ekzekuti permesojn. 87 00:04:18,880 --> 00:04:22,060 >> Do, en terminoj de realaj dosiertipoj, legi permeso estas kiel efektive legas 88 00:04:22,060 --> 00:04:23,250 la enhavon de la dosiero. 89 00:04:23,250 --> 00:04:24,730 A dekstra permeson skribi al diris dosiero. 90 00:04:24,730 --> 00:04:28,370 An ekzekuti permeson kuras la dosieron kiel vi faras kiam vi kuras unu el 91 00:04:28,370 --> 00:04:29,620 via CS50 projektoj. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> Do kiam ni pensas pri dosierojn kiel kiam ni bezonas legi HTML 94 00:04:38,820 --> 00:04:41,790 dosiero, kiu bezonas esti mondo legebla, right? 95 00:04:41,790 --> 00:04:44,420 Supozeble, same la posedanto volas por povi eldoni tiun dosieron. 96 00:04:44,420 --> 00:04:46,610 Do la posedanto tuj bezoni legi kaj skribi permesojn. 97 00:04:46,610 --> 00:04:48,710 Ili ne vere bezonas ekzekuti. 98 00:04:48,710 --> 00:04:50,950 >> Grupo, ni iras al trakti la samajn kiel la mondo ĝis nun. 99 00:04:50,950 --> 00:04:54,610 Do ili bezonas legitaj permesojn. 100 00:04:54,610 --> 00:04:57,310 Sed ili ne bezonas registran aux ekzekuti permesojn. 101 00:04:57,310 --> 00:05:01,920 Kaj nun, se ni pensas reen al iama PSETs, kion ni rimarkas estas tiuj afabla 102 00:05:01,920 --> 00:05:03,360 de aspektas kiel duuma, ĉu ne? 103 00:05:03,360 --> 00:05:04,210 1 signifas jes. 104 00:05:04,210 --> 00:05:05,040 0 por neniu. 105 00:05:05,040 --> 00:05:06,870 Kaj ni povas reale traduki tio al duuma. 106 00:05:06,870 --> 00:05:10,478 >> Do 110 en duuma estus 6. 107 00:05:10,478 --> 00:05:13,270 100 estus 4. 108 00:05:13,270 --> 00:05:14,690 Sama kun mondo. 109 00:05:14,690 --> 00:05:20,846 Do la nombro kiun vi ricevas pro la permesojn por ĉi estus 644. 110 00:05:20,846 --> 00:05:24,400 >> MIKE Rizzo: Kaj se vi opinias reen al kiam vi chmoded io, mi kredas 111 00:05:24,400 --> 00:05:28,980 ili donis en la problemo starigis la Ekzemple, de kie vi povus fari 112 00:05:28,980 --> 00:05:36,470 iu kiel chmod 644 kaj tiam dosiernomo. 113 00:05:36,470 --> 00:05:39,980 La 644 tiam, vi nun povas vidi rekte kie tiu venas. 114 00:05:39,980 --> 00:05:42,840 Do espereble, ke faras ke iom pli klara. 115 00:05:42,840 --> 00:05:45,600 >> Kaj tiam por vi guy de klareco - 116 00:05:45,600 --> 00:05:48,200 Ho jes, tie ĉi estas denove. 117 00:05:48,200 --> 00:05:53,260 Do 600 tiam estus nur la ekzemplon ni rezignis tie kie la posedanto disponas 118 00:05:53,260 --> 00:05:56,360 legi kaj dekstra permesojn dum grupon kaj mondo ne havas ajnan permesojn 119 00:05:56,360 --> 00:05:58,145 aliri la dosieron. 120 00:05:58,145 --> 00:06:01,500 >> Tomáš REIMERS: Kaj tiam ni havas rapidan listo de komuna permesojn. 121 00:06:01,500 --> 00:06:05,250 Do dosierujoj, vi volas por fakte chmod 711. 122 00:06:05,250 --> 00:06:08,930 Rapida flanken - por dosierujo havi plenumeblan permeson signifas povi 123 00:06:08,930 --> 00:06:11,680 malfermi la dosierujon. 124 00:06:11,680 --> 00:06:15,280 Bildoj, CSS, JavaScript, HTML bezonoj 644 ĉar, esence, la mondo 125 00:06:15,280 --> 00:06:16,400 bezonoj legu permesojn. 126 00:06:16,400 --> 00:06:20,960 >> Kaj PHP, kiun vi uloj vidis kvankam ni ne povas paroli pri ĝi 127 00:06:20,960 --> 00:06:24,880 strikte estas tipe chmoded kun permeso 600 ĉar ĝi kuris kun 128 00:06:24,880 --> 00:06:26,540 la permesojn de la mastro. 129 00:06:26,540 --> 00:06:27,790 Almenaŭ en la aparaton. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> MIKE Rizzo: Do ​​se vi ne specife specifi kia tipo de dosiero 132 00:06:36,870 --> 00:06:39,480 vi volas en reale opcio tiun prezenton - 133 00:06:39,480 --> 00:06:43,490 ni havis problemon kun tio, ĉar ne ĉiu chmoded korekte - 134 00:06:43,490 --> 00:06:47,550 vi tuj akiri, speco de, malpermesita eraro, ke la retejo 135 00:06:47,550 --> 00:06:49,700 fakte ne havas permeson aliri ajn dosieron 136 00:06:49,700 --> 00:06:51,370 vi volas ĝin aliri. 137 00:06:51,370 --> 00:06:54,780 Kaj kompreneble, kiuj povas esti riparita - kiel en problemo starigis - ŝanĝante 138 00:06:54,780 --> 00:06:56,405 permesojn taŭge. 139 00:06:56,405 --> 00:06:59,620 >> Tomáš REIMERS: Kaj la lastan komenton por rapide loka disvolviĝo estas - ni 140 00:06:59,620 --> 00:07:02,000 alportis ĉi supre, sed ni nur volis alporti supren denove - 141 00:07:02,000 --> 00:07:06,230 se vi demandas por servilo - do loka gastiganto, ekzemple,. com aŭ kio ajn - 142 00:07:06,230 --> 00:07:09,170 kaj vi ne specifas specifan dosieron, la dosieron ke via komputilo tuj 143 00:07:09,170 --> 00:07:11,540 peti nomiĝas index.html. 144 00:07:11,540 --> 00:07:12,790 Aŭ, se tio ne ekzistas, index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> Cool. 147 00:07:16,350 --> 00:07:19,560 Do tio estas nur recap ĉio, mi esperas, ke ni jam kovrita 148 00:07:19,560 --> 00:07:22,800 sekcio, kaj prelegis, kaj ĝis nun en CS50. 149 00:07:22,800 --> 00:07:26,110 Kaj nun ni tuj komencos parolante pri specife bibliotekoj. 150 00:07:26,110 --> 00:07:30,270 JavaScript kaj CSS bibliotekoj retejo apps. 151 00:07:30,270 --> 00:07:36,350 >> Do unu rapida tial ni havas bibliotekoj estas programado - 152 00:07:36,350 --> 00:07:39,000 tie estas multe da problemoj en programado, kiu konservi krevi supren 153 00:07:39,000 --> 00:07:40,570 denove, kaj denove, kaj denove. 154 00:07:40,570 --> 00:07:43,870 Vi eble rimarkos ke multaj retejoj bezonas la kapablon de havi falmenuo 155 00:07:43,870 --> 00:07:49,100 menuojn, ekzemple, aŭ bezonas la kapablon havi tre norma butono 156 00:07:49,100 --> 00:07:51,400 stilo, kiu ne povas esti la plej facila afero. 157 00:07:51,400 --> 00:07:54,670 Nun ke vi komencas eniri en HTML, vi rimarki, ke butonoj povas reale 158 00:07:54,670 --> 00:07:57,720 aspektas vere malbele, se vi ne fari ion. 159 00:07:57,720 --> 00:08:00,830 >> Do multaj homoj skribis vokis bibliotekoj. 160 00:08:00,830 --> 00:08:02,990 Kaj en ĉi tiu kunteksto, ili estas ankaŭ nomata kadrojn. 161 00:08:02,990 --> 00:08:04,790 Ni tuj uzos la du interŝanĝeble. 162 00:08:04,790 --> 00:08:07,360 Kaj kion ili trovas ili estas esence premade pecoj de kodo - 163 00:08:07,360 --> 00:08:09,130 ĉu CSS aŭ JavaScript - 164 00:08:09,130 --> 00:08:13,240 kiuj forprenas multon de la team vi havas en kodigo. 165 00:08:13,240 --> 00:08:17,290 >> Do ili pre-difinas aron de klasoj aŭ pre-difini aron da funkcioj por 166 00:08:17,290 --> 00:08:20,110 Javascript La kazo, kiun vi povas voki poste. 167 00:08:20,110 --> 00:08:22,690 Kaj tiam vi povas, ia, get aliro al tiu kodo sen 168 00:08:22,690 --> 00:08:23,710 devi fari ion. 169 00:08:23,710 --> 00:08:27,750 Ekzemplo de la biblioteko estis CS50.H. Tio estis biblioteko ni donis al vi reen 170 00:08:27,750 --> 00:08:32,090 en semajno, kio permesis al vi fari aĵoj kiel tiu GetInt kaj GetString 171 00:08:32,090 --> 00:08:35,237 sen devi skribi ajna kodo mem. 172 00:08:35,237 --> 00:08:36,179 >> MIKE Rizzo: Bone. 173 00:08:36,179 --> 00:08:40,299 Do jen, ĝuste kiel ni devis inkluzivi en niaj c Dosieroj la malsamajn 174 00:08:40,299 --> 00:08:46,570 bibliotekoj, ni ankaŭ devus inkluzivi en nia HTML dosieroj malsamaj bibliotekoj. 175 00:08:46,570 --> 00:08:50,310 Ekzemple, se ni volis inkluzivi specifa JavaScript bibliotekon ĉi tie, 176 00:08:50,310 --> 00:08:52,850 eble, kiu ni skribas nin kiel ĝi estas loke gastigita 177 00:08:52,850 --> 00:08:56,000 vokis script.js, ni nur uzi ĉi skribmaniero. 178 00:08:56,000 --> 00:08:59,500 >> Do ni havas skripton tipo egaluloj Javascript fonto egaluloj 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 Kaj se vi opinias reen al via CS50 financoj problemo metita, se vi rigardis en 181 00:09:05,190 --> 00:09:09,190 header.php en la ŝablonoj dosierujo, Vi devus vidi, 182 00:09:09,190 --> 00:09:10,970 kelkaj el tiuj inkluditaj. 183 00:09:10,970 --> 00:09:13,250 Do tiu unua - la skriptoj - 184 00:09:13,250 --> 00:09:16,080 estas inkludita JavaScript biblioteko. 185 00:09:16,080 --> 00:09:18,760 Inkludante CSS biblioteko estas iomete malsamaj. 186 00:09:18,760 --> 00:09:21,430 >> Ĉi tie, anstataŭ la skripto Tag vi bezonas la ligilon etikedo. 187 00:09:21,430 --> 00:09:27,110 Kaj tiam, la teksto CSS tipo estas iom malsama. 188 00:09:27,110 --> 00:09:29,270 Vi ne ĉiam devas inkluzivi rel stilo folio. 189 00:09:29,270 --> 00:09:30,970 Sed mi pensas ĝi estas, ĝenerale, bona praktiko. 190 00:09:30,970 --> 00:09:35,810 >> Kaj poste, fine, la href, kion vi verŝajne vidis en via ATAGs por kunligi 191 00:09:35,810 --> 00:09:39,440 en diversaj ligiloj simple specifas la ligilo de kie trovi tion. 192 00:09:39,440 --> 00:09:42,250 Ekzemple, se ni volis ligi malsamaj biblioteko - ni simple diri - 193 00:09:42,250 --> 00:09:49,330 kiuj vivis ĉe styles.css. 194 00:09:49,330 --> 00:09:54,030 Kaj ni volis ligi ke en tio estas loĝigita en la retejo, ni devus kopii tion. 195 00:09:54,030 --> 00:09:58,834 Kaj poste algluu ĝin en iu ajn ni havas ĉi tie anstataŭe. 196 00:09:58,834 --> 00:10:01,340 >> Tomáš REIMERS: Bone, espereble vi infanoj estas jam konata 197 00:10:01,340 --> 00:10:02,410 kun kiel ligi CSS. 198 00:10:02,410 --> 00:10:04,000 Vi devis fari tion sur via lasta bruna aro. 199 00:10:04,000 --> 00:10:07,110 Javascript, kelkaj el vi eble havi iom da sperto kun. 200 00:10:07,110 --> 00:10:07,980 Iuj el vi eble ne. 201 00:10:07,980 --> 00:10:12,190 >> Do por nun, sciu ke JavaScript dosieron estas tre multa ŝatas CSS dosiero en 202 00:10:12,190 --> 00:10:15,640 la senco, ke vi povas ligi al ĝi aŭ ke vi povas inkluzivi gxin interne. 203 00:10:15,640 --> 00:10:17,360 Kaj tio permesas skripto aferojn. 204 00:10:17,360 --> 00:10:21,820 Kaj ni tuj iru vi per iomete da JavaScript poste. 205 00:10:21,820 --> 00:10:23,560 >> Do uzante biblioteko - 206 00:10:23,560 --> 00:10:26,150 unufoje vi jam inkludis ĝin, ĝi estas kiel simpla kiel laŭvorte nomante la 207 00:10:26,150 --> 00:10:29,640 funkcioj aŭ aldonante la klaso nomoj por ĝi. 208 00:10:29,640 --> 00:10:32,220 La lasta afero ni volas paroli pri en terminoj de la biblioteko - 209 00:10:32,220 --> 00:10:34,180 kaj ĉi tiu estas pli teknika noto - 210 00:10:34,180 --> 00:10:35,860 Estas malfermita fonto permesilo. 211 00:10:35,860 --> 00:10:41,550 Do, kiam vi trovos tiujn realajn bibliotekoj, eble vi pensas 212 00:10:41,550 --> 00:10:47,630 demandojn ŝatas estas ĝi OK, ke mi estas nur uzante aliulaj kodo, speciale 213 00:10:47,630 --> 00:10:51,970 ĉar tio estas io tre multe diris al vi, por ne fari en ĉi tiu kurso. 214 00:10:51,970 --> 00:10:55,790 >> Do, en la kazo de malfermita fonto permesilo, multe da programistoj - 215 00:10:55,790 --> 00:10:57,540 Tuj ili skribis biblioteko, kion ili pensas povus esti 216 00:10:57,540 --> 00:10:59,450 helpema al aliaj homoj - 217 00:10:59,450 --> 00:11:02,420 publikigos ĝin al la retejo kaj donu licencon. 218 00:11:02,420 --> 00:11:06,620 Kaj licencon esence diras mi maniere koncedante permeson al aliaj 219 00:11:06,620 --> 00:11:11,250 homojn uzi ĉi peco de programaro kun la jenaj ian 220 00:11:11,250 --> 00:11:13,230 estipulaciones. 221 00:11:13,230 --> 00:11:16,100 >> Ni inkludis ligilon al bona loko por helpas al vi kompreni la licencoj en 222 00:11:16,100 --> 00:11:17,720 kazo vi kuros en ilin. 223 00:11:17,720 --> 00:11:21,680 Komuna estipulaciones estas aĵoj kiel Vi plene rajtas uzi mian bibliotekon tiel 224 00:11:21,680 --> 00:11:23,000 longe kiom vi donas al mi krediton. 225 00:11:23,000 --> 00:11:25,670 Vi plene rajtas uzi mian bibliotekon tiel longe kiel kiam ĝi rompas 226 00:11:25,670 --> 00:11:26,790 Vi ne kulpas mi. 227 00:11:26,790 --> 00:11:30,310 Vi plene rajtas uzi mian bibliotekon tiel longa kiel vi ne uzas ĝin por fari monon 228 00:11:30,310 --> 00:11:31,910 cxar vi mem. 229 00:11:31,910 --> 00:11:34,130 Ĉi tiuj estas specoj de komuna estipulaciones. 230 00:11:34,130 --> 00:11:37,780 >> Por ĉi CS50 fina projekto, ili ne devus esti la super rilatajn ĉar 231 00:11:37,780 --> 00:11:41,440 la projektoj kiujn vi uloj uzas estas Probable ĝuste, speco de, konata. 232 00:11:41,440 --> 00:11:44,170 Sed kiam vi vere eliros sur la mondo kaj ekuzi bibliotekoj, kiuj 233 00:11:44,170 --> 00:11:48,100 Eble aŭ ne estu tiel implementado kiel kelkaj el la plej popularaj ni estas 234 00:11:48,100 --> 00:11:49,780 tuj iros tra. 235 00:11:49,780 --> 00:11:53,310 Bonas por povi kompreni ĉi tiuj licencoj kaj al 236 00:11:53,310 --> 00:11:54,560 kompreni kion ili signifas. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 Kaj irante reen. 239 00:11:58,586 --> 00:12:00,960 >> MIKE Rizzo: okej. 240 00:12:00,960 --> 00:12:04,850 Do nun movanta sur ekzemploj el reala CSS. 241 00:12:04,850 --> 00:12:07,770 Je ĉi tiu punkto ĝis nun, vi eble ne renkontis ĉi. 242 00:12:07,770 --> 00:12:10,300 Sed eble vi renkontis lin en via ĉiutaga vivo kie io 243 00:12:10,300 --> 00:12:13,160 kiu similas unu vojo en unu retumilo eble ne rigardu la saman 244 00:12:13,160 --> 00:12:14,880 vojon en alian retumilo. 245 00:12:14,880 --> 00:12:17,400 >> Tio estas nomata retumilo retumilo kongruo. 246 00:12:17,400 --> 00:12:20,780 Kaj ĉiufoje Iĝas pli kaj pli ol problemo, speciale kiel 247 00:12:20,780 --> 00:12:25,260 foliumiloj preni pli kaj pli da liberecoj apliki tion, kion ili volas. 248 00:12:25,260 --> 00:12:28,440 Do por superi tiun, tie efektive estas grandan bibliotekon nomitan Normalize.CSS. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> Tomáš REIMERS: ni inkludis la ligilon. 251 00:12:33,770 --> 00:12:36,210 Je tiu punkto, ĝi estas utila, se vi havas vian tekkomputilo tien 252 00:12:36,210 --> 00:12:38,740 rigardante la lokon. 253 00:12:38,740 --> 00:12:42,580 Kaj ni alportas al vi rajton nun simple ĉar la CS50 fino 254 00:12:42,580 --> 00:12:44,370 projekto estas vere tuj demandi vin implementarlo 255 00:12:44,370 --> 00:12:45,860 simile kaj tra retumiloj. 256 00:12:45,860 --> 00:12:49,250 >> Do simple por gardi en la dorso de via kapo, tio estas mirinda biblioteko 257 00:12:49,250 --> 00:12:51,170 ĉar ĝi volas, ia, normigi tion. 258 00:12:51,170 --> 00:12:54,230 En Firefox, iu povas montri kiel unu rastrumero maldekstren. 259 00:12:54,230 --> 00:12:58,390 Kaj tiam Chrome eblas decidi ke reale kion vi volis diri estis 10 rastrumeroj 260 00:12:58,390 --> 00:12:59,380 maldekstren. 261 00:12:59,380 --> 00:13:01,030 Kaj vi volas normigi tion. 262 00:13:01,030 --> 00:13:05,360 Normaligi efektive faras vere bonan laboron de certigi ke via ejo 263 00:13:05,360 --> 00:13:08,070 aspektas la sama trans retumiloj. 264 00:13:08,070 --> 00:13:10,660 >> MIKE Rizzo: Do, se ni volis simple klaki la ligilon vere rapide kaj spektaklo 265 00:13:10,660 --> 00:13:13,140 vi kion tio aspektas kiel, vi povas elŝuti ĝin uzante la 266 00:13:13,140 --> 00:13:14,670 giganto Elŝutu butonon. 267 00:13:14,670 --> 00:13:18,520 Aux mi kuraĝigas vin legi pli pri ĝi klakante tiun ligilon en la suba 268 00:13:18,520 --> 00:13:19,310 dekstra mano angulo. 269 00:13:19,310 --> 00:13:22,420 >> Tomáš REIMERS: Kaj se vi vere klaku legu pli ĝuste tie - 270 00:13:22,420 --> 00:13:24,340 klaki la fonto sur GitHub - 271 00:13:24,340 --> 00:13:31,720 vi efektive vidas la malfermita fonto permesilo en LICENSE.md rajton tie. 272 00:13:31,720 --> 00:13:35,740 Kaj vi vidos tie estas la tre popularaj MIT-permesilo. 273 00:13:35,740 --> 00:13:38,940 Denove, se vi tralegu la tekston, vi povos trovi ĝin en la paĝaro 274 00:13:38,940 --> 00:13:42,550 ni referencita antaŭ kaj povos kompreni ĝin sen devi legi 275 00:13:42,550 --> 00:13:45,920 tra la leĝa slango. 276 00:13:45,920 --> 00:13:46,850 >> MIKE Rizzo: OK, grandaj. 277 00:13:46,850 --> 00:13:47,940 Do jen normaligi. 278 00:13:47,940 --> 00:13:49,190 Ni volis doni al vi ke vere rapide. 279 00:13:49,190 --> 00:13:50,030 Ho, ĉu vi havas demandon? 280 00:13:50,030 --> 00:13:53,013 >> Spektantaro: Do ​​kiam vi elŝutas ĝin, vi nur sekvas tiun kodon, kiun ili havas 281 00:13:53,013 --> 00:13:54,098 sub la Download butonon? 282 00:13:54,098 --> 00:13:55,860 >> Tomáš REIMERS: Jes, tiel kiam vi elŝutas - 283 00:13:55,860 --> 00:13:58,130 >> MIKE Rizzo: Ho, tio estas granda punkto. 284 00:13:58,130 --> 00:14:00,700 Do la demando estis kiamaniere fari Ni efektive elŝuti ĝin? 285 00:14:00,700 --> 00:14:03,260 Do, se ni klaku la ligilon, ni vidas ke ŝi fakte popoj supren 286 00:14:03,260 --> 00:14:05,030 ĉe la fontkodo. 287 00:14:05,030 --> 00:14:08,550 Do fari tion, kion ni povis, cxu oni simple alklaku Konservi Kiel. 288 00:14:08,550 --> 00:14:10,830 Konservi Kiel kaj kiuj devus venigi dosieron. 289 00:14:10,830 --> 00:14:14,160 Kaj tiam ni povas elekti konservi ĝin kiel normalize.CSS. 290 00:14:14,160 --> 00:14:15,810 Kaj tiam vi havus ligi gxin en - 291 00:14:15,810 --> 00:14:18,660 >> Tomáš REIMERS: La sama maniero vi ligas en iu ajn alia dosiero. 292 00:14:18,660 --> 00:14:22,250 Kaj kiam vi ligas ĝin, kio estas granda pri normaligi estas ĝi estos reale 293 00:14:22,250 --> 00:14:25,920 prizorgi pri cxiuj obstinaj labori per sin. 294 00:14:25,920 --> 00:14:27,730 Signifo ke vi ne havas aldoni ajnan klasoj. 295 00:14:27,730 --> 00:14:29,690 >> Vi ne devas fari ion strangan. 296 00:14:29,690 --> 00:14:34,590 Ĝi estos normaligi sen vi fari ion plu. 297 00:14:34,590 --> 00:14:36,083 Jes, vi devas inkluzivi ĝin. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 Google Chrome ne respondas. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> Just a quick flanken - 302 00:14:44,860 --> 00:14:46,800 Mi rimarkis, ni saltis en ĉi. 303 00:14:46,800 --> 00:14:49,010 La resto de ĉi tiu prezento estas tuj estos rapida superrigardo. 304 00:14:49,010 --> 00:14:50,380 Enketo de la bibliotekoj. 305 00:14:50,380 --> 00:14:52,710 >> Esence, kio ili estas. 306 00:14:52,710 --> 00:14:53,350 Kion ili faras. 307 00:14:53,350 --> 00:14:54,060 Kiom ili estas utilaj. 308 00:14:54,060 --> 00:14:56,540 Kiel vi povus apliki ilin. 309 00:14:56,540 --> 00:14:59,730 Se vi volas komenci rigardante ilin, jenaj kune, kaj tralegado 310 00:14:59,730 --> 00:15:01,990 ilin, mi estus tre instigas, ke. 311 00:15:01,990 --> 00:15:07,620 >> Alternative, vi estas bonvena ankaŭ al komenci elŝuti ilin kaj inkludante 312 00:15:07,620 --> 00:15:11,400 ilin en vido nur por vidi kion ili aspektas kiel aux kion ili faros se vi havas 313 00:15:11,400 --> 00:15:12,270 via tekkomputilo antaŭ vi. 314 00:15:12,270 --> 00:15:14,650 Se ne, vi estas bonvenaj por subteni aŭskultas nin paroli. 315 00:15:14,650 --> 00:15:15,500 Ni tuj interparolas. 316 00:15:15,500 --> 00:15:18,680 Kaj ni havas tempon, je la fino, mi esperas ni reale preni en montrante vin 317 00:15:18,680 --> 00:15:20,946 kion iuj el tiuj bibliotekoj aspekti. 318 00:15:20,946 --> 00:15:22,320 >> MIKE Rizzo: Cool. 319 00:15:22,320 --> 00:15:25,466 Enorde, do nun ni parolas pri Tiparo Awesome. 320 00:15:25,466 --> 00:15:30,480 >> Tomáš REIMERS: tiel Tiparo Awesome estas vere neta ejo, precipe por tiuj 321 00:15:30,480 --> 00:15:32,450 el ni, kiuj estas malpli arte talenta. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 Ignorante la nomo Tiparo Awesome, donas vi faskon de ikonoj, kiuj estas 324 00:15:38,880 --> 00:15:41,050 tre utila. 325 00:15:41,050 --> 00:15:45,950 Do multe da fojoj vi devos apliki an Ikono vi eble volas kiel belan x tia 326 00:15:45,950 --> 00:15:47,170 ke vi povas fermi ion. 327 00:15:47,170 --> 00:15:49,910 >> Aŭ vi eble volas ian Redakti butono kun krajono desegno kiel 328 00:15:49,910 --> 00:15:50,940 ĉiuj aliaj havas. 329 00:15:50,940 --> 00:15:53,850 Kaj tio estas kiam vi ekscias ke desegni tiujn piktogramojn povas esti 330 00:15:53,850 --> 00:15:55,510 tre teda kaj malfacila. 331 00:15:55,510 --> 00:15:59,160 Tiparo Awesome - se vi vere iru al la retejo - 332 00:15:59,160 --> 00:16:02,892 donas al vi multajn piktogramojn sub la piktogramoj ĉe la supro. 333 00:16:02,892 --> 00:16:06,980 Jes, ĝuste la supro. 334 00:16:06,980 --> 00:16:09,030 Ĝi donos al vi multan de ikonoj senpage. 335 00:16:09,030 --> 00:16:15,210 >> Do jen vi vidas ni havas aferojn kiel asterisko, trinkejoj, fulmo riglilo, a 336 00:16:15,210 --> 00:16:19,750 kalendaro, cimo, libro, kaj tiel plu. 337 00:16:19,750 --> 00:16:21,110 Tiu povas esti tre utila. 338 00:16:21,110 --> 00:16:24,290 La vojo vi inkluzivi ĉi estas vi inkluzivi laŭvorte la CSS-dosiero. 339 00:16:24,290 --> 00:16:29,760 Kaj poste vi jam inkludis la CSS-dosieron: kion vi povas fari estas vi krei 340 00:16:29,760 --> 00:16:33,430 tag nomata I. Ĝi satands por Ikono kun la klaso FA 341 00:16:33,430 --> 00:16:34,460 staranta por tiparo Awesome. 342 00:16:34,460 --> 00:16:36,330 Kaj poste, kion ajn klaso vi deziras. 343 00:16:36,330 --> 00:16:41,220 >> Do, se mi volis ikono de ĉi plus akordi bone ĉi tie, mi donus 344 00:16:41,220 --> 00:16:43,290 ĝi la klaso FA. 345 00:16:43,290 --> 00:16:46,230 Kaj tiam la FA streketo plus streketo kvadrato. 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 >> Tomáš REIMERS: Kaj tiam, la lasta CSS biblioteko ni volas akiri per ni estas 349 00:16:56,980 --> 00:16:59,950 klopodi fari gxin minimuma je CSS bibliotekoj, ĉar ni ja rimarkas la 350 00:16:59,950 --> 00:17:03,660 titolo de tiu prezento estas JavaScript Bibliotekoj. 351 00:17:03,660 --> 00:17:07,089 Sed ni opiniis, ke ni plej bone enkonduki vin en la aliaj bibliotekoj 352 00:17:07,089 --> 00:17:09,569 dum ni parolis pri bibliotekoj. 353 00:17:09,569 --> 00:17:11,400 >> Estas Google Web Tiparoj. 354 00:17:11,400 --> 00:17:17,040 Kaj kio Google Web Tiparoj permesas vin fari estas aldonu tiparojn al via retejo, 355 00:17:17,040 --> 00:17:22,079 kiu estas vere facila maniero por fari ĝin belaj kaj distingi via aro 356 00:17:22,079 --> 00:17:24,460 el ĉiuj aliaj estas se ĝi havas belan tiparo aŭ se ĝi havas belan 357 00:17:24,460 --> 00:17:27,790 kolekto de tiparoj. 358 00:17:27,790 --> 00:17:31,410 Google Web Tiparoj estas bela malkiel aliaj bibliotekoj en la senco ke ĝi estas 359 00:17:31,410 --> 00:17:33,490 vere gvidis instalado. 360 00:17:33,490 --> 00:17:38,680 >> Do se vi sekvu la ligon, ĝi estas google.com / tiparoj, mi kredas. 361 00:17:38,680 --> 00:17:41,100 Se vi sekvas tion, vi povas elekti vian tiparon. 362 00:17:41,100 --> 00:17:44,410 Vi povas elekti sur la maldekstra el dikeco, dekliva, ktp. 363 00:17:44,410 --> 00:17:48,970 Kaj tiam, unufoje vi elektis unu, vi povas klaki rapida uzo. 364 00:17:48,970 --> 00:17:49,820 Ĝuste tie. 365 00:17:49,820 --> 00:17:51,590 Malsupre dekstre de la skatolo. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> Kaj tiam, rulumu malsupren. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 Unue, ili donos al vi la CSS ke vi bezonos efektive ligas al ĝi. 370 00:18:02,650 --> 00:18:03,330 Ĝi estas prava. 371 00:18:03,330 --> 00:18:05,170 Vi povas simple kopii kaj almeti ke in 372 00:18:05,170 --> 00:18:07,250 Kaj la bela afero pri ĉi tiu estas vi fakte ne eĉ bezonas 373 00:18:07,250 --> 00:18:08,340 elŝuti la dosieron. 374 00:18:08,340 --> 00:18:11,170 >> Kio ĝi estas tuj fari estas tio okazas ligi al Google-version de ĝi. 375 00:18:11,170 --> 00:18:14,130 Do reen al kion signifas tio. 376 00:18:14,130 --> 00:18:18,270 Tio signifas, kiam uzanto Elŝutoj via dosiero - 377 00:18:18,270 --> 00:18:22,300 Elŝutoj vian HTML-paĝo - via HTML paĝo tuj referenci tiun ĉi dosieron. 378 00:18:22,300 --> 00:18:26,790 >> Tial, vian komputilon tuj vidas, Ho, estas loĝigita en google.com prefere 379 00:18:26,790 --> 00:18:28,170 ol sur theirsite.com. 380 00:18:28,170 --> 00:18:30,370 Permesu al mi iri demandi Google por ke dosiero. 381 00:18:30,370 --> 00:18:32,800 Kaj tiam, li tuj inkluzivi ĝin preskaŭ kiel se ĝi estus 382 00:18:32,800 --> 00:18:35,584 parton de via propra retejo. 383 00:18:35,584 --> 00:18:36,540 >> Tomáš REIMERS: Cool. 384 00:18:36,540 --> 00:18:40,980 Kaj iam vi inkluzivas tion, tiam al inkluzivi ĝin en vian CSS, tio donas al vi 385 00:18:40,980 --> 00:18:41,830 la reala linio. 386 00:18:41,830 --> 00:18:45,188 Do vi starigis la propraĵo tiparo familio egala al la nomo de via tiparo. 387 00:18:45,188 --> 00:18:47,936 388 00:18:47,936 --> 00:18:50,440 >> MIKE Rizzo: okej. 389 00:18:50,440 --> 00:18:52,220 Do ni ĵus finis kun CSS. 390 00:18:52,220 --> 00:18:57,230 Kaj iuj el vi povus pensi, bone, Ni havis kelkajn CSS sur CS50 Financoj. 391 00:18:57,230 --> 00:19:00,390 Sed CSS biblioteko estis bootstrap. 392 00:19:00,390 --> 00:19:05,190 Ni efektive inkluzivas Bootstrap iom poste sub JavaScript ĉar kun 393 00:19:05,190 --> 00:19:09,660 la Bootstrap CSS biblioteko ankaŭ venas kun amaso da JavaScript ke 394 00:19:09,660 --> 00:19:12,060 Bootstrap aŭ Twitter - kiu faris Bootstrap - 395 00:19:12,060 --> 00:19:15,426 Uzas administri ĉiujn iliajn CSS. 396 00:19:15,426 --> 00:19:19,592 >> Tomáš REIMERS: Ĉu iu havas iun demandojn tiom multe pri CSS ĝenerale? 397 00:19:19,592 --> 00:19:20,723 Ni estas bona? 398 00:19:20,723 --> 00:19:21,216 Awesome. 399 00:19:21,216 --> 00:19:22,495 >> MIKE Rizzo: Awesome. 400 00:19:22,495 --> 00:19:25,136 >> Tomáš REIMERS: Do movas sur JavaScript. 401 00:19:25,136 --> 00:19:27,900 >> MIKE Rizzo: Do ​​ni volis paroli pri jQuery por komenci. 402 00:19:27,900 --> 00:19:30,780 Ĉu iu aŭdis pri jQuery antaŭ aŭ uzis ĝin? 403 00:19:30,780 --> 00:19:32,180 Yeah, paro? 404 00:19:32,180 --> 00:19:36,000 Do, se vi simple labori kun denaska Javascript, vi trovos vin mem 405 00:19:36,000 --> 00:19:41,000 tajpi multajn longajn selectores multe. 406 00:19:41,000 --> 00:19:44,400 Do kio jQuery faras estas ĝi havigas belan wrapper por la Javascript 407 00:19:44,400 --> 00:19:48,180 lingvo kiu permesas facile elekti kaj manipuli malsamaj elementoj 408 00:19:48,180 --> 00:19:52,470 ene de la dokumento objekto modelo de la TTT-paĝo aŭ la DOM, kion mi kredas 409 00:19:52,470 --> 00:19:54,290 you guys auxdis de en prelegi ĉe tiu punkto. 410 00:19:54,290 --> 00:19:57,550 >> Tomáš REIMERS: Se vi ne aŭdis pri ĝin aŭ se vi ne spektis prelegon 411 00:19:57,550 --> 00:20:01,870 tamen, la Dokumento Objekto Modelo trovas esence kiel tion, estas reprezentitaj. 412 00:20:01,870 --> 00:20:05,290 Do HTML ia aspektas kiel arbo kiam vi vere tiros gxin. 413 00:20:05,290 --> 00:20:06,850 Vi havas la HTML elemento sur supro. 414 00:20:06,850 --> 00:20:07,560 Vi havas la kapon kaj korpon. 415 00:20:07,560 --> 00:20:09,500 >> Kaj poste, ene de kiuj vi havi ĉion alian. 416 00:20:09,500 --> 00:20:10,660 Tio nomiĝas la DOM - 417 00:20:10,660 --> 00:20:12,120 Dokumento Objekto Modelo. 418 00:20:12,120 --> 00:20:16,090 Do modelon kiu reprezentas objektoj en La dokumento estas facila maniero por pensi 419 00:20:16,090 --> 00:20:18,560 pri tio. 420 00:20:18,560 --> 00:20:22,520 Kaj unu el la grandaj afero pri jQuery Estas vere faras petolanta 421 00:20:22,520 --> 00:20:26,460 tio kaj manipulanta elementojn ene ke nekredeble simpla. 422 00:20:26,460 --> 00:20:30,300 >> Do simpla, fakte, ke la plimulto de Javascript bibliotekoj aŭ se ne la 423 00:20:30,300 --> 00:20:34,200 plimulto, la granda plimulto de tiuj, vi vidos efektive postulas jQuery tiom 424 00:20:34,200 --> 00:20:37,530 ke ili povas kuri sin simple ĉar se vi ne havas jQuery, vi 425 00:20:37,530 --> 00:20:40,540 devus malŝpari multan tempon klopodi elkompreni kiel elektu iun 426 00:20:40,540 --> 00:20:43,660 eroj kaj kiamaniere fari aliajn aferojn. 427 00:20:43,660 --> 00:20:47,950 Kaj la alia granda afero pri jQuery estas ke ĝi estas kruco retumilo kongruaj. 428 00:20:47,950 --> 00:20:51,550 >> Do memoru reen kiam ni diras ke Ne ĉiuj foliumiloj apliki 429 00:20:51,550 --> 00:20:53,100 aferojn sammaniere? 430 00:20:53,100 --> 00:20:55,120 Ĉi tio estas vera eĉ en JavaScript. 431 00:20:55,120 --> 00:20:58,220 Kaj unu el la grandaj aferoj pri jQuery estas ke gxi detektos la 432 00:20:58,220 --> 00:21:00,300 foliumilo kaj detekti la taŭga metodo. 433 00:21:00,300 --> 00:21:03,420 >> Do se vi volas elekti elementon, Internet Explorer dirus vi estas 434 00:21:03,420 --> 00:21:05,770 supozis fari tiamaniere. 435 00:21:05,770 --> 00:21:08,300 Firefox povus diri la korekta maniero estas tiamaniere. 436 00:21:08,300 --> 00:21:09,710 jQuery ne zorgas. 437 00:21:09,710 --> 00:21:12,550 Kiam vi diros jQuery selekti elemento estos eltrovi kiel ĝi estas 438 00:21:12,550 --> 00:21:16,290 supozis fari ĝin ene de la retumilo la uzanto estas nuntempe en, kaj tiam fari 439 00:21:16,290 --> 00:21:18,584 ĝin tiel. 440 00:21:18,584 --> 00:21:22,650 >> MIKE Rizzo: Do ​​ni ne parolas pri la uzadon de jQuery iomete. 441 00:21:22,650 --> 00:21:27,670 Ĝuste kiel PHP, jQuery havas apartan amon por la dolaro signo. 442 00:21:27,670 --> 00:21:30,880 Do vi trovos, ke iu jQuery - 443 00:21:30,880 --> 00:21:32,060 Nu, ne ĉiuj. 444 00:21:32,060 --> 00:21:35,210 Vi povas iam anstataŭos la dolaro subskribi kun la vorto jQuery. 445 00:21:35,210 --> 00:21:38,980 Sed ĝenerale, simple ĉar ĝi estas mallonga, kiam ajn vi vidas jQuery esti 446 00:21:38,980 --> 00:21:41,420 uzata ĝi estos kun dolaro signo. 447 00:21:41,420 --> 00:21:47,030 >> Do ĉi tie ni nur montrante komenco Elektilo por ero en la DOM. 448 00:21:47,030 --> 00:21:52,850 Tie, ni havas la dolaro signo sekvis per malferma krampo kaj tiam citaĵoj. 449 00:21:52,850 --> 00:21:56,130 Kaj ene de la citiloj iri nian selectores cxar la malsamaj elementoj. 450 00:21:56,130 --> 00:21:59,810 Same kiel en CSS, ni bezonis selectores al povos stiligi malsamaj elementoj 451 00:21:59,810 --> 00:22:00,840 ene de la pagxo. 452 00:22:00,840 --> 00:22:06,555 Tiuj malsamaj selectores traduki ĝuste en jQuery kaj JavaScript, 453 00:22:06,555 --> 00:22:07,820 plejparte. 454 00:22:07,820 --> 00:22:10,120 >> Do ĉi tie ni havas dot foo. 455 00:22:10,120 --> 00:22:14,780 Do, se vi memoras el prelego, la skalara simple signifas la klaso. 456 00:22:14,780 --> 00:22:18,850 Do ni elektu elemento kun klaso foo. 457 00:22:18,850 --> 00:22:22,670 Do, se mi iras antaŭen kaj malfermu niajn Javascript konzolo tie vere rapide 458 00:22:22,670 --> 00:22:26,830 nur pruvi ĝin, se mi simple tajpas la dolaro-signo, oni vidas ke ĝi estas iom 459 00:22:26,830 --> 00:22:28,090 funkcio kiu venas supren. 460 00:22:28,090 --> 00:22:29,420 Kaj ĝi estas simple difinita per jQuery. 461 00:22:29,420 --> 00:22:32,120 >> Tomáš REIMERS: Por tiuj el vi nekonataj, La konzolo estas ilo 462 00:22:32,120 --> 00:22:35,430 ene Chrome, kiu permesas al vi, esence, kuri Ĝavaskripton en la 463 00:22:35,430 --> 00:22:36,450 aktuala paĝo. 464 00:22:36,450 --> 00:22:39,420 Ĉi vi trovos nekredeble utila kiam vi fakte elpurigi kaj vi 465 00:22:39,420 --> 00:22:42,400 bezonas esti kiel, kia estas la nuna valoro de iu malloka variablo aux kion 466 00:22:42,400 --> 00:22:43,910 estas io alia? 467 00:22:43,910 --> 00:22:47,620 Ĝi estas speco de kiel GDB kun la escepto ke vi povas reale 468 00:22:47,620 --> 00:22:51,600 manipuli elementoj sur la paĝo kun ĝin multe pli facila maniero. 469 00:22:51,600 --> 00:22:55,080 Kaj ĝi ankaŭ ne, esence, kontrolu kun vi, antaux ol gxi faras nenion. 470 00:22:55,080 --> 00:22:58,660 >> Do dum kiu, GDB povus esti kiel, estas vi certas ke vi volas lanĉi la sekva paŝo? 471 00:22:58,660 --> 00:22:59,830 La konzolo estas en reala. 472 00:22:59,830 --> 00:23:03,690 Do kiel la TTT-pagxo estas prunti kaj fari kion ajn ĝi estos faranta, la 473 00:23:03,690 --> 00:23:05,720 konsilio de ankaŭ kurante apud ĝi. 474 00:23:05,720 --> 00:23:08,330 Kaj vi povas meti kulpigu kodon en ke konzolon, kiu volas, 475 00:23:08,330 --> 00:23:09,260 oni kuras en la paĝo. 476 00:23:09,260 --> 00:23:12,190 >> MIKE Rizzo: Do ​​por eniri en la konzolo, Mi supozas ke mi devus mallonge 477 00:23:12,190 --> 00:23:13,750 mencii kiel fari tion. 478 00:23:13,750 --> 00:23:17,850 En la lastaj problemojn ke vi havu uzita Chrome la inspekti elemento 479 00:23:17,850 --> 00:23:20,440 funkcioj aŭ rigarda paĝo vikitekston - 480 00:23:20,440 --> 00:23:23,870 kaj tiuj estas atingeblaj nur per dekstra klaki sur la paĝo aŭ de specifa 481 00:23:23,870 --> 00:23:28,430 elemento kaj farante ĉu inspekti elemento aŭ rigarda paĝo fonto. 482 00:23:28,430 --> 00:23:31,190 Ni povas ankaŭ aliri la Javascript konzolo rekte per 483 00:23:31,190 --> 00:23:33,630 elekti inspekti elemento. 484 00:23:33,630 --> 00:23:37,930 Do tiam vi ĵus batis konzolo sur la fora dekstra flanko. 485 00:23:37,930 --> 00:23:41,900 >> Alternative, vi povus esti ankaŭ foriris al la supra dekstra mano angulo, 486 00:23:41,900 --> 00:23:46,820 kio estas ekstermita sur tiun ekranon kie ĝi havas la tri horizontalaj stangoj. 487 00:23:46,820 --> 00:23:52,010 Kaj vi iros malsupren al iloj kaj tiam JavaScript konzolo 488 00:23:52,010 --> 00:23:53,240 tie kie povas vidi - 489 00:23:53,240 --> 00:23:54,370 almenaŭ sur Vindozo - 490 00:23:54,370 --> 00:23:59,680 la fulmoklavo estas Kontrolo Shift J. do se ni volis elekti ero 491 00:23:59,680 --> 00:24:06,060 ene de ĉi tiu paĝo, ĝuste kiel mi montris antaŭe, ni faru dolaro signo malferma parens 492 00:24:06,060 --> 00:24:08,180 kaj do citas. 493 00:24:08,180 --> 00:24:11,750 >> Interesa afero estas, ĝenerale, citiloj kaj duoblaj citiloj estas 494 00:24:11,750 --> 00:24:12,370 canjeable. 495 00:24:12,370 --> 00:24:16,050 Do multaj homoj simple uzi sola citaĵoj ĉar estas rapida entajpi 496 00:24:16,050 --> 00:24:19,780 ol duoblaj citiloj ĉar vi ne faras devas premadu Shift. 497 00:24:19,780 --> 00:24:21,770 Do mi nur faras tion nun. 498 00:24:21,770 --> 00:24:24,510 >> Do mi volas elekti ion kun klaso. 499 00:24:24,510 --> 00:24:27,200 Ujo, nur ĉar mi scias, ke estas iu kiu estas sur nia 500 00:24:27,200 --> 00:24:28,740 retpaĝo nun. 501 00:24:28,740 --> 00:24:29,520 Kaj mi batis Eniru. 502 00:24:29,520 --> 00:24:31,670 Kaj ni povas vidi ke gxi selektis ĝin. 503 00:24:31,670 --> 00:24:34,990 Do ĝi montras supren ke Revenis tiu celo. 504 00:24:34,990 --> 00:24:36,620 Do tio estas baza elekto. 505 00:24:36,620 --> 00:24:40,080 Se ni vere volis manipuli ŝin, vi devus voki ion 506 00:24:40,080 --> 00:24:43,925 sur tiu selektado, kiun ni havos enir poste. 507 00:24:43,925 --> 00:24:49,030 >> Tomáš REIMERS: Do simple por rigardi ke pli profunde, tio ne estas malsamaj 508 00:24:49,030 --> 00:24:52,245 ol la funkcio alvokojn ni faris en C. La nomo de la funkcio ĉi tie estas 509 00:24:52,245 --> 00:24:52,580 iom bizara. 510 00:24:52,580 --> 00:24:55,640 Estas dolaro signo. 511 00:24:55,640 --> 00:24:57,010 Ĝi estas nur nomo de funkcio. 512 00:24:57,010 --> 00:24:58,810 Estas nenio speciala pri tio. 513 00:24:58,810 --> 00:25:00,450 >> Ni havas malferma krampo. 514 00:25:00,450 --> 00:25:03,880 Tiam, ni havas niajn unu argumento, kiun en ĉi tiu kazo okazas esti kordo, 515 00:25:03,880 --> 00:25:05,680 kio estas selector por ĝi. 516 00:25:05,680 --> 00:25:08,130 Kaj tiam, ni havas niajn fermita parentezo. 517 00:25:08,130 --> 00:25:09,960 Estas tio. 518 00:25:09,960 --> 00:25:11,500 >> Ĝi ne estas ke ege malsamaj. 519 00:25:11,500 --> 00:25:12,900 Kvankam, ĝi aspektas tre stranga. 520 00:25:12,900 --> 00:25:17,220 Kaj tio povas esti, speco de, frotado punkto por multaj homoj. 521 00:25:17,220 --> 00:25:21,460 >> MIKE Rizzo: Tiel same, se ni volis elekti elemento kiu havas IRU, 522 00:25:21,460 --> 00:25:23,470 Nun ni volas elekti per ID anstataŭ klaso. 523 00:25:23,470 --> 00:25:28,080 Estus simila afero, kie ni nur faru la akra signo por ID. 524 00:25:28,080 --> 00:25:33,576 Do ni elektu tie la tutan elementoj, kiuj havas ID trinkejo. 525 00:25:33,576 --> 00:25:35,400 >> Tomáš REIMERS: Kaj ĉi etendas. 526 00:25:35,400 --> 00:25:36,450 Tio CSS etendas. 527 00:25:36,450 --> 00:25:42,260 Same kiel en CSS, vi povas elekti la tutan ligiloj, kiuj havas la klaso foo. 528 00:25:42,260 --> 00:25:43,420 Jen, ĝi estas la sama afero. 529 00:25:43,420 --> 00:25:52,750 >> Vi povus fari a.foo, kio estus elekti ĉiuj ligiloj kun la klaso foo. 530 00:25:52,750 --> 00:25:58,860 Vi povus fari akran stangon, kiu farus elektu la ligilon kun la ID trinkejo kaj do 531 00:25:58,860 --> 00:25:59,770 ktp ktp. 532 00:25:59,770 --> 00:26:02,120 Ajna CSS selector estas valida jQuery selector. 533 00:26:02,120 --> 00:26:03,370 >> MIKE Rizzo: Jes. 534 00:26:03,370 --> 00:26:07,996 535 00:26:07,996 --> 00:26:11,460 OK, do nun ni enir iomete de manipulado, ke ni povas fari kun 536 00:26:11,460 --> 00:26:12,870 nia jQuery. 537 00:26:12,870 --> 00:26:19,280 Do jQuery havas apartan tipon de skribmaniero, kie ni simple uzos 538 00:26:19,280 --> 00:26:20,170 punkto ĉe la fino. 539 00:26:20,170 --> 00:26:23,340 Kaj vi povas pensi pri tio kiel en C kiel ni havis malsamajn structs. 540 00:26:23,340 --> 00:26:27,110 Kaj iros en tiuj structs, vi farus uzi dot enir ilin. 541 00:26:27,110 --> 00:26:28,480 >> Tio estas, speco de, simila afero. 542 00:26:28,480 --> 00:26:33,570 Nur nun ni havas funkcioj ene de ĉi selector ke ni povas nomi ĝin. 543 00:26:33,570 --> 00:26:38,640 Do jen, la tre unua ekzemplo vi povas vidi estas la CSS selector. 544 00:26:38,640 --> 00:26:45,290 Kaj esence, kion tiu faras, estas ĝi aplikas la unua elemento de CSS al tiu 545 00:26:45,290 --> 00:26:46,230 afero, kiun vi elektis - 546 00:26:46,230 --> 00:26:47,720 tiu elemento kiu vi selektis - 547 00:26:47,720 --> 00:26:49,290 kun la valoro kiu. 548 00:26:49,290 --> 00:26:55,390 >> Tomáš REIMERS: Do facila traduko de ke estus se jQuery, esence, 549 00:26:55,390 --> 00:26:57,790 nur prenis foo. 550 00:26:57,790 --> 00:27:05,480 Kaj tiam en CSS diris, kolora ruĝa kaj proksima. 551 00:27:05,480 --> 00:27:06,670 Ĝi estas la sama ideo. 552 00:27:06,670 --> 00:27:08,800 Kio ĝi estas farata, ĝi estas selektitaj ĉiuj foo elementoj. 553 00:27:08,800 --> 00:27:10,170 Kaj tiam ĝi estas aplikita. 554 00:27:10,170 --> 00:27:15,884 Ordigi de, la propraĵo koloro estas egala al ruĝa. 555 00:27:15,884 --> 00:27:21,070 >> MIKE Rizzo: Simile, ni povas ankaŭ ŝanĝi La efektiva enhavo de kio 556 00:27:21,070 --> 00:27:24,870 montrante sur la HTML de la paĝo, kiun Estas vere malvarmeta, ĉar ĝi signifas via 557 00:27:24,870 --> 00:27:28,095 retpaĝoj povas nun esti tute dinamikajn kaj ne devas esti statikaj 558 00:27:28,095 --> 00:27:31,660 ke vi presi uzante PHP tuj en la komenco de 559 00:27:31,660 --> 00:27:33,320 la paĝon esti ŝarĝitaj. 560 00:27:33,320 --> 00:27:36,810 Do ĉi tie, se oni volis ŝanĝi la efektiva HTML de la paĝo, ni volus nun 561 00:27:36,810 --> 00:27:43,550 vokas la HTML funkcio, kiu tiam nur enmetas ajn ni specifi en 562 00:27:43,550 --> 00:27:45,390 tiu elemento kiun ni elektis. 563 00:27:45,390 --> 00:27:49,810 Do jen ni elektu elemento kun klaso foo kaj tiam dirante estas HTML 564 00:27:49,810 --> 00:27:52,200 ĝi estas nun saluton mondo. 565 00:27:52,200 --> 00:27:55,600 >> Tomáš REIMERS: Kiam vi opinias pri kio estas utila aplikoj de 566 00:27:55,600 --> 00:28:00,800 tiu, ĉi CSS unu, la unua afero, kiun vi povas komenci pensi estas 567 00:28:00,800 --> 00:28:03,070 en terminoj de eĉ elgutigos menuoj. 568 00:28:03,070 --> 00:28:08,350 Vi povus komenci fari tion kiel, kiam uzanto ŝvebas super la supra parto 569 00:28:08,350 --> 00:28:11,970 de guto malsupren, oni volas fari la malsupran parton videbla. 570 00:28:11,970 --> 00:28:12,540 Ĝuste? 571 00:28:12,540 --> 00:28:15,610 >> Do en CSS, ni havas propraĵoj fari ion videbla. 572 00:28:15,610 --> 00:28:19,330 Aĵoj kiel ekrano dupunkto neniu farus nevidebla. 573 00:28:19,330 --> 00:28:21,190 Vidigu bloko farus ĝin videbla. 574 00:28:21,190 --> 00:28:25,860 Aŭ eĉ se vi volas iri pli simpla, vi havi aferojn kiel videbleco egaluloj 575 00:28:25,860 --> 00:28:27,520 videbla, kaj videbleco egalas kaŝitaj. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> Kaj vi povus starti al apliki aferoj kiel dolcxan malsupren menus dekstra 578 00:28:34,780 --> 00:28:38,410 post vi ricevas tra la ideon de kiel ĉu vi povas diveni, kiam tio malfermiĝas, 579 00:28:38,410 --> 00:28:39,850 kiun ni devos trairi tre mallonge. 580 00:28:39,850 --> 00:28:42,160 Sed ni povas komenci vidi aplikoj de ĉi. 581 00:28:42,160 --> 00:28:45,540 En simila senco, se vi estus por provi kaj efektivigu, ni diru, la babilejon 582 00:28:45,540 --> 00:28:48,620 motoro kaj vi volas fari iom parolado bobelo supreniru kiam vi havas 583 00:28:48,620 --> 00:28:52,880 havas novan mesaĝon, iam vi havos la novan mesaĝon, vi povas fari iom 584 00:28:52,880 --> 00:28:55,890 parolado bobelo supreniru ŝanĝante la HTML de la paĝo, dekstre? 585 00:28:55,890 --> 00:29:00,540 Per aldono de tiu ekstra parolado bobelo kun la ekstraj teksto en tie. 586 00:29:00,540 --> 00:29:01,140 Jes? 587 00:29:01,140 --> 00:29:07,750 >> Spektantaro: Do ​​vi devus enmeti ĉi ene la HTML-kodo en ia kiel 588 00:29:07,750 --> 00:29:10,534 [Inaudibles]? 589 00:29:10,534 --> 00:29:12,940 >> MIKE Rizzo: Ĝuste. 590 00:29:12,940 --> 00:29:16,190 Jes, ni ricevos por ke en iomete. 591 00:29:16,190 --> 00:29:18,810 Jes, estas simila a iomete al PHP. 592 00:29:18,810 --> 00:29:21,240 Ne precize simila. 593 00:29:21,240 --> 00:29:24,730 >> Bona distingo fari kion ĉi Efektive oni redaktas dum ni redaktanton 594 00:29:24,730 --> 00:29:28,480 la paĝon ĉar ĝi ne estas tuj estos redaktado de la reala dosiero kiu estas estante 595 00:29:28,480 --> 00:29:31,380 tenis ĉe la servilo pro tio la mondo ne devus havi permeson 596 00:29:31,380 --> 00:29:32,610 redakti viajn dosierojn. 597 00:29:32,610 --> 00:29:36,080 Tiu estas ĝuste redaktado kio estas sur la paĝo kaj kio esti montrata ene 598 00:29:36,080 --> 00:29:36,950 la retumilo. 599 00:29:36,950 --> 00:29:40,340 Do se vi estus al reŝarĝi la paĝon post kiam, diri, viŝante ion kiel ni 600 00:29:40,340 --> 00:29:44,730 Vidu, ni povas fari kun la Elpreni alvoko, ke afero devus tiam reaperas. 601 00:29:44,730 --> 00:29:48,590 >> Tomáš REIMERS: Do unu maniero pensi tio estas, se mi estas via komputilo kaj 602 00:29:48,590 --> 00:29:50,170 Mike estas, speco de, la servilo. 603 00:29:50,170 --> 00:29:53,850 Kio okazos Estas Mi tuj demandi Mike, hey, mi povas havi kopion de 604 00:29:53,850 --> 00:29:54,630 tiu retpaĝo? 605 00:29:54,630 --> 00:29:56,190 Kaj li donos al mi kopion de ĝi. 606 00:29:56,190 --> 00:29:57,430 >> Ne, tio ne estas la originalaj afero. 607 00:29:57,430 --> 00:29:58,620 Estas nur skribmodelo. 608 00:29:58,620 --> 00:30:00,450 Kaj tiam ĝi estus kiel, oh, ne estas JavaScript tie. 609 00:30:00,450 --> 00:30:02,450 Klare, mi devas redakti la pagxo esti kiel ĉi tio. 610 00:30:02,450 --> 00:30:04,250 Kaj mi redaktas vian kopion. 611 00:30:04,250 --> 00:30:05,920 >> Sed tio ne effecting la efektiva kopion. 612 00:30:05,920 --> 00:30:08,480 Kaj se mi petos lin denove refreŝigi la paĝon, - 613 00:30:08,480 --> 00:30:10,060 bona, mi povas havi alian pura kopio - 614 00:30:10,060 --> 00:30:11,440 Li tuj donu al mi alia pura kopio. 615 00:30:11,440 --> 00:30:14,240 Kaj poste, mi faros la samon kiel, oh, tio JS tie kiu diras 616 00:30:14,240 --> 00:30:14,866 redakti ĉi. 617 00:30:14,866 --> 00:30:17,460 Kaj mi tuj daŭre fari tion. 618 00:30:17,460 --> 00:30:20,930 >> MIKE Rizzo: Do ​​vere malvarmeta afero ke vi povas fari kun jQuery estas 619 00:30:20,930 --> 00:30:24,350 efektive aldonu malsamaj tipoj de kuraĝigojn al via paĝo. 620 00:30:24,350 --> 00:30:27,440 Mi ne scias se vi iam vidis kie vi provas kiel plenigi formularon 621 00:30:27,440 --> 00:30:31,250 linio kaj vi ne plenigu tion korekte. 622 00:30:31,250 --> 00:30:33,440 Do iom afero glitas malsupren ĉe la supro kaj diras al vi 623 00:30:33,440 --> 00:30:34,820 ne faris tion ĝuste. 624 00:30:34,820 --> 00:30:36,260 Bonvolu reprovi. 625 00:30:36,260 --> 00:30:37,890 Kaj poste, eble eĉ nur gliti supren. 626 00:30:37,890 --> 00:30:40,710 >> Rezultas jQuery konstruigis en funkcioj kiuj faras ĉiu el tiu 627 00:30:40,710 --> 00:30:44,180 kuraĝigo vere, vere facila. 628 00:30:44,180 --> 00:30:46,750 Do tie estas unue la fade el funkcio, kiu 629 00:30:46,750 --> 00:30:47,710 vi povas voki sur io. 630 00:30:47,710 --> 00:30:55,650 Kaj ĝi estas maniero ŝanĝi la CSS de tiu elemento en vigla maniero. 631 00:30:55,650 --> 00:30:58,480 Do necesas ajn elemento vi nomas ĝin fade out plu. 632 00:30:58,480 --> 00:31:03,990 Kaj poste, malrapide ŝanĝas ĝia opakeco ĝis ĝi iras tute travideblaj. 633 00:31:03,990 --> 00:31:07,330 >> Tomáš REIMERS: La alia populara estas gliti suben, kion faros 634 00:31:07,330 --> 00:31:08,800 io aperas por glitante ĝin malsupren. 635 00:31:08,800 --> 00:31:12,840 Do, en la kazo de la falmenuo, denove, kiam ni lernis kiel detekti 636 00:31:12,840 --> 00:31:15,310 Kiam ĉi tiu estis ŝvebis super, vi povus nur rakonti ĉi malsupro 637 00:31:15,310 --> 00:31:16,910 parton gliti malsupren nun. 638 00:31:16,910 --> 00:31:19,270 Kaj tiam, ĝi aperus per glitante malsupren. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> MIKE Rizzo: Kaj do, se vi nur havas iu tipo de kuraĝigo en menso kiu 641 00:31:26,590 --> 00:31:29,080 jQuery ne nepre provizas. 642 00:31:29,080 --> 00:31:32,690 Ekzemple, ni diru jQuery provizas vin per tobogano 643 00:31:32,690 --> 00:31:33,750 malsupren kaj glito supren. 644 00:31:33,750 --> 00:31:36,740 Nu, ni diras, ke vi volis gliti io en la maldekstra aŭ en de 645 00:31:36,740 --> 00:31:39,880 la dekstra klaso de kiel la CS50 ĉefa paĝo faras kiam ajn 646 00:31:39,880 --> 00:31:42,080 vi iru al nova panelo. 647 00:31:42,080 --> 00:31:45,030 Vi devus tiam probable devas apliki ĝin vi mem uzante la 648 00:31:45,030 --> 00:31:49,310 animi funkcion ene jQuery. 649 00:31:49,310 --> 00:31:51,350 >> Do simile, vi simple animi. 650 00:31:51,350 --> 00:31:55,850 Kaj tiam, en ĝi prenas vortaro de la diversaj valoroj 651 00:31:55,850 --> 00:31:57,340 ke vi supozis tion. 652 00:31:57,340 --> 00:32:06,960 Do ĉi tie, se ni volis animi la elemento foo tia ke ĝia larĝo ĉu 653 00:32:06,960 --> 00:32:10,880 ekspansiiĝas aŭ kontraktojn al 80 rastrumeroj, depende de kio nuntempe estas. 654 00:32:10,880 --> 00:32:14,100 Ni estus nur preterpasonta kiel la argumento en ĝi. 655 00:32:14,100 --> 00:32:18,060 >> Animi ankaŭ havas kelkajn aliajn argumentojn ke vi povus pasi ĝin, ekzemple, 656 00:32:18,060 --> 00:32:21,150 La rapido de la kuraĝigo ke vi volas doni al ĝi. 657 00:32:21,150 --> 00:32:26,220 Kaj fari tion, mi estus nur diru rapide Google jQuery animi. 658 00:32:26,220 --> 00:32:31,710 Kaj tiam, disvastigante tiun paĝon, vi povas vidu'S ricevis faskon da malsamaj 659 00:32:31,710 --> 00:32:33,560 propraĵoj kiuj vi povas pasi ĝin. 660 00:32:33,560 --> 00:32:35,990 >> Kaj mi kuraĝigas vin - kiam ajn vi venos trans ion ke vi ne faru 661 00:32:35,990 --> 00:32:40,390 konas aŭ simple volas lerni pli pri aparta metodo kiun vi povas nomi 662 00:32:40,390 --> 00:32:41,270 sur io - 663 00:32:41,270 --> 00:32:44,440 nur Guglas ĝin. jQuery estas ege bone dokumentita. 664 00:32:44,440 --> 00:32:49,140 Kaj ofte tempoj ekzistas multe da ekzemploj, ke ili provizas por vi. 665 00:32:49,140 --> 00:32:52,470 Se ni rulumu malsupren - 666 00:32:52,470 --> 00:32:53,720 vojo malsupren - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 ke ni povas uzi, kiel bone. 669 00:32:59,190 --> 00:33:02,480 >> Denove, kiam developer reale iras tra la penon skribi 670 00:33:02,480 --> 00:33:05,810 biblioteko, ili tipe volas ke iu uzas ĝin. 671 00:33:05,810 --> 00:33:09,400 Do apud tuj esti dokumentado. 672 00:33:09,400 --> 00:33:12,270 Kaj tiu dokumentado povas kutime esti trovita en la projekto paĝon, kiu estas 673 00:33:12,270 --> 00:33:14,970 kial ni donis al vi ke originala loko en la komenco, kiu ligas vin al la 674 00:33:14,970 --> 00:33:18,080 projekto paĝojn tiel vi povas vidi ke dokumentado. 675 00:33:18,080 --> 00:33:22,670 >> Tipe, la projekto-paĝon en la kazo de [inaudibles], ĝi parolis al vi la 676 00:33:22,670 --> 00:33:23,940 nomoj de la klasoj. 677 00:33:23,940 --> 00:33:27,250 En la kazo de JavaScript, tio donas vi la nomon de la funkcioj. 678 00:33:27,250 --> 00:33:35,310 Parenteze, se ni rulumu supren al la supro, rapida flanko noton sur funkcioj estas 679 00:33:35,310 --> 00:33:39,080 kiam vi vidas funkcio implementado kiel tiu kun la malmola 680 00:33:39,080 --> 00:33:43,800 krampoj en la mezo, kiuj per ke tiu propraĵo estas nedeviga. 681 00:33:43,800 --> 00:33:44,750 Nur kapoj supre. 682 00:33:44,750 --> 00:33:47,350 Mi vidis amason da demandoj pri tio. 683 00:33:47,350 --> 00:33:50,370 >> Do ĉi tie oni povas vidi, ke la animitajn prenas propraĵoj 684 00:33:50,370 --> 00:33:51,800 kiel necesa argumento. 685 00:33:51,800 --> 00:33:54,870 Kaj ĉio alia estas nedeviga. 686 00:33:54,870 --> 00:33:56,136 Flanka noto - 687 00:33:56,136 --> 00:33:58,090 vi povas pensi pri tio, varo de, kiel homo paĝoj. 688 00:33:58,090 --> 00:34:04,275 Viro paĝoj estas dokumentado por C kaj cxar multe da aliaj aferoj, tiel. 689 00:34:04,275 --> 00:34:11,020 >> MIKE Rizzo: Do ​​ni jam lernis kiel ŝanĝi malsamaj CSS sur la paĝo, 690 00:34:11,020 --> 00:34:14,040 animi, kaj forigi aldoni HTML. 691 00:34:14,040 --> 00:34:16,889 Sed unu el la vere plej potenca aferojn pri JavaScript 692 00:34:16,889 --> 00:34:18,270 kaj speciale jQuery - 693 00:34:18,270 --> 00:34:22,570 kio permesas fari estas respondi al malsamajn elementojn kiuj okazas. 694 00:34:22,570 --> 00:34:25,380 Ekzemple, ĉi tie ni havas okazaĵo traktilo. 695 00:34:25,380 --> 00:34:28,210 Kaj tio nur signifas, kiam ajn tio evento okazas, ni manipuli ĝin en 696 00:34:28,210 --> 00:34:29,280 certa maniero. 697 00:34:29,280 --> 00:34:35,159 >> Do jen, la ĝenerala jQuery okazaĵo traktilo estas la skalara plu. 698 00:34:35,159 --> 00:34:42,949 Kaj tiam, la unua afero, kiun vi donis estas kio okazaĵo devus 699 00:34:42,949 --> 00:34:43,810 esti aŭskultante por. 700 00:34:43,810 --> 00:34:45,610 Do ĉi tie, ĝi estas la klako ke ni atendis. 701 00:34:45,610 --> 00:34:49,250 >> Tomáš REIMERS: Alternative, vi havas sur ŝvebado, kiu estas tre populara. 702 00:34:49,250 --> 00:34:52,000 Do reen al mia falmenuo ideo. 703 00:34:52,000 --> 00:34:54,239 Vi havus la plej supra sur ŝvebado. 704 00:34:54,239 --> 00:34:56,096 Kaj tiam vi povus ŝanĝi tion. 705 00:34:56,096 --> 00:34:56,830 >> MIKE Rizzo: Ĝuste. 706 00:34:56,830 --> 00:35:01,680 Kaj tiam, kiam tio okazas, ĝi nur ekzekutu tiun funkcion, ke ni donu al ĝi 707 00:35:01,680 --> 00:35:05,080 kiel argumento kaj ke garde saluton aŭ hi. 708 00:35:05,080 --> 00:35:08,900 >> Tomáš REIMERS: Do, en la kazo de JavaScript, tio estas loko, ni bezonas 709 00:35:08,900 --> 00:35:12,970 forigi nin de C. Ni povas reale preni funkciojn kiel argumentoj. 710 00:35:12,970 --> 00:35:15,940 Kaj ekzistas amaso de vere kompleksa manieroj por fari tion. 711 00:35:15,940 --> 00:35:17,940 Ni iras al promocii unu vojon, kiu estas oni povas difini la 712 00:35:17,940 --> 00:35:19,270 funkcii ĝuste tie. 713 00:35:19,270 --> 00:35:22,540 >> Do, kiam vi petas por funkcio kiel parametro, vi estas esence nur 714 00:35:22,540 --> 00:35:24,500 tuj difini la funkcio surloke. 715 00:35:24,500 --> 00:35:27,090 Kaj la vojon vin difini funkcio en JavaScript estas vi 716 00:35:27,090 --> 00:35:28,820 laŭvorte diras funkcio. 717 00:35:28,820 --> 00:35:30,130 Tiam, kutime, la nomo de la funkcio. 718 00:35:30,130 --> 00:35:32,510 Sed ni neniam tuj referenci ĉi funkcio denove. 719 00:35:32,510 --> 00:35:34,040 Do ni lasos ŝin sen nomo. 720 00:35:34,040 --> 00:35:40,440 >> Tiam la krampoj, tiam la krispa krampoj, kaj poste la kodon ene de tiu. 721 00:35:40,440 --> 00:35:42,540 Do ni komprenas ĉi tedaĵo esti iom konfuza. 722 00:35:42,540 --> 00:35:45,180 Do ni donos al vi la ĝeneralan formon de kia okazaĵo traktilo aspektas kiel 723 00:35:45,180 --> 00:35:47,790 malsupre, kiu estas sur okazaĵoj. 724 00:35:47,790 --> 00:35:50,598 Kaj tiam, via kodo interne tio. 725 00:35:50,598 --> 00:35:52,478 >> MIKE Rizzo: Ĉu ekzistas demandojn pri tio? 726 00:35:52,478 --> 00:35:54,818 Tio povas esti iom malklara la unua fojo vi vidos. 727 00:35:54,818 --> 00:35:57,550 >> Tomáš REIMERS: Vi vere volas malfermi dosieron kaj montri al ili iom 728 00:35:57,550 --> 00:35:58,155 jQuery ĝuste nun? 729 00:35:58,155 --> 00:35:59,853 >> MIKE Rizzo: Jes, ni faru tion. 730 00:35:59,853 --> 00:36:00,256 OK. 731 00:36:00,256 --> 00:36:02,490 >> Tomáš REIMERS: Do nun ni estas en la aparaton. 732 00:36:02,490 --> 00:36:07,730 Kaj kion ni jam faris estas ni faris la libereco de krei samtempe index.html 733 00:36:07,730 --> 00:36:10,100 dosiero, kiu kunligas JavaScript-dosiero. 734 00:36:10,100 --> 00:36:12,880 Kaj ni povas malfermi la - 735 00:36:12,880 --> 00:36:15,170 yeah. 736 00:36:15,170 --> 00:36:16,630 Nu, tio faras du aĵojn. 737 00:36:16,630 --> 00:36:18,350 >> La unua estas ligiloj al la JavaScript-dosiero. 738 00:36:18,350 --> 00:36:21,250 Kaj ni vidos ke ĝis ĉi tie. 739 00:36:21,250 --> 00:36:25,340 Ni vidas, ke en la kapo de la HTML-dokumenton, aparte. 740 00:36:25,340 --> 00:36:28,260 Do vi vidos tie ni, esence, diru SRC, 741 00:36:28,260 --> 00:36:29,590 kio staras por fonto. 742 00:36:29,590 --> 00:36:30,630 Kaj tio estas la retadreso. 743 00:36:30,630 --> 00:36:32,700 >> Do ĉi tie oni povas diri ke ni inkludis jQuery. 744 00:36:32,700 --> 00:36:34,290 Kaj ni ankaŭ inkludis skriptoj. 745 00:36:34,290 --> 00:36:40,630 La alia maniero por inkluzivi JavaScript estas ke vi povas inkludi inline skripton 746 00:36:40,630 --> 00:36:44,600 tag kiel ni havas ĉe la malsupro kie Diras skripto tipo estas teksto JavaScript. 747 00:36:44,600 --> 00:36:46,960 >> Do ni diri, aŭskultu, ni estas pri inkludi skripton. 748 00:36:46,960 --> 00:36:51,890 Kaj la tipo de tiu skripto estas Javascript, kiu estas tipo de teksto. 749 00:36:51,890 --> 00:36:52,550 Tre simpla. 750 00:36:52,550 --> 00:36:56,490 >> MIKE Rizzo: Do ​​tiu, speco de, alvenas al via demando pri kiel ni inkluzivi 751 00:36:56,490 --> 00:37:02,340 Javascript en nia dosierojn ĉar kiam ni estis PHP, ni faru ion kiel ĉi tio. 752 00:37:02,340 --> 00:37:07,570 Kaj tiam, niaj PHP funkcioj - diru akcioj fari 753 00:37:07,570 --> 00:37:09,150 ion kun tiu - 754 00:37:09,150 --> 00:37:10,490 iras tien. 755 00:37:10,490 --> 00:37:13,860 Tamen, nun ni havas la skripto-etikedoj ke ni donu al ĝi, kiuj estas efektive 756 00:37:13,860 --> 00:37:19,470 parto de la HTML mem ĉar ĝi ne estas ŝajnigi esti HTML dosiero ŝatas ĝin 757 00:37:19,470 --> 00:37:25,070 estas en PHP ĉar se vi vere iru en kaj rigardu la fonton de la paĝo, 758 00:37:25,070 --> 00:37:28,430 vi vidos tiujn skripto etikedoj tien kun la Javascript asociita kun 759 00:37:28,430 --> 00:37:29,800 ilin en tio. 760 00:37:29,800 --> 00:37:31,760 >> Tial do, se ni volis skribi iun JavaScript - 761 00:37:31,760 --> 00:37:37,110 ni simple diri, ni volis ŝanĝi korpo ĉar ĝuste nun mi ne havas 762 00:37:37,110 --> 00:37:40,020 iu ajn alia etikedoj ke mi povas vere redakti krom korpo. 763 00:37:40,020 --> 00:37:42,450 Ni nur diras, ke mi volis ŝanĝi la CSS de tiu. 764 00:37:42,450 --> 00:37:46,190 Do ni iru antaŭen kaj ŝanĝo la koloro de ĝi al ruĝa. 765 00:37:46,190 --> 00:37:47,380 >> Do mi savu la dosieron. 766 00:37:47,380 --> 00:37:52,700 Ni reiru al nia retpaĝo, rekalkuli, kaj tio faras ĝin aŭtomate 767 00:37:52,700 --> 00:37:55,920 ĉar ĝi ne ŝajnis kiel ĝi atendis ĉe ĉiuj ĉar ni ne aŭskultas 768 00:37:55,920 --> 00:37:59,450 pro okazaĵo aŭ io kiel tio. 769 00:37:59,450 --> 00:38:02,800 >> Tomáš REIMERS: Do, se ni reiros al tiu dosiero aparte - la HTML 770 00:38:02,800 --> 00:38:04,710 dosiero - kion vi iras vidi estas ni havas - 771 00:38:04,710 --> 00:38:06,810 memori, ke tiu estas ŝarĝita, ia, kronologie. 772 00:38:06,810 --> 00:38:09,910 Do ni devas unue la kapo. ŝarĝas tiuj du dosierojn. 773 00:38:09,910 --> 00:38:10,800 Poste ni iros al la korpo. 774 00:38:10,800 --> 00:38:11,640 Kaj ni vidos saluton mondo. 775 00:38:11,640 --> 00:38:13,030 Do ni redonu saluton mondo. 776 00:38:13,030 --> 00:38:15,240 >> Kaj tiam la lasta afero, kiun ni havas estas ni havas la skripto etikedo. 777 00:38:15,240 --> 00:38:20,880 Do ĝi kuras la skripto tag ĉar ĝi estas Ne rakontante atendi nenion. 778 00:38:20,880 --> 00:38:24,700 Kaj tiu estas la plej baza vojo kuri JavaScript. 779 00:38:24,700 --> 00:38:29,200 >> Kun kiu diris, vi povas meti la skripto etiketoj en la kaplinio nur 780 00:38:29,200 --> 00:38:31,240 por montri ĉi punkto? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 Kaj kuras tio. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 Ni tuj rimarkos ke tio ne ŝanĝas la koloron. 785 00:38:41,070 --> 00:38:44,210 Kaj tio estas unu el la problemoj de Javascript estas ke aferoj estas ŝarĝita 786 00:38:44,210 --> 00:38:45,930 en kronologia ordo. 787 00:38:45,930 --> 00:38:49,750 >> Do, je la tempo, ke tiu kodo kuris, ni selektis - 788 00:38:49,750 --> 00:38:52,530 reiru - 789 00:38:52,530 --> 00:38:53,670 la korpo etikedo. 790 00:38:53,670 --> 00:38:57,560 La korpo etikedo ne ekzistanta ĉar Javascript estas en linio kun HTML. 791 00:38:57,560 --> 00:39:01,790 Do la retumilo estas kiel unuaranga korpo. 792 00:39:01,790 --> 00:39:02,760 Tie estas nenia tia aĵo ankoraŭ. 793 00:39:02,760 --> 00:39:03,600 Do ni povas ignori tion. 794 00:39:03,600 --> 00:39:05,330 Kaj ni plu iri. 795 00:39:05,330 --> 00:39:07,200 >> Kaj tiam ni difini korpo etikedo. 796 00:39:07,200 --> 00:39:09,670 Sed tio neniam gets ĝisdatigita. 797 00:39:09,670 --> 00:39:12,560 Do kiam vi efektivigo skripton etikedoj, certigu vin meti 798 00:39:12,560 --> 00:39:15,502 post la korpo etikedo. 799 00:39:15,502 --> 00:39:16,820 Sekva glito. 800 00:39:16,820 --> 00:39:17,830 >> MIKE Rizzo: okej. 801 00:39:17,830 --> 00:39:19,330 Do ni ŝanĝis ion. 802 00:39:19,330 --> 00:39:21,910 Sed tio tute ne aspektis kiel ĝi respondis al nin ĉe ĉiuj, ĉar ĝi nur speco de 803 00:39:21,910 --> 00:39:24,150 faris ĝin tiel frue kiel ĝi ŝarĝas la paĝon. 804 00:39:24,150 --> 00:39:27,700 Do nun, anstataŭ fari tion, kial cxu ne ni aldonu evento traktilo. 805 00:39:27,700 --> 00:39:31,020 >> Do ni faru ion al la korpo denove. 806 00:39:31,020 --> 00:39:33,490 Kaj ni diras, ke ni faru ĝin - 807 00:39:33,490 --> 00:39:34,500 klaku. 808 00:39:34,500 --> 00:39:35,750 Ni devos aldoni funkcion. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> Tomáš REIMERS: Ni ŝanĝo ĝi estas koloron al ruĝa denove. 811 00:39:39,690 --> 00:39:40,000 Kial ne? 812 00:39:40,000 --> 00:39:41,680 >> MIKE Rizzo: Jes, ni ŝanĝo ĝia 'koloron al ruĝa denove. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 Ĉiuj pravas. 815 00:39:46,900 --> 00:39:48,480 Do ni reŝarĝi la paĝon. 816 00:39:48,480 --> 00:39:49,530 OK, ni vidas - 817 00:39:49,530 --> 00:39:52,290 kiel atendita, ne rezultas ruĝa ankoraŭ. 818 00:39:52,290 --> 00:39:53,610 Sed tiam ni povas iri antaŭen kaj alklaku ĝin. 819 00:39:53,610 --> 00:39:54,270 >> Tomáš REIMERS: Kaj ĝi turni ruĝa. 820 00:39:54,270 --> 00:39:56,090 >> MIKE Rizzo: Kaj jes turni ruĝa kiel atendita. 821 00:39:56,090 --> 00:39:59,010 >> Tomáš REIMERS: Kaj ni povas vidi kiel Ni povas komenci konstrui tre baza 822 00:39:59,010 --> 00:40:00,170 interago. 823 00:40:00,170 --> 00:40:03,850 Aliaj aferoj ni volus fari estas, se ni ne volas fari la korpon 824 00:40:03,850 --> 00:40:07,230 kolora ruĝa, ni faru la HTML fonkoloro ruĝa. 825 00:40:07,230 --> 00:40:08,480 Ĝuste tiel ĝi estas la sama CSS. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> Kaj kiam ni ŝanĝas ĝin, ni povas vidi ĉi tre drama efiko de ŝanĝi la 828 00:40:23,320 --> 00:40:25,510 tuton de la paĝo. 829 00:40:25,510 --> 00:40:29,100 Do denove, se vi efektivigo aferojn, vi povas havi unu komponanto 830 00:40:29,100 --> 00:40:30,150 kio estas intencita al esti alklakita. 831 00:40:30,150 --> 00:40:32,710 Diru al Eliro butonon kaj tutan alia komponanto, 832 00:40:32,710 --> 00:40:33,830 kio estas intencita por respondi. 833 00:40:33,830 --> 00:40:35,755 Do vi devus forigi fenestron kiam tiu okazas. 834 00:40:35,755 --> 00:40:39,341 835 00:40:39,341 --> 00:40:40,700 >> MIKE Rizzo: okej. 836 00:40:40,700 --> 00:40:42,200 Nur kiel ekzemplo - 837 00:40:42,200 --> 00:40:44,400 vi ne alvenis al vidi ĉi pli frue - 838 00:40:44,400 --> 00:40:47,500 Mi nur montros al vi kion ĝi aspektas plaĉas kiam oni kaŝis ion. 839 00:40:47,500 --> 00:40:52,220 Do mi devos iri antaŭen kaj ne gliti supren. 840 00:40:52,220 --> 00:40:54,440 >> Tomáš REIMERS: Volas wrap ke en alineo tipo antaŭ ol ni faras tion? 841 00:40:54,440 --> 00:40:55,132 >> MIKE Rizzo: okej. 842 00:40:55,132 --> 00:40:59,135 Jes, kial ni ne faru tion ĝuste tiel ni povas elekti ĝin iom pli. 843 00:40:59,135 --> 00:41:00,490 >> Tomáš REIMERS: Kaj ni donu ŝin al klaso. 844 00:41:00,490 --> 00:41:01,740 >> MIKE Rizzo: Jes. 845 00:41:01,740 --> 00:41:06,575 846 00:41:06,575 --> 00:41:09,920 OK, do ni vidu. 847 00:41:09,920 --> 00:41:14,820 Anstataŭ elektante la efektiva korpo nun, mi nur elekti ĉiun kun 848 00:41:14,820 --> 00:41:18,780 klaso saluton, kiuj ĉi tie ni nur unu aferon. 849 00:41:18,780 --> 00:41:20,900 Do ni ne devas zorgu pri tio. 850 00:41:20,900 --> 00:41:23,080 >> Do mi devos refreŝigi ĝin. 851 00:41:23,080 --> 00:41:24,230 Mi iru antaŭen kaj alklaku ĝin. 852 00:41:24,230 --> 00:41:27,890 Kaj tio, ia, faris bizara slide supren afero, kiu ne aspektas ke 853 00:41:27,890 --> 00:41:29,580 alloga. 854 00:41:29,580 --> 00:41:31,060 Ĝenerale, ili aspektas bela agrabla. 855 00:41:31,060 --> 00:41:32,720 Mi divenas, tiu - por iuj kialo - ne. 856 00:41:32,720 --> 00:41:36,640 Mi nur faras fade out tiom vi povas rigardi ke tro. 857 00:41:36,640 --> 00:41:38,100 Multe pli bela. 858 00:41:38,100 --> 00:41:41,150 >> Kaj poste, se mi malfermos la Javascript konsoli denove kaj ni volas vidi, kion 859 00:41:41,150 --> 00:41:43,900 Ĝi aspektas kiel kiam ni forvelki it in 860 00:41:43,900 --> 00:41:46,920 Nu, mi simple vokas forvelki sur ĝi. 861 00:41:46,920 --> 00:41:48,830 Kaj ĝi velkas re-ensalutu 862 00:41:48,830 --> 00:41:56,150 >> Simile, ni povus efektive ankaŭ pasas argumento por forvelki aŭ fade out, 863 00:41:56,150 --> 00:41:57,640 kio estas, speco de, la rapido de ĝi. 864 00:41:57,640 --> 00:42:02,220 Do ni iru antaŭen kaj diras, ke ni volas lin iri malrapide forvelki in 865 00:42:02,220 --> 00:42:04,250 Do mi supozas ke ankoraŭ similis bela rapida. 866 00:42:04,250 --> 00:42:06,180 Sed estis pli malrapida ol antaŭe. 867 00:42:06,180 --> 00:42:10,340 >> Tomáš REIMERS: Se vi volas trovi pli pri ĉi tiuj aferoj, denove, 868 00:42:10,340 --> 00:42:13,410 nur iri al la jQuery dokumentado, kiun ni donis al vi, kaj legu 869 00:42:13,410 --> 00:42:13,735 tra tiuj. 870 00:42:13,735 --> 00:42:15,790 Ili dokumentas siajn funkciojn nekredeble bone. 871 00:42:15,790 --> 00:42:18,622 872 00:42:18,622 --> 00:42:19,570 >> MIKE Rizzo: okej. 873 00:42:19,570 --> 00:42:21,560 Do mi supozas ni revenu al tio. 874 00:42:21,560 --> 00:42:23,490 Kaj ni povas paroli pri nia lasta paĝo. 875 00:42:23,490 --> 00:42:24,690 Nu, ni povas fini kun Bootstrap. 876 00:42:24,690 --> 00:42:27,140 Kaj tiam ni devos malfermi ĝin por kelkaj demandoj. 877 00:42:27,140 --> 00:42:30,180 Kaj se vi uloj havas neniun ideoj kiuj vi ŝatus provi ĵeti supren, kaj vidu 878 00:42:30,180 --> 00:42:34,150 se ni povas apliki ilin kun Javascript rapide. 879 00:42:34,150 --> 00:42:37,890 >> Do vere rapide pri Bootstrap, kiuj estis aŭtomate inkluzivita en 880 00:42:37,890 --> 00:42:41,700 via lasta problemo metita en la CSS-dosierujo kaj reale ligita al en via 881 00:42:41,700 --> 00:42:43,190 header.PHP. 882 00:42:43,190 --> 00:42:46,740 Do vi povus esti aldonita klasoj kiuj estas difinita ene Bootstrap al ĝi. 883 00:42:46,740 --> 00:42:50,490 Kaj tio estus aŭtomate styled tiuj aferoj laŭe. 884 00:42:50,490 --> 00:42:54,550 >> Tomáš REIMERS: Do Bootstrap estas tre magia afero estas kreita de la homo 885 00:42:54,550 --> 00:42:55,340 ĉe Twitter. 886 00:42:55,340 --> 00:42:57,230 Kaj kion ĝi signifis fari estis - 887 00:42:57,230 --> 00:43:00,740 antaux retejoj estis vere malfacile fari aspektas bela, precipe kiam ni havis 888 00:43:00,740 --> 00:43:02,200 multe da komunaj eroj. 889 00:43:02,200 --> 00:43:04,770 Do multe da butonoj en la retejo rigardis la sama. 890 00:43:04,770 --> 00:43:08,960 >> Multa teksto kampoj povas esti farita al aspektas pli bone ol la norma teksto 891 00:43:08,960 --> 00:43:13,620 kampo vi probable scias el vere malnovaj retejoj aŭ vere malbone farita 892 00:43:13,620 --> 00:43:18,210 TTT-ejoj, kiuj apenaŭ aspektas kiel laŭvorta teksto skatoloj sen ajna formo de teksto 893 00:43:18,210 --> 00:43:21,190 ombro aŭ ia ajn bela konturo. 894 00:43:21,190 --> 00:43:24,540 Do kio Bootstrap faris estis ĝi diris, estas bone, Ni havas multon komunan stiloj. 895 00:43:24,540 --> 00:43:28,210 Kial ni ne faru unu komuna aro de CSS kaj komuna aro de JavaScript kiel 896 00:43:28,210 --> 00:43:32,210 nu, kio povas stiligi ĝin kiel estas kaj kio povas doni homoj aĵojn kiel guto 897 00:43:32,210 --> 00:43:34,610 malsupren menus, kiu povas doni al homoj aĵoj kiel modals. 898 00:43:34,610 --> 00:43:38,580 >> Modala estas kion popoj super la paĝon kiam ajn ĝi estas strikte parolante 899 00:43:38,580 --> 00:43:41,090 io, kiu detenas plui interago ĝis vi 900 00:43:41,090 --> 00:43:43,110 interagas kun ĝi. 901 00:43:43,110 --> 00:43:45,820 Io kiel ĉi tio, ĉu vi certas vi volas forigi ĉi tiun aĵon? 902 00:43:45,820 --> 00:43:49,100 Vi ne povas vere fari ion alian ĝis vi diros jes aŭ ne. 903 00:43:49,100 --> 00:43:52,720 >> Necesis ĉion ĉi kaj tio pakitaj ĝi kune kaj diris: ĉi tie ni iru. 904 00:43:52,720 --> 00:43:54,630 Homoj povas nun uzi ĉi. 905 00:43:54,630 --> 00:43:56,830 Kaj vi povas trovi ĝin sur ĉe getbootstrap.com. 906 00:43:56,830 --> 00:44:00,480 Ĝi aŭtomate inkludas ene via lasta problemo metita. 907 00:44:00,480 --> 00:44:04,160 Kaj vi estas pli ol bonvenaj uzi ĝin en via fina projekto. 908 00:44:04,160 --> 00:44:06,950 Kaj se vi volas sekvi tiun ligas akiri Bootstrap. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> Vi vidos tie estas la Bootstrap CSS-ejo. 911 00:44:15,700 --> 00:44:16,860 Vi vidos Bootstrap. 912 00:44:16,860 --> 00:44:20,450 Kaj se vi rulumu suben, vi vidos kiel elŝuti ĝin, kiel 913 00:44:20,450 --> 00:44:21,900 instali ĝin, kaj tiel plu. 914 00:44:21,900 --> 00:44:24,700 >> MIKE Rizzo: Kaj vi povas ankaux, Interese, personecigi ĝin 915 00:44:24,700 --> 00:44:27,770 estos ajn specon de temoj ke vi deziras. 916 00:44:27,770 --> 00:44:31,270 Mi scias, ke estas io mi faris por mia fina projekto, kiam mi prenis la klaso 917 00:44:31,270 --> 00:44:32,050 Estis personigi ĝin. 918 00:44:32,050 --> 00:44:34,540 Malsama versio de Bootstrap ke havis malsaman koloron skemo kaj 919 00:44:34,540 --> 00:44:36,700 diversaj formoj de iu malsamaj aferoj. 920 00:44:36,700 --> 00:44:38,250 Mi do kuraĝigas vin ludi kun tio. 921 00:44:38,250 --> 00:44:39,440 Ĝi estas speco de amuze fari. 922 00:44:39,440 --> 00:44:43,230 >> Tomáš REIMERS: Rigardante tra la supron denove, ĝi estas tre simila al la Tiparo 923 00:44:43,230 --> 00:44:44,970 Awesome ejo. 924 00:44:44,970 --> 00:44:47,810 Multa dokumentado komenciĝos ŝajni simila kiam vi havas 925 00:44:47,810 --> 00:44:48,940 vidis sufiĉe de ĝi. 926 00:44:48,940 --> 00:44:51,260 Do ĉi tie ni havas la CSS komponanto de ĉi. 927 00:44:51,260 --> 00:44:53,540 Kaj vi vidos kiel gxi povas stiligi aferojn. 928 00:44:53,540 --> 00:44:56,780 Do, se vi klakas sur la tabeloj, por ekzemplo, vi povas tuj fari 929 00:44:56,780 --> 00:45:01,710 tablo bela per simple aldonante la klaso tablo al ĝi. 930 00:45:01,710 --> 00:45:03,150 >> Sama por cxi butonoj. 931 00:45:03,150 --> 00:45:12,140 Se vi simple aldonu la klaso BTN kaj BTN default aŭ BTN primara, vi povas 932 00:45:12,140 --> 00:45:16,240 akiri iun el tiuj butonoj kun tiuj antaŭ-farita stiloj. 933 00:45:16,240 --> 00:45:18,570 Kaj tiam, se vi serĉas ion pli kompleksa ol simple 934 00:45:18,570 --> 00:45:24,100 restyling kion w jam havas, trans la Javascript langeto trans la supro ni 935 00:45:24,100 --> 00:45:25,120 havas faskon de komponantoj. 936 00:45:25,120 --> 00:45:30,410 >> Do ĉi tie ni havas transiroj, modals, dropdowns, taboj kaj konsiletojn. 937 00:45:30,410 --> 00:45:35,530 A tooltip estas kion popoj supren sub via muso, kiam vi ŝvebi je io. 938 00:45:35,530 --> 00:45:40,280 Popovers, garde, butonoj, faldeblan akordionoj estas kion 939 00:45:40,280 --> 00:45:41,190 ili estas kutime nomata. 940 00:45:41,190 --> 00:45:43,045 Carousels, kiu flip tra kiel bildoj. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> Do tiuj estas la komponantoj de Bootstrap. 943 00:45:54,840 --> 00:45:57,620 Mi kuraĝigas vin tre iru rigardi ilin. 944 00:45:57,620 --> 00:46:01,780 Tie estas JavaScript komponanto kaj CSS komponanto. 945 00:46:01,780 --> 00:46:03,880 Sentu vin libera uzi ilin kiel vi volas. 946 00:46:03,880 --> 00:46:06,730 Ni ne tuj iru tro multe en ilin ĉar ni sentas la dokumentado 947 00:46:06,730 --> 00:46:09,360 estas vere bone farita. 948 00:46:09,360 --> 00:46:10,540 Kaj jes. 949 00:46:10,540 --> 00:46:14,500 Ĉu vi havas ajnajn demandojn pri tio? 950 00:46:14,500 --> 00:46:19,430 >> MIKE Rizzo: Do ​​kiel estas vere rapida flanko, la dezajno de ĉi tiu retpaĝo, ke 951 00:46:19,430 --> 00:46:21,830 Ni rapide kunmetis por tiu prezento estas 952 00:46:21,830 --> 00:46:24,290 efektive farita uzante Bootstrap. 953 00:46:24,290 --> 00:46:27,810 Kiel vi povas vidi, kiam oni klaku sur tiuj malsamaj langetoj, ni neniam vere 954 00:46:27,810 --> 00:46:30,750 lasante tiun fluon index.html paĝo. 955 00:46:30,750 --> 00:46:36,400 Do kion ni havas estas malsamaj divs ene de ĉi index.html. 956 00:46:36,400 --> 00:46:39,610 Kaj tiam, kiam ni alklakas malsamajn langeton, ĝi estas ĵus ŝanĝanta 957 00:46:39,610 --> 00:46:41,590 kiun onia ekmontrigxo. 958 00:46:41,590 --> 00:46:47,390 >> Do ĝi laŭe positions ilin, ŝanĝu la HTML de la paĝo, por ke 959 00:46:47,390 --> 00:46:52,330 la nunan langeton estas markita kiel aktiva tiom aperas malsame kaj rigardojn 960 00:46:52,330 --> 00:46:52,820 vere bela. 961 00:46:52,820 --> 00:46:57,260 >> Tomáš REIMERS: Por ke la tuto farita sen ni skribas preskaŭ ajnan CSS. 962 00:46:57,260 --> 00:47:01,440 Ni ankaŭ vidas kaplinio trans la supron, kiu la koloroj estas per ni. 963 00:47:01,440 --> 00:47:04,800 Sed la efektiva metante ĝin sur la supro de la paĝo kaj farante 964 00:47:04,800 --> 00:47:06,660 ĝi skribrulaĵon estis Bootstrap. 965 00:47:06,660 --> 00:47:09,720 Kaj tiam eĉ por alia biblioteko - tiu ne estas unu parolis pri nur unu 966 00:47:09,720 --> 00:47:11,580 vi povas Guglas se vi volas. 967 00:47:11,580 --> 00:47:15,130 Tio nomiĝas prettify.js. 968 00:47:15,130 --> 00:47:20,650 Kaj tio estos la sintaksan kolorigon via kodo cxar vi uzas ambaŭ CSS kaj Javascript. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> La lasta afero ni volas paroli pri antaŭ ol ni liberigos vin en la 971 00:47:27,070 --> 00:47:30,620 mondo rigardi bibliotekoj elkompreni kiel uzi ilin kaj, espereble, 972 00:47:30,620 --> 00:47:34,640 legu dokumentaron kaj trovu kion vi bezono estas kiel trovi bibliotekoj. 973 00:47:34,640 --> 00:47:37,000 Do la unua estas ke ni estas apenaŭ tuj puŝi Google. 974 00:47:37,000 --> 00:47:37,810 Iru al Google. 975 00:47:37,810 --> 00:47:41,150 >> Tio laŭvorte kion ni faros kiam ni bezonas fari ion estas ni Google. 976 00:47:41,150 --> 00:47:44,730 Is there a JavaScript biblioteko kiu mi permesas manipuli tempon en 977 00:47:44,730 --> 00:47:45,400 utila maniero? 978 00:47:45,400 --> 00:47:49,510 Do, se mi scias ke kelkaj uzantoj kreis konton tie, kaj tio estas la 979 00:47:49,510 --> 00:47:53,010 nuna tempo, kiom mi povas kalkuli la malsamojn kompare kun tio, sen devi 980 00:47:53,010 --> 00:47:55,020 kalkuli mem? 981 00:47:55,020 --> 00:47:59,630 Do tiu estas efektive komunan aferon, Javascript tempo biblioteko. 982 00:47:59,630 --> 00:48:02,440 Kaj tie ni Moment.js-- la plej populara. 983 00:48:02,440 --> 00:48:06,530 >> Se ni bezonas bibliotekon por manipuli iu kiel koloro por povi 984 00:48:06,530 --> 00:48:08,650 generi faskon de hazarda koloroj - 985 00:48:08,650 --> 00:48:10,660 eble, por generi stilo aŭ io - 986 00:48:10,660 --> 00:48:13,480 ni povis Guglas iu kiel Javascript koloro biblioteko. 987 00:48:13,480 --> 00:48:15,620 Kaj mi certas ni pop kun mil kaj unu el ili. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 Vi plene rajtas tralegi ilin. 990 00:48:21,410 --> 00:48:24,610 >> Do plej aferoj - kiam vi trovos ilin - iras esti loĝigita en unu el la 991 00:48:24,610 --> 00:48:25,920 ejoj kiujn gastiganto kodo. 992 00:48:25,920 --> 00:48:26,960 Ili estas kelkaj popularaj. 993 00:48:26,960 --> 00:48:30,870 La plej popularaj, per nun, estas github.com. 994 00:48:30,870 --> 00:48:35,300 Kaj se vi iros al GitHub ĝi estas reale kie normaligi estis gastigita. 995 00:48:35,300 --> 00:48:36,950 Do se vi volas reiri al tiu. 996 00:48:36,950 --> 00:48:38,135 Montru ilin ke. 997 00:48:38,135 --> 00:48:40,516 >> MIKE Rizzo: Kaj tio estas efektive kie tio estas loĝigita tro, se vi rimarkis. 998 00:48:40,516 --> 00:48:41,000 >> Tomáš REIMERS: Jes. 999 00:48:41,000 --> 00:48:49,078 Do, se vi transiras, por normaligi kaj iru al la GitHub. 1000 00:48:49,078 --> 00:48:51,936 Ĉu estas kiu? 1001 00:48:51,936 --> 00:48:54,620 >> MIKE Rizzo: Tio kateto afero Estas la GitHub simbolo. 1002 00:48:54,620 --> 00:48:56,330 >> Tomáš REIMERS: Ho. 1003 00:48:56,330 --> 00:49:02,180 Do GitHub uzas metodon nomitan Git al vendejo kodo. 1004 00:49:02,180 --> 00:49:05,150 Ĉu vi ne scias, kio tio estas aŭ ĝi timigas vin, ke estas bone. 1005 00:49:05,150 --> 00:49:16,100 Vi ne bezonas scii kion Git estas ĉar GitHub havas Elŝutu butono 1006 00:49:16,100 --> 00:49:17,200 ĉe la malsupro pravas. 1007 00:49:17,200 --> 00:49:21,350 >> La alia utila afero scii pri GitHub estas plej produktoj 1008 00:49:21,350 --> 00:49:23,200 havos legas min. 1009 00:49:23,200 --> 00:49:25,400 Kaj se ili ne havas retpaĝon, la legu mi reparolos pri tio, kiel vi 1010 00:49:25,400 --> 00:49:28,310 instali ĝin, kiel vi uzas ĝin, kio faras, kaj tiel plu, kaj tiel plu, kaj tiel plu. 1011 00:49:28,310 --> 00:49:31,033 Kion ni esence estis promenante vi tra. 1012 00:49:31,033 --> 00:49:32,326 >> MIKE Rizzo: Interreto La lasi. 1013 00:49:32,326 --> 00:49:34,020 >> Tomáš REIMERS: Tio estas bone. 1014 00:49:34,020 --> 00:49:36,980 La lastaj du aferoj ni volis paroli pri - 1015 00:49:36,980 --> 00:49:38,750 Ni parolis pri Git - 1016 00:49:38,750 --> 00:49:40,290 Estas troubleshooting. 1017 00:49:40,290 --> 00:49:43,020 Kaj ĉi tiu ne estas tiel gravaj por La fina produkto kiel ĝi estas 1018 00:49:43,020 --> 00:49:44,870 kiam vi lasos 50. 1019 00:49:44,870 --> 00:49:48,310 Kaj kiam vi kuros en produktoj efektivigo bibliotekoj aŭ efektivigo 1020 00:49:48,310 --> 00:49:50,230 via propra projekto, vi tuj havi demandojn aŭ vi estas 1021 00:49:50,230 --> 00:49:51,660 iri por serĉi demandoj. 1022 00:49:51,660 --> 00:49:53,060 >> Denove, Guglas ĝin. 1023 00:49:53,060 --> 00:49:54,630 Tio laŭvorte kion ni faros. 1024 00:49:54,630 --> 00:49:56,400 Tiu tuj sonos stulta. 1025 00:49:56,400 --> 00:49:58,310 Sed laŭvorte, ni Guglas ĝin. 1026 00:49:58,310 --> 00:50:01,810 Kaj cetere, unu el la unuaj aferoj vi kutime kolizii estas 1027 00:50:01,810 --> 00:50:06,550 stackoverflow.com, kio estas mirinda demandon kaj respondon vidpovon. 1028 00:50:06,550 --> 00:50:10,530 >> Estas mirinda tiel ĉar vi povas sendi al la demandoj kaj serĉi 1029 00:50:10,530 --> 00:50:12,760 respondoj sed ankaŭ ĉar gxi jam havas multajn 1030 00:50:12,760 --> 00:50:14,590 pre-popolita enhavo tie. 1031 00:50:14,590 --> 00:50:18,510 Do kutime kiam vi Guglas programado demando ene de la unua 1032 00:50:18,510 --> 00:50:22,620 paro batas vi eble jam kuras en ĝin dum via problemo aroj. 1033 00:50:22,620 --> 00:50:27,840 >> Kaj tiam, la lasta vere mallonga afero Estas JSFIDDLE, kiu estas - hodiaŭ ni 1034 00:50:27,840 --> 00:50:32,110 estis faranta multe da laboro kun Javascript HTML CSS. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE estas ttt app, kiu esence permesas preni viajn HTML, VIAJ 1036 00:50:39,820 --> 00:50:42,820 Javascript malsupro maldekstro, kaj vian CSS supre dekstre. 1037 00:50:42,820 --> 00:50:47,840 Kaj tiam ĝi povas krei rapidajn redonu de ĝi kaj vidi kiel ĝi interagas. 1038 00:50:47,840 --> 00:50:50,500 Ĝi estas tre utila, kiam oni provas fari pruvo de koncepto kiel 1039 00:50:50,500 --> 00:50:52,910 jen kiel vi volas fari falmenuo. 1040 00:50:52,910 --> 00:50:54,980 Eble rapidan malkovri aŭ kio ajn. 1041 00:50:54,980 --> 00:50:56,560 >> MIKE Rizzo: Do ​​ni iru antaŭeniris kaj klaku ĉi. 1042 00:50:56,560 --> 00:50:57,820 Rapida noto - 1043 00:50:57,820 --> 00:51:00,430 dum, antaŭ ni estis faranta je alklako. 1044 00:51:00,430 --> 00:51:04,380 Rezultas JCorey Koreio havas ankaŭ konstruita en klako eventa traktilo ke 1045 00:51:04,380 --> 00:51:07,020 uzas nur ĉar ĝi figuras vi estas tuj volas fari multon 1046 00:51:07,020 --> 00:51:08,410 kiam vi volas klaku ion. 1047 00:51:08,410 --> 00:51:09,690 >> Simile, tio ankaŭ havas ŝvebado. 1048 00:51:09,690 --> 00:51:12,850 Sed por ricevi la plenan atingon de tiuj, rigardu la jQuery 1049 00:51:12,850 --> 00:51:15,320 dokumentado kaj agu. 1050 00:51:15,320 --> 00:51:18,760 Mi faris iom stulta tie. 1051 00:51:18,760 --> 00:51:21,490 >> Tomáš REIMERS: Do mi havas vere rapida programo ĝuste ĉi tie, kion diras 1052 00:51:21,490 --> 00:51:22,640 butono sur klako. 1053 00:51:22,640 --> 00:51:23,890 Tiam ni havas por buklo. 1054 00:51:23,890 --> 00:51:26,810 Por i estas malpli ol 404. 1055 00:51:26,810 --> 00:51:29,530 Ĝi estas ĝuste tuj pop up tiuj garde mesaĝoj. 1056 00:51:29,530 --> 00:51:33,425 >> MIKE Rizzo: Kaj kio estis la kodo 404 staris en HTML? 1057 00:51:33,425 --> 00:51:34,145 Ĉu iu memoras? 1058 00:51:34,145 --> 00:51:35,450 Ne troviĝas, dekstre. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 Chrome ankaŭ aldonis ĉi neta afero, kie vi povas - 1061 00:51:40,885 --> 00:51:43,430 >> Tomáš REIMERS: Pro homo kiel Mike komencis fari ĉi tiun multe kaj 1062 00:51:43,430 --> 00:51:47,230 ĝena uzantoj, kiu permesas vi vidi informoj. 1063 00:51:47,230 --> 00:51:48,286 >> MIKE Rizzo: Jes. 1064 00:51:48,286 --> 00:51:50,690 >> Tomáš REIMERS: Ĉu ni havas demandojn pri tiu, pri JavaScript 1065 00:51:50,690 --> 00:51:53,420 bibliotekoj, trovante bibliotekoj, aŭ kio ttt evoluo rigardojn 1066 00:51:53,420 --> 00:51:55,400 kiel en la reala mondo? 1067 00:51:55,400 --> 00:51:56,880 Ni kuras kontraux tempo. 1068 00:51:56,880 --> 00:52:00,400 Do mi ne certas ni iras havi tempon por apliki 1069 00:52:00,400 --> 00:52:02,290 krom se ĝi estas vere rapida. 1070 00:52:02,290 --> 00:52:04,580 Ĉu ni bonon? 1071 00:52:04,580 --> 00:52:08,110 >> MIKE Rizzo: Anything you guys ŝatus vidi vere rapidis, kiel, du 1072 00:52:08,110 --> 00:52:09,556 minutoj aux malpli? 1073 00:52:09,556 --> 00:52:10,870 >> Tomáš REIMERS: Anything Ni povas klarigi? 1074 00:52:10,870 --> 00:52:12,500 Kiel skribi en - 1075 00:52:12,500 --> 00:52:13,260 >> Spektantaro: [inaudibles]? 1076 00:52:13,260 --> 00:52:16,070 >> MIKE Rizzo: Jes, do that's - 1077 00:52:16,070 --> 00:52:18,065 >> Tomáš REIMERS: Vi povas nur bati Kontrolo-Aŭ en la paĝo. 1078 00:52:18,065 --> 00:52:19,275 >> MIKE Rizzo: Ho, mi ne sciis tion. 1079 00:52:19,275 --> 00:52:22,290 >> Tomáš REIMERS: mi pensas, jes. 1080 00:52:22,290 --> 00:52:23,300 Kontrolo-U. Jes. 1081 00:52:23,300 --> 00:52:25,970 >> MIKE Rizzo: Oh, tiom tio estas la kodo por la retejo. 1082 00:52:25,970 --> 00:52:29,580 Sed se vi efektive volas elŝuti niajn dosieroj kaj ĉio, ĝi estas loĝigita 1083 00:52:29,580 --> 00:52:32,650 sur github.com 1084 00:52:32,650 --> 00:52:34,850 >> Tomáš REIMERS: oblikvo mia nomo - 1085 00:52:34,850 --> 00:52:38,504 Tomas Reimers - oblikvo CS50 streketo seminario. 1086 00:52:38,504 --> 00:52:40,710 >> MIKE Rizzo: Kaj vi povas trovi ĉiun tie. 1087 00:52:40,710 --> 00:52:42,310 >> Tomáš REIMERS: Jen kion GitHub aspektas kiel, dum la vojo. 1088 00:52:42,310 --> 00:52:44,910 Do denove, kiam vi vidos malfermita fonto projekto, tipe, ili devos esti legitaj 1089 00:52:44,910 --> 00:52:45,950 Mi ekzistas, ke vi povas legi. 1090 00:52:45,950 --> 00:52:50,200 Kaj se vi reiros, vi rimarkos, ke vi havas la elŝuta zip, kiu volas, 1091 00:52:50,200 --> 00:52:52,130 vi permesas elŝuti la fonto kodo por inkludi la 1092 00:52:52,130 --> 00:52:53,666 produkto en via propra afero. 1093 00:52:53,666 --> 00:52:56,890 >> MIKE Rizzo: Jes, kaj se ni simple klaku sur la index.html vere rapide - 1094 00:52:56,890 --> 00:52:59,180 >> Tomáš REIMERS: Vi vidos ĉi tie estas la fontkodon por nia retejo. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> MIKE Rizzo: Ankaŭ, mi forgesis premi dekstra antaŭe kun la granda tablo 1097 00:53:06,070 --> 00:53:09,860 inkluzivita, sed estas ankaux tablo de chmods ke ni inkludis 1098 00:53:09,860 --> 00:53:13,210 nur pro via klareco. 1099 00:53:13,210 --> 00:53:16,940 Sed se ni rulumu tutan vojon malsupren al la fundo, ni ne vere faras tre 1100 00:53:16,940 --> 00:53:21,160 tre kun la Javascript frandajxojn cxe cxiuj kun tio. 1101 00:53:21,160 --> 00:53:26,610 Ĝi estas ekskluzive el ĉio alie, ke ni havis. 1102 00:53:26,610 --> 00:53:28,730 >> Do dankon infanoj por veni kaj aŭskultante. 1103 00:53:28,730 --> 00:53:29,830 Ni esperas ke tiu estis vere helpemaj. 1104 00:53:29,830 --> 00:53:33,020 Se vi havas ajnan JavaScript rilatajn demandojn aux nur volas paroli pri 1105 00:53:33,020 --> 00:53:36,240 kio alia kiel kion aliaj cool aferoj vi povas fari per JavaScript, ni amus 1106 00:53:36,240 --> 00:53:37,186 paroli kun vi. 1107 00:53:37,186 --> 00:53:40,010 >> Tomáš REIMERS: Se vi havas demandon pri via projekto, aŭ se tio povas esti 1108 00:53:40,010 --> 00:53:42,740 adekvata, ni probable algluita ĉirkaŭe iom post tio. 1109 00:53:42,740 --> 00:53:44,640 Sed alia ol tio, havi bonan semajnfinon. 1110 00:53:44,640 --> 00:53:45,845 >> MIKE Rizzo: Jes, ĝui. 1111 00:53:45,845 --> 00:53:46,120 See you guys. 1112 00:53:46,120 --> 00:53:47,370 >> Tomáš REIMERS: See ya. 1113 00:53:47,370 --> 00:53:47,926