1 00:00:00,000 --> 00:00:00,127 2 00:00:00,127 --> 00:00:01,210 DAVID J. Malan: Labi. 3 00:00:01,210 --> 00:00:02,160 Mēs esam atpakaļ. 4 00:00:02,160 --> 00:00:05,810 Tātad, mērķis šajā gala sesijas ir ieviest vēl dažus jēdzienus 5 00:00:05,810 --> 00:00:09,290 bet arī dod ikvienam iespēju līdz veida stiept pirkstus 6 00:00:09,290 --> 00:00:11,270 un faktiski darīt kaut ko maz praktisku. 7 00:00:11,270 --> 00:00:13,897 Mērķis nav vērsties mums visiem par web izstrādātājiem 8 00:00:13,897 --> 00:00:16,230 ar jebkādiem līdzekļiem, bet tiešām tikai lai dotu jums garšu daži 9 00:00:16,230 --> 00:00:21,750 no pamata konstrukcijas no tā, ko tērēta web programmēšana un šodien tīmeklī 10 00:00:21,750 --> 00:00:23,980 attīstība, tāpēc statiskā pusē things-- 11 00:00:23,980 --> 00:00:26,660 nav loģikas, bez programmēšanas valoda, tikai statisks saturs. 12 00:00:26,660 --> 00:00:29,660 Un tas dos mums iespēju faktiski redzēt to, ko tīmekļa serveris ir, 13 00:00:29,660 --> 00:00:34,140 Redzēt, kas HTML fails, redzēt, ko tas ir HTTP ir faktiski apkalpo up. 14 00:00:34,140 --> 00:00:38,600 Taču, pirms mēs nirt, retrospektīvo jautājumi par mākoņdatošanas 15 00:00:38,600 --> 00:00:43,922 vai drošības vai kaut kur starp? 16 00:00:43,922 --> 00:00:44,890 >> Nē? 17 00:00:44,890 --> 00:00:47,181 Labi, labi, pieņemsim izdarītu, tikai gadījumā, ja 18 00:00:47,181 --> 00:00:49,680 process pierakstīšanos kaut kas ilgst dažas minūtes. 19 00:00:49,680 --> 00:00:51,221 Mēs ļaujiet to darīt fonā. 20 00:00:51,221 --> 00:00:56,860 Iet uz priekšu, ja jūs varētu, uz šo URL here-- c9.io. 21 00:00:56,860 --> 00:01:02,810 Šī ir trešā persona service-- platforma kā pakalpojums, ja jūs will-- 22 00:01:02,810 --> 00:01:05,190 kas notiek, lai jūs uzaicina pierakstīties uz kontu, 23 00:01:05,190 --> 00:01:08,650 un tas notiek, lai dotu katram no jums ir konts, tā saukto mākoni 24 00:01:08,650 --> 00:01:11,330 uz kāda cita infrastruktūra, uzņēmums, ko sauc Cloud9. 25 00:01:11,330 --> 00:01:13,350 Bet kas ir jauka par Tas ir tas, ka viņi jums 26 00:01:13,350 --> 00:01:15,990 tuvināšanu Faktiskais reālās pasaules attīstība 27 00:01:15,990 --> 00:01:18,530 vide, kaut arī mākonis un tīmekļa pārlūku, 28 00:01:18,530 --> 00:01:21,175 un mēs izmantosim šo faktiski eksperimentēt mazliet šodien. 29 00:01:21,175 --> 00:01:27,116 30 00:01:27,116 --> 00:01:30,260 Un tad iet uz priekšu un vienkārši orientēties savu ceļu uz pierakstīšanās process 31 00:01:30,260 --> 00:01:32,630 ja Tu varētu. 32 00:01:32,630 --> 00:01:36,080 Tāpēc mēs notikt izmantot šo klasē Es mācīt visiem mūsu studentiem, 33 00:01:36,080 --> 00:01:39,140 gan uz Campus un izslēgt tagad, un tas ir aizstāts kādi vēsturiski 34 00:01:39,140 --> 00:01:41,390 bija citādi lejupielādējamu programmatūru. 35 00:01:41,390 --> 00:01:44,620 Tātad, ko jūs iegūt piekļuvi ir viens no šiem virtuālo mašīnu, 36 00:01:44,620 --> 00:01:46,460 būtībā, ka es aprakstīju iepriekš. 37 00:01:46,460 --> 00:01:50,260 Tātad šis uzņēmums Cloud9 iespējams nomas maksas no trešās party-- patiešām 38 00:01:50,260 --> 00:01:52,760 Šajā gadījumā, Google-- vienu veselumu ķekars virtuālās mašīnas 39 00:01:52,760 --> 00:01:56,500 ka viņi kaut kā karbonāde augšu ilūzija atsevišķu serveri 40 00:01:56,500 --> 00:01:58,610 ka katram no mums ir pilnīga kontrole pār. 41 00:01:58,610 --> 00:02:01,640 Tas nav gluži pareizi teikt ka viņi virtuālās mašīnas, 42 00:02:01,640 --> 00:02:04,550 lai gan, jo tas, ko Cloud9 faktiski izmanto 43 00:02:04,550 --> 00:02:07,570 ir nedaudz jaunākas tehnoloģijas sauc Konteineru. 44 00:02:07,570 --> 00:02:13,150 Un ļaujiet man paķert šo attēlu šeit, lai krāsu šo attēlu. 45 00:02:13,150 --> 00:02:16,540 >> Konteiners ir, ja jūs atceraties attēlu 46 00:02:16,540 --> 00:02:19,900 no agrāk, nedaudz vieglāks svars nekā virtuālo mašīnu. 47 00:02:19,900 --> 00:02:22,090 Faktiski, tā kā pagājušajā Šoreiz mēs runājām par tur 48 00:02:22,090 --> 00:02:25,170 ir operatīvā sistēma un hypervisor 49 00:02:25,170 --> 00:02:28,260 un tad viesu operētājsistēmas, viesu operētājsistēma, viesu darbības 50 00:02:28,260 --> 00:02:30,940 sistēma, virsū jūsu Fiziskajā aparatūras, 51 00:02:30,940 --> 00:02:33,740 atšķirība ar šo jaunāku tehnoloģija, Konteineru, 52 00:02:33,740 --> 00:02:37,290 ir tas, ka viņi visi kaut kā dalīties tā pati operētājsistēma. 53 00:02:37,290 --> 00:02:39,970 Bet viņi joprojām rada ilūzija ikvienam 54 00:02:39,970 --> 00:02:44,590 kam viņa vai viņas ekskluzīvs administratīvās tiesības un faili 55 00:02:44,590 --> 00:02:45,400 uz serveri. 56 00:02:45,400 --> 00:02:48,230 Bet tur ir mazāk programmatūru starp jums un aparatūru. 57 00:02:48,230 --> 00:02:52,260 To, kurš rezultāts ir, teorija, augstāku veiktspēju, 58 00:02:52,260 --> 00:02:55,470 jo jūs izmantojat vai izšķērdēt mazāk resursu 59 00:02:55,470 --> 00:02:57,360 uz minētā tā saukto virtualizācijas slāni. 60 00:02:57,360 --> 00:02:59,420 Tāpēc to sauc par Konteineru pēc būtības 61 00:02:59,420 --> 00:03:02,920 veidā tehnoloģiju, ko sauc dokers, kas ir ļoti daudz nonāk pati. 62 00:03:02,920 --> 00:03:05,086 Un tas ir kaut kas inženieri savu uzņēmumu 63 00:03:05,086 --> 00:03:08,610 varētu veida veida sākt runāt par drīz, ja tie nav jau, 64 00:03:08,610 --> 00:03:11,590 lai gan tur noteikti nav iemesls, lai pārietu uz jebkuru bandwagons. 65 00:03:11,590 --> 00:03:15,410 >> Tātad ar to teica, ko jūs droši redzēt tagad 66 00:03:15,410 --> 00:03:22,670 ir ekrāns, kas izskatās mazliet kā šis. 67 00:03:22,670 --> 00:03:23,170 LABI. 68 00:03:23,170 --> 00:03:25,260 Un tikai mani sauc vairāk, ja nav. 69 00:03:25,260 --> 00:03:27,440 Un, ja so-- es atnākšu vairāk, ja nav. 70 00:03:27,440 --> 00:03:30,244 Iet uz priekšu un noklikšķiniet, ka liels plus izveidot darbvietu, 71 00:03:30,244 --> 00:03:31,660 un jūs redzēt uz ekrāna, kā šis. 72 00:03:31,660 --> 00:03:35,020 Jūs varat zvanīt darbvietu nosaukt kaut ko vēlaties tagad. 73 00:03:35,020 --> 00:03:38,660 Un tikai faktiski vienkāršību, iet and-- labi, daži no jums 74 00:03:38,660 --> 00:03:39,660 jau ir darbvietas. 75 00:03:39,660 --> 00:03:47,050 Call to ko jūs want-- uzņēmējdarbību, Harvard, ceturtdiena, ko jūs vēlētos. 76 00:03:47,050 --> 00:03:48,800 Jums nav nepieciešams apraksts. 77 00:03:48,800 --> 00:03:52,380 Jūs varat atstāt to privāti, ja vien jums jau ir ķekars darbvietām. 78 00:03:52,380 --> 00:03:55,280 Ja jūs esat spiesti to darīt plaši pieejamu, tas ir sods par šodienas vajadzībām. 79 00:03:55,280 --> 00:03:56,750 Lūk, arī ir viens no Upsells. 80 00:03:56,750 --> 00:03:59,939 Jūs saņemsiet vienu privātu darbvietu, noklusējuma. Bet, ja jūs vēlaties vairāk, 81 00:03:59,939 --> 00:04:00,980 jums ir jāmaksā vairāk. 82 00:04:00,980 --> 00:04:02,870 Pretējā gadījumā viņi jūs piespiest lai padarītu savu darbu sabiedrībai. 83 00:04:02,870 --> 00:04:05,600 Bet tas ir labi, jo arī tie mērķis šo pie atvērtā pirmkoda kopienu 84 00:04:05,600 --> 00:04:07,700 lai mudinātu cilvēkus faktiski sadarboties. 85 00:04:07,700 --> 00:04:10,699 >> Un pēdējā lieta, ka ir svarīgi, lai gan, ir, pēc tam, kad jūs izvēlaties nosaukumu 86 00:04:10,699 --> 00:04:17,140 un pēc tam, kad jūs izvēlaties privāta vai valsts, noklikšķiniet HTML5, lielo oranžo ikonas 87 00:04:17,140 --> 00:04:22,430 Otrais no kreisās, un tam noklikšķiniet uz Izveidot darbvietas. 88 00:04:22,430 --> 00:04:24,580 Un tas, iespējams, ņem minūti, vai arī tā, 89 00:04:24,580 --> 00:04:26,540 bet jums tad ir vide, kad jums 90 00:04:26,540 --> 00:04:30,544 darīt, ka izskatās atgādina kas man ir uz ekrāna šeit tagad. 91 00:04:30,544 --> 00:04:33,210 Bet, atkal, tas var aizņemt minūti vai vairāk, lai iegūtu šo ekrānu 92 00:04:33,210 --> 00:04:34,770 pēc tam, kad esat noklikšķinājis Izveidot darbvietas. 93 00:04:34,770 --> 00:04:37,936 Bet tikai karogs mani vairāk, ja vēlaties mani lai apskatīt kaut vai padomu. 94 00:04:37,936 --> 00:04:40,191 95 00:04:40,191 --> 00:04:40,690 Viss kārtībā. 96 00:04:40,690 --> 00:04:42,390 Tāpēc es esmu gatavojas fona tas tagad. 97 00:04:42,390 --> 00:04:44,260 Piezvani man vairāk, ja jums šķiet, ka ir kādas tehniskas problēmas. 98 00:04:44,260 --> 00:04:46,210 Bet, atkal, tā varētu veikt Mazliet par to atvērt. 99 00:04:46,210 --> 00:04:49,570 Un iesim uz priekšu un runāt par to, ko tas patiesībā nozīmē padarīt mājas lapu, 100 00:04:49,570 --> 00:04:52,780 kāda HTML ir, un kā tas viss tagad savieno kā mēs sākam 101 00:04:52,780 --> 00:04:54,730 faktiski izmantot kādu no tehnoloģiju. 102 00:04:54,730 --> 00:04:58,310 Tātad izrādās, ka es varu iet uz manu maz Mac šeit, 103 00:04:58,310 --> 00:05:01,650 atvērt vienkāršu programmu, ko sauc TextEdit, vai uz Windows es varētu 104 00:05:01,650 --> 00:05:04,480 atvērts kaut ko sauc notepad.exe. 105 00:05:04,480 --> 00:05:08,260 Un es varētu vienkārši darīt kaut ko tāpat this-- "Sveiki, pasaule." 106 00:05:08,260 --> 00:05:12,020 Un tad es varētu ietaupīt to kā hello.txt Tātad nav burvju tur. 107 00:05:12,020 --> 00:05:15,200 Tam nav nekāda sakara ar web programmēšana, neko darīt ar HTML. 108 00:05:15,200 --> 00:05:16,790 Tikai izveidojot vienkāršu teksta failu. 109 00:05:16,790 --> 00:05:20,600 Bet izrādās, ka web lapa ir burtiski tikai to. 110 00:05:20,600 --> 00:05:24,020 Tas ir vienkāršs teksta fails, kas satur tekstu ka jūs varētu rakstīt uz klaviatūras, 111 00:05:24,020 --> 00:05:30,070 bet tas parasti, bet ne vienmēr beidzas ne Txt bet html vai htm. 112 00:05:30,070 --> 00:05:32,050 Un jūs ne tikai ierakstiet vārdus failā. 113 00:05:32,050 --> 00:05:35,280 Jums tiešām ir izmantot lietas sauc tags vai, vispārīgāk, kaut 114 00:05:35,280 --> 00:05:37,190 sauc iezīmēšanas valoda. 115 00:05:37,190 --> 00:05:40,510 >> Tāpēc es esmu gatavojas ļoti ātri rakstīt un tad izskaidrot šādi. 116 00:05:40,510 --> 00:05:42,290 Es esmu gatavojas pirmais tipa tas, kas saka, 117 00:05:42,290 --> 00:05:45,730 hey, pārlūku, šeit nāk mājas lapa rakstīts HTML. 118 00:05:45,730 --> 00:05:51,850 Un šīs divas lietas kopā teikt, hey, pārlūku, šādi patiešām HTML. 119 00:05:51,850 --> 00:05:55,790 Hey, pārlūku, šeit nāk vadītājs vai top manu lapu. 120 00:05:55,790 --> 00:05:59,900 Hey, pārlūku, iekšpusē augšā Mana lapa, ielieciet nosaukumu, kas ir, "hello, 121 00:05:59,900 --> 00:06:01,610 pasaulē. " 122 00:06:01,610 --> 00:06:08,370 Hey, pārlūku, kad vadītājs mans lapa, šeit nāk ķermeņa manu lapu. 123 00:06:08,370 --> 00:06:12,170 Un, hey, pārlūku, ķermenis manas lapa būtu arī teikt, "Hello World". 124 00:06:12,170 --> 00:06:15,500 Tātad, kādi ir nozīmīgākie informācija šeit? 125 00:06:15,500 --> 00:06:17,960 Tas ir tas, kas ir vispār sauc doc tipa deklarācija, 126 00:06:17,960 --> 00:06:20,190 un, godīgi sakot, tas ir mazliet grūti šo iegaumēt sākumā. 127 00:06:20,190 --> 00:06:21,481 Jūs tikko veida kopēt-ielīmēt. 128 00:06:21,481 --> 00:06:23,760 Tas ir formāls veids kā pateikt, hey, pārlūku, 129 00:06:23,760 --> 00:06:28,030 Es esmu, izmantojot HTML versiju 5, kas iznāca nedaudz nesen. 130 00:06:28,030 --> 00:06:31,380 Tas ir burvju buršana, ka daži cilvēkiem ar sliktu sajūtu dizainu 131 00:06:31,380 --> 00:06:33,640 nolēma likt pie ļoti top no faila. 132 00:06:33,640 --> 00:06:35,473 Pat ja tas ir maz arcane, tas arī viss 133 00:06:35,473 --> 00:06:38,250 tas means-- Hei, pārlūku, šeit nāk ar HTML 5 versijas. 134 00:06:38,250 --> 00:06:41,741 >> Šīs atpūtas ir ar mums kādu laiku tagad, vēsturiski, 135 00:06:41,741 --> 00:06:44,740 bet tas ir bijis attīstās, un tas ir iespējams, ir iegūt mazliet vienkāršāku. 136 00:06:44,740 --> 00:06:47,320 Paziņojums dažas pazīmes no tā, ko es esmu izcelti. 137 00:06:47,320 --> 00:06:49,890 Tur šīs lietas ar leņķveida brackets-- kreiso kronšteinu 138 00:06:49,890 --> 00:06:51,040 un tiesības kronšteins. 139 00:06:51,040 --> 00:06:52,490 Un paziņojums simetriju šeit. 140 00:06:52,490 --> 00:06:57,340 Un simetriski, es domāju, tāpat kā es ir šī sākuma tagu šeit vai atklātu tagu 141 00:06:57,340 --> 00:07:01,560 ja jūs, šeit noteikti man ir tuvu tag vai tiešais tagu, kas ir 142 00:07:01,560 --> 00:07:06,460 atšķiras tikai tiktāl, ciktāl tas ir tas slash sākumā vārda 143 00:07:06,460 --> 00:07:07,360 HTML. 144 00:07:07,360 --> 00:07:09,360 Un jūs varat iedomāties tas, kā man bija pagadās 145 00:07:09,360 --> 00:07:12,280 ierosina pirms, hey, pārlūku, šeit nāk daži HTML. 146 00:07:12,280 --> 00:07:16,060 Un otrādi, hey, pārlūku, kas ir tas par HTML-- sākumā un beigās. 147 00:07:16,060 --> 00:07:18,440 >> Tikmēr hey, pārlūku, šeit nāk galvas manu lapu. 148 00:07:18,440 --> 00:07:20,140 Hey, pārlūku, kas ir to galvu. 149 00:07:20,140 --> 00:07:22,240 Hey, pārlūku, šeit ir ķermeņa manu lapu. 150 00:07:22,240 --> 00:07:24,020 Hey, pārlūku, tas arī viss, lai organismā. 151 00:07:24,020 --> 00:07:26,940 Un iekšpusē, kas ir daži patvaļīgs teksts tagad. 152 00:07:26,940 --> 00:07:30,520 Un iekšpusē galvu, tikmēr, ir daži patvaļīga bet tagged, 153 00:07:30,520 --> 00:07:34,410 tā sakot, tekstu, kas saka, titulu manas lapas ir "hello, pasaule." 154 00:07:34,410 --> 00:07:37,470 Tagad, tagad, jūs varat pieņemt, ka pārlūkprogrammas 155 00:07:37,470 --> 00:07:41,762 ir only-- vai, drīzāk, web lapas ir tikai divi parts-- galvu un ķermeni. 156 00:07:41,762 --> 00:07:44,220 Un galva parasti ir tikai piemēram, izvēlņu joslā, sīkumi 157 00:07:44,220 --> 00:07:45,510 tiešām tikai pašā augšā. 158 00:07:45,510 --> 00:07:48,910 Un ķermenis ir iekšām lapas, viss šajā lielā taisnstūrī 159 00:07:48,910 --> 00:07:50,239 kas aizpilda ekrānu. 160 00:07:50,239 --> 00:07:51,780 Tāpēc es esmu gatavojas iet uz priekšu un darīt to. 161 00:07:51,780 --> 00:07:54,400 Es gatavojas iet uz priekšu un noklikšķiniet uz Saglabāt, File Saglabāt. 162 00:07:54,400 --> 00:07:58,580 Un es esmu gatavojas, lai saglabātu tas kā hello.html, 163 00:07:58,580 --> 00:08:00,870 un es esmu tikai gatavojas ielieciet to uz mana galda. 164 00:08:00,870 --> 00:08:03,520 Un es iešu priekšu un noklikšķiniet uz Saglabāt. 165 00:08:03,520 --> 00:08:05,806 Un notice-- manu Mac at Vismaz ir kliegt uz mani. 166 00:08:05,806 --> 00:08:07,180 Vai tiešām vēlaties to darīt? 167 00:08:07,180 --> 00:08:08,710 Un es esmu gatavojas teikt, jā, izmantot HTML. 168 00:08:08,710 --> 00:08:10,400 Es zinu labāk šajā gadījumā. 169 00:08:10,400 --> 00:08:14,686 Un tagad es iešu uz mana galda kur man ir šo failu pēkšņi. 170 00:08:14,686 --> 00:08:16,060 Un es esmu gatavojas dubultklikšķi uz tā. 171 00:08:16,060 --> 00:08:18,268 Un jūs pamanīsiet, ka, noklusējuma, Chrome atvēra. 172 00:08:18,268 --> 00:08:19,996 Tas ir tāpēc, ka tas ir manu noklusējuma pārlūku. 173 00:08:19,996 --> 00:08:21,370 Un tas tikai saka: "Sveiki, pasaule." 174 00:08:21,370 --> 00:08:23,078 Bet tas saka "hello, pasaule "divās vietās. 175 00:08:23,078 --> 00:08:23,979 Paziņojums augšējā kreisajā stūrī. 176 00:08:23,979 --> 00:08:25,020 Diezgan grūti nepamanīt, ka. 177 00:08:25,020 --> 00:08:26,180 Tas ir liels un drosmīgs. 178 00:08:26,180 --> 00:08:30,690 Un kur gan citur tas šķiet teikt, "hello, pasaule"? 179 00:08:30,690 --> 00:08:31,470 >> Mērķauditorija: tab. 180 00:08:31,470 --> 00:08:33,100 >> DAVID J. Malan: Jā, tab pati. 181 00:08:33,100 --> 00:08:35,159 Tātad, kad es teicu vadītājs lapa ir viss up top-- 182 00:08:35,159 --> 00:08:36,367 un tiešām tas ir nosaukums. 183 00:08:36,367 --> 00:08:37,710 Tas ir tikai cilnē šeit. 184 00:08:37,710 --> 00:08:40,320 Un es varu pull šo cilni ārā tā, lai maldinātu. 185 00:08:40,320 --> 00:08:43,360 Tas ir tikai tab viena tagad, un patiesībā mēs redzam "hello, pasaule" 186 00:08:43,360 --> 00:08:45,970 šeit un "Hello, world" uz leju šeit. 187 00:08:45,970 --> 00:08:47,160 Tā diezgan vienkārši. 188 00:08:47,160 --> 00:08:49,050 Bet tas ir arī diezgan vienkāršs. 189 00:08:49,050 --> 00:08:50,440 Un, patiesībā, es pietuvināto. 190 00:08:50,440 --> 00:08:53,272 Es varu mainīt fonta lielumu tikko pārspīlēt pieejamības. 191 00:08:53,272 --> 00:08:56,830 Bet pieņemsim tagad kaut ko darīt nedaudz vairāk interesants. 192 00:08:56,830 --> 00:08:59,760 >> Es esmu gatavojas go-- Ak vai, pieņemsim man nokļūt atpakaļ uz manu teksta failu. 193 00:08:59,760 --> 00:09:02,400 Es esmu dodas atpakaļ uz manu teksta failu, un es esmu gatavojas 194 00:09:02,400 --> 00:09:06,320 mainīt šo un teikt "Hello, Disney World." 195 00:09:06,320 --> 00:09:07,970 Glābt. 196 00:09:07,970 --> 00:09:10,919 Un doties atpakaļ uz manu pārlūku un noklikšķiniet uz Ielādēt atkārtoti. 197 00:09:10,919 --> 00:09:12,710 Un tagad, protams, to saka "Disney World". 198 00:09:12,710 --> 00:09:15,500 Un es esmu gatavojas, lai mākslīgi palielinātu tikai tāpēc ir vieglāk redzēt. 199 00:09:15,500 --> 00:09:19,012 Tāpēc tagad, diemžēl, es veida gribu kuri paredzēti, patiesībā, tas ir Mac funkciju. 200 00:09:19,012 --> 00:09:21,720 Es gribu, lai noklikšķināt uz Disney World un doties kaut kur, piemēram, disney.com, 201 00:09:21,720 --> 00:09:23,290 bet tas nedarbojas. 202 00:09:23,290 --> 00:09:26,850 Tātad pamatprincips tīmeklī ir hipersaites, saites, kas iet citur. 203 00:09:26,850 --> 00:09:28,390 Tātad, kā es varu darīt? 204 00:09:28,390 --> 00:09:34,690 Nu, es varētu vienkārši pateikt, "Hello, http://www.disney.com." 205 00:09:34,690 --> 00:09:36,110 Saglabāt šo. 206 00:09:36,110 --> 00:09:37,620 Pārlādēt. 207 00:09:37,620 --> 00:09:39,400 Bet tas arī nav klikšķināmos. 208 00:09:39,400 --> 00:09:42,930 Un, kas ir jauki šeit, lai arī tas nav funkcionāls vēl, 209 00:09:42,930 --> 00:09:45,930 ir tas, ka, šķiet, ka pārlūks burtiski tikai 210 00:09:45,930 --> 00:09:46,950 ko es saku to darīt. 211 00:09:46,950 --> 00:09:50,110 Tātad, ja es vienkārši ierakstiet URL, piemēram, tas, tas vienkārši notiek, lai parādītu man URL. 212 00:09:50,110 --> 00:09:54,270 Man vajag, lai izmantotu tagus vai atzīmes valoda, lai faktiski pateikt 213 00:09:54,270 --> 00:09:55,621 pārlūkprogramma to darīt vēl vairāk. 214 00:09:55,621 --> 00:09:57,870 Tāpēc es esmu gatavojas iet uz priekšu un dzēst šo brīdi. 215 00:09:57,870 --> 00:10:00,980 Un es esmu gatavojas teikt, hey, pārlūku, sākt enkuru šeit, 216 00:10:00,980 --> 00:10:02,650 saite tā runāt. 217 00:10:02,650 --> 00:10:07,500 Un hiper-reference, galamērķis Minētās enkurs, būtu šo URL. 218 00:10:07,500 --> 00:10:08,750 Un paziņojums manas pēdiņas. 219 00:10:08,750 --> 00:10:11,590 Es varētu izmantot vienu pēdiņas, pārāk, bet jums ir jābūt konsekventiem, 220 00:10:11,590 --> 00:10:14,270 un es parasti tikai izmantot pēdiņas, lai saglabātu to vienkārši. 221 00:10:14,270 --> 00:10:16,820 Paziņojums Es esmu gatavojas slēgt tagu. 222 00:10:16,820 --> 00:10:21,160 Un tad šeit es esmu, teikt, "Disney World". 223 00:10:21,160 --> 00:10:26,890 Un tagad man vajag kādu symmetry-- open kronšteins, / a, slēgta kronšteinu. 224 00:10:26,890 --> 00:10:28,090 >> Tātad, ko es esmu ieviesusi? 225 00:10:28,090 --> 00:10:30,100 Mēs esam bija daži tagus jau. 226 00:10:30,100 --> 00:10:32,410 HTML, Head, Title, Body, ir visi tagi, tā sakot, 227 00:10:32,410 --> 00:10:34,280 ar atvērtām un slēgtām kolēģiem. 228 00:10:34,280 --> 00:10:36,530 Bet paziņojums, tas ir sava veida principiāli atšķirīgs. 229 00:10:36,530 --> 00:10:39,140 Tas ir tas, ko mēs saucam HTML atribūts. 230 00:10:39,140 --> 00:10:41,451 Un atribūts ir tikai atslēgas vērtību pāri. 231 00:10:41,451 --> 00:10:43,950 Tā ir izplatīta lieta Datora science-- atslēgu vērtību pāri. 232 00:10:43,950 --> 00:10:45,770 Tas ir sava veida instrumentu tirdzniecību. 233 00:10:45,770 --> 00:10:47,040 Galvenais un vērtība. 234 00:10:47,040 --> 00:10:49,390 Vārds un pēc tam daži citu vārdu vai vārdus. 235 00:10:49,390 --> 00:10:53,790 Un šajā gadījumā, galvenais ir href, un vērtība ir tā, ka pilns URL. 236 00:10:53,790 --> 00:10:57,890 Un ko atribūts dara tas ir ietekmē uzvedību tag. 237 00:10:57,890 --> 00:11:01,010 Un šajā gadījumā, mums ir nepieciešams, lai ietekmētu uzvedība enkura taga, 238 00:11:01,010 --> 00:11:04,140 jo mums ir nepieciešams nostiprināt šo saiti, lai kaut kur. 239 00:11:04,140 --> 00:11:06,960 Un kā jūs darīt, ir veidā atribūta. 240 00:11:06,960 --> 00:11:08,970 >> Tāpēc es esmu gatavojas iet uz priekšu un saglabājiet failu tagad. 241 00:11:08,970 --> 00:11:11,300 Iet atpakaļ uz manu pārlūku un papildināšanas. 242 00:11:11,300 --> 00:11:14,580 Un, voila, mums tagad ir pirmsākumiem likumīgu mājas lapā. 243 00:11:14,580 --> 00:11:18,420 Super-vienkārša, bet, ja es lidināties virs this-- paziņojums apakšējā kreisajā stūrī, 244 00:11:18,420 --> 00:11:19,830 tas ir super-mazs. 245 00:11:19,830 --> 00:11:21,730 Bet jūs redzēt www.disney.com. 246 00:11:21,730 --> 00:11:27,076 Un, ja es noklikšķiniet uz tā, tiešām šis putotāji mani prom uz disney.com. 247 00:11:27,076 --> 00:11:29,380 Tagad, ziņkārīgs lieta šeit ir tā, ka tas nav 248 00:11:29,380 --> 00:11:33,940 best-- visvairāk tirdznieciskās URL, bet tas ir jauki, jo šis fails nav 249 00:11:33,940 --> 00:11:35,360 pastāvēt par World Wide Web. 250 00:11:35,360 --> 00:11:39,740 Tā pastāv kā vietējā failu acīmredzot mani Lietotāji directory-- / jharvard-- 251 00:11:39,740 --> 00:11:41,890 par John Harvard-- / desktop. 252 00:11:41,890 --> 00:11:42,634 Bet tas ir URL. 253 00:11:42,634 --> 00:11:43,800 Tā vienkārši notiek, ir vietējie. 254 00:11:43,800 --> 00:11:47,050 Diemžēl neviens no jums var apmeklēt Tas, jo, ja jūs tipa šo URL, 255 00:11:47,050 --> 00:11:49,980 tu būsi stāsta pārlūkprogrammu, meklēt failu sauc hello.html 256 00:11:49,980 --> 00:11:50,772 uz jūsu cietā diska. 257 00:11:50,772 --> 00:11:53,271 Un, protams, ja vien jūs esat sekojuši līdzi manuāli, 258 00:11:53,271 --> 00:11:54,530 tas nav gatavojas pastāvēt tur. 259 00:11:54,530 --> 00:11:55,190 >> Tātad tas ir jauki. 260 00:11:55,190 --> 00:11:57,815 Mums joprojām ir nepieciešams veids, galu galā, lai iegūtu šo failu tīmeklī, 261 00:11:57,815 --> 00:12:01,180 bet pieņemsim ķircināt izņemot pāris ietekme uz drošību, ko mēs tikko 262 00:12:01,180 --> 00:12:04,850 redzēja un tie to atpakaļ uz agrāko diskusija no šī rīta. 263 00:12:04,850 --> 00:12:08,200 Izrādās, ka, ja pārlūkprogramma burtiski vienkārši dara 264 00:12:08,200 --> 00:12:12,560 ko es saku to, ko darīt, un šķiet, būt gadījums, ka enkurs tag ir 265 00:12:12,560 --> 00:12:17,380 ietekmē vērtību Šis raksturlielums sauc href 266 00:12:17,380 --> 00:12:20,810 bet tas parāda to teksts, tas šķiet 267 00:12:20,810 --> 00:12:26,520 nozīmēt, ka es varētu likt URL abās vietās, un pēc tam pārlādēt 268 00:12:26,520 --> 00:12:29,100 un tagad redzēt URL un iet uz URL. 269 00:12:29,100 --> 00:12:32,680 Paziņojums, ja es lidināties virs apakšējā kreisajā, Es esmu patiešām gatavojas vēl disney.com. 270 00:12:32,680 --> 00:12:38,340 >> Tātad, ja jūs esat kādreiz bijis phished-- P-H-I-S-H-E-D-- 271 00:12:38,340 --> 00:12:42,820 ar vienu no šiem viltus e-pastiem no, piemēram, PayPal jūsu bankas, 272 00:12:42,820 --> 00:12:46,470 Jūs droši vien esat gotten saites iekšpusē par e-pastu, jūs lasāt, ka 273 00:12:46,470 --> 00:12:49,970 stāsta jums noklikšķiniet šeit, lai dotos apstiprinātu Jūsu parole vai apstipriniet savu dzimšanas 274 00:12:49,970 --> 00:12:53,840 vai sociālo vai kaut sociāli inženierijas jums atklāt 275 00:12:53,840 --> 00:12:54,920 informācija. 276 00:12:54,920 --> 00:12:57,625 Nu, es varētu veida ņemt priekšrocība šajā, nevarēju es? 277 00:12:57,625 --> 00:13:01,240 Es varētu pateikt kaut ko piemēram, www.paypal.com. 278 00:13:01,240 --> 00:13:11,340 Un tā vietā, disney.com, es varētu doties uz, piemēram, badguy.com. 279 00:13:11,340 --> 00:13:12,850 Pārlādēt. 280 00:13:12,850 --> 00:13:16,620 Un cik viegli ir piekrāptais, īpaši netehnisks lasītājs 281 00:13:16,620 --> 00:13:20,649 vai īsumā lasīšanas lasītājs nekā uzklikšķināt 282 00:13:20,649 --> 00:13:23,940 saikne, piemēram, tas, kas, ja es noklikšķiniet it-- Es tiešām nevēlos iet badguy.com. 283 00:13:23,940 --> 00:13:25,398 Es nezinu, kas patiesībā tur. 284 00:13:25,398 --> 00:13:30,080 Tātad paypal.com, paziņojums, ir ko tas saka, ka tā notiek, lai, 285 00:13:30,080 --> 00:13:33,210 bet, protams, ja es skatos super-zems, tas ir mazliet neskaidra, 286 00:13:33,210 --> 00:13:34,230 bet tā saka badguy.com. 287 00:13:34,230 --> 00:13:38,644 Tas ir vienīgais pateikt tieši tagad ka es esmu gatavojas nepareizā vietā. 288 00:13:38,644 --> 00:13:41,560 Un, kad es teicu iepriekš, ka bankas tiešām nevajadzētu veicināt vai vilcienu 289 00:13:41,560 --> 00:13:44,510 Lietotājiem uz noklikšķinot saites, šis ir tikai viena izpausme tā. 290 00:13:44,510 --> 00:13:45,430 Un tas ir tik vienkārši. 291 00:13:45,430 --> 00:13:48,120 Jūs tagad pretinieks ja jūs darīt kaut kas līdzīgs šim 292 00:13:48,120 --> 00:13:51,000 un mēģināt triks lietotāju stājas apmeklē jūsu mājas lapā. 293 00:13:51,000 --> 00:13:53,320 Bet tagad, mēs glabāt lietas jauka un tīra. 294 00:13:53,320 --> 00:13:55,640 Mēs ejam, lai iet uz priekšu un attīšana šīs izmaiņas. 295 00:13:55,640 --> 00:13:56,530 Pārlādēt lapu. 296 00:13:56,530 --> 00:13:57,740 Un es dodos atpakaļ uz disney.com. 297 00:13:57,740 --> 00:14:00,660 >> Let 's redzēt, ja mēs nevaram kaitināt Tas papildus nedaudz vairāk. 298 00:14:00,660 --> 00:14:04,160 Tātad "hello, Disney World." 299 00:14:04,160 --> 00:14:05,950 Es esmu gatavojas teikt šeit lejā. 300 00:14:05,950 --> 00:14:08,220 Varbūt es esmu gatavojas darīt dažas vietas. 301 00:14:08,220 --> 00:14:12,730 "Mēs ceram, ka jums patika!" 302 00:14:12,730 --> 00:14:13,830 Glābt. 303 00:14:13,830 --> 00:14:15,850 Pārlādēt. 304 00:14:15,850 --> 00:14:19,010 Tas nav rea-- tas nav ko es paredzēti, vai ne? 305 00:14:19,010 --> 00:14:21,870 Es domāju, ja es esmu ārstējot manu tekstu failu, piemēram, vārdu procesors, 306 00:14:21,870 --> 00:14:24,894 ko jūs ceram, varētu notikt šeit? 307 00:14:24,894 --> 00:14:27,060 Jā, es jūtos kā tur jābūt līnija pārtraukums šeit, 308 00:14:27,060 --> 00:14:28,799 tāpēc uzskata buggy kaut kādā veidā. 309 00:14:28,799 --> 00:14:31,090 Bet tas tiešām tīši, jo tāpat kā iepriekš, 310 00:14:31,090 --> 00:14:33,381 pārlūkprogramma notiek tikai darīt to, ko tu pateikt to darīt. 311 00:14:33,381 --> 00:14:34,806 Es neesmu teicis, lai izjauktu līnijas. 312 00:14:34,806 --> 00:14:37,930 Man nav teicis to, lai pārvietotos uz leju, pat lai gan, intuitīvi, es jūtos kā es darīju. 313 00:14:37,930 --> 00:14:39,805 Tātad izrādās, mums ir nepieciešams nedaudz vairāk atzīmes, 314 00:14:39,805 --> 00:14:41,390 un es esmu gatavojas noteikt šo šādi. 315 00:14:41,390 --> 00:14:46,160 Es esmu gatavojas priekšvārds šo pirmo sveiki ar ko sauc tag punktu. 316 00:14:46,160 --> 00:14:48,920 Un tad es iešu uz priekšu un wrap šo citu sodu 317 00:14:48,920 --> 00:14:54,370 citā tag punktā, kaut arī viņi super-īsas rindkopas. 318 00:14:54,370 --> 00:14:55,930 Tagad es esmu gatavojas, lai saglabātu. 319 00:14:55,930 --> 00:14:57,160 Pārlādēt. 320 00:14:57,160 --> 00:14:59,070 Un tagad mums ir, ka telpa, un mēs veida 321 00:14:59,070 --> 00:15:01,680 ir semantikas divi atsevišķi punkti. 322 00:15:01,680 --> 00:15:05,290 >> Tas ir viss, naudas sodu un labi, bet tas jauki, lai pievienotu attēlu uz šo lapu, 323 00:15:05,290 --> 00:15:08,710 tāpēc es iešu meklēt Mickey Mouse Google attēli. 324 00:15:08,710 --> 00:15:12,830 Un tikai jautri, es esmu gatavojas greifers šo attēlu. 325 00:15:12,830 --> 00:15:15,350 Es iešu uz priekšu tagad paķert URL šī attēla, 326 00:15:15,350 --> 00:15:16,510 lai gan tur ir atšķirīgs veidi, kā to darīt. 327 00:15:16,510 --> 00:15:18,520 Tagad, es esmu tikai gatavojas kopēt URL. 328 00:15:18,520 --> 00:15:24,770 Es esmu gatavojas doties atpakaļ manā tekstā failu, un es esmu gatavojas teikt šeit, 329 00:15:24,770 --> 00:15:31,160 img src = quote likt pēdiņas beigās ka URL, super-gara. 330 00:15:31,160 --> 00:15:34,580 Un tad jēdziens attēls ir nedaudz atšķirīgs. 331 00:15:34,580 --> 00:15:38,640 Tur tiešām nav jēdziens sākuma attēla un beidzas attēlu, 332 00:15:38,640 --> 00:15:40,630 kā sākuma atzīmētu beigu tagu. 333 00:15:40,630 --> 00:15:43,840 Tātad tas jūtas mazliet dīvaini mani semantiski to darīt, 334 00:15:43,840 --> 00:15:45,390 būt tuvu attēla tagu. 335 00:15:45,390 --> 00:15:46,780 Tas nav nepareizi. 336 00:15:46,780 --> 00:15:48,840 Tas ir pilnīgi pareizi, un tas ir jāveicina, 337 00:15:48,840 --> 00:15:50,870 bet tur ir stenogrāfija apzīmējumu. 338 00:15:50,870 --> 00:15:53,780 Es varu veida vienlaicīgi atvērt un aizvērt pašu tagu, 339 00:15:53,780 --> 00:15:55,510 un kas padarīs pārlūku laimīgs. 340 00:15:55,510 --> 00:15:56,950 Tātad, tas ir tikai nedaudz vairāk īss lietām 341 00:15:56,950 --> 00:15:59,408 ka konceptuāli tiešām nav jēga sākuma un beigu. 342 00:15:59,408 --> 00:16:01,190 Viņi vienkārši ir tur, vai viņi nav. 343 00:16:01,190 --> 00:16:06,020 >> Tāpēc es esmu gatavojas, lai saglabātu šo un doties atpakaļ uz manu "Hello, World" lapā un papildināšanas. 344 00:16:06,020 --> 00:16:09,880 Un tas ir mazliet ārpus kontroles, jo tas attēls ir faktiski 345 00:16:09,880 --> 00:16:12,210 mazliet liels, bet tas ir OK. 346 00:16:12,210 --> 00:16:13,710 Es varētu mainīt to programmu. 347 00:16:13,710 --> 00:16:14,900 Vai jūs zināt, ko. 348 00:16:14,900 --> 00:16:17,350 Tikai, lai pierādītu, es esmu gatavojas tiešām teikt 349 00:16:17,350 --> 00:16:21,760 ka platums šī lieta būtu tikai 200 pikseļi, 200 punktus. 350 00:16:21,760 --> 00:16:24,360 Ļaujiet man iet uz priekšu un saglabājiet un pārlādēt, un tagad lapa 351 00:16:24,360 --> 00:16:25,690 izskatās mazliet vairāk saprātīgi. 352 00:16:25,690 --> 00:16:27,260 Bet paziņojums modelis. 353 00:16:27,260 --> 00:16:30,030 Nu, es esmu veida māca jums visu HTML kādā ziņā, vismaz 354 00:16:30,030 --> 00:16:33,531 konceptuāli, jo visi HTML ir ir šie tags-- atvērt tagus, slēgta tagus, 355 00:16:33,531 --> 00:16:35,280 un atribūti, kas mainīt savu uzvedību. 356 00:16:35,280 --> 00:16:38,380 Un, acīmredzot, ik tag var būt nulle vai viens 357 00:16:38,380 --> 00:16:43,005 vai divus vai vairākus atribūtus, katrs no kas dara kaut ko nedaudz atšķiras. 358 00:16:43,005 --> 00:16:44,380 Tagad, kā jūs zināt, kas ir? 359 00:16:44,380 --> 00:16:46,800 Jums tikai klausīties kādu piemēram, man pateikt jums to, kas ir, 360 00:16:46,800 --> 00:16:50,860 vai jūs vienkārši Google apkārt apmācība uz HTML, un tas tiešām ir šo vienkāršo. 361 00:16:50,860 --> 00:16:54,030 >> Patiesi, kad es biju undergrad gadiem un uzzināja HTML, 362 00:16:54,030 --> 00:16:56,530 viens no maniem matemātikas mācīšanas palīgi tikko pavadīja 363 00:16:56,530 --> 00:16:59,600 mazliet laika izglīto mani lai kā pusstundu, stundu, 364 00:16:59,600 --> 00:17:00,660 un tad man bija par manu ceļu. 365 00:17:00,660 --> 00:17:03,300 Man bija par manu ceļu pretī padarot visvairāk pretīgs mājas lapas jebkad, 366 00:17:03,300 --> 00:17:05,549 kas, acīmredzot, man nav tiešām progresējusi aiz. 367 00:17:05,549 --> 00:17:09,849 Bet jautājums ir, ka tad, kad jūs izprast šos vienkāršos ideas-- 368 00:17:09,849 --> 00:17:13,450 ja arcane text-- bet tie vienkārši idejas sākot doma 369 00:17:13,450 --> 00:17:15,960 un noslēguma domāja, saglabājot viss labi, balstīts, 370 00:17:15,960 --> 00:17:19,150 meklē kaut ko uz augšu, nemainot rīcība šo atzīmi, tas tiešām viss 371 00:17:19,150 --> 00:17:20,079 ir uz to. 372 00:17:20,079 --> 00:17:28,140 Un patiesībā, ja mēs tagad iet uz kaut kas līdzīgs google.com-- faktiski, 373 00:17:28,140 --> 00:17:31,920 iesim vietu mazliet vairāk reasonable-- stanford.edu. 374 00:17:31,920 --> 00:17:37,800 Un es iešu uz View, Izstrādātājs, View Source. 375 00:17:37,800 --> 00:17:41,400 Tas ir neglīts, bet notice-- un es ņemšu tuvinātu paziņojumā 376 00:17:41,400 --> 00:17:43,432 daži sīkumi, kas ir pazīstams jau. 377 00:17:43,432 --> 00:17:45,140 Tur ir tas šeit, kas ir pārlūks. 378 00:17:45,140 --> 00:17:46,800 Šeit nāk HTML5. 379 00:17:46,800 --> 00:17:47,634 Tur ir HTML. 380 00:17:47,634 --> 00:17:49,550 Acīmredzot, tur ir atribūtu, man nav 381 00:17:49,550 --> 00:17:51,540 izmantot, kas nosaka valoda lapā, 382 00:17:51,540 --> 00:17:54,380 un tas var palīdzēt ar automātisko tulkošanas un sīkumi, piemēram, ka. 383 00:17:54,380 --> 00:17:55,546 Lūk vadītājs lapā. 384 00:17:55,546 --> 00:17:57,790 Lūk nosaukums Stenforda lapā. 385 00:17:57,790 --> 00:17:59,832 Tur ir tag man nav runāt par yet-- Meta tagu. 386 00:17:59,832 --> 00:18:01,540 Tā ir tikai sava veida pamatinformācija. 387 00:18:01,540 --> 00:18:04,210 Tas palīdz ar SEO, vai meklēšanas optimizācija, 388 00:18:04,210 --> 00:18:06,320 vai Google meklēšanas rezultātus vai tamlīdzīgi. 389 00:18:06,320 --> 00:18:09,029 Bet, ja mēs pastāvīgi meklējam, saglabāt meklē, šeit ir Body tag. 390 00:18:09,029 --> 00:18:11,570 Un tur ir ķekarus citi tags mēs esam nav runājuši par vēl. 391 00:18:11,570 --> 00:18:13,750 Bet Div ir viens priekšlikums dalīšana lapā. 392 00:18:13,750 --> 00:18:16,680 Tas ir kā neredzams taisnstūra ja jūs veida vēlaties garīgi 393 00:18:16,680 --> 00:18:20,160 sadalīt savu lapu par dažādas vienības tiešsaistē. 394 00:18:20,160 --> 00:18:22,650 Un tad daudz divs I redzēt, kaut ko sauc Class, 395 00:18:22,650 --> 00:18:24,440 bet mēs būsim atpakaļ uz to. 396 00:18:24,440 --> 00:18:26,200 >> Tas ir interesting-- Forms. 397 00:18:26,200 --> 00:18:27,730 Veidlapas ir visā tīmeklī. 398 00:18:27,730 --> 00:18:30,310 Jebkura meklēšanas lodziņš tu esi kādreiz izmantots ir forma. 399 00:18:30,310 --> 00:18:31,490 Un, jā, pieņemsim faktiski redzēt. 400 00:18:31,490 --> 00:18:32,790 Forma. 401 00:18:32,790 --> 00:18:33,910 Darbība. 402 00:18:33,910 --> 00:18:37,660 Šīs veidlapas rīcība, kāda vēsturiski iemesli, ir tas, ka URL. 403 00:18:37,660 --> 00:18:38,840 Metode ir "post". 404 00:18:38,840 --> 00:18:44,060 Izrādās, ka HTTP pieprasījumus var izmantot darbības vārds "saņemt", kā mēs redzējām iepriekš, 405 00:18:44,060 --> 00:18:45,070 vai "post". 406 00:18:45,070 --> 00:18:47,030 Un redzēsiet atšķirību par šo brīdi. 407 00:18:47,030 --> 00:18:48,363 Pieņemsim faktiski redzēt, kas tas ir. 408 00:18:48,363 --> 00:18:49,830 Ļaujiet man iet atpakaļ uz Stenforda lapā. 409 00:18:49,830 --> 00:18:53,330 Kādā veidā viņi runā par, jūs domājat? 410 00:18:53,330 --> 00:18:54,485 Kas lec ārā pie jums? 411 00:18:54,485 --> 00:18:54,970 >> Mērķauditorija: Meklēšanas lodziņš. 412 00:18:54,970 --> 00:18:55,845 >> DAVID J. Malan: Jā. 413 00:18:55,845 --> 00:18:58,410 Tātad up augšējā labajā stūrī šeit ir tas Search lodziņš. 414 00:18:58,410 --> 00:19:02,441 Un tas, kā tie īstenoti it-- tag, kas ir burtiski atvērtā kronšteins forma. 415 00:19:02,441 --> 00:19:03,940 Un tad pieņemsim meklēt kaut ko. 416 00:19:03,940 --> 00:19:09,220 Meklēsim draugs no mine-- "Nick Parlante." 417 00:19:09,220 --> 00:19:11,380 Enter. 418 00:19:11,380 --> 00:19:13,750 Un, protams, tas devās uz nedaudz atšķirīga URL. 419 00:19:13,750 --> 00:19:15,140 Ļaujiet man atgriezties šeit. 420 00:19:15,140 --> 00:19:18,960 Meklēsim "kursu." 421 00:19:18,960 --> 00:19:19,460 Nolādēts. 422 00:19:19,460 --> 00:19:20,484 Devās uz citu URL. 423 00:19:20,484 --> 00:19:23,400 Tātad, Stanford s pievienojot dažas burvju ka viņi nav ņemot mani uz URL 424 00:19:23,400 --> 00:19:25,820 ka mēs redzējām rīcība atribūts tur. 425 00:19:25,820 --> 00:19:32,480 Bet šī forma šeit tiek īstenota vienīgi veidā šī atzīmes šeit, šie tagus. 426 00:19:32,480 --> 00:19:35,710 Patiesībā, šeit ir ieeja meklēšanas veidu, ko vēlaties. 427 00:19:35,710 --> 00:19:38,940 Šeit ir piegādātāju, Vēl viens meklēšanas veidu. 428 00:19:38,940 --> 00:19:41,960 Šeit ir ieeja virkni pati. 429 00:19:41,960 --> 00:19:45,394 Un tā mērķis nav wrap mūsu prāts ap visiem šiem tagiem 430 00:19:45,394 --> 00:19:46,060 bet tikai, lai redzētu. 431 00:19:46,060 --> 00:19:48,300 Tas ir vienkārši atverot un aizverot birkas un meklē lietas uz augšu. 432 00:19:48,300 --> 00:19:48,560 Yeah? 433 00:19:48,560 --> 00:19:48,920 Victoria? 434 00:19:48,920 --> 00:19:49,795 >> Mērķauditorija: [dzirdams] 435 00:19:49,795 --> 00:19:51,925 436 00:19:51,925 --> 00:19:53,550 DAVID J. Malan: Tas ir labs jautājums. 437 00:19:53,550 --> 00:19:54,660 Tas ir nedaudz sarežģītāk, lai redzētu. 438 00:19:54,660 --> 00:19:56,300 Ļaujiet man atgriezties, ka jautājums tikai dažas minūtes 439 00:19:56,300 --> 00:19:59,000 kad mēs skatāmies uz kaut ko sauc CSS, vai kaskādes stila lapas, 440 00:19:59,000 --> 00:20:02,500 un mēs varam mēģināt secināt tik daudz no lapas. 441 00:20:02,500 --> 00:20:08,090 Tātad, ja mēs tagad to apskatīt google.com, pieņemsim redzēt, kas viņu lapā izskatās. 442 00:20:08,090 --> 00:20:09,840 Jūs they're-- tas ir gudrs šodien. 443 00:20:09,840 --> 00:20:12,490 444 00:20:12,490 --> 00:20:12,990 LABI. 445 00:20:12,990 --> 00:20:13,690 Viss pabeigts. 446 00:20:13,690 --> 00:20:15,260 Labi, tāpēc View Source. 447 00:20:15,260 --> 00:20:19,590 Jūs domājat, ka Google ir tiešām jauks pirmkodu. 448 00:20:19,590 --> 00:20:24,970 Tātad, acīmredzot, kas notiek šeit? 449 00:20:24,970 --> 00:20:27,880 Un patiesībā, tas nav pat HTML. 450 00:20:27,880 --> 00:20:30,930 Tas ir kaut kas ko sauc par JavaScript. 451 00:20:30,930 --> 00:20:32,344 Un pieņemsim glabāt iet un iet. 452 00:20:32,344 --> 00:20:34,010 Es pat nezinu, kur lapa sākas. 453 00:20:34,010 --> 00:20:37,240 Es esmu gatavojas izmantot Command F, atklāts kronšteins HTML. 454 00:20:37,240 --> 00:20:38,200 Labi, tur tas ir. 455 00:20:38,200 --> 00:20:44,150 Es atklāju sākumu lapas, un tur ir tik daudz sīkumi šeit. 456 00:20:44,150 --> 00:20:45,310 >> Kas patiesībā notiek? 457 00:20:45,310 --> 00:20:47,460 Nu, jūs zināt, ko, mēs varam tīrīt to uz augšu. 458 00:20:47,460 --> 00:20:52,109 Ja es tā vietā doties uz šo Pārbaudiet rīkjosla, šis īpašais diagnostikas rīks, 459 00:20:52,109 --> 00:20:54,150 un iet nevis uz tīklu, kur mēs turpinām iet šodien, 460 00:20:54,150 --> 00:20:56,420 bet, ja es eju uz Elements, to, kas ir patiešām jauki 461 00:20:56,420 --> 00:20:59,990 ir tas, ka pārlūks ir daudz daudz labāk acis nekā man. 462 00:20:59,990 --> 00:21:02,670 Un pārlūks var nolasīt ka haoss, kas mājas lapā, 463 00:21:02,670 --> 00:21:04,700 ka HTML mail mēs tikko paskatījās, un tas var 464 00:21:04,700 --> 00:21:08,340 izanalizēt to vai lasīt un analizēt to un pārformatēt to 465 00:21:08,340 --> 00:21:09,910 jauka cilvēka draudzīgā veidā. 466 00:21:09,910 --> 00:21:11,740 Tātad, ko es esmu redzēt tagad Šajā ekrānā šeit 467 00:21:11,740 --> 00:21:15,470 saskaņā Elements, tieši tādu pašu saturu, bet tie esam izrobota viss, 468 00:21:15,470 --> 00:21:18,140 tie esam colorized, bet tas ir tieši tas pats teksts 469 00:21:18,140 --> 00:21:19,620 ka es lejupielādēt no servera. 470 00:21:19,620 --> 00:21:23,630 >> Un, kas ir jauki, tagad ir es redzu organismā, par instance-- paziņojumu, 471 00:21:23,630 --> 00:21:26,480 lapa joprojām sastāv no tikai galva un ķermenis, 472 00:21:26,480 --> 00:21:28,660 un es varu hierarhiski nirt šeit. 473 00:21:28,660 --> 00:21:32,420 Ievērojiet, ka Google, šķiet, ir lai divs-- šo vienu, un šo vienu. 474 00:21:32,420 --> 00:21:33,310 Es varu paplašināt to. 475 00:21:33,310 --> 00:21:35,370 Tur ir viss ķekars citu divs. 476 00:21:35,370 --> 00:21:36,900 Tātad, tas ir nedaudz sarežģīti. 477 00:21:36,900 --> 00:21:37,400 Bet pagaidiet. 478 00:21:37,400 --> 00:21:40,970 Tas šķiet tik daudz lasāms, salīdzinoši, nekā šis. 479 00:21:40,970 --> 00:21:43,840 Kāpēc Google neērts pati, tikai nosūtot 480 00:21:43,840 --> 00:21:50,400 šo milzīgo putru koda dažu kārtošanas vienkārši īstenot kaut ko 481 00:21:50,400 --> 00:21:53,640 kas izskatās tik vienkārši pēc pirmā acu uzmetiena? 482 00:21:53,640 --> 00:21:55,270 Tāpat kā, kāpēc viņi pievienot vairāk vietas? 483 00:21:55,270 --> 00:21:56,811 Kāpēc tie hit Enter, piemēram, I did? 484 00:21:56,811 --> 00:21:59,110 Paskaties, cik labi es biju rakstot tīmekļa lapu. 485 00:21:59,110 --> 00:22:00,680 Es hit Enter tik rūpīgi. 486 00:22:00,680 --> 00:22:03,760 Es atkāpi tāpēc viss ir tik skaista un salasāms. 487 00:22:03,760 --> 00:22:08,463 Kāpēc Google nepraktizē pats? 488 00:22:08,463 --> 00:22:11,409 >> Mērķauditorija: [dzirdams] 489 00:22:11,409 --> 00:22:12,305 490 00:22:12,305 --> 00:22:13,180 DAVID J. Malan: Labi. 491 00:22:13,180 --> 00:22:14,270 Ļoti godīgi. 492 00:22:14,270 --> 00:22:16,650 Viņiem nav daži persona Google manuāli 493 00:22:16,650 --> 00:22:18,160 atjaunināšanu mājas lapu vairs. 494 00:22:18,160 --> 00:22:20,010 Tas nav 1999 vairs. 495 00:22:20,010 --> 00:22:21,140 Tāpēc viņi ir programmatūra. 496 00:22:21,140 --> 00:22:25,397 Viņiem ir citi instrumenti, kas radīt dinamiski viņi HTML. 497 00:22:25,397 --> 00:22:27,480 Protams, ka kodekss bija rakstīts ar cilvēkiem, 498 00:22:27,480 --> 00:22:30,220 bet realitāte ir, tas ir diezgan godīgi teikt, 499 00:22:30,220 --> 00:22:33,340 pārlūkprogramma noteikti nav aprūpi, kā netīrs kods ir. 500 00:22:33,340 --> 00:22:35,940 Bet tur ir vēl vairāk pārliecinoši tehnisku iemeslu 501 00:22:35,940 --> 00:22:42,580 ka Google izplata savu HTML kods šādā apliets, šķietami 502 00:22:42,580 --> 00:22:48,350 milzīgs veids visu iepakot kopā ar ļoti maz way-- ļoti maz 503 00:22:48,350 --> 00:22:51,274 ceļā formatējumu, piemēram, I did. 504 00:22:51,274 --> 00:22:52,570 >> Mērķauditorija: [dzirdams] 505 00:22:52,570 --> 00:22:53,528 >> DAVID J. Malan: Faster? 506 00:22:53,528 --> 00:22:54,040 Kāpēc? 507 00:22:54,040 --> 00:22:55,680 Un ko tu teici, Lydia? 508 00:22:55,680 --> 00:22:56,240 Ātrāk? 509 00:22:56,240 --> 00:22:57,281 Kāpēc ātrāk? 510 00:22:57,281 --> 00:22:58,156 Mērķauditorija: [dzirdams] 511 00:22:58,156 --> 00:23:00,522 512 00:23:00,522 --> 00:23:02,230 DAVID J. Malan: Ir nav vietas, lai lasītu. 513 00:23:02,230 --> 00:23:02,730 Jā. 514 00:23:02,730 --> 00:23:04,560 Tāpēc domāju par to, ko telpa ir. 515 00:23:04,560 --> 00:23:08,394 Tātad katrs simbols uz klaviatūras aizņem daži telpu apjoms pārstāvēt, 516 00:23:08,394 --> 00:23:10,560 nu fiziski, piemēram, tas aizņem ka daudz vietas, 517 00:23:10,560 --> 00:23:13,250 vai kaut kā zem nosūcējs, kas prasa atmiņu. 518 00:23:13,250 --> 00:23:15,740 Un kā aside-- un mēs runāt vairāk par šo tomorrow-- 519 00:23:15,740 --> 00:23:19,930 katru rakstzīmi uz klaviatūras parasti prasa 8 biti vai vienu baitu. 520 00:23:19,930 --> 00:23:23,360 Tātad modelis 8 nullēm vai tiem, vai tikai 1 baits, kā mēs 521 00:23:23,360 --> 00:23:24,720 cilvēki būtu parasti saka. 522 00:23:24,720 --> 00:23:27,690 Tātad tas ir mazs, bet tas joprojām nav nulle. 523 00:23:27,690 --> 00:23:29,940 Tas ir vēl dažas vietas daudzumu. 524 00:23:29,940 --> 00:23:36,082 Tātad, ja inženieris vai Google hits starpdevējs tikai vienu reizi, un pieņemsim 525 00:23:36,082 --> 00:23:38,540 Google-- tas ir super-popular-- Pieņemsim, ka miljards cilvēku 526 00:23:38,540 --> 00:23:40,780 apmeklēt viņu mājas lapu dienā, vai kādu cilvēku skaits 527 00:23:40,780 --> 00:23:43,290 apmeklējiet mājas lapu A miljards reizes dienā, 528 00:23:43,290 --> 00:23:48,890 cik daudz papildu baiti ir kas programmatūras inženieris tikai izmaksas Google 529 00:23:48,890 --> 00:23:51,310 ar hitting viņa vai viņas starpdevējs reizi? 530 00:23:51,310 --> 00:23:52,692 >> Mērķauditorija: [dzirdams] 531 00:23:52,692 --> 00:23:54,150 DAVID J. Malan: Ne gluži tik slikti. 532 00:23:54,150 --> 00:23:57,070 Tikai vienu baitu reizes miljardiem. 533 00:23:57,070 --> 00:23:57,871 Tātad izveidojuši lielisku 534 00:23:57,871 --> 00:23:59,120 Mērķauditorija: 8 miljardus gigabaitu. 535 00:23:59,120 --> 00:24:00,370 DAVID J. Malan: Nav 8000000000. 536 00:24:00,370 --> 00:24:01,240 8 miljardus baiti. 537 00:24:01,240 --> 00:24:02,410 Bet 1 gigabaitu. 538 00:24:02,410 --> 00:24:04,080 1 gigabaita būtu mērvienība. 539 00:24:04,080 --> 00:24:08,240 Ja viņš vai viņa dara divas telpas, 2 gigabaitiem. 540 00:24:08,240 --> 00:24:09,030 Trīs gigabaitiem. 541 00:24:09,030 --> 00:24:09,530 Pa labi? 542 00:24:09,530 --> 00:24:11,860 Tas svari dārgi. 543 00:24:11,860 --> 00:24:16,150 Un tāpēc gadījumos, piemēram, Google, kas piešķirts, ir ekstrēmi gadījumi, 544 00:24:16,150 --> 00:24:21,450 ir arī citi jautājumi, kas rodas tikai padarot ļoti saprātīgus lēmumus 545 00:24:21,450 --> 00:24:25,744 vai, ņemot ļoti vienkāršas cilvēka rīcību, jo tas ir šo palielināts efektu. 546 00:24:25,744 --> 00:24:27,660 Tātad, viens no iemesliem Tas izskatās tik saspiests 547 00:24:27,660 --> 00:24:30,660 ir tieši tā, kā Viktorija said-- tas bija tikko radīts ar datoru anyway. 548 00:24:30,660 --> 00:24:31,900 Tāpēc nav liels darījumu. 549 00:24:31,900 --> 00:24:33,309 Ļaujiet pārlūkprogramma skaitlis tas. 550 00:24:33,309 --> 00:24:35,350 Bet tas arī apzināti nav daudz vietas, 551 00:24:35,350 --> 00:24:36,766 tāpēc, ka telpa nav nepieciešama. 552 00:24:36,766 --> 00:24:38,250 Un telpa faktiski maksā naudu. 553 00:24:38,250 --> 00:24:40,670 >> Tā nu izmaksas laiku, jo vienkārši virzīt 554 00:24:40,670 --> 00:24:44,670 ka daudz vairāk datus no Vietne Google.com mītnē tikko 555 00:24:44,670 --> 00:24:47,710 ir ieguvuši, lai kādu summu laiks, pat ja tas ir milisekundes 556 00:24:47,710 --> 00:24:51,190 vai mikrosekundes, bet kas papildina līdz pa tik daudziem lietotājiem, vai, visticamāk, 557 00:24:51,190 --> 00:24:52,270 tas, iespējams, maksā naudu. 558 00:24:52,270 --> 00:24:54,690 Google probably pieslēdzas kāds cits pasaulē, viens 559 00:24:54,690 --> 00:24:56,398 no tiem peering punkti, un, ja tie ir 560 00:24:56,398 --> 00:24:59,880 sava veida finanšu attiecības saskaņā ar kuru viņu dati maksā naudu, 561 00:24:59,880 --> 00:25:01,730 Tie var arī samazināt cik daudz datu 562 00:25:01,730 --> 00:25:04,530 viņi spļaut ārā uz viņu interneta pieslēgums. 563 00:25:04,530 --> 00:25:07,630 >> Tik smieklīgi lieta, lai gan, galu galā, vai varbūt pārliecinoši lieta, 564 00:25:07,630 --> 00:25:11,030 ir tas, ka, lai gan šis izskatās briesmīgi nomācošs, beigās, dienā, 565 00:25:11,030 --> 00:25:16,750 tas joprojām ir precīzi tie paši principi kā Tas ir ļoti vienkāršs lapā šeit no HTML 566 00:25:16,750 --> 00:25:17,390 lappuse. 567 00:25:17,390 --> 00:25:20,610 Tik vienkārši apkopot un tā, ka jūs ir kanonisko versiju, ja jums nav 568 00:25:20,610 --> 00:25:25,900 pēc kopā pēc izvēles šeit, šeit varētu būt visvienkāršākā no interneta lapas, 569 00:25:25,900 --> 00:25:28,240 lai kaut ko spēlēt ar varbūt vēlāk. 570 00:25:28,240 --> 00:25:30,790 >> Nu, pieņemsim ieviest pāris citas idejas tagad. 571 00:25:30,790 --> 00:25:33,420 Mēs esam par to, lai ieviestu kaut ko sauc stila tagu. 572 00:25:33,420 --> 00:25:38,110 Mēs varam stylize šo lapu vairāk interesantu veidos. 573 00:25:38,110 --> 00:25:40,860 Tādējādi, kaut arī HTML e-pastu ir visu par marķējumu uz augšu 574 00:25:40,860 --> 00:25:44,470 dati, veida norādot uz A pārlūku, kā strukturēt datus, 575 00:25:44,470 --> 00:25:48,110 kur likt to, CSS, vai kaskādes stila lapas, 576 00:25:48,110 --> 00:25:52,640 ir otrā valoda, kas parasti izpaužas sajaukt ar HTML 577 00:25:52,640 --> 00:25:55,670 kā mēs see-- bet mēs varam tīrīt kas izveidots moment-- kas ņem 578 00:25:55,670 --> 00:25:59,850 tā gala jūdžu, un tas stylizes to. 579 00:25:59,850 --> 00:26:02,460 Tas izpaužas krāsas tikai tiesības, fontu izmēru tikai tiesības, 580 00:26:02,460 --> 00:26:03,860 pozicionēšanas tikai labi. 581 00:26:03,860 --> 00:26:06,510 Tas viss ir par estētiku vai formatējumu, nevis par 582 00:26:06,510 --> 00:26:08,330 būtiska pašiem datiem. 583 00:26:08,330 --> 00:26:11,390 Un vienkāršākais veids, kā parādīt tas ir iespējams, ar savu piemēru. 584 00:26:11,390 --> 00:26:15,320 Tāpēc es esmu gatavojas iet pa manu vienkāršu teksta failu. 585 00:26:15,320 --> 00:26:17,970 Un tikai brīdi, es ņemšu staigāt mūs cauri procesam 586 00:26:17,970 --> 00:26:19,360 to izdarīt paši. 587 00:26:19,360 --> 00:26:23,310 >> Es esmu gatavojas doties atpakaļ uz manu failu šeit un pārlādēt lapu tikko 588 00:26:23,310 --> 00:26:25,800 lai apstiprinātu, kā tas izskatās. 589 00:26:25,800 --> 00:26:27,190 Tas ir, ja mēs esam pie tagad. 590 00:26:27,190 --> 00:26:31,170 Es jūtos kā bērni varētu baudīt kam daži krāsu uz šo mājas lapu. 591 00:26:31,170 --> 00:26:34,480 Tāpēc es esmu gatavojas iet uz augšu šeit uz galvas lapā. 592 00:26:34,480 --> 00:26:38,130 Un es esmu gatavojas darīt stilu, / stils. 593 00:26:38,130 --> 00:26:44,060 Un tad iekšā, es esmu gatavojas pateikt ķermeni manas page-- 594 00:26:44,060 --> 00:26:46,870 un šis formatējums ir, pirmā acu uzmetiena, varbūt nedaudz 595 00:26:46,870 --> 00:26:49,400 dīvaini, bet parasto. 596 00:26:49,400 --> 00:26:55,010 Es esmu gatavojas teikt, ka fonā krāsa šīs lapas jābūt zaļā krāsā. 597 00:26:55,010 --> 00:26:57,960 Un tas ir diemžēl veida nav labākais dizains. 598 00:26:57,960 --> 00:27:00,710 Ievērojiet, ka iepriekš pasaulē HTML, 599 00:27:00,710 --> 00:27:03,190 Es teicu, ka atribūti šie atslēgas vērtību pāri. 600 00:27:03,190 --> 00:27:05,760 Kaut kas ir vienāds ar citātu likt pēdiņas beigās "kaut ko." 601 00:27:05,760 --> 00:27:08,810 Pasaulē CSS, kas bija paredzēti daži dažādiem cilvēkiem, 602 00:27:08,810 --> 00:27:11,020 viņi nolēma, ka viņu pasaules, atslēgu vērtības pāri 603 00:27:11,020 --> 00:27:13,920 būtu vārds resnās zarnas kaut kas. 604 00:27:13,920 --> 00:27:15,220 Tātad, tas ir tas pats ideja, though. 605 00:27:15,220 --> 00:27:18,620 Tas saista vērtību ar kādu atslēga, kas kaut kādā veidā 606 00:27:18,620 --> 00:27:20,330 ietekmē uzvedību šajā lapā. 607 00:27:20,330 --> 00:27:21,901 >> Un jūs varat droši uzminēt. 608 00:27:21,901 --> 00:27:24,150 Kas tas ir, iespējams, gatavojas darīt, pat ja jūs nekad neesmu 609 00:27:24,150 --> 00:27:27,867 redzējis HTML vai CSS pirms? 610 00:27:27,867 --> 00:27:29,450 Mērķauditorija: Mainīt fona krāsu. 611 00:27:29,450 --> 00:27:30,560 DAVID J. Malan: Jā, mainīt fona krāsu. 612 00:27:30,560 --> 00:27:33,280 Un konkrētāk fona krāsu no ķermeņa. 613 00:27:33,280 --> 00:27:36,290 Bet ciktāl ķermenis tagad ir web 614 00:27:36,290 --> 00:27:38,870 page-- tā ir vienīgā lieta zem title bar really-- 615 00:27:38,870 --> 00:27:40,870 tas iespējams, gatavojas ietekmēt to pašu. 616 00:27:40,870 --> 00:27:41,430 Tātad, pieņemsim redzēt. 617 00:27:41,430 --> 00:27:42,490 Pieņemsim glābt šo. 618 00:27:42,490 --> 00:27:44,310 Iet šeit un pārlādētu. 619 00:27:44,310 --> 00:27:46,140 Tas ir diezgan pretīgs. 620 00:27:46,140 --> 00:27:48,070 Un to, kas notiek šeit ir blakusparādība. 621 00:27:48,070 --> 00:27:49,850 Es tikko izvēlējos šo attēlu nejauši. 622 00:27:49,850 --> 00:27:53,305 Kāpēc ir zaļš nav caurstrāvo aiz Mickey? 623 00:27:53,305 --> 00:27:54,180 Mērķauditorija: [dzirdams] 624 00:27:54,180 --> 00:27:56,880 625 00:27:56,880 --> 00:27:57,880 DAVID J. Malan: Tieši tā. 626 00:27:57,880 --> 00:28:01,750 Izrādās, ka attēli, diezgan daudz visi attēli, ka mēs varētu izmantot, 627 00:28:01,750 --> 00:28:03,670 visi rectangles-- no taisnstūri. 628 00:28:03,670 --> 00:28:07,710 Pat ja Mickey ir dažas līknes pie sevis un ir fons, 629 00:28:07,710 --> 00:28:09,330 ka fons ir kaut kas. 630 00:28:09,330 --> 00:28:10,280 Tā ir jābūt baltā krāsā. 631 00:28:10,280 --> 00:28:11,910 Tā ir jābūt melnā vai kaut kas cits. 632 00:28:11,910 --> 00:28:13,650 Tas var būt caurspīdīgs. 633 00:28:13,650 --> 00:28:16,100 Un patiesībā, es varētu atvērt Mickey Mouse šeit 634 00:28:16,100 --> 00:28:18,590 programmā sauc Photoshop vai kaut kas līdzīgs 635 00:28:18,590 --> 00:28:21,176 un mainīt visu, ka baltā fons pārredzama, 636 00:28:21,176 --> 00:28:22,550 tā zaļā varētu spīdēt cauri. 637 00:28:22,550 --> 00:28:25,980 Bet tas ir kaut kas man būtu nepieciešams jautāt par sevi vai grafiķis 638 00:28:25,980 --> 00:28:28,130 vai dizainers pie manas kompānija, piemēram, 639 00:28:28,130 --> 00:28:31,490 darīt, it īpaši, jo es tikko aizgūts šo vienu no interneta. 640 00:28:31,490 --> 00:28:33,030 Bet tas ir, kāpēc tas notiek. 641 00:28:33,030 --> 00:28:34,980 >> Tātad, ko vēl varētu mēs vēlamies darīt? 642 00:28:34,980 --> 00:28:41,040 Nu, mēs varētu vēlēties, lai teikt mēs tiešām ceru, ka jums patika. 643 00:28:41,040 --> 00:28:44,150 Un uzmanību, es gribu lai padarītu šo spēcīga, 644 00:28:44,150 --> 00:28:48,310 un tāpēc es saku atklāta spēcīga un aizvērt spēcīga un pēc tam pārlādēt. 645 00:28:48,310 --> 00:28:50,320 Un tas ir mazliet grūti redzēt projektoru 646 00:28:50,320 --> 00:28:53,250 bet varbūt tiešām tagad lec ārā pie jums mazliet vairāk. 647 00:28:53,250 --> 00:28:56,180 Tātad jūs varat pievienot slīprakstā šajā veids, treknrakstā saskaras šādā veidā. 648 00:28:56,180 --> 00:28:57,500 Mēs varētu mainīt krāsas. 649 00:28:57,500 --> 00:29:01,610 Patiesībā, tikai sākas, es esmu gatavojas iet uz priekšu un darīt to. 650 00:29:01,610 --> 00:29:05,120 Man nav īsti patīk, kā mans punkts ir tas cieši kopā, 651 00:29:05,120 --> 00:29:06,870 tāpēc es varētu darīt kaut kas līdzīgs šim. 652 00:29:06,870 --> 00:29:13,310 Es esmu gatavojas pateikt pārlūku, mainās katru punktu atzīmi, lai būtu, 653 00:29:13,310 --> 00:29:16,952 pieņemsim say-- faktiski, jūs zināt, ko, pieņemsim saskaņot to tekstu-align, centru. 654 00:29:16,952 --> 00:29:19,410 Un atkal, es zinu, tas tikai tāpēc, ka kāds to mācīja man 655 00:29:19,410 --> 00:29:21,118 vai es paskatījos to uz augšu tiešsaistes atsauces. 656 00:29:21,118 --> 00:29:22,450 Tāpēc ļaujiet man saglabāt šo. 657 00:29:22,450 --> 00:29:25,070 Un, ah, tagad es esmu centrētu attēlu tur. 658 00:29:25,070 --> 00:29:28,490 Un tiešām, jūs zināt, kas, ja Es pārvietot manu attēlu uz punktu 659 00:29:28,490 --> 00:29:34,510 tag-- tāpēc trešo daļu, pat ja tas nav teksta. 660 00:29:34,510 --> 00:29:36,917 Pieņemsim, izņemot to, ka un pārlādēt. 661 00:29:36,917 --> 00:29:40,000 Tagad lapa sāk izskatīties veida of-- Es domāju, tas joprojām ir diezgan neglīts, 662 00:29:40,000 --> 00:29:43,180 bet vismaz tā izskatās, ka es pavadīju divas minūtes, nevis vienu minūti 663 00:29:43,180 --> 00:29:43,950 padarot to. 664 00:29:43,950 --> 00:29:47,200 >> Un tā, pakāpeniski, mēs varam padarīt šīs estētiskās izmaiņas tagad uz lapu? 665 00:29:47,200 --> 00:29:50,860 Man nav īsti mainījies šos datus lapa izņemot pievienojot vārdu tiešām. 666 00:29:50,860 --> 00:29:52,650 Esmu pievienotās metadatus, ja Jums gribas. 667 00:29:52,650 --> 00:29:54,830 Hey, pārlūku, padara Vārds "tiešām" treknrakstā. 668 00:29:54,830 --> 00:29:56,940 Bet dati nav spēcīgs. 669 00:29:56,940 --> 00:29:57,830 That ir metadati. 670 00:29:57,830 --> 00:29:59,410 Dati ir "tiešām." 671 00:29:59,410 --> 00:30:02,200 Tātad mums vēl joprojām ir dažas no tie paši jēdzieni kā iepriekš. 672 00:30:02,200 --> 00:30:05,990 Tagad, protams, tas nav tīmeklī, tāpēc es esmu gatavojas darīt vienu pēdējo soli šeit. 673 00:30:05,990 --> 00:30:10,300 >> Es iešu uz hello.html un vienkārši izcelt un kopēt to. 674 00:30:10,300 --> 00:30:12,285 Un tagad es esmu gatavojas iedziļināties Cloud9, kas 675 00:30:12,285 --> 00:30:13,910 Es staigāt jūs cauri tikai brīdi. 676 00:30:13,910 --> 00:30:17,080 Un izredzes ir jūs drīz būs, ja nav jau, pie ekrāna, kā šis. 677 00:30:17,080 --> 00:30:21,080 Un ļaujiet man tikai jums ātri tūre, kas Cloud9 patiesībā ir. 678 00:30:21,080 --> 00:30:26,590 Tātad atkal mākonis 9 ir šis mākonis balstītu pakalpojumu 679 00:30:26,590 --> 00:30:30,580 kas sniedz jums un man ilūziju no mūsu pašu virtuālo mašīnu 680 00:30:30,580 --> 00:30:33,090 mākonis, tehniski konteiners mākonis, 681 00:30:33,090 --> 00:30:35,160 ka mums ir pilnīga administratīvās privilēģijas. 682 00:30:35,160 --> 00:30:37,130 Tātad teorētiski, neviens citur pasaulē ir 683 00:30:37,130 --> 00:30:39,152 piekļuve ekrāna es esmu meklē tieši tagad, 684 00:30:39,152 --> 00:30:40,860 izņemot varbūt cilvēki kurš palaist vietni, 685 00:30:40,860 --> 00:30:43,470 jo tehniski tie ir fiziskās piekļuves iespējas un tā tālāk. 686 00:30:43,470 --> 00:30:44,740 >> Tātad, ko mēs redzam šajā vidē? 687 00:30:44,740 --> 00:30:46,230 Es esmu gatavojas tālinātu, jo tas ir mazliet maza. 688 00:30:46,230 --> 00:30:48,104 Un ļaujiet man norādīt vairāk šeit tikai brīdi. 689 00:30:48,104 --> 00:30:53,210 Kreisajā pusē manu un jūsu ekrāns, tur ir failu pārlūks pa kreisi. 690 00:30:53,210 --> 00:30:55,362 Tik līdzīgs garā Mac OS un Windows. 691 00:30:55,362 --> 00:30:57,070 Tie ir visi failus manā kontā. 692 00:30:57,070 --> 00:30:59,250 Un pēc noklusējuma, ja jūsu konts ir kā manējā, 693 00:30:59,250 --> 00:31:05,090 jūs redzēsiet, vai drīz redzēt helloworld.html un readme.md. 694 00:31:05,090 --> 00:31:07,950 Vairāk nekā šeit labajā pusē, tas ir kur mani teksta faili gatavojas iet. 695 00:31:07,950 --> 00:31:11,620 Ja esat kādreiz izmanto Microsoft Word vai Notepad vai TextEdit, 696 00:31:11,620 --> 00:31:14,100 Tas ir vārds mans rediģēšanas failu gatavojas iet. 697 00:31:14,100 --> 00:31:16,540 Un tad pats arcane iezīme šajā vidē 698 00:31:16,540 --> 00:31:20,100 ka mums nav tiešām ir nepieciešams, lai izmantotu, ir leju šeit sauc Terminal logu. 699 00:31:20,100 --> 00:31:23,390 Ja jūs esat izmantojis DOS no vakardienas, tas ir Linux 700 00:31:23,390 --> 00:31:25,450 vai Linux ekvivalents DOS. 701 00:31:25,450 --> 00:31:28,190 Tas ir tekstu balstītu interface-- Nav peles klikšķiem, bez velkot. 702 00:31:28,190 --> 00:31:30,770 Viss, jūs varat darīt, ir rakstīt komandas, bet šīs komandas 703 00:31:30,770 --> 00:31:34,400 var izveidot failus, pārvietot failus, atveriet katalogi, tuvu katalogi, 704 00:31:34,400 --> 00:31:35,740 darīt jebkura vairākas lietas. 705 00:31:35,740 --> 00:31:38,060 Bet tagad, mēs vienkārši pavadīt savu laiku šeit. 706 00:31:38,060 --> 00:31:39,050 >> Un tāpēc pieņemsim to izdarītu. 707 00:31:39,050 --> 00:31:41,008 Ja tu esi tas vide, kas jums vajadzētu 708 00:31:41,008 --> 00:31:45,900 būt, ja esat izveidojis darbvietu jau, iet uz priekšu un tikai iet uz augšu 709 00:31:45,900 --> 00:31:48,690 File, New uz brīdi. 710 00:31:48,690 --> 00:31:51,740 Un kas dos jums jaunu tab tepat vidū. 711 00:31:51,740 --> 00:31:54,250 Un es just-- un pieņemsim iet uz priekšu un darīt to. 712 00:31:54,250 --> 00:31:59,910 Iesim uz priekšu, un tagad to failu, saglabājiet un iet uz priekšu, un sauc to hello.html, 713 00:31:59,910 --> 00:32:02,740 nedrīkst jaukt ar helloworld.html, kas 714 00:32:02,740 --> 00:32:06,910 nāca ar savu jauno bezmaksas kontu, kas ir tikai paraugs fails. 715 00:32:06,910 --> 00:32:11,020 Jūs redzēsiet, ka pēkšņi parādās, visticamāk, kreisajā pusē, 716 00:32:11,020 --> 00:32:12,810 un tab joprojām būs atvērts. 717 00:32:12,810 --> 00:32:21,300 Un ļaujiet man aicinām jūs tagad, lai atjaunotu šis fails vai daži to variantus. 718 00:32:21,300 --> 00:32:24,607 Un, ja jūs nevar gluži redzēt to uz ekrāns, tas ir identisks slaidiem 719 00:32:24,607 --> 00:32:26,190 ka jūs, iespējams, citā tab. 720 00:32:26,190 --> 00:32:29,296 >> Tātad īsumā, padarīt savu pirmo mājas lapu, saglabājiet to, un tad tikai brīdi, 721 00:32:29,296 --> 00:32:31,170 Es jums parādīs, kā jūs faktiski var apskatīt šo. 722 00:32:31,170 --> 00:32:32,970 Bet mainīt vismaz viena lieta. 723 00:32:32,970 --> 00:32:35,400 Mainīt HelloWorld uz kaut kas no jūsu izvēles, 724 00:32:35,400 --> 00:32:39,821 tāpēc, ka jūs esat pārliecināts, ka tas ir jūsu failu un ne vienu es tikko izveidojāt. 725 00:32:39,821 --> 00:32:40,320 Viss kārtībā. 726 00:32:40,320 --> 00:32:43,804 Un, kad jūs ready-- nē rush-- kad esat gatavs, 727 00:32:43,804 --> 00:32:46,220 iet uz priekšu un saglabājiet failu pēc tam, kad esat veicis šīs izmaiņas. 728 00:32:46,220 --> 00:32:49,540 Un, ja jūs noklikšķiniet uz Palaist aizpogāt top, šis 729 00:32:49,540 --> 00:32:53,610 vajadzētu atvērt jaunu cilni, kas pateiks tu kādu URL, jūs varat apmeklēt jūsu failu, 730 00:32:53,610 --> 00:32:56,380 bet tas var aizņemt laiku, lai quote likt pēdiņas beigās "sākt Apache", kas 731 00:32:56,380 --> 00:32:58,820 ir nosaukums web serveri. 732 00:32:58,820 --> 00:33:02,430 Tāpēc esiet uzmanīgi, lai darīt tieši kas ir failā galu galā. 733 00:33:02,430 --> 00:33:04,610 Tāpēc tieši tagad, es ņemšu tuvinātu. 734 00:33:04,610 --> 00:33:07,780 Ja es sāktu rakstīt atvērtā kronšteins HTML, paziņojums 735 00:33:07,780 --> 00:33:09,650 tas pamudinot man pabeigt manu domu. 736 00:33:09,650 --> 00:33:13,750 Un, ja es gatavo mana doma, to automātiski dod man noslēguma tagu. 737 00:33:13,750 --> 00:33:17,190 Bet cerības ir, tad es hit Enter, un tad virzīties iekšā tur 738 00:33:17,190 --> 00:33:21,180 un tie galvu iekšā un tad man ķermeni iekšā. 739 00:33:21,180 --> 00:33:24,430 Un tas ir mazliet dīvaini sākumā, jo tas dara darbu jūsu vietā, 740 00:33:24,430 --> 00:33:27,110 taču saproti, ka galu galā tas ļaus ietaupīt keystrokes. 741 00:33:27,110 --> 00:33:30,500 Un patiesībā, ļoti bieži iezīme programmēšanas vidēm šajās dienās 742 00:33:30,500 --> 00:33:33,260 gan interneta attīstību, piemēram, šis un aktuālā programmēšana, 743 00:33:33,260 --> 00:33:36,960 ko mēs runājam par rītdienu, ir šie auto-complete funkcijas, 744 00:33:36,960 --> 00:33:39,710 lietas, kas vienkārši ļautu programmētājs vai dizainers 745 00:33:39,710 --> 00:33:42,010 rakstīt mazāk keystrokes paveikt to pašu. 746 00:33:42,010 --> 00:33:43,176 Dažreiz tas ir labi, lai gan. 747 00:33:43,176 --> 00:33:44,560 Dažreiz tas ir tikai kaitinošas. 748 00:33:44,560 --> 00:33:49,290 749 00:33:49,290 --> 00:33:54,010 Un atkal, kad jūs esat pārraksta slaids vai kādu to variantu, 750 00:33:54,010 --> 00:33:57,360 Jūs varat noklikšķināt uz pogas Izpildīt augšu augšas. 751 00:33:57,360 --> 00:33:59,910 Un pēc tam apakšā logu, jums tiks informēts 752 00:33:59,910 --> 00:34:04,290 to, ko URL jūs varat apmeklēt jūsu mājas lapā. 753 00:34:04,290 --> 00:34:08,790 Mine, piemēram, ir pie business-daharvard.c9users.io 754 00:34:08,790 --> 00:34:11,480 un tā tālāk. 755 00:34:11,480 --> 00:34:14,580 Labi, tāpēc, ļaujiet me-- kādi jautājumi? 756 00:34:14,580 --> 00:34:19,460 Jebkādi citi jautājumi par vienkārši kļūst šis darba pirms mēs pievienot funkcijas? 757 00:34:19,460 --> 00:34:21,692 Un ļaujiet man ieteikt, vienkārši saņemt folks comfortable-- 758 00:34:21,692 --> 00:34:24,400 jo tā ir viena lieta, lai tikai copy-paste akli, ko es esmu darījusi. 759 00:34:24,400 --> 00:34:27,177 Bet tikai tāpēc, ka ļaudīm cīnīties ar vismaz vienu to-do, 760 00:34:27,177 --> 00:34:28,510 Es esmu gatavojas ieslēgt kādu mūziku. 761 00:34:28,510 --> 00:34:32,630 Es esmu gatavojas ierosināt sarakstu lietas, iespējams, var pievienot. 762 00:34:32,630 --> 00:34:34,086 Un jūs noteikti var izmantot Google. 763 00:34:34,086 --> 00:34:36,210 Un kāpēc ne mēs tikai ierosina, ka jūs mēģināt atrisināt 764 00:34:36,210 --> 00:34:38,710 vismaz vienu konkrētu problēmu šeit. 765 00:34:38,710 --> 00:34:45,090 Tātad attiecībā uz tagiem, ļaujiet man atkārtoti šo šeit. 766 00:34:45,090 --> 00:34:48,280 >> Patiesībā, ļaujiet man likt tas ar teksta formā. 767 00:34:48,280 --> 00:35:02,380 Pieņemsim, ka starp tagiem mēs varētu izmantot šeit ir daži tagus vairāk nekā šeit. 768 00:35:02,380 --> 00:35:06,090 Mēs esam redzējuši tagu punktu. 769 00:35:06,090 --> 00:35:07,850 Tagad tas notiek, lai auto-pilnīgs. 770 00:35:07,850 --> 00:35:12,220 tag punkts enkura tag. 771 00:35:12,220 --> 00:35:15,250 Pieņemsim, ka jūs vēlaties, lai padarīt kaut ko lielāku, 772 00:35:15,250 --> 00:35:19,480 lai jūs varētu like-- span tag var palīdzēt. 773 00:35:19,480 --> 00:35:23,010 Nu, jūs, iespējams, nepieciešama neliela palīdzība par to tikai brīdi. 774 00:35:23,010 --> 00:35:24,830 Mēs esam redzējuši div. 775 00:35:24,830 --> 00:35:26,170 Jūs redzēsiet tur tabulu. 776 00:35:26,170 --> 00:35:27,928 Tur kaut kas ko sauc 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 Nāciet atpakaļ uz to brīdi. 780 00:35:34,770 --> 00:35:36,590 Kas vēl varētu būt parocīgs? 781 00:35:36,590 --> 00:35:38,310 Tur ir spēcīga. 782 00:35:38,310 --> 00:35:43,640 Tur ir uzsvars, vai drīzāk em. 783 00:35:43,640 --> 00:35:50,110 There's-- kas cits varētu jūs iedomātā šeit? 784 00:35:50,110 --> 00:35:51,930 Nu, mēs ņemšu apskatīt, kas kopā. 785 00:35:51,930 --> 00:35:53,230 Forma, ko mēs esam redzējuši. 786 00:35:53,230 --> 00:35:54,130 Tur ir forma. 787 00:35:54,130 --> 00:35:56,500 Tur ieeja un daži citi. 788 00:35:56,500 --> 00:35:58,924 789 00:35:58,924 --> 00:36:00,090 Labi, tāpēc pieņemsim to izdarītu. 790 00:36:00,090 --> 00:36:02,330 Lai atbildētu uz Victoria 's Jautājums, ļaujiet man vispirms 791 00:36:02,330 --> 00:36:05,020 tikai pārliecinieties, ka visi ir iespēja saņemt savu sveiks darbu. 792 00:36:05,020 --> 00:36:06,900 Tad ļaujiet man iepazīstināt pāris citas idejas. 793 00:36:06,900 --> 00:36:09,209 Tad mēs let folks atrisināt kāda problēma par to pašu. 794 00:36:09,209 --> 00:36:11,500 Tad mēs faktiski atgriezties šim jēdzienam formā, 795 00:36:11,500 --> 00:36:14,950 un mēs faktiski no jauna ieviestu kopā front-end interfeisu, 796 00:36:14,950 --> 00:36:16,450 tā sakot, par Google pati. 797 00:36:16,450 --> 00:36:19,700 Mēs izmantosim Google kā atpakaļ beigās un ļaujiet viņiem darīt to smago darbu, meklējot, 798 00:36:19,700 --> 00:36:22,760 bet mēs atjaunot priekšējā galā Google un meklēšanas formu 799 00:36:22,760 --> 00:36:24,520 ka viņi ir savā mājas lapā. 800 00:36:24,520 --> 00:36:27,050 Un tāpēc mēs atgriezties šie tagus tikai brīdi. 801 00:36:27,050 --> 00:36:30,270 >> Tātad tas bija tas, ko es ierosināja tikai pirms brīža. 802 00:36:30,270 --> 00:36:33,940 Mēs varam pievienot stilizācija līdz A lapa iekšpusē šī stila tag, 803 00:36:33,940 --> 00:36:36,950 un mēs varam stylize fona krāsu, teksta saskaņošana, 804 00:36:36,950 --> 00:36:39,000 vai tas ir centrā vai pa kreisi vai pa labi. 805 00:36:39,000 --> 00:36:41,630 Bet ļoti ātri jūs būtu atrast vai web dizainers 806 00:36:41,630 --> 00:36:44,060 varētu atrast, ka tas kļūst nedaudz smagnēja, 807 00:36:44,060 --> 00:36:48,330 jo jūs darāt to, kas ir sauc sajaucot saturu 808 00:36:48,330 --> 00:36:50,120 ar prezentāciju par to. 809 00:36:50,120 --> 00:36:53,756 Jūs esat sajaucot savus datus un to estētika. 810 00:36:53,756 --> 00:36:56,380 Un patiesībā, ja jūs uzskatāt, kas notiek varētu notikt vairāk LAIKU_ 811 00:36:56,380 --> 00:36:58,350 tas ir ļoti mazs mājas lapa, protams. 812 00:36:58,350 --> 00:37:01,590 Bet, ja es pievienot saturu, lai šajā lapā un es pievienot stilu uz šo lapu, 813 00:37:01,590 --> 00:37:04,650 lapas ļoti ātri kļūst ilgāk un ilgāk un ilgāk. 814 00:37:04,650 --> 00:37:07,510 Un domāju, ka es gribu ir otrais mājas lapu, kas 815 00:37:07,510 --> 00:37:09,010 akcijas daži no šiem atribūtiem. 816 00:37:09,010 --> 00:37:12,350 Pieņemsim, ka mans otrais mājas lapu par manu site-- arī, es gribu viss centru, 817 00:37:12,350 --> 00:37:14,960 un es arī gribu visu ar zaļu fonu. 818 00:37:14,960 --> 00:37:17,940 Es esmu diezgan daudz nāksies kopēt un ielīmēt dažas no šīm līnijām 819 00:37:17,940 --> 00:37:20,730 minētajā otrajā datnē, kas jūtas labi. 820 00:37:20,730 --> 00:37:22,030 Tas atrisinās problēmu. 821 00:37:22,030 --> 00:37:26,060 >> Bet ko tad, ja es gribu trešo lapu vai 30 lapu vai 40th lapa? 822 00:37:26,060 --> 00:37:28,730 Tagad es esmu būs kopēšanas un līmēšana daudz dublikāta kodu 823 00:37:28,730 --> 00:37:30,430 vairākos failos. 824 00:37:30,430 --> 00:37:32,600 Un tā domāju, ka Es izlemt vai es esmu teicis, 825 00:37:32,600 --> 00:37:34,780 hey, mēs neesam izmantojot zaļa fona vairs. 826 00:37:34,780 --> 00:37:36,380 Mēs ejam, lai sāktu izmantot apelsīnu. 827 00:37:36,380 --> 00:37:38,690 Kas jums ir jāmaina? 828 00:37:38,690 --> 00:37:42,900 Nu, jums ir mainīt šo stilu no zaļas uz oranžu, cik daudzās vietās? 829 00:37:42,900 --> 00:37:44,920 Tāpat 30 vai 40 vietām. 830 00:37:44,920 --> 00:37:45,900 Tas ir garlaicīgs. 831 00:37:45,900 --> 00:37:47,039 Tas ir tendētas uz kļūdu. 832 00:37:47,039 --> 00:37:49,580 Tur ir vairāki iemesli kur jūs negribētu, lai izraisītu 833 00:37:49,580 --> 00:37:51,840 šāda veida sāpes par sevi. 834 00:37:51,840 --> 00:37:54,760 Un tā tas nebūtu jauki ja mēs varētu pieņemt to, ko es tikko 835 00:37:54,760 --> 00:37:58,240 likt starp šiem diviem dzeltens tags šie stila tagus, 836 00:37:58,240 --> 00:38:04,050 faktors to ārā, un nodot visas manas stilizācija vienā centrālajā failā 837 00:38:04,050 --> 00:38:08,470 ka visi 30 vai 40 no maniem citiem failiem aizņemties no vai kaut kā atsauces, 838 00:38:08,470 --> 00:38:11,640 nav atšķirībā tīklu diagrammas mēs darām pirms? 839 00:38:11,640 --> 00:38:15,030 >> Tātad, ja es iet šeit, es esmu gatavojas faktiski ierosināt 840 00:38:15,030 --> 00:38:17,880 ka mēs aizstāt style tag ar kaut ko 841 00:38:17,880 --> 00:38:21,620 sauc saikne tag, kas ir briesmīgi, briesmīgi nosaukts, 842 00:38:21,620 --> 00:38:24,370 jo jums nav izmantot Saite tag radīt ko 843 00:38:24,370 --> 00:38:26,380 mēs cilvēki zinām, kā saite mājas lapā. 844 00:38:26,380 --> 00:38:29,750 Šim, jūs izmantojat, kas tag? 845 00:38:29,750 --> 00:38:31,464 Kā jūs izveidot saiti mājas lapā? 846 00:38:31,464 --> 00:38:32,130 Mērķauditorija: to a. 847 00:38:32,130 --> 00:38:34,870 DAVID J. Malan: Vai A vai enkurs tag, kas devās uz Disney pirms. 848 00:38:34,870 --> 00:38:39,090 Saite tag šeit saka this-- saite uz failu ar nosaukumu 849 00:38:39,090 --> 00:38:44,350 styles.css, attiecības, uz kuru būs, ka tā ir mana stilu. 850 00:38:44,350 --> 00:38:48,290 Tātad, tas ir viens no S ir iekļauts CSS-- kaskādes stila lapas. 851 00:38:48,290 --> 00:38:50,490 Stils sheet-- divi no S grāds CSS. 852 00:38:50,490 --> 00:38:52,550 Kaskādes stila lapas. 853 00:38:52,550 --> 00:38:58,640 Tas tikai nozīmē, hey, pārlūku, iet atrast styles.css vietējā servera 854 00:38:58,640 --> 00:39:01,870 un izmantot to kā savu stilu, kas nozīmē iekšpusē šo failu 855 00:39:01,870 --> 00:39:05,310 būs visi stilizācijas, ka mēs esam tikai darīts. 856 00:39:05,310 --> 00:39:07,396 Un tā, kas tas fails varētu izskatīties tas ir. 857 00:39:07,396 --> 00:39:10,020 Un es ņemšu tikai darīt, tas ir ātrs Piemēram, tāpēc, ka mums nav vajadzīga 858 00:39:10,020 --> 00:39:12,000 iegūt pārāk daudz nezālēm šeit. 859 00:39:12,000 --> 00:39:17,840 Bet, ja es kopēt to, ko es esmu ierosinot ir tas, ka programmētājs izveidot jaunu failu, 860 00:39:17,840 --> 00:39:24,450 ielīmēt šajos lines-- whoops-- ielīmēt šo līniju, 861 00:39:24,450 --> 00:39:32,270 saglabājiet to kā styles.css, un tad, otrs fails, izdzēst visu, kas 862 00:39:32,270 --> 00:39:35,450 un aizstāt to vietā ar šo saiti tag. 863 00:39:35,450 --> 00:39:43,090 Tā, ka, ja es saistīt href = "styles.css", attiecības ir "stilu" 864 00:39:43,090 --> 00:39:44,170 tuvu tag. 865 00:39:44,170 --> 00:39:45,250 Saglabājiet to. 866 00:39:45,250 --> 00:39:47,000 Iet atpakaļ uz manu HelloWorld. 867 00:39:47,000 --> 00:39:48,690 Pārlādēt. 868 00:39:48,690 --> 00:39:51,290 >> Burtiski nekas nav noticis. 869 00:39:51,290 --> 00:39:54,710 Tas ir laba lieta, jo tas nozīmē, ka tas ir faktiski viss strādā. 870 00:39:54,710 --> 00:39:58,860 Lai pierādītu, cik, pieņemsim, ka es veikt typo, un es aicinu šo "styles.css" 871 00:39:58,860 --> 00:40:03,080 ar lielo S, kas ir nepareizs, un pēc tam pārlādēt. 872 00:40:03,080 --> 00:40:05,470 Tagad jūs varat redzēt, tas vienkārši nedarbojas. 873 00:40:05,470 --> 00:40:06,362 Tagad, kāpēc? 874 00:40:06,362 --> 00:40:08,070 Nu, pieņemsim izmantot paņēmiens no agrāk. 875 00:40:08,070 --> 00:40:10,153 Ļaujiet man iet uz priekšu un, mana pārlūkprogramma, Chrome, es esmu 876 00:40:10,153 --> 00:40:12,900 gatavojas atvērt, ka īpaša tīkls tab kā iepriekš, 877 00:40:12,900 --> 00:40:15,560 un ļaujiet man pārlādēt lapu. 878 00:40:15,560 --> 00:40:19,341 Ko jums nav pārsteigts redzēt tagad? 879 00:40:19,341 --> 00:40:20,840 Vai varbūt jūs esat pārsteigts, lai to aplūkotu. 880 00:40:20,840 --> 00:40:23,225 Katrā ziņā, tas, ko jūs redzat tagad? 881 00:40:23,225 --> 00:40:24,100 Mērķauditorija: [dzirdams] 882 00:40:24,100 --> 00:40:24,770 DAVID J. Malan: Tas nav atrasts. 883 00:40:24,770 --> 00:40:25,680 Kāpēc tas nav atrasts? 884 00:40:25,680 --> 00:40:28,480 Nu, Styles.css-- kapitāls S-- neeksistē. 885 00:40:28,480 --> 00:40:29,230 Es misnamed to. 886 00:40:29,230 --> 00:40:30,430 Simple typo. 887 00:40:30,430 --> 00:40:33,816 Bet es saņemu saprotams tagad 404, jo serveris saka, hey, 888 00:40:33,816 --> 00:40:34,440 tas nav atrasts. 889 00:40:34,440 --> 00:40:36,300 Burtiski, es nezinu kur tas fails. 890 00:40:36,300 --> 00:40:38,880 Tātad, kā rezultātā, pārlūkā parāda jums to, ko tā var, 891 00:40:38,880 --> 00:40:42,860 izejvielas lapas saturu, kas bija 200, HTML, 892 00:40:42,860 --> 00:40:45,390 bet stilizācija nevar jāpievieno pēc tam. 893 00:40:45,390 --> 00:40:47,120 Un tas ir tas, kas ir domāts ar kaskādes. 894 00:40:47,120 --> 00:40:49,070 Jūs varat veida pievienot pēc, un tā veida 895 00:40:49,070 --> 00:40:50,874 pilnveido estētiku mājas lapā. 896 00:40:50,874 --> 00:40:53,790 Un jūs pat varat ignorēt tos stili ar vēl citām stila failiem 897 00:40:53,790 --> 00:40:54,700 Ja tu vēlies. 898 00:40:54,700 --> 00:40:57,780 Tas nav atrasts, tomēr, šajā gadījumā, jo, protams, es misnamed to. 899 00:40:57,780 --> 00:41:00,330 Tāpēc es būtu noteikt, ka pirmais. 900 00:41:00,330 --> 00:41:04,667 >> So iesim uz priekšu un ierosināt sekojošo. 901 00:41:04,667 --> 00:41:07,410 902 00:41:07,410 --> 00:41:11,140 Iesim uz priekšu un darīt to. 903 00:41:11,140 --> 00:41:14,220 Sākot ar varbūt Jūsu helloworld fails, 904 00:41:14,220 --> 00:41:17,740 ļaujiet man tikai uzaicināt pāris no iezīme ieteikumus. 905 00:41:17,740 --> 00:41:20,400 Tātad, Victoria, jūs gribēja veikt dažas teksts lielāks, vai ne? 906 00:41:20,400 --> 00:41:24,555 Labi, lai mēs varētu do padarīt tekstu lielāku. 907 00:41:24,555 --> 00:41:26,860 Un mēs katrs raut nost tikai viena problēma atrisināt. 908 00:41:26,860 --> 00:41:30,867 Padarīt teksts lielāks. 909 00:41:30,867 --> 00:41:32,700 Es neesmu gatavojas apnikt rakstot šo, ja mēs 910 00:41:32,700 --> 00:41:35,600 ir bullet tehnoloģija tiesības pār šeit. 911 00:41:35,600 --> 00:41:39,970 Tātad dažas problēmas. 912 00:41:39,970 --> 00:41:44,670 Tāpēc mēs esam gatavojas izmēģināt padarīt tekstu lielāku. 913 00:41:44,670 --> 00:41:45,170 Viss kārtībā. 914 00:41:45,170 --> 00:41:48,360 Kas vēl būtu kāds ieteikt? 915 00:41:48,360 --> 00:41:50,332 Ko vēl varētu mēs vēlamies darīt mājas lapā? 916 00:41:50,332 --> 00:41:52,040 Pieņemsim nākt klajā ar īss saraksts ar lietām 917 00:41:52,040 --> 00:41:55,366 un tad deleģēt grupa skaitlis šo out. 918 00:41:55,366 --> 00:41:56,270 >> Mērķauditorija: [dzirdams] 919 00:41:56,270 --> 00:42:02,251 >> DAVID J. Malan: Labi, amats teksts dažādās pusēs lapas? 920 00:42:02,251 --> 00:42:02,750 Viss kārtībā. 921 00:42:02,750 --> 00:42:04,620 Kaut kas cits. 922 00:42:04,620 --> 00:42:05,784 >> Mērķauditorija: [dzirdams] 923 00:42:05,784 --> 00:42:06,700 DAVID J. Malan: Tas ir. 924 00:42:06,700 --> 00:42:08,720 Tātad gif ir tikai citā faila formātā. 925 00:42:08,720 --> 00:42:12,830 Mēs tikai izmanto, ko A png vai jpg iespējams? 926 00:42:12,830 --> 00:42:14,480 Mēs izmantojām jpg. 927 00:42:14,480 --> 00:42:16,780 Ja jūs esat ziņkārīgs, pārmērīgs atbildi uz savu jautājumu 928 00:42:16,780 --> 00:42:19,404 ir jpg parasti izmanto fotogrāfijas, jo tas atbalsta 929 00:42:19,404 --> 00:42:21,500 miljoniem krāsu vai 24-bitu krāsu. 930 00:42:21,500 --> 00:42:26,930 GIF parasti izmanto, piemēram, interneta memes šie days-- animācijas, 931 00:42:26,930 --> 00:42:28,810 piemēram, animācijas gifs. 932 00:42:28,810 --> 00:42:32,320 Bet tas notiek, izmantot mazāku krāsu palete, tikai 256 iespējamās krāsas, 933 00:42:32,320 --> 00:42:35,230 bet tas atbalsta pārredzamību un animācija. 934 00:42:35,230 --> 00:42:40,330 Un tad tur ir png, kas atbalsta pārredzamību un vairāk krāsu 935 00:42:40,330 --> 00:42:41,300 bet ne animācija. 936 00:42:41,300 --> 00:42:42,133 Tātad, tas ir kompromiss. 937 00:42:42,133 --> 00:42:44,144 938 00:42:44,144 --> 00:42:46,060 Tātad pievienojot gif, lai gan, būtu funkcionāli 939 00:42:46,060 --> 00:42:48,396 līdzvērtīgs pievienojot PNG vai JPG. 940 00:42:48,396 --> 00:42:49,110 Jā. 941 00:42:49,110 --> 00:42:50,550 Image Source vienāds. 942 00:42:50,550 --> 00:42:51,590 Tātad kaut kas cits. 943 00:42:51,590 --> 00:42:57,288 Pieņemsim nākt klajā ar kaut ko, mēs nosūtījām Victoria darīt šeit. 944 00:42:57,288 --> 00:42:59,209 >> Mērķauditorija: Pievienot pogas formā. 945 00:42:59,209 --> 00:43:00,000 DAVID J. Malan: OK. 946 00:43:00,000 --> 00:43:02,179 Tātad pievienot pogas formā. 947 00:43:02,179 --> 00:43:03,470 Un mēs darīsim, ka viens kopā. 948 00:43:03,470 --> 00:43:07,220 Tā, ka būs ideāls segue uzreiz pēc šo izaicinājumu. 949 00:43:07,220 --> 00:43:10,357 Jebkas cits? 950 00:43:10,357 --> 00:43:11,440 Kas varētu Jūs vēlaties darīt? 951 00:43:11,440 --> 00:43:14,040 952 00:43:14,040 --> 00:43:16,516 Tīmekļa jūtas ļoti underwhelming ja tas ir viss, ko mēs varam darīt. 953 00:43:16,516 --> 00:43:18,140 Mērķauditorija: Mainīt teksta krāsu. 954 00:43:18,140 --> 00:43:19,500 DAVID J. Malan: Mainiet ko? 955 00:43:19,500 --> 00:43:20,666 Mērķauditorija: krāsa teksta. 956 00:43:20,666 --> 00:43:22,311 DAVID J. Malan: Izmaiņas krāsa teksta. 957 00:43:22,311 --> 00:43:22,810 Viss kārtībā. 958 00:43:22,810 --> 00:43:23,790 Tātad, pieņemsim darīt. 959 00:43:23,790 --> 00:43:27,209 Tikai atkal tā, ka tu neesi, tikai ko Rote, darot tieši to, ko es daru, 960 00:43:27,209 --> 00:43:29,500 Es esmu gatavojas, lai ieslēgtu mūziku par varbūt piecas minūtes šeit. 961 00:43:29,500 --> 00:43:30,450 Jūs esat laipni aicināti izmantot Google. 962 00:43:30,450 --> 00:43:33,130 Jūs esat laipni aicināti uzdot mani, un Es čuksti mājienu auss. 963 00:43:33,130 --> 00:43:35,171 Jūs esat laipni aicināti meklēt pār otra pleciem. 964 00:43:35,171 --> 00:43:37,340 Bet atrisināt tikai vienu no šīm problēmām. 965 00:43:37,340 --> 00:43:40,190 Bet mēs darīsim pēdējais, uz veido vienu, ja mēs varētu kopā. 966 00:43:40,190 --> 00:43:42,790 Tātad piecas minūtes, lai atrisinātu jebkura no šīm problēmām 967 00:43:42,790 --> 00:43:46,780 izmantojot Google, intuīciju, vai jebkura citas pieejams jums līdzekļus. 968 00:43:46,780 --> 00:43:48,630 >> [SKAN MŪZIKA] 969 00:43:48,630 --> 00:43:49,130 Viss kārtībā. 970 00:43:49,130 --> 00:43:50,838 Neraizējieties, ja jūs vēlaties saglabāt tinkering, 971 00:43:50,838 --> 00:43:53,880 bet es ņemšu sabojāt pāris no šīm atbildēm. 972 00:43:53,880 --> 00:43:57,986 Tātad pirmo ierosinājumu no Viktorija bija padarīt tekstu lielāku. 973 00:43:57,986 --> 00:43:59,360 Tātad tur ir daži veidi, kā to izdarīt. 974 00:43:59,360 --> 00:44:01,530 Es esmu šobrīd atjaunota mans ekrāns ar šo lielumu, 975 00:44:01,530 --> 00:44:04,310 lai gan es esmu pietuvināto mākslīgi tikai redzēt lietas. 976 00:44:04,310 --> 00:44:07,470 Un pieņemsim darīt. 977 00:44:07,470 --> 00:44:11,380 Ļaujiet man iet uz priekšu un paķert dažas sugas latīņu teksta 978 00:44:11,380 --> 00:44:19,540 vienkārši tāpēc mums ir kaut ko strādāt. 979 00:44:19,540 --> 00:44:20,715 Tātad man tikai vienu mirkli. 980 00:44:20,715 --> 00:44:21,840 Es ņemšu veikt trīs punktus. 981 00:44:21,840 --> 00:44:53,430 982 00:44:53,430 --> 00:44:53,930 LABI. 983 00:44:53,930 --> 00:44:55,560 Tas būs labāks piemērs. 984 00:44:55,560 --> 00:44:57,840 Tātad ziņkārīgs, jo mans hello.html, es tikko 985 00:44:57,840 --> 00:45:01,645 ielīmēts trīs absurds latin punkts 986 00:45:01,645 --> 00:45:03,270 vienkārši tāpēc mums ir kādu tekstu, lai strādātu ar. 987 00:45:03,270 --> 00:45:06,720 Un Victoria mērķis bija veikt dažas teksta lielāks. 988 00:45:06,720 --> 00:45:09,879 Lai es varētu, kā iepriekš, iet šeit. 989 00:45:09,879 --> 00:45:11,170 Un ļaujiet man darīt to pareizi. 990 00:45:11,170 --> 00:45:13,253 Es esmu nāksies saiti tagu, kas norāda uz failu 991 00:45:13,253 --> 00:45:20,560 sauc par "styles.css," attiecības no kuriem ir atkal "stilu." 992 00:45:20,560 --> 00:45:25,221 Un tad es esmu gatavojas, lai saglabātu, ka un atvērt šo "styles.css." 993 00:45:25,221 --> 00:45:28,940 >> Tātad, tāpat kā iepriekš, man ir spējas šajā CSS failu 994 00:45:28,940 --> 00:45:31,569 faktiski ignorēt noklusējuma estētika mājas lapā, 995 00:45:31,569 --> 00:45:33,860 un noklusējuma estētika, protams, ir diezgan blāvi. 996 00:45:33,860 --> 00:45:36,943 Tas ir sava veida normāla fonta lielumu, melna teksts, balts fons, un tā tālāk. 997 00:45:36,943 --> 00:45:39,440 Tāpēc domāju, ka es gribu, lai visu šo tekstu lielāks. 998 00:45:39,440 --> 00:45:40,460 Es varētu darīt dažas lietas. 999 00:45:40,460 --> 00:45:43,750 Manā styles.css failu, es Varētu teikt, jūs zināt, ko, 1000 00:45:43,750 --> 00:45:46,950 piemēro turpmāk ķermeņa manu lapu. 1001 00:45:46,950 --> 00:45:51,390 Iet uz priekšu un padarīt fonta izmērs 24 punkti, 1002 00:45:51,390 --> 00:45:54,130 kas ir skaitlis es varētu izmantot Microsoft Word. 1003 00:45:54,130 --> 00:45:57,620 Ļaujiet man iet atpakaļ uz manu web lapa šeit un pārlādēt, 1004 00:45:57,620 --> 00:45:59,640 un jūs varat redzēt, ka tas jau daudz lielāks. 1005 00:45:59,640 --> 00:46:02,223 Un mēs varam iegūt mazliet traks, tāpat kā mēs varam par desktop-- 1006 00:46:02,223 --> 00:46:03,670 padarīt to 96 punkti. 1007 00:46:03,670 --> 00:46:04,950 Pārlādēt. 1008 00:46:04,950 --> 00:46:07,610 Un tas kļūst mazliet neparocīga šajā brīdī. 1009 00:46:07,610 --> 00:46:09,500 >> Bet es varētu būt nedaudz precīzāks. 1010 00:46:09,500 --> 00:46:14,530 Tā vietā, lai piemērotu šo stilu uz ķermeņa manu lapu, 1011 00:46:14,530 --> 00:46:21,740 ko vēl es varētu piemērot to vietā, ko citi tag, kas varētu vēl 1012 00:46:21,740 --> 00:46:25,445 funkcija tādā pašā veidā? 1013 00:46:25,445 --> 00:46:26,444 >> Mērķauditorija: P tag? 1014 00:46:26,444 --> 00:46:27,360 DAVID J. Malan: P tag. 1015 00:46:27,360 --> 00:46:29,350 Tātad galva nebūtu pareizs, jo galvas, 1016 00:46:29,350 --> 00:46:31,300 jūs nevarat patiešām kontrolēt estētiku. 1017 00:46:31,300 --> 00:46:32,700 Tur nu teksts tur vai nav. 1018 00:46:32,700 --> 00:46:36,760 Bet p tag-- varu nirt nedaudz dziļāk, tā sakot, uz punktu 1019 00:46:36,760 --> 00:46:37,350 tags. 1020 00:46:37,350 --> 00:46:41,600 Un, pat ja ir trīs, tas ir pilnīgi naudas sodu, jo CSS, 1021 00:46:41,600 --> 00:46:44,900 kad es tikai teikt "p", šis nozīmē piemērot šādus 1022 00:46:44,900 --> 00:46:48,300 jebkuram tag, kas atbilst šo selektors, selektora tikko 1023 00:46:48,300 --> 00:46:49,430 ir nosaukums tag. 1024 00:46:49,430 --> 00:46:52,350 Tātad, kur jūs redzat "P", pieteikties fonta lielumu, 1025 00:46:52,350 --> 00:46:55,222 un pieņemsim padarīt to vairāk saprātīgs again-- 24. punkts. 1026 00:46:55,222 --> 00:46:56,930 Un jūs zināt, ko, tikai labu pasākumu, 1027 00:46:56,930 --> 00:46:59,810 pieņemsim padarīt krāsu sarkana tikai uz šo brīdi. 1028 00:46:59,810 --> 00:47:03,740 Un tagad, ja es pārlādēt, tagad mēs redzēt trīs neglīts punktus. 1029 00:47:03,740 --> 00:47:07,180 >> Bet tagad pieņemsim, ka es esmu veida of-- Es gribu pirmo daļu 1030 00:47:07,180 --> 00:47:08,210 izlēkt pie lietotāja. 1031 00:47:08,210 --> 00:47:11,150 Es nevēlos, lai tikai palielinātu fonta lielumu viss. 1032 00:47:11,150 --> 00:47:16,105 Un tāpēc es tiešām gribu, lai noteiktu, vai atšķirt starp šiem punktiem. 1033 00:47:16,105 --> 00:47:18,730 Tātad, pieņemsim atbrīvoties no sarkano, jo tas ir tikai sava veida lipīgs, 1034 00:47:18,730 --> 00:47:23,885 un iesim uz priekšu un padarīt burtu lielums 12 punktu pēc noklusējuma, 1035 00:47:23,885 --> 00:47:26,260 tā ka mēs esam atpakaļ uz kaut ko nedaudz vairāk saprātīgi. 1036 00:47:26,260 --> 00:47:29,190 Un tagad es tikai vēlos, lai palielinātu fonta izmērs pirmās daļas. 1037 00:47:29,190 --> 00:47:31,440 Es varu darīt to daži veidos, bet viens no veidiem, kas ir 1038 00:47:31,440 --> 00:47:37,180 iespējams, visvairāk mācību pie brīdis ir darīt šādi. 1039 00:47:37,180 --> 00:47:43,280 Ļaujiet man iet uz priekšu un saka, tas punkts ir unikāls ID "pirmo." 1040 00:47:43,280 --> 00:47:45,000 Es varētu nosaukt šo kaut ko es gribu. 1041 00:47:45,000 --> 00:47:46,874 Es varētu nosaukt šo "foo" vai jebkuru citu vārdu, 1042 00:47:46,874 --> 00:47:49,290 bet es esmu gatavojas sniegt tai kādu semantiski jēgpilna nosaukums 1043 00:47:49,290 --> 00:47:50,320 piemēram, "pirmais". 1044 00:47:50,320 --> 00:47:54,790 Tas ir unikāls identifikators, ID, par manu pirmo punktu. 1045 00:47:54,790 --> 00:47:59,360 >> Ko es tagad varu darīt manā stilu ir nedaudz precīzāks. 1046 00:47:59,360 --> 00:48:02,330 Tā vietā, lai sakot, jāpiemēro šādi uz p tagu, 1047 00:48:02,330 --> 00:48:04,890 Es varu teikt following-- piemēro šādu, 1048 00:48:04,890 --> 00:48:11,000 vai izvēlieties, HTML elements kas ir unikāls ID "pirmo." 1049 00:48:11,000 --> 00:48:12,350 Ko es gribu pieteikties uz to? 1050 00:48:12,350 --> 00:48:15,250 Burtu lielums 24 punktu. 1051 00:48:15,250 --> 00:48:16,640 Tāpēc man ir divi selektori tagad. 1052 00:48:16,640 --> 00:48:19,690 Viens padara visi punkts 12 punktu. 1053 00:48:19,690 --> 00:48:24,960 Bet tas viens, jo īpaši tādēļ, tas nāk second-- runa pēdējais šajā file-- 1054 00:48:24,960 --> 00:48:27,090 tas ir lavīnveida efekts. 1055 00:48:27,090 --> 00:48:30,200 Esmu tikko visiem maniem punkts tags 12 punktu, 1056 00:48:30,200 --> 00:48:34,350 bet tas tagad kaskādes un ignorēšanas ka jebkuriem elementiem 1057 00:48:34,350 --> 00:48:38,800 lapā, jebkurš tag lapā kuru unikālais ID ir citāts likt pēdiņas beigās "vispirms." 1058 00:48:38,800 --> 00:48:41,720 Un hashtag šajā kontekstā vienkārši nozīmē "unikāls identifikators". 1059 00:48:41,720 --> 00:48:43,750 Man nav nodot to HTML failu. 1060 00:48:43,750 --> 00:48:46,880 Es, nekā šeit, vienkārši pateikt quote likt pēdiņas beigās "vispirms." 1061 00:48:46,880 --> 00:48:48,470 >> So let me pārlādētu. 1062 00:48:48,470 --> 00:48:49,919 Un tagad es redzu, ah, OK. 1063 00:48:49,919 --> 00:48:51,710 Es domāju, tas nav tik diezgan, bet tas ir sava veida 1064 00:48:51,710 --> 00:48:53,600 līdzīgu priekšvārda uz grāmatu vai kaut kas tamlīdzīgs, 1065 00:48:53,600 --> 00:48:55,100 kur pirmā daļa ir lielāka. 1066 00:48:55,100 --> 00:48:57,933 Varētu būt vēl precīzāks tikai pirmie burti, bet vismaz 1067 00:48:57,933 --> 00:48:59,110 Esmu izmantojis lielāku kontroli. 1068 00:48:59,110 --> 00:49:04,760 Tagad maybe-- varbūt es gribu darīt laikam kāda iemesla dēļ, 1069 00:49:04,760 --> 00:49:09,010 un tāpēc es nevēlos to attiecas uz tikai vienu HTML tagu. 1070 00:49:09,010 --> 00:49:15,110 Drīzāk, pieņemsim say-- pieņemsim arī darīt šādi. 1071 00:49:15,110 --> 00:49:18,810 Class = "imports". 1072 00:49:18,810 --> 00:49:23,970 Tā kā ID tiek izmantots, lai unikāli identificēt vienu lietu, vienu tagu, 1073 00:49:23,970 --> 00:49:30,190 savā mājas lapā, klases ir domāts, lai būtu izmantot jebkuru skaitu elementu vai tagus 1074 00:49:30,190 --> 00:49:30,950 uz jūsu mājas lapā. 1075 00:49:30,950 --> 00:49:31,710 Tātad, tas ir atkārtoti. 1076 00:49:31,710 --> 00:49:33,090 ID nav atkārtoti. 1077 00:49:33,090 --> 00:49:34,450 Grupa ir atkārtoti. 1078 00:49:34,450 --> 00:49:37,830 >> Un jūs zināt, ko, kāda filozofisko reasons-- 1079 00:49:37,830 --> 00:49:40,180 Man nav pabeidzis manu thought-- es esmu gatavojas teikt 1080 00:49:40,180 --> 00:49:44,300 ka pirmā daļa un otrā daļa ir svarīgi. 1081 00:49:44,300 --> 00:49:48,600 Tāpēc es esmu gatavojas piemērot klasi sauc "Svarīgu", ka, ja es saglabāt manu failu 1082 00:49:48,600 --> 00:49:51,510 un pārlādēt, nav funkcionālā ietekme vēl. 1083 00:49:51,510 --> 00:49:53,780 Bet es esmu pievienojis dažus metadati uz failu, 1084 00:49:53,780 --> 00:49:56,610 veida kaut ko atsevišķu No datiem faila galveno, 1085 00:49:56,610 --> 00:50:02,300 tā, ka tagad manā stilu, ja I vietā saka ".important" - jūs zināt, 1086 00:50:02,300 --> 00:50:07,110 kaut kas ir svarīgi, es esmu gatavojas veikt fonta krāsu, red-- 1087 00:50:07,110 --> 00:50:09,930 vai drīzāk nav burti krāsu, tikai krāsu. 1088 00:50:09,930 --> 00:50:12,930 Tur ir pretrunas CSS diemžēl. 1089 00:50:12,930 --> 00:50:14,120 Un pārlādēt. 1090 00:50:14,120 --> 00:50:17,640 Tagad paziņojums pirmais divi punkti ir sarkanas 1091 00:50:17,640 --> 00:50:20,880 bet ne trešais, jo I tikai piemēroja klasi "svarīgs" 1092 00:50:20,880 --> 00:50:25,020 pirmajam diviem no šīm lietām. 1093 00:50:25,020 --> 00:50:28,030 >> Tātad ID, jums ir iespēja ļoti precīzi norādīt. 1094 00:50:28,030 --> 00:50:30,110 Ar klasēm, jums ir otrreizēju. 1095 00:50:30,110 --> 00:50:33,800 Bet abos gadījumos, pamanīsiet veida labas dizaina principu 1096 00:50:33,800 --> 00:50:39,072 kur es ņemt ārā visi estētika manā styles.css failu. 1097 00:50:39,072 --> 00:50:40,280 Tāpēc nav messiness šeit. 1098 00:50:40,280 --> 00:50:44,490 Nav pieminēts sarkanā vai treknrakstā vērstu vai fonta izmērs šajā failā. 1099 00:50:44,490 --> 00:50:49,430 Drīzāk man ir semantiski, jēgpilni raksturo savus datus, kā, 1100 00:50:49,430 --> 00:50:51,240 šeit ir daži svarīgi dati. 1101 00:50:51,240 --> 00:50:52,800 Te ir vēl daži svarīgi dati. 1102 00:50:52,800 --> 00:50:56,500 Turklāt šeit ir "Pirmais" manu svarīgu datu. 1103 00:50:56,500 --> 00:51:01,050 Tātad HTML ir visu par sava iezīmēšanu, burtiski, vārdiem 1104 00:51:01,050 --> 00:51:05,270 un punkts un konstrukcijas, kas jūsu lapa ar šiem maz mājieni, ja jūs 1105 00:51:05,270 --> 00:51:07,640 būs, ka jūs varat kaut kā piesaistīt, izmantojot 1106 00:51:07,640 --> 00:51:10,880 citas metodes, piemēram, CSS šādā veidā. 1107 00:51:10,880 --> 00:51:14,760 >> Tātad atbildot uz Viktorijas jautājumu, mēs varam padarīt tekstu lielāku šādā veidā. 1108 00:51:14,760 --> 00:51:18,380 Ir tik daudzi citi veidi, bet fonts tag-- atvērts kronšteins "font" - 1109 00:51:18,380 --> 00:51:19,770 faktiski ir vairākus gadus vecs. 1110 00:51:19,770 --> 00:51:21,410 Un šī ir problēma, Arī ar paļaujoties tikai 1111 00:51:21,410 --> 00:51:23,485 par tiešsaistes resources-- tie mēdz būt novecojusi. 1112 00:51:23,485 --> 00:51:26,110 Un tiešām, kas ir bijis novecojis, jo pasaule saprata, 1113 00:51:26,110 --> 00:51:28,970 ko nozīmē "font-size = 7" nozīmē? 1114 00:51:28,970 --> 00:51:29,670 Tā nav. 1115 00:51:29,670 --> 00:51:32,770 Un tā jau daudzus gadus, un šis day-- viens no sāniem 1116 00:51:32,770 --> 00:51:36,060 atzīmē, šeit ir tas, ka faktiski neticami sāpīgi vēl dažreiz 1117 00:51:36,060 --> 00:51:38,900 attīstīt vietām, web, jo Microsoft 1118 00:51:38,900 --> 00:51:44,220 un Google un Mozilla un Citi bieži vienisprātis par to, kā 1119 00:51:44,220 --> 00:51:47,480 interpretēt specifikāciju, piemēram, HTML. 1120 00:51:47,480 --> 00:51:52,490 >> Ir noteikumu krājumu HTML, ka parasti saka, ko katrs tag nozīmē. 1121 00:51:52,490 --> 00:51:55,690 Bet dažreiz tas ir pa kreisi uz īstenošanu rīcības brīvība, 1122 00:51:55,690 --> 00:51:57,290 Microsoft rīcības brīvība un Google. 1123 00:51:57,290 --> 00:52:00,000 Un tā jūs ļoti bieži redzēt uz mājas lapā kaut ko 1124 00:52:00,000 --> 00:52:04,954 izskatās atšķirīgi uz PC nekā tas uz Mac, 1125 00:52:04,954 --> 00:52:06,995 un tas tiešām tāpēc, dienas beigās, 1126 00:52:06,995 --> 00:52:08,891 viņi nav to izmēģināt labi uz abām platformām. 1127 00:52:08,891 --> 00:52:11,390 Bet tas ir arī tāpēc, ka pamatoti, gudri cilvēki būs nepiekrist 1128 00:52:11,390 --> 00:52:14,970 un uzņēmumiem būs nepiekrist, un tā viens no izaicinājumiem programmēšanas 1129 00:52:14,970 --> 00:52:16,980 tīmeklī vai projektēšana lietas, tīmeklī 1130 00:52:16,980 --> 00:52:21,700 raksta jūsu mājas lapā tādā veidā kas darbojas uz katru interneta pārlūku. 1131 00:52:21,700 --> 00:52:23,410 Bet pat tas ir nepamatoti, vai ne? 1132 00:52:23,410 --> 00:52:27,807 Ir tik daudz versijas tik daudz pārlūkiem, kas pastāv, ka kādā brīdī, 1133 00:52:27,807 --> 00:52:30,890 jums ir arī, lai veiktu spriedumu zvanu un jums ir jāizlemj, kā uzņēmums, 1134 00:52:30,890 --> 00:52:33,082 īpaši e-komercijas-style vietnes, kur jūs esat 1135 00:52:33,082 --> 00:52:36,290 mēģina izmantot jaunākais un lielākais tehnoloģijas, lai sniegtu patiešām labu lietotāju 1136 00:52:36,290 --> 00:52:37,110 pieredze. 1137 00:52:37,110 --> 00:52:41,019 Bet daži procents lietotājiem varētu joprojām izmantojot Internet Explorer 6 vai 7 1138 00:52:41,019 --> 00:52:43,810 vai 8, it īpaši, atkarībā no valsts, ka viņi nāk no. 1139 00:52:43,810 --> 00:52:46,760 >> Un tā ļoti bieži apspriedās ir kaut kas 1140 00:52:46,760 --> 00:52:50,920 piemēram, "interneta pārlūku statistika." 1141 00:52:50,920 --> 00:52:56,560 Un, ja mēs ejam kuri paredzēti, pieņemsim redzēt Wikipedia un redzēt, kā up-to-datums šis diagramma ir 1142 00:52:56,560 --> 00:52:59,320 ja tur ir viens. 1143 00:52:59,320 --> 00:53:02,420 Tātad, šeit jūs varat redzēt kur pārlūkprogrammas faktiski 1144 00:53:02,420 --> 00:53:06,160 ir, saskaņā ar 2015. gada decembri, saskaņā ar ASV valdībai. 1145 00:53:06,160 --> 00:53:11,170 Chrome ir 42% tirgus daļu, kam seko IE lielākoties uzņēmumu uzstādījumus 1146 00:53:11,170 --> 00:53:14,490 vai datora uzstādījumi, protams, seko Firefox, 1147 00:53:14,490 --> 00:53:17,440 tad Safari, tad Opera nebija padarīt karti šeit kādu iemeslu dēļ, 1148 00:53:17,440 --> 00:53:18,210 un tad citi. 1149 00:53:18,210 --> 00:53:19,500 Varbūt tas ir zem citiem. 1150 00:53:19,500 --> 00:53:27,700 Bet vairāk problēmu nekā is-- Redzēsim, vai Wikipedia ir arī 1151 00:53:27,700 --> 00:53:35,194 versijas pārlūkiem version-- 1152 00:53:35,194 --> 00:53:36,160 1153 00:53:36,160 --> 00:53:39,190 >> Ejam uz pārlūka statistiku. 1154 00:53:39,190 --> 00:53:40,680 IE. 1155 00:53:40,680 --> 00:53:42,030 Pat tas nav pietiekami. 1156 00:53:42,030 --> 00:53:44,854 Pārlūkprogrammas statistika. 1157 00:53:44,854 --> 00:53:45,353 Mana versija. 1158 00:53:45,353 --> 00:53:48,980 1159 00:53:48,980 --> 00:53:50,540 Tas nav būs labi. 1160 00:53:50,540 --> 00:53:53,414 Paskatīsimies versijas. 1161 00:53:53,414 --> 00:53:54,830 Pārlūku tirgus daļa. 1162 00:53:54,830 --> 00:53:57,110 Let 's redzēt, ja tas nāk uz augšu. 1163 00:53:57,110 --> 00:53:57,610 LABI. 1164 00:53:57,610 --> 00:54:00,010 Tagad tas kļūst nedaudz vairāk noderīgs. 1165 00:54:00,010 --> 00:54:04,870 Tātad šeit, ievērosiet, ka mēs visi esam dažādas versijas pārlūkiem. 1166 00:54:04,870 --> 00:54:09,887 Un, mans dievs, ja jums look-- Chrome 48, Chrome 47, Chrome 31, Chrome 45. 1167 00:54:09,887 --> 00:54:12,970 Es domāju, Pārlūkprogrammas arvien atjaunināts, un dažreiz dažas no šīm izmaiņām 1168 00:54:12,970 --> 00:54:16,430 ir nozīmīgi funkcionalitātes ziņā. 1169 00:54:16,430 --> 00:54:20,630 Un tā kādā brīdī, produktu vadītājiem, vai inženieri 1170 00:54:20,630 --> 00:54:23,620 nepieciešams veikt decision-- jums zināt, ko, tikai 1% no pasaules 1171 00:54:23,620 --> 00:54:24,740 joprojām izmanto IE 7. 1172 00:54:24,740 --> 00:54:25,490 Pie velna ar viņiem. 1173 00:54:25,490 --> 00:54:27,470 Mēs vienkārši nav gatavojas atbalsta šo pārlūku. 1174 00:54:27,470 --> 00:54:28,740 Un ko tas nozīmē neatbalstīt? 1175 00:54:28,740 --> 00:54:31,170 Tas varētu nozīmēt, ka pogas nestrādā savā mājas lapā, 1176 00:54:31,170 --> 00:54:33,050 vai tas varētu nozīmēt, ka formatējums ir pilnīgi izslēgts. 1177 00:54:33,050 --> 00:54:35,091 Vai jums varētu būt, lai padarītu ka pats spriedums zvans 1178 00:54:35,091 --> 00:54:39,089 mobilo šajās dienās, kur mēs esam netaisos atbalstīt IOS 5 vairs. 1179 00:54:39,089 --> 00:54:40,380 Lai cilvēki vienkārši ir uzlabot. 1180 00:54:40,380 --> 00:54:45,850 Vai mēs nebrauksim, lai atbalstītu Cupcake Android OS Android ierīcēm, 1181 00:54:45,850 --> 00:54:48,629 jo, kā world-- kā tech pasaule vēlas virzīties uz priekšu, 1182 00:54:48,629 --> 00:54:51,170 tā veida vēlas velciet pasaule ar to, lai tie nav 1183 00:54:51,170 --> 00:54:53,295 ir jāturpina būt savietojams lai viņi 1184 00:54:53,295 --> 00:54:54,920 var piedāvāt jaunas un labas īpašības. 1185 00:54:54,920 --> 00:54:57,878 Tas patiešām ir viens no iemesliem, kāpēc tik daudzi uzņēmumi ir izplatot 1186 00:54:57,878 --> 00:55:01,440 automātiskie atjauninājumi un veida piespiežot jaunākās programmatūras versijas uz mums. 1187 00:55:01,440 --> 00:55:04,010 Un pat uzņēmumi piemēram, Apple būs kārtot no 1188 00:55:04,010 --> 00:55:07,280 piespiest jūs gandrīz vai piespiest Jūs ziņā tirgus spēku 1189 00:55:07,280 --> 00:55:11,164 iegādāties jaunu telefonu, jo viņi vienkārši nebūs atjaunināt savu veco tālruni vairs. 1190 00:55:11,164 --> 00:55:13,330 Tātad jūs garām uz jaunākais un lielākais funkcijas, 1191 00:55:13,330 --> 00:55:17,520 jo tas ir dārgi viņiem kā Uzņēmums uzturēt vecāki, varbūt 1192 00:55:17,520 --> 00:55:19,330 sliktāki versijas programmatūru. 1193 00:55:19,330 --> 00:55:23,660 Bet neto ietekme ir tāda, ka mēs arī cieš, kā labi. 1194 00:55:23,660 --> 00:55:26,550 >> Tātad, pieņemsim to apskatīt tikko pāris galīgo lietas šeit. 1195 00:55:26,550 --> 00:55:29,740 Pieņemsim klauvēt pie reālā ātri dažus šie citi lodes, ja interese. 1196 00:55:29,740 --> 00:55:33,440 Tātad, ja jūs mēģināt, piemēram, pozīciju 1197 00:55:33,440 --> 00:55:36,420 tekstu, kas atrodas dažādās pusēs lapa, es esmu gatavojas darīt vienu ātru veidu, 1198 00:55:36,420 --> 00:55:38,360 bet tur ir atšķirīgs veidi, kā to izdarīt. 1199 00:55:38,360 --> 00:55:42,610 Ļaujiet man iet uz priekšu un eliminate-- vienkāršot to šādi. 1200 00:55:42,610 --> 00:55:45,330 Ļaujiet man iet atpakaļ uz manu vienkāršas, vienkāršas punktus. 1201 00:55:45,330 --> 00:55:47,760 Ļaujiet man iet atpakaļ uz manu styles.css. 1202 00:55:47,760 --> 00:55:51,040 Un es esmu tikai gatavojas izmantot simple-- ko jūs varētu būt redzējis Google 1203 00:55:51,040 --> 00:55:54,430 vai atsauktu no earlier-- teksta saskaņot labi. 1204 00:55:54,430 --> 00:55:56,220 Un pārlādēt šo lapu. 1205 00:55:56,220 --> 00:55:58,470 Tagad viss šķiet būt labi līdzināts, 1206 00:55:58,470 --> 00:56:00,770 kā jūs varētu redzēt uz gaisvadu šeit. 1207 00:56:00,770 --> 00:56:04,470 >> Mēs varam padarīt to izskatās mazliet vairāk pasūtīt līdzīgu, un mēs varam teikt "attaisnot" 1208 00:56:04,470 --> 00:56:05,640 un pārlādēt. 1209 00:56:05,640 --> 00:56:09,870 Tagad tas ir jauki un laukumu par abiem pusēm, kas ir sava veida jauki. 1210 00:56:09,870 --> 00:56:12,220 Vēl viens mērķis, mums bija šeit bija mainīt krāsu teksta. 1211 00:56:12,220 --> 00:56:13,650 Tātad, mēs redzējām, ka ar manu sarkano tekstu. 1212 00:56:13,650 --> 00:56:15,630 Un tagad pievienot pogas formā. 1213 00:56:15,630 --> 00:56:19,390 Tātad, kāpēc nav mēs cenšamies darīt tieši to? 1214 00:56:19,390 --> 00:56:23,656 Bet vispirms ļaujiet man iet uz vietas, kas lielākā daļa no mums izmantot katru day-- Google. 1215 00:56:23,656 --> 00:56:25,780 Un pieņemsim to apskatīt kā Google faktiski darbojas. 1216 00:56:25,780 --> 00:56:26,821 Bet es esmu gatavojas darīt. 1217 00:56:26,821 --> 00:56:31,930 Vispirms ļaujiet man darīt in-- yep, ļaujiet man iet uz Google vispirms. 1218 00:56:31,930 --> 00:56:34,530 Es esmu nāksies iet uz Google iestatījumi, 1219 00:56:34,530 --> 00:56:40,660 jo es gribu, lai izslēgtu kaut ko sauc tūlītēju rezultātu. 1220 00:56:40,660 --> 00:56:43,580 >> Tātad jums varētu būt pamanījuši Google šie days-- ļaujiet man atgriezties 1221 00:56:43,580 --> 00:56:44,850 un pārvērst šo par. 1222 00:56:44,850 --> 00:56:47,900 Tātad, ja es sāktu meklēšanu par "kaķiem", piemēram, tas, 1223 00:56:47,900 --> 00:56:50,120 paziņojums, ka ne tikai darīt Man auto-aizpildīt up 1224 00:56:50,120 --> 00:56:54,520 top, visi pēkšņi, lapa pati Šķiet nomainīt diezgan ātri, kā arī, 1225 00:56:54,520 --> 00:56:58,750 un tas ir Google, izmantojot valodu sauc JavaScript cenšas būt noderīga. 1226 00:56:58,750 --> 00:57:01,540 Bet, diemžēl, tā veida par kopgaldu up mūsu diskusija 1227 00:57:01,540 --> 00:57:04,010 par to, kas patiesībā notiek zem motora pārsega šeit. 1228 00:57:04,010 --> 00:57:09,070 Tāpēc es esmu tikai veida ātri izslēdziet tūlītēju rezultātu. 1229 00:57:09,070 --> 00:57:11,510 Un es esmu gatavojas noklikšķiniet uz Saglabāt. 1230 00:57:11,510 --> 00:57:13,930 Un tagad es esmu gatavojas atvērt ka diagnostikas rīkjosla, ka es 1231 00:57:13,930 --> 00:57:16,150 glabāt atvēršanu cilnē Network. 1232 00:57:16,150 --> 00:57:17,720 Tātad, pieņemsim darīt. 1233 00:57:17,720 --> 00:57:21,960 Ļaujiet me-- whoops-- ritināt šo leju mazliet. 1234 00:57:21,960 --> 00:57:24,410 Un ļaujiet man meklēt "kaķiem." 1235 00:57:24,410 --> 00:57:26,790 >> Un tagad notice-- faktiski, šī ir laba iespēja 1236 00:57:26,790 --> 00:57:28,840 apspriest uz brīdi. 1237 00:57:28,840 --> 00:57:32,460 Paziņojums mirkli es type-- apturētu to. 1238 00:57:32,460 --> 00:57:35,250 Beidz. 1239 00:57:35,250 --> 00:57:35,790 LABI. 1240 00:57:35,790 --> 00:57:40,870 Paziņojums brīdi es rakstīt vēstuli C, skatīties apakšā ekrānam. 1241 00:57:40,870 --> 00:57:48,600 A- T- S. Kāda apakšā Šī ekrāna, mans tab Network, 1242 00:57:48,600 --> 00:57:53,320 ieteikt notiek katru reizi, kad es rakstīt vēstuli? 1243 00:57:53,320 --> 00:57:57,700 Diemžēl, varde ir ļoti kaitinošas šodien vai Shamrock 1244 00:57:57,700 --> 00:58:00,339 vai kāds viņš ir. 1245 00:58:00,339 --> 00:58:01,880 Kas notiek katru reizi, kad es drukāti? 1246 00:58:01,880 --> 00:58:04,230 Un ļaujiet man skaidrs buferis un ierakstiet to vēlreiz. 1247 00:58:04,230 --> 00:58:06,580 So-- Whoops. 1248 00:58:06,580 --> 00:58:13,280 Katru reizi, kad es rakstīt vēstuli, C- A- T-- tik jauna rinda acīmredzot tur parādās. 1249 00:58:13,280 --> 00:58:16,530 Ko katrs no šiem rindas pārstāv, pamatojoties uz to, ko mēs esam redzējuši un apsprieda 1250 00:58:16,530 --> 00:58:17,339 līdz šim? 1251 00:58:17,339 --> 00:58:18,130 Mērķauditorija: Meklēšanu? 1252 00:58:18,130 --> 00:58:21,770 DAVID J. Malan: meklēšanu, vai vairāk vispārēji, HTTP pieprasījums 1253 00:58:21,770 --> 00:58:23,125 no mana pārlūku uz serveri. 1254 00:58:23,125 --> 00:58:29,090 Nu, kāpēc ir mana pārlūkprogramma veicot HTTP pieprasīt katru reizi, kad es rakstīt vēstuli? 1255 00:58:29,090 --> 00:58:30,502 >> Mērķauditorija: [dzirdams] 1256 00:58:30,502 --> 00:58:33,210 DAVID J. Malan: Jā, tā dodot man šo auto-pilnīgs rezultātus. 1257 00:58:33,210 --> 00:58:35,190 Tāpat, kur darīt šo meklēšanas rezultāti nāk no? 1258 00:58:35,190 --> 00:58:38,120 Nu, katru reizi, kad es rakstīt vēstule, Google sūta vairāk 1259 00:58:38,120 --> 00:58:40,460 un vairāk un vairāk vārds es esmu rakstīt. 1260 00:58:40,460 --> 00:58:41,040 Kāpēc? 1261 00:58:41,040 --> 00:58:44,540 Tāpēc, ka viņi vēlas, lai dod man labāk un labāk, labāk ierosinājums, 1262 00:58:44,540 --> 00:58:48,880 ieteikumu sarakstu, par to, ko vārds Es cenšos, lai faktiski pabeigta. 1263 00:58:48,880 --> 00:58:53,030 Tātad tas ir, burtiski ik raksturs rakstot uz Google 1264 00:58:53,030 --> 00:58:56,900 tiek nosūtīts, galu galā beramkravu, bet arī dažreiz viens 1265 00:58:56,900 --> 00:59:00,620 laikā, lai īstenotu šie auto-pilnīgs elementus, ja 1266 00:59:00,620 --> 00:59:03,000 dati ir, protams, tīmeklī. 1267 00:59:03,000 --> 00:59:08,780 >> Tagad, pieņemsim apskatīt to, kas patiesībā notiek, kad es noklikšķiniet uz Google meklēšana. 1268 00:59:08,780 --> 00:59:10,420 Un tad mēs sviras šo sevi. 1269 00:59:10,420 --> 00:59:15,320 Tātad, ja es ritiniet uz leju tagad ļoti pirmā pieprasījuma, kas tikko notika. 1270 00:59:15,320 --> 00:59:17,130 Paziņojums sekojošo. 1271 00:59:17,130 --> 00:59:25,550 Tas tika nosūtīts uz diezgan ilgu URL-- https://www.google.com/search? 1272 00:59:25,550 --> 00:59:27,100 un tad viss ķekars sīkumi. 1273 00:59:27,100 --> 00:59:29,620 Paskatīsimies tas patiesībā tagad pārlūka cilnes pati. 1274 00:59:29,620 --> 00:59:31,310 Pieņemsim atbrīvoties no rīkjoslas šeit. 1275 00:59:31,310 --> 00:59:33,140 Lūk, meklēšanas rezultātu lapā. 1276 00:59:33,140 --> 00:59:34,790 Un paziņojums šeit ir URL. 1277 00:59:34,790 --> 00:59:37,430 Tagad jūs varat droši uzminēt kas notiek šeit daļēji. 1278 00:59:37,430 --> 00:59:39,090 Tātad, pirmkārt, definīcija. 1279 00:59:39,090 --> 00:59:42,570 Tas acīmredzot ir galamērķis kur tiek iesniegta veidlapa. 1280 00:59:42,570 --> 00:59:44,910 Tātad, kad es drukāti vārdus "Kaķi" un hit Enter, 1281 00:59:44,910 --> 00:59:48,460 acīmredzot Google nosūtīts mana teksta ievades uz šo URL 1282 00:59:48,460 --> 00:59:50,770 ka es esmu uzsvērusi tur, slīpsvītra meklēšanu. 1283 00:59:50,770 --> 00:59:56,530 Izrādās, ar URL, kaut kas notiek pēc tam, jautājuma zīme ir, 1284 00:59:56,530 --> 01:00:01,270 kā mēs glabāt sakot, galvenais vērtības pāris kas bija drukāti uz formā vai kaut kā 1285 01:00:01,270 --> 01:00:04,500 nosūtīti no pārlūku uz serveri. 1286 01:00:04,500 --> 01:00:07,180 >> Tātad jebkurā laikā rakstāt ievade uz veidlapas tīmeklī 1287 01:00:07,180 --> 01:00:10,000 un tas ir nosūtīts, jo mēs esam spriežam, izmantojot GET, 1288 01:00:10,000 --> 01:00:12,400 viens no šiem virtuālo aploksnes, saturs 1289 01:00:12,400 --> 01:00:15,510 no tā envelope-- jā, saglabāt kļūst pildījumu fiziski 1290 01:00:15,510 --> 01:00:19,010 uz aploksnes klasē šodien, bet tehnoloģiski 1291 01:00:19,010 --> 01:00:21,110 tas ir faktiski laisti URL. 1292 01:00:21,110 --> 01:00:22,940 Tātad faktiski, ļaujiet man izsijāt caur šo. 1293 01:00:22,940 --> 01:00:25,010 Kur jūs redzat lietotāja ievadi? 1294 01:00:25,010 --> 01:00:27,490 Kur jūs redzat kaut ko ka es pats drukāti šeit? 1295 01:00:27,490 --> 01:00:32,100 1296 01:00:32,100 --> 01:00:33,491 Yeah, tāpēc "kaķi". 1297 01:00:33,491 --> 01:00:33,990 Pa labi? 1298 01:00:33,990 --> 01:00:36,380 Tāpēc ļaujiet man dedzināt šis uz kaut ko vienkāršāku. 1299 01:00:36,380 --> 01:00:39,917 Es esmu gatavojas izdzēst visu par šis URL, ka es nesaprotu, 1300 01:00:39,917 --> 01:00:42,250 un es esmu tikai gatavojas atstāt tā kā this-- / meklēt? q = kaķi. 1301 01:00:42,250 --> 01:00:45,640 1302 01:00:45,640 --> 01:00:47,890 Redzēsim kur q nāk no brīdi, 1303 01:00:47,890 --> 01:00:51,220 bet kas jūtas kā minimumam informācijas apjoms, kas man paredzēts. 1304 01:00:51,220 --> 01:00:53,050 Un tagad es esmu gatavojas hit Enter. 1305 01:00:53,050 --> 01:00:55,520 Un paziņojums tas joprojām darbojas. 1306 01:00:55,520 --> 01:00:57,950 Mēs joprojām saņemt atpakaļ visu ķekars kaķiem. 1307 01:00:57,950 --> 01:01:00,340 Tātad Google ir mīļotājs nekā tas šajās dienās. 1308 01:01:00,340 --> 01:01:01,934 Tas 2016, nevis 1999. gada. 1309 01:01:01,934 --> 01:01:04,600 Tātad tur ir citi sīkumi, ka mana pārlūkprogramma sūta uz serveri. 1310 01:01:04,600 --> 01:01:07,100 Bet tas ir minimāli viss, kas ir nepieciešams. 1311 01:01:07,100 --> 01:01:08,380 >> Tātad, kas notiek? 1312 01:01:08,380 --> 01:01:14,320 Nu, vispirms ļaujiet man iet uz priekšu un iet atpakaļ uz Cloud9 un ļaujiet man iet uz priekšu 1313 01:01:14,320 --> 01:01:15,620 un aizvērt manu cilnes agrāk. 1314 01:01:15,620 --> 01:01:18,230 Un es darīšu šo par manu pieder tikai uz brīdi. 1315 01:01:18,230 --> 01:01:20,730 Es iešu uz priekšu un izveidot jaunu failu. 1316 01:01:20,730 --> 01:01:23,739 Un es esmu gatavojas, lai saglabātu to kā google.html. 1317 01:01:23,739 --> 01:01:26,280 Un es esmu gatavojas ļoti quickly-- Es esmu gatavojas nozagt, faktiski, 1318 01:01:26,280 --> 01:01:28,510 daži no šī teksta tikai, lai ietaupītu laiku. 1319 01:01:28,510 --> 01:01:30,610 Es esmu gatavojas, lai ielīmētu to šeit. 1320 01:01:30,610 --> 01:01:33,850 Es neesmu gatavojas apnikt ar jebkurā stilizācijas šoreiz. 1321 01:01:33,850 --> 01:01:38,340 Mēs ejam, lai izsauktu šo "Mans Google." 1322 01:01:38,340 --> 01:01:41,230 Un es esmu gatavojas atbrīvoties viss organismā. 1323 01:01:41,230 --> 01:01:42,740 Un es esmu gatavojas darīt turpmāk. 1324 01:01:42,740 --> 01:01:45,690 Ļaujiet man tuvinātu. 1325 01:01:45,690 --> 01:01:50,620 Veido action-- un kā es īsumā minēts earlier-- whoops-- kā es īsumā 1326 01:01:50,620 --> 01:01:54,130 minēts iepriekš, darbībā un forma ir, ja jūs sūtīt datus. 1327 01:01:54,130 --> 01:01:56,620 So google.com/search. 1328 01:01:56,620 --> 01:01:59,390 Un metode es vēlos izmantot var būt viena no divām lietām. 1329 01:01:59,390 --> 01:02:02,870 Tas var būt vai nu "get", kā mēs turpinām apspriest, vai arī tā var būt "post". 1330 01:02:02,870 --> 01:02:05,340 Tagad, pamata Atšķirība ir, ja jūs izmantojat "get" 1331 01:02:05,340 --> 01:02:09,590 visa informācija norāda, lietotājs norāda izpaužas nosūtīts URL. 1332 01:02:09,590 --> 01:02:13,530 >> Tas ir liels, lai lietas, piemēram, meklēt dzinēji un dažas citas programmas, 1333 01:02:13,530 --> 01:02:17,080 bet kādos apstākļos būtu Jūs nevēlaties, lai aizpildītu veidlapu 1334 01:02:17,080 --> 01:02:21,620 un ir informācija, galu augšu URL, tāpat kā pārlūkprogrammas adreses joslā? 1335 01:02:21,620 --> 01:02:25,470 1336 01:02:25,470 --> 01:02:26,605 Kādu formu darīt you-- 1337 01:02:26,605 --> 01:02:27,480 Mērķauditorija: [dzirdams] 1338 01:02:27,480 --> 01:02:28,450 DAVID J. Malan: Jā, piemēram, ko? 1339 01:02:28,450 --> 01:02:29,270 Mērķauditorija: paroles. 1340 01:02:29,270 --> 01:02:31,936 DAVID J. Malan: Jā, lai jūs log , lai Facebook vai kādu mājas lapu. 1341 01:02:31,936 --> 01:02:34,395 Tas ir lietotāja ievadi no forma, tekstlodziņš, 1342 01:02:34,395 --> 01:02:37,020 bet jūs, iespējams, nevēlaties to rāda atbalstīts pārlūka URL. 1343 01:02:37,020 --> 01:02:38,121 Kāpēc? 1344 01:02:38,121 --> 01:02:40,870 Es domāju, varbūt ir dažas drošības ietekme uz tīklu, 1345 01:02:40,870 --> 01:02:44,830 bet more-- patīk, vairāk vienkārši, kas notiks, ja jūsu kaimiņiem, jūsu citi nozīmīgi, 1346 01:02:44,830 --> 01:02:47,710 jūsu bērni, jūsu laulātais izskatās caur jūsu pārlūka vēsturi? 1347 01:02:47,710 --> 01:02:50,762 Ir jūsu parole taisnība tur pārlūkprogrammas vēsturi. 1348 01:02:50,762 --> 01:02:52,220 Tas nav justies kā labu dizainu. 1349 01:02:52,220 --> 01:02:54,500 Vai pat vairāk tehniski, pieņemsim, ka jūs cenšaties 1350 01:02:54,500 --> 01:02:59,180 augšupielādēt fotoattēlu Flickr vai Facebook vai wherever-- 1351 01:02:59,180 --> 01:03:03,010 kas ir lietotāja ievadi, lai gan tas ir nedaudz vairāk kā interesting-- 1352 01:03:03,010 --> 01:03:05,530 man piestūķēt tēls URL joslā? 1353 01:03:05,530 --> 01:03:06,730 Jūs veida veida nevar. 1354 01:03:06,730 --> 01:03:07,396 Jūs veida var. 1355 01:03:07,396 --> 01:03:10,210 Bet tiešām, es esmu grūti presēti iedomāties darām. 1356 01:03:10,210 --> 01:03:13,470 Tāpēc man ir nepieciešams cits metodi augšupielādējot fotogrāfijas mājas lapā, 1357 01:03:13,470 --> 01:03:15,657 un ka cita metode tiek saukta par "post". 1358 01:03:15,657 --> 01:03:18,740 Bet tagad, mēs tikai runājam par "Get", kas ir vienkāršāka no diviem. 1359 01:03:18,740 --> 01:03:21,100 Tas tikai liek visu lietotāja ievade URL. 1360 01:03:21,100 --> 01:03:22,830 >> Tātad, šeit ir veids Es veidoju. 1361 01:03:22,830 --> 01:03:24,070 Es gribu ievadi. 1362 01:03:24,070 --> 01:03:24,820 Un jūs zināt, ko? 1363 01:03:24,820 --> 01:03:26,111 Es esmu gatavojas veikt minējums šeit. 1364 01:03:26,111 --> 01:03:31,600 Es esmu gatavojas atgādināt manu ievade "Q" par "vaicājumu." 1365 01:03:31,600 --> 01:03:34,970 Un es domāju, ka tas ir viens no oriģinālu dizainu, iespējams, no 1999. gada. 1366 01:03:34,970 --> 01:03:39,560 Un tad šī ieguldījuma veids ir tikai būs "tekstu." 1367 01:03:39,560 --> 01:03:43,040 Un tad es esmu nāksies vēl ievade ka nav nepieciešams nosaukumu, jo mēs drīz 1368 01:03:43,040 --> 01:03:45,120 redzēt, kura tips ir "jāiesniedz." 1369 01:03:45,120 --> 01:03:47,070 Un tas ir gatavojas man īpašu pogu. 1370 01:03:47,070 --> 01:03:48,320 Un tas arī viss. 1371 01:03:48,320 --> 01:03:50,790 >> Tāpēc ļaujiet man iet uz priekšu un saglabājiet šo failu. 1372 01:03:50,790 --> 01:03:54,910 Es esmu gatavojas doties atpakaļ uz manu pārlūkprogrammu un dodieties uz google.html. 1373 01:03:54,910 --> 01:03:56,140 Enter. 1374 01:03:56,140 --> 01:03:59,680 Un tas ir sava veida izsēts lai neteiktu vairāk. 1375 01:03:59,680 --> 01:04:03,110 Bet ļaujiet man iet uz priekšu un meklējiet "kaķiem." 1376 01:04:03,110 --> 01:04:06,510 Un paziņojums es esmu šobrīd Šajā Cloud9 URL. 1377 01:04:06,510 --> 01:04:09,240 Bet kad es noklikšķiniet uz to, kur jūs ceru, ka es galu galā? 1378 01:04:09,240 --> 01:04:10,160 >> Mērķauditorija: Google. 1379 01:04:10,160 --> 01:04:11,118 >> DAVID J. Malan: Google. 1380 01:04:11,118 --> 01:04:12,740 Tātad, pieņemsim noklikšķiniet uz Iesniegt. 1381 01:04:12,740 --> 01:04:15,200 Un tiešām es esmu atkārtoti īstenots Google. 1382 01:04:15,200 --> 01:04:15,700 Pa labi? 1383 01:04:15,700 --> 01:04:16,480 Tas ir vienkāršāk. 1384 01:04:16,480 --> 01:04:17,120 Tas ir vieglāks. 1385 01:04:17,120 --> 01:04:20,350 Es domāju, mans kods ir acīmredzami labāks nekā savējo, no haoss mēs redzējām agrāk. 1386 01:04:20,350 --> 01:04:21,100 Un jūs zināt, ko? 1387 01:04:21,100 --> 01:04:22,610 Es esmu gatavojas spice šo augšu mazliet. 1388 01:04:22,610 --> 01:04:23,860 Es neminēja šo agrāk. 1389 01:04:23,860 --> 01:04:27,860 Ir tagus, piemēram, H1, par 1 pozīcijai, svarīgākais virsrakstu lapā. 1390 01:04:27,860 --> 01:04:30,570 "Mana Google," Es aicinu šo. 1391 01:04:30,570 --> 01:04:31,940 Ļaujiet man pārlādēt. 1392 01:04:31,940 --> 01:04:33,772 Tā meklē mazliet labāk jau. 1393 01:04:33,772 --> 01:04:34,980 Un, patiesībā, jūs zināt, ko? 1394 01:04:34,980 --> 01:04:36,430 Esmu already-- man meloja. 1395 01:04:36,430 --> 01:04:40,200 Es teicu, es netaisos stils šo, bet es esmu gatavojas stils tas kā agrāk. 1396 01:04:40,200 --> 01:04:46,860 Un mans ķermenis būs, teiksim, teksta align centrs. 1397 01:04:46,860 --> 01:04:48,800 Tas ir meklējat vairāk, piemēram, Google jau. 1398 01:04:48,800 --> 01:04:51,090 >> Man vajag rindiņas pārtraukumu, lai gan, par to pogas Iesniegt. 1399 01:04:51,090 --> 01:04:52,798 Un izrādās, tu var izmantot punktu, 1400 01:04:52,798 --> 01:04:57,320 vai jūs varat vairāk burtiski tikai teikt, man rindiņas pārtraukumu here-- BR tagu. 1401 01:04:57,320 --> 01:04:59,319 Un, ja es pārlādēt šo, tagad tas notiek tur. 1402 01:04:59,319 --> 01:05:01,610 Tas ir nedaudz neglīts, tāpēc es varētu darīt vairākas rindiņu pārtraukumi, 1403 01:05:01,610 --> 01:05:03,310 bet pieņemsim nav get pārāk mantkārīgs šeit. 1404 01:05:03,310 --> 01:05:06,430 Tāpēc tagad pieņemsim redzēt, ja tā darbojas "suņiem." 1405 01:05:06,430 --> 01:05:08,640 Šķiet strādāt "suņiem", kā arī. 1406 01:05:08,640 --> 01:05:10,780 Tātad, kas ir pārliecinoši takeaway šeit? 1407 01:05:10,780 --> 01:05:13,600 One-- nebija milzīgs lēciens uz ieviest dažus atslēgvārdus, 1408 01:05:13,600 --> 01:05:15,370 tāpat veidlapas tagu ievades tag. 1409 01:05:15,370 --> 01:05:17,120 Bet plašākā skatījumā ir, viss, ko mēs darām 1410 01:05:17,120 --> 01:05:20,610 ir piesaistot mūsu izpratni HTTP un faktu, 1411 01:05:20,610 --> 01:05:24,900 ka formas galu galā mainīt kas ir URL pārlūku, 1412 01:05:24,900 --> 01:05:28,540 un tā, tāpēc mēs varam mehāniski sniegt ieguldījumu, lai serveri 1413 01:05:28,540 --> 01:05:33,600 izdarot HTML formu un zinot ka serveris saprot HTTP, 1414 01:05:33,600 --> 01:05:36,890 tāpat kā mūsu ķermenis saprot, piemēram, kratot manu roku, ka tas pats protokols, 1415 01:05:36,890 --> 01:05:40,920 un lai mēs saņemtu atpakaļ atbildi ka mēs galu galā sagaida. 1416 01:05:40,920 --> 01:05:44,050 >> Tāpēc pieņemsim mēģināt darīt kādu Pēdējā lieta, ko tagad ar mobilo, 1417 01:05:44,050 --> 01:05:47,052 un es ņemšu make-- es ņemšu pievienot šo kodu uz slaidiem. 1418 01:05:47,052 --> 01:05:49,760 Tātad, ja jūs vēlaties, lai lāpīt, jums noteikti var ņemt to no turienes. 1419 01:05:49,760 --> 01:05:51,551 Bet es iešu priekšu un darīt vienu lietu. 1420 01:05:51,551 --> 01:05:54,120 Es iešu uz priekšu un atvērt manu indeksa page-- 1421 01:05:54,120 --> 01:05:59,030 mans sveiki lapa kā iepriekš, kas ir daudz šīs viltus latīņu teksta, 1422 01:05:59,030 --> 01:06:05,470 vai bezjēdzīga latīņu teksta, un has-- tas izskatās šādi šajā fonta lielumu. 1423 01:06:05,470 --> 01:06:07,850 Bet ļaujiet man iet uz priekšu un darīt to. 1424 01:06:07,850 --> 01:06:09,300 Es iešu uz Cloud9. 1425 01:06:09,300 --> 01:06:10,380 Un jums nav jādara šo soli. 1426 01:06:10,380 --> 01:06:11,420 Es vienkārši darīt to pats. 1427 01:06:11,420 --> 01:06:12,890 Es esmu gatavojas noklikšķiniet uz Kopīgot. 1428 01:06:12,890 --> 01:06:15,170 Un tas ir funkcija tikai no Cloud9, saskaņā ar kuru 1429 01:06:15,170 --> 01:06:17,710 Es varu darīt mana vide publiski. 1430 01:06:17,710 --> 01:06:20,240 >> Un tikai dēļ demonstrēšana, ļaujiet man darīt. 1431 01:06:20,240 --> 01:06:22,870 Es esmu gatavojas darīt manu pieteikumu atklātībai. 1432 01:06:22,870 --> 01:06:25,230 Paziņojums tas brīdinājums man, esmu Es pārliecināts, ka es gribu to darīt, 1433 01:06:25,230 --> 01:06:28,438 jo tas ir gatavojas veikt visus pasaulē, vai viņi šeit tagad 1434 01:06:28,438 --> 01:06:33,560 vai skatoties video vēlāk par interneta iespēja redzēt to, ko es redzu. 1435 01:06:33,560 --> 01:06:34,440 Bet tas ir OK. 1436 01:06:34,440 --> 01:06:37,870 Es esmu gatavojas teikt "Gatavs". 1437 01:06:37,870 --> 01:06:42,080 Un ļaujiet man aicinām jūs, ja es darīju Tas correctly-- ļaujiet man to izmēģināt pirmās. 1438 01:06:42,080 --> 01:06:45,590 Iet uz priekšu, ja jums nav mind-- pārlūkprogrammā datorā, 1439 01:06:45,590 --> 01:06:49,900 doties uz šo URL, un cerams jūs redzēsiet manu latīņu tekstu. 1440 01:06:49,900 --> 01:06:52,820 Un, lai būtu skaidrs, tas ir darbojas ne par manu klēpjdators. 1441 01:06:52,820 --> 01:06:53,610 Tas ir mākonis. 1442 01:06:53,610 --> 01:06:58,120 Tas ir par Cloud9, burtiski, bet Esmu veikusi savu darbvietu atklātībai 1443 01:06:58,120 --> 01:07:03,450 lai ikviens internetā var piekļūt savam latīņu mājas lapā. 1444 01:07:03,450 --> 01:07:07,209 >> Iet uz pašu URL par tālrunis, ja jūs varētu. 1445 01:07:07,209 --> 01:07:09,750 Ja tas būs izmaksas jums, lai gan, jūs var paskatieties pār plecu. 1446 01:07:09,750 --> 01:07:40,688 1447 01:07:40,688 --> 01:07:42,467 Mērķauditorija: [dzirdams] 1448 01:07:42,467 --> 01:07:43,550 DAVID J. Malan: Es atvainojos? 1449 01:07:43,550 --> 01:07:45,390 Mērķauditorija: [dzirdams] 1450 01:07:45,390 --> 01:07:47,710 DAVID J. Malan: Tikai latīņu vārdi. 1451 01:07:47,710 --> 01:07:48,210 Tas ir viss. 1452 01:07:48,210 --> 01:07:49,250 Bet tas ir tas, ko jums vajadzētu redzēt. 1453 01:07:49,250 --> 01:07:49,875 >> Mērķauditorija: Jā. 1454 01:07:49,875 --> 01:07:50,790 DAVID J. Malan: Jā. 1455 01:07:50,790 --> 01:07:51,300 Jā. 1456 01:07:51,300 --> 01:07:51,540 LABI. 1457 01:07:51,540 --> 01:07:53,530 Tātad, es varu turēt līdz jūsu tālrunis tikai brīdi? 1458 01:07:53,530 --> 01:07:57,504 Tātad, cerams, ja jūs piekļūt tā, tas izskatās gandrīz nesalasāms. 1459 01:07:57,504 --> 01:07:59,920 Tas ir still-- Es domāju, tas ir nesalasāms jo latīņu valodā. 1460 01:07:59,920 --> 01:08:01,920 Bet tas ir arī lasāma kādam cita iemesla dēļ? 1461 01:08:01,920 --> 01:08:03,775 Tāpat, ko displeases tu par šo? 1462 01:08:03,775 --> 01:08:04,650 Mērķauditorija: Tas ir mazs. 1463 01:08:04,650 --> 01:08:06,420 DAVID J. Malan: Tas ir super, super maza. 1464 01:08:06,420 --> 01:08:07,920 Tātad, kā mēs varētu noteikt šo? 1465 01:08:07,920 --> 01:08:09,730 Tas ir super, super mazs par Viktorijas tālruni 1466 01:08:09,730 --> 01:08:11,400 un, ja jūs esat velk to pats, iespējams, 1467 01:08:11,400 --> 01:08:14,660 mazs tālrunī, kā arī, ja vien jums ir iespējots pieejamības iestatījumi. 1468 01:08:14,660 --> 01:08:15,530 Kas tas ir? 1469 01:08:15,530 --> 01:08:18,497 Jūs varētu vienkārši šķipsnu un zoom, kas ir praktiski, 1470 01:08:18,497 --> 01:08:20,330 bet tad jūs tikai redzēt dažus vārdus vienā reizē. 1471 01:08:20,330 --> 01:08:20,859 Tātad pagaidiet minūti. 1472 01:08:20,859 --> 01:08:21,720 Es zinu, kā noteikt šo. 1473 01:08:21,720 --> 01:08:22,219 Pa labi? 1474 01:08:22,219 --> 01:08:26,130 Es varētu izmantot CSS, un es varētu mainīt fonta izmērs no 12 punktu līdz 24 punktam. 1475 01:08:26,130 --> 01:08:29,020 Bet blakusparādība, ka, protams, būs tagad, 1476 01:08:29,020 --> 01:08:32,630 uz darbvirsmas vai klēpjdatoru, tagad teksts ir divreiz lielāks. 1477 01:08:32,630 --> 01:08:35,810 Un tā tas būtu sava veida jauki atšķirt ierīcēm, 1478 01:08:35,810 --> 01:08:37,840 un izrādās, tur Ir veidi, kā to, kas. 1479 01:08:37,840 --> 01:08:39,590 Ir vairāki dažādi veidi, patiesībā, 1480 01:08:39,590 --> 01:08:44,189 saskaņā ar kuru, izmantojot CSS un mīļotājs iezīmes ka mēs neiešu ļoti detalizēti, 1481 01:08:44,189 --> 01:08:46,960 jūs varat būtībā vaicājumu pārlūku un teikt, 1482 01:08:46,960 --> 01:08:51,550 Ja jūsu ekrāns ir mazāks nekā tas daudz pikseļu, izmantojiet šo fonta lielumu. 1483 01:08:51,550 --> 01:08:55,180 Ja jūsu ekrāns ir lielāks, nekā tas daudz pikseļu, izmantojiet šo citu fonta lielumu. 1484 01:08:55,180 --> 01:08:57,080 >> Jūs varat būt pat mīļotājs joprojām. 1485 01:08:57,080 --> 01:09:00,140 Ja esat kādreiz apmeklējis mājas lapa, kas, uz galda, 1486 01:09:00,140 --> 01:09:04,404 ir liels izvēlni varbūt off uz pusē, un pēc tam visu saturu 1487 01:09:04,404 --> 01:09:07,029 ir uz pusi ka menu-- tas ir sava veida kopīgu paradigmu. 1488 01:09:07,029 --> 01:09:09,670 Menu kreisajā pusē saturu par tiesībām, vai otrādi. 1489 01:09:09,670 --> 01:09:13,569 Nav īsti strādāt mobilo kad jūsu Ekrāns ir tikai šī pikseļu plats. 1490 01:09:13,569 --> 01:09:16,233 Tik daudz izplatītāki mobilais ir, Jūsu izvēlne pēkšņi nokļūt 1491 01:09:16,233 --> 01:09:18,399 sabruka, un jums ir noklikšķiniet uz pogas, lai to aplūkotu, 1492 01:09:18,399 --> 01:09:22,404 vai mājas lapā tiks likts izvēlni virs tā un likt zem tā saturu. 1493 01:09:22,404 --> 01:09:24,779 Un jūs varat ieviest šos lietas daudzējādi, too. 1494 01:09:24,779 --> 01:09:28,340 Jūs varat lūgt jūsu programmētāji, hey, komanda, jebkurā laikā 1495 01:09:28,340 --> 01:09:34,450 redzat HTTP pieprasījumu no Android ierīci, Microsoft ierīce, Google 1496 01:09:34,450 --> 01:09:39,930 ierīce, Apple ierīci, izmantojiet šo fonta izmērs un izmantot šo izvēlnes izkārtojumu, 1497 01:09:39,930 --> 01:09:42,670 vai arī izmantot šo noklusēto lielāku izkārtojumu. 1498 01:09:42,670 --> 01:09:45,410 >> Tagad, izmantojot to, ko būtisks paņēmiens šodien 1499 01:09:45,410 --> 01:09:48,529 varētu inženieri izmantot zināt, vai tas ir 1500 01:09:48,529 --> 01:09:53,660 iPhone, Android telefons, klēpjdators, desktop apmeklējot uzņēmuma serveri? 1501 01:09:53,660 --> 01:09:55,310 Kur viņi saņem šo informāciju? 1502 01:09:55,310 --> 01:09:56,080 >> AUDITORIJA: header? 1503 01:09:56,080 --> 01:09:57,740 >> DAVID J. Malan: Jā, HTTP galvenes. 1504 01:09:57,740 --> 01:10:01,714 Tātad, katru HTTP pieprasījums nāk no saviem klientiem, lai viņu serveriem 1505 01:10:01,714 --> 01:10:03,880 ietver, iekšā, ka virtuālā aploksne, viss ķekars 1506 01:10:03,880 --> 01:10:08,260 HTTP galvenes, no kuriem viens ir pārlūkprogramma un operētājsistēma 1507 01:10:08,260 --> 01:10:10,290 pat, ja jūs uzmanīgi, lai ka detalizācijas līmenis. 1508 01:10:10,290 --> 01:10:13,790 Tagad tas ir mistisks izskata string, bet pastāv programmatūra, kas tikko 1509 01:10:13,790 --> 01:10:18,530 vienkāršot, ka, un jūs varat lūgt programmēšanas code-- PHP, Java, C ++, 1510 01:10:18,530 --> 01:10:23,650 whatever-- kāda tālrunis this-- kāda ierīce ir šis lietotājs izmanto? 1511 01:10:23,650 --> 01:10:27,501 Un tad jūs varat teikt, parādīt viņiem šis versija mājas lapā, ja tas ir telefons. 1512 01:10:27,501 --> 01:10:30,250 Parādiet viņiem šo versiju mājas lapā, ja tas ir klēpjdatoru vai galda. 1513 01:10:30,250 --> 01:10:32,316 Bet jums nav pat nepieciešams server-side sarežģītība. 1514 01:10:32,316 --> 01:10:33,940 To var izdarīt pat visvienkāršāko lietas. 1515 01:10:33,940 --> 01:10:34,815 >> Es esmu gatavojas darīt. 1516 01:10:34,815 --> 01:10:38,995 Es iešu uz priekšu uz mans Cloud9 vide, 1517 01:10:38,995 --> 01:10:41,370 un es esmu gatavojas pievienot atzīmi ka redzējāt Google pirms. 1518 01:10:41,370 --> 01:10:42,770 To sauc par metatags. 1519 01:10:42,770 --> 01:10:45,520 Un es nekad atceros šo vienu, tāpēc Es esmu gatavojas pārveidot to šeit. 1520 01:10:45,520 --> 01:10:50,552 Meta name = "skatvietai", un pēc tam content = "width = ierīce platums, intital 1521 01:10:50,552 --> 01:11:02,060 mērogs = 1 "un tas arī viss. 1522 01:11:02,060 --> 01:11:06,230 >> Tātad tas varētu arī būt kā burvju buršana. 1523 01:11:06,230 --> 01:11:11,300 Tas vēl nav viss, ka skaidrs, bet tas ir kaut ko darīt ar apskates, 1524 01:11:11,300 --> 01:11:15,070 un apskates ir tikai ķermenis mājas lapa, taisnstūra reģions, kas 1525 01:11:15,070 --> 01:11:16,690 definē lielāko lapā. 1526 01:11:16,690 --> 01:11:19,060 Un tas ir tikai stāsta pārlūku, jūs zināt, ko? 1527 01:11:19,060 --> 01:11:22,589 Padarīt platumu šīs lapas vienāds ar ierīces platuma. 1528 01:11:22,589 --> 01:11:25,380 Citiem vārdiem sakot, neuzskatiet, ka Jums ir kādas neierobežotu telpu. 1529 01:11:25,380 --> 01:11:29,920 Pieņemsim, ka jums ir tikai tik daudz telpa kā pašas ierīces ir liels. 1530 01:11:29,920 --> 01:11:34,454 Un tāpēc tagad, ja es pārlādēt šo manā pārlūkprogrammā, es neredzu izmaiņas. 1531 01:11:34,454 --> 01:11:37,370 Bet, ja es tomēr šo correctly-- un ļaujiet man šķērsot manu fingers-- ja jums visiem 1532 01:11:37,370 --> 01:11:42,920 pārlādēt savu telefonu, vai ne redzēt pārliecinošu izmaiņas? 1533 01:11:42,920 --> 01:11:43,620 Jā, ir that-- 1534 01:11:43,620 --> 01:11:45,067 >> Mērķauditorija: [dzirdams] 1535 01:11:45,067 --> 01:11:45,900 DAVID J. Malan: Jā. 1536 01:11:45,900 --> 01:11:46,400 LABI. 1537 01:11:46,400 --> 01:11:47,850 Tāpēc varbūt vieglāk lasāmu tagad? 1538 01:11:47,850 --> 01:11:53,070 Vēl ir mazs, lai būtu godīgi, bet ne tik niecīga, lai būtu grūti. 1539 01:11:53,070 --> 01:11:56,920 Un es, protams, var ignorēt šo tālāk ar CSS vai uz servera pusē, 1540 01:11:56,920 --> 01:12:00,120 bet arvien vairāk to, kas tu esi redzot ir vairāk un vairāk funkcijas 1541 01:12:00,120 --> 01:12:02,900 tiek pievienoti klienta pusē environments-- 1542 01:12:02,900 --> 01:12:06,530 JavaScript, kā mēs apspriestu rīt, CSS, un HTML-- tā 1543 01:12:06,530 --> 01:12:09,190 ka visi no šiem vaicājumiem var izdarīt uz klienta 1544 01:12:09,190 --> 01:12:11,910 tā kā apnikt serveris daudz mazāk un ne 1545 01:12:11,910 --> 01:12:14,530 ir sekot līdzi, lai piemēram, pastāvīga uzbrukums 1546 01:12:14,530 --> 01:12:17,210 par jaunu ekspluatācijas sistēmai versijas, jaunas pārlūku versijas. 1547 01:12:17,210 --> 01:12:20,190 Jūs varat vienkārši ļaut pārlūku jautāt ierīci, cik liels tu esi, 1548 01:12:20,190 --> 01:12:22,890 un tad veikt mazliet loģiski lēmumi, pamatojoties uz to. 1549 01:12:22,890 --> 01:12:25,140 Bet mēs redzēsim vairāk iespēju par loģiskiem lēmumiem 1550 01:12:25,140 --> 01:12:27,223 rīt kontekstā par programmēšanas valodu. 1551 01:12:27,223 --> 01:12:29,800 1552 01:12:29,800 --> 01:12:32,760 >> Tātad, kādi jautājumi, tad, par interneta attīstību? 1553 01:12:32,760 --> 01:12:36,130 Šodien nav web programmēšana, per se, jo lielākā daļa visu mēs darījām 1554 01:12:36,130 --> 01:12:38,370 bija ļoti estētisks, ja Jums gribas. 1555 01:12:38,370 --> 01:12:41,750 Nav lēmumu pieņemšana kods, kas mēs esam uzrakstījuši, 1556 01:12:41,750 --> 01:12:44,990 un tā, ka tāpēc HTML ir iezīmēšanas valoda, nav programmēšanas valoda. 1557 01:12:44,990 --> 01:12:47,140 Bet rīt mēs ņemšu ātri apskatīt, galu galā, 1558 01:12:47,140 --> 01:12:49,340 pie JavaScript, kas ir faktiskā programmēšana 1559 01:12:49,340 --> 01:12:54,220 valoda, kas ļauj mums darīt mazliet vairāk. 1560 01:12:54,220 --> 01:12:56,800 >> Kādi jautājumi? 1561 01:12:56,800 --> 01:13:00,480 Nu, ļaujiet man ieteikt divas iespējas izvēles par mājasdarbu. 1562 01:13:00,480 --> 01:13:02,900 Viens is-- šos Cloud9 konti nebeigsies. 1563 01:13:02,900 --> 01:13:04,669 Jūs esat laipni aicināti izmantot tos lāpīt ar. 1564 01:13:04,669 --> 01:13:05,960 Tas ir bezmaksas pakalpojumu līmeni. 1565 01:13:05,960 --> 01:13:08,754 Saprast, ka, ja, veidojot Jūsu darbvietas, jūs padarīja publiski, 1566 01:13:08,754 --> 01:13:11,670 tas nozīmē, ka ikviens uz internets var redzēt, ko jūs rakstāt. 1567 01:13:11,670 --> 01:13:15,104 Tāpēc varbūt vienkārši apsvērt nav neērts sevi 1568 01:13:15,104 --> 01:13:18,020 ja jūs nodot savu pirmo web lapa tur publiski nejauši, 1569 01:13:18,020 --> 01:13:20,134 bet neviens gatavojas zināt meklēt tur anyway. 1570 01:13:20,134 --> 01:13:23,760 >> Un two-- ļaujiet man mētāties up šo URL, kā arī, 1571 01:13:23,760 --> 01:13:28,250 it īpaši, ja jūs nāca šodien nedaudz mazāk apmierināti nekā citi, 1572 01:13:28,250 --> 01:13:30,430 pārliecināts, ko tas viss nozīmē sīkumi. 1573 01:13:30,430 --> 01:13:36,780 Saprast, ka daudz vairāk par šo video, kas ir gan labs veids, lai aizmigtu 1574 01:13:36,780 --> 01:13:39,380 un arī smieties laiku darot, ir arī 1575 01:13:39,380 --> 01:13:44,300 daudz societally interesants un drošības saistītas diskusijas 1576 01:13:44,300 --> 01:13:47,370 tajā no John Oliver, kaut arī komiķis. 1577 01:13:47,370 --> 01:13:55,456 >> Bet, ja nav papildu jautājumi, kas mūs noved pie uzņemšanas. 1578 01:13:55,456 --> 01:13:56,830 Tātad, kāpēc ne es ieslēgtu mūziku. 1579 01:13:56,830 --> 01:13:58,610 Ir jābūt dzērieni un uzkodas ārpus. 1580 01:13:58,610 --> 01:14:00,220 Es esmu laimīgs, lai maisīt tik Kamēr folks vēlētos, 1581 01:14:00,220 --> 01:14:01,600 atbildēt uz jautājumiem vēl viens-on-one. 1582 01:14:01,600 --> 01:14:03,330 Bet, pretējā gadījumā, jūs esat laipni pacelties jebkurā brīdī, 1583 01:14:03,330 --> 01:14:05,740 un mēs redzēt jūs atkal rīt no rīta, lai mazliet vairāk. 1584 01:14:05,740 --> 01:14:07,290 Labi, paldies. 1585 01:14:07,290 --> 01:14:10,428