1 00:00:00,000 --> 00:00:00,127 2 00:00:00,127 --> 00:00:01,210 DAVID J. MALAN: Ondo da. 3 00:00:01,210 --> 00:00:02,160 Itzuli gara. 4 00:00:02,160 --> 00:00:05,810 Beraz, azken saio honen helburua da gutxi batzuen kontzeptu gehiago behar dira 5 00:00:05,810 --> 00:00:09,290 baina, aldi berean, denek eman aukera bat mota luzatzeko hatzekin 6 00:00:09,290 --> 00:00:11,270 eta benetan zerbait apur bat eskuak-on. 7 00:00:11,270 --> 00:00:13,897 Helburua ez da buelta Gurekin guztiak web garatzaileek sartu 8 00:00:13,897 --> 00:00:16,230 edozein bitarteko, baina benetan besterik arabera zuk zenbait zaporea emateko 9 00:00:16,230 --> 00:00:21,750 zer oinarrizko eraikuntzen du Web programazioa eta gaur web doa 10 00:00:21,750 --> 00:00:23,980 garapena, hain gauza alde estatikoa 11 00:00:23,980 --> 00:00:26,660 ez logika, programazio ez hizkuntza, besterik eduki estatikoa. 12 00:00:26,660 --> 00:00:29,660 Eta aukera emango da gurekin benetan ikusi zer web zerbitzari bat da, 13 00:00:29,660 --> 00:00:34,140 ikusi HTML fitxategi bat zer da, zer ikusi da HTTP benetan zerbitzatu. 14 00:00:34,140 --> 00:00:38,600 Baina murgiltze dugu, atzera begirako edozein aurretik buruzko cloud computing galderak 15 00:00:38,600 --> 00:00:43,922 edo Utzi ezer artean? 16 00:00:43,922 --> 00:00:44,890 >> No? 17 00:00:44,890 --> 00:00:47,181 Ondo da, ondo, dezagun Horretarako, badaezpada 18 00:00:47,181 --> 00:00:49,680 erregistratzeagatik prozesua Zerbait minutu gutxi batzuk irauten. 19 00:00:49,680 --> 00:00:51,221 utzi egingo dugu, egin da atzealdean. 20 00:00:51,221 --> 00:00:56,860 Anima zaitez, ahal izango banu, URL hau hemen c9.io. den 21 00:00:56,860 --> 00:01:02,810 Hau hirugarrenen da service-- plataforma zerbitzu gisa, duzu Borondate bada 22 00:01:02,810 --> 00:01:05,190 hori gonbidatzen joan sinatzeko kontu bat da, 23 00:01:05,190 --> 00:01:08,650 eta nik zuetako bakoitzak ematen joan kontua deiturikoak hodei batean 24 00:01:08,650 --> 00:01:11,330 norbaiten azpiegitura, enpresa bat Cloud9 deitu. 25 00:01:11,330 --> 00:01:13,350 Baina zer da buruz nice hau da emango dutela 26 00:01:13,350 --> 00:01:15,990 baten hurbilketa bat Benetako mundu real-garapena 27 00:01:15,990 --> 00:01:18,530 ingurumena, nahiz in the hodei eta web nabigatzaile batean, 28 00:01:18,530 --> 00:01:21,175 eta hau erabiliko dugu benetan behar esperimentazio pixka bat gaur. 29 00:01:21,175 --> 00:01:27,116 30 00:01:27,116 --> 00:01:30,260 Eta gero aurrera eta besterik nabigatu Zure bide-seinale prozesua ra 31 00:01:30,260 --> 00:01:32,630 ahal izango banu. 32 00:01:32,630 --> 00:01:36,080 Beraz, hau erabili klase gertatuko dugu irakasteko gure ikasle guztientzat dut, 33 00:01:36,080 --> 00:01:39,140 bai campusean eta orain off, eta Honez ordezkatu zer historikoki 34 00:01:39,140 --> 00:01:41,390 bestela deskargagarria software zen. 35 00:01:41,390 --> 00:01:44,620 Beraz, zer sarbidea irabazten ari zinen makina birtual horietako bat da, 36 00:01:44,620 --> 00:01:46,460 funtsean, hori lehenago deskribatu dut. 37 00:01:46,460 --> 00:01:50,260 Beraz, enpresa hau Cloud9 ziurrenik Hirugarren party-- bat, hain zuzen ere errentak 38 00:01:50,260 --> 00:01:52,760 Kasu honetan, Google-- osotasunean Makina birtualak sorta 39 00:01:52,760 --> 00:01:56,500 hori nolabait txikitu dute gora sartu zerbitzariak banakako ilusioa 40 00:01:56,500 --> 00:01:58,610 Gutako bakoitzak kontrol osoa baino gehiago ditu. 41 00:01:58,610 --> 00:02:01,640 Ez da nahiko zehatza esatea Oraindik dutela makina birtualak, 42 00:02:01,640 --> 00:02:04,550 nahiz eta, baita zer Cloud9 benetan erabiltzen 43 00:02:04,550 --> 00:02:07,570 teknologia zertxobait berriagoa da containerization deitu. 44 00:02:07,570 --> 00:02:13,150 Eta utzi irudi hau hartu me Hemen argazki hau margotzeko. 45 00:02:13,150 --> 00:02:16,540 >> edukiontzi bat da, bada Irudian gogoratzen duzu 46 00:02:16,540 --> 00:02:19,900 lehenago, apur bat arinagoak batetik pisua makina birtual bat baino. 47 00:02:19,900 --> 00:02:22,090 Izan ere, azken aldiz, denbora ez buruz hitz egin dugu 48 00:02:22,090 --> 00:02:25,170 eragile bat izatea sistema eta hypervisor 49 00:02:25,170 --> 00:02:28,260 eta, ondoren, sistema eragile, gonbidatu sistema eragilea, eragile 50 00:02:28,260 --> 00:02:30,940 sistema, gainean zure hardware fisiko, 51 00:02:30,940 --> 00:02:33,740 berriagoak honekin aldea teknologia, containerization, 52 00:02:33,740 --> 00:02:37,290 da ziren denak nolabait partekatzen duten sistema eragilea bera. 53 00:02:37,290 --> 00:02:39,970 Baina oraindik ere sortu dute denek ilusioa 54 00:02:39,970 --> 00:02:44,590 bere kabuz esklusiboa izatea administratiboak eta fitxategiak 55 00:02:44,590 --> 00:02:45,400 zerbitzarian. 56 00:02:45,400 --> 00:02:48,230 Baina han ere software gutxiago duzu eta hardware artean. 57 00:02:48,230 --> 00:02:52,260 zein emaitza da, in teoria, goi-mailako errendimendua bat, 58 00:02:52,260 --> 00:02:55,470 erabiltzen ari delako edo baliabide gutxiago alferrik galtzen 59 00:02:55,470 --> 00:02:57,360 Hori birtualizazio geruza deiturikoak. 60 00:02:57,360 --> 00:02:59,420 Beraz, hau deitzen da containerization naturak 61 00:02:59,420 --> 00:03:02,920 Docker izeneko teknologia baten bidez, eta hori asko bere kabuz sartu da. 62 00:03:02,920 --> 00:03:05,086 Eta hau zerbait da hori zure enpresako ingeniariek 63 00:03:05,086 --> 00:03:08,610 baliteke motatako moduko hasteko hizketan buruz laster ez badute dagoeneko, 64 00:03:08,610 --> 00:03:11,590 ez dago zalantzarik, nahiz eta ez arrazoia edozein bandwagons salto. 65 00:03:11,590 --> 00:03:15,410 >> Beraz, esan zuen, zer Ziurrenik ikusiko duzu orain 66 00:03:15,410 --> 00:03:22,670 pantaila bat pixka bat honen itxura duen da. 67 00:03:22,670 --> 00:03:23,170 ONDO DA. 68 00:03:23,170 --> 00:03:25,260 Eta besterik ez deitu dit baino ez bada. 69 00:03:25,260 --> 00:03:27,440 Eta esaidazu badut egunean joango ez bada. 70 00:03:27,440 --> 00:03:30,244 Anima zaitez eta egin klik big dagoela plus laneko area bat sortzeko, 71 00:03:30,244 --> 00:03:31,660 eta honen antzeko pantaila bat ikusiko duzu. 72 00:03:31,660 --> 00:03:35,020 laneko dei dezakezu izendatzeko ezer oraingoz nahi. 73 00:03:35,020 --> 00:03:38,660 Eta besterik benetan sinpletasunagatik, go -Nik bai, batzuk 74 00:03:38,660 --> 00:03:39,660 dagoeneko laneko areak. 75 00:03:39,660 --> 00:03:47,050 Deitu edozein dela ere negozio want-- duzu, Harvard, osteguna, edozein dela ere gustatuko litzaidake. 76 00:03:47,050 --> 00:03:48,800 Zuk ez duzu deskribapen bat behar. 77 00:03:48,800 --> 00:03:52,380 pribatu utz dezakezu, ez baduzu behintzat dagoeneko laneko areak mordo bat. 78 00:03:52,380 --> 00:03:55,280 behartuta bada ari publikoa egin, hori da gaur egungo helburuetarako fina. 79 00:03:55,280 --> 00:03:56,750 Hemen ere, upsells bat da. 80 00:03:56,750 --> 00:03:59,939 Laneko area pribatua banan lortuko duzu lehenetsia. Baina gehiago nahi izanez gero, 81 00:03:59,939 --> 00:04:00,980 gehiago ordaindu behar duzu. 82 00:04:00,980 --> 00:04:02,870 Bestela, behartuko dute Zure lan publikoak egiteko. 83 00:04:02,870 --> 00:04:05,600 Baina hori fina delako, gainera, helburu hau open-source komunitateen at 84 00:04:05,600 --> 00:04:07,700 jendea animatzen den benetan elkarlanean aritzeko. 85 00:04:07,700 --> 00:04:10,699 >> Eta azken gauza hori da garrantzitsua, ordea, ez da, aukeratu duzun izen bat ondoren 86 00:04:10,699 --> 00:04:17,140 eta pribatu edo publikoen aukeratu ondoren, Ezkutatu HTML5, big laranja ikonoa 87 00:04:17,140 --> 00:04:22,430 Ezkerretik hasita bigarrena, eta ondoren, sakatu Sortu Workspace. 88 00:04:22,430 --> 00:04:24,580 Eta seguruenik izango da hartu minutu bat edo, beraz, 89 00:04:24,580 --> 00:04:26,540 baina gero egingo duzu bat ingurumena, behin duzu 90 00:04:26,540 --> 00:04:30,544 ez, hori itxura gogorarazten zer izan pantailan Hemen naiz orain. 91 00:04:30,544 --> 00:04:33,210 Baina, berriro ere, minutu bat iraun dezake edo gehiagori pantaila hau eskuratu 92 00:04:33,210 --> 00:04:34,770 nahi gabe klik egiten duzunean, behin Sortu Workspace. 93 00:04:34,770 --> 00:04:37,936 Baina besterik bandera nautenek me nahi izanez gero ezer edo aholkatzeko begirada bat hartu. 94 00:04:37,936 --> 00:04:40,191 95 00:04:40,191 --> 00:04:40,690 Ados. 96 00:04:40,690 --> 00:04:42,390 Beraz, atzeko honetan noa oraingoz. 97 00:04:42,390 --> 00:04:44,260 Call me baino gehiago badirudi baduzu zailtasun tekniko dute. 98 00:04:44,260 --> 00:04:46,210 Baina, berriro ere, behar izan ditzakeela noiz irekiko den pixka. 99 00:04:46,210 --> 00:04:49,570 Eta dezagun aurrera eta hitz egiteko zer benetan esan nahi du web orri bat egiteko, 100 00:04:49,570 --> 00:04:52,780 zer HTML da, eta nola hori guztia orain lotzen dugu hasten ari den bezala 101 00:04:52,780 --> 00:04:54,730 benetan erabili teknologia batzuk. 102 00:04:54,730 --> 00:04:58,310 Beraz bihurtzen da, ahal dudan hori Nire Mac gutxi joan hemen, 103 00:04:58,310 --> 00:05:01,650 izeneko programa sinple bat irekitzeko TextEdit, edo Windows I Could 104 00:05:01,650 --> 00:05:04,480 Zerbait open notepad.exe deitu. 105 00:05:04,480 --> 00:05:08,260 Eta besterik ezin dut besterik egin zerbait Halako "Kaixo, mundua." bezalako 106 00:05:08,260 --> 00:05:12,020 Eta, ondoren, hau gorde izan nuen bezala hello.txt Beraz, magia ez dago. 107 00:05:12,020 --> 00:05:15,200 Hau ez dituzten web egin du programazioa, ezer HTML egin. 108 00:05:15,200 --> 00:05:16,790 Just testu fitxategi soil sortzeko. 109 00:05:16,790 --> 00:05:20,600 Baina bihurtzen da web bat duten Orri literalki besterik ez da hori. 110 00:05:20,600 --> 00:05:24,020 simple testu fitxategia testu bat da, baliteke duzula zure teklatua ean idatzi, 111 00:05:24,020 --> 00:05:30,070 baina normalean, baina ez beti Amaieran ere ez .txt baina .html edo .htm. 112 00:05:30,070 --> 00:05:32,050 Eta ez duzu besterik Fitxategiaren hitz idatzi. 113 00:05:32,050 --> 00:05:35,280 benetan daukazu izeneko gauza erabili etiketa edo, oro har, zerbait 114 00:05:35,280 --> 00:05:37,190 markaketa lengoaia deitzen. 115 00:05:37,190 --> 00:05:40,510 >> Beraz, ez dut oso azkar idazten joan eta, ondoren, azaldu honako hau. 116 00:05:40,510 --> 00:05:42,290 lehen noa idatz hau, eta horrek dio, 117 00:05:42,290 --> 00:05:45,730 beno, nabigatzailea, hemen dator bat Web orria HTML idatzita. 118 00:05:45,730 --> 00:05:51,850 Eta bi gauza horiek elkarrekin esatea, beno, nabigatzailea, honako hau da hain zuzen ere, HTML. 119 00:05:51,850 --> 00:05:55,790 Hey, nabigatzailea, hemen dator burua edo nire orriaren goialdean. 120 00:05:55,790 --> 00:05:59,900 Hey, nabigatzailea, goian barrutik Nire orria, hau da, "kaixo izenburu bat jarri, 121 00:05:59,900 --> 00:06:01,610 mundua ". 122 00:06:01,610 --> 00:06:08,370 Hey, nabigatzailea, buru ondoren nire Orri, hemen Orri nire gorputza dator. 123 00:06:08,370 --> 00:06:12,170 Eta, beno, nabigatzailea, gorputza nire Orri ere esan behar, "kaixo mundua". 124 00:06:12,170 --> 00:06:15,500 Beraz, zer dira garrantzizko xehetasunak hemen? 125 00:06:15,500 --> 00:06:17,960 Hau da, zer da, oro har, doc-mota deklarazio bat deitu, 126 00:06:17,960 --> 00:06:20,190 eta, Egia, apur bat da gogor hau memorizatzeko lehen. 127 00:06:20,190 --> 00:06:21,481 You mota besterik kopiatu-itsatsi. 128 00:06:21,481 --> 00:06:23,760 Hau modu formal da , Hey esaten du, nabigatzailea, 129 00:06:23,760 --> 00:06:28,030 HTML 5 bertsioa erabiltzen dut bertan atera zen zertxobait berriki. 130 00:06:28,030 --> 00:06:31,380 incantation magiko bat batzuk hori da diseinua zentzu txarreko gizakiak 131 00:06:31,380 --> 00:06:33,640 erabaki at jarri Oso fitxategia goialdean. 132 00:06:33,640 --> 00:06:35,473 da, nahiz eta bat arcane txiki, hori da dena 133 00:06:35,473 --> 00:06:38,250 esan nahi da, beno, nabigatzailea, hemen 5 bertsioa HTML of dator. 134 00:06:38,250 --> 00:06:41,741 >> honen gainerako gurekin izan da denbora pixka bat orain, historikoki, 135 00:06:41,741 --> 00:06:44,740 baina izan da eboluzionatzen, eta da Ziurrenik dira apur bat errazagoa lortzean. 136 00:06:44,740 --> 00:06:47,320 Iragarki ezaugarri gutxi batzuk zer nabarmenduko dut. 137 00:06:47,320 --> 00:06:49,890 Ez dago angeluarekin gauza horiek brackets-- ezkerreko parentesia 138 00:06:49,890 --> 00:06:51,040 eta eskuineko parentesirik. 139 00:06:51,040 --> 00:06:52,490 Eta konturatu simetria hemen. 140 00:06:52,490 --> 00:06:57,340 Eta simetria arabera, esan nahi dut, besterik ez bezala I hasiera-etiketa honetan hemen edo tag irekia dute 141 00:06:57,340 --> 00:07:01,560 izango bada, behera hemen bat dut itxi etiketa edo tag amaieran bat hori da, 142 00:07:01,560 --> 00:07:06,460 ezberdinak bakarrik neurrian duelako hitzaren hasieran barra 143 00:07:06,460 --> 00:07:07,360 HTML. 144 00:07:07,360 --> 00:07:09,360 Eta pentsa dezakezu hau kasualitatez nengoenez 145 00:07:09,360 --> 00:07:12,280 aurretik proposatuz, beno, nabigatzailea, hemen HTML batzuk dator. 146 00:07:12,280 --> 00:07:16,060 Eta, alderantziz, beno, nabigatzailea, hori da the HTML hasiera eta amaiera da. 147 00:07:16,060 --> 00:07:18,440 >> Bien bitartean, beno, nabigatzailea, hemen Orri nire burua dator. 148 00:07:18,440 --> 00:07:20,140 Hey, nabigatzailea, hori da burua. 149 00:07:20,140 --> 00:07:22,240 Hey, nabigatzailea, hemen da Orri nire gorputza. 150 00:07:22,240 --> 00:07:24,020 Hey, nabigatzailea, hori da gorputzarentzat. 151 00:07:24,020 --> 00:07:26,940 Eta barrutik dela zenbait oraingoz testu arbitrarioa. 152 00:07:26,940 --> 00:07:30,520 Eta buruaren barruan, bere aldetik, arbitrarioa baina etiketa batzuk, 153 00:07:30,520 --> 00:07:34,410 nolabait esateko, testu hori dio, titulua Orri nire izanen "Kaixo, mundua." 154 00:07:34,410 --> 00:07:37,470 Orain, oraingoz, ahal duzun suposatuko nabigatzaile 155 00:07:37,470 --> 00:07:41,762 only-- dute edo, hobeto esanda, web orri bat ere bi bakarrik Burua eta gorputza piezak. 156 00:07:41,762 --> 00:07:44,220 Eta burua da, oro har, menu bar bezala, gauzak 157 00:07:44,220 --> 00:07:45,510 Benetan, besterik gabe, oso goian. 158 00:07:45,510 --> 00:07:48,910 Eta gorputza orri tripak da, laukizuzen handi hori guztia 159 00:07:48,910 --> 00:07:50,239 Hori da, pantaila bete. 160 00:07:50,239 --> 00:07:51,780 Beraz, aurrera noa eta hau egin dut. 161 00:07:51,780 --> 00:07:54,400 Aurrera joan nintzen joan eta klik Gorde, gorde fitxategia. 162 00:07:54,400 --> 00:07:58,580 Eta ez naiz gorde joan hau hello.html bezala, 163 00:07:58,580 --> 00:08:00,870 eta besterik ez dut joan jarri nire mahaigainean. 164 00:08:00,870 --> 00:08:03,520 Eta naiz joango gara Animatu eta sakatu Gorde. 165 00:08:03,520 --> 00:08:05,806 Eta nabarituko nire Mac batean Gutxienez da niri yelling. 166 00:08:05,806 --> 00:08:07,180 Ziur zaude hori egin nahi duzula? 167 00:08:07,180 --> 00:08:08,710 Eta ez dut, esateko baietz, erabili HTML joan. 168 00:08:08,710 --> 00:08:10,400 kasu honetan hobeto ezagutzen dut. 169 00:08:10,400 --> 00:08:14,686 Eta orain, nire mahaigaina joan noa non fitxategi hori daukat, bat-batean. 170 00:08:14,686 --> 00:08:16,060 Eta ez dut egin klik bikoitza egingo da. 171 00:08:16,060 --> 00:08:18,268 Eta hori nabarituko duzu, arabera Lehenespenez, Chrome ireki zuen. 172 00:08:18,268 --> 00:08:19,996 Hori da, hori delako nire nabigatzailea lehenetsia. 173 00:08:19,996 --> 00:08:21,370 Eta esaten du, besterik gabe, "kaixo, mundua." 174 00:08:21,370 --> 00:08:23,078 Baina dio "kaixo, Mundu "bi lekuetan. 175 00:08:23,078 --> 00:08:23,979 Iragarki goiko ezkerreko. 176 00:08:23,979 --> 00:08:25,020 Nahiko zaila hori galdu nahi. 177 00:08:25,020 --> 00:08:26,180 Handi eta lodia da. 178 00:08:26,180 --> 00:08:30,690 Eta non bestela ez dirudi esateko, "kaixo, mundua"? 179 00:08:30,690 --> 00:08:31,470 >> Ikusleak: fitxa. 180 00:08:31,470 --> 00:08:33,100 >> DAVID J. MALAN: Bai, fitxa bera. 181 00:08:33,100 --> 00:08:35,159 Beraz, buru esan dut Orri guztia eman goialdean dago 182 00:08:35,159 --> 00:08:36,367 eta hain zuzen ere, hau da izenburua. 183 00:08:36,367 --> 00:08:37,710 Besterik ez da fitxa hemen ere. 184 00:08:37,710 --> 00:08:40,320 Eta fitxa hau egin dezakezu tira I out beraz, ez da nahastu. 185 00:08:40,320 --> 00:08:43,360 Honek fitxa bakar bat besterik ez da orain, eta hain zuzen ere, ikusten dugu "kaixo, mundua" 186 00:08:43,360 --> 00:08:45,970 hemen eta "kaixo, mundua" behera hemen. 187 00:08:45,970 --> 00:08:47,160 Beraz, nahiko erraza. 188 00:08:47,160 --> 00:08:49,050 Baina, gainera, nahiko erraza da. 189 00:08:49,050 --> 00:08:50,440 Eta, egia esan, handitutako dut. 190 00:08:50,440 --> 00:08:53,272 letra-tamaina besterik aldatu ahal dut irisgarritasuna da handitu. 191 00:08:53,272 --> 00:08:56,830 Baina gaur egun ez zerbait apur bat gehiago interesgarri. 192 00:08:56,830 --> 00:08:59,760 >> go-- den whoops, utzi noa atzera me nire testu-fitxategi bat. 193 00:08:59,760 --> 00:09:02,400 atzera noa nire testu fitxategi eta noa I 194 00:09:02,400 --> 00:09:06,320 hau aldatzeko eta esan "Kaixo, Disney World". 195 00:09:06,320 --> 00:09:07,970 Save. 196 00:09:07,970 --> 00:09:10,919 Eta itzuli nire nabigatzailea eta sakatu birkargatzeko momentuan. 197 00:09:10,919 --> 00:09:12,710 Eta orain, jakina, dio "Disney World". 198 00:09:12,710 --> 00:09:15,500 Eta ez dut artifizialki handiagotu joan Beraz, besterik ere errazago ikusten da. 199 00:09:15,500 --> 00:09:19,012 Beraz, gaur egun, zoritxarrez, I mota nahi zaie egia esan, hori Mac ezaugarri bat da. 200 00:09:19,012 --> 00:09:21,720 Disney World klik nahi dut eta joan nonbait disney.com bezala, 201 00:09:21,720 --> 00:09:23,290 baina horrek ez du funtzionatzen. 202 00:09:23,290 --> 00:09:26,850 Beraz, web oinarrizko printzipio bat da hiperestekak, joan nonbait dagoela loturak. 203 00:09:26,850 --> 00:09:28,390 Beraz, nola egin behar dut? 204 00:09:28,390 --> 00:09:34,690 Beno, besterik ezin dut esan, "Kaixo, http://www.disney.com." 205 00:09:34,690 --> 00:09:36,110 Gorde honetan. 206 00:09:36,110 --> 00:09:37,620 Birkargatu. 207 00:09:37,620 --> 00:09:39,400 Baina honetan ere, ez klikagarri. 208 00:09:39,400 --> 00:09:42,930 Eta zer polita hemen, nahiz eta hau ez dabil oraindik, 209 00:09:42,930 --> 00:09:45,930 dela dirudi hori dela nabigatzaileak literalki Ez 210 00:09:45,930 --> 00:09:46,950 zer esaten dut egin. 211 00:09:46,950 --> 00:09:50,110 Beraz, I idatzi besterik ez bada, URL bat hau bezalako, besterik ez da niretzat erakusten URL joan. 212 00:09:50,110 --> 00:09:54,270 etiketa edo markaketa erabili behar dut hizkuntza benetan esango 213 00:09:54,270 --> 00:09:55,621 nabigatzailea are gehiago egin. 214 00:09:55,621 --> 00:09:57,870 Beraz, aurrera noa joan eta ezabatu honek une bat. 215 00:09:57,870 --> 00:10:00,980 Eta ez dut esango, beno, nabigatzailea, aingura bat hasteko hemen, 216 00:10:00,980 --> 00:10:02,650 lotura bat nolabait esateko. 217 00:10:02,650 --> 00:10:07,500 Eta hiper-erreferentzia, helmuga aingura hori, URL hau izan beharko luke. 218 00:10:07,500 --> 00:10:08,750 Eta nabarituko nire komatxo. 219 00:10:08,750 --> 00:10:11,590 Komatxo erabili izan dut, gehiegi, baina koherentea izan behar duzu, 220 00:10:11,590 --> 00:10:14,270 eta, oro har, besterik erabili dut Komatxoen simple mantentzeko. 221 00:10:14,270 --> 00:10:16,820 Iragarki etiketa itxi noa. 222 00:10:16,820 --> 00:10:21,160 Eta gero, hara noa Esan, "Disney World". 223 00:10:21,160 --> 00:10:26,890 Eta orain symmetry-- batzuk behar dut parentesia ireki, / a, parentesia itxi. 224 00:10:26,890 --> 00:10:28,090 >> Beraz, zer egin dut sartu? 225 00:10:28,090 --> 00:10:30,100 Izan dugu gutxi etiketa bat dagoeneko. 226 00:10:30,100 --> 00:10:32,410 HTML, Head, Titulua, Gorputza dira etiketa guztiak, nolabait esateko, 227 00:10:32,410 --> 00:10:34,280 kontrako irekia eta itxia. 228 00:10:34,280 --> 00:10:36,530 Baina oharra, hau da, ordenatu funtsean ezberdinak. 229 00:10:36,530 --> 00:10:39,140 Hau da, zer deitu dugu HTML atributu bat. 230 00:10:39,140 --> 00:10:41,451 Eta atributua da besterik gako-balio bikote bat. 231 00:10:41,451 --> 00:10:43,950 Hau gauza komun bat da ordenagailu science-- gako-balioa bikotea. 232 00:10:43,950 --> 00:10:45,770 merkataritza-tresna moduko bat da. 233 00:10:45,770 --> 00:10:47,040 gakoa eta balio bat. 234 00:10:47,040 --> 00:10:49,390 Hitz bat eta, ondoren, zenbait beste hitza edo hitzak. 235 00:10:49,390 --> 00:10:53,790 Eta, kasu honetan, gakoa href da, eta balio URL osoa dela. 236 00:10:53,790 --> 00:10:57,890 Eta zer atributu bat egiten da Etiketa baten portaera eragina. 237 00:10:57,890 --> 00:11:01,010 Eta, kasu honetan, eragin behar dugu Etiketa aingura portaera, 238 00:11:01,010 --> 00:11:04,140 to ainguratzeko behar dugulako nonbait lotura honetan. 239 00:11:04,140 --> 00:11:06,960 Eta nola hori da egin duzu atributuaren bidez. 240 00:11:06,960 --> 00:11:08,970 >> Beraz, aurrera noa joan eta gorde fitxategia orain. 241 00:11:08,970 --> 00:11:11,300 Joan nire nabigatzailea eta Berritze itzuli. 242 00:11:11,300 --> 00:11:14,580 Eta, voila, orain ditugun zilegizko web orri bat hasieratik. 243 00:11:14,580 --> 00:11:18,420 Super-erraza da, baina I pasatzean bada baino gehiago beheko-ezkerreko izkinan Halako oharra, 244 00:11:18,420 --> 00:11:19,830 super-txikia da. 245 00:11:19,830 --> 00:11:21,730 Baina ikusi www.disney.com egin duzu. 246 00:11:21,730 --> 00:11:27,076 Eta klik badut, hain zuzen ere, hau whisks me disney.com kanpoan. 247 00:11:27,076 --> 00:11:29,380 Orain, gauza bitxi Hemen da ez dela 248 00:11:29,380 --> 00:11:33,940 gehien merkaturatzekoak URL best--, baina Hori fina fitxategi hau ez dituelako 249 00:11:33,940 --> 00:11:35,360 World Wide Web existitzen. 250 00:11:35,360 --> 00:11:39,740 existitzen itxuraz ere fitxategi lokal bat bezala da Nire erabiltzaileak, direktorioa / jharvard-- 251 00:11:39,740 --> 00:11:41,890 John Harvard-- / desktop da. 252 00:11:41,890 --> 00:11:42,634 Baina URL du. 253 00:11:42,634 --> 00:11:43,800 gertatzen da tokiko izateko. 254 00:11:43,800 --> 00:11:47,050 Zoritxarrez, zuetako inor bisitatu ahal hau, baita idazten duzun URL hau bada, 255 00:11:47,050 --> 00:11:49,980 Kontatu behar duzuna zure nabigatzailean, izeneko fitxategi hello.html bat bilatzeko 256 00:11:49,980 --> 00:11:50,772 zure disko gogorrean. 257 00:11:50,772 --> 00:11:53,271 Eta, jakina, ez daukazu ezean Hurrengo ek batera eskuz, 258 00:11:53,271 --> 00:11:54,530 Ez da ez da existitzen joan. 259 00:11:54,530 --> 00:11:55,190 >> Beraz, hori da isuna. 260 00:11:55,190 --> 00:11:57,815 Oraindik bide bat behar dugu, azken finean, Fitxategi hau lortzeko, web sartu, 261 00:11:57,815 --> 00:12:01,180 baina dezagun aurre gain, pare bat segurtasun inplikazio zer dugu besterik 262 00:12:01,180 --> 00:12:04,850 ikusi eta lotzeko atzera lehenago arte goizean eztabaida. 263 00:12:04,850 --> 00:12:08,200 Bihurtzen da, bat bada nabigatzaileak literalki besterik ez du 264 00:12:08,200 --> 00:12:12,560 zer esaten dut egin, eta badirudi Kasu hori aingura tag bat da izango da 265 00:12:12,560 --> 00:12:17,380 eragina balioaren arabera attribute izeneko href honetan 266 00:12:17,380 --> 00:12:20,810 baina hau bistaratzen da testua, hau badirudi litzateke 267 00:12:20,810 --> 00:12:26,520 URL jarri izan dut esan nahi den bi lekuetan eta, ondoren, berriro kargatzeko 268 00:12:26,520 --> 00:12:29,100 eta orain ikusten URL eta URL joan. 269 00:12:29,100 --> 00:12:32,680 Oharra, I pasatzean beheko-ezkerreko baino gehiago bada, hain zuzen ere, naiz oraindik joan disney.com izateko. 270 00:12:32,680 --> 00:12:38,340 >> Beraz, bada inoiz egon bada phished-- P-H-I-S-H-E-D-- 271 00:12:38,340 --> 00:12:42,820 akastunak emailak horietako batekin PayPal zure bankuaren batetik, 272 00:12:42,820 --> 00:12:46,470 Ziurrenik duzun ahaztuak loturak barruan e-posta hori irakurtzen ari zaren of 273 00:12:46,470 --> 00:12:49,970 kontatzen klik hemen duzu confirm joan Zure pasahitza edo zure jaioteguna berretsi 274 00:12:49,970 --> 00:12:53,840 edo gizarte edo zerbait sozialki duzu ingeniaritzako dizkio 275 00:12:53,840 --> 00:12:54,920 Informazio. 276 00:12:54,920 --> 00:12:57,625 Beno, mota izan dut hartu honen abantaila, ezin izan dut? 277 00:12:57,625 --> 00:13:01,240 Zerbait esan izan dut bezala, www.paypal.com. 278 00:13:01,240 --> 00:13:11,340 Eta horren ordez disney.com, I ezin, behar bezala, badguy.com joan. 279 00:13:11,340 --> 00:13:12,850 Birkargatu. 280 00:13:12,850 --> 00:13:16,620 Eta nola erraza da dupe da, batez ere, irakurlea ez-tekniko bat 281 00:13:16,620 --> 00:13:20,649 edo gaingiroki irakurtzen irakurleari sakatu baino 282 00:13:20,649 --> 00:13:23,940 hau bezalako lotura, deitu klik badut Egia esan, ez dut nahi joan badguy.com. 283 00:13:23,940 --> 00:13:25,398 Ez dakit zer da benetan bertan. 284 00:13:25,398 --> 00:13:30,080 Beraz paypal.com, abisua da zer esaten da, joan den, 285 00:13:30,080 --> 00:13:33,210 baina, jakina, behera begiratu nuen bada super-baxua, pixka bat lausoak da, 286 00:13:33,210 --> 00:13:34,230 baina esaten du badguy.com. 287 00:13:34,230 --> 00:13:38,644 Hori da, bakarrik esango oraintxe Naiz dela leku oker joan. 288 00:13:38,644 --> 00:13:41,560 Eta noiz esan dut lehenago banku benetan behar ez animatzen edo prestatzea 289 00:13:41,560 --> 00:13:44,510 erabiltzaile klik eginez lotura bezala, hau da manifestazio bat besterik ez da. 290 00:13:44,510 --> 00:13:45,430 Eta hori erraza da. 291 00:13:45,430 --> 00:13:48,120 Orain zaude aurkariarekiko bat bada Honen antzeko zerbait egin duzu 292 00:13:48,120 --> 00:13:51,000 eta saiatu erabiltzaile batek engainatu zure web bisitatzen sartu. 293 00:13:51,000 --> 00:13:53,320 Baina orain, jarraituko dugu Gauza polita eta garbia. 294 00:13:53,320 --> 00:13:55,640 Aurrera joan goaz eta aldaketa horiek atzeratzeko. 295 00:13:55,640 --> 00:13:56,530 Berritu orria. 296 00:13:56,530 --> 00:13:57,740 Eta disney.com atzera egin nuen. 297 00:13:57,740 --> 00:14:00,660 >> ikusi ahal izango dugu, ez bada tease Utzi hau aparte apur bat gehiago. 298 00:14:00,660 --> 00:14:04,160 Beraz, "kaixo, Disney World". 299 00:14:04,160 --> 00:14:05,950 behera hemen esan nahi dut. 300 00:14:05,950 --> 00:14:08,220 Agian ez naiz gela batzuk egiteko. 301 00:14:08,220 --> 00:14:12,730 "Zure egonaldia gozatzeko aukera izatea espero dugu!" 302 00:14:12,730 --> 00:14:13,830 Save. 303 00:14:13,830 --> 00:14:15,850 Birkargatu. 304 00:14:15,850 --> 00:14:19,010 Ez da rea-- hori ez da zer nahi nuen, ezta? 305 00:14:19,010 --> 00:14:21,870 Esan nahi dut, nire testu I tratatzeko ari bada Testu-prozesadore bat bezala fitxategian, 306 00:14:21,870 --> 00:14:24,894 zer egin hemen gertatuko litzateke espero duzu? 307 00:14:24,894 --> 00:14:27,060 Bai, han bezala sentitzen dut lerro-jauzi bat izan behar du hemen, 308 00:14:27,060 --> 00:14:28,799 beraz, buggy sentitzen da nolabait. 309 00:14:28,799 --> 00:14:31,090 Baina hori da, benetan, nahita, baita lehen bezala, 310 00:14:31,090 --> 00:14:33,381 nabigatzailea da bakarrik joan zer esan nahi duzun egin. 311 00:14:33,381 --> 00:14:34,806 Ez dut esan lerroak hausteko. 312 00:14:34,806 --> 00:14:37,930 Ez dut esan du behera mugitzeko, nahiz eta nahiz eta, intuizioa, egin dudan bezala sentitzen dut. 313 00:14:37,930 --> 00:14:39,805 Beraz bihurtzen da behar dugu Apur bat markup gehiago, 314 00:14:39,805 --> 00:14:41,390 eta ez dut hau zuzentzeko honela doa. 315 00:14:41,390 --> 00:14:46,160 hau hitzaurrean lehen kaixo noa zer izeneko paragrafoan etiketa batekin. 316 00:14:46,160 --> 00:14:48,920 Eta gero, aurrera noa eta biltzeko beste esaldi hau 317 00:14:48,920 --> 00:14:54,370 beste paragrafo etiketan, nahiz paragrafoetan super-labur ari dira. 318 00:14:54,370 --> 00:14:55,930 Orain ez dut nahi gorde. 319 00:14:55,930 --> 00:14:57,160 Birkargatu. 320 00:14:57,160 --> 00:14:59,070 Eta gaur egun dugun hori espazioa, eta ordenatzeko dugu 321 00:14:59,070 --> 00:15:01,680 semantika dute Bi paragrafo bereizi. 322 00:15:01,680 --> 00:15:05,290 >> Hori guztia fina eta ona, baina ez litzateke izan polita irudi bat gehitzeko orri hau, 323 00:15:05,290 --> 00:15:08,710 beraz, ez naiz bila joan joan Mickey Mouse Google Images orrian. 324 00:15:08,710 --> 00:15:12,830 Eta besterik gabe, fun, naiz irudi hau hartzen du. 325 00:15:12,830 --> 00:15:15,350 orain aurrera noa eta har irudi honen URL, 326 00:15:15,350 --> 00:15:16,510 ez da desberdina izan arren Hau egiteko modu bat. 327 00:15:16,510 --> 00:15:18,520 Oraingoz, besterik ez naiz URL kopiatu joan. 328 00:15:18,520 --> 00:15:24,770 atzera joan nire testua sartu dut fitxategia, eta ez naiz hemen, esan nahi da, 329 00:15:24,770 --> 00:15:31,160 img src = aurrekontua unquote URL hori, super-luzea. 330 00:15:31,160 --> 00:15:34,580 Eta gero nozioa irudia apur bat desberdina da. 331 00:15:34,580 --> 00:15:38,640 Ez da benetan hasierako nozioa irudi bat eta irudi bat bukatzen, 332 00:15:38,640 --> 00:15:40,630 Irteeran bat bezala etiketatzeko Amaiera-etiketa. 333 00:15:40,630 --> 00:15:43,840 Beraz, apur bat arraro sentitzen da me semantikoki hori egin ahal izateko, 334 00:15:43,840 --> 00:15:45,390 hurbil-irudia etiketa bat izatea. 335 00:15:45,390 --> 00:15:46,780 Ez da zuzena. 336 00:15:46,780 --> 00:15:48,840 Primeran zuzena da, eta nik animatu da, 337 00:15:48,840 --> 00:15:50,870 baina ez da azkarra notazioa. 338 00:15:50,870 --> 00:15:53,780 nolako ahal nuen aldi berean ireki eta etiketa bera itxi, 339 00:15:53,780 --> 00:15:55,510 eta nabigatzailea zoriontsu egingo. 340 00:15:55,510 --> 00:15:56,950 Beraz, besterik ez da apur bat Gehiago gauzak egiteko succinct 341 00:15:56,950 --> 00:15:59,408 kontzeptualki benetan egin ez Zentzu hasteko eta amaieran egiteko. 342 00:15:59,408 --> 00:16:01,190 dira besterik ez, edo ez dira. 343 00:16:01,190 --> 00:16:06,020 >> Beraz, ez dut hau gorde eta joan atzera joan Nire "kaixo, mundua" orria eta berritu behar. 344 00:16:06,020 --> 00:16:09,880 Eta apur bat kontrolpean, irudi hori da, benetan delako 345 00:16:09,880 --> 00:16:12,210 pixka bat handiak, baina OK. 346 00:16:12,210 --> 00:16:13,710 Tamainuz nezakeen programa batean. 347 00:16:13,710 --> 00:16:14,900 Edo zer ezagutzen duzu. 348 00:16:14,900 --> 00:16:17,350 Just, erakusteko naiz benetan esaten joan 349 00:16:17,350 --> 00:16:21,760 Gauza hau zabalera hori behar duten bakarrik 200 pixel, 200 puntu izango. 350 00:16:21,760 --> 00:16:24,360 Dezagun aurrera eta gorde eta berritu, eta orain orrialdeko 351 00:16:24,360 --> 00:16:25,690 itxura apur bat gehiago arrazoizkoa. 352 00:16:25,690 --> 00:16:27,260 Baina konturatu ereduarekin. 353 00:16:27,260 --> 00:16:30,030 Beno, mota Nik irakatsi duzun guztia zentzu batean HTMLren, gutxienez 354 00:16:30,030 --> 00:16:33,531 Kontzeptualki, baita HTML oro da horiek tags-- etiketa irekiak, itxiak etiketa, 355 00:16:33,531 --> 00:16:35,280 eta atributuak beren portaera aldatzeko. 356 00:16:35,280 --> 00:16:38,380 Eta, antza denez, behin Etiketa zero edo bat izan daiteke 357 00:16:38,380 --> 00:16:43,005 edo bi edo gehiago atributuak, bakoitzak horrek esan nahi du zerbait pixka bat. 358 00:16:43,005 --> 00:16:44,380 Orain, nola ez, existitzen den badakizu? 359 00:16:44,380 --> 00:16:46,800 Norbaitek entzun besterik ez duzu esaidazu zu bezala existitzen, 360 00:16:46,800 --> 00:16:50,860 edo Google besterik ez duzu inguruan tutorial bat HTML orrian, eta benetan sinple hau da. 361 00:16:50,860 --> 00:16:54,030 >> Truly, betiere graduan bat izan zen I Duela urte eta ikasi HTML, 362 00:16:54,030 --> 00:16:56,530 Nire math irakaskuntza bat laguntzaileak besterik igaro 363 00:16:56,530 --> 00:16:59,600 denbora pixka bat me tutoretza bezala, ordu erdi bat, ordu bat, 364 00:16:59,600 --> 00:17:00,660 eta, ondoren, nire bidean nengoen. 365 00:17:00,660 --> 00:17:03,300 zen nire bidea egiteko norabidean dut ikaragarrienak webgune inoiz, 366 00:17:03,300 --> 00:17:05,549 bertan, itxuraz, ez daukat benetan aurrera haratago. 367 00:17:05,549 --> 00:17:09,849 Baina kontua da, behin duzu simple ideas-- horiek ulertzen 368 00:17:09,849 --> 00:17:13,450 arcane text-- baina simple horiek gero Pentsamendu-hasierako ideia 369 00:17:13,450 --> 00:17:15,960 eta pentsamendu bat itxiz, mantenduz dena nicely orekatua, 370 00:17:15,960 --> 00:17:19,150 zerbaiten bila up, aldatzea Etiketa duten portaera, hori da benetan guztiak 371 00:17:19,150 --> 00:17:20,079 hor da. 372 00:17:20,079 --> 00:17:28,140 Eta hain zuzen ere, dugu orain joan bada benetan google.com-- antzeko zerbait, 373 00:17:28,140 --> 00:17:31,920 goazen leku bat apur bat gehiago reasonable-- stanford.edu. 374 00:17:31,920 --> 00:17:37,800 Eta ez dut nahi ikusi joan, Developer, Ikusi Iturria. 375 00:17:37,800 --> 00:17:41,400 It itsusia, baina abisua eta aldez mapan handiago dut 376 00:17:41,400 --> 00:17:43,432 gauza batzuk hori ezagutzen dagoeneko. 377 00:17:43,432 --> 00:17:45,140 Badira hau da hemen, zein nabigatzaile bat da. 378 00:17:45,140 --> 00:17:46,800 Hemen dator HTML5. 379 00:17:46,800 --> 00:17:47,634 Ez dago HTML. 380 00:17:47,634 --> 00:17:49,550 Antza denez, ez da bat ere diodala ez nuen 381 00:17:49,550 --> 00:17:51,540 erabiltzen duten zehazten du orriaren hizkuntza, 382 00:17:51,540 --> 00:17:54,380 eta hau automatikoarekin lagun dezake Itzulpengintza eta horrelako gauzak. 383 00:17:54,380 --> 00:17:55,546 Hemen orri-burua da. 384 00:17:55,546 --> 00:17:57,790 Hemen Stanford orriaren titulua da. 385 00:17:57,790 --> 00:17:59,832 Ez dago tag ez nuen egin dute oraindik etiketa Meta buruz hitz egiteko. 386 00:17:59,832 --> 00:18:01,540 Besterik ez da sort aurrekari guztiak. 387 00:18:01,540 --> 00:18:04,210 laguntzen SEO da, edo bilaketa-motorea optimizatu, 388 00:18:04,210 --> 00:18:06,320 edo Google-bilaketa-emaitza edo antzekoak. 389 00:18:06,320 --> 00:18:09,029 Baina begira jarraitzen badugu, gorde bila, hemen Body etiketa da. 390 00:18:09,029 --> 00:18:11,570 Eta ez da beste sortak etiketa ez dugu hitz egin oraindik. 391 00:18:11,570 --> 00:18:13,750 Baina Div bat bat da orriaren banaketa. 392 00:18:13,750 --> 00:18:16,680 laukizuzenaren ikusezin bat bezalakoa da mota horretako nahi bada, adimen 393 00:18:16,680 --> 00:18:20,160 zatitzea zure orrian unitate ezberdinetan online. 394 00:18:20,160 --> 00:18:22,650 Eta gero eta DIV asko dut ikusi, zerbait Class deitzen, 395 00:18:22,650 --> 00:18:24,440 baina hori itzuli egingo dugu. 396 00:18:24,440 --> 00:18:26,200 >> Hau interesting-- Inprimakiak da. 397 00:18:26,200 --> 00:18:27,730 Inprimakiak guztiak web zehar daude. 398 00:18:27,730 --> 00:18:30,310 Edozein bilaketa-kutxa bazara Erabili formulario bat da. 399 00:18:30,310 --> 00:18:31,490 Eta, beraz, ikus dezagun benetan. 400 00:18:31,490 --> 00:18:32,790 Form. 401 00:18:32,790 --> 00:18:33,910 Ekintza. 402 00:18:33,910 --> 00:18:37,660 Sasoi honetan ekintza, edozein dela ere, Arrazoi historiko, URL dela. 403 00:18:37,660 --> 00:18:38,840 Metodo "post" da. 404 00:18:38,840 --> 00:18:44,060 Turns HTTP eskaerak erabili ahal izango duten aditz "lortu," aurretik ikusi dugun bezala, 405 00:18:44,060 --> 00:18:45,070 edo "post". 406 00:18:45,070 --> 00:18:47,030 Eta diferentzia bat ikusiko hau une batean. 407 00:18:47,030 --> 00:18:48,363 Dezagun benetan zer den dezagun. 408 00:18:48,363 --> 00:18:49,830 Let Stanford orrira joan me. 409 00:18:49,830 --> 00:18:53,330 Zer inprimaki ari diren hizketan buruz, uste duzu? 410 00:18:53,330 --> 00:18:54,485 Zer joango duzu? 411 00:18:54,485 --> 00:18:54,970 >> Ikusleak: bilaketa koadroan. 412 00:18:54,970 --> 00:18:55,845 >> DAVID J. MALAN: Bai. 413 00:18:55,845 --> 00:18:58,410 Beraz, sortu goiko eskuineko Hemen Search lauki hau da. 414 00:18:58,410 --> 00:19:02,441 Eta hori nola egikaritu zuten it bat Etiketa hori literalki open-parentesi inprimakia. 415 00:19:02,441 --> 00:19:03,940 Eta gero utzi bilatu zerbait da. 416 00:19:03,940 --> 00:19:09,220 Bila dezagun Lagun bat egiteko mine-- "Nick Parlante." of 417 00:19:09,220 --> 00:19:11,380 Sartu. 418 00:19:11,380 --> 00:19:13,750 Eta, jakina, joan da pixka bat eta beste URL bat. 419 00:19:13,750 --> 00:19:15,140 Let me atzera hemen. 420 00:19:15,140 --> 00:19:18,960 Bila dezagun for "ikastaroak." 421 00:19:18,960 --> 00:19:19,460 Malditos da. 422 00:19:19,460 --> 00:19:20,484 URL ezberdin bat joan zen. 423 00:19:20,484 --> 00:19:23,400 Beraz, Stanford magia batzuk gehituz ari dira ez dit hartzen URL 424 00:19:23,400 --> 00:19:25,820 ikusi ditugun hasi ekintza egozten diote han. 425 00:19:25,820 --> 00:19:32,480 Baina formulario hau hemen guztiz inplementatu markaketa hau modu Hemen arabera, etiketa horiek. 426 00:19:32,480 --> 00:19:35,710 Izan ere, hemen sarrera da bilaketa-mota nahi duzun. 427 00:19:35,710 --> 00:19:38,940 Hemen da sarrera da bilaketa mota bat. 428 00:19:38,940 --> 00:19:41,960 Hemen katea berez sarrera da. 429 00:19:41,960 --> 00:19:45,394 Eta, beraz, helburua ez da itzulbiratu gure adimenak etiketa hauek guztiak inguruan 430 00:19:45,394 --> 00:19:46,060 baina besterik ez da ikusten. 431 00:19:46,060 --> 00:19:48,300 Besterik irekiz eta itxiz tags eta begira gauzak. 432 00:19:48,300 --> 00:19:48,560 Bai? 433 00:19:48,560 --> 00:19:48,920 Victoria? 434 00:19:48,920 --> 00:19:49,795 >> Ikusleak: [INAUDIBLE] 435 00:19:49,795 --> 00:19:51,925 436 00:19:51,925 --> 00:19:53,550 DAVID J. MALAN: Hori galdera ona da. 437 00:19:53,550 --> 00:19:54,660 Hori zailagoa apur bat ikusten da. 438 00:19:54,660 --> 00:19:56,300 Let niregana itzuli dela minutu gutxiren buruan galdera 439 00:19:56,300 --> 00:19:59,000 begiratzen zerbait at dugu deitu CSS, edo Kaskadako estilo-orriak, 440 00:19:59,000 --> 00:20:02,500 eta erranen dastatu ahal izango dugu gisa orritik askoz. 441 00:20:02,500 --> 00:20:08,090 Beraz, orain dugu begirada bat hartu bada google.com at, Ea zer beren page itxura utzi. 442 00:20:08,090 --> 00:20:09,840 they're-- hori da polita gaur You litzateke. 443 00:20:09,840 --> 00:20:12,490 444 00:20:12,490 --> 00:20:12,990 ONDO DA. 445 00:20:12,990 --> 00:20:13,690 Dena eginda. 446 00:20:13,690 --> 00:20:15,260 Ondo da, beraz View Source. 447 00:20:15,260 --> 00:20:19,590 Uste Google ditu benetan polita iturri kodea. 448 00:20:19,590 --> 00:20:24,970 Beraz, itxuraz, zer gertatzen da hemen? 449 00:20:24,970 --> 00:20:27,880 Eta hain zuzen ere, hau ez da, nahiz eta HTML. 450 00:20:27,880 --> 00:20:30,930 Hau zerbait JavaScript deitzen da. 451 00:20:30,930 --> 00:20:32,344 Eta gorde dezagun joan eta joan. 452 00:20:32,344 --> 00:20:34,010 ez dakite non orrialdean hasten da. 453 00:20:34,010 --> 00:20:37,240 Komando erabili noa F, irekita tarte HTML. 454 00:20:37,240 --> 00:20:38,200 Ondo da, ez da. 455 00:20:38,200 --> 00:20:44,150 Orri Irteeran aurkitu nuen, eta hainbeste gauza da hemen ere. 456 00:20:44,150 --> 00:20:45,310 >> Zer da benetan gertatzen ari da? 457 00:20:45,310 --> 00:20:47,460 Beno, zer badakizu, hau garbitu ahal izango dugu. 458 00:20:47,460 --> 00:20:52,109 I ordez joan bada hau Inspect toolbar, diagnostiko tresna berezi honetan, 459 00:20:52,109 --> 00:20:54,150 eta joan ez Network, non gaur jarraitzen dugu, 460 00:20:54,150 --> 00:20:56,420 baina banoa Elements nahi izanez gero, Zer da benetan polita 461 00:20:56,420 --> 00:20:59,990 Bilatzaile bat duten asko ditu begiak askoz nik baino hobeto. 462 00:20:59,990 --> 00:21:02,670 Eta nabigatzailea irakur daiteke Web orri baten nahaspila hori, 463 00:21:02,670 --> 00:21:04,700 HTML mail besterik ez dugu begiratu zion, eta, ahal 464 00:21:04,700 --> 00:21:08,340 analizatu da edo irakurri eta aztertu eta berriro formatua da 465 00:21:08,340 --> 00:21:09,910 polita giza-friendly modu bat. 466 00:21:09,910 --> 00:21:11,740 Beraz, orain ikusten ari naiz pantaila honetan hemen 467 00:21:11,740 --> 00:21:15,470 Elementu azpian zehatza eduki bera, baina dena koskatuak dut dute, 468 00:21:15,470 --> 00:21:18,140 Nik koloreztatuko dute, baina zehatza testu berdina da 469 00:21:18,140 --> 00:21:19,620 Zerbitzaritik deskargatu dudala. 470 00:21:19,620 --> 00:21:23,630 >> Eta zer polita da ikusiko dut gorputzean, Adibidez oharra, 471 00:21:23,630 --> 00:21:26,480 Orri oraindik osatuta dago besterik burua eta gorputza bat, 472 00:21:26,480 --> 00:21:28,660 eta hierarkikoki ahal dut hemen murgiltzeko. 473 00:21:28,660 --> 00:21:32,420 Iragarki Google dagoela dirudi dute hau eta beste hau divs-- izateko. 474 00:21:32,420 --> 00:21:33,310 hori zabaldu ahal izango dut. 475 00:21:33,310 --> 00:21:35,370 Badira beste DIV sorta oso bat da. 476 00:21:35,370 --> 00:21:36,900 Beraz, apur bat konplexua da. 477 00:21:36,900 --> 00:21:37,400 Baina itxaron. 478 00:21:37,400 --> 00:21:40,970 Hau dela dirudi, beraz, askoz gehiago irakurgarri, nahiko, hau baino. 479 00:21:40,970 --> 00:21:43,840 Zergatik da Google lotsa bera besterik bidaliz 480 00:21:43,840 --> 00:21:50,400 Zenbait kodea nahaspila handi hau moduko zerbait ezartzeko 481 00:21:50,400 --> 00:21:53,640 itxura hain erraza hasiera batean? 482 00:21:53,640 --> 00:21:55,270 Atsegin dut, zergatik ez espazio gehiago gehitu dute? 483 00:21:55,270 --> 00:21:56,811 Zergatik ez zuen Sartu hit dute egin nuen bezala? 484 00:21:56,811 --> 00:21:59,110 Begira nola ona izan dut Web orri bat idazten. 485 00:21:59,110 --> 00:22:00,680 Sartu beraz arduratsuan sakatu dut. 486 00:22:00,680 --> 00:22:03,760 beraz, dena koska: I hain da polita eta irakurri. 487 00:22:03,760 --> 00:22:08,463 Zergatik ez du Google Ez landu bera? 488 00:22:08,463 --> 00:22:11,409 >> Ikusleak: [INAUDIBLE] 489 00:22:11,409 --> 00:22:12,305 490 00:22:12,305 --> 00:22:13,180 DAVID J. MALAN: Ongi. 491 00:22:13,180 --> 00:22:14,270 Oso azoka. 492 00:22:14,270 --> 00:22:16,650 Ez dute batzuk izan Google pertsona eskuz 493 00:22:16,650 --> 00:22:18,160 Hasierako orriaren jada eguneratzeko. 494 00:22:18,160 --> 00:22:20,010 Ez da 1999an jada. 495 00:22:20,010 --> 00:22:21,140 Beraz, software dute. 496 00:22:21,140 --> 00:22:25,397 bestelako tresnak erabiltzen dituzte dinamikoki ari dira HTML. 497 00:22:25,397 --> 00:22:27,480 Jakina, kodea duten bera zen gizakiak idatzia, 498 00:22:27,480 --> 00:22:30,220 baina errealitatea da, nahiko arrazoizko da esatea, 499 00:22:30,220 --> 00:22:33,340 nabigatzaileak ez du inondik Laguntza nola messy kodea da. 500 00:22:33,340 --> 00:22:35,940 Baina, ez da, nahiz eta bat gehiago sinesgarria arrazoi teknikoak 501 00:22:35,940 --> 00:22:42,580 Google HTML banatzen hala nola sloppy batean kodea, itxuraz 502 00:22:42,580 --> 00:22:48,350 modu jasanezinak guztiak bilduta Oso gutxi Modu oso gutxirekin 503 00:22:48,350 --> 00:22:51,274 formateatzen egin nuen bezala modu batean. 504 00:22:51,274 --> 00:22:52,570 >> Ikusleak: [INAUDIBLE] 505 00:22:52,570 --> 00:22:53,528 >> DAVID J. MALAN: Faster? 506 00:22:53,528 --> 00:22:54,040 Zergatik? 507 00:22:54,040 --> 00:22:55,680 Eta zer esan duzu Lydia? 508 00:22:55,680 --> 00:22:56,240 Faster? 509 00:22:56,240 --> 00:22:57,281 Zergatik azkarrago? 510 00:22:57,281 --> 00:22:58,156 Ikusleak: [INAUDIBLE] 511 00:22:58,156 --> 00:23:00,522 512 00:23:00,522 --> 00:23:02,230 DAVID J. MALAN: Ez dago espazio gabe, irakurtzeko. 513 00:23:02,230 --> 00:23:02,730 Bai. 514 00:23:02,730 --> 00:23:04,560 Beraz, zer espazio bat da pentsatzen. 515 00:23:04,560 --> 00:23:08,394 Beraz teklatuan pertsonaia bakoitzak hartzen espazioaren zenbatekoa batzuk, irudikatzeko 516 00:23:08,394 --> 00:23:10,560 bai fisikoki, hura bezalako espazioa askoz, 517 00:23:10,560 --> 00:23:13,250 edo nolabait azpian kanpaia, memoria eskatzen du. 518 00:23:13,250 --> 00:23:15,740 Eta alde batera utzita bat bezala, eta egingo dugu hitz egin gehiago tomorrow-- honi buruz 519 00:23:15,740 --> 00:23:19,930 teklatuko karaktere guztiak normalean eskatzen 8 bit edo byte bat. 520 00:23:19,930 --> 00:23:23,360 Beraz, 8 zeroen eredu bat edo direnak, edo besterik ez byte 1, dugu 521 00:23:23,360 --> 00:23:24,720 gizakiak normalean esango luke. 522 00:23:24,720 --> 00:23:27,690 Beraz, hori da txikia, baina oraindik ez da ez-zero. 523 00:23:27,690 --> 00:23:29,940 Oraindik espazio zenbatekoa batzuk. 524 00:23:29,940 --> 00:23:36,082 Beraz, ingeniari bat edo Google hits bada Espazio barra behin bakarrik, eta demagun 525 00:23:36,082 --> 00:23:38,540 Google-- da super-popular-- Suposatzen bat milioi pertsona 526 00:23:38,540 --> 00:23:40,780 bisitatu bere etxeko orria egun bat, edo pertsona kopuru batzuk 527 00:23:40,780 --> 00:23:43,290 bisitatu hasiera orri bat milioi aldiz, egun bat, 528 00:23:43,290 --> 00:23:48,890 zenbat byte gehigarriak emango ditu software ingeniari besterik kostatu Google 529 00:23:48,890 --> 00:23:51,310 bere espazio barra sakatuz behin arabera? 530 00:23:51,310 --> 00:23:52,692 >> Ikusleak: [INAUDIBLE] 531 00:23:52,692 --> 00:23:54,150 DAVID J. MALAN: Ez oso txarra dela. 532 00:23:54,150 --> 00:23:57,070 Just bat byte aldiz milioi bat. 533 00:23:57,070 --> 00:23:57,871 Beraz a-- 534 00:23:57,871 --> 00:23:59,120 Ikusleak: 8 milioi gigabyte. 535 00:23:59,120 --> 00:24:00,370 DAVID J. MALAN: Not 8 milioi. 536 00:24:00,370 --> 00:24:01,240 8 milioi byte. 537 00:24:01,240 --> 00:24:02,410 Baina 1 gigabyte. 538 00:24:02,410 --> 00:24:04,080 1 gigabyte neurri unitatea izango litzateke. 539 00:24:04,080 --> 00:24:08,240 berak bi egiten baduzu espazioak, 2 gigabyte. 540 00:24:08,240 --> 00:24:09,030 Hiru gigabyte. 541 00:24:09,030 --> 00:24:09,530 Eskuin? 542 00:24:09,530 --> 00:24:11,860 merkeago eskalatzen da. 543 00:24:11,860 --> 00:24:16,150 Eta beraz, Google bezalako kasuetan, bertan, emandako, kasu mugatuak dira, 544 00:24:16,150 --> 00:24:21,450 besterik ez dira sortzen diren arazoak Oso arrazoizkoa erabakiak hartzeko arabera 545 00:24:21,450 --> 00:24:25,744 edo giza ekintzen oso erraz hartzen, Magnified efektu hori duelako. 546 00:24:25,744 --> 00:24:27,660 Beraz, arrazoi bat itxura, beraz konprimatua 547 00:24:27,660 --> 00:24:30,660 da Victoria esan zuen: bezalaxe zen besterik ordenagailuak sortutako hala ere. 548 00:24:30,660 --> 00:24:31,900 Beraz, big aurre ez. 549 00:24:31,900 --> 00:24:33,309 Let nabigatzailea irudikatu. 550 00:24:33,309 --> 00:24:35,350 Baina, era berean, nahita ez askoz espazioa dute, 551 00:24:35,350 --> 00:24:36,766 espazioa ez da beharrezkoa delako. 552 00:24:36,766 --> 00:24:38,250 Eta espazioa benetan dirua. 553 00:24:38,250 --> 00:24:40,670 >> Denbora da bai kostatzen, delako soilik bultzatzen 554 00:24:40,670 --> 00:24:44,670 Datu askoz gehiago dagoela daudelarik google.com egoitzan besterik 555 00:24:44,670 --> 00:24:47,710 du lortu zenbatekoa batzuk hartu denbora, milisegundotan bada ere 556 00:24:47,710 --> 00:24:51,190 edo mikrosegundoko, baina gehitzen erabiltzaile hainbeste baino gehiago, edo gehiago, seguru asko, 557 00:24:51,190 --> 00:24:52,270 ziurrenik dirua kostatzen da. 558 00:24:52,270 --> 00:24:54,690 Google ziurrenik konektatzen da Mundu, inork beste norbaiten 559 00:24:54,690 --> 00:24:56,398 horiek aztertuz puntu, eta badute 560 00:24:56,398 --> 00:24:59,880 finantza harreman mota batzuk Horren bidez, beren datuak dirua, 561 00:24:59,880 --> 00:25:01,730 baita agian dute minimizatu zenbat datuak 562 00:25:01,730 --> 00:25:04,530 Oraindik tu dute euren internet konexioa. 563 00:25:04,530 --> 00:25:07,630 >> Beraz, gauza dibertigarria, nahiz eta, azken finean, edo, agian, reassuring gauza, 564 00:25:07,630 --> 00:25:11,030 da, nahiz eta itxura izugarri erabatekoa, egunaren amaieran, 565 00:25:11,030 --> 00:25:16,750 oraindik ez da zehatza printzipio bera bezala Oso erraz orri hau hemen HTML baten 566 00:25:16,750 --> 00:25:17,390 orria. 567 00:25:17,390 --> 00:25:20,610 Beraz, besterik gabe, laburtzeko eta, beraz, kanonikoak bertsioa izan ez balitz 568 00:25:20,610 --> 00:25:25,900 Hurrengo batera aukeratu by hemen, hemen gehienak web orrien sinplea izan daiteke, 569 00:25:25,900 --> 00:25:28,240 beraz, zerbait agian beranduago jolastu. 570 00:25:28,240 --> 00:25:30,790 >> Beno, goazen bat aurkeztu beste ideia pare orain. 571 00:25:30,790 --> 00:25:33,420 buruz aurkeztu gara Zerbait izeneko estilo etiketa bat. 572 00:25:33,420 --> 00:25:38,110 Orri hau estilizatzeko ahal dugu Modu interesgarri gehiago ere. 573 00:25:38,110 --> 00:25:40,860 Beraz, berriz HTML email da guztiak buruz gora markatzea 574 00:25:40,860 --> 00:25:44,470 datuak, Ordena bat zehaztuz nabigatzailea nola datuak egituratzeko, 575 00:25:44,470 --> 00:25:48,110 non ipini, CSS, edo Kaskadako estilo-orriak, 576 00:25:48,110 --> 00:25:52,640 bigarren hizkuntza bat da hori Oro har, lortzen HTML batera commingled 577 00:25:52,640 --> 00:25:55,670 gisa see-- beharko dugu baina garbitu ahal izango dugu Hori gora eramango une batean 578 00:25:55,670 --> 00:25:59,850 da azken milia, eta hura stylizes. 579 00:25:59,850 --> 00:26:02,460 koloreak besterik eskubidea daukala, letra-tamainak besterik eskubidea, 580 00:26:02,460 --> 00:26:03,860 kokatzea besterik ez da eskubidea. 581 00:26:03,860 --> 00:26:06,510 It guztiak estetikaz da edo formatua ez buruz 582 00:26:06,510 --> 00:26:08,330 diren oinarrizko datuak. 583 00:26:08,330 --> 00:26:11,390 Eta modurik errazena erakutsi hau da, agian, adibide moduan. 584 00:26:11,390 --> 00:26:15,320 Beraz, baino gehiago joan joan Nire testu fitxategi soil bat. 585 00:26:15,320 --> 00:26:17,970 Eta une batean, ez dut oinez gurekin prozesuan zehar 586 00:26:17,970 --> 00:26:19,360 Hori geure egiten. 587 00:26:19,360 --> 00:26:23,310 >> atzera joan nire fitxategia noa Hemen eta orria berriz kargatzea besterik 588 00:26:23,310 --> 00:26:25,800 zer itxura baieztatzeko. 589 00:26:25,800 --> 00:26:27,190 Hori da, non Oraindik gaur egun. 590 00:26:27,190 --> 00:26:31,170 sentitzen dut haurrekin bezala gozatzeko litzateke web orri honetan kolore batzuk izatea. 591 00:26:31,170 --> 00:26:34,480 Beraz, ez dut Igo joan Orri-burua sartu. 592 00:26:34,480 --> 00:26:38,130 Eta ez dut estilo, / style egin da joan. 593 00:26:38,130 --> 00:26:44,060 Eta gero, horren barruan, noa Nire orri batean gorputza kontatzeko 594 00:26:44,060 --> 00:26:46,870 eta formatua hau da, at Lehen begiratuan, agian apur bat 595 00:26:46,870 --> 00:26:49,400 arraro baina konbentzionalak. 596 00:26:49,400 --> 00:26:55,010 Atzeko planoan dagoela esan noa Orri honen kolore berdea izan behar du. 597 00:26:55,010 --> 00:26:57,960 Eta hau da, zoritxarrez sort ez diseinu onena. 598 00:26:57,960 --> 00:27:00,710 Ohartu aurrez HTML munduan, 599 00:27:00,710 --> 00:27:03,190 esan nuen atributuak gako-balio bikote hauek dira. 600 00:27:03,190 --> 00:27:05,760 Zerbait berdin aurrekontua unquote "zerbait". 601 00:27:05,760 --> 00:27:08,810 CSS munduan, zein izan zen ere hainbat pertsona batzuek diseinatu, 602 00:27:08,810 --> 00:27:11,020 Hori erabaki zuten, beren Mundu, gako-balio bikote 603 00:27:11,020 --> 00:27:13,920 hitza colon zerbait izango litzateke. 604 00:27:13,920 --> 00:27:15,220 Beraz, ideia bera da, baina. 605 00:27:15,220 --> 00:27:18,620 Balio bat erlazionatuz It gako hori nolabait batera 606 00:27:18,620 --> 00:27:20,330 Orri honen portaera eragina. 607 00:27:20,330 --> 00:27:21,901 >> Eta seguruenik dezakezu asmatzeko. 608 00:27:21,901 --> 00:27:24,150 Zer da hau seguruenik joan egin dut nahiz eta ez duzun 609 00:27:24,150 --> 00:27:27,867 ikusi HTML edo CSS aurretik? 610 00:27:27,867 --> 00:27:29,450 Ikusleak: atzealdeko kolorea aldatzeko. 611 00:27:29,450 --> 00:27:30,560 DAVID J. MALAN: Bai, hondo kolorea aldatu. 612 00:27:30,560 --> 00:27:33,280 Eta, zehazki, hondo gorputzaren kolorea. 613 00:27:33,280 --> 00:27:36,290 Baina heinean du oraingoz gorputza web da 614 00:27:36,290 --> 00:27:38,870 orri batean gauza bakarra da Izenburu barran really-- azpitik 615 00:27:38,870 --> 00:27:40,870 seguruenik joan eragiteko gauza bera. 616 00:27:40,870 --> 00:27:41,430 Beraz, ikus dezagun. 617 00:27:41,430 --> 00:27:42,490 Utzi gorde hau. 618 00:27:42,490 --> 00:27:44,310 Joan hemen eta freskatuz. 619 00:27:44,310 --> 00:27:46,140 Nahiko izugarri da. 620 00:27:46,140 --> 00:27:48,070 Eta zer gertatzen da Hemen alboko efektu bat da. 621 00:27:48,070 --> 00:27:49,850 aukeratu besterik ez dut irudi hori ausaz. 622 00:27:49,850 --> 00:27:53,305 Zergatik da berdea ez Mickey atzean blaitu? 623 00:27:53,305 --> 00:27:54,180 Ikusleak: [INAUDIBLE] 624 00:27:54,180 --> 00:27:56,880 625 00:27:56,880 --> 00:27:57,880 DAVID J. MALAN: Zehazki. 626 00:27:57,880 --> 00:28:01,750 Bihurtzen da irudi hori, nahiko askoz irudi guztiak ditzake erabiltzen dugun, 627 00:28:01,750 --> 00:28:03,670 laukizuzenak rectangles-- guztiak dira. 628 00:28:03,670 --> 00:28:07,710 Mickey kurba batzuk ipinita ere berak eta atzeko du, 629 00:28:07,710 --> 00:28:09,330 background duten zerbait izan behar du. 630 00:28:09,330 --> 00:28:10,280 zuria izan behar du. 631 00:28:10,280 --> 00:28:11,910 beltza edo beste zerbait izan behar du. 632 00:28:11,910 --> 00:28:13,650 gardena izan daiteke. 633 00:28:13,650 --> 00:28:16,100 Eta hain zuzen ere, eta ahal nuen ireki Mickey Mouse hemen 634 00:28:16,100 --> 00:28:18,590 Photoshop izeneko programa batean edo antzeko zerbait 635 00:28:18,590 --> 00:28:21,176 eta zuri hori guztia aldatu gardena background, 636 00:28:21,176 --> 00:28:22,550 beraz, berde distira bidez litzateke. 637 00:28:22,550 --> 00:28:25,980 Baina hori zerbait behar nuke neure buruari edo artista grafiko bat eskatu 638 00:28:25,980 --> 00:28:28,130 edo diseinatzaile bat nire konpainiak, adibidez, 639 00:28:28,130 --> 00:28:31,490 , Batez ere, I besterik ez geroztik maileguan Internetetik hau. 640 00:28:31,490 --> 00:28:33,030 Baina hori zergatik gertatzen ari da. 641 00:28:33,030 --> 00:28:34,980 >> Beraz, zer gehiago egin nahi dugu? 642 00:28:34,980 --> 00:28:41,040 Beno, esan dezakegu nahi dugun Espero zure egonaldia gozatzeko aukera. 643 00:28:41,040 --> 00:28:44,150 Eta arreta egiteko, nahi dut hau indartzeko, 644 00:28:44,150 --> 00:28:48,310 eta beraz, esan dut irekita indartsu eta itxi indartsu eta ondoren, berriro kargatu. 645 00:28:48,310 --> 00:28:50,320 Eta gogorra apur bat da to proiektorea ikusi 646 00:28:50,320 --> 00:28:53,250 baina agian benetan orain joango duzu pixka bat gehiago. 647 00:28:53,250 --> 00:28:56,180 Beraz, letra etzanean gehi ditzakezu honetan horrela, modu honetan bold begira. 648 00:28:56,180 --> 00:28:57,500 koloreak aldatzeko izan dugu. 649 00:28:57,500 --> 00:29:01,610 Izan ere, besterik ez Jaurtiketa, naiz Aurrera joan eta egin. 650 00:29:01,610 --> 00:29:05,120 Ez dut nahi nire paragrafoetan hau itxi dira elkarrekin, 651 00:29:05,120 --> 00:29:06,870 beraz, agian, honen antzeko zerbait egin nuen. 652 00:29:06,870 --> 00:29:13,310 nabigatzailea kontatzeko noa, aldatu paragrafoan etiketa guztietan izan, 653 00:29:13,310 --> 00:29:16,952 demagun, benetan, zer badakizu, utzi lerrokatu en testu-lerrokatzea da, zentro. 654 00:29:16,952 --> 00:29:19,410 Eta berriro, bakarrik ezagutzen dut norbait delako irakasten dit 655 00:29:19,410 --> 00:29:21,118 edo, ikertzeari ekin nion in online erreferentzia bat. 656 00:29:21,118 --> 00:29:22,450 Hargatik hau gorde me. 657 00:29:22,450 --> 00:29:25,070 Eta, ah, Nik orain zentratua irudia dago. 658 00:29:25,070 --> 00:29:28,490 Eta egia esan, badakizu zer, bada nire irudia mugitzeko paragrafo bat sartu dut 659 00:29:28,490 --> 00:29:34,510 tag-- orain hirugarren paragrafo bat, nahiz eta ez da testuei arren. 660 00:29:34,510 --> 00:29:36,917 Utzi gorde duten eta freskatuz. 661 00:29:36,917 --> 00:29:40,000 Orain orria da nolako begiratzen hasi of--, esan nahi dut, oraindik ere nahiko itsusia, 662 00:29:40,000 --> 00:29:43,180 baina, gutxienez, garbi ikusten da gastatu dut atsegin Bi minutu ordez minutu bat 663 00:29:43,180 --> 00:29:43,950 egiten. 664 00:29:43,950 --> 00:29:47,200 >> Eta beraz, handitik, ezin dugu aldaketa estetiko horiek orain orrialdera? 665 00:29:47,200 --> 00:29:50,860 Ez dut benetan aldatu datuak ere Orri hitza benetan gehitzea baino beste. 666 00:29:50,860 --> 00:29:52,650 Gehitu dut metadata, izango bada. 667 00:29:52,650 --> 00:29:54,830 Hey, nabigatzailea, egin du hitza "benetan" ausarta. 668 00:29:54,830 --> 00:29:56,940 Baina datu hori ez da sendoa. 669 00:29:56,940 --> 00:29:57,830 Hori metadata da. 670 00:29:57,830 --> 00:29:59,410 Datu da "benetan". 671 00:29:59,410 --> 00:30:02,200 Beraz, oraindik ez dugu batzuk kontzeptu bera aurretik. 672 00:30:02,200 --> 00:30:05,990 Baina, noski, hau ez da web orrian, beraz, ez naiz azken urrats hemen egin behar dugu. 673 00:30:05,990 --> 00:30:10,300 >> to hello.html joan noa eta nabarmendu soilik kopiatu honetan. 674 00:30:10,300 --> 00:30:12,285 Eta orain noa Cloud9, sartu bertan 675 00:30:12,285 --> 00:30:13,910 oinez egingo dut zure bitartez une batean. 676 00:30:13,910 --> 00:30:17,080 Eta odds dira laster izango zara, bada Ez jadanik, hau bezalako pantaila batean. 677 00:30:17,080 --> 00:30:21,080 Eta utzi niri eman besterik ez duzu azkar bat zer Cloud9 benetan da ibilaldia. 678 00:30:21,080 --> 00:30:26,590 Beraz, berriro ere Cloud 9 da hodeian oinarritutako zerbitzu hau 679 00:30:26,590 --> 00:30:30,580 hori ematen dizu, eta niri ilusioa of gureak makina birtuala izatea 680 00:30:30,580 --> 00:30:33,090 hodeia, teknikoki hodeia edukiontzi bat, 681 00:30:33,090 --> 00:30:35,160 hori osoa dugu Baimen administratiboak egiteko. 682 00:30:35,160 --> 00:30:37,130 Beraz, teorian, inork ez munduko beste ditu 683 00:30:37,130 --> 00:30:39,152 pantailan naiz sarbidea begira, oraintxe, 684 00:30:39,152 --> 00:30:40,860 agian, jendea ezik nork exekutatu gunean, 685 00:30:40,860 --> 00:30:43,470 Teknikoki izan dutelako sarbide fisikoa eta abar. 686 00:30:43,470 --> 00:30:44,740 >> Beraz, zer ikusi ingurune honetan dugu? 687 00:30:44,740 --> 00:30:46,230 , urruntzeko noa, txiki txiki bat delako. 688 00:30:46,230 --> 00:30:48,104 Eta utzi puntu baino gehiago me hemen une bat besterik ez da. 689 00:30:48,104 --> 00:30:53,210 ezker-eskua bestaldean nire eta zure pantaila, Han fitxategia ezkerreko nabigatzaile bat da. 690 00:30:53,210 --> 00:30:55,362 Beraz espiritua antzekoak Mac OS eta Windows. 691 00:30:55,362 --> 00:30:57,070 Hauek dira guztiak fitxategiak nire kontuan. 692 00:30:57,070 --> 00:30:59,250 Berez, bada, zure kontu nirea bezalakoa da, 693 00:30:59,250 --> 00:31:05,090 Ikusiko duzu, edo laster ikusi helloworld.html eta readme.md. 694 00:31:05,090 --> 00:31:07,950 Hemen eskubidea aldean, hau da, non nire testu fitxategiak dira joan. 695 00:31:07,950 --> 00:31:11,620 Duzun inoiz erabili Microsoft bada Word edo Notepad edo TextEdit, 696 00:31:11,620 --> 00:31:14,100 hau da hitza nire edizio espedienteen da joango. 697 00:31:14,100 --> 00:31:16,540 Eta gero gehien ezkutuari ingurune honen ezaugarri 698 00:31:16,540 --> 00:31:20,100 hori ez dugu benetan behar da erabili behera hemen izeneko Leiho Terminal bat. 699 00:31:20,100 --> 00:31:23,390 Erabili dituzun bada DOS antaño, hau Linux da 700 00:31:23,390 --> 00:31:25,450 edo Linux DOS baliokidea. 701 00:31:25,450 --> 00:31:28,190 testuan oinarritutako interfaze bat da, no sagu klik, arrastatu gabe. 702 00:31:28,190 --> 00:31:30,770 Guztiak egin dezakezu idazten komandoak, baina komandoak 703 00:31:30,770 --> 00:31:34,400 fitxategiak sor ditzakezu, fitxategiak mugitu, open guneak, hurbil guneak, 704 00:31:34,400 --> 00:31:35,740 edozein gauza kopuru egiten. 705 00:31:35,740 --> 00:31:38,060 Baina, oraingoz, besterik ez dugu denboraren hemen. 706 00:31:38,060 --> 00:31:39,050 >> Eta, beraz, egin dezagun. 707 00:31:39,050 --> 00:31:41,008 Oraindik honetan bada ingurumena, bertan, behar duzu 708 00:31:41,008 --> 00:31:45,900 izan laneko area bat sortu baduzu Dagoeneko, joan aurretik eta igo 709 00:31:45,900 --> 00:31:48,690 File, New une batez. 710 00:31:48,690 --> 00:31:51,740 Eta hori emango dizu berri bat fitxa hementxe erdian. 711 00:31:51,740 --> 00:31:54,250 Eta aski nuen eta dezagun aurrera, eta hori egin. 712 00:31:54,250 --> 00:31:59,910 Dezagun aurrera eta orain ez Fitxategia aurreztu eta aurrera eta deitu hello.html, 713 00:31:59,910 --> 00:32:02,740 Ez da nahastu behar helloworld.html, bertan 714 00:32:02,740 --> 00:32:06,910 Zure free kontu berri batera iritsi zen, bertan besterik lagin fitxategi bat da. 715 00:32:06,910 --> 00:32:11,020 Ikusiko duzu bat-batean agertzen da, gehien ezker-aldean litekeena, 716 00:32:11,020 --> 00:32:12,810 eta fitxa oraindik zabalik egongo. 717 00:32:12,810 --> 00:32:21,300 Eta utzi animatzen nau orain birsortzeko Fitxategi hau edo aldaera batzuk kontratuan. 718 00:32:21,300 --> 00:32:24,607 Eta ezin izan du ikusi nahiko balu on pantaila, hau da diapositibak-berdina 719 00:32:24,607 --> 00:32:26,190 ziurrenik beste fitxa batean izan. 720 00:32:26,190 --> 00:32:29,296 >> Beraz, azken finean, egin zure lehen web orrialdea, gorde, eta gero, une batean, 721 00:32:29,296 --> 00:32:31,170 erakutsi dut nola duzu benetan ikus dezakezu hau. 722 00:32:31,170 --> 00:32:32,970 Baina aldatzeko gauza bat behintzat. 723 00:32:32,970 --> 00:32:35,400 Aldatu helloworld den Zure aukeraren berezko zerbait, 724 00:32:35,400 --> 00:32:39,821 beraz Oraindik sinetsita zure dela artxibatzen eta ez bat sortu dut. 725 00:32:39,821 --> 00:32:40,320 Ados. 726 00:32:40,320 --> 00:32:43,804 Eta noiz ez ready-- zu rush-- prest zaude, 727 00:32:43,804 --> 00:32:46,220 aurrera eta gorde fitxategia behin aldaketa horiek diozu. 728 00:32:46,220 --> 00:32:49,540 Eta klik egiten baduzu Exekutatu botoia goian, hau 729 00:32:49,540 --> 00:32:53,610 Fitxa berri bat izango dela esango ireki behar duzu zer URL zure fitxa ikus dezakezu, 730 00:32:53,610 --> 00:32:56,380 baina une bat igaro daiteke hura aurrekontua unquote "hasteko Apache," horrek 731 00:32:56,380 --> 00:32:58,820 Web zerbitzari baten izena da. 732 00:32:58,820 --> 00:33:02,430 Beraz, kontuz ibili zehazki egin Zer da fitxategia ere, azken finean. 733 00:33:02,430 --> 00:33:04,610 Beraz, oraintxe bertan, mapan handiago dut. 734 00:33:04,610 --> 00:33:07,780 idazten bada open-parentesi HTML, oharra 735 00:33:07,780 --> 00:33:09,650 Honez niri galdetu da nire pentsamendu amaitzeko. 736 00:33:09,650 --> 00:33:13,750 Eta nire pentsamendu amaitu nuen bada, automatikoki ematen dit itxiera etiketa. 737 00:33:13,750 --> 00:33:17,190 Baina esperantza da ondoren egingo hit I Sartu, eta, ondoren, mugitu barruan dago 738 00:33:17,190 --> 00:33:21,180 eta barruan buru egin eta ondoren, gorputza ez dut barruan. 739 00:33:21,180 --> 00:33:24,430 Eta hasiera batean apur bat arraroa da, bertan lan egiten duelako zuretzat, 740 00:33:24,430 --> 00:33:27,110 baina konturatzen da, azken finean duzun zanpatze aurrezten da. 741 00:33:27,110 --> 00:33:30,500 Eta hain zuzen ere, ezaugarri oso ohikoa programazio inguruneak egun hauetan 742 00:33:30,500 --> 00:33:33,260 bai web garapena bezalako hau eta benetako programazio, 743 00:33:33,260 --> 00:33:36,960 bihar buruz hitz egingo dugu, auto-osoa da ezaugarri horiek, 744 00:33:36,960 --> 00:33:39,710 Gauza hori besterik baimendu bat programatzaile edo diseinatzaile 745 00:33:39,710 --> 00:33:42,010 to zanpatze gutxiago idazten den betetzeko gauza bera. 746 00:33:42,010 --> 00:33:43,176 Batzuetan ona da, baina. 747 00:33:43,176 --> 00:33:44,560 Batzuetan besterik gogaikarriak da. 748 00:33:44,560 --> 00:33:49,290 749 00:33:49,290 --> 00:33:54,010 Eta, berriro, behin transkribatu duzun diapositiba edo aldaera batzuk aztertu dute, 750 00:33:54,010 --> 00:33:57,360 Run botoia klikatu dezakezu gora eman. 751 00:33:57,360 --> 00:33:59,910 Eta gero, beheko leiho, berri jasoko duzu 752 00:33:59,910 --> 00:34:04,290 zer URL zure web bisitatu ahal izango duzu. 753 00:34:04,290 --> 00:34:08,790 Nirea, adibidez, da business-daharvard.c9users.io 754 00:34:08,790 --> 00:34:11,480 eta abar. 755 00:34:11,480 --> 00:34:14,580 Ondo da, beraz, utzi Niretzat edozein galdera? 756 00:34:14,580 --> 00:34:19,460 besterik lortzean buruz beste zalantzaren hau lanean ezaugarriak gehitu dugu aurretik? 757 00:34:19,460 --> 00:34:21,692 Eta utzi niri proposatu, besterik folks comfortable-- eskuratu 758 00:34:21,692 --> 00:34:24,400 Gauza bat da, besterik ez delako copy-paste blindly zer egin dut. 759 00:34:24,400 --> 00:34:27,177 Baina besterik ez da jende wrestle duten gutxienez bat egiteke batera, 760 00:34:27,177 --> 00:34:28,510 Noa musika batzuk piztu joan. 761 00:34:28,510 --> 00:34:32,630 zerrenda bat proposatzen noa Gauzak potentzialki dezakezu gehitzeko. 762 00:34:32,630 --> 00:34:34,086 Eta, zalantzarik gabe erabili ahal izango duzu Google. 763 00:34:34,086 --> 00:34:36,210 Eta zergatik ez dugu besterik proposatzeko konpontzen saiatu duzula 764 00:34:36,210 --> 00:34:38,710 eta gutxienez, arazo jakin hemen. 765 00:34:38,710 --> 00:34:45,090 Beraz etiketa dagokionez, utzi hau berrerabiltzea me hemen. 766 00:34:45,090 --> 00:34:48,280 >> Egia esan, let me jarri horren testu inprimakia. 767 00:34:48,280 --> 00:35:02,380 Demagun tags genuke artean erabili hona hemen baino gehiago dira etiketa batzuk. 768 00:35:02,380 --> 00:35:06,090 paragrafoan etiketa ikusi dugu. 769 00:35:06,090 --> 00:35:07,850 Orain auto-osoa joan. 770 00:35:07,850 --> 00:35:12,220 Paragraph tag, aingura tag. 771 00:35:12,220 --> 00:35:15,250 Demagun nahi duzun zerbait handiagoa egiteko, 772 00:35:15,250 --> 00:35:19,480 beraz, baliteke bezalakoa duzu span etiketa lagun dezake. 773 00:35:19,480 --> 00:35:23,010 Beno, agian laguntza behar duzu une bat besterik ez dela. 774 00:35:23,010 --> 00:35:24,830 div ikusi dugu. 775 00:35:24,830 --> 00:35:26,170 Ikusiko duzu, ez da taula. 776 00:35:26,170 --> 00:35:27,928 Ez dago izeneko zerbait tr, td. 777 00:35:27,928 --> 00:35:30,736 778 00:35:30,736 --> 00:35:32,860 Th, td. 779 00:35:32,860 --> 00:35:34,770 Goazen atzera une batean. 780 00:35:34,770 --> 00:35:36,590 Zer gehiago erabil liteke? 781 00:35:36,590 --> 00:35:38,310 Ez dago indartsu. 782 00:35:38,310 --> 00:35:43,640 Ez dago nabarmenduz, edo hobeto esanda em. 783 00:35:43,640 --> 00:35:50,110 There's-- zer gehiago Baliteke hemen gogorik bai? 784 00:35:50,110 --> 00:35:51,930 Beno, bat hartu dugu hori begiratu elkarrekin. 785 00:35:51,930 --> 00:35:53,230 Inprimakia, bertan ikusi dugu. 786 00:35:53,230 --> 00:35:54,130 Ez dago inprimaki da. 787 00:35:54,130 --> 00:35:56,500 Ez dago sarrera eta beste batzuk. 788 00:35:56,500 --> 00:35:58,924 789 00:35:58,924 --> 00:36:00,090 Ondo da, beraz, egin dezagun. 790 00:36:00,090 --> 00:36:02,330 Victoria bati erantzuteko Galdera, let me lehen 791 00:36:02,330 --> 00:36:05,020 ziurtatu guztiontzat dela bere kaixo lan lortzeko gai. 792 00:36:05,020 --> 00:36:06,900 Ondoren, utzi niri aurkeztu pare bat beste ideia. 793 00:36:06,900 --> 00:36:09,209 Ondoren, utzi egingo dugu folks konpontzeko bere kabuz arazo batzuk. 794 00:36:09,209 --> 00:36:11,500 Orduan benetan dugu itzuli Sasoi baten ideia hori, 795 00:36:11,500 --> 00:36:14,950 eta, dugu benetan berriro ezartzea elkarrekin front-end interfazea, 796 00:36:14,950 --> 00:36:16,450 nolabait esateko, Google bera da. 797 00:36:16,450 --> 00:36:19,700 Google erabiliko dugu atzera amaieran bezala eta utzi Lan gogorra egin zien, bilaketa, 798 00:36:19,700 --> 00:36:22,760 baina frontend birsortu egingo dugu Google eta bilaketa-inprimakiaren 799 00:36:22,760 --> 00:36:24,520 dute beren hasierako orrian zuten. 800 00:36:24,520 --> 00:36:27,050 Eta beraz, itzuli gara nahi horiek une bat besterik etiketa. 801 00:36:27,050 --> 00:36:30,270 >> Beraz, hau izan dudana proposatu duela une bat besterik ez. 802 00:36:30,270 --> 00:36:33,940 estilizazioa gehitu dezakezu bat behar dugu style etiketa honen barruan orria, 803 00:36:33,940 --> 00:36:36,950 eta atzealdean estilizatzeko dezakegu kolorea, testuaren lerrokatzea, 804 00:36:36,950 --> 00:36:39,000 zentro edo ezkerrera edo eskuinera, da ala ez. 805 00:36:39,000 --> 00:36:41,630 Baina oso azkar egiten duzun aurkitu edo web diseinatzaile 806 00:36:41,630 --> 00:36:44,060 litzateke hori aurkitu bihurtzen da apur bat unwieldy, 807 00:36:44,060 --> 00:36:48,330 zuk egiten ari delako zer da nahastuz eduki izeneko 808 00:36:48,330 --> 00:36:50,120 aurkezpen horren berri. 809 00:36:50,120 --> 00:36:53,756 zure datuak nahastuz ari zara eta estetika horren berri. 810 00:36:53,756 --> 00:36:56,380 Eta hain zuzen ere, uste baduzu zer ari den aldia baino gertatuko 811 00:36:56,380 --> 00:36:58,350 hau da, oso txiki bat Web orri, jakina. 812 00:36:58,350 --> 00:37:01,590 Baina edukia gehitu dut Orri honetan bada eta estilo gehitu dut orri hau, 813 00:37:01,590 --> 00:37:04,650 orrialde oso azkar lortzen luzeagoa eta luzeagoa eta luzeagoa. 814 00:37:04,650 --> 00:37:07,510 Eta demagun nahi dut Bigarren web orri bat behar dela 815 00:37:07,510 --> 00:37:09,010 akzioak atributuak horietako batzuk. 816 00:37:09,010 --> 00:37:12,350 Demagun nire bigarren web orri for my site-- halaber, dena zentroko nahi dut, 817 00:37:12,350 --> 00:37:14,960 eta, era berean, dena nahi dut hondo berde bat. 818 00:37:14,960 --> 00:37:17,940 Nahiko askoz dut nahi izan joan kopiatu eta lerro horietako batzuk itsatsi 819 00:37:17,940 --> 00:37:20,730 Bigarren fitxategi hori, sentitzen fina sartu. 820 00:37:20,730 --> 00:37:22,030 Arazoa konpondu egingo da. 821 00:37:22,030 --> 00:37:26,060 >> Baina zer hirugarren orri bat nahi badut edo 30an orri bat edo 40. orri bat? 822 00:37:26,060 --> 00:37:28,730 Orain ez dut kopiatzea joan eta bikoiztuak kode asko a itsatsi 823 00:37:28,730 --> 00:37:30,430 fitxategi anitzetan. 824 00:37:30,430 --> 00:37:32,600 Eta beraz, demagun erabaki dut, edo esan dut, 825 00:37:32,600 --> 00:37:34,780 beno, ez gara bat erabiliz hondo berde jada. 826 00:37:34,780 --> 00:37:36,380 laranja erabiltzen hasteko goaz. 827 00:37:36,380 --> 00:37:38,690 Zer aldatu behar duzu? 828 00:37:38,690 --> 00:37:42,900 Beno, estilo hori aldatu behar duzu laranja berde batetik tokiak zenbat ere? 829 00:37:42,900 --> 00:37:44,920 30 edo 40 leku Like. 830 00:37:44,920 --> 00:37:45,900 It lapurtera da. 831 00:37:45,900 --> 00:37:47,039 It joera akatsak izan. 832 00:37:47,039 --> 00:37:49,580 Ez dago arrazoi zenbaki bat da non ez zela nahi bultzatu 833 00:37:49,580 --> 00:37:51,840 Zuk zeuk mina mota hori. 834 00:37:51,840 --> 00:37:54,760 Eta, beraz, ez litzateke polita izango da dugu hartuko balute dudana besterik 835 00:37:54,760 --> 00:37:58,240 bi horia horien artean jarri tags, estilo etiketa, 836 00:37:58,240 --> 00:38:04,050 faktore ezazu, eta guztia jarri nire estilizazioa fitxategi central bat sartu 837 00:38:04,050 --> 00:38:08,470 40 30 edo nire beste fitxategiak from maileguan edo nolabait erreferentzia, 838 00:38:08,470 --> 00:38:11,640 Ez networking bezala diagramak ziren aurretik egiten dugu? 839 00:38:11,640 --> 00:38:15,030 >> Beraz, joan nintzen ere bada hemen, naiz benetan proposatzen joan 840 00:38:15,030 --> 00:38:17,880 ordezkatzeko dugun zerbait style etiketa 841 00:38:17,880 --> 00:38:21,620 izeneko link tag, da horribly, horribly izendatu, 842 00:38:21,620 --> 00:38:24,370 ez duzulako erabili link etiketa zer sortu nahi 843 00:38:24,370 --> 00:38:26,380 dugu gizakiak web orri bateko esteka bat bezala ezagutzen. 844 00:38:26,380 --> 00:38:29,750 Horretarako, bertan etiketa erabili duzu? 845 00:38:29,750 --> 00:38:31,464 Nola web orri bateko esteka bat sortu duzu? 846 00:38:31,464 --> 00:38:32,130 IKUSLEEN: a The. 847 00:38:32,130 --> 00:38:34,870 DAVID J. MALAN: a The, edo aingura Etiketa, hori baino lehen Disney joan. 848 00:38:34,870 --> 00:38:39,090 link etiketa hemen esaten fitxategi batera esteka Halako izeneko 849 00:38:39,090 --> 00:38:44,350 Styles.css harremana zein da nire stylesheet dela izango. 850 00:38:44,350 --> 00:38:48,290 Beraz, hau da S-ren bat CSS Kaskadako estilo-orriak. 851 00:38:48,290 --> 00:38:50,490 Style sheet-- S hamarkadan CSS ere bi. 852 00:38:50,490 --> 00:38:52,550 style sheet Cascading. 853 00:38:52,550 --> 00:38:58,640 Honek esan nahi du, besterik gabe, beno, nabigatzailea, joan styles.css aurkitu tokiko zerbitzarian 854 00:38:58,640 --> 00:39:01,870 eta zure estilo gisa erabili da, zein fitxategi horren barruan esan nahi du 855 00:39:01,870 --> 00:39:05,310 hau da, guztiak izango da stylizations hori besterik ez dugu egin. 856 00:39:05,310 --> 00:39:07,396 Eta orain zer fitxategi hori hau da hau agian itxura. 857 00:39:07,396 --> 00:39:10,020 Eta besterik ez dut egingo hau da azkar bat Adibidez, zeren ez dugu behar 858 00:39:10,020 --> 00:39:12,000 gehiegi belar hemen sartu lortzeko. 859 00:39:12,000 --> 00:39:17,840 Baina hau kopiatu badut, zer naiz proposatuz da programatzailea hori fitxategi berri bat sortzeko, 860 00:39:17,840 --> 00:39:24,450 lerroak horietan itsatsi whoops-- ildo horietan itsatsi, 861 00:39:24,450 --> 00:39:32,270 gorde styles.css gisa, eta, ondoren, in Beste fitxategi, ezabatu hori guztia 862 00:39:32,270 --> 00:39:35,450 eta horren ordez ordez link etiketa honekin. 863 00:39:35,450 --> 00:39:43,090 Beraz lotzen dut href = "styles.css" bada, harremana "stylesheet" izanen da 864 00:39:43,090 --> 00:39:44,170 itxi etiketa. 865 00:39:44,170 --> 00:39:45,250 Gorde. 866 00:39:45,250 --> 00:39:47,000 Itzuli nire helloworld izateko. 867 00:39:47,000 --> 00:39:48,690 Birkargatu. 868 00:39:48,690 --> 00:39:51,290 >> Hitzez ezer gertatu. 869 00:39:51,290 --> 00:39:54,710 Hori gauza ona da, delako esan nahi da, benetan lan guztiak. 870 00:39:54,710 --> 00:39:58,860 bezainbeste frogatzeko, demagun bat egin dut typo, eta deitzen dut "styles.css" honetan 871 00:39:58,860 --> 00:40:03,080 capital a S, hau da, behar okerra, eta, ondoren, berriro kargatzeko. 872 00:40:03,080 --> 00:40:05,470 Orain ikusiko duzu, besterik ez du funtzionatzen. 873 00:40:05,470 --> 00:40:06,362 Orain, zergatik? 874 00:40:06,362 --> 00:40:08,070 Beno, goazen bat erabili lehenago teknika. 875 00:40:08,070 --> 00:40:10,153 Dezagun aurrera eta, in nire nabigatzailea, Chrome, naiz 876 00:40:10,153 --> 00:40:12,900 ireki berezi hori joan sare fitxa lehen bezala, 877 00:40:12,900 --> 00:40:15,560 eta utzi orria berriz kargatzea me. 878 00:40:15,560 --> 00:40:19,341 Zer zara zu, ez harritu orain ikusteko? 879 00:40:19,341 --> 00:40:20,840 Edo agian harritu ikusteko zaudenean. 880 00:40:20,840 --> 00:40:23,225 Dena den, zer egin orain ikusten duzu? 881 00:40:23,225 --> 00:40:24,100 Ikusleak: [INAUDIBLE] 882 00:40:24,100 --> 00:40:24,770 DAVID J. MALAN: Ez da aurkitu. 883 00:40:24,770 --> 00:40:25,680 Zergatik da ez da aurkitu? 884 00:40:25,680 --> 00:40:28,480 Beno, Styles.css-- hiriburua S-- ez da existitzen. 885 00:40:28,480 --> 00:40:29,230 da Misnamed dut. 886 00:40:29,230 --> 00:40:30,430 Simple typo. 887 00:40:30,430 --> 00:40:33,816 Baina nago, arrazoiarekin orain bat lortzeko 404, zerbitzariak esaten ari delako, beno, 888 00:40:33,816 --> 00:40:34,440 Ez da aurkitu. 889 00:40:34,440 --> 00:40:36,300 Literalki, ez dakit non fitxategi hori da. 890 00:40:36,300 --> 00:40:38,880 Beraz, ondorioz, nabigatzailea erakusten du ahal duen, 891 00:40:38,880 --> 00:40:42,860 orriaren eduki gordinak, bertan 200, HTML bat izan zen, 892 00:40:42,860 --> 00:40:45,390 baina stylization ezin hortik aurrera gehituko dira. 893 00:40:45,390 --> 00:40:47,120 Eta hau da, zer Kaskadako ekarri. 894 00:40:47,120 --> 00:40:49,070 ordenatzeko gehi da ondoren, eta sailkatuko da 895 00:40:49,070 --> 00:40:50,874 Web orria estetika hobetzen du. 896 00:40:50,874 --> 00:40:53,790 Eta are jaramonik ez egin dezakete horiek oraindik beste Estilo orriak estilo 897 00:40:53,790 --> 00:40:54,700 nahi baduzu. 898 00:40:54,700 --> 00:40:57,780 Ez da aurkitu, nahiz eta, kasu honetan, jakina delako, hura Misnamed dut. 899 00:40:57,780 --> 00:41:00,330 Beraz, lehen konpondu behar nuke. 900 00:41:00,330 --> 00:41:04,667 >> Beraz, goazen aurrera eta Honako hauek proposatu. 901 00:41:04,667 --> 00:41:07,410 902 00:41:07,410 --> 00:41:11,140 Dezagun aurrera eta hau egin. 903 00:41:11,140 --> 00:41:14,220 agian hasita Zure helloworld fitxategia, 904 00:41:14,220 --> 00:41:17,740 utzi gonbidatzen besterik me pare bat agertzen, iradokizunak. 905 00:41:17,740 --> 00:41:20,400 Beraz, Victoria, nahi duzu egiteko testu batzuk handiagoak, ezta? 906 00:41:20,400 --> 00:41:24,555 Ondo da, beraz, ezin dugu Zer egin testu handiagoa. 907 00:41:24,555 --> 00:41:26,860 Eta egingo dugu pluck bakoitzak off Arazo bat konpontzeko. 908 00:41:26,860 --> 00:41:30,867 Testua handitu. 909 00:41:30,867 --> 00:41:32,700 Ez dut traba joan hau idazten dugunean 910 00:41:32,700 --> 00:41:35,600 bala teknologia eskubidea dute hemen baino. 911 00:41:35,600 --> 00:41:39,970 Beraz, arazo batzuk. 912 00:41:39,970 --> 00:41:44,670 Beraz, saiatu joan testu handiagoa egiteko. 913 00:41:44,670 --> 00:41:45,170 Ados. 914 00:41:45,170 --> 00:41:48,360 Zer beste norbait proposatuko luke? 915 00:41:48,360 --> 00:41:50,332 Zer gehiago nahi genuke den web orri bat egin? 916 00:41:50,332 --> 00:41:52,040 Dezagun etorri batekin gauza zerrenda laburra 917 00:41:52,040 --> 00:41:55,366 eta, ondoren, delegatu talde hau irudikatu. 918 00:41:55,366 --> 00:41:56,270 >> Ikusleak: [INAUDIBLE] 919 00:41:56,270 --> 00:42:02,251 >> DAVID J. MALAN: OK, posizio testua orriaren alde desberdinetan? 920 00:42:02,251 --> 00:42:02,750 Ados. 921 00:42:02,750 --> 00:42:04,620 Beste zerbait. 922 00:42:04,620 --> 00:42:05,784 >> Ikusleak: [INAUDIBLE] 923 00:42:05,784 --> 00:42:06,700 DAVID J. MALAN: It da. 924 00:42:06,700 --> 00:42:08,720 Beraz gif bat besterik ez da fitxategi formatu desberdinetan. 925 00:42:08,720 --> 00:42:12,830 erabili besterik ez dugu, zer, a png edo jpg bat seguruenik? 926 00:42:12,830 --> 00:42:14,480 jpg bat erabiliko dugu. 927 00:42:14,480 --> 00:42:16,780 Jakin-mina, gehiegizko bada Zure galderari erantzun 928 00:42:16,780 --> 00:42:19,404 dago jpg bat da, oro har, erabilitako argazkiak, onartzen duelako 929 00:42:19,404 --> 00:42:21,500 kolore edo 24-bit kolorea milioika. 930 00:42:21,500 --> 00:42:26,930 gif, oro har, dagoen bezala erabili, internet memes days-- animazioak horiek, 931 00:42:26,930 --> 00:42:28,810 atsegin GIF animatuak. 932 00:42:28,810 --> 00:42:32,320 Baina txikiagoa kolore bat erabili gertatzen da paleta, 256 bakarrik posible koloreak, 933 00:42:32,320 --> 00:42:35,230 baina horri eusten gardentasuna eta animazioa. 934 00:42:35,230 --> 00:42:40,330 Eta orduan, png, eta horrek onartzen gardentasun eta kolore gehiago 935 00:42:40,330 --> 00:42:41,300 baina ez animazioa. 936 00:42:41,300 --> 00:42:42,133 Beraz, merkataritza-off da. 937 00:42:42,133 --> 00:42:44,144 938 00:42:44,144 --> 00:42:46,060 Beraz gif bat gehituz, ordea, funtzionalki izango litzateke 939 00:42:46,060 --> 00:42:48,396 png edo jpg bat gehituz baliokidea. 940 00:42:48,396 --> 00:42:49,110 Bai. 941 00:42:49,110 --> 00:42:50,550 Irudiaren iturria berdin. 942 00:42:50,550 --> 00:42:51,590 Beraz, beste zerbait. 943 00:42:51,590 --> 00:42:57,288 Dezagun etorri arte zerbait bidali Victoria dugu hemen egin behar. 944 00:42:57,288 --> 00:42:59,209 >> Ikusleak: Gehitu botoiak formulario bat da. 945 00:42:59,209 --> 00:43:00,000 DAVID J. MALAN: OK. 946 00:43:00,000 --> 00:43:02,179 Beraz, gehitu botoiak formulario bat da. 947 00:43:02,179 --> 00:43:03,470 Eta hori elkarrekin egin dugu. 948 00:43:03,470 --> 00:43:07,220 Beraz, hori segue perfektua izan beharko eskuineko erronka honen ondoren. 949 00:43:07,220 --> 00:43:10,357 Zerbait gehiago? 950 00:43:10,357 --> 00:43:11,440 Zer egin nahi duzu? 951 00:43:11,440 --> 00:43:14,040 952 00:43:14,040 --> 00:43:16,516 Web oso underwhelming sentitzen hau da guztia bada egin ahal izango dugu. 953 00:43:16,516 --> 00:43:18,140 Ikusleak: Aldatu testuaren kolorea. 954 00:43:18,140 --> 00:43:19,500 DAVID J. MALAN: Aldatu zer da? 955 00:43:19,500 --> 00:43:20,666 Ikusleak: testuaren kolorea. 956 00:43:20,666 --> 00:43:22,311 DAVID J. MALAN: Aldatu testuaren kolorea. 957 00:43:22,311 --> 00:43:22,810 Ados. 958 00:43:22,810 --> 00:43:23,790 Beraz, egin dezagun hau. 959 00:43:23,790 --> 00:43:27,209 Just berriro beraz Oraindik ez duzula, besterik ez Buruz, zehazki zer egiten ari naiz, 960 00:43:27,209 --> 00:43:29,500 Noa musika piztu joan agian bost minutu hemen da. 961 00:43:29,500 --> 00:43:30,450 ongietorri Google erabili zara. 962 00:43:30,450 --> 00:43:33,130 ongietorri galdetu behar zara, eta iradokizun bat xuxurlatzen dut zure belarrian. 963 00:43:33,130 --> 00:43:35,171 ongietorri begiratzen ari zara baino gehiago bestearen bizkar gainean. 964 00:43:35,171 --> 00:43:37,340 Baina besterik arazo horietako bat konpontzen. 965 00:43:37,340 --> 00:43:40,190 Baina azken batean, guk egingo dugu eratzen bat, ahal izango banu, elkarrekin. 966 00:43:40,190 --> 00:43:42,790 Beraz, bost minutu konpontzeko Edozein arazo horietako bat 967 00:43:42,790 --> 00:43:46,780 Google, intuizioa erabiliz, edo edozein beste bide dituzu eskura. 968 00:43:46,780 --> 00:43:48,630 >> [Musika jotzen] 969 00:43:48,630 --> 00:43:49,130 Ados. 970 00:43:49,130 --> 00:43:50,838 Kezkak nahi baduzu tinkering mantentzeko, 971 00:43:50,838 --> 00:43:53,880 baina pare bat hondatu dut erantzun horiek. 972 00:43:53,880 --> 00:43:57,986 Beraz, lehenengo iradokizuna Victoria testu handiagoa egin zen. 973 00:43:57,986 --> 00:43:59,360 Beraz, ez da modu batzuk hau egiteko. 974 00:43:59,360 --> 00:44:01,530 Une dut leheneratu Tamaina hau nire pantailan, 975 00:44:01,530 --> 00:44:04,310 handitutako dut, nahiz artifizialki besterik gauzak ikusteko. 976 00:44:04,310 --> 00:44:07,470 Eta egin dezagun. 977 00:44:07,470 --> 00:44:11,380 Dezagun aurrera me eta grab generic Latin testu batzuk 978 00:44:11,380 --> 00:44:19,540 Beraz, zerbait zerbait lan egin behar dugu. 979 00:44:19,540 --> 00:44:20,715 Beraz, ematen dit une bat besterik ez. 980 00:44:20,715 --> 00:44:21,840 hiru paragrafoetan egin dut. 981 00:44:21,840 --> 00:44:53,430 982 00:44:53,430 --> 00:44:53,930 ONDO DA. 983 00:44:53,930 --> 00:44:55,560 Hau hobeto adibide bat izango da. 984 00:44:55,560 --> 00:44:57,840 Beraz, bitxia da, in Nire hello.html, I just 985 00:44:57,840 --> 00:45:01,645 itsatsiko hiru zentzugabeko Latin paragrafoetan 986 00:45:01,645 --> 00:45:03,270 Beraz, besterik testu batzuk lan egin behar dugu. 987 00:45:03,270 --> 00:45:06,720 Eta Victoria helburua zen testu handiagoa batzuk egiteko. 988 00:45:06,720 --> 00:45:09,879 Beraz, ezin izan dut, lehen bezala, joan hemen. 989 00:45:09,879 --> 00:45:11,170 Eta utzi niri eskuineko bidea. 990 00:45:11,170 --> 00:45:13,253 lotura bat dute noa Etiketa fitxategi bat seinalatzen 991 00:45:13,253 --> 00:45:20,560 izeneko "Styles.css" harremana horietako bat da, berriro "stylesheet." 992 00:45:20,560 --> 00:45:25,221 Eta, ondoren, gorde noa eta ireki "styles.css." honetan 993 00:45:25,221 --> 00:45:28,940 >> Beraz, lehen bezala, daukat CSS fitxategi honetan gaitasuna 994 00:45:28,940 --> 00:45:31,569 benetan jaramonik lehenetsia Web orri baten estetika, 995 00:45:31,569 --> 00:45:33,860 eta estetika lehenetsia, jakina, nahiko tristea. 996 00:45:33,860 --> 00:45:36,943 font normal tamaina moduko, beltza da testua, hondo zuria, eta abar. 997 00:45:36,943 --> 00:45:39,440 Beraz, demagun egin nahi dut testu hori guztia handiagoa. 998 00:45:39,440 --> 00:45:40,460 zenbait gauza egin izan dut. 999 00:45:40,460 --> 00:45:43,750 Nire styles.css fitxategia, I esan genezake, zer badakizu, 1000 00:45:43,750 --> 00:45:46,950 Honakoa aplikatu Orri nire gorputza. 1001 00:45:46,950 --> 00:45:51,390 Anima zaitez eta egin du Letra tamaina 24 puntu, 1002 00:45:51,390 --> 00:45:54,130 horrek zenbaki bat da I liteke Microsoft Word erabili. 1003 00:45:54,130 --> 00:45:57,620 Dezagun atzera nire web me Hemen orria eta berritu, 1004 00:45:57,620 --> 00:45:59,640 eta hori ikusi ahal izango duzu Dagoeneko askoz handiagoa da. 1005 00:45:59,640 --> 00:46:02,223 Eta apur bat zoro eskuratu ahal izango dugu, besterik ezin desktop-- bat dugu atsegin 1006 00:46:02,223 --> 00:46:03,670 egin da 96 punturekin. 1007 00:46:03,670 --> 00:46:04,950 Birkargatu. 1008 00:46:04,950 --> 00:46:07,610 Eta apur bat lortzea da Puntu honetan unwieldy. 1009 00:46:07,610 --> 00:46:09,500 >> Baina apur bat zehatzagoa izan nuen. 1010 00:46:09,500 --> 00:46:14,530 Horren ordez hau aplikatuz Orri nire gorputza estilo, 1011 00:46:14,530 --> 00:46:21,740 zer gehiago zitekeen eskatu ordez, zer beste etiketa agian oraindik 1012 00:46:21,740 --> 00:46:25,445 modu berean funtzioa? 1013 00:46:25,445 --> 00:46:26,444 >> Ikusleak: p etiketa? 1014 00:46:26,444 --> 00:46:27,360 DAVID J. MALAN: P etiketa. 1015 00:46:27,360 --> 00:46:29,350 Beraz, burua ez luke izan zuzena, burua delako, 1016 00:46:29,350 --> 00:46:31,300 ezin duzu benetan estetika kontrolatzeko. 1017 00:46:31,300 --> 00:46:32,700 Ez dago testua han edo ez. 1018 00:46:32,700 --> 00:46:36,760 Baina p tag-- apur bat ere ezin dut murgiltze sakonagoa, nolabait esateko, paragrafoa den 1019 00:46:36,760 --> 00:46:37,350 tags. 1020 00:46:37,350 --> 00:46:41,600 Eta badira hiru arren, Hori guztiz fina, CSS delako, 1021 00:46:41,600 --> 00:46:44,900 denean esan dut "p," hau esan nahi du honako aplikatu 1022 00:46:44,900 --> 00:46:48,300 datorren honen edozein etiketa hautatzaileak, hautatzaileak besterik 1023 00:46:48,300 --> 00:46:49,430 Etiketa-izena izatea. 1024 00:46:49,430 --> 00:46:52,350 Beraz, edonon ikusten duzu "P" aplikatu letra-tamaina, 1025 00:46:52,350 --> 00:46:55,222 eta utzi egin da gehiago arrazoizkoa, berriro 24 puntu. 1026 00:46:55,222 --> 00:46:56,930 Eta zer badakizu, neurri ona, 1027 00:46:56,930 --> 00:46:59,810 dezagun egin kolorea oraingoz besterik gorria. 1028 00:46:59,810 --> 00:47:03,740 Eta orain berriro kargatu dut, bada, orain dugu ikusi hiru itsusi paragrafoak. 1029 00:47:03,740 --> 00:47:07,180 >> Baina orain, suposatzen moduko naiz I of-- lehen paragrafoan nahi dut 1030 00:47:07,180 --> 00:47:08,210 jauzi egin erabiltzaileari. 1031 00:47:08,210 --> 00:47:11,150 Ez dut nahi, besterik handitzeko font dena tamaina. 1032 00:47:11,150 --> 00:47:16,105 Eta beraz, benetan nahi dut, identifikatzeko edo paragrafo horiek artean bereiztea. 1033 00:47:16,105 --> 00:47:18,730 Hargatik gorriak kentzeko, hori besterik motatako tacky delako, 1034 00:47:18,730 --> 00:47:23,885 eta goazen aurrera eta egin du Letra tamaina 12 puntuko lehenetsi, 1035 00:47:23,885 --> 00:47:26,260 beraz, zerbait itzuli gara apur bat gehiago arrazoizkoa. 1036 00:47:26,260 --> 00:47:29,190 Eta orain, besterik handitu nahi dut font lehen paragrafoan tamaina. 1037 00:47:29,190 --> 00:47:31,440 Hau egin dut gutxi barru modu, baina modu bat hori da, 1038 00:47:31,440 --> 00:47:37,180 agian gehien instructional at Une da honako hau egin behar. 1039 00:47:37,180 --> 00:47:43,280 Dezagun aurrera me eta esan, hau paragrafoko ID berezia du "lehen." 1040 00:47:43,280 --> 00:47:45,000 ezer I deitu nahi izan dut. 1041 00:47:45,000 --> 00:47:46,874 "Foo" hau deitu izan dut edo beste hitz, 1042 00:47:46,874 --> 00:47:49,290 baina ez dut emateko zenbait joan semantikoki izen esanguratsua 1043 00:47:49,290 --> 00:47:50,320 bezala "lehen." 1044 00:47:50,320 --> 00:47:54,790 Hau identifikatzaile bakarra da, ID etorri, nire lehenengo paragrafoa. 1045 00:47:54,790 --> 00:47:59,360 >> Zer egin behar dut orain nire stylesheet egin dezakezu da pixka bat gehiago zehatza. 1046 00:47:59,360 --> 00:48:02,330 Horren ordez esaten, aplikatu p etiketa honako etorri, 1047 00:48:02,330 --> 00:48:04,890 honako hau esan ahal izango dut Honako hauek aplikatuko, 1048 00:48:04,890 --> 00:48:11,000 edo hautatu, HTML elementua horren ID berezia du "lehen." 1049 00:48:11,000 --> 00:48:12,350 Zer da eskatu nahi dut? 1050 00:48:12,350 --> 00:48:15,250 font 24 puntuko tamaina bat. 1051 00:48:15,250 --> 00:48:16,640 Beraz, bi Selectors daukat orain. 1052 00:48:16,640 --> 00:48:19,690 One guztia egiten du 12 puntuko paragrafoa. 1053 00:48:19,690 --> 00:48:24,960 Baina hau, batez ere, orduan segundo fitxategi azken orduan 1054 00:48:24,960 --> 00:48:27,090 hau Kaskadako eragina dauka. 1055 00:48:27,090 --> 00:48:30,200 besterik Nik egin zidala paragrafo tags 12 puntu, 1056 00:48:30,200 --> 00:48:34,350 baina orain hau goitik eta gainidazten edozein elementu 1057 00:48:34,350 --> 00:48:38,800 Orri batean, edozein etiketa orrialde zeinen ID berezia aurrekontua unquote "lehen." 1058 00:48:38,800 --> 00:48:41,720 Eta testuinguru honetan hashtag besterik "identifikatzaile bakarra." esan nahi du 1059 00:48:41,720 --> 00:48:43,750 Ez dut jarri da HTML fitxategi batean. 1060 00:48:43,750 --> 00:48:46,880 Nik, hemen, besterik gabe esan aurrekontua unquote "lehen." 1061 00:48:46,880 --> 00:48:48,470 >> Hargatik freskatuz. 1062 00:48:48,470 --> 00:48:49,919 Eta orain, ikusi dut ah, OK. 1063 00:48:49,919 --> 00:48:51,710 Esan nahi dut, ez da hori nahiko, baina mota da 1064 00:48:51,710 --> 00:48:53,600 of a hitzaurrean bezala liburu edo horrelako zerbait, 1065 00:48:53,600 --> 00:48:55,100 non lehenengo paragrafoan handiagoa da. 1066 00:48:55,100 --> 00:48:57,933 are gehiago zehatza izan daiteke besterik lehen letrak, baina, gutxienez, 1067 00:48:57,933 --> 00:48:59,110 ihardun dut kontrol gehiago. 1068 00:48:59,110 --> 00:49:04,760 Orain maybe-- agian hau egin nahi dut Noizean behin, edozein arrazoigatik, 1069 00:49:04,760 --> 00:49:09,010 eta, beraz, ez dut nahi honetarako besterik HTML etiketa bat aplikatu. 1070 00:49:09,010 --> 00:49:15,110 Izan ere, demagun dezagun halaber, honako hau. 1071 00:49:15,110 --> 00:49:18,810 Class = "inportazio". 1072 00:49:18,810 --> 00:49:23,970 Kontuan izanik ID bat erabiltzen da, bakarrean Gauza bat, etiketa bat identifikatzeko, 1073 00:49:23,970 --> 00:49:30,190 Zure web orrialdea ere, klase bat ekarri zuen edozein elementu edo etiketa kopuru erabilia 1074 00:49:30,190 --> 00:49:30,950 Zure web orrian. 1075 00:49:30,950 --> 00:49:31,710 Beraz berrerabilgarriak da. 1076 00:49:31,710 --> 00:49:33,090 ID bat ez da berrerabilgarriak. 1077 00:49:33,090 --> 00:49:34,450 Klase A berrerabilgarriak da. 1078 00:49:34,450 --> 00:49:37,830 >> Eta badakizu zer, edozein dela ere, reasons-- filosofiko 1079 00:49:37,830 --> 00:49:40,180 Ez nuen nire amaitzeko thought-- naiz esateko joan 1080 00:49:40,180 --> 00:49:44,300 hori lehen paragrafoan eta bigarren paragrafoan garrantzitsuak dira. 1081 00:49:44,300 --> 00:49:48,600 Beraz, ez dut izeneko klase aplikatuko duten "Garrantzitsua" dela, nire fitxategia gorde badut 1082 00:49:48,600 --> 00:49:51,510 eta berritu, ez ditu inpaktu erabilgarri oraindik. 1083 00:49:51,510 --> 00:49:53,780 Baina batzuk gehitu dut fitxategira metadata, 1084 00:49:53,780 --> 00:49:56,610 zerbait bereizi moduko core Fitxategiaren datuak batetik, 1085 00:49:56,610 --> 00:50:02,300 beraz, orain nire stylesheet ere, badut esan ordez ".important" - badakizu, 1086 00:50:02,300 --> 00:50:07,110 ezer hori da garrantzitsua, naiz font-color egiteko, red-- 1087 00:50:07,110 --> 00:50:09,930 edo, hobeto esanda, ez Letra-kolorea, besterik kolorea. 1088 00:50:09,930 --> 00:50:12,930 Ez dago inkoherentzia CSS ere, zoritxarrez. 1089 00:50:12,930 --> 00:50:14,120 Eta freskatuz. 1090 00:50:14,120 --> 00:50:17,640 Orain konturatu lehena Bi paragrafo gorriak dira 1091 00:50:17,640 --> 00:50:20,880 baina ez hirugarrenean, I delako bakarrik klasea aplikatuko "garrantzitsua" 1092 00:50:20,880 --> 00:50:25,020 gauza horiek lehen bi arte. 1093 00:50:25,020 --> 00:50:28,030 >> Beraz identifikazioak ere, gaitasuna duzu Oso hain zuzen zehazteko. 1094 00:50:28,030 --> 00:50:30,110 Klase batera, berrerabilpenaren duzu. 1095 00:50:30,110 --> 00:50:33,800 Baina bi kasuetan, nabarituko du ona-diseinu printzipioa moduko 1096 00:50:33,800 --> 00:50:39,072 non factored dut guztia Nire styles.css fitxategia estetika. 1097 00:50:39,072 --> 00:50:40,280 Beraz, ez messiness ez da hemen. 1098 00:50:40,280 --> 00:50:44,490 Ez dago gorria aipamen edo bold begira edo letra-tamaina fitxategi honetan. 1099 00:50:44,490 --> 00:50:49,430 Baizik eta semantikoki daukat, esanguratsuan ezaugarritu nire datu gisa, 1100 00:50:49,430 --> 00:50:51,240 hemen datu garrantzitsu batzuk. 1101 00:50:51,240 --> 00:50:52,800 Hemen daturik garrantzitsuenak batzuk. 1102 00:50:52,800 --> 00:50:56,500 Gainera, hemen da "Lehenengo" nire datu garrantzitsu. 1103 00:50:56,500 --> 00:51:01,050 Beraz HTML guztiak moduko buruz markatzea, literalki, hitz- 1104 00:51:01,050 --> 00:51:05,270 eta paragrafoak eta eraikuntzen zure Aholku horiek pixka orria, baduzu 1105 00:51:05,270 --> 00:51:07,640 Izango da, ahal duzun hori nolabait leverage erabiliz 1106 00:51:07,640 --> 00:51:10,880 beste teknika modu honetan CSS bezala. 1107 00:51:10,880 --> 00:51:14,760 >> Beraz Victoria galderari erantzun ere, testu horrela handiagoa egin ahal izango dugu. 1108 00:51:14,760 --> 00:51:18,380 Badira beste modu hainbeste, baina Letra-tipoa tag-- parentesia ireki "font" - 1109 00:51:18,380 --> 00:51:19,770 da benetan hainbat urte. 1110 00:51:19,770 --> 00:51:21,410 Eta hau arazoa da, gehiegi, bakarrik konfiantza batera 1111 00:51:21,410 --> 00:51:23,485 online resources-- on zaharkituta egon ohi dira. 1112 00:51:23,485 --> 00:51:26,110 Eta hain zuzen ere, hori zaharkituta geratu da, Mundu konturatu delako, 1113 00:51:26,110 --> 00:51:28,970 Zer esan nahi du "font-size = 7"? 1114 00:51:28,970 --> 00:51:29,670 Ez da. 1115 00:51:29,670 --> 00:51:32,770 Eta orain urte asko eta hau day-- albo bat 1116 00:51:32,770 --> 00:51:36,060 ohar Hemen da dela benetan izugarri mingarria batzuetan oraindik 1117 00:51:36,060 --> 00:51:38,900 egiteko guneak garatzeko web, baita Microsoft 1118 00:51:38,900 --> 00:51:44,220 eta Google eta Mozilla eta beste batzuk, askotan nola gisa ados 1119 00:51:44,220 --> 00:51:47,480 HTML bezalako zehaztapenak interpretatzea. 1120 00:51:47,480 --> 00:51:52,490 >> Ez dago HTML for rulebook bat da Oro har, dio etiketa bakoitzak zer esan nahi du. 1121 00:51:52,490 --> 00:51:55,690 Baina batzuetan egoten da utzitako ezartzeko diskrezioa, 1122 00:51:55,690 --> 00:51:57,290 Microsoft diskrezioa eta Google. 1123 00:51:57,290 --> 00:52:00,000 Eta, beraz, oso maiz egingo duzu webgune zerbait batean ikusi 1124 00:52:00,000 --> 00:52:04,954 itxura PC bat ezberdinak du baino Mac batean da, 1125 00:52:04,954 --> 00:52:06,995 eta hori da benetan delako, Egunaren amaieran, 1126 00:52:06,995 --> 00:52:08,891 ez zuten probatu ezazu bai bai plataformetan. 1127 00:52:08,891 --> 00:52:11,390 Baina, era berean, arrazoizkoa delako da, Jende Smart ados izango 1128 00:52:11,390 --> 00:52:14,970 eta enpresak ados izango, eta, beraz, programazio erronkei bat 1129 00:52:14,970 --> 00:52:16,980 webean edo diseinatzeko Web gauzak 1130 00:52:16,980 --> 00:52:21,700 zure webgunean idazten da modu batean duten web nabigatzailea guztietan lan egiten du. 1131 00:52:21,700 --> 00:52:23,410 Hala ere, hori da arrazoizkoa, ezta? 1132 00:52:23,410 --> 00:52:27,807 Hainbeste bertsio hainbeste nabigatzaileak ez out, uneren batean, 1133 00:52:27,807 --> 00:52:30,890 ere izan dezakezu epaia dei bat egin eta enpresa gisa erabaki behar duzu, 1134 00:52:30,890 --> 00:52:33,082 batez ere, e-commerce-estilo guneak Oraindik non 1135 00:52:33,082 --> 00:52:36,290 azken eta handiena erabiltzen saiatzen ari da teknologia erabiltzaileak benetan ona emateko 1136 00:52:36,290 --> 00:52:37,110 esperientzia. 1137 00:52:37,110 --> 00:52:41,019 Baina zure erabiltzaileen ehunekoa batzuk agian oraindik ere Internet Explorer 6 edo 7 erabiliz 1138 00:52:41,019 --> 00:52:43,810 edo 8, batez arabera herrialde ari dira datozen. 1139 00:52:43,810 --> 00:52:46,760 >> Eta beraz, oso normalean kontutan zerbait da 1140 00:52:46,760 --> 00:52:50,920 bezala "web nabigatzailea estatistikak." 1141 00:52:50,920 --> 00:52:56,560 Eta joan gara zaie utzi bada, ikus dezagun Wikipedia eta ikusi nola up-to-data diagrama hau da 1142 00:52:56,560 --> 00:52:59,320 baldin badago. 1143 00:52:59,320 --> 00:53:02,420 Beraz, hemen ikusi ahal izango duzu Nabigatzaileek benetan 1144 00:53:02,420 --> 00:53:06,160 dira, 2015ko abenduaren arabera, AEBetako Gobernuaren arabera. 1145 00:53:06,160 --> 00:53:11,170 Chrome% 42 merkatu kuota da, eta jarraian IE arabera, neurri handi batean ezarpen korporatiboetan 1146 00:53:11,170 --> 00:53:14,490 edo PC ezarpenak, noski, Firefox jarraian, 1147 00:53:14,490 --> 00:53:17,440 ondoren, Safari, Opera, ondoren, ez zuen Mapan egin hemen arrazoi batzuk, 1148 00:53:17,440 --> 00:53:18,210 eta gero besteak. 1149 00:53:18,210 --> 00:53:19,500 Agian Beste batzuk pean da. 1150 00:53:19,500 --> 00:53:27,700 Baina hori baino gehiago problematikoa is-- ikus dezagun Wikipedia halaber badu 1151 00:53:27,700 --> 00:53:35,194 Nabigatzaile version-- 1152 00:53:35,194 --> 00:53:36,160 1153 00:53:36,160 --> 00:53:39,190 >> Goazen nabigatzailean estatistikak egiteko. 1154 00:53:39,190 --> 00:53:40,680 IE. 1155 00:53:40,680 --> 00:53:42,030 Nahiz eta hori ez da nahikoa. 1156 00:53:42,030 --> 00:53:44,854 Browser estatistikak. 1157 00:53:44,854 --> 00:53:45,353 My bertsioa. 1158 00:53:45,353 --> 00:53:48,980 1159 00:53:48,980 --> 00:53:50,540 Hori ez da eskubidea izango da. 1160 00:53:50,540 --> 00:53:53,414 Ikus dezagun bertsio dezagun. 1161 00:53:53,414 --> 00:53:54,830 Browser merkatu kuota. 1162 00:53:54,830 --> 00:53:57,110 Ea, bada, badator eman dezagun. 1163 00:53:57,110 --> 00:53:57,610 ONDO DA. 1164 00:53:57,610 --> 00:54:00,010 Orain hau da lortzean apur bat gehiago erabilgarria. 1165 00:54:00,010 --> 00:54:04,870 Beraz, hemen, nabarituko guztiak ditugu Nabigatzaile ezberdinak. 1166 00:54:04,870 --> 00:54:09,887 Eta, nire jainkoa, Chrome look-- baduzu 48, 47 Chrome, Chrome 31, Chrome 45. 1167 00:54:09,887 --> 00:54:12,970 Esan nahi dut, nabigatzaile gero eta eguneratua, eta batzuetan aldaketa batzuen 1168 00:54:12,970 --> 00:54:16,430 Hemen esanguratsuak funtzionaltasunari dagokionez. 1169 00:54:16,430 --> 00:54:20,630 Eta beraz, uneren batean, etorri Produktu kudeatzaile edo ingeniari 1170 00:54:20,630 --> 00:54:23,620 behar erabakiari bat egin dezakezu Badakizu zer, munduko% 1 bakarrik 1171 00:54:23,620 --> 00:54:24,740 dago oraindik IE 7 erabiliz. 1172 00:54:24,740 --> 00:54:25,490 haiekin pikutara. 1173 00:54:25,490 --> 00:54:27,470 Ari gara, ez da joan onartzen nabigatzaileak. 1174 00:54:27,470 --> 00:54:28,740 Eta zer ez du onartzen esan nahi du? 1175 00:54:28,740 --> 00:54:31,170 baliteke botoiak erabiltzen esan nahi du, Ezta zure web orrian lan, 1176 00:54:31,170 --> 00:54:33,050 edo esan liteke formatting da erabat itzali. 1177 00:54:33,050 --> 00:54:35,091 Edo agian egin behar duzu Hori bera epaia deia 1178 00:54:35,091 --> 00:54:39,089 egun hauetan mugikorra, non, ari garen Ez IOS 5 onartzen jada. 1179 00:54:39,089 --> 00:54:40,380 Beraz, pertsona besterik ez dute berritu. 1180 00:54:40,380 --> 00:54:45,850 Edo ez gabiltza Cupcake onartzen joan Android OS Android gailu on, 1181 00:54:45,850 --> 00:54:48,629 gisa world-- bezala delako tech munduan aurrera egin nahi du, 1182 00:54:48,629 --> 00:54:51,170 motatako arrastatu nahi du harekin mundua, beraz, ez dute 1183 00:54:51,170 --> 00:54:53,295 izaten jarraituko dute beraz, atzeraka bateragarri dute 1184 00:54:53,295 --> 00:54:54,920 ezaugarri berri eta onak eskaini ahal. 1185 00:54:54,920 --> 00:54:57,878 Hau da, hain zuzen ere, arrazoi bat zergatik hainbeste enpresak gogor ari 1186 00:54:57,878 --> 00:55:01,440 eguneratze automatikoak eta behartuz moduko software azken bertsioak gurekin. 1187 00:55:01,440 --> 00:55:04,010 Eta nahiz eta enpresa bezalako Apple sailkatuko ditu 1188 00:55:04,010 --> 00:55:07,280 behartzeko ia edo bortxatzeko merkatu indarren arabera duzu 1189 00:55:07,280 --> 00:55:11,164 telefono berri bat erosi besterik ez delako Ez du zure telefono zahar egunera jada. 1190 00:55:11,164 --> 00:55:13,330 Beraz galtzen duzu on Azken ezaugarri eta handienak, 1191 00:55:13,330 --> 00:55:17,520 garestia da horiekin bat bezala delako enpresa zaharragoak mantentzea, dudarik gabe, 1192 00:55:17,520 --> 00:55:19,330 software bertsioak baino okerragoak. 1193 00:55:19,330 --> 00:55:23,660 Baina ondorio garbia dela ere suffritzen dugu baita. 1194 00:55:23,660 --> 00:55:26,550 >> Beraz, dezagun begirada bat besterik at final gauza pare bat hemen. 1195 00:55:26,550 --> 00:55:29,740 Dezagun kolpatu off azkar benetako batzuk beste balak horiek, bitxia bada. 1196 00:55:29,740 --> 00:55:33,440 Beraz duzun saiatzen ari bada, Adibidez, posizio 1197 00:55:33,440 --> 00:55:36,420 alde desberdinak testua Orri, modu azkar bat egin dut, 1198 00:55:36,420 --> 00:55:38,360 baina ez da desberdina horretarako modu. 1199 00:55:38,360 --> 00:55:42,610 Dezagun aurrera eta eliminate-- sinplifikatzen hau honela. 1200 00:55:42,610 --> 00:55:45,330 Goazen besterik me back to my simple, paragrafo errazak. 1201 00:55:45,330 --> 00:55:47,760 Dezagun atzera nire styles.css to me. 1202 00:55:47,760 --> 00:55:51,040 Eta besterik ez dut simple-- erabiltzeko behar du eta zuk Google-ena izan liteke 1203 00:55:51,040 --> 00:55:54,430 edo batetik lehenago gogoratzen Testu-lerrokatu eskuinean. 1204 00:55:54,430 --> 00:55:56,220 Eta kargatu orria. 1205 00:55:56,220 --> 00:55:58,470 Orain badirudi eskuinean lerrokatu izan, 1206 00:55:58,470 --> 00:56:00,770 goiburu on ikus dezakezu hemen. 1207 00:56:00,770 --> 00:56:04,470 >> itxura egiteko aukera izango dugu, apur bat gehiago erreserba-bezala, eta esan dezakegu "justifikatzeko" 1208 00:56:04,470 --> 00:56:05,640 eta freskatuz. 1209 00:56:05,640 --> 00:56:09,870 Orain polita eta bietan plaza da alboetan, hau da, mota polita. 1210 00:56:09,870 --> 00:56:12,220 Beste helburu hori hemen izan genuen aldaketa testuaren kolorea zen. 1211 00:56:12,220 --> 00:56:13,650 Beraz, ikusi dugu nire testu gorria. 1212 00:56:13,650 --> 00:56:15,630 Eta orain gehitzeko botoiak formulario bat da. 1213 00:56:15,630 --> 00:56:19,390 Beraz, zergatik ez zehazki Horretarako saiatzen gara? 1214 00:56:19,390 --> 00:56:23,656 Baina lehen utzi joan gune bat me dagoela gurekin gehienak erabili guztietan day-- Google. 1215 00:56:23,656 --> 00:56:25,780 Eta dezagun begirada bat nola Google benetan funtzionatzen. 1216 00:56:25,780 --> 00:56:26,821 Baina ez dut hau egin behar zuen. 1217 00:56:26,821 --> 00:56:31,930 Lehenengoa utzi niri in-- bai, goazen Google me lehen. 1218 00:56:31,930 --> 00:56:34,530 joan behar naiz joan Google ezarpenak sartu, 1219 00:56:34,530 --> 00:56:40,660 desgaitu nahi dudalako izeneko zerbait berehalako emaitzak. 1220 00:56:40,660 --> 00:56:43,580 >> Beraz, zuk ere nabaritu dute agian Google horiek atzera me utzi days-- 1221 00:56:43,580 --> 00:56:44,850 eta txanda honetan. 1222 00:56:44,850 --> 00:56:47,900 Beraz bilatzen hasi badut "Katuak" hau bezalako, 1223 00:56:47,900 --> 00:56:50,120 konturatu ez bakarrik egin auto-bete jaiki nintzen 1224 00:56:50,120 --> 00:56:54,520 gora, eta bat-batean, orria bera badirudi nahiko azkar aldatu behar baita, 1225 00:56:54,520 --> 00:56:58,750 eta hori da, Google hizkuntza bat erabiliz JavaScript izeneko lagundu nahian. 1226 00:56:58,750 --> 00:57:01,540 Baina, zoritxarrez, mota of messes gure eztabaida 1227 00:57:01,540 --> 00:57:04,010 zer benetan gertatzen ari kanpaia Hemen azpian. 1228 00:57:04,010 --> 00:57:09,070 Beraz nago mota besterik azkar berehalako emaitzak itzali. 1229 00:57:09,070 --> 00:57:11,510 Eta ez dut gordetzeko aukeratzen joan. 1230 00:57:11,510 --> 00:57:13,930 Eta orain ireki noa diagnostiko toolbar hori I 1231 00:57:13,930 --> 00:57:16,150 mantentzeko Network fitxa pean irekiera. 1232 00:57:16,150 --> 00:57:17,720 Beraz, egin dezagun. 1233 00:57:17,720 --> 00:57:21,960 Let Niretzat whoops-- korrituko hau pixka bat behera. 1234 00:57:21,960 --> 00:57:24,410 Eta utzi bilaketa egiteko me "katuak." 1235 00:57:24,410 --> 00:57:26,790 >> Eta orain konturatu benetan, hau aukera ona da 1236 00:57:26,790 --> 00:57:28,840 Une batez eztabaidatzeko. 1237 00:57:28,840 --> 00:57:32,460 Iragarki une type-- da gelditu nintzen. 1238 00:57:32,460 --> 00:57:35,250 Gelditu. 1239 00:57:35,250 --> 00:57:35,790 ONDO DA. 1240 00:57:35,790 --> 00:57:40,870 Iragarki une gutunean idazten dudanean C, kontuz pantailaren behealdean. 1241 00:57:40,870 --> 00:57:48,600 A- T S. Zer behetik egiten du Pantaila honen, nire Network fitxan, 1242 00:57:48,600 --> 00:57:53,320 iradokitzen bakoitzak gertatzen ari da eskutitz bat idazten dudanean? 1243 00:57:53,320 --> 00:57:57,700 Zoritxarrez, igel oso distracting gaur edo Shamrock du 1244 00:57:57,700 --> 00:58:00,339 edo dena dela. 1245 00:58:00,339 --> 00:58:01,880 Zer zen aldi bakoitzean idatzi dut gertatzen ari dena? 1246 00:58:01,880 --> 00:58:04,230 Eta utzi garbitzeko me buffer eta idatzi berriro. 1247 00:58:04,230 --> 00:58:06,580 Esaidazu whoops. 1248 00:58:06,580 --> 00:58:13,280 Denbora bakoitzak gutun bat idazten dudanean, C- A- t beraz, lerro berri bat, jakina mantentzen agertzen. 1249 00:58:13,280 --> 00:58:16,530 Zer errenkada horietako bakoitzak adierazten du, oinarritutako zer ikusi eta eztabaidatu dugu on 1250 00:58:16,530 --> 00:58:17,339 orain arte? 1251 00:58:17,339 --> 00:58:18,130 Ikusleak: bilaketa bat? 1252 00:58:18,130 --> 00:58:21,770 DAVID J. MALAN: bilaketa bat, edo oro, HTTP eskaera bat 1253 00:58:21,770 --> 00:58:23,125 nire zerbitzari nabigatzailean. 1254 00:58:23,125 --> 00:58:29,090 Beno, zergatik da nire nabigatzailea HTTP bat egiteko aldi bakoitzean letra bat idazten dut eskatzeko? 1255 00:58:29,090 --> 00:58:30,502 >> Ikusleak: [INAUDIBLE] 1256 00:58:30,502 --> 00:58:33,210 DAVID J. MALAN: Bai, emanez me auto-osoa emaitza horiek. 1257 00:58:33,210 --> 00:58:35,190 Bezala, non ez horiek bilaketa-emaitzak datoz? 1258 00:58:35,190 --> 00:58:38,120 Beno, aldi bakoitzean bat idazten dudanean gutun, Google gehiago bidaltzen 1259 00:58:38,120 --> 00:58:40,460 eta gero eta gehiago idazten dut hitza. 1260 00:58:40,460 --> 00:58:41,040 Zergatik? 1261 00:58:41,040 --> 00:58:44,540 me bat eman nahi dutelako gero eta hobeto, iradokizun hobea, 1262 00:58:44,540 --> 00:58:48,880 iradokizun zerrenda bat, zer da hitza benetan osoa saiatzen ari naiz. 1263 00:58:48,880 --> 00:58:53,030 Beraz, hau da, hitzez hitz esaten den pertsonaia idatz Google sartu 1264 00:58:53,030 --> 00:58:56,900 bidaltzen ari da, azken finean, in ontziratu, baina, aldi berean, batzuetan bat 1265 00:58:56,900 --> 00:59:00,620 Ordena ezartzeko denbora batean auto-osoa Ezaugarri horiek denean 1266 00:59:00,620 --> 00:59:03,000 Datu da, noski, web orrian. 1267 00:59:03,000 --> 00:59:08,780 >> Orain, dezagun benetan begirada bat gertatzen denean sakatu dut Google Search. 1268 00:59:08,780 --> 00:59:10,420 Eta gero hau leverage egingo dugu geure burua. 1269 00:59:10,420 --> 00:59:15,320 Beraz korrituko dut orain bada oso izateko lehen eskaera hori gertatu. 1270 00:59:15,320 --> 00:59:17,130 Ohartu, honako hauek. 1271 00:59:17,130 --> 00:59:25,550 nahiko luzea bidaliko zen URL-- https://www.google.com/search? 1272 00:59:25,550 --> 00:59:27,100 eta gero gauzak sorta oso bat. 1273 00:59:27,100 --> 00:59:29,620 hau Dezagun benetan orain dezagun nabigatzailean fitxa berez. 1274 00:59:29,620 --> 00:59:31,310 Dezagun toolbar kentzeko hemen. 1275 00:59:31,310 --> 00:59:33,140 Hemen bilaketa-emaitzen orriaren da. 1276 00:59:33,140 --> 00:59:34,790 Eta hemen nabarituko URL da. 1277 00:59:34,790 --> 00:59:37,430 Orain, ziurrenik asmatzea zer gertatzen da hemen ere parte. 1278 00:59:37,430 --> 00:59:39,090 Beraz, lehenik eta behin, definizio bat. 1279 00:59:39,090 --> 00:59:42,570 Hau itxuraz jomuga da non inprimakia aurkeztu da. 1280 00:59:42,570 --> 00:59:44,910 Beraz, idatzi dut hasi hitzak "katuak" eta sakatu Sartu, 1281 00:59:44,910 --> 00:59:48,460 itxuraz Google bidali Nire testu idazketa URL honetara 1282 00:59:48,460 --> 00:59:50,770 dudala nabarmendu dut Han, barra bilaketa. 1283 00:59:50,770 --> 00:59:56,530 Kontua da, URL bat, ezer ere gertatzen Galdera-ikur bat ondoren, 1284 00:59:56,530 --> 01:00:01,270 esaten mantendu dugun bezala, gako-balio bikote bat Hori formularioa sartu edo nolabait idatzitako sartu zen 1285 01:00:01,270 --> 01:00:04,500 transmititzen Zerbitzarira bidalitako nabigatzailean. 1286 01:00:04,500 --> 01:00:07,180 >> Beraz, edozein denbora sarrera idazten duzun webean inprimakietan 1287 01:00:07,180 --> 01:00:10,000 eta igorri da dugun bezala dira, eztabaidatzen get bidez, 1288 01:00:10,000 --> 01:00:12,400 birtual horietako bat kartazalak, edukiak 1289 01:00:12,400 --> 01:00:15,510 duten envelope-- bai, mantendu ohitu fisikoki beteak 1290 01:00:15,510 --> 01:00:19,010 klasean gutunazal sartu gaur, baina teknologikoki 1291 01:00:19,010 --> 01:00:21,110 nik benetan URLa jarri. 1292 01:00:21,110 --> 01:00:22,940 Beraz, hain zuzen ere, utzi sift honen bidez me. 1293 01:00:22,940 --> 01:00:25,010 Nora erabiltzailearen sarrera ikusten duzu? 1294 01:00:25,010 --> 01:00:27,490 Nora zerbait ikusten duzu Nik neuk idatzitako sartu hemen? 1295 01:00:27,490 --> 01:00:32,100 1296 01:00:32,100 --> 01:00:33,491 Bai, beraz, "katuak." 1297 01:00:33,491 --> 01:00:33,990 Eskuin? 1298 01:00:33,990 --> 01:00:36,380 Hargatik hau destila me zerbait errazagoa sartu. 1299 01:00:36,380 --> 01:00:39,917 buruzko guztia ezabatu noa URL hau ez ditut ulertzen, 1300 01:00:39,917 --> 01:00:42,250 eta besterik ez dut utzi joan egiten dute hau bezain / bilatu? q = katuak. 1301 01:00:42,250 --> 01:00:45,640 1302 01:00:45,640 --> 01:00:47,890 non q Ikusiko dugu Une batean dator, 1303 01:00:47,890 --> 01:00:51,220 baina hori gutxienekoa bezala sentitzen Informazio kopuru hori emandako dut. 1304 01:00:51,220 --> 01:00:53,050 Eta orain Sartu sakatu dut. 1305 01:00:53,050 --> 01:00:55,520 Eta konturatu oraindik ere lan egiten. 1306 01:00:55,520 --> 01:00:57,950 Oraindik lortu dugu atzera katuak sorta oso bat. 1307 01:00:57,950 --> 01:01:00,340 Beraz, Google fancier da egun hauetan hau baino. 1308 01:01:00,340 --> 01:01:01,934 2016an, ez 1999an ez da. 1309 01:01:01,934 --> 01:01:04,600 Beraz, beste gauza da nire nabigatzaileak zerbitzarira bidaltzen. 1310 01:01:04,600 --> 01:01:07,100 Baina hau da txikieneko Hori guztia beharrezkoa da. 1311 01:01:07,100 --> 01:01:08,380 >> Beraz, zer gertatzen da? 1312 01:01:08,380 --> 01:01:14,320 Beno, lehen utzi aurrera me eta joan Cloud9 atzera eta aurrera me 1313 01:01:14,320 --> 01:01:15,620 eta nire fitxak itxi lehenago. 1314 01:01:15,620 --> 01:01:18,230 Eta hau egin dut nire jabea behingoz. 1315 01:01:18,230 --> 01:01:20,730 Aurrera joan noa eta fitxategi berri bat sortzeko. 1316 01:01:20,730 --> 01:01:23,739 Eta ez dut google.html bezala gorde behar. 1317 01:01:23,739 --> 01:01:26,280 Eta ez dut oso azkar joan nahi lapurtzen ari naiz egia esan, ez, 1318 01:01:26,280 --> 01:01:28,510 Testu honen batzuk besterik denbora aurrezteko. 1319 01:01:28,510 --> 01:01:30,610 hau itsatsi hemen noa. 1320 01:01:30,610 --> 01:01:33,850 Ez dut traba joan Bat estilizazioa une honetan. 1321 01:01:33,850 --> 01:01:38,340 hau deitu goaz "Nire Google." 1322 01:01:38,340 --> 01:01:41,230 Eta ez dut kentzeko joan gorputzean dena. 1323 01:01:41,230 --> 01:01:42,740 Eta ez dut honako hau egin behar. 1324 01:01:42,740 --> 01:01:45,690 Let me gerturatzeko. 1325 01:01:45,690 --> 01:01:50,620 Formulario action-- eta laburki aipatu dut lehenago whoops-- dut laburki gisa 1326 01:01:50,620 --> 01:01:54,130 Arestian esan, baten ekintza inprimaki, oraingoan datuak bidaltzeko duzu. 1327 01:01:54,130 --> 01:01:56,620 Beraz google.com/search. 1328 01:01:56,620 --> 01:01:59,390 Eta metodoa erabili nahi dut bi gauza bat izan daiteke. 1329 01:01:59,390 --> 01:02:02,870 bai izan daiteke ", eta" mantendu dugu eztabaidatzen, edo izan daiteke "post". 1330 01:02:02,870 --> 01:02:05,340 Oraingoz, funtsezkoa diferentzia da, erabili bada ", eta" 1331 01:02:05,340 --> 01:02:09,590 duten informazio guztia Erabiltzaile ematen URL batean bidaltzeko. 1332 01:02:09,590 --> 01:02:13,530 >> Hori da bilaketa bezala gauza handia motorren eta beste zenbait aplikazio, 1333 01:02:13,530 --> 01:02:17,080 baina zer baldintzatan litzateke Ez nahi duzun formulario bat bete behar 1334 01:02:17,080 --> 01:02:21,620 eta informazio hori azkenean URL, zure nabigatzailearen helbide barran bezala? 1335 01:02:21,620 --> 01:02:25,470 1336 01:02:25,470 --> 01:02:26,605 Nolako forma do zu 1337 01:02:26,605 --> 01:02:27,480 Ikusleak: [INAUDIBLE] 1338 01:02:27,480 --> 01:02:28,450 DAVID J. MALAN: Bai, nolakoa? 1339 01:02:28,450 --> 01:02:29,270 Ikusleak: Passwords. 1340 01:02:29,270 --> 01:02:31,936 DAVID J. MALAN: Bai, beraz, izena eman, Facebook edo webgune batzuk ere. 1341 01:02:31,936 --> 01:02:34,395 Hori batetik erabiltzailearen sarrera Sasoi batean, testu-koadro bat, 1342 01:02:34,395 --> 01:02:37,020 baina seguruenik ez duzu nahi da erakutsiz nabigatzailearen URL batean. 1343 01:02:37,020 --> 01:02:38,121 Zergatik? 1344 01:02:38,121 --> 01:02:40,870 Esan nahi dut, agian, badaude batzuk segurtasun sarearen ondorio, 1345 01:02:40,870 --> 01:02:44,830 baina more-- nahi, besterik gabe, zer bada zure gelakide, zure beste esanguratsua, 1346 01:02:44,830 --> 01:02:47,710 Zure seme-alabak, zure ezkontidea itxura Zure nabigatzailean historian zehar? 1347 01:02:47,710 --> 01:02:50,762 Ez dago zure pasahitza zuzenak Zure arakatzailearen historian ez. 1348 01:02:50,762 --> 01:02:52,220 Horrek ez du diseinu ona sentitzen. 1349 01:02:52,220 --> 01:02:54,500 Edo are gehiago, teknikoki, saiatzen zaren demagun 1350 01:02:54,500 --> 01:02:59,180 Flickr argazki bat igo nahi edo Facebook edo wherever-- 1351 01:02:59,180 --> 01:03:03,010 erabiltzailearen sarrera da, nahiz Apur bat gehiago interesting-- nola da 1352 01:03:03,010 --> 01:03:05,530 ez URL barran irudi bat Cram dut? 1353 01:03:05,530 --> 01:03:06,730 Duzu mota moduko ezin. 1354 01:03:06,730 --> 01:03:07,396 You can motatako. 1355 01:03:07,396 --> 01:03:10,210 Baina, benetan, naiz gogor presionatzen hori egiten imajinatzea. 1356 01:03:10,210 --> 01:03:13,470 Beraz, metodo bat behar dut Argazkiak kargatzen webgune bat, 1357 01:03:13,470 --> 01:03:15,657 eta beste metodo horri deritzo "post". 1358 01:03:15,657 --> 01:03:18,740 Baina, oraingoz, besterik ez dugu buruz hitz egin "Lortzeko," hau da, bien arteko errazagoa. 1359 01:03:18,740 --> 01:03:21,100 jartzen du, besterik gabe, guztiak erabiltzailearen sarrera URL sartu. 1360 01:03:21,100 --> 01:03:22,830 >> Beraz, hemen formularioa sortzen ari naiz da. 1361 01:03:22,830 --> 01:03:24,070 sarrera bat egin nahi dut. 1362 01:03:24,070 --> 01:03:24,820 Eta badakizu zer? 1363 01:03:24,820 --> 01:03:26,111 etxebizitza bat hemen hartu dut. 1364 01:03:26,111 --> 01:03:31,600 gogoratzen noa nire sarrera "q" for "query". 1365 01:03:31,600 --> 01:03:34,970 Eta uste dut, hau da, bat jatorrizko diseinuak, agian, 1999-tik. 1366 01:03:34,970 --> 01:03:39,560 Eta, ondoren, sarrera hau mota besterik ez da izango, "testua". 1367 01:03:39,560 --> 01:03:43,040 Eta, ondoren, sarrerako beste bat izan noa Hori ez du izenik behar, laster egingo dugu 1368 01:03:43,040 --> 01:03:45,120 ikusi, zein mota da "aurkeztu." 1369 01:03:45,120 --> 01:03:47,070 Eta hau da, joan ematen dit botoia berezi bat. 1370 01:03:47,070 --> 01:03:48,320 Eta hori da. 1371 01:03:48,320 --> 01:03:50,790 >> Hargatik aurrera me eta fitxategi hau gorde. 1372 01:03:50,790 --> 01:03:54,910 atzera joan noa nire nabigatzailea eta joan google.html. 1373 01:03:54,910 --> 01:03:56,140 Sartu. 1374 01:03:56,140 --> 01:03:59,680 Eta sakabanatuak mota da gutxienez esan. 1375 01:03:59,680 --> 01:04:03,110 Baina aurrera me eta bilatu "katuak." 1376 01:04:03,110 --> 01:04:06,510 Eta konturatu egun naiz Cloud9 URL honetan. 1377 01:04:06,510 --> 01:04:09,240 Baina une honetan klik egin dut, non ez amaitzea espero dut espero duzu? 1378 01:04:09,240 --> 01:04:10,160 >> Ikusleak: Google. 1379 01:04:10,160 --> 01:04:11,118 >> DAVID J. MALAN: Google. 1380 01:04:11,118 --> 01:04:12,740 Hargatik Bidali click en. 1381 01:04:12,740 --> 01:04:15,200 Eta hain zuzen ere, ez dut ber-ezarria Google. 1382 01:04:15,200 --> 01:04:15,700 Eskuin? 1383 01:04:15,700 --> 01:04:16,480 Errazagoa da. 1384 01:04:16,480 --> 01:04:17,120 Arinagoa da. 1385 01:04:17,120 --> 01:04:20,350 Esan nahi dut, nire kodea da argi eta garbi baino hobeto berea, nahastea, lehenago ikusi genuen. 1386 01:04:20,350 --> 01:04:21,100 Eta badakizu zer? 1387 01:04:21,100 --> 01:04:22,610 hau espezie apur bat gora noa. 1388 01:04:22,610 --> 01:04:23,860 ez nuen aipatu lehenago honetan. 1389 01:04:23,860 --> 01:04:27,860 Badira H1 bezalako etiketa, 1. goiburua egiteko, epigrafe garrantzitsuena orri batean. 1390 01:04:27,860 --> 01:04:30,570 "Nire Google," I hau deitu. 1391 01:04:30,570 --> 01:04:31,940 Let me freskatuz. 1392 01:04:31,940 --> 01:04:33,772 apur bat hobeto dagoeneko bila ari da. 1393 01:04:33,772 --> 01:04:34,980 Eta, egia esan, zer dakizu? 1394 01:04:34,980 --> 01:04:36,430 already-- gezurra esan nuen nik. 1395 01:04:36,430 --> 01:04:40,200 Ez nintzen hau estilo joan esan nion, baina ez dut hau estilo aurretik bezala. 1396 01:04:40,200 --> 01:04:46,860 Eta nire gorputza izango da, demagun, testu-lerrokatzea zentroa. 1397 01:04:46,860 --> 01:04:48,800 Honez gehiago Google bezalako dagoeneko bila. 1398 01:04:48,800 --> 01:04:51,090 >> line break bat behar dut, hala ere, horretarako Bidali botoia. 1399 01:04:51,090 --> 01:04:52,798 Eta bihurtzen da, zuk paragrafoetan erabil daiteke, 1400 01:04:52,798 --> 01:04:57,320 edo ezin gehiago literalki besterik esan duzu, emaidazu lerro bat break hemen br etiketa. 1401 01:04:57,320 --> 01:04:59,319 Eta hau birkargatu badut, orain ez doa. 1402 01:04:59,319 --> 01:05:01,610 Apur bat itsusia, beraz, I lerro haustura anitz egin izan, 1403 01:05:01,610 --> 01:05:03,310 baina ez dezagun gehiegi Greedy hemen. 1404 01:05:03,310 --> 01:05:06,430 Orain ikus lan egiten badizute utzi "txakurrak". 1405 01:05:06,430 --> 01:05:08,640 to "txakurrak," lan egiteko eta baita dirudi. 1406 01:05:08,640 --> 01:05:10,780 Beraz, zer da sinesgarria eramateko hemen? 1407 01:05:10,780 --> 01:05:13,600 Ez zen One-- den jauzi handi bat aurkeztu gutxi batzuk etiketa gehiago, 1408 01:05:13,600 --> 01:05:15,370 inprimaki input etiketa etiketa bezala. 1409 01:05:15,370 --> 01:05:17,120 Baina funtsean da, egiten ari garen guztia 1410 01:05:17,120 --> 01:05:20,610 gure adimen aprobetxatuz da HTTP eta, hain zuzen, 1411 01:05:20,610 --> 01:05:24,900 forma hori, azken finean aldatzen Zer da nabigatzailea URL helbidean, 1412 01:05:24,900 --> 01:05:28,540 eta beraz, beraz, ezin dugu mekanikoki eskaintzen sarrerako zerbitzari batera 1413 01:05:28,540 --> 01:05:33,600 HTML inprimaki bat egiteko eta jakitea zerbitzaria HTTP ulertzen, 1414 01:05:33,600 --> 01:05:36,890 besterik nahi gure gorputza ulertzen, bezala, Nire eskua dardarka, protokolo hori bera, 1415 01:05:36,890 --> 01:05:40,920 eta, beraz, atzera lortuko dugu erantzuna azken finean espero dugu. 1416 01:05:40,920 --> 01:05:44,050 >> Hargatik saiatu bat egin Azken gauza orain mugikorrarekin, 1417 01:05:44,050 --> 01:05:47,052 eta make-- dut egingo dut gehitu diapositibak kode hori. 1418 01:05:47,052 --> 01:05:49,760 Beraz, bada tinker, zuk nahi duzuna daiteke zalantzarik hortik hartu. 1419 01:05:49,760 --> 01:05:51,551 Baina ez naiz joango gara Animatu eta egin gauza bat. 1420 01:05:51,551 --> 01:05:54,120 Aurrera joan noa eta ireki, nire indizea orri batean 1421 01:05:54,120 --> 01:05:59,030 Nire kaixo orria, lehen bezala, eta horrek faux-Latin testu hau asko ditu, 1422 01:05:59,030 --> 01:06:05,470 edo zentzugabeak Latin testua, eta bytes itxura hau letra-tamaina honetan. 1423 01:06:05,470 --> 01:06:07,850 Baina aurrera eta hau egin. 1424 01:06:07,850 --> 01:06:09,300 to Cloud9 sartu noa. 1425 01:06:09,300 --> 01:06:10,380 Eta ez duzu urrats hori egin ahal izateko. 1426 01:06:10,380 --> 01:06:11,420 besterik ez dut egin nion neure buruari. 1427 01:06:11,420 --> 01:06:12,890 Share klik noa. 1428 01:06:12,890 --> 01:06:15,170 Eta honek ezaugarri bat da besterik Cloud9, Horren bidez, 1429 01:06:15,170 --> 01:06:17,710 Nire ingurunean publiko egin ahal izango dut. 1430 01:06:17,710 --> 01:06:20,240 >> Eta besterik mesedetan manifestazio, utzi egin zidan. 1431 01:06:20,240 --> 01:06:22,870 Nire eskaeraren publiko egiteko noa. 1432 01:06:22,870 --> 01:06:25,230 Ohartu da niri abisua da, naiz Ziur naiz hau egin nahi dut, 1433 01:06:25,230 --> 01:06:28,438 hau da, denek egin duelako munduan, hemen ala ez ari dira orain 1434 01:06:28,438 --> 01:06:33,560 edo bideoa ikusten geroago on internet gai ikusten dudana ikusteko. 1435 01:06:33,560 --> 01:06:34,440 Baina hori Ados. 1436 01:06:34,440 --> 01:06:37,870 esan noa "Done". 1437 01:06:37,870 --> 01:06:42,080 Eta utzi animatzen nau, nik bada hau utzi correctly-- probatzeko me lehen. 1438 01:06:42,080 --> 01:06:45,590 Anima zaitez, ez baduzu mind-- Zure ordenagailuan nabigatzaile batean, 1439 01:06:45,590 --> 01:06:49,900 URL honen joan, eta, zorionez, Nire Latin testua ikusiko duzu. 1440 01:06:49,900 --> 01:06:52,820 Eta argi izan, da Ez exekutatzen nire laptop. 1441 01:06:52,820 --> 01:06:53,610 da hodeia da. 1442 01:06:53,610 --> 01:06:58,120 da Cloud9 on da, literalki, baina Egin dut nire laneko area publikoak 1443 01:06:58,120 --> 01:07:03,450 beraz, edonork Interneten Nire Latin home page sartu ahal izango da. 1444 01:07:03,450 --> 01:07:07,209 >> URL berdina Joan Zure telefono, ahal izango banu. 1445 01:07:07,209 --> 01:07:09,750 egiten duzu kostua izango bada, ordea, zuk daiteke, besterik gabe, sorbalda gainetik begiratu. 1446 01:07:09,750 --> 01:07:40,688 1447 01:07:40,688 --> 01:07:42,467 Ikusleak: [INAUDIBLE] 1448 01:07:42,467 --> 01:07:43,550 DAVID J. MALAN: sentitzen dut? 1449 01:07:43,550 --> 01:07:45,390 Ikusleak: [INAUDIBLE] 1450 01:07:45,390 --> 01:07:47,710 DAVID J. MALAN: Just Latin hitzak. 1451 01:07:47,710 --> 01:07:48,210 Hori da dena. 1452 01:07:48,210 --> 01:07:49,250 Baina zer ikusi behar duzu. 1453 01:07:49,250 --> 01:07:49,875 >> AUDIENCE: Bai. 1454 01:07:49,875 --> 01:07:50,790 DAVID J. MALAN: Bai. 1455 01:07:50,790 --> 01:07:51,300 Bai. 1456 01:07:51,300 --> 01:07:51,540 ONDO DA. 1457 01:07:51,540 --> 01:07:53,530 Beraz, ezin eduki dut zure une bat besterik telefono? 1458 01:07:53,530 --> 01:07:57,504 Beraz, zorionez, zuk sartzen ari bada da, ia irakurtezina begiratu behar da. 1459 01:07:57,504 --> 01:07:59,920 It da oraindik, esan nahi dut, da irakurezinak baita latinetik. 1460 01:07:59,920 --> 01:08:01,920 Baina, era berean irakurezinak Zer beste arrazoirik gabe? 1461 01:08:01,920 --> 01:08:03,775 Like, zer atsegin duzun honi buruz? 1462 01:08:03,775 --> 01:08:04,650 Ikusleak: Txiki bat da. 1463 01:08:04,650 --> 01:08:06,420 DAVID J. MALAN: It super, super txikia da. 1464 01:08:06,420 --> 01:08:07,920 Beraz, nola konpondu dugu? 1465 01:08:07,920 --> 01:08:09,730 It super, super ttipian Victoria telefonoan 1466 01:08:09,730 --> 01:08:11,400 eta, duzun, bota badu it up yourself, ziurrenik 1467 01:08:11,400 --> 01:08:14,660 Zure telefonoan txiki baita, baldin eta ez duzu irisgarritasuna ezarpenak gaituta izan. 1468 01:08:14,660 --> 01:08:15,530 Zer da hori? 1469 01:08:15,530 --> 01:08:18,497 Besterik ezin duzu apur batekin eta zoom, eta hori bideragarri, 1470 01:08:18,497 --> 01:08:20,330 baina ondoren bakarrik ikusi duzu garai batean hitz batzuk. 1471 01:08:20,330 --> 01:08:20,859 Beraz, itxaron minutu bat. 1472 01:08:20,859 --> 01:08:21,720 hau nola konpondu ezagutzen dut. 1473 01:08:21,720 --> 01:08:22,219 Eskuin? 1474 01:08:22,219 --> 01:08:26,130 CSS erabili izan dut, eta aldatu ahal dut Letra tamaina 12 puntu eta 24-puntua. 1475 01:08:26,130 --> 01:08:29,020 Baina alde horretan eragina, noski, gaur egun izango da, 1476 01:08:29,020 --> 01:08:32,630 desktop edo ordenagailu eramangarri bat, orain testua bi aldiz handiagoa den. 1477 01:08:32,630 --> 01:08:35,810 Eta beraz litzateke motatako izango da polita gailu artean bereizteko, 1478 01:08:35,810 --> 01:08:37,840 eta bihurtzen da, ez egiten modu daude. 1479 01:08:37,840 --> 01:08:39,590 Badira hainbat modu ezberdinetan, hain zuzen ere, 1480 01:08:39,590 --> 01:08:44,189 Horren bidez, CSS eta ezaugarri sofistikatuagoak erabilita hori ez dugu sartu zehaztasun handiz, 1481 01:08:44,189 --> 01:08:46,960 funtsean, ezin duzu galdetzeko nabigatzailea eta esan, 1482 01:08:46,960 --> 01:08:51,550 zure pantaila hori baino txikiagoa bada pixel asko, erabili letra-tamaina hau. 1483 01:08:51,550 --> 01:08:55,180 zure pantaila hau baino handiagoa bada pixel asko, erabili beste hau letra-tamaina. 1484 01:08:55,180 --> 01:08:57,080 >> are dotorexeago dezakezu oraindik. 1485 01:08:57,080 --> 01:09:00,140 Duzun inoiz bisitatu bada Web orri hori, mahaigaineko, 1486 01:09:00,140 --> 01:09:04,404 menu handia du, agian itzali albo, eta, ondoren, eduki guztia 1487 01:09:04,404 --> 01:09:07,029 hori albo da menu-- duten paradigma komun bat mota da. 1488 01:09:07,029 --> 01:09:09,670 Ezkerretik edukian Menua eskubidea, edo alderantziz. 1489 01:09:09,670 --> 01:09:13,569 Ez du benetan mugikorrean lan denean zure pantaila pixel honetan bakarrik zabala da. 1490 01:09:13,569 --> 01:09:16,233 Beraz ohikoagoa on mobile da, Zure menu-batean lortu 1491 01:09:16,233 --> 01:09:18,399 bilduta, eta hala egin behar klik botoi bat ikusteko, 1492 01:09:18,399 --> 01:09:22,404 edo webgunearen menu jarriko haren gainetik eta azpitik edukia jarri. 1493 01:09:22,404 --> 01:09:24,779 Eta horiek ezarri ahal duzu modu askotara gauza, too. 1494 01:09:24,779 --> 01:09:28,340 Zure programatzaileak eskatu ahal izango duzu, beno, taldeak, edonoiz 1495 01:09:28,340 --> 01:09:34,450 HTTP eskaera bat Android batetik ikusten duzu gailu, Microsoft gailu bat, Google bat 1496 01:09:34,450 --> 01:09:39,930 gailu, Apple gailu bat, erabili hau Letra tamaina eta menu layout hau erabiltzeko, 1497 01:09:39,930 --> 01:09:42,670 edo, bestela, erabili lehenetsi hori handiagoa da diseinua. 1498 01:09:42,670 --> 01:09:45,410 >> Orain, zer erabiliz oinarrizko teknika gaur 1499 01:09:45,410 --> 01:09:48,529 ezin ingeniari erabili ea ezagutu 1500 01:09:48,529 --> 01:09:53,660 iPhone, Android telefono bat, ordenagailu eramangarri bat, desktop bat konpainiaren zerbitzari bisitatzen? 1501 01:09:53,660 --> 01:09:55,310 Zertan ez informazio hori lortuko dute? 1502 01:09:55,310 --> 01:09:56,080 >> IKUSLEEN: goiburua? 1503 01:09:56,080 --> 01:09:57,740 >> DAVID J. MALAN: Bai, HTTP goiburua. 1504 01:09:57,740 --> 01:10:01,714 Beraz HTTP eskaera guztietan datozen Beren euren zerbitzarietan bezeroei 1505 01:10:01,714 --> 01:10:03,880 besteak beste, birtuala barruan Gutun-azal, sorta oso bat 1506 01:10:03,880 --> 01:10:08,260 HTTP goiburuak, eta horietako bat da nabigatzailea eta sistema eragilea 1507 01:10:08,260 --> 01:10:10,290 nahiz eta, zaintzeko behar duzu Xehetasun maila hori. 1508 01:10:10,290 --> 01:10:13,790 Orain, críptica begira kate bat da, baina ez badago software hori izango da, besterik gabe 1509 01:10:13,790 --> 01:10:18,530 sinplifikatu, eta zuk besterik eskatu ahal programazio kode PHP, Java, C ++, 1510 01:10:18,530 --> 01:10:23,650 edozein izanda ere, zer da hau telefono zer gailu erabiltzaile hau erabiltzen da? 1511 01:10:23,650 --> 01:10:27,501 Eta gero esan dezakezu, erakutsi honetan webgunearen bertsio telefono bat bada. 1512 01:10:27,501 --> 01:10:30,250 Erakutsi horiek bertsio honetan webgune ordenagailu eramangarri bat edo mahaigaineko bada. 1513 01:10:30,250 --> 01:10:32,316 Baina ez duzu ere behar zerbitzariaren aldeko konplexutasuna. 1514 01:10:32,316 --> 01:10:33,940 nahiz eta gauza errazena egin dezakezu. 1515 01:10:33,940 --> 01:10:34,815 >> Horretarako noa. 1516 01:10:34,815 --> 01:10:38,995 Aurrera joan noa Nire Cloud9 ingurumena, 1517 01:10:38,995 --> 01:10:41,370 eta naiz etiketa bat gehitzen joan Google-en ikusi duzu aurretik. 1518 01:10:41,370 --> 01:10:42,770 Deitzen meta du. 1519 01:10:42,770 --> 01:10:45,520 Eta inoiz ez dut gogoratzen honetan, beraz, da transkibatzen noa. 1520 01:10:45,520 --> 01:10:50,552 Meta name = "mahaigain" eta gero content = "width = Gailu zabalera, intital 1521 01:10:50,552 --> 01:11:02,060 eskala = 1 "eta kito. 1522 01:11:02,060 --> 01:11:06,230 >> Beraz, agian, baita incantation magiko bat bezala. 1523 01:11:06,230 --> 01:11:11,300 Ez da hori guztia argi, baina hau du zerbait leihatila egin, 1524 01:11:11,300 --> 01:11:15,070 eta leihatila baten gorpua besterik ez da web orria, angeluzuzena eskualdean dagoela 1525 01:11:15,070 --> 01:11:16,690 definitzen orrialde gehienak. 1526 01:11:16,690 --> 01:11:19,060 Eta hau da, besterik gabe kontatzea nabigatzailea, badakizu zer? 1527 01:11:19,060 --> 01:11:22,589 Egin orri honen zabalera eraginkortasunez gailua zabalera berdina. 1528 01:11:22,589 --> 01:11:25,380 Beste era batera esanda, ez du bere gain hartzen espazio mugagabea moduko duzu. 1529 01:11:25,380 --> 01:11:29,920 Demagun bakarrik behar duzu, askoz ere Espazio gailua bera bezain handia da. 1530 01:11:29,920 --> 01:11:34,454 Eta, beraz, gaur egun, hau birkargatu badut Nire nabigatzailean, ez aldaketa ikusten dut. 1531 01:11:34,454 --> 01:11:37,370 Baina correctly-- honetan egin badut eta utzi nire fingers-- zeharkatu me duzun guztia bada 1532 01:11:37,370 --> 01:11:42,920 berreskura telefonoak, ez duzu ikusi sinesgarria aldaketa bat? 1533 01:11:42,920 --> 01:11:43,620 Bai, -bere da 1534 01:11:43,620 --> 01:11:45,067 >> Ikusleak: [INAUDIBLE] 1535 01:11:45,067 --> 01:11:45,900 DAVID J. MALAN: Bai. 1536 01:11:45,900 --> 01:11:46,400 ONDO DA. 1537 01:11:46,400 --> 01:11:47,850 Beraz, dudarik gabe irakurgarriagoa orain? 1538 01:11:47,850 --> 01:11:53,070 Oraindik txikiak, azoka izango da, baina ez beraz, txiki-txiki unmanageable izan. 1539 01:11:53,070 --> 01:11:56,920 Eta, zalantzarik gabe, ezin dut jaramonik honetan gehiago CSS batera edo zerbitzari aldean, 1540 01:11:56,920 --> 01:12:00,120 baina gero eta zertan ari zaren Gero eta gehiago ikusten da ezaugarri 1541 01:12:00,120 --> 01:12:02,900 ari gehitu Bezeroaren aldeko environments-- 1542 01:12:02,900 --> 01:12:06,530 JavaScript, eztabaidatu dugun bezala egingo bihar, CSS, eta beraz, HTML 1543 01:12:06,530 --> 01:12:09,190 kontsultak hauek guztiak bezeroaren egin daiteke 1544 01:12:09,190 --> 01:12:11,910 hartara, traba zerbitzari asko gutxiago eta ez 1545 01:12:11,910 --> 01:12:14,530 mantentzeko, zeren dute Adibidez, etengabeko eraso 1546 01:12:14,530 --> 01:12:17,210 ustiapen-sistema berria bertsioak, nabigatzaileak bertsio berria. 1547 01:12:17,210 --> 01:12:20,190 besterik utzi dezakezu nabigatzailea eskatu gailua, nola big zara, 1548 01:12:20,190 --> 01:12:22,890 eta, ondoren, zertxobait logikoa horretan oinarrituta erabakiak. 1549 01:12:22,890 --> 01:12:25,140 Baina aukera gehiago ikusiko dugu erabakiak logikoa 1550 01:12:25,140 --> 01:12:27,223 testuinguruan bihar programazio hizkuntza bat. 1551 01:12:27,223 --> 01:12:29,800 1552 01:12:29,800 --> 01:12:32,760 >> Beraz, edozein galdera, ondoren, Web garapena on? 1553 01:12:32,760 --> 01:12:36,130 Gaur ez da web programazioa, per se, geroztik gehien guztia egin dugu 1554 01:12:36,130 --> 01:12:38,370 Oso estetiko zen, izango bada. 1555 01:12:38,370 --> 01:12:41,750 Ez dago erabakiak hartzeko da digituak hori idatzi dugu, 1556 01:12:41,750 --> 01:12:44,990 eta, beraz, horregatik HTML marka bat da hizkuntza, ez da programazio hizkuntza bat. 1557 01:12:44,990 --> 01:12:47,140 Baina bihar eramango zaitugu begirada azkar bat, azken finean, 1558 01:12:47,140 --> 01:12:49,340 Javascript at, hau da, benetako programazio bat 1559 01:12:49,340 --> 01:12:54,220 hizkuntza hori pixka bat gehiago egiteko aukera ematen digu. 1560 01:12:54,220 --> 01:12:56,800 >> Galderarik? 1561 01:12:56,800 --> 01:13:00,480 Beno, utzi bi proposatu zidan aukera etxeko lanak egiteko aukerakoa. 1562 01:13:00,480 --> 01:13:02,900 One Cloud9 horiek is-- kontuak ez du iraungiko. 1563 01:13:02,900 --> 01:13:04,669 ongietorri erabiltzea zara to tinker horiek. 1564 01:13:04,669 --> 01:13:05,960 Zerbitzu maila doan da. 1565 01:13:05,960 --> 01:13:08,754 Konturatzen denean sortzen bada Zure laneko area, da publiko egin duzu, 1566 01:13:08,754 --> 01:13:11,670 horrela, ez du esan nahi Edozeinek internet zer idazten ari zaren ikusiko. 1567 01:13:11,670 --> 01:13:15,104 Beraz, agian, besterik gabe, kontuan hartu Ez zeure burua lotsa 1568 01:13:15,104 --> 01:13:18,020 Zure lehen web jarriz ari bada Orri daude publikoki ustekabean, 1569 01:13:18,020 --> 01:13:20,134 baina inor ez da joan Ezagutzen ez begiratu behar, hala ere. 1570 01:13:20,134 --> 01:13:23,760 >> Eta two-- utzi me zozketa URL hau sortu baita, 1571 01:13:23,760 --> 01:13:28,250 gaur izango ziran batez ere, Apur besteak baino gutxiago erosoa, 1572 01:13:28,250 --> 01:13:30,430 ziur, honek guztiak zer esan nahi du. 1573 01:13:30,430 --> 01:13:36,780 Konturatzen askoz bideo honen gehiago, horrek bai modu ona da lo erori da 1574 01:13:36,780 --> 01:13:39,380 eta, era berean, berriz, barre egiteko Hori egitean, halaber ditu 1575 01:13:39,380 --> 01:13:44,300 societally interesgarri asko eta segurtasun-garrantzitsua eztabaidak 1576 01:13:44,300 --> 01:13:47,370 bertan John Oliver batetik, komiko bat bada ere. 1577 01:13:47,370 --> 01:13:55,456 >> Baina ez dira galdera gehiago ez bada, horrek garamatza harrera. 1578 01:13:55,456 --> 01:13:56,830 Beraz, zergatik ez dut musika piztu. 1579 01:13:56,830 --> 01:13:58,610 edariak egon behar dute eta pintxoak kanpo. 1580 01:13:58,610 --> 01:14:00,220 zoriontsu izateko moduan nahastu naiz luze folks nahi bezala, 1581 01:14:00,220 --> 01:14:01,600 erantzun galdera gehiago bat-batean. 1582 01:14:01,600 --> 01:14:03,330 Baina, bestela, ari ongietorria off hartu edozein puntutan, 1583 01:14:03,330 --> 01:14:05,740 eta zuk berriro ikusiko dugu bihar apur bat gehiago da goizean. 1584 01:14:05,740 --> 01:14:07,290 Guztiak eskubidea, eskerrik asko. 1585 01:14:07,290 --> 01:14:10,428