1 00:00:00,000 --> 00:00:00,127 2 00:00:00,127 --> 00:00:01,210 DAVID J. Malan: zote haki. 3 00:00:01,210 --> 00:00:02,160 Sisi ni nyuma. 4 00:00:02,160 --> 00:00:05,810 Hivyo, lengo la kikao hiki ya mwisho ni kuanzisha dhana chache zaidi 5 00:00:05,810 --> 00:00:09,290 lakini pia kutoa kila mtu nafasi aina ya kunyoosha vidole 6 00:00:09,290 --> 00:00:11,270 na kweli kufanya kitu kidogo mikono juu. 7 00:00:11,270 --> 00:00:13,897 lengo ni si kugeuka sisi wote katika watengenezaji mtandao 8 00:00:13,897 --> 00:00:16,230 kwa njia yoyote lakini kwa kweli tu kukupa ladha ya baadhi 9 00:00:16,230 --> 00:00:21,750 ya constructs ya msingi ya nini huenda katika programu ya mtandao na leo mtandao 10 00:00:21,750 --> 00:00:23,980 maendeleo, hivyo upande tuli ya things-- 11 00:00:23,980 --> 00:00:26,660 hakuna mantiki, hakuna programu lugha, tu tuli maudhui. 12 00:00:26,660 --> 00:00:29,660 Na itakuwa kutupa nafasi kwa kweli kuona nini mtandao wa kompyuta ni, 13 00:00:29,660 --> 00:00:34,140 kuona nini HTML file ni, kuona nini ni HTTP ni kweli kuwahudumia up. 14 00:00:34,140 --> 00:00:38,600 Lakini kabla ya sisi kupiga mbizi katika, retrospective yoyote maswali kuhusu kompyuta wingu 15 00:00:38,600 --> 00:00:43,922 au usalama au kitu chochote katika kati ya? 16 00:00:43,922 --> 00:00:44,890 >> Hakuna? 17 00:00:44,890 --> 00:00:47,181 Yote ya haki, vizuri, hebu kufanya hivyo, tu katika kesi 18 00:00:47,181 --> 00:00:49,680 mchakato wa kusainiwa kwa ajili ya kitu inachukua dakika chache. 19 00:00:49,680 --> 00:00:51,221 Tutaweza basi ni kufanya hivyo kwa nyuma. 20 00:00:51,221 --> 00:00:56,860 Kwenda mbele, kama unaweza, URL hii here-- c9.io. 21 00:00:56,860 --> 00:01:02,810 Hii ni ya tatu service-- jukwaa kama huduma, kama wewe will-- 22 00:01:02,810 --> 00:01:05,190 kwamba ni kwenda kuwakaribisha ishara kwa ajili ya akaunti, 23 00:01:05,190 --> 00:01:08,650 na ni kwenda kutoa kila mmoja wenu akaunti katika wingu kinachojulikana 24 00:01:08,650 --> 00:01:11,330 juu ya miundombinu ya mtu mwingine, kampuni inayoitwa Cloud9. 25 00:01:11,330 --> 00:01:13,350 Lakini nini ni nzuri kuhusu hili ni kwamba wao kukupa 26 00:01:13,350 --> 00:01:15,990 makadirio ya halisi maendeleo ya ulimwengu halisi 27 00:01:15,990 --> 00:01:18,530 mazingira, angalau katika wingu na katika kivinjari, 28 00:01:18,530 --> 00:01:21,175 na tutaweza kutumia hii ili kweli majaribio kidogo leo. 29 00:01:21,175 --> 00:01:27,116 30 00:01:27,116 --> 00:01:30,260 Na kisha kwenda mbele na tu navigate njia yako ya mchakato ishara-up 31 00:01:30,260 --> 00:01:32,630 kama unaweza. 32 00:01:32,630 --> 00:01:36,080 Hivyo sisi kutokea kwa kutumia hii katika darasa Mimi kufundisha kwa wote wa wanafunzi wetu, 33 00:01:36,080 --> 00:01:39,140 wote juu ya chuo na mbali sasa, na ni kubadilishwa nini kihistoria 34 00:01:39,140 --> 00:01:41,390 Ilikuwa vinginevyo downloadable programu. 35 00:01:41,390 --> 00:01:44,620 Hivyo nini walikuwa kupata huduma ya ni moja ya mashine hizo virtual, 36 00:01:44,620 --> 00:01:46,460 kimsingi, kwamba mimi ilivyoelezwa hapo awali. 37 00:01:46,460 --> 00:01:50,260 Hivyo kampuni hii Cloud9 pengine kodi kutoka party-- tatu kwa hakika 38 00:01:50,260 --> 00:01:52,760 katika kesi hii, Google-- nzima rundo la mashine virtual 39 00:01:52,760 --> 00:01:56,500 kwamba wao kwa namna fulani bandua katika udanganyifu wa servrar binafsi 40 00:01:56,500 --> 00:01:58,610 kwamba kila mmoja wetu ana mamlaka kamili juu ya. 41 00:01:58,610 --> 00:02:01,640 Siyo sahihi kabisa kusema kwamba wao ni mashine virtual, 42 00:02:01,640 --> 00:02:04,550 ingawa, kwa sababu kile Cloud9 kweli anatumia 43 00:02:04,550 --> 00:02:07,570 ni teknolojia fulani karibu zaidi aitwaye containerization. 44 00:02:07,570 --> 00:02:13,150 Na napenda kunyakua picha hii hapa kuchora picha hii. 45 00:02:13,150 --> 00:02:16,540 >> chombo ni, kama unakumbuka picha 46 00:02:16,540 --> 00:02:19,900 kutoka mapema, nyepesi kidogo uzito kuliko mashine virtual. 47 00:02:19,900 --> 00:02:22,090 Kwa kweli, ambapo mwisho muda kuongelea huko 48 00:02:22,090 --> 00:02:25,170 kuwa uendeshaji mfumo na hypervisor 49 00:02:25,170 --> 00:02:28,260 na kisha mfumo wa uendeshaji mgeni, mgeni mfumo wa uendeshaji, uendeshaji mgeni 50 00:02:28,260 --> 00:02:30,940 mfumo, juu ya yako kimwili vifaa, 51 00:02:30,940 --> 00:02:33,740 Tofauti na hii mpya teknolojia, containerization, 52 00:02:33,740 --> 00:02:37,290 ni kwamba wao wote kwa namna fulani kushiriki huo mfumo wa uendeshaji. 53 00:02:37,290 --> 00:02:39,970 Lakini bado kujenga udanganyifu wa kila mtu 54 00:02:39,970 --> 00:02:44,590 kuwa mwenyewe ya kipekee yake haki za utawala na mafaili 55 00:02:44,590 --> 00:02:45,400 juu ya server. 56 00:02:45,400 --> 00:02:48,230 Lakini kuna chini ya programu katika kati ya wewe na vifaa. 57 00:02:48,230 --> 00:02:52,260 matokeo ya ambayo ni, kwa nadharia, utendaji ya juu, 58 00:02:52,260 --> 00:02:55,470 kwa sababu unatumia au kupoteza rasilimali chache 59 00:02:55,470 --> 00:02:57,360 juu ya kwamba kinachojulikana virtualization safu. 60 00:02:57,360 --> 00:02:59,420 Hivyo hii inaitwa containerization kwa asili 61 00:02:59,420 --> 00:03:02,920 kwa njia ya teknolojia iitwayo Docker, ambayo ni mengi sana kuja katika yake mwenyewe. 62 00:03:02,920 --> 00:03:05,086 Na hii ni kitu ambacho wahandisi katika kampuni yako 63 00:03:05,086 --> 00:03:08,610 inaweza aina ya aina ya kuanza kuzungumza kuhusu karibuni kama si tayari, 64 00:03:08,610 --> 00:03:11,590 ingawa kuna hakika hakuna Sababu kuruka juu bandwagons yoyote. 65 00:03:11,590 --> 00:03:15,410 >> Hivyo kwa kuwa alisema, ni nini pengine kuona sasa 66 00:03:15,410 --> 00:03:22,670 ni screen kwamba inaonekana kidogo kama hii. 67 00:03:22,670 --> 00:03:23,170 SAWA. 68 00:03:23,170 --> 00:03:25,260 Na tu simu yangu juu kama si. 69 00:03:25,260 --> 00:03:27,440 Na kama so-- nitakuja juu kama si. 70 00:03:27,440 --> 00:03:30,244 Kwenda mbele na bonyeza kwamba big plus kujenga workspace, 71 00:03:30,244 --> 00:03:31,660 na utaona screen kama hii. 72 00:03:31,660 --> 00:03:35,020 Unaweza kupiga simu workspace jina kitu chochote unataka kwa sasa. 73 00:03:35,020 --> 00:03:38,660 Na tu kwa kweli kwa unyenyekevu, kwenda and-- vizuri, baadhi yenu 74 00:03:38,660 --> 00:03:39,660 tayari wana workspaces. 75 00:03:39,660 --> 00:03:47,050 Kuiita chochote want-- biashara, Harvard, Alhamisi, chochote Ningependa. 76 00:03:47,050 --> 00:03:48,800 Huwezi haja ya maelezo. 77 00:03:48,800 --> 00:03:52,380 Unaweza kuondoka binafsi, isipokuwa wewe Tayari kuwa na rundo la workspaces. 78 00:03:52,380 --> 00:03:55,280 Kama wewe ni kulazimishwa kufanya hivyo umma, hiyo ni nzuri kwa madhumuni ya leo. 79 00:03:55,280 --> 00:03:56,750 Hapa pia, ni moja ya upsells. 80 00:03:56,750 --> 00:03:59,939 Unaweza kupata moja workspace binafsi na default. Lakini kama unataka zaidi, 81 00:03:59,939 --> 00:04:00,980 una kulipa kwa zaidi. 82 00:04:00,980 --> 00:04:02,870 Vinginevyo, wao kukulazimisha kufanya kazi yako ya umma. 83 00:04:02,870 --> 00:04:05,600 Lakini hiyo ni nzuri, kwa sababu wao pia lengo hili katika jamii ya wazi chanzo 84 00:04:05,600 --> 00:04:07,700 kuhamasisha watu kweli kushirikiana. 85 00:04:07,700 --> 00:04:10,699 >> Na jambo la mwisho kwamba ni muhimu, ingawa, ni, baada ya kuchagua jina 86 00:04:10,699 --> 00:04:17,140 na baada ya kuchagua binafsi au ya umma, bonyeza HTML5, big machungwa icon 87 00:04:17,140 --> 00:04:22,430 pili kutoka kushoto, na kisha bonyeza Kujenga Workspace. 88 00:04:22,430 --> 00:04:24,580 Na pengine kuchukua dakika au hivyo, 89 00:04:24,580 --> 00:04:26,540 lakini utasikia kisha kuwa mazingira, mara moja 90 00:04:26,540 --> 00:04:30,544 kufanya hivyo, kwamba inaonekana kukumbusha ya nini nina juu ya screen hapa sasa. 91 00:04:30,544 --> 00:04:33,210 Lakini tena, inaweza kuchukua dakika au zaidi ya kupata screen hii 92 00:04:33,210 --> 00:04:34,770 mara moja umefanya clicked Kujenga Workspace. 93 00:04:34,770 --> 00:04:37,936 Lakini tu bendera yangu juu kama Ningependa mimi kuangalia kitu chochote au ushauri. 94 00:04:37,936 --> 00:04:40,191 95 00:04:40,191 --> 00:04:40,690 Sawa. 96 00:04:40,690 --> 00:04:42,390 Hivyo nina kwenda kwa historia hii kwa sasa. 97 00:04:42,390 --> 00:04:44,260 Simu yangu juu kama wewe wanaonekana kuwa na matatizo yoyote ya kiufundi. 98 00:04:44,260 --> 00:04:46,210 Lakini tena, inaweza kuchukua kidogo kwa kuwa wazi. 99 00:04:46,210 --> 00:04:49,570 Na hebu kwenda mbele na kuzungumza kuhusu nini ni kweli ina maana ya kufanya ukurasa wa mtandao, 100 00:04:49,570 --> 00:04:52,780 nini HTML ni, na jinsi yote haya sasa interconnects kama sisi ni mapya 101 00:04:52,780 --> 00:04:54,730 kwa kweli matumizi ya baadhi ya teknolojia. 102 00:04:54,730 --> 00:04:58,310 Hivyo ni zamu nje kwamba naweza kwenda juu ya Mac yangu kidogo hapa, 103 00:04:58,310 --> 00:05:01,650 kufungua mpango rahisi kuitwa TextEdit, au juu ya Windows mimi naweza 104 00:05:01,650 --> 00:05:04,480 wazi kitu kinachoitwa notepad.exe. 105 00:05:04,480 --> 00:05:08,260 Na mimi naweza tu tu kufanya kitu kama hii "hello, ulimwengu." 106 00:05:08,260 --> 00:05:12,020 Na kisha mimi naweza kuokoa hii kama hello.txt Hivyo hakuna uchawi huko. 107 00:05:12,020 --> 00:05:15,200 Hii ina kitu cha kufanya na mtandao programu, kitu cha kufanya na HTML. 108 00:05:15,200 --> 00:05:16,790 Tu kujenga Nakala faili rahisi. 109 00:05:16,790 --> 00:05:20,600 Lakini zinageuka kuwa mtandao ukurasa ni literally tu. 110 00:05:20,600 --> 00:05:24,020 Ni rahisi Nakala faili zenye maandishi kwamba unaweza aina katika keyboard yako, 111 00:05:24,020 --> 00:05:30,070 lakini ni kawaida lakini si mara zote kuishia katika si Txt lakini html au htm. 112 00:05:30,070 --> 00:05:32,050 Na wewe kufanya si tu aina ya maneno katika faili. 113 00:05:32,050 --> 00:05:35,280 Wewe kweli una kutumia mambo kuitwa vitambulisho au, kwa ujumla zaidi, kitu 114 00:05:35,280 --> 00:05:37,190 aitwaye lugha ghafi. 115 00:05:37,190 --> 00:05:40,510 >> Hivyo nina kwenda kwa haraka sana aina na kisha kueleza zifuatazo. 116 00:05:40,510 --> 00:05:42,290 Mimi nina kwenda kwanza aina hii, ambayo inasema, 117 00:05:42,290 --> 00:05:45,730 hey, browser, inakuja mtandao ukurasa yaliyoandikwa katika HTML. 118 00:05:45,730 --> 00:05:51,850 Na mambo haya mawili pamoja kusema, hey, browser, ifuatayo ni kweli HTML. 119 00:05:51,850 --> 00:05:55,790 Hey, browser, inakuja kichwa au juu ya ukurasa wangu. 120 00:05:55,790 --> 00:05:59,900 Hey, browser, ndani ya juu ya ukurasa wangu, kuweka kichwa, yaani, "hello, 121 00:05:59,900 --> 00:06:01,610 ulimwengu. " 122 00:06:01,610 --> 00:06:08,370 Hey, browser, baada ya mkuu wa yangu ukurasa, inakuja mwili wa ukurasa wangu. 123 00:06:08,370 --> 00:06:12,170 Na, hey, browser, mwili wa yangu ukurasa lazima pia kusema, "hello dunia." 124 00:06:12,170 --> 00:06:15,500 Kwa hiyo kile ni maelezo ya salient hapa? 125 00:06:15,500 --> 00:06:17,960 Hii ni nini kwa ujumla aitwaye doc-aina tamko, 126 00:06:17,960 --> 00:06:20,190 na, kusema ukweli, ni kidogo vigumu kukariri huu kwa mara ya kwanza. 127 00:06:20,190 --> 00:06:21,481 Wewe tu aina ya nakala-kuweka hiyo. 128 00:06:21,481 --> 00:06:23,760 Hii ni njia rasmi ya kusema, hey, browser, 129 00:06:23,760 --> 00:06:28,030 Mimi ni kwa kutumia HTML toleo 5 ambayo akatoka kwa kiasi fulani hivi karibuni. 130 00:06:28,030 --> 00:06:31,380 Ni kichawi dua kuwa baadhi binadamu na hisia maskini wa kubuni 131 00:06:31,380 --> 00:06:33,640 aliamua kuweka katika sana juu ya faili. 132 00:06:33,640 --> 00:06:35,473 Hata kama ni arcane kidogo, kwamba ni yote 133 00:06:35,473 --> 00:06:38,250 ni means-- hey, browser, hapa kuja na toleo 5 ya HTML. 134 00:06:38,250 --> 00:06:41,741 >> wengine wa hii imekuwa na sisi kwa muda sasa, kihistoria, 135 00:06:41,741 --> 00:06:44,740 lakini imekuwa ikibadilika, kutokana na ni pengine wamekuwa kupata kidogo rahisi. 136 00:06:44,740 --> 00:06:47,320 Taarifa sifa chache ya kile nimepata yalionyesha. 137 00:06:47,320 --> 00:06:49,890 Kuna mambo hayo kwa angled brackets-- mabano kushoto 138 00:06:49,890 --> 00:06:51,040 na bracket haki. 139 00:06:51,040 --> 00:06:52,490 Na taarifa ulinganifu hapa. 140 00:06:52,490 --> 00:06:57,340 Na kwa ulinganifu, I mean, kama mimi na mwanzo huu tag hapa au tag wazi 141 00:06:57,340 --> 00:07:01,560 kama wewe, chini hapa nina tag karibu au mwishoni tag hiyo ni 142 00:07:01,560 --> 00:07:06,460 tofauti tu kadiri ina hii kufyeka mwanzoni mwa neno 143 00:07:06,460 --> 00:07:07,360 HTML. 144 00:07:07,360 --> 00:07:09,360 Na unaweza kufikiria kama nilivyokuwa casually 145 00:07:09,360 --> 00:07:12,280 kupendekeza kabla, hey, browser, inakuja baadhi HTML. 146 00:07:12,280 --> 00:07:16,060 Na, kinyume chake, hey, browser, hiyo ni hivyo kwa ajili HTML-- mwanzo na mwisho. 147 00:07:16,060 --> 00:07:18,440 >> Wakati huo huo hey, browser, hapa inakuja mkuu wa ukurasa wangu. 148 00:07:18,440 --> 00:07:20,140 Hey, browser, hiyo ni kwa ajili kichwa. 149 00:07:20,140 --> 00:07:22,240 Hey, browser, hapa ni mwili wa ukurasa wangu. 150 00:07:22,240 --> 00:07:24,020 Hey, browser, hiyo ni kwa ajili ya mwili. 151 00:07:24,020 --> 00:07:26,940 Na ndani ya kwamba ni baadhi Nakala holela kwa sasa. 152 00:07:26,940 --> 00:07:30,520 Na ndani ya kichwa, wakati huo huo, ni baadhi holela lakini tagged, 153 00:07:30,520 --> 00:07:34,410 hivyo kusema, maandishi kwamba anasema, cheo ya ukurasa wangu zitakuwa "hello, ulimwengu." 154 00:07:34,410 --> 00:07:37,470 Sasa, kwa sasa, unaweza kudhani kuwa browsers 155 00:07:37,470 --> 00:07:41,762 na only-- au, badala, kurasa za mtandao na mbili tu parts-- kichwa na mwili. 156 00:07:41,762 --> 00:07:44,220 Na kichwa kwa ujumla ni tu kama menu bar, mambo 157 00:07:44,220 --> 00:07:45,510 kweli tu katika sana juu. 158 00:07:45,510 --> 00:07:48,910 Na mwili ni guts ya ukurasa, kila kitu katika kwamba Mstatili kubwa 159 00:07:48,910 --> 00:07:50,239 yanayojazwa screen. 160 00:07:50,239 --> 00:07:51,780 Hivyo mimi nina kwenda mbele na kufanya hili. 161 00:07:51,780 --> 00:07:54,400 Mimi kwenda mbele na bonyeza Save, Picha Save. 162 00:07:54,400 --> 00:07:58,580 Na mimi nina kwenda kuokoa hili kama hello.html, 163 00:07:58,580 --> 00:08:00,870 na mimi nina kwenda tu kuiweka kwenye eneo kazi yangu. 164 00:08:00,870 --> 00:08:03,520 Na mimi nina kwenda mbele na bonyeza Save. 165 00:08:03,520 --> 00:08:05,806 Na notice-- Mac yangu katika angalau ni yelling saa yangu. 166 00:08:05,806 --> 00:08:07,180 Una uhakika unataka kufanya hili? 167 00:08:07,180 --> 00:08:08,710 Na mimi nina kwenda kusema, ndiyo, kutumia HTML. 168 00:08:08,710 --> 00:08:10,400 Najua bora katika kesi hii. 169 00:08:10,400 --> 00:08:14,686 Na sasa mimi nina kwenda kwa desktop yangu ambapo nina faili hili ghafla. 170 00:08:14,686 --> 00:08:16,060 Na mimi nina kwenda mara mbili-click yake. 171 00:08:16,060 --> 00:08:18,268 Na wewe utakuwa taarifa kwamba, kwa default, Chrome kufunguliwa up. 172 00:08:18,268 --> 00:08:19,996 Hiyo ni kwa sababu hiyo ndiyo default yangu browser. 173 00:08:19,996 --> 00:08:21,370 Na tu anasema, "hello, ulimwengu." 174 00:08:21,370 --> 00:08:23,078 Lakini anasema "hello, dunia "katika maeneo mawili. 175 00:08:23,078 --> 00:08:23,979 Taarifa juu kushoto. 176 00:08:23,979 --> 00:08:25,020 Pretty vigumu miss kwamba. 177 00:08:25,020 --> 00:08:26,180 Ni kubwa na ujasiri. 178 00:08:26,180 --> 00:08:30,690 Na mahali pengine ambapo ni kuonekana kusema, "hello, dunia"? 179 00:08:30,690 --> 00:08:31,470 >> Watazamaji: tab. 180 00:08:31,470 --> 00:08:33,100 >> DAVID J. Malan: Yeah, tab yenyewe. 181 00:08:33,100 --> 00:08:35,159 Hivyo wakati mimi alisema mkuu wa ukurasa ni kila kitu juu top-- 182 00:08:35,159 --> 00:08:36,367 na kwa kweli hii ni cheo. 183 00:08:36,367 --> 00:08:37,710 Ni tu katika tabo hapa. 184 00:08:37,710 --> 00:08:40,320 Na siwezi kuvuta tab hii nje ili kama si kwa kuwachanganya. 185 00:08:40,320 --> 00:08:43,360 Hii ni tu tab moja sasa, na kwa kweli tunaona "hello, dunia" 186 00:08:43,360 --> 00:08:45,970 hapa na "hello, dunia" chini hapa. 187 00:08:45,970 --> 00:08:47,160 Hivyo pretty moja kwa moja. 188 00:08:47,160 --> 00:08:49,050 Lakini pia ni haki rahisi. 189 00:08:49,050 --> 00:08:50,440 Na, kwa kweli, mimi zoomed katika. 190 00:08:50,440 --> 00:08:53,272 Mimi naweza kubadili ukubwa wa herufi tu kuitukuza kwa upatikanaji. 191 00:08:53,272 --> 00:08:56,830 Lakini hebu sasa kufanya kitu kidogo zaidi ya kuvutia. 192 00:08:56,830 --> 00:08:59,760 >> Mimi nina kwenda go-- whoops, hebu me kupata nyuma faili yangu maandishi. 193 00:08:59,760 --> 00:09:02,400 Mimi nina kwenda nyuma yangu Nakala faili, na mimi nina kwenda 194 00:09:02,400 --> 00:09:06,320 kubadili hali hii na kusema "Hello, Disney World." 195 00:09:06,320 --> 00:09:07,970 Kuokoa. 196 00:09:07,970 --> 00:09:10,919 Na kurudi nyuma kwa yangu browser na bonyeza Reload. 197 00:09:10,919 --> 00:09:12,710 Na sasa, bila shaka, ni anasema "Disney World." 198 00:09:12,710 --> 00:09:15,500 Na mimi nina kwenda kwa artificially kuvuta katika tu hivyo ni rahisi kuona. 199 00:09:15,500 --> 00:09:19,012 Hivyo sasa, kwa bahati mbaya, mimi aina ya kutaka to-- kweli, hiyo ni hulka Mac. 200 00:09:19,012 --> 00:09:21,720 Nataka click kwenye Disney World na kwenda mahali fulani kama disney.com, 201 00:09:21,720 --> 00:09:23,290 lakini hiyo haifanyi kazi. 202 00:09:23,290 --> 00:09:26,850 Hivyo Tenet ya msingi ya mtandao ni viungo, viungo kwamba kwenda mahali pengine. 203 00:09:26,850 --> 00:09:28,390 Hivyo ni jinsi gani mimi kufanya hivyo? 204 00:09:28,390 --> 00:09:34,690 Naam, mimi naweza kusema tu, "Hello, http://www.disney.com." 205 00:09:34,690 --> 00:09:36,110 Ila hii. 206 00:09:36,110 --> 00:09:37,620 Reload. 207 00:09:37,620 --> 00:09:39,400 Lakini hii pia, si clickable. 208 00:09:39,400 --> 00:09:42,930 Na nini ni nzuri hapa, ingawa hii si kazi bado, 209 00:09:42,930 --> 00:09:45,930 ni kwamba inaonekana kwamba kisakuzi gani literally tu 210 00:09:45,930 --> 00:09:46,950 kile kuwaambia ni kufanya. 211 00:09:46,950 --> 00:09:50,110 Hivyo kama mimi aina tu URL kama hii, itakuja tu kuonyesha me URL. 212 00:09:50,110 --> 00:09:54,270 Mimi haja ya kutumia vitambulisho au ghafi Lugha ya kweli kuwaambia 213 00:09:54,270 --> 00:09:55,621 kisakuzi kufanya hata zaidi. 214 00:09:55,621 --> 00:09:57,870 Hivyo mimi nina kwenda mbele na kufuta hii kwa sasa. 215 00:09:57,870 --> 00:10:00,980 Na mimi nina kwenda kusema, hey, browser, kuanza nanga hapa, 216 00:10:00,980 --> 00:10:02,650 kiungo hivyo kusema. 217 00:10:02,650 --> 00:10:07,500 Na mfumuko wa kumbukumbu, marudio ya nanga kwamba, lazima URL hii. 218 00:10:07,500 --> 00:10:08,750 Na taarifa quotes yangu. 219 00:10:08,750 --> 00:10:11,590 Mimi naweza kutumia quotes moja, pia, lakini una kuwa thabiti, 220 00:10:11,590 --> 00:10:14,270 na napenda kwa ujumla tu kutumia quotes mbili kushika ni rahisi. 221 00:10:14,270 --> 00:10:16,820 Taarifa mimi naenda kuifunga tag. 222 00:10:16,820 --> 00:10:21,160 Na kisha hapa mimi nina kwenda kusema, "Disney World." 223 00:10:21,160 --> 00:10:26,890 Na sasa mimi haja ya baadhi ya symmetry-- wazi bracket, /, imefungwa mabano. 224 00:10:26,890 --> 00:10:28,090 >> Hivyo tuna nini mimi ilianzisha? 225 00:10:28,090 --> 00:10:30,100 Tumekuwa na vitambulisho chache tayari. 226 00:10:30,100 --> 00:10:32,410 HTML, Mkuu, Title, Mwili, wote ni vitambulisho, hivyo kusema, 227 00:10:32,410 --> 00:10:34,280 na wenzao wazi na kufungwa. 228 00:10:34,280 --> 00:10:36,530 Lakini sikia, hii ni aina ya tofauti kimsingi. 229 00:10:36,530 --> 00:10:39,140 Hii ni nini tutaweza wito katika HTML sifa. 230 00:10:39,140 --> 00:10:41,451 Na sifa ni tu jozi ufunguo thamani. 231 00:10:41,451 --> 00:10:43,950 Hili ni jambo la kawaida katika kompyuta science-- jozi ufunguo thamani. 232 00:10:43,950 --> 00:10:45,770 Ni aina ya chombo cha biashara. 233 00:10:45,770 --> 00:10:47,040 ufunguo na thamani. 234 00:10:47,040 --> 00:10:49,390 neno na kisha baadhi neno mengine au maneno. 235 00:10:49,390 --> 00:10:53,790 Na katika kesi hii, ni muhimu href, na thamani ya kwamba URL kamili. 236 00:10:53,790 --> 00:10:57,890 Na nini sifa gani ni mvuto tabia ya tag. 237 00:10:57,890 --> 00:11:01,010 Na katika kesi hii, tunahitaji kushawishi tabia ya tag nanga, 238 00:11:01,010 --> 00:11:04,140 kwa sababu tunahitaji nanga kiungo huu kwa mahali fulani. 239 00:11:04,140 --> 00:11:06,960 Na jinsi ya kufanya kwamba ni kwa njia ya sifa. 240 00:11:06,960 --> 00:11:08,970 >> Hivyo mimi nina kwenda mbele na kuokoa faili sasa. 241 00:11:08,970 --> 00:11:11,300 Kwenda nyuma ya browser yangu na Reload. 242 00:11:11,300 --> 00:11:14,580 Na, voila, sasa tuna mwanzo wa halali mtandao ukurasa. 243 00:11:14,580 --> 00:11:18,420 Super-rahisi, lakini kama mimi hover juu Haya ilani katika kona ya chini kushoto, 244 00:11:18,420 --> 00:11:19,830 ni super-ndogo. 245 00:11:19,830 --> 00:11:21,730 Lakini huna kuona www.disney.com. 246 00:11:21,730 --> 00:11:27,076 Na kama mimi click yake, kwa hakika huu whisks mimi mbali kwa disney.com. 247 00:11:27,076 --> 00:11:29,380 Sasa, jambo curious hapa ni kwamba si 248 00:11:29,380 --> 00:11:33,940 best-- URL soko zaidi, lakini hiyo ni nzuri kwa sababu faili hii haina 249 00:11:33,940 --> 00:11:35,360 zipo kwenye mtandao wa dunia nzima. 250 00:11:35,360 --> 00:11:39,740 Ni lipo kama file za mitaa katika inaonekana Watumiaji yangu saraka / jharvard-- 251 00:11:39,740 --> 00:11:41,890 kwa John Harvard-- / desktop. 252 00:11:41,890 --> 00:11:42,634 Lakini ina URL. 253 00:11:42,634 --> 00:11:43,800 Ni hutokea tu kuwa mitaa. 254 00:11:43,800 --> 00:11:47,050 Kwa bahati mbaya, hakuna hata mmoja unaweza kutembelea hii, kwa sababu kama wewe aina URL hii, 255 00:11:47,050 --> 00:11:49,980 wewe d kuwa na kuwaambia browser yako, kuangalia kwa faili inayoitwa hello.html 256 00:11:49,980 --> 00:11:50,772 kwenye gari yako ngumu. 257 00:11:50,772 --> 00:11:53,271 Na, bila shaka, isipokuwa wameweza wamekuwa kufuatia pamoja manually, 258 00:11:53,271 --> 00:11:54,530 si kwenda kuwepo huko. 259 00:11:54,530 --> 00:11:55,190 >> Hivyo hiyo ni faini. 260 00:11:55,190 --> 00:11:57,815 Bado tunahitaji njia, hatimaye, kupata faili hili ndani ya mtandao, 261 00:11:57,815 --> 00:12:01,180 lakini hebu tease mbali michache ya matokeo ya usalama wa kile sisi tu 262 00:12:01,180 --> 00:12:04,850 aliona na kufunga nyuma mapema mjadala kuanzia asubuhi hii. 263 00:12:04,850 --> 00:12:08,200 Ni zinageuka kuwa, kama kisakuzi literally tu anafanya 264 00:12:08,200 --> 00:12:12,560 kile kuwaambia ni kufanya, na inaonekana kwa kuwa kesi hiyo tag nanga ni 265 00:12:12,560 --> 00:12:17,380 kusukumwa na thamani ya sifa hii inaitwa href 266 00:12:17,380 --> 00:12:20,810 lakini ni maonyesho huu maandishi, hii inaweza kuonekana 267 00:12:20,810 --> 00:12:26,520 kuashiria kwamba mimi naweza kuweka URL katika maeneo yote na kisha upya 268 00:12:26,520 --> 00:12:29,100 na sasa kuona URL na kwenda URL. 269 00:12:29,100 --> 00:12:32,680 Ilani, kama mimi hover juu chini-kushoto, Mimi nina kweli kwenda bado kwa disney.com. 270 00:12:32,680 --> 00:12:38,340 >> Hivyo kama wewe wameweza milele imekuwa phished-- P-H-I-S-H-E-D-- 271 00:12:38,340 --> 00:12:42,820 na moja ya barua pepe wale bogus kutoka kama PayPal benki yako, 272 00:12:42,820 --> 00:12:46,470 umefanya pengine wamezipata viungo ndani ya email kwamba wewe ni kusoma kwamba 273 00:12:46,470 --> 00:12:49,970 anaelezea wewe click hapa kwa kwenda kuthibitisha password yako au kuthibitisha tarehe ya kuzaliwa yako 274 00:12:49,970 --> 00:12:53,840 au kijamii au kitu kijamii uhandisi wewe kufichua 275 00:12:53,840 --> 00:12:54,920 habari. 276 00:12:54,920 --> 00:12:57,625 Naam, mimi naweza aina ya kuchukua faida ya hii, hawakuweza mimi? 277 00:12:57,625 --> 00:13:01,240 Mimi naweza kusema kitu kama, www.paypal.com. 278 00:13:01,240 --> 00:13:11,340 Na badala ya disney.com, I anaweza kwenda, kama, badguy.com. 279 00:13:11,340 --> 00:13:12,850 Reload. 280 00:13:12,850 --> 00:13:16,620 Na jinsi rahisi ni baradhuli, hasa msomaji yasiyo ya kiufundi 281 00:13:16,620 --> 00:13:20,649 au cursorily kusoma msomaji kuliko click 282 00:13:20,649 --> 00:13:23,940 kiungo kama hii, ambayo kama mimi bonyeza it-- Mimi kwa kweli sitaki kwenda badguy.com. 283 00:13:23,940 --> 00:13:25,398 Sijui nini ni kweli huko. 284 00:13:25,398 --> 00:13:30,080 Hivyo paypal.com, ilani, ni nini anasema ni kwenda, 285 00:13:30,080 --> 00:13:33,210 lakini bila shaka, kama mimi kuangalia chini super-Asili, ni kidogo blurry, 286 00:13:33,210 --> 00:13:34,230 lakini anasema badguy.com. 287 00:13:34,230 --> 00:13:38,644 Hiyo ni kuwaambia tu sasa hivi kwamba mimi nina kwenda kwa mahali sahihi. 288 00:13:38,644 --> 00:13:41,560 Na wakati nilivyosema awali kwamba benki kweli haipaswi kuhamasisha au treni 289 00:13:41,560 --> 00:13:44,510 watumiaji katika viungo kubonyeza, hii ni moja ya ushahidi wa hayo. 290 00:13:44,510 --> 00:13:45,430 Na ni rahisi. 291 00:13:45,430 --> 00:13:48,120 Wewe ni sasa adui kama wewe kufanya kitu kama hii 292 00:13:48,120 --> 00:13:51,000 na kujaribu hila user katika kutembelea tovuti yako. 293 00:13:51,000 --> 00:13:53,320 Lakini kwa sasa, tutaweza kuweka mambo mazuri na safi. 294 00:13:53,320 --> 00:13:55,640 Tunakwenda kwenda mbele na rewind mabadiliko haya. 295 00:13:55,640 --> 00:13:56,530 Upya ukurasa. 296 00:13:56,530 --> 00:13:57,740 Na mimi kurejea disney.com. 297 00:13:57,740 --> 00:14:00,660 >> Hebu angalia kama hatuwezi tease hii mbali kidogo zaidi. 298 00:14:00,660 --> 00:14:04,160 Hivyo "hello, Disney World." 299 00:14:04,160 --> 00:14:05,950 Mimi nina kwenda kusema chini hapa. 300 00:14:05,950 --> 00:14:08,220 Labda mimi nina kwenda kufanya baadhi ya chumba. 301 00:14:08,220 --> 00:14:12,730 "Tunatarajia kufurahia kukaa yako!" 302 00:14:12,730 --> 00:14:13,830 Kuokoa. 303 00:14:13,830 --> 00:14:15,850 Reload. 304 00:14:15,850 --> 00:14:19,010 Siyo rea-- si kwamba nini mimi nia, haki? 305 00:14:19,010 --> 00:14:21,870 I mean, kama mimi nina kutibu maandishi yangu faili kama processor neno, 306 00:14:21,870 --> 00:14:24,894 mlifanya matumaini lingetokea hapa? 307 00:14:24,894 --> 00:14:27,060 Yeah, Najisikia kama kuna lazima kuvunja line hapa, 308 00:14:27,060 --> 00:14:28,799 hivyo anahisi buggy kwa namna fulani. 309 00:14:28,799 --> 00:14:31,090 Lakini hiyo ni kweli makusudi, kwa sababu tu kama kabla, 310 00:14:31,090 --> 00:14:33,381 browser ni kwenda tu kwa je nini kuwaambia ni kufanya. 311 00:14:33,381 --> 00:14:34,806 Sikumwambia ni kuvunja mistari. 312 00:14:34,806 --> 00:14:37,930 Nimekuwa si aliiambia yake kwa hoja chini, hata ingawa, intuitively, Najisikia kama mimi alivyofanya. 313 00:14:37,930 --> 00:14:39,805 Hivyo ni zamu nje tunahitaji zaidi kidogo ghafi, 314 00:14:39,805 --> 00:14:41,390 na mimi nina kwenda kurekebisha hii kama ifuatavyo. 315 00:14:41,390 --> 00:14:46,160 Mimi nina kwenda utangulizi huu kwanza hodi na kile kinachoitwa aya tag. 316 00:14:46,160 --> 00:14:48,920 Na kisha mimi nina kwenda mbele na wrap hukumu hii nyingine 317 00:14:48,920 --> 00:14:54,370 katika tag mwingine aya, ingawa wao uko aya super-short. 318 00:14:54,370 --> 00:14:55,930 Sasa mimi nina kwenda kuokoa. 319 00:14:55,930 --> 00:14:57,160 Reload. 320 00:14:57,160 --> 00:14:59,070 Na sasa tuna kwamba nafasi, na sisi aina ya 321 00:14:59,070 --> 00:15:01,680 na semantiki ya mbili aya tofauti. 322 00:15:01,680 --> 00:15:05,290 >> Hayo ni yote faini na nzuri, lakini ingekuwa kuwa nzuri na kuongeza picha kwa ukurasa huu, 323 00:15:05,290 --> 00:15:08,710 hivyo mimi nina kwenda kuangalia kwa ajili ya Mickey Mouse juu ya Google Picha. 324 00:15:08,710 --> 00:15:12,830 Na kwa ajili ya kujifurahisha, mimi nina kwenda kunyakua picha hii. 325 00:15:12,830 --> 00:15:15,350 Mimi nina kwenda mbele sasa na kunyakua URL ya picha hii, 326 00:15:15,350 --> 00:15:16,510 ingawa kuna tofauti njia ya kufanya hili. 327 00:15:16,510 --> 00:15:18,520 Kwa sasa, mimi nina kwenda tu nakala URL. 328 00:15:18,520 --> 00:15:24,770 Mimi nina kwenda nyuma katika maandishi yangu file, na mimi nina kwenda kusema hapa, 329 00:15:24,770 --> 00:15:31,160 img src = quote unquote kwamba URL, super-muda mrefu. 330 00:15:31,160 --> 00:15:34,580 Na kisha dhana ya picha ni tofauti kidogo. 331 00:15:34,580 --> 00:15:38,640 Kuna kweli hakuna dhana ya kuanzia picha na kumalizia picha, 332 00:15:38,640 --> 00:15:40,630 kama mwanzo kumtambulisha mwisho tag. 333 00:15:40,630 --> 00:15:43,840 Hivyo anahisi kidogo weird kwa me semantically kwa kufanya hivyo, 334 00:15:43,840 --> 00:15:45,390 kuwa na karibu-image tag. 335 00:15:45,390 --> 00:15:46,780 Siyo sahihi. 336 00:15:46,780 --> 00:15:48,840 Ni sahihi kabisa, na ni moyo, 337 00:15:48,840 --> 00:15:50,870 lakini kuna nukuu shorthand. 338 00:15:50,870 --> 00:15:53,780 Naweza aina ya wakati huo huo kufungua na kufunga tag huo, 339 00:15:53,780 --> 00:15:55,510 na kwamba kufanya kisakuzi furaha. 340 00:15:55,510 --> 00:15:56,950 Hivyo ni kidogo tu succinct zaidi kwa ajili ya mambo 341 00:15:56,950 --> 00:15:59,408 kwamba conceptually kweli si mantiki ya kuanza na mwisho. 342 00:15:59,408 --> 00:16:01,190 Wao tu ni pale, au wao siyo. 343 00:16:01,190 --> 00:16:06,020 >> Hivyo mimi nina kwenda kuokoa hii na kurudi nyuma kwa yangu "hello, dunia" ukurasa na Reload. 344 00:16:06,020 --> 00:16:09,880 Na ni kidogo nje ya kudhibiti, kwa sababu picha kwamba ni kweli 345 00:16:09,880 --> 00:16:12,210 kidogo kubwa, lakini hiyo ni sawa. 346 00:16:12,210 --> 00:16:13,710 Mimi naweza resize yake katika mpango. 347 00:16:13,710 --> 00:16:14,900 Au unajua nini. 348 00:16:14,900 --> 00:16:17,350 Tu kuonyesha, mimi nina kwenda kwa kweli kusema 349 00:16:17,350 --> 00:16:21,760 kwamba upana wa jambo hili lazima tu kuwa 200, saizi 200 dots. 350 00:16:21,760 --> 00:16:24,360 Hebu kwenda mbele na kuokoa na upya, na sasa ukurasa 351 00:16:24,360 --> 00:16:25,690 inaonekana kidogo zaidi ya busara. 352 00:16:25,690 --> 00:16:27,260 Lakini taarifa mfano. 353 00:16:27,260 --> 00:16:30,030 Naam, nimekuwa aina ya kufunzeni zote ya HTML katika baadhi ya hisia, angalau 354 00:16:30,030 --> 00:16:33,531 conceptually, kwa sababu wote HTML ni ni hizi tags-- wazi vitambulisho, kufungwa vitambulisho, 355 00:16:33,531 --> 00:16:35,280 na sifa kwamba kurekebisha tabia zao. 356 00:16:35,280 --> 00:16:38,380 Na, inaonekana, kila tag unaweza kuwa na zero au moja 357 00:16:38,380 --> 00:16:43,005 au mbili au zaidi sifa, kila mmoja ambayo haina kitu tofauti kidogo. 358 00:16:43,005 --> 00:16:44,380 Sasa, jinsi gani unajua nini ipo? 359 00:16:44,380 --> 00:16:46,800 Wewe tu kumsikiliza mtu kama mimi kukuambia nini ipo, 360 00:16:46,800 --> 00:16:50,860 au wewe tu Google kote kwa ajili ya mafunzo juu ya HTML, na kwa kweli ni rahisi hii. 361 00:16:50,860 --> 00:16:54,030 >> Kweli, nilipokuwa undergrad miaka iliyopita na kujifunza HTML, 362 00:16:54,030 --> 00:16:56,530 moja ya mafundisho yangu math wasaidizi tu alitumia 363 00:16:56,530 --> 00:16:59,600 muda kidogo Tutoring me kwa kama nusu saa, saa, 364 00:16:59,600 --> 00:17:00,660 na kisha mimi nilikuwa na safari yangu. 365 00:17:00,660 --> 00:17:03,300 Mimi nilikuwa kwenye safari yangu kwenda kufanya wengi tovuti hideous milele, 366 00:17:03,300 --> 00:17:05,549 ambayo, inaonekana, mimi sina kweli mbele zaidi. 367 00:17:05,549 --> 00:17:09,849 Lakini uhakika ni kwamba, mara moja kuelewa haya ideas-- rahisi 368 00:17:09,849 --> 00:17:13,450 kama arcane text-- lakini hizi rahisi mawazo ya kuanzia mawazo 369 00:17:13,450 --> 00:17:15,960 na kufunga mawazo, kutunza kila kitu nicely uwiano, 370 00:17:15,960 --> 00:17:19,150 kuangalia kitu juu, kubadilisha tabia ya tag kwamba, hiyo ni kweli wote 371 00:17:19,150 --> 00:17:20,079 kuna hiyo. 372 00:17:20,079 --> 00:17:28,140 Na kwa kweli, kama sisi sasa kwenda kitu kama google.com-- kweli, 373 00:17:28,140 --> 00:17:31,920 hebu kwenda mahali kidogo zaidi reasonable-- stanford.edu. 374 00:17:31,920 --> 00:17:37,800 Na mimi nina kwenda kwa View, Developer, View Chanzo. 375 00:17:37,800 --> 00:17:41,400 Ni mbaya, lakini notice-- na mimi itabidi kuvuta ilani 376 00:17:41,400 --> 00:17:43,432 baadhi mambo ambayo ni ya ukoo tayari. 377 00:17:43,432 --> 00:17:45,140 Kuna hii hapa, ambayo ni browser. 378 00:17:45,140 --> 00:17:46,800 Hiyo inakuja HTML5. 379 00:17:46,800 --> 00:17:47,634 Kuna HTML. 380 00:17:47,634 --> 00:17:49,550 Inavyoonekana, kuna wanampa kwamba mimi si 381 00:17:49,550 --> 00:17:51,540 kutumia kwamba unasema Lugha ya ukurasa, 382 00:17:51,540 --> 00:17:54,380 na hii inaweza kusaidia na moja kwa moja tafsiri na mambo kama hayo. 383 00:17:54,380 --> 00:17:55,546 Hapa ni kichwa cha ukurasa. 384 00:17:55,546 --> 00:17:57,790 Hapa ni jina la ukurasa Stanford ya. 385 00:17:57,790 --> 00:17:59,832 Kuna tag sikuwa majadiliano juu ya tag yet-- Meta. 386 00:17:59,832 --> 00:18:01,540 Ni tu aina ya taarifa za msingi. 387 00:18:01,540 --> 00:18:04,210 Ni husaidia kwa SEO, au search-engine optimization, 388 00:18:04,210 --> 00:18:06,320 au Google-tafuta matokeo au kama. 389 00:18:06,320 --> 00:18:09,029 Lakini kama sisi kuendelea kutafuta, kuweka kuangalia, hapa ni Mwili tag. 390 00:18:09,029 --> 00:18:11,570 Na kuna mashada ya wengine vitambulisho tumekuwa si kuongelea bado. 391 00:18:11,570 --> 00:18:13,750 Lakini Div ni moja kwa mgawanyo wa ukurasa. 392 00:18:13,750 --> 00:18:16,680 Ni kama Mstatili asiyeonekana kama wewe aina ya kutaka kiakili 393 00:18:16,680 --> 00:18:20,160 kugawanya ukurasa wako katika vitengo mbalimbali online. 394 00:18:20,160 --> 00:18:22,650 Na kisha kura ya divs mimi kuona, kitu kinachoitwa Hatari, 395 00:18:22,650 --> 00:18:24,440 lakini tutaweza kuja nyuma na kwamba. 396 00:18:24,440 --> 00:18:26,200 >> Hii ni interesting-- Fomu. 397 00:18:26,200 --> 00:18:27,730 Fomu ni yote juu ya mtandao. 398 00:18:27,730 --> 00:18:30,310 sanduku yoyote search uko milele kutumika ni fomu. 399 00:18:30,310 --> 00:18:31,490 Na, hivyo, hebu kweli kuona. 400 00:18:31,490 --> 00:18:32,790 Fomu. 401 00:18:32,790 --> 00:18:33,910 Action. 402 00:18:33,910 --> 00:18:37,660 hatua ya fomu hii, kwa ajili ya chochote sababu za kihistoria, ni kwamba URL. 403 00:18:37,660 --> 00:18:38,840 Method ni "post." 404 00:18:38,840 --> 00:18:44,060 Zinageuka kuwa maombi HTTP wanaweza kutumia verb "kupata," kama tuliona kabla, 405 00:18:44,060 --> 00:18:45,070 au "post." 406 00:18:45,070 --> 00:18:47,030 Na utaona tofauti ya hii katika wakati huu. 407 00:18:47,030 --> 00:18:48,363 Hebu kweli kuona hii ni nini. 408 00:18:48,363 --> 00:18:49,830 Hebu kwenda nyuma kwenye ukurasa wa Stanford ya. 409 00:18:49,830 --> 00:18:53,330 Nini aina ni wao kuzungumza kuhusu, unafikiri? 410 00:18:53,330 --> 00:18:54,485 Nini anaruka nje saa wewe? 411 00:18:54,485 --> 00:18:54,970 >> Watazamaji: Search sanduku. 412 00:18:54,970 --> 00:18:55,845 >> DAVID J. Malan: Yeah. 413 00:18:55,845 --> 00:18:58,410 Hivyo up katika haki juu hapa ni hii sanduku Search. 414 00:18:58,410 --> 00:19:02,441 Na kwamba ni jinsi gani kutekelezwa it-- tag hiyo ni literally wazi bracket fomu. 415 00:19:02,441 --> 00:19:03,940 Na kisha hebu kutafuta kitu. 416 00:19:03,940 --> 00:19:09,220 Hebu kutafuta buddy ya mine-- "Nick Parlante." 417 00:19:09,220 --> 00:19:11,380 Kuingia. 418 00:19:11,380 --> 00:19:13,750 Na bila shaka, alikwenda URL tofauti kidogo. 419 00:19:13,750 --> 00:19:15,140 Hebu nirejee nyuma hapa. 420 00:19:15,140 --> 00:19:18,960 Hebu kutafuta "kozi." 421 00:19:18,960 --> 00:19:19,460 Jamani. 422 00:19:19,460 --> 00:19:20,484 Akaenda URL tofauti. 423 00:19:20,484 --> 00:19:23,400 Hivyo, Stanford ya kuongeza baadhi ya uchawi kwamba wao siyo kuchukua yangu kwa URL 424 00:19:23,400 --> 00:19:25,820 kuwa tuliona katika hatua wanampa huko. 425 00:19:25,820 --> 00:19:32,480 Lakini fomu hii hapa ni kutekelezwa rena kwa njia ya ghafi hii hapa, hawa vitambulisho. 426 00:19:32,480 --> 00:19:35,710 Kwa kweli, hapa ni pembejeo kwa aina ya search kwamba unataka. 427 00:19:35,710 --> 00:19:38,940 Hapa ni pembejeo kwa aina nyingine ya utafutaji. 428 00:19:38,940 --> 00:19:41,960 Hapa ni pembejeo kwa kamba yenyewe. 429 00:19:41,960 --> 00:19:45,394 Na hivyo lengo ni si wa kufuta akili zetu kuzunguka yote haya vitambulisho 430 00:19:45,394 --> 00:19:46,060 lakini tu kuona. 431 00:19:46,060 --> 00:19:48,300 Ni tu kufungua na kufunga vitambulisho na kuangalia mambo juu. 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 >> Watazamaji: [inaudible] 435 00:19:49,795 --> 00:19:51,925 436 00:19:51,925 --> 00:19:53,550 DAVID J. Malan: Hilo ni swali zuri. 437 00:19:53,550 --> 00:19:54,660 Hiyo ni trickier kidogo kuona. 438 00:19:54,660 --> 00:19:56,300 Napenda kuja nyuma na kwamba swali katika dakika chache tu 439 00:19:56,300 --> 00:19:59,000 tunapoangalia kitu kinachoitwa CSS, au kuachia style shuka, 440 00:19:59,000 --> 00:20:02,500 na tunaweza kujaribu infer kama mengi kutoka ukurasa. 441 00:20:02,500 --> 00:20:08,090 Hivyo kama sisi sasa tuangalie google.com, hebu angalia nini ukurasa yao inaonekana kama. 442 00:20:08,090 --> 00:20:09,840 Ungependa they're-- hiyo ni cute leo. 443 00:20:09,840 --> 00:20:12,490 444 00:20:12,490 --> 00:20:12,990 SAWA. 445 00:20:12,990 --> 00:20:13,690 Yote kufanyika. 446 00:20:13,690 --> 00:20:15,260 Haki ya wote, hivyo View Chanzo. 447 00:20:15,260 --> 00:20:19,590 Unaweza kudhani Google ina kwa kweli ni nzuri chanzo kanuni. 448 00:20:19,590 --> 00:20:24,970 Hivyo, inaonekana, ni nini kinaendelea hapa? 449 00:20:24,970 --> 00:20:27,880 Na kwa kweli, hii si hata HTML. 450 00:20:27,880 --> 00:20:30,930 Hii ni kitu kinachoitwa JavaScript. 451 00:20:30,930 --> 00:20:32,344 Na hebu kuendelea na kwenda. 452 00:20:32,344 --> 00:20:34,010 Mimi wala hata kujua wapi ukurasa kuanza. 453 00:20:34,010 --> 00:20:37,240 Mimi nina kwenda kutumia amri F, wazi bracket HTML. 454 00:20:37,240 --> 00:20:38,200 Yote ya haki, huko ni. 455 00:20:38,200 --> 00:20:44,150 Nimeona mwanzo wa ukurasa, na kuna mambo mengi humu. 456 00:20:44,150 --> 00:20:45,310 >> Je, ni kweli kinachoendelea? 457 00:20:45,310 --> 00:20:47,460 Naam, unajua nini, tunaweza safi hii up. 458 00:20:47,460 --> 00:20:52,109 Kama mimi badala kwenda hii Kukagua toolbar, hii uchunguzi chombo maalum, 459 00:20:52,109 --> 00:20:54,150 na kwenda si kwa mtandao, ambapo sisi kuendelea leo, 460 00:20:54,150 --> 00:20:56,420 lakini kama mimi kwenda Elements, nini kweli ni nzuri 461 00:20:56,420 --> 00:20:59,990 ni kwamba browser ina mengi macho bora zaidi kuliko mimi kufanya. 462 00:20:59,990 --> 00:21:02,670 Na browser unaweza kusoma kwamba fujo ya ukurasa wa mtandao, 463 00:21:02,670 --> 00:21:04,700 kwamba HTML barua pepe sisi tu inaonekana katika, na inaweza 464 00:21:04,700 --> 00:21:08,340 Hazrat yake au kusoma na kuchambua na reformat ni 465 00:21:08,340 --> 00:21:09,910 katika nzuri njia ya binadamu-kirafiki. 466 00:21:09,910 --> 00:21:11,740 Hivyo nini mimi kuona sasa katika screen hii hapa 467 00:21:11,740 --> 00:21:15,470 chini ya Elements, halisi maudhui sawa, lakini wameweza indented kila kitu, 468 00:21:15,470 --> 00:21:18,140 wameweza colorized hilo, lakini ni exact maandishi 469 00:21:18,140 --> 00:21:19,620 kwamba mimi kupakuliwa kutoka server. 470 00:21:19,620 --> 00:21:23,630 >> Na nini ni nzuri sasa ni naona katika mwili, kwa ilani instance--, 471 00:21:23,630 --> 00:21:26,480 ukurasa bado inaundwa ya tu kichwa na mwili, 472 00:21:26,480 --> 00:21:28,660 na mimi siwezi hierarchically mbizi katika hapa. 473 00:21:28,660 --> 00:21:32,420 Taarifa kwamba Google inaonekana kuwa kwa divs-- hii moja na hii moja. 474 00:21:32,420 --> 00:21:33,310 Siwezi kupanua hiyo. 475 00:21:33,310 --> 00:21:35,370 Kuna rundo zima la divs mengine. 476 00:21:35,370 --> 00:21:36,900 Hivyo ni tata kidogo. 477 00:21:36,900 --> 00:21:37,400 Lakini kusubiri. 478 00:21:37,400 --> 00:21:40,970 Hii inaonekana hivyo zaidi someka, kiasi, zaidi kuliko huu. 479 00:21:40,970 --> 00:21:43,840 Kwa nini ni Google aibu yenyewe kwa kutuma tu 480 00:21:43,840 --> 00:21:50,400 hii fujo kubwa ya posta ya baadhi aina tu kutekeleza kitu 481 00:21:50,400 --> 00:21:53,640 kwamba inaonekana rahisi hivyo katika mtazamo wa kwanza? 482 00:21:53,640 --> 00:21:55,270 Kama, kwa nini sio wao kuongeza nafasi zaidi? 483 00:21:55,270 --> 00:21:56,811 Kwa nini wao kugonga kuingia kama mimi? 484 00:21:56,811 --> 00:21:59,110 Angalia jinsi nzuri mimi nilikuwa katika kuandika ukurasa wa mtandao. 485 00:21:59,110 --> 00:22:00,680 Mimi hit Enter hivyo kwa bidii. 486 00:22:00,680 --> 00:22:03,760 Mimi indented hivyo kila kitu ni hivyo pretty na someka. 487 00:22:03,760 --> 00:22:08,463 Kwa nini Google mazoezi sawa? 488 00:22:08,463 --> 00:22:11,409 >> Watazamaji: [inaudible] 489 00:22:11,409 --> 00:22:12,305 490 00:22:12,305 --> 00:22:13,180 DAVID J. Malan: Good. 491 00:22:13,180 --> 00:22:14,270 mzuri sana. 492 00:22:14,270 --> 00:22:16,650 Hawana baadhi mtu katika Google manually 493 00:22:16,650 --> 00:22:18,160 kuhuisha ukurasa wa nyumbani tena. 494 00:22:18,160 --> 00:22:20,010 Siyo 1999 tena. 495 00:22:20,010 --> 00:22:21,140 Hivyo kuwa programu. 496 00:22:21,140 --> 00:22:25,397 Wana zana nyingine kwamba kuzalisha dynamically wao uko HTML. 497 00:22:25,397 --> 00:22:27,480 Bila shaka, kwamba kanuni yenyewe iliandikwa na binadamu, 498 00:22:27,480 --> 00:22:30,220 lakini ukweli ni, ni kabisa haki ya kusema, 499 00:22:30,220 --> 00:22:33,340 kisakuzi hakika hana huduma jinsi messy kificho ni. 500 00:22:33,340 --> 00:22:35,940 Lakini kuna hata zaidi sababu ya kulazimisha kiufundi 501 00:22:35,940 --> 00:22:42,580 kwamba Google inasambaza HTML yao kificho katika vile sloppy, inaonekana 502 00:22:42,580 --> 00:22:48,350 njia balaa yote packed pamoja na kidogo sana way-- kidogo sana 503 00:22:48,350 --> 00:22:51,274 katika njia ya formatting kama mimi. 504 00:22:51,274 --> 00:22:52,570 >> Watazamaji: [inaudible] 505 00:22:52,570 --> 00:22:53,528 >> DAVID J. Malan: Kasi? 506 00:22:53,528 --> 00:22:54,040 Kwa nini? 507 00:22:54,040 --> 00:22:55,680 Na nini ulisema, Lydia? 508 00:22:55,680 --> 00:22:56,240 Kasi? 509 00:22:56,240 --> 00:22:57,281 Kwa nini kasi? 510 00:22:57,281 --> 00:22:58,156 Watazamaji: [inaudible] 511 00:22:58,156 --> 00:23:00,522 512 00:23:00,522 --> 00:23:02,230 DAVID J. Malan: Kuna hakuna nafasi ya kusoma. 513 00:23:02,230 --> 00:23:02,730 Yeah. 514 00:23:02,730 --> 00:23:04,560 Hivyo kufikiri juu ya nini nafasi ni. 515 00:23:04,560 --> 00:23:08,394 Hivyo kila tabia juu ya keyboard inachukua baadhi ya kiasi cha nafasi ya kuwakilisha, 516 00:23:08,394 --> 00:23:10,560 ama kimwili, kama ni unachukua kwamba nafasi sana, 517 00:23:10,560 --> 00:23:13,250 au kwa namna fulani chini kofia, ambayo inahitaji kumbukumbu. 518 00:23:13,250 --> 00:23:15,740 Na kama aside-- na tutaweza majadiliano zaidi juu ya tomorrow-- hii 519 00:23:15,740 --> 00:23:19,930 kila tabia juu ya keyboard kawaida inahitaji 8 bits, au byte moja. 520 00:23:19,930 --> 00:23:23,360 Hivyo mfano wa 8 zeros au ndio, au Byte 1 tu, kama sisi 521 00:23:23,360 --> 00:23:24,720 binadamu ingekuwa kawaida kusema. 522 00:23:24,720 --> 00:23:27,690 Hivyo hiyo ni ndogo, lakini bado ni mashirika yasiyo ya sifuri. 523 00:23:27,690 --> 00:23:29,940 Bado baadhi ya kiasi cha nafasi. 524 00:23:29,940 --> 00:23:36,082 Hivyo kama mhandisi au Google hits nafasi bar mara moja tu, na tuseme 525 00:23:36,082 --> 00:23:38,540 Google-- ni super-popular-- kudhani watu bilioni 526 00:23:38,540 --> 00:23:40,780 kutembelea ukurasa wa nyumba zao siku, au baadhi ya idadi ya watu 527 00:23:40,780 --> 00:23:43,290 kutembelea ukurasa wa nyumbani a mara bilioni siku, 528 00:23:43,290 --> 00:23:48,890 wangapi ka ziada ina kuwa mhandisi wa programu tu gharama Google 529 00:23:48,890 --> 00:23:51,310 kwa kupiga bar yake au nafasi yake mara moja? 530 00:23:51,310 --> 00:23:52,692 >> Watazamaji: [inaudible] 531 00:23:52,692 --> 00:23:54,150 DAVID J. Malan: Si kwamba kabisa mbaya. 532 00:23:54,150 --> 00:23:57,070 moja tu Byte mara bilioni. 533 00:23:57,070 --> 00:23:57,871 hivyo a-- 534 00:23:57,871 --> 00:23:59,120 Watazamaji: bilioni 8 gigabytes. 535 00:23:59,120 --> 00:24:00,370 DAVID J. Malan: Si bilioni 8. 536 00:24:00,370 --> 00:24:01,240 bilioni 8 ka. 537 00:24:01,240 --> 00:24:02,410 Lakini 1 gigabyte. 538 00:24:02,410 --> 00:24:04,080 1 gigabyte itakuwa kitengo cha kipimo. 539 00:24:04,080 --> 00:24:08,240 Kama yeye au yeye hana mbili nafasi, 2 gigabytes. 540 00:24:08,240 --> 00:24:09,030 Tatu gigabytes. 541 00:24:09,030 --> 00:24:09,530 Haki? 542 00:24:09,530 --> 00:24:11,860 Ni mizani expensively. 543 00:24:11,860 --> 00:24:16,150 Na hivyo katika kesi kama Google, ambayo, nafasi, ni kesi kubwa, 544 00:24:16,150 --> 00:24:21,450 kuna masuala mengine ambayo yanatokea tu na kufanya maamuzi ya busara sana 545 00:24:21,450 --> 00:24:25,744 au kuchukua hatua rahisi sana binadamu, kwa sababu ina athari hii kujitukuza. 546 00:24:25,744 --> 00:24:27,660 Hivyo moja ya sababu hii inaonekana hivyo Komprimerade 547 00:24:27,660 --> 00:24:30,660 ni hasa kama Victoria said-- ilikuwa tu yanayotokana na kompyuta anyway. 548 00:24:30,660 --> 00:24:31,900 Hivyo hakuna mpango mkubwa. 549 00:24:31,900 --> 00:24:33,309 Hebu kisakuzi takwimu ni nje. 550 00:24:33,309 --> 00:24:35,350 Lakini pia kwa makusudi hana nafasi sana, 551 00:24:35,350 --> 00:24:36,766 kwa sababu nafasi ni si lazima. 552 00:24:36,766 --> 00:24:38,250 Na nafasi kwa kweli gharama za fedha. 553 00:24:38,250 --> 00:24:40,670 >> Ni ama gharama wakati, kwa sababu tu kushinikiza 554 00:24:40,670 --> 00:24:44,670 kwamba data zaidi nje ya makao makuu google.com tu 555 00:24:44,670 --> 00:24:47,710 has got kuchukua baadhi ya kiasi cha muda, hata kama ni milliseconds 556 00:24:47,710 --> 00:24:51,190 au microseconds, lakini hiyo zinafikia zaidi ya watumiaji wengi, au zaidi uwezekano, 557 00:24:51,190 --> 00:24:52,270 pengine gharama za fedha. 558 00:24:52,270 --> 00:24:54,690 Google pengine unajumuisha na mtu mwingine katika dunia, moja 559 00:24:54,690 --> 00:24:56,398 ya wale peering pointi, na kama wana 560 00:24:56,398 --> 00:24:59,880 aina fulani ya uhusiano wa kifedha ambapo data zao gharama za fedha, 561 00:24:59,880 --> 00:25:01,730 wao ili kama vile kupunguza data kiasi gani 562 00:25:01,730 --> 00:25:04,530 re kutema mate nje juu ya internet connection yao. 563 00:25:04,530 --> 00:25:07,630 >> Kwa hiyo, jambo funny, ingawa, hatimaye, au labda jambo kumtuliza, 564 00:25:07,630 --> 00:25:11,030 ni kwamba hata kama hii inaonekana sana balaa, mwisho wa siku, 565 00:25:11,030 --> 00:25:16,750 bado ni halisi kanuni sawa kama huu rahisi sana ukurasa hapa ya HTML 566 00:25:16,750 --> 00:25:17,390 ukurasa. 567 00:25:17,390 --> 00:25:20,610 Hivyo tu kwa kifupi na hivyo kuwa kuwa toleo la kisheria kama ungekuwa si 568 00:25:20,610 --> 00:25:25,900 kufuatia pamoja na uchaguzi hapa, hapa inaweza kuwa rahisi zaidi ya kurasa za mtandao, 569 00:25:25,900 --> 00:25:28,240 hivyo kitu kwa kucheza na labda baadaye. 570 00:25:28,240 --> 00:25:30,790 >> Naam, hebu kuanzisha michache ya mawazo mengine sasa. 571 00:25:30,790 --> 00:25:33,420 Sisi ni juu ya kuanzisha kitu kinachoitwa style tag. 572 00:25:33,420 --> 00:25:38,110 Tunaweza stylize ukurasa huu kwa njia ya kuvutia zaidi. 573 00:25:38,110 --> 00:25:40,860 Hivyo ambapo HTML email ni wote kuhusu kuashiria up 574 00:25:40,860 --> 00:25:44,470 data, aina ya kubainisha kwa kisakuzi jinsi ya kuunda data, 575 00:25:44,470 --> 00:25:48,110 ambapo kuweka, CSS, au kuachia style shuka, 576 00:25:48,110 --> 00:25:52,640 ni lugha ya pili ambayo ujumla anapata lilichanganyika na HTML 577 00:25:52,640 --> 00:25:55,670 kama tutaweza see-- lakini tunaweza safi kuwa hadi katika moment-- kwamba inachukua 578 00:25:55,670 --> 00:25:59,850 ni maili ya mwisho, na ni stylizes yake. 579 00:25:59,850 --> 00:26:02,460 Anapata rangi tu haki, font ukubwa tu haki, 580 00:26:02,460 --> 00:26:03,860 nafasi tu ya haki. 581 00:26:03,860 --> 00:26:06,510 Ni wote kuhusu aesthetics au formatting, si kuhusu 582 00:26:06,510 --> 00:26:08,330 data ya msingi yenyewe. 583 00:26:08,330 --> 00:26:11,390 Na njia rahisi ya kuonyesha hii ni labda kwa mfano. 584 00:26:11,390 --> 00:26:15,320 Hivyo mimi nina kwenda juu na faili yangu rahisi maandishi. 585 00:26:15,320 --> 00:26:17,970 Na katika muda tu, mimi itabidi kutembea kwetu kupitia mchakato 586 00:26:17,970 --> 00:26:19,360 ya kufanya hivyo wenyewe. 587 00:26:19,360 --> 00:26:23,310 >> Mimi nina kwenda nyuma ya faili yangu hapa na upya ukurasa tu 588 00:26:23,310 --> 00:26:25,800 kuthibitisha nini inaonekana kama. 589 00:26:25,800 --> 00:26:27,190 Hiyo ambapo sisi ni saa sasa. 590 00:26:27,190 --> 00:26:31,170 Najisikia kama watoto ingekuwa kufurahia kuwa baadhi ya rangi ya tovuti hii. 591 00:26:31,170 --> 00:26:34,480 Hivyo mimi nina kwenda juu hapa katika kichwa cha ukurasa. 592 00:26:34,480 --> 00:26:38,130 Na mimi nina kwenda kufanya style, / style. 593 00:26:38,130 --> 00:26:44,060 Na kisha ndani ya hii, mimi nina kwenda kuwaambia mwili wa page-- yangu 594 00:26:44,060 --> 00:26:46,870 na formatting hii ni, katika mtazamo wa kwanza, labda kidogo 595 00:26:46,870 --> 00:26:49,400 ajabu lakini kawaida. 596 00:26:49,400 --> 00:26:55,010 Mimi nina kwenda kusema kwamba historia rangi ya ukurasa huu wanapaswa kuwa kijani. 597 00:26:55,010 --> 00:26:57,960 Na hii ni kwa bahati mbaya aina ya si kubuni bora. 598 00:26:57,960 --> 00:27:00,710 Taarifa kwamba hapo awali katika ulimwengu wa HTML, 599 00:27:00,710 --> 00:27:03,190 Mimi alisema kwamba sifa ni haya muhimu-thamani jozi. 600 00:27:03,190 --> 00:27:05,760 Kitu ni sawa na quote unquote "kitu." 601 00:27:05,760 --> 00:27:08,810 Katika ulimwengu wa CSS, ambayo ilikuwa iliyoundwa na baadhi ya watu mbalimbali, 602 00:27:08,810 --> 00:27:11,020 waliamua kwamba, katika zao dunia, muhimu-thamani jozi 603 00:27:11,020 --> 00:27:13,920 itakuwa ni neno colon kitu. 604 00:27:13,920 --> 00:27:15,220 Hivyo ni wazo sawa, ingawa. 605 00:27:15,220 --> 00:27:18,620 Ni kujihusisha thamani pamoja na baadhi ya muhimu kwamba kwa namna fulani 606 00:27:18,620 --> 00:27:20,330 mvuto tabia ya ukurasa huu. 607 00:27:20,330 --> 00:27:21,901 >> Na pengine unaweza nadhani. 608 00:27:21,901 --> 00:27:24,150 Ni nini hii pengine ni kwenda kufanya hata kama wewe sijawahi 609 00:27:24,150 --> 00:27:27,867 kuonekana HTML au CSS kabla? 610 00:27:27,867 --> 00:27:29,450 Watazamaji: Mabadiliko ya rangi ya asili. 611 00:27:29,450 --> 00:27:30,560 DAVID J. Malan: Yeah, kubadilisha rangi ya asili. 612 00:27:30,560 --> 00:27:33,280 na hasa rangi ya asili ya mwili. 613 00:27:33,280 --> 00:27:36,290 Lakini kadiri mwili kwa sasa ni mtandao 614 00:27:36,290 --> 00:27:38,870 page-- ni kitu pekee chini really-- cheo bar 615 00:27:38,870 --> 00:27:40,870 pengine ni kwenda kwa ushawishi kitu kimoja. 616 00:27:40,870 --> 00:27:41,430 Basi hebu angalia. 617 00:27:41,430 --> 00:27:42,490 Hebu kuokoa hii. 618 00:27:42,490 --> 00:27:44,310 Nenda hapa na Reload. 619 00:27:44,310 --> 00:27:46,140 Ni pretty hideous. 620 00:27:46,140 --> 00:27:48,070 Na nini kinaendelea hapa ni athari. 621 00:27:48,070 --> 00:27:49,850 I just waliamua picha hii nasibu. 622 00:27:49,850 --> 00:27:53,305 Kwa nini ni ya kijani si permeating nyuma Mickey? 623 00:27:53,305 --> 00:27:54,180 Watazamaji: [inaudible] 624 00:27:54,180 --> 00:27:56,880 625 00:27:56,880 --> 00:27:57,880 DAVID J. Malan: Hasa. 626 00:27:57,880 --> 00:28:01,750 Ni zinageuka kuwa picha, pretty kiasi picha zote ili tupate kutumia, 627 00:28:01,750 --> 00:28:03,670 wote ni rectangles-- ya rectangles. 628 00:28:03,670 --> 00:28:07,710 Hata kama Mickey ina baadhi curves na yeye mwenyewe na ina background, 629 00:28:07,710 --> 00:28:09,330 kwamba background ina kuwa kitu. 630 00:28:09,330 --> 00:28:10,280 Ina kuwa nyeupe. 631 00:28:10,280 --> 00:28:11,910 Ina kuwa nyeusi au kitu kingine. 632 00:28:11,910 --> 00:28:13,650 Ni inaweza kuwa uwazi. 633 00:28:13,650 --> 00:28:16,100 Na kwa kweli, mimi naweza kufungua Mickey Mouse hapa 634 00:28:16,100 --> 00:28:18,590 katika mpango ujulikanao Photoshop au kitu sawa 635 00:28:18,590 --> 00:28:21,176 na mabadiliko yote ya nyeupe kwamba historia ya uwazi, 636 00:28:21,176 --> 00:28:22,550 hivyo kijani itakuwa uangaze kupitia. 637 00:28:22,550 --> 00:28:25,980 Lakini hiyo ni kitu napenda haja ili aombe mwenyewe au msanii graphic 638 00:28:25,980 --> 00:28:28,130 au designer katika wangu kampuni, kwa mfano, 639 00:28:28,130 --> 00:28:31,490 kufanya, hasa kwa vile mimi tu zilizokopwa hii moja kutoka internet. 640 00:28:31,490 --> 00:28:33,030 Lakini hiyo ni kwa nini hii inajitokeza. 641 00:28:33,030 --> 00:28:34,980 >> Hivyo kile kingine inaweza tunataka kufanya? 642 00:28:34,980 --> 00:28:41,040 Naam, sisi kutaka kusema sisi kwa kweli matumaini wewe kufurahia kukaa yako. 643 00:28:41,040 --> 00:28:44,150 Na kwa msisitizo, nataka kufanya hii kali, 644 00:28:44,150 --> 00:28:48,310 na hivyo mimi itabidi kusema wazi nguvu na karibu na nguvu na kisha upya. 645 00:28:48,310 --> 00:28:50,320 Na ni vigumu kidogo kuona kwenye projector 646 00:28:50,320 --> 00:28:53,250 lakini labda kweli sasa anaruka nje saa wewe kidogo zaidi. 647 00:28:53,250 --> 00:28:56,180 Hivyo unaweza kuongeza italics katika hili njia, ujasiri yanayowakabili kwa njia hii. 648 00:28:56,180 --> 00:28:57,500 Tunaweza kubadili rangi. 649 00:28:57,500 --> 00:29:01,610 Kwa kweli, tu kwa ajili ya mateke, mimi nina kwenda mbele na kufanya hili. 650 00:29:01,610 --> 00:29:05,120 Mimi si kweli kama jinsi yangu aya zipi hii karibu pamoja, 651 00:29:05,120 --> 00:29:06,870 hivyo mimi ili kufanya kitu kama hiki. 652 00:29:06,870 --> 00:29:13,310 Mimi nina kwenda kuwaambia browser, mabadiliko ya kila tag aya kuwa, 653 00:29:13,310 --> 00:29:16,952 hebu say-- kweli, unajua nini, hebu align ni maandishi-align, kituo hicho. 654 00:29:16,952 --> 00:29:19,410 Na tena, Mimi najua hili tu kwa sababu mtu kufundishwa kwangu 655 00:29:19,410 --> 00:29:21,118 au nikaona it up katika online kumbukumbu. 656 00:29:21,118 --> 00:29:22,450 Hivyo basi mimi kuokoa hii. 657 00:29:22,450 --> 00:29:25,070 Na, ah, sasa nimekuwa unaozingatia picha huko. 658 00:29:25,070 --> 00:29:28,490 Na kwa kweli, unajua nini, kama Mimi hoja picha yangu katika aya 659 00:29:28,490 --> 00:29:34,510 tag-- hivyo aya ya tatu, hata kama ni si maandishi. 660 00:29:34,510 --> 00:29:36,917 Hebu kuokoa kwamba na upya. 661 00:29:36,917 --> 00:29:40,000 Sasa ukurasa ni kuanzia kuangalia aina of-- I mean, ni bado pretty mbaya, 662 00:29:40,000 --> 00:29:43,180 lakini angalau inaonekana kama mimi alitumia dakika mbili badala ya dakika moja 663 00:29:43,180 --> 00:29:43,950 kuifanya. 664 00:29:43,950 --> 00:29:47,200 >> Na hivyo, kwa kuongezwa, tunaweza kufanya mabadiliko haya aesthetic sasa kwa ukurasa? 665 00:29:47,200 --> 00:29:50,860 Nimekuwa si kweli iliyopita data katika ukurasa nyingine zaidi kuongeza neno kwa kweli. 666 00:29:50,860 --> 00:29:52,650 Nimekuwa aliongeza metadata, kama wewe. 667 00:29:52,650 --> 00:29:54,830 Hey, browser, kufanya neno "kweli" ujasiri. 668 00:29:54,830 --> 00:29:56,940 Lakini data si imara. 669 00:29:56,940 --> 00:29:57,830 Hiyo ni metadata. 670 00:29:57,830 --> 00:29:59,410 data ni "kweli." 671 00:29:59,410 --> 00:30:02,200 Hivyo bado tuna baadhi ya dhana sawa mbele. 672 00:30:02,200 --> 00:30:05,990 Sasa, bila shaka, hii si kwenye mtandao, hivyo mimi nina kwenda kufanya hatua moja ya mwisho hapa. 673 00:30:05,990 --> 00:30:10,300 >> Mimi nina kwenda kwa hello.html na tu kuonyesha na nakala hii. 674 00:30:10,300 --> 00:30:12,285 Na sasa mimi nina kwenda kwenda katika Cloud9, ambayo 675 00:30:12,285 --> 00:30:13,910 Mimi itabidi kutembea wewe kupitia katika muda tu. 676 00:30:13,910 --> 00:30:17,080 Na ni tabia mbaya wewe utakuwa hivi karibuni kuwa, kama si tayari, katika screen kama hii. 677 00:30:17,080 --> 00:30:21,080 Na napenda tu kukupa haraka ziara ya kile Cloud9 kweli ni. 678 00:30:21,080 --> 00:30:26,590 Hivyo tena wingu 9 ni huduma hii wingu makao 679 00:30:26,590 --> 00:30:30,580 kwamba anatoa wewe na mimi udanganyifu ya kuwa na virtual mashine zetu wenyewe 680 00:30:30,580 --> 00:30:33,090 katika wingu, kitaalam chombo katika wingu, 681 00:30:33,090 --> 00:30:35,160 kwamba tuna full marupurupu ya utawala kwa. 682 00:30:35,160 --> 00:30:37,130 Hivyo katika nadharia, hakuna mtu pengine duniani ina 683 00:30:37,130 --> 00:30:39,152 upatikanaji wa screen mimi nina kuangalia sasa hivi, 684 00:30:39,152 --> 00:30:40,860 isipokuwa labda watu ambao kuendesha tovuti, 685 00:30:40,860 --> 00:30:43,470 kwa sababu wana utaalamu upatikanaji wa kimwili na kadhalika. 686 00:30:43,470 --> 00:30:44,740 >> Basi je, tunaona katika mazingira haya? 687 00:30:44,740 --> 00:30:46,230 Mimi nina kwenda kuvuta nje, kwa sababu ni kidogo kidogo. 688 00:30:46,230 --> 00:30:48,104 Na napenda uhakika juu ya hapa kwa muda tu. 689 00:30:48,104 --> 00:30:53,210 Upande wa mkono wa kushoto wa yangu na yako screen, kuna faili browser upande wa kushoto. 690 00:30:53,210 --> 00:30:55,362 Hivyo sawa katika roho kwa Mac OS na Windows. 691 00:30:55,362 --> 00:30:57,070 Haya yote ni ya files katika akaunti yangu. 692 00:30:57,070 --> 00:30:59,250 Na by default, kama wako akaunti ni kama yangu, 693 00:30:59,250 --> 00:31:05,090 utaona au hivi karibuni kuona helloworld.html na readme.md. 694 00:31:05,090 --> 00:31:07,950 Zaidi ya hapa juu ya haki, hii ni ambapo mafaili yangu Nakala ni kwenda. 695 00:31:07,950 --> 00:31:11,620 Kama wameweza milele kutumika Microsoft Neno au Notepad au TextEdit, 696 00:31:11,620 --> 00:31:14,100 hii ni neno editing yangu ya mafaili ni kwenda. 697 00:31:14,100 --> 00:31:16,540 Na kisha zaidi arcane hulka ya mazingira haya 698 00:31:16,540 --> 00:31:20,100 kwamba sisi si kweli haja ya kutumia ni chini hapa aitwaye Window Terminal. 699 00:31:20,100 --> 00:31:23,390 Ikiwa umetumia DOS kutoka yesteryear, hii ni Linux 700 00:31:23,390 --> 00:31:25,450 au Linux sawa ya DOS. 701 00:31:25,450 --> 00:31:28,190 Ni interface-- Nakala makao hakuna Clicks panya, hakuna dragging. 702 00:31:28,190 --> 00:31:30,770 Wote unaweza kufanya ni aina amri, lakini amri hizo 703 00:31:30,770 --> 00:31:34,400 Unaweza kuunda files, hoja files, wazi directories, directories karibu, 704 00:31:34,400 --> 00:31:35,740 kufanya idadi yoyote ya mambo. 705 00:31:35,740 --> 00:31:38,060 Lakini kwa sasa, tutaweza tu kutumia muda wetu hapa. 706 00:31:38,060 --> 00:31:39,050 >> Na hivyo hebu kufanya hili. 707 00:31:39,050 --> 00:31:41,008 Kama uko katika hii mazingira, ambayo unapaswa 708 00:31:41,008 --> 00:31:45,900 kuwa kama wewe umba workspace tayari, kwenda mbele na tu kwenda juu 709 00:31:45,900 --> 00:31:48,690 na Picha, New kwa muda. 710 00:31:48,690 --> 00:31:51,740 Na kwamba nitakupa mpya tab haki hapa katikati. 711 00:31:51,740 --> 00:31:54,250 Na mimi just-- na hebu kwenda mbele na kufanya hili. 712 00:31:54,250 --> 00:31:59,910 Hebu kwenda mbele na sasa hawana Picha, Save na kwenda mbele na kuiita hello.html, 713 00:31:59,910 --> 00:32:02,740 si kwa kuchanganyikiwa na helloworld.html, ambayo 714 00:32:02,740 --> 00:32:06,910 alikuja na bure akaunti yako mpya, ambayo ni sampuli file. 715 00:32:06,910 --> 00:32:11,020 Wewe utaona hilo ghafla kuonekana, zaidi uwezekano upande wa mkono wa kushoto, 716 00:32:11,020 --> 00:32:12,810 na tab bado kuwa wazi. 717 00:32:12,810 --> 00:32:21,300 Na napenda kuhimiza wewe sasa recreate faili hili au baadhi ya variants yake. 718 00:32:21,300 --> 00:32:24,607 Na kama huwezi kabisa kuona juu screen, hii ni kufanana na slides 719 00:32:24,607 --> 00:32:26,190 kwamba pengine katika tabo nyingine. 720 00:32:26,190 --> 00:32:29,296 >> Hivyo katika muda mfupi, kufanya kwanza mtandao ukurasa wako, ila ni, na kisha katika muda tu, 721 00:32:29,296 --> 00:32:31,170 Mimi itabidi kuonyesha jinsi gani unaweza kweli kuona hii. 722 00:32:31,170 --> 00:32:32,970 Lakini mabadiliko angalau jambo moja. 723 00:32:32,970 --> 00:32:35,400 Mabadiliko ya helloworld kwa kitu ya uchaguzi wako mwenyewe, 724 00:32:35,400 --> 00:32:39,821 hivyo kwamba wewe ni wanaamini kwamba ni yako faili na si moja mimi tu kuundwa. 725 00:32:39,821 --> 00:32:40,320 Sawa. 726 00:32:40,320 --> 00:32:43,804 Na wakati wewe ni ready-- hakuna rush-- wakati uko tayari, 727 00:32:43,804 --> 00:32:46,220 kwenda mbele na kuokoa faili mara moja umefanya mabadiliko haya. 728 00:32:46,220 --> 00:32:49,540 Na kama wewe click Kukimbia kifungo juu juu, hii 729 00:32:49,540 --> 00:32:53,610 inapaswa kufungua tabo mpya kwamba atakuambia nini URL unaweza kutembelea file yako katika, 730 00:32:53,610 --> 00:32:56,380 lakini inaweza kuchukua muda quote unquote "kuanza Apache," ambayo 731 00:32:56,380 --> 00:32:58,820 ni jina la mtandao wa kompyuta. 732 00:32:58,820 --> 00:33:02,430 Hivyo kuwa makini kwa kufanya hasa nini katika faili hatimaye. 733 00:33:02,430 --> 00:33:04,610 Hivyo sasa hivi, mimi itabidi kuvuta. 734 00:33:04,610 --> 00:33:07,780 Kama mimi kuanza kuandika wazi bracket HTML, ilani 735 00:33:07,780 --> 00:33:09,650 ni kusababisha me kumaliza mawazo yangu. 736 00:33:09,650 --> 00:33:13,750 Na kama mimi kumaliza mawazo yangu, ni moja kwa moja anitiaye kufunga tag. 737 00:33:13,750 --> 00:33:17,190 Lakini matarajio ni basi mimi itabidi hit Kuingia, na kisha kuondoka ndani kuna 738 00:33:17,190 --> 00:33:21,180 na wala kichwa ndani na basi mimi kufanya mwili ndani. 739 00:33:21,180 --> 00:33:24,430 Na ni kidogo weird mara ya kwanza, kwa sababu ni kufanya kazi kwa ajili yenu, 740 00:33:24,430 --> 00:33:27,110 lakini kutambua kwamba hatimaye anaokoa keystrokes. 741 00:33:27,110 --> 00:33:30,500 Na kwa kweli, jambo la kawaida sana ya Programu mazingira ya siku hizi 742 00:33:30,500 --> 00:33:33,260 wote kwa ajili ya maendeleo ya mtandao kama hii na programu halisi, 743 00:33:33,260 --> 00:33:36,960 ambayo tutaweza majadiliano juu ya kesho, ni makala haya auto-kamili, 744 00:33:36,960 --> 00:33:39,710 mambo ambayo tu kuruhusu programu au designer 745 00:33:39,710 --> 00:33:42,010 aina keystrokes wachache kukamilisha kitu kimoja. 746 00:33:42,010 --> 00:33:43,176 Wakati mwingine ni nzuri, ingawa. 747 00:33:43,176 --> 00:33:44,560 Wakati mwingine ni tu annoying. 748 00:33:44,560 --> 00:33:49,290 749 00:33:49,290 --> 00:33:54,010 Na, tena, mara moja umefanya transcribed slide au baadhi ya lahaja yake, 750 00:33:54,010 --> 00:33:57,360 unaweza bonyeza kukimbia kifungo juu juu. 751 00:33:57,360 --> 00:33:59,910 Na kisha katika chini dirisha, utaelezwa 752 00:33:59,910 --> 00:34:04,290 nini URL unaweza kutembelea mtandao ukurasa wako. 753 00:34:04,290 --> 00:34:08,790 Mine, kwa mfano, ni katika business-daharvard.c9users.io 754 00:34:08,790 --> 00:34:11,480 na kadhalika. 755 00:34:11,480 --> 00:34:14,580 Haki ya wote, hivyo, hebu maswali yoyote ME? 756 00:34:14,580 --> 00:34:19,460 maswali mengine yoyote kuhusu kupata tu hii kazi kabla ya sisi kuongeza makala? 757 00:34:19,460 --> 00:34:21,692 Na napenda kupendekeza, tu kupata folks comfortable-- 758 00:34:21,692 --> 00:34:24,400 kwa sababu ni jambo moja tu nakala-kuweka upofu kile nimepata kufanyika. 759 00:34:24,400 --> 00:34:27,177 Lakini tu ili watu wa kushindana na angalau moja ya-do, 760 00:34:27,177 --> 00:34:28,510 Mimi nina kwenda kurejea kwenye baadhi ya muziki. 761 00:34:28,510 --> 00:34:32,630 Mimi nina kwenda kupendekeza orodha ya mambo unaweza uwezekano wa kuongeza. 762 00:34:32,630 --> 00:34:34,086 Na unaweza shaka kutumia Google. 763 00:34:34,086 --> 00:34:36,210 Na kwa nini si sisi tu kupendekeza kwamba wewe kujaribu kutatua 764 00:34:36,210 --> 00:34:38,710 angalau moja tatizo fulani hapa. 765 00:34:38,710 --> 00:34:45,090 Hivyo katika suala la vitambulisho, napenda kutumia tena hii hapa. 766 00:34:45,090 --> 00:34:48,280 >> Kwa kweli, basi mimi kuweka katika fomu textual. 767 00:34:48,280 --> 00:35:02,380 Hebu kusema kwamba miongoni mwa vitambulisho tupate kutumia hapa ni baadhi ya vitambulisho zaidi ya hapa. 768 00:35:02,380 --> 00:35:06,090 Tumeona aya tag. 769 00:35:06,090 --> 00:35:07,850 Sasa ni kwenda auto-kamili. 770 00:35:07,850 --> 00:35:12,220 Aya tag, tag nanga. 771 00:35:12,220 --> 00:35:15,250 Hebu sema unataka kufanya kitu kikubwa, 772 00:35:15,250 --> 00:35:19,480 hivyo unaweza like-- span tag inaweza kusaidia. 773 00:35:19,480 --> 00:35:23,010 Naam, unaweza haja ya baadhi ya msaada kwa kuwa katika muda tu. 774 00:35:23,010 --> 00:35:24,830 Tumeona div. 775 00:35:24,830 --> 00:35:26,170 Utaona kuna meza. 776 00:35:26,170 --> 00:35:27,928 Kuna kitu kinachoitwa 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 Kuja nyuma na kwamba katika wakati huu. 780 00:35:34,770 --> 00:35:36,590 Nini kingine inaweza kuwa Handy? 781 00:35:36,590 --> 00:35:38,310 Kuna nguvu. 782 00:35:38,310 --> 00:35:43,640 Kuna msisitizo, au tuseme em. 783 00:35:43,640 --> 00:35:50,110 There's-- kile kingine inaweza wewe dhana hapa? 784 00:35:50,110 --> 00:35:51,930 Naam, tutaweza kuchukua kuangalia kwamba pamoja. 785 00:35:51,930 --> 00:35:53,230 Fomu, ambayo tumeona. 786 00:35:53,230 --> 00:35:54,130 Kuna fomu. 787 00:35:54,130 --> 00:35:56,500 Kuna pembejeo na wengine wachache. 788 00:35:56,500 --> 00:35:58,924 789 00:35:58,924 --> 00:36:00,090 Haki ya wote, hivyo hebu kufanya hivyo. 790 00:36:00,090 --> 00:36:02,330 Ili kujibu Victoria swali, napenda kwanza 791 00:36:02,330 --> 00:36:05,020 tu kuhakikisha kwamba kila mtu ni uwezo wa kupata hodi yao ya kazi. 792 00:36:05,020 --> 00:36:06,900 Kisha napenda kuanzisha wanandoa mawazo mengine. 793 00:36:06,900 --> 00:36:09,209 Kisha tutaweza basi folks kutatua baadhi ya tatizo juu yao wenyewe. 794 00:36:09,209 --> 00:36:11,500 Kisha tutaweza kweli kurudi kwa kuwa dhana ya fomu, 795 00:36:11,500 --> 00:36:14,950 na tutaweza kweli re-kutekeleza pamoja mbele-mwisho interface, 796 00:36:14,950 --> 00:36:16,450 hivyo kusema, kwa Google yenyewe. 797 00:36:16,450 --> 00:36:19,700 Tutaweza kutumia Google kama mwisho nyuma na basi nao kufanya kazi kwa bidii, kutafuta, 798 00:36:19,700 --> 00:36:22,760 lakini tutaweza recreate mwisho mbele ya Google na search fomu 799 00:36:22,760 --> 00:36:24,520 kwamba wana juu ya ukurasa yao wenyewe nyumbani. 800 00:36:24,520 --> 00:36:27,050 Na hivyo tutaweza kurudi kwa hizi vitambulisho katika muda tu. 801 00:36:27,050 --> 00:36:30,270 >> Hivyo hii ilikuwa kile mapendekezo tu wakati iliyopita. 802 00:36:30,270 --> 00:36:33,940 Tunaweza kuongeza stylization kwa ukurasa ndani ya tag hii style, 803 00:36:33,940 --> 00:36:36,950 na tunaweza stylize background rangi, alignment maandishi, 804 00:36:36,950 --> 00:36:39,000 kama ni katikati au wa kushoto au kulia. 805 00:36:39,000 --> 00:36:41,630 Lakini kwa haraka sana wewe ungekuwa kupata au designer mtandao 806 00:36:41,630 --> 00:36:44,060 bila kujua kwamba hii inakuwa kidogo unwieldy, 807 00:36:44,060 --> 00:36:48,330 kwa sababu unafanya nini aitwaye kuchanganya yaliyomo 808 00:36:48,330 --> 00:36:50,120 na kuwasilisha yake. 809 00:36:50,120 --> 00:36:53,756 Wewe ni kuchanganya data yako na aesthetics yake. 810 00:36:53,756 --> 00:36:56,380 Na kwa kweli, kama wewe kufikiria nini kitatokea zaidi ya time-- 811 00:36:56,380 --> 00:36:58,350 hii ni ndogo sana mtandao ukurasa, bila shaka. 812 00:36:58,350 --> 00:37:01,590 Lakini kama mimi kuongeza maudhui ya ukurasa huu na mimi kuongeza style kwa ukurasa huu, 813 00:37:01,590 --> 00:37:04,650 ukurasa kwa haraka sana anapata tena na tena na tena. 814 00:37:04,650 --> 00:37:07,510 Na kudhani kwamba nataka na pili mtandao kuwa 815 00:37:07,510 --> 00:37:09,010 hisa baadhi ya sifa hizi. 816 00:37:09,010 --> 00:37:12,350 Tuseme pili mtandao ukurasa wangu kwa ajili yangu site-- pia, nataka kituo cha kila kitu, 817 00:37:12,350 --> 00:37:14,960 na mimi pia wanataka kila kitu na historia ya kijani. 818 00:37:14,960 --> 00:37:17,940 Mimi nina pretty much kwenda na nakala na kuweka baadhi ya mistari haya 819 00:37:17,940 --> 00:37:20,730 katika faili kwamba pili, ambayo anahisi faini. 820 00:37:20,730 --> 00:37:22,030 Itakuwa kutatua tatizo. 821 00:37:22,030 --> 00:37:26,060 >> Lakini nini kama nataka ukurasa wa tatu au tarehe 30 ukurasa au ukurasa wa 40? 822 00:37:26,060 --> 00:37:28,730 Sasa mimi nina kwenda kuwa kuiga na kubandika mengi ya duplicate kificho 823 00:37:28,730 --> 00:37:30,430 katika faili nyingi. 824 00:37:30,430 --> 00:37:32,600 Na hivyo tuseme kwamba Mimi kuamua au mimi nina habari, 825 00:37:32,600 --> 00:37:34,780 hey, sisi siyo kutumia green background tena. 826 00:37:34,780 --> 00:37:36,380 Tunakwenda kuanza kutumia rangi ya machungwa. 827 00:37:36,380 --> 00:37:38,690 Je, wewe kuwa na mabadiliko? 828 00:37:38,690 --> 00:37:42,900 Naam, wewe kuwa na mabadiliko kwamba mtindo kutoka kijani na rangi ya machungwa katika maeneo ngapi? 829 00:37:42,900 --> 00:37:44,920 Kama maeneo 30 au 40. 830 00:37:44,920 --> 00:37:45,900 Ni tedious. 831 00:37:45,900 --> 00:37:47,039 Ni kukabiliwa na kosa. 832 00:37:47,039 --> 00:37:49,580 Kuna idadi ya sababu ambapo wewe si unataka kushawishi 833 00:37:49,580 --> 00:37:51,840 aina hiyo ya maumivu kwa mwenyewe. 834 00:37:51,840 --> 00:37:54,760 Na hivyo itakuwa si ni kuwa nzuri kama tunaweza kuchukua kile tu 835 00:37:54,760 --> 00:37:58,240 kuweka kati ya hizi mbili njano vitambulisho, vitambulisho haya style, 836 00:37:58,240 --> 00:38:04,050 unachangia ni nje, na kuweka yote ya yangu stylization katika faili moja kati 837 00:38:04,050 --> 00:38:08,470 kwamba wote 30 au 40 ya mafaili yangu nyingine kukopa kutoka au kwa namna fulani rejea, 838 00:38:08,470 --> 00:38:11,640 si tofauti na mitandao vielelezo tunafanya kabla? 839 00:38:11,640 --> 00:38:15,030 >> Hivyo kama mimi kwenda katika hapa, mimi nina kwenda kwa kweli kupendekeza 840 00:38:15,030 --> 00:38:17,880 kwamba sisi kuchukua nafasi ya style tag na kitu 841 00:38:17,880 --> 00:38:21,620 aitwaye kiungo tag, ambayo ni horribly, horribly jina lake, 842 00:38:21,620 --> 00:38:24,370 kwa sababu huna matumizi kiungo tag kujenga kile 843 00:38:24,370 --> 00:38:26,380 sisi binadamu kujua kama kiungo katika ukurasa wa mtandao. 844 00:38:26,380 --> 00:38:29,750 Kwa maana hiyo, matumizi ambayo tag? 845 00:38:29,750 --> 00:38:31,464 Jinsi gani unaweza kujenga kiungo katika ukurasa wa mtandao? 846 00:38:31,464 --> 00:38:32,130 Watazamaji: a. 847 00:38:32,130 --> 00:38:34,870 DAVID J. Malan: a, au nanga tag, waliokwenda Disney kabla. 848 00:38:34,870 --> 00:38:39,090 kiungo tag hapa ni kusema Haya kiungo kwa faili inayoitwa 849 00:38:39,090 --> 00:38:44,350 styles.css, uhusiano ambayo ni kwenda kuwa kwamba ni XSLT yangu. 850 00:38:44,350 --> 00:38:48,290 Hivyo hii ni moja ya S katika CSS-- kuachia style karatasi. 851 00:38:48,290 --> 00:38:50,490 Style sheet-- wawili wa ya S katika CSS. 852 00:38:50,490 --> 00:38:52,550 Kuachia style karatasi. 853 00:38:52,550 --> 00:38:58,640 Hii ina maana tu, hey, browser, kwenda kupata styles.css kwenye kompyuta za mitaa 854 00:38:58,640 --> 00:39:01,870 na kuitumia kama XSLT yako, ambayo ina maana ndani ya faili kwamba 855 00:39:01,870 --> 00:39:05,310 ni kwenda kuwa wote wa stylizations kwamba tumekuwa tu kufanyika. 856 00:39:05,310 --> 00:39:07,396 Na hivyo kile kwamba faili ili kuangalia kama ipo hii. 857 00:39:07,396 --> 00:39:10,020 Na mimi itabidi kufanya hivyo ni haraka mfano, kwa sababu hatuna haja 858 00:39:10,020 --> 00:39:12,000 kupata sana katika Magugu hapa. 859 00:39:12,000 --> 00:39:17,840 Lakini kama mimi nakala hii, nini mimi nina kupendekeza ni kwamba programu kuunda faili mpya, 860 00:39:17,840 --> 00:39:24,450 kuweka katika lines-- wale whoops-- kuweka katika mistari hizo, 861 00:39:24,450 --> 00:39:32,270 ila ni kama styles.css, na kisha, katika file mengine, kufuta yote ya kwamba 862 00:39:32,270 --> 00:39:35,450 na badala yake badala na tag hii kiungo. 863 00:39:35,450 --> 00:39:43,090 Hivyo kwamba kama mimi kuhusisha href = "styles.css", Uhusiano atakuwa "XSLT" 864 00:39:43,090 --> 00:39:44,170 karibu tag. 865 00:39:44,170 --> 00:39:45,250 Kuiokoa. 866 00:39:45,250 --> 00:39:47,000 Nenda nyuma helloworld yangu. 867 00:39:47,000 --> 00:39:48,690 Reload. 868 00:39:48,690 --> 00:39:51,290 >> Literally hakuna kitu kilichotokea. 869 00:39:51,290 --> 00:39:54,710 Hiyo ni jambo jema, kwa sababu ina maana ni kweli wote kazi. 870 00:39:54,710 --> 00:39:58,860 Kuthibitisha kama kiasi, nadhani kufanya typo, na mimi wito huu "styles.css" 871 00:39:58,860 --> 00:40:03,080 na mji mkuu wa S, ambayo ni sahihi, na kisha upya. 872 00:40:03,080 --> 00:40:05,470 Sasa unaweza kuona ni tu haifanyi kazi. 873 00:40:05,470 --> 00:40:06,362 Sasa, kwa nini? 874 00:40:06,362 --> 00:40:08,070 Naam, hebu kutumia mbinu kutoka mapema. 875 00:40:08,070 --> 00:40:10,153 Hebu kwenda mbele na, katika browser yangu, katika Chrome, mimi nina 876 00:40:10,153 --> 00:40:12,900 kwenda kufungua kwamba maalum mtandao tab kama kabla, 877 00:40:12,900 --> 00:40:15,560 na napenda upya ukurasa. 878 00:40:15,560 --> 00:40:19,341 Je, ni wewe si kushangaa kuona sasa? 879 00:40:19,341 --> 00:40:20,840 Au labda wewe ni kushangaa kuona hilo. 880 00:40:20,840 --> 00:40:23,225 Aidha njia, unaona nini sasa? 881 00:40:23,225 --> 00:40:24,100 Watazamaji: [inaudible] 882 00:40:24,100 --> 00:40:24,770 DAVID J. Malan: Ni haikupatikana. 883 00:40:24,770 --> 00:40:25,680 Kwa nini ni hakuonekana? 884 00:40:25,680 --> 00:40:28,480 Naam, mji mkuu Styles.css-- S-- haipo. 885 00:40:28,480 --> 00:40:29,230 Mimi misnamed yake. 886 00:40:29,230 --> 00:40:30,430 Rahisi typo. 887 00:40:30,430 --> 00:40:33,816 Lakini mimi nina kupata vyema sasa 404, kwa sababu server ni kusema, hey, 888 00:40:33,816 --> 00:40:34,440 ni halikupatikana. 889 00:40:34,440 --> 00:40:36,300 Literally, sijui ambapo faili kwamba ni. 890 00:40:36,300 --> 00:40:38,880 Hivyo kama matokeo, browser inaonyesha nini inaweza, 891 00:40:38,880 --> 00:40:42,860 bidhaa ghafi ya ukurasa, ambayo ilikuwa 200, HTML, 892 00:40:42,860 --> 00:40:45,390 lakini stylization hawawezi kuongezwa baada ya hapo. 893 00:40:45,390 --> 00:40:47,120 Na hii ni nini maana ya kuachia. 894 00:40:47,120 --> 00:40:49,070 Unaweza aina ya kuongeza baada, na ni aina ya 895 00:40:49,070 --> 00:40:50,874 refines aesthetics ya ukurasa wa mtandao. 896 00:40:50,874 --> 00:40:53,790 Na unaweza hata override wale mitindo na mafaili bado wengine XSLT 897 00:40:53,790 --> 00:40:54,700 ukitaka. 898 00:40:54,700 --> 00:40:57,780 Ni si kupatikana, ingawa, katika kesi hii, kwa sababu bila shaka, mimi misnamed yake. 899 00:40:57,780 --> 00:41:00,330 Hivyo mimi ingekuwa kurekebisha kwamba kwanza. 900 00:41:00,330 --> 00:41:04,667 >> Basi hebu kwenda mbele na kupendekeza yafuatayo. 901 00:41:04,667 --> 00:41:07,410 902 00:41:07,410 --> 00:41:11,140 Hebu kwenda mbele na kufanya hili. 903 00:41:11,140 --> 00:41:14,220 Kuanzia na labda helloworld yako file, 904 00:41:14,220 --> 00:41:17,740 napenda tu kukaribisha wanandoa ya kipengele mapendekezo. 905 00:41:17,740 --> 00:41:20,400 Hivyo, Victoria, alitaka kufanya baadhi ya maandishi kubwa, haki? 906 00:41:20,400 --> 00:41:24,555 Haki ya wote, hivyo tunaweza kufanya kufanya maandishi kubwa. 907 00:41:24,555 --> 00:41:26,860 Na tutaweza kila konoa tatizo moja tu ya kutatua. 908 00:41:26,860 --> 00:41:30,867 Kufanya Nakala kubwa. 909 00:41:30,867 --> 00:41:32,700 Mimi si kwenda bother kuandika hii wakati sisi 910 00:41:32,700 --> 00:41:35,600 na risasi teknolojia ya haki zaidi ya hapa. 911 00:41:35,600 --> 00:41:39,970 Hivyo baadhi ya matatizo. 912 00:41:39,970 --> 00:41:44,670 Hivyo sisi ni kwenda kujaribu kufanya Nakala kubwa. 913 00:41:44,670 --> 00:41:45,170 Sawa. 914 00:41:45,170 --> 00:41:48,360 Nini kingine mtu kupendekeza? 915 00:41:48,360 --> 00:41:50,332 Nini kingine inaweza tunataka kufanya katika ukurasa wa mtandao? 916 00:41:50,332 --> 00:41:52,040 Hebu kuja na orodha fupi ya mambo 917 00:41:52,040 --> 00:41:55,366 na kisha kugawa kwa Kundi na takwimu hii nje. 918 00:41:55,366 --> 00:41:56,270 >> Watazamaji: [inaudible] 919 00:41:56,270 --> 00:42:02,251 >> DAVID J. Malan: OK, nafasi Nakala pande mbalimbali za ukurasa? 920 00:42:02,251 --> 00:42:02,750 Sawa. 921 00:42:02,750 --> 00:42:04,620 Kitu kingine. 922 00:42:04,620 --> 00:42:05,784 >> Watazamaji: [inaudible] 923 00:42:05,784 --> 00:42:06,700 DAVID J. Malan: Ni. 924 00:42:06,700 --> 00:42:08,720 Hivyo gif ni tu tofauti file format. 925 00:42:08,720 --> 00:42:12,830 Sisi tu kutumika, nini, png au jpg pengine? 926 00:42:12,830 --> 00:42:14,480 Tulikuwa jpg. 927 00:42:14,480 --> 00:42:16,780 Kama wewe ni curious, utokaji kujibu swali lako 928 00:42:16,780 --> 00:42:19,404 ni jpg ni kwa ujumla kutumika kwa ajili ya picha, kwa sababu inasaidia 929 00:42:19,404 --> 00:42:21,500 mamilioni ya rangi au 24-bit rangi. 930 00:42:21,500 --> 00:42:26,930 gif kwa ujumla kutumika kwa ajili ya, kama, memes internet hizi michoro days--, 931 00:42:26,930 --> 00:42:28,810 kama gifs animated. 932 00:42:28,810 --> 00:42:32,320 Lakini hutokea kutumia rangi ndogo palette, 256 tu inawezekana rangi, 933 00:42:32,320 --> 00:42:35,230 lakini inasaidia uwazi na uhuishaji. 934 00:42:35,230 --> 00:42:40,330 Na kisha kuna png, ambayo inasaidia uwazi na rangi zaidi 935 00:42:40,330 --> 00:42:41,300 lakini si uhuishaji. 936 00:42:41,300 --> 00:42:42,133 Hivyo ni biashara-off. 937 00:42:42,133 --> 00:42:44,144 938 00:42:44,144 --> 00:42:46,060 Hivyo kuongeza gif, ingawa, itakuwa functionally 939 00:42:46,060 --> 00:42:48,396 sawa na kuongeza png au jpg. 940 00:42:48,396 --> 00:42:49,110 Yeah. 941 00:42:49,110 --> 00:42:50,550 Image chanzo sawa. 942 00:42:50,550 --> 00:42:51,590 Hivyo kitu kingine. 943 00:42:51,590 --> 00:42:57,288 Hebu kuja na kitu ambacho sisi alimtuma Victoria kufanya hapa. 944 00:42:57,288 --> 00:42:59,209 >> Watazamaji: Kuongeza kifungo kwa fomu. 945 00:42:59,209 --> 00:43:00,000 DAVID J. Malan: Sawa. 946 00:43:00,000 --> 00:43:02,179 Hivyo kuongeza vifungo kwa fomu. 947 00:43:02,179 --> 00:43:03,470 Na tutaweza kufanya hivyo moja kwa pamoja. 948 00:43:03,470 --> 00:43:07,220 Hivyo kwamba utakuwa na segue kamili haki baada ya changamoto hii. 949 00:43:07,220 --> 00:43:10,357 Kitu kingine? 950 00:43:10,357 --> 00:43:11,440 Nini kinaweza wewe kama kufanya nini? 951 00:43:11,440 --> 00:43:14,040 952 00:43:14,040 --> 00:43:16,516 mtandao anahisi aghali sana kama hii ni wote tunaweza kufanya. 953 00:43:16,516 --> 00:43:18,140 Watazamaji: Mabadiliko ya rangi ya maandishi. 954 00:43:18,140 --> 00:43:19,500 DAVID J. Malan: Mabadiliko ya nini? 955 00:43:19,500 --> 00:43:20,666 Watazamaji: Rangi ya maandishi. 956 00:43:20,666 --> 00:43:22,311 DAVID J. Malan: kubadilika rangi ya asilia. 957 00:43:22,311 --> 00:43:22,810 Sawa. 958 00:43:22,810 --> 00:43:23,790 Hivyo, hebu kufanya hivyo. 959 00:43:23,790 --> 00:43:27,209 Tu tena ili wewe si, tu kwa rote, kufanya nini hasa mimi nina kufanya, 960 00:43:27,209 --> 00:43:29,500 Mimi nina kwenda kurejea kwenye muziki kwa labda dakika tano hapa. 961 00:43:29,500 --> 00:43:30,450 Wewe ni kuwakaribisha kwa kutumia Google. 962 00:43:30,450 --> 00:43:33,130 Wewe ni kuwakaribisha kwa kuuliza mimi, na Mimi itabidi whisper dokezo katika sikio lako. 963 00:43:33,130 --> 00:43:35,171 Wewe ni kuwakaribisha kwa kuangalia zaidi juu ya mabega ya wengine. 964 00:43:35,171 --> 00:43:37,340 Lakini kutatua moja tu ya matatizo haya. 965 00:43:37,340 --> 00:43:40,190 Lakini tutaweza kufanya moja ya mwisho, aina moja, kama tunaweza, pamoja. 966 00:43:40,190 --> 00:43:42,790 Hivyo dakika tano kutatua mtu yeyote wa matatizo haya 967 00:43:42,790 --> 00:43:46,780 kutumia Google, Intuition, au yoyote njia nyingine inapatikana na wewe. 968 00:43:46,780 --> 00:43:48,630 >> [Music kucheza] 969 00:43:48,630 --> 00:43:49,130 Sawa. 970 00:43:49,130 --> 00:43:50,838 Hakuna wasiwasi kama unataka kuweka kuchezea, 971 00:43:50,838 --> 00:43:53,880 lakini mimi itabidi nyara wanandoa ya majibu hayo. 972 00:43:53,880 --> 00:43:57,986 Hivyo maoni ya kwanza kutoka Victoria ni kufanya maandishi kubwa. 973 00:43:57,986 --> 00:43:59,360 Hivyo kuna wachache njia za kufanya hivyo. 974 00:43:59,360 --> 00:44:01,530 Nimekuwa sasa kurejeshwa screen yangu kwa ukubwa huu, 975 00:44:01,530 --> 00:44:04,310 ingawa nimekuwa zoomed katika artificially tu kuona mambo. 976 00:44:04,310 --> 00:44:07,470 Na hebu kufanya hili. 977 00:44:07,470 --> 00:44:11,380 Hebu kwenda mbele na kunyakua baadhi ya kurefusha maisha Latin Nakala 978 00:44:11,380 --> 00:44:19,540 hivyo tu sisi kuwa na kitu cha kufanya kazi pamoja. 979 00:44:19,540 --> 00:44:20,715 Basi nipe dakika moja tu. 980 00:44:20,715 --> 00:44:21,840 Mimi itabidi kufanya aya tatu. 981 00:44:21,840 --> 00:44:53,430 982 00:44:53,430 --> 00:44:53,930 SAWA. 983 00:44:53,930 --> 00:44:55,560 Hii itakuwa ni mfano bora. 984 00:44:55,560 --> 00:44:57,840 Hivyo kwa curious, katika hello.html yangu, mimi tu 985 00:44:57,840 --> 00:45:01,645 kubandikwa tatu nonsensical aya Amerika 986 00:45:01,645 --> 00:45:03,270 tu hivyo tuna baadhi ya maandishi kufanya kazi pamoja. 987 00:45:03,270 --> 00:45:06,720 Na lengo Victoria lilikuwa kufanya baadhi ya maandishi kubwa. 988 00:45:06,720 --> 00:45:09,879 Ili niweze, kama kabla, kwenda katika hapa. 989 00:45:09,879 --> 00:45:11,170 Na napenda kufanya hivyo kwa njia ya haki. 990 00:45:11,170 --> 00:45:13,253 Mimi nina kwenda na kiungo tag kwamba pointi kwa file 991 00:45:13,253 --> 00:45:20,560 inayoitwa "styles.css," Uhusiano ambayo ni ya tena "XSLT." 992 00:45:20,560 --> 00:45:25,221 Na kisha mimi nina kwenda kuokoa kwamba na kufungua hili "styles.css." 993 00:45:25,221 --> 00:45:28,940 >> Hivyo, kama kabla, nina uwezo katika faili hii CSS 994 00:45:28,940 --> 00:45:31,569 kwa kweli override default aesthetics ya ukurasa wa mtandao, 995 00:45:31,569 --> 00:45:33,860 na aesthetics msingi, bila shaka, ni pretty mwanga mdogo. 996 00:45:33,860 --> 00:45:36,943 Ni aina ya kawaida ukubwa wa herufi, nyeusi maandishi, nyeupe background, na kadhalika. 997 00:45:36,943 --> 00:45:39,440 Hivyo tuseme nataka kufanya maandishi yote hii kubwa. 998 00:45:39,440 --> 00:45:40,460 Mimi naweza kufanya mambo kadhaa. 999 00:45:40,460 --> 00:45:43,750 Katika faili yangu styles.css, I naweza kusema, unajua nini, 1000 00:45:43,750 --> 00:45:46,950 kuomba yafuatayo ili mwili wa ukurasa wangu. 1001 00:45:46,950 --> 00:45:51,390 Kwenda mbele na kufanya ukubwa wa herufi pointi 24, 1002 00:45:51,390 --> 00:45:54,130 ambayo ni idadi nipate kutumia katika neno Microsoft. 1003 00:45:54,130 --> 00:45:57,620 Hebu nirejee nyuma kwa mtandao wangu ukurasa hapa na Reload, 1004 00:45:57,620 --> 00:45:59,640 na unaweza kuona kwamba ni tayari kubwa sana. 1005 00:45:59,640 --> 00:46:02,223 Na tunaweza kupata mambo kidogo, tu kama tunaweza juu desktop-- 1006 00:46:02,223 --> 00:46:03,670 kufanya hivyo 96 pointi. 1007 00:46:03,670 --> 00:46:04,950 Reload. 1008 00:46:04,950 --> 00:46:07,610 Na ni kupata kidogo unwieldy katika hatua hii. 1009 00:46:07,610 --> 00:46:09,500 >> Lakini mimi naweza kuwa ni kidogo sahihi zaidi. 1010 00:46:09,500 --> 00:46:14,530 Badala ya kutumia hii XSLT kwa mwili wa ukurasa wangu, 1011 00:46:14,530 --> 00:46:21,740 kile kingine inaweza mimi kuomba kwa badala yake, nini tag mengine ambayo huenda bado 1012 00:46:21,740 --> 00:46:25,445 kazi katika njia hiyo hiyo? 1013 00:46:25,445 --> 00:46:26,444 >> Watazamaji: 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 Hivyo kichwa bila kuwa na sahihi, kwa sababu kichwa, 1016 00:46:29,350 --> 00:46:31,300 unaweza si kweli kudhibiti aesthetics ya. 1017 00:46:31,300 --> 00:46:32,700 Kuna maandishi ama huko au la. 1018 00:46:32,700 --> 00:46:36,760 Lakini p tag-- mimi wanaweza kupiga mbizi katika kidogo ndani zaidi, hivyo kusema, kwa aya 1019 00:46:36,760 --> 00:46:37,350 vitambulisho. 1020 00:46:37,350 --> 00:46:41,600 Na hata kama kuna tatu, hiyo ni kikamilifu faini, kwa sababu katika CSS, 1021 00:46:41,600 --> 00:46:44,900 wakati mimi tu kusema "p," hii ina maana kuomba yafuatayo 1022 00:46:44,900 --> 00:46:48,300 kwa tag yoyote kwamba mechi hii selector, selector tu 1023 00:46:48,300 --> 00:46:49,430 kuwa jina la tag. 1024 00:46:49,430 --> 00:46:52,350 Hivyo popote unaweza kuona "P," kuomba ukubwa wa herufi, 1025 00:46:52,350 --> 00:46:55,222 na hebu kufanya hivyo zaidi busara again-- 24 uhakika. 1026 00:46:55,222 --> 00:46:56,930 Na unajua nini, tu kwa ajili ya hatua nzuri, 1027 00:46:56,930 --> 00:46:59,810 hebu kufanya rangi nyekundu tu kwa muda. 1028 00:46:59,810 --> 00:47:03,740 Na sasa kama mimi upya, sasa sisi angalia aya tatu mbaya. 1029 00:47:03,740 --> 00:47:07,180 >> Lakini sasa tuseme kwamba mimi nina aina of-- Nataka aya ya kwanza 1030 00:47:07,180 --> 00:47:08,210 kuruka nje saa user. 1031 00:47:08,210 --> 00:47:11,150 Sitaki kuongeza tu ukubwa wa herufi ya kila kitu. 1032 00:47:11,150 --> 00:47:16,105 Na hivyo mimi kwa kweli unataka kutambua au kutofautisha miongoni mwa aya hizo. 1033 00:47:16,105 --> 00:47:18,730 Basi hebu kujikwamua nyekundu, kwa sababu hiyo ni aina tu ya tacky, 1034 00:47:18,730 --> 00:47:23,885 na hebu kwenda mbele na kufanya ukubwa wa herufi 12-kumweka by default, 1035 00:47:23,885 --> 00:47:26,260 ili tuko nyuma kwa kitu kidogo zaidi ya busara. 1036 00:47:26,260 --> 00:47:29,190 Na sasa mimi nataka tu kuongeza ukubwa wa herufi ya aya ya kwanza. 1037 00:47:29,190 --> 00:47:31,440 Siwezi kufanya hivyo katika chache njia, lakini njia moja ambayo 1038 00:47:31,440 --> 00:47:37,180 labda zaidi kufundishia katika sasa ni kufanya yafuatayo. 1039 00:47:37,180 --> 00:47:43,280 Hebu kwenda mbele na kusema, hii aya ana ID kipekee wa "kwanza." 1040 00:47:43,280 --> 00:47:45,000 Mimi naweza kuita kitu chochote hii nataka. 1041 00:47:45,000 --> 00:47:46,874 Mimi naweza kuita hii "foo" au neno nyingine yoyote, 1042 00:47:46,874 --> 00:47:49,290 lakini nina kwenda kuwapa baadhi jina semantically maana 1043 00:47:49,290 --> 00:47:50,320 kama "kwanza." 1044 00:47:50,320 --> 00:47:54,790 Hii ni kitambulisho kipekee, ID, kwa aya yangu ya kwanza. 1045 00:47:54,790 --> 00:47:59,360 >> Kile sasa unaweza kufanya katika XSLT yangu ni kuwa ni kidogo sahihi zaidi. 1046 00:47:59,360 --> 00:48:02,330 Badala ya kusema, kuomba zifuatazo kwa p tag, 1047 00:48:02,330 --> 00:48:04,890 Naweza kusema following-- kuomba yafuatayo, 1048 00:48:04,890 --> 00:48:11,000 au kuchagua, kipengele HTML ambayo ina ID kipekee wa "kwanza." 1049 00:48:11,000 --> 00:48:12,350 Je, nataka kuomba hivyo? 1050 00:48:12,350 --> 00:48:15,250 ukubwa wa herufi ya 24-uhakika. 1051 00:48:15,250 --> 00:48:16,640 Hivyo nina selectors miwili sasa. 1052 00:48:16,640 --> 00:48:19,690 Moja hufanya wote wa aya 12-uhakika. 1053 00:48:19,690 --> 00:48:24,960 Lakini hii moja, hasa kwa vile suala second-- inakuja mwisho katika file-- 1054 00:48:24,960 --> 00:48:27,090 hii ina kuachia athari. 1055 00:48:27,090 --> 00:48:30,200 Nimekuwa tu alifanya yote ya yangu vitambulisho aya ya 12-kumweka, 1056 00:48:30,200 --> 00:48:34,350 lakini hii sasa cascades na yanapewa kipaumbele kwamba kwa mambo yoyote 1057 00:48:34,350 --> 00:48:38,800 katika ukurasa, tag yoyote katika ukurasa ambao ID kipekee ni kunukuu unquote "kwanza." 1058 00:48:38,800 --> 00:48:41,720 Na hashtag kwa mantiki hii ina maana tu "kitambulisho kipekee." 1059 00:48:41,720 --> 00:48:43,750 Sina kuiweka katika faili HTML. 1060 00:48:43,750 --> 00:48:46,880 I, zaidi ya hapa, tu kusema quote unquote "kwanza." 1061 00:48:46,880 --> 00:48:48,470 >> Hivyo basi mimi upya. 1062 00:48:48,470 --> 00:48:49,919 Na sasa naona, ah, OK. 1063 00:48:49,919 --> 00:48:51,710 I mean, si kwamba pretty, lakini ni aina 1064 00:48:51,710 --> 00:48:53,600 ya kama utangulizi wa kitabu au kitu kama hicho, 1065 00:48:53,600 --> 00:48:55,100 ambapo aya ya kwanza ni kubwa. 1066 00:48:55,100 --> 00:48:57,933 Inaweza kuwa hata sahihi zaidi na tu barua ya kwanza, lakini angalau 1067 00:48:57,933 --> 00:48:59,110 Nimekuwa kutekelezwa udhibiti zaidi. 1068 00:48:59,110 --> 00:49:04,760 Sasa maybe-- labda nataka kufanya hii mara kwa mara kwa sababu yoyote, 1069 00:49:04,760 --> 00:49:09,010 na hivyo Sitaki huu kwa yanahusu moja tu HTML tag. 1070 00:49:09,010 --> 00:49:15,110 Badala yake, hebu say-- hebu pia kufanya yafuatayo. 1071 00:49:15,110 --> 00:49:18,810 Class = "kuagiza." 1072 00:49:18,810 --> 00:49:23,970 Wakati ID hutumika kipekee kutambua jambo moja, tag moja, 1073 00:49:23,970 --> 00:49:30,190 katika mtandao ukurasa wako, darasa ni maana ya kuwa kutumika kwenye idadi yoyote ya mambo au vitambulisho 1074 00:49:30,190 --> 00:49:30,950 kwenye mtandao ukurasa wako. 1075 00:49:30,950 --> 00:49:31,710 Hivyo ni reusable. 1076 00:49:31,710 --> 00:49:33,090 ID ni si reusable. 1077 00:49:33,090 --> 00:49:34,450 darasa ni reusable. 1078 00:49:34,450 --> 00:49:37,830 >> Na unajua nini, kwa ajili ya chochote falsafa reasons-- 1079 00:49:37,830 --> 00:49:40,180 Mimi japo sikuweza kumaliza yangu thought-- mimi nina kwenda kusema 1080 00:49:40,180 --> 00:49:44,300 kwamba aya ya kwanza na aya ya pili ni muhimu. 1081 00:49:44,300 --> 00:49:48,600 Hivyo nina kwenda kuomba darasa aitwaye "Muhimu," kwamba, kama mimi ila faili yangu 1082 00:49:48,600 --> 00:49:51,510 na Reload, hana kazi athari bado. 1083 00:49:51,510 --> 00:49:53,780 Lakini nimekuwa aliongeza baadhi metadata ya faili, 1084 00:49:53,780 --> 00:49:56,610 aina ya kitu tofauti kutoka data ya msingi ya file, 1085 00:49:56,610 --> 00:50:02,300 ili sasa katika XSLT yangu, kama mimi badala kusema ".important" - unajua, 1086 00:50:02,300 --> 00:50:07,110 kitu chochote hiyo ni muhimu, mimi nina kwenda kufanya font-rangi, red-- 1087 00:50:07,110 --> 00:50:09,930 au tuseme si font-rangi, tu rangi. 1088 00:50:09,930 --> 00:50:12,930 Kuna kutokwenda katika CSS kwa bahati mbaya. 1089 00:50:12,930 --> 00:50:14,120 Na Reload. 1090 00:50:14,120 --> 00:50:17,640 Sasa angalia kwanza aya mbili ni nyekundu 1091 00:50:17,640 --> 00:50:20,880 lakini si tatu, kwa sababu mimi tu kutumika darasa la "muhimu" 1092 00:50:20,880 --> 00:50:25,020 kwa mawili ya kwanza ya mambo hayo. 1093 00:50:25,020 --> 00:50:28,030 >> Hivyo katika vitambulisho, una uwezo bayana just sana. 1094 00:50:28,030 --> 00:50:30,110 Pamoja na madarasa, una reusability. 1095 00:50:30,110 --> 00:50:33,800 Lakini katika kesi zote mbili, taarifa aina ya wema kubuni kanuni 1096 00:50:33,800 --> 00:50:39,072 ambapo mimi factored nje wote wa aesthetics na faili yangu styles.css. 1097 00:50:39,072 --> 00:50:40,280 Hivyo hakuna messiness hapa. 1098 00:50:40,280 --> 00:50:44,490 Hakuna kutaja ya nyekundu au ujasiri-ta au ukubwa wa herufi katika faili hii. 1099 00:50:44,490 --> 00:50:49,430 Badala nina semantically, kikamilifu sifa data yangu kama, 1100 00:50:49,430 --> 00:50:51,240 hapa ni baadhi ya data muhimu. 1101 00:50:51,240 --> 00:50:52,800 Hapa ni baadhi ya data muhimu zaidi. 1102 00:50:52,800 --> 00:50:56,500 Aidha, hapa ni "Kwanza" ya data zangu muhimu. 1103 00:50:56,500 --> 00:51:01,050 Hivyo HTML ni wote kuhusu aina ya tagging, literally, maneno 1104 00:51:01,050 --> 00:51:05,270 na aya na constructs katika yako ukurasa na mwanga hawa wadogo, kama wewe 1105 00:51:05,270 --> 00:51:07,640 mapenzi, kwamba unaweza namna fulani kujiinua kwa kutumia 1106 00:51:07,640 --> 00:51:10,880 mbinu nyingine kama CSS kwa njia hii. 1107 00:51:10,880 --> 00:51:14,760 >> Hivyo katika jibu la swali Victoria, tunaweza kufanya Nakala kubwa katika njia hiyo. 1108 00:51:14,760 --> 00:51:18,380 Kuna njia nyingine nyingi, lakini font tag-- wazi bracket "font" - 1109 00:51:18,380 --> 00:51:19,770 ni kweli umri wa miaka kadhaa. 1110 00:51:19,770 --> 00:51:21,410 Na hili ni tatizo, pia, pamoja na kutegemea tu 1111 00:51:21,410 --> 00:51:23,485 juu ya online resources-- wao huwa na kuwa imepitwa na wakati. 1112 00:51:23,485 --> 00:51:26,110 Na hakika, ambao umepingwa, kwa sababu dunia barabara, 1113 00:51:26,110 --> 00:51:28,970 nini "font-size = 7" mean? 1114 00:51:28,970 --> 00:51:29,670 Haina. 1115 00:51:29,670 --> 00:51:32,770 Na hivyo kwa miaka mingi na kwa hii day-- moja ya upande 1116 00:51:32,770 --> 00:51:36,060 inabainisha hapa ni kwamba ni kweli incredibly chungu bado wakati mwingine 1117 00:51:36,060 --> 00:51:38,900 kuendeleza maeneo kwa ajili ya mtandao, kwa sababu Microsoft 1118 00:51:38,900 --> 00:51:44,220 na Google na Mozilla na wengine mara nyingi hawakubaliani kama jinsi 1119 00:51:44,220 --> 00:51:47,480 kutafsiri vipimo kama HTML. 1120 00:51:47,480 --> 00:51:52,490 >> Kuna rulebook kwa HTML kwamba ujumla anasema nini kila tag maana yake. 1121 00:51:52,490 --> 00:51:55,690 Lakini wakati mwingine ni wa kushoto busara utekelezaji wa, 1122 00:51:55,690 --> 00:51:57,290 Microsoft busara na Google. 1123 00:51:57,290 --> 00:52:00,000 Na hivyo utasikia mara nyingi sana kuona kwenye tovuti jambo 1124 00:52:00,000 --> 00:52:04,954 inaonekana tofauti juu ya PC kuliko ilivyo juu ya Mac, 1125 00:52:04,954 --> 00:52:06,995 na kwamba ni kweli kwa sababu, mwisho wa siku, 1126 00:52:06,995 --> 00:52:08,891 hawakuwa mtihani vizuri kwenye majukwaa zote mbili. 1127 00:52:08,891 --> 00:52:11,390 Lakini pia ni kwa sababu ya kuridhisha, watu smart hawakubaliani 1128 00:52:11,390 --> 00:52:14,970 na makampuni hawakubaliani, na hivyo moja ya changamoto ya programu 1129 00:52:14,970 --> 00:52:16,980 kwa ajili ya mtandao au kubuni mambo kwa ajili ya mtandao 1130 00:52:16,980 --> 00:52:21,700 anaandika tovuti yako kwa njia kwamba kazi ya kila kivinjari. 1131 00:52:21,700 --> 00:52:23,410 Lakini hata hiyo ni mantiki, haki? 1132 00:52:23,410 --> 00:52:27,807 Kuna matoleo mengi ya mengi browsers huko nje kwamba, wakati fulani, 1133 00:52:27,807 --> 00:52:30,890 wewe pia kuwa na kufanya wito hukumu na una kuamua kama kampuni, 1134 00:52:30,890 --> 00:52:33,082 hasa kwa e-biashara-style maeneo ambapo uko 1135 00:52:33,082 --> 00:52:36,290 kujaribu kutumia karibuni na mkuu teknolojia kutoa user mzuri 1136 00:52:36,290 --> 00:52:37,110 uzoefu. 1137 00:52:37,110 --> 00:52:41,019 Lakini baadhi ya asilimia ya watumiaji yako anaweza bado kuwa kwa kutumia Internet Explorer 6 au 7 1138 00:52:41,019 --> 00:52:43,810 au 8, hasa kutegemea nchi kwamba wao ni kuja kutoka. 1139 00:52:43,810 --> 00:52:46,760 >> Na kawaida sana kwa kiwango ushauri ni kitu 1140 00:52:46,760 --> 00:52:50,920 kama "takwimu kivinjari." 1141 00:52:50,920 --> 00:52:56,560 Na kama sisi kwenda to-- hebu angalia Wikipedia na kuona ni jinsi up-to-tarehe chati hii ni 1142 00:52:56,560 --> 00:52:59,320 kama kuna mmoja. 1143 00:52:59,320 --> 00:53:02,420 Hivyo hapa unaweza kuona ambapo browsers kweli 1144 00:53:02,420 --> 00:53:06,160 ni, kwa mujibu hadi Desemba 2015, kwa mujibu wa Serikali ya Marekani. 1145 00:53:06,160 --> 00:53:11,170 Chrome ni saa 42% katika soko, ikifuatiwa na IE kiasi kikubwa katika mazingira ya ushirika 1146 00:53:11,170 --> 00:53:14,490 au mazingira PC, bila shaka, ikifuatiwa na Firefox, 1147 00:53:14,490 --> 00:53:17,440 kisha Safari, basi Opera hawakuwa kufanya ramani hapa kwa sababu fulani, 1148 00:53:17,440 --> 00:53:18,210 na kisha Wengine. 1149 00:53:18,210 --> 00:53:19,500 Labda ni chini ya Wengine. 1150 00:53:19,500 --> 00:53:27,700 Lakini tatizo kubwa zaidi kuliko ile is-- hebu angalia kama Wikipedia pia ina 1151 00:53:27,700 --> 00:53:35,194 matoleo ya browsers version-- 1152 00:53:35,194 --> 00:53:36,160 1153 00:53:36,160 --> 00:53:39,190 >> Hebu kwenda na takwimu browser. 1154 00:53:39,190 --> 00:53:40,680 IE. 1155 00:53:40,680 --> 00:53:42,030 Hata hiyo haitoshi. 1156 00:53:42,030 --> 00:53:44,854 Browser takwimu. 1157 00:53:44,854 --> 00:53:45,353 toleo yangu. 1158 00:53:45,353 --> 00:53:48,980 1159 00:53:48,980 --> 00:53:50,540 Hiyo si kwenda kuwa na haki. 1160 00:53:50,540 --> 00:53:53,414 Hebu angalia matoleo. 1161 00:53:53,414 --> 00:53:54,830 Browser soko. 1162 00:53:54,830 --> 00:53:57,110 Hebu tuone kama hii anakuja juu. 1163 00:53:57,110 --> 00:53:57,610 SAWA. 1164 00:53:57,610 --> 00:54:00,010 Sasa hii ni kupata zaidi kidogo na manufaa. 1165 00:54:00,010 --> 00:54:04,870 Hivyo hapa, taarifa kwamba tuna kila matoleo tofauti ya browsers. 1166 00:54:04,870 --> 00:54:09,887 Na, mungu wangu, kama wewe look-- Chrome 48, Chrome 47, Chrome 31, Chrome 45. 1167 00:54:09,887 --> 00:54:12,970 I mean, browsers inazidi updated, na wakati mwingine baadhi ya mabadiliko hayo 1168 00:54:12,970 --> 00:54:16,430 ni muhimu katika masuala ya utendaji. 1169 00:54:16,430 --> 00:54:20,630 Na hivyo wakati fulani, mameneja wa bidhaa au wahandisi 1170 00:54:20,630 --> 00:54:23,620 haja ya kufanya decision-- wewe unajua nini, tu 1% ya dunia 1171 00:54:23,620 --> 00:54:24,740 bado ni kutumia IE 7. 1172 00:54:24,740 --> 00:54:25,490 Kuzimu pamoja nao. 1173 00:54:25,490 --> 00:54:27,470 Sisi siyo tu kwenda kuunga mkono kwamba browser. 1174 00:54:27,470 --> 00:54:28,740 Na ni nini maana si kusaidia? 1175 00:54:28,740 --> 00:54:31,170 Ni inaweza kumaanisha kwamba vifungo hawana kazi kwenye mtandao ukurasa wako, 1176 00:54:31,170 --> 00:54:33,050 au inaweza kumaanisha formatting ni kabisa mbali. 1177 00:54:33,050 --> 00:54:35,091 Au unaweza kuwa na kufanya mwaliko huo huo hukumu 1178 00:54:35,091 --> 00:54:39,089 katika siku mkononi hizi, wapi, tuko si kwenda kwa msaada IOS 5 tena. 1179 00:54:39,089 --> 00:54:40,380 Hivyo watu tu na kuboresha. 1180 00:54:40,380 --> 00:54:45,850 Au sisi siyo kwenda kusaidia Cupcake juu ya Android OS kwa ajili ya vifaa Android, 1181 00:54:45,850 --> 00:54:48,629 kwa sababu kama world-- kama tech dunia inataka kusonga mbele, 1182 00:54:48,629 --> 00:54:51,170 ni aina ya anataka Drag dunia na hivyo kwamba hawana 1183 00:54:51,170 --> 00:54:53,295 na kuendelea kuwa nyuma sambamba ili waweze 1184 00:54:53,295 --> 00:54:54,920 anaweza kutoa makala mpya na nzuri. 1185 00:54:54,920 --> 00:54:57,878 Hii ni kweli moja ya sababu kwa nini makampuni mengi ni rolling nje 1186 00:54:57,878 --> 00:55:01,440 updates moja kwa moja na aina ya kulazimisha matoleo ya karibuni ya programu juu yetu. 1187 00:55:01,440 --> 00:55:04,010 Na hata makampuni kama Apple itakuwa aina ya 1188 00:55:04,010 --> 00:55:07,280 kukulazimisha karibu au kuwalazimisha wewe katika suala la nguvu za soko 1189 00:55:07,280 --> 00:55:11,164 kununua simu mpya kwa sababu wao tu si update simu yako ya zamani tena. 1190 00:55:11,164 --> 00:55:13,330 Hivyo wewe miss nje ya karibuni na sifa kubwa, 1191 00:55:13,330 --> 00:55:17,520 kwa sababu ni gharama kubwa kwao kama kampuni kudumisha wakubwa, arguably 1192 00:55:17,520 --> 00:55:19,330 matoleo duni ya programu. 1193 00:55:19,330 --> 00:55:23,660 Lakini athari wavu ni kwamba sisi pia wanakabiliwa huu pia. 1194 00:55:23,660 --> 00:55:26,550 >> Basi hebu tuangalie tu michache ya mambo ya mwisho hapa. 1195 00:55:26,550 --> 00:55:29,740 Hebu kubisha mbali halisi haraka baadhi ya wale risasi mwingine, kama curious. 1196 00:55:29,740 --> 00:55:33,440 Hivyo kama wewe walikuwa wakijaribu, kwa mfano, nafasi 1197 00:55:33,440 --> 00:55:36,420 Nakala katika upande tofauti wa ukurasa, mimi nina kwenda kufanya njia moja ya haraka, 1198 00:55:36,420 --> 00:55:38,360 lakini kuna tofauti jinsi ya kutekeleza hili. 1199 00:55:38,360 --> 00:55:42,610 Hebu kwenda mbele na eliminate-- kurahisisha hii kama ifuatavyo. 1200 00:55:42,610 --> 00:55:45,330 Napenda tu kwenda nyuma ya yangu rahisi, rahisi aya. 1201 00:55:45,330 --> 00:55:47,760 Hebu nirejee nyuma kwa styles.css yangu. 1202 00:55:47,760 --> 00:55:51,040 Na mimi nina kwenda tu kutumia simple-- ambayo unaweza kuwa na kuonekana juu ya Google 1203 00:55:51,040 --> 00:55:54,430 au kukumbuka kutoka earlier-- Nakala-align haki. 1204 00:55:54,430 --> 00:55:56,220 Na upya ukurasa huu. 1205 00:55:56,220 --> 00:55:58,470 Sasa kila kitu inaonekana kuwa haki-kompyuta, 1206 00:55:58,470 --> 00:56:00,770 kama unaweza kuona juu ya uendeshaji hapa. 1207 00:56:00,770 --> 00:56:04,470 >> Tunaweza kufanya ni kuangalia zaidi kidogo kitabu-kama, na tunaweza kusema "kuhalalisha" 1208 00:56:04,470 --> 00:56:05,640 na Reload. 1209 00:56:05,640 --> 00:56:09,870 Sasa ni nzuri na mraba juu ya wote pande, ambayo ni aina ya nzuri. 1210 00:56:09,870 --> 00:56:12,220 Lengo jingine kwamba tulikuwa hapa na mabadiliko ya rangi ya maandishi. 1211 00:56:12,220 --> 00:56:13,650 Hivyo tumeona kwamba kwa maandishi yangu nyekundu. 1212 00:56:13,650 --> 00:56:15,630 Na sasa kuongeza vifungo kwa fomu. 1213 00:56:15,630 --> 00:56:19,390 Hivyo kwa nini sio sisi kujaribu kufanya hasa hili? 1214 00:56:19,390 --> 00:56:23,656 Lakini kwanza napenda kwenda kwenye tovuti ya kwamba wengi wetu kutumia kila day-- Google. 1215 00:56:23,656 --> 00:56:25,780 Na hebu tuangalie jinsi Google kweli kazi. 1216 00:56:25,780 --> 00:56:26,821 Lakini mimi nina kwenda kufanya hivyo. 1217 00:56:26,821 --> 00:56:31,930 Kwanza napenda kufanya hivyo in-- yep, napenda kwenda Google kwanza. 1218 00:56:31,930 --> 00:56:34,530 Mimi nina kwenda na kwenda katika Mazingira Google, 1219 00:56:34,530 --> 00:56:40,660 kwa sababu mimi wanataka afya kitu kinachoitwa Instant Matokeo. 1220 00:56:40,660 --> 00:56:43,580 >> Hivyo unaweza kuwa niliona katika Google hizi days-- Nirudishe 1221 00:56:43,580 --> 00:56:44,850 na kugeuka hii juu ya. 1222 00:56:44,850 --> 00:56:47,900 Hivyo kama mimi kuanza kutafuta kwa ajili ya "paka" kama hii, 1223 00:56:47,900 --> 00:56:50,120 taarifa kwamba si tu kufanya Mimi kupata auto-kukamilisha up 1224 00:56:50,120 --> 00:56:54,520 juu, kwa ghafla, ukurasa yenyewe inaonekana kubadilika pretty haraka kama vizuri, 1225 00:56:54,520 --> 00:56:58,750 na kwamba Google kwa kutumia lugha aitwaye JavaScript kujaribu kuwa na manufaa. 1226 00:56:58,750 --> 00:57:01,540 Lakini kwa bahati mbaya, ni aina ya messes up mjadala wetu 1227 00:57:01,540 --> 00:57:04,010 ya nini hasa kinachotokea chini ya Hood hapa. 1228 00:57:04,010 --> 00:57:09,070 Hivyo mimi tu aina ya haraka kugeuka mbali matokeo ya papo. 1229 00:57:09,070 --> 00:57:11,510 Na mimi nina kwenda bonyeza Save. 1230 00:57:11,510 --> 00:57:13,930 Na sasa mimi nina kwenda kufungua kwamba uchunguzi toolbar kwamba mimi 1231 00:57:13,930 --> 00:57:16,150 kuweka ufunguzi chini ya tab Network. 1232 00:57:16,150 --> 00:57:17,720 Basi hebu kufanya hili. 1233 00:57:17,720 --> 00:57:21,960 Hebu ME whoops-- kitabu hii chini kidogo. 1234 00:57:21,960 --> 00:57:24,410 Na napenda kutafuta "paka." 1235 00:57:24,410 --> 00:57:26,790 >> Na sasa notice-- kweli, hii ni fursa nzuri 1236 00:57:26,790 --> 00:57:28,840 kujadili kwa muda. 1237 00:57:28,840 --> 00:57:32,460 Taarifa sasa mimi type-- kuacha ni. 1238 00:57:32,460 --> 00:57:35,250 Acha. 1239 00:57:35,250 --> 00:57:35,790 SAWA. 1240 00:57:35,790 --> 00:57:40,870 Taarifa wakati ninapoandika barua C, kuangalia chini ya screen. 1241 00:57:40,870 --> 00:57:48,600 A- T- S. gani chini ya screen hii, Network yangu tab, 1242 00:57:48,600 --> 00:57:53,320 kupendekeza kinachotokea kila wakati ninapoandika barua? 1243 00:57:53,320 --> 00:57:57,700 Kwa bahati mbaya, frog ni sana bughudha leo au Shamrock 1244 00:57:57,700 --> 00:58:00,339 au chochote yeye ni. 1245 00:58:00,339 --> 00:58:01,880 Kile kinachotokea kila wakati mimi niliandika? 1246 00:58:01,880 --> 00:58:04,230 Na napenda wazi buffer na aina yake tena. 1247 00:58:04,230 --> 00:58:06,580 So-- whoops. 1248 00:58:06,580 --> 00:58:13,280 Kila wakati mimi aina barua, C- A- T-- hivyo safu mpya ni wazi anaendelea kuonekana. 1249 00:58:13,280 --> 00:58:16,530 Je kila ya mistari wale kuwakilisha, kulingana na kile tumeona na kujadiliwa 1250 00:58:16,530 --> 00:58:17,339 hivi sasa? 1251 00:58:17,339 --> 00:58:18,130 Watazamaji: search? 1252 00:58:18,130 --> 00:58:21,770 DAVID J. Malan: search, au zaidi yaliyotokea, ombi HTTP 1253 00:58:21,770 --> 00:58:23,125 kutoka browser yangu kwa server. 1254 00:58:23,125 --> 00:58:29,090 Naam, kwa nini ni browser yangu kufanya HTTP kuomba kila wakati mimi aina barua? 1255 00:58:29,090 --> 00:58:30,502 >> Watazamaji: [inaudible] 1256 00:58:30,502 --> 00:58:33,210 DAVID J. Malan: Yeah, ni kutoa yangu haya matokeo ya auto-kamili. 1257 00:58:33,210 --> 00:58:35,190 Kama, ambapo kufanya haya tafuta matokeo kuja kutoka? 1258 00:58:35,190 --> 00:58:38,120 Naam, kila wakati mimi aina barua, Google hutuma zaidi 1259 00:58:38,120 --> 00:58:40,460 na zaidi na zaidi ya neno mimi nina kuandika. 1260 00:58:40,460 --> 00:58:41,040 Kwa nini? 1261 00:58:41,040 --> 00:58:44,540 Kwa sababu wanataka kunipa bora na bora, bora maoni, 1262 00:58:44,540 --> 00:58:48,880 orodha ya mapendekezo, kwa nini neno Mimi nina kujaribu kweli kamili. 1263 00:58:48,880 --> 00:58:53,030 Hivyo hii ni kusema literally kila tabia wewe aina katika Google 1264 00:58:53,030 --> 00:58:56,900 ni kupelekwa, hatimaye katika wingi, lakini pia wakati mwingine moja 1265 00:58:56,900 --> 00:59:00,620 wakati ili kutekeleza hizi auto-kamili makala wakati 1266 00:59:00,620 --> 00:59:03,000 data ni, bila shaka, kwenye mtandao. 1267 00:59:03,000 --> 00:59:08,780 >> Sasa, hebu tuangalie nini hasa kinachotokea wakati mimi bonyeza Google Search. 1268 00:59:08,780 --> 00:59:10,420 Na kisha tutaweza kujiinua hii sisi wenyewe. 1269 00:59:10,420 --> 00:59:15,320 Hivyo kama mimi kitabu chini, sasa kwa sana kwanza ombi hilo tu kilichotokea. 1270 00:59:15,320 --> 00:59:17,130 Taarifa zifuatazo. 1271 00:59:17,130 --> 00:59:25,550 Ni alitumwa kwa haki muda mrefu URL-- https://www.google.com/search? 1272 00:59:25,550 --> 00:59:27,100 na kisha rundo zima ya mambo. 1273 00:59:27,100 --> 00:59:29,620 Hebu angalia hii kwa kweli sasa katika browser tab yenyewe. 1274 00:59:29,620 --> 00:59:31,310 Hebu kujikwamua toolbar hapa. 1275 00:59:31,310 --> 00:59:33,140 Hapa ni ukurasa wa matokeo ya utafutaji. 1276 00:59:33,140 --> 00:59:34,790 Na taarifa hapa ni URL. 1277 00:59:34,790 --> 00:59:37,430 Sasa, pengine unaweza nadhani nini kinaendelea hapa katika sehemu. 1278 00:59:37,430 --> 00:59:39,090 Hivyo kwanza ya yote, ufafanuzi. 1279 00:59:39,090 --> 00:59:42,570 Hii inaonekana ni marudio ambapo fomu ni kuwasilishwa. 1280 00:59:42,570 --> 00:59:44,910 Hivyo wakati mimi typed katika maneno "paka" na hit Enter, 1281 00:59:44,910 --> 00:59:48,460 inaonekana Google alimtuma Nakala yangu pembejeo kwa URL hii 1282 00:59:48,460 --> 00:59:50,770 kwamba nimepata yalionyesha huko, kufyeka search. 1283 00:59:50,770 --> 00:59:56,530 Zamu nje, katika URL, kitu chochote ambacho hutokea baada ya swali alama ni, 1284 00:59:56,530 --> 01:00:01,270 kama sisi kuendelea kusema, jozi ufunguo thamani kwamba alikuwa typed katika fomu au kwa namna fulani 1285 01:00:01,270 --> 01:00:04,500 kuambukizwa kutoka browser server. 1286 01:00:04,500 --> 01:00:07,180 >> Hivyo wakati wowote wewe aina pembejeo katika fomu kwenye mtandao 1287 01:00:07,180 --> 01:00:10,000 na ni kutumwa kama tumekuwa wamekuwa wakijadili, kupitia get, 1288 01:00:10,000 --> 01:00:12,400 mmoja wa haya virtual bahasha, yaliyomo 1289 01:00:12,400 --> 01:00:15,510 ya kwamba envelope-- ndiyo, kuweka kupata stuffed kimwili 1290 01:00:15,510 --> 01:00:19,010 ndani ya bahasha katika darasa leo, lakini teknolojia ya 1291 01:00:19,010 --> 01:00:21,110 ni kweli kuweka katika URL. 1292 01:00:21,110 --> 01:00:22,940 Hivyo kwa kweli, napenda kuchuja huu. 1293 01:00:22,940 --> 01:00:25,010 Ambapo unaona user pembejeo? 1294 01:00:25,010 --> 01:00:27,490 Wapi unaweza kuona kitu kwamba mimi mwenyewe typed up hapa? 1295 01:00:27,490 --> 01:00:32,100 1296 01:00:32,100 --> 01:00:33,491 Yeah, hivyo "paka." 1297 01:00:33,491 --> 01:00:33,990 Haki? 1298 01:00:33,990 --> 01:00:36,380 Hivyo basi mimi distill hii katika kitu rahisi. 1299 01:00:36,380 --> 01:00:39,917 Mimi nina kwenda kufuta kila kitu kuhusu hii URL kwamba mimi sielewi, 1300 01:00:39,917 --> 01:00:42,250 na mimi nina kwenda tu na kuondoka kama Haya / kutafuta? q = paka. 1301 01:00:42,250 --> 01:00:45,640 1302 01:00:45,640 --> 01:00:47,890 Tutaweza kuona ambapo q linatokana na katika wakati huu, 1303 01:00:47,890 --> 01:00:51,220 lakini kwamba anahisi kama kiwango cha chini Kiasi cha habari kwamba mimi zinazotolewa. 1304 01:00:51,220 --> 01:00:53,050 Na sasa mimi nina kwenda hit Enter. 1305 01:00:53,050 --> 01:00:55,520 Na taarifa bado kazi. 1306 01:00:55,520 --> 01:00:57,950 Sisi bado kupata nyuma rundo zima la paka. 1307 01:00:57,950 --> 01:01:00,340 Hivyo Google ni fancier kuliko hii siku hizi. 1308 01:01:00,340 --> 01:01:01,934 Ni 2016, si 1999. 1309 01:01:01,934 --> 01:01:04,600 Hivyo kuna mambo mengine ambayo yangu browser ni kutuma kwa server. 1310 01:01:04,600 --> 01:01:07,100 Lakini hii ni minimally yote hiyo ni muhimu. 1311 01:01:07,100 --> 01:01:08,380 >> Hivyo nini kinaendelea? 1312 01:01:08,380 --> 01:01:14,320 Naam, kwanza basi mimi kwenda mbele na kwenda nyuma ya Cloud9 na basi mimi kwenda mbele 1313 01:01:14,320 --> 01:01:15,620 na karibu tabo yangu mapema. 1314 01:01:15,620 --> 01:01:18,230 Na mimi itabidi kufanya hivyo juu ya yangu kumiliki tu kwa muda. 1315 01:01:18,230 --> 01:01:20,730 Mimi nina kwenda mbele na kuunda faili mpya. 1316 01:01:20,730 --> 01:01:23,739 Na mimi nina kwenda kuokoa ni kama google.html. 1317 01:01:23,739 --> 01:01:26,280 Na mimi nina kwenda kwa quickly-- sana Mimi nina kwenda kuiba, kwa kweli, 1318 01:01:26,280 --> 01:01:28,510 baadhi ya maandishi hii tu ili kuokoa muda. 1319 01:01:28,510 --> 01:01:30,610 Mimi nina kwenda kuweka hii katika hapa. 1320 01:01:30,610 --> 01:01:33,850 Sitakuja ya kujisumbua na stylization yoyote wakati huu. 1321 01:01:33,850 --> 01:01:38,340 Tunakwenda wito huu "Google wangu." 1322 01:01:38,340 --> 01:01:41,230 Na mimi nina kwenda kujikwamua wa kila kitu katika mwili. 1323 01:01:41,230 --> 01:01:42,740 Na mimi nina kwenda kufanya yafuatayo. 1324 01:01:42,740 --> 01:01:45,690 Hebu kuvuta. 1325 01:01:45,690 --> 01:01:50,620 Fomu action-- na kama mimi kwa ufupi zilizotajwa earlier-- whoops-- kama mimi kwa ufupi 1326 01:01:50,620 --> 01:01:54,130 ilivyoelezwa awali, hatua ya fomu ni wapi kutuma data kwenye. 1327 01:01:54,130 --> 01:01:56,620 Hivyo google.com/search. 1328 01:01:56,620 --> 01:01:59,390 Na njia nataka kutumia inaweza kuwa moja ya mambo mawili. 1329 01:01:59,390 --> 01:02:02,870 Ni inaweza aidha kuwa "kupata," kama sisi kuendelea kujadili, au inaweza kuwa "post." 1330 01:02:02,870 --> 01:02:05,340 Kwa sasa, msingi Tofauti ni, kama wewe kutumia "kupata," 1331 01:02:05,340 --> 01:02:09,590 wote wa habari kwamba user hutoa anapata alimtuma katika URL. 1332 01:02:09,590 --> 01:02:13,530 >> Hiyo ni kubwa kwa mambo kama search injini na wachache maombi mengine, 1333 01:02:13,530 --> 01:02:17,080 lakini katika mazingira gani ingekuwa wewe hawataki kujaza fomu 1334 01:02:17,080 --> 01:02:21,620 na kuwa kampuni kuishia URL, kama katika browser yako anwani bar? 1335 01:02:21,620 --> 01:02:25,470 1336 01:02:25,470 --> 01:02:26,605 Ni aina gani ya aina kufanya you-- 1337 01:02:26,605 --> 01:02:27,480 Watazamaji: [inaudible] 1338 01:02:27,480 --> 01:02:28,450 DAVID J. Malan: Yeah, kama nini? 1339 01:02:28,450 --> 01:02:29,270 Watazamaji: Nywila. 1340 01:02:29,270 --> 01:02:31,936 DAVID J. Malan: Yeah, hivyo wewe kuingia katika Facebook au baadhi ya tovuti. 1341 01:02:31,936 --> 01:02:34,395 Hiyo ni user pembejeo kutoka fomu, sanduku maandishi, 1342 01:02:34,395 --> 01:02:37,020 lakini pengine hawataki kuonyesha juu katika URL browser ya. 1343 01:02:37,020 --> 01:02:38,121 Kwa nini? 1344 01:02:38,121 --> 01:02:40,870 I mean, labda kuna baadhi ya matokeo ya usalama kwenye mtandao, 1345 01:02:40,870 --> 01:02:44,830 lakini more-- kama, zaidi tu, nini kama roommate yako, yako muhimu nyingine, 1346 01:02:44,830 --> 01:02:47,710 watoto wako, mke wako inaonekana Katika historia browser yako? 1347 01:02:47,710 --> 01:02:50,762 Kuna password haki yako kuna katika historia ya kivinjari chako. 1348 01:02:50,762 --> 01:02:52,220 Hiyo haina kujisikia kama kubuni nzuri. 1349 01:02:52,220 --> 01:02:54,500 Au hata zaidi kitaalam, tuseme wewe ni kujaribu 1350 01:02:54,500 --> 01:02:59,180 kupakia picha na Flickr au Facebook au wherever-- 1351 01:02:59,180 --> 01:03:03,010 kwamba ni user pembejeo, ingawa ni kidogo zaidi interesting-- jinsi 1352 01:03:03,010 --> 01:03:05,530 Je, mimi Cram picha katika bar URL? 1353 01:03:05,530 --> 01:03:06,730 You aina ya aina ya hawawezi. 1354 01:03:06,730 --> 01:03:07,396 You aina ya anaweza. 1355 01:03:07,396 --> 01:03:10,210 Lakini, kwa kweli, mimi nina ngumu-taabu kufikiria kufanya hivyo. 1356 01:03:10,210 --> 01:03:13,470 Kwa hiyo mimi haja njia nyingine kwa ajili kuweka picha ya tovuti, 1357 01:03:13,470 --> 01:03:15,657 na kwamba njia nyingine inaitwa "post." 1358 01:03:15,657 --> 01:03:18,740 Lakini kwa sasa, tutaweza tu majadiliano juu ya "Kupata," ambayo ni rahisi ya mbili. 1359 01:03:18,740 --> 01:03:21,100 Ni tu unaweka yote user pembejeo katika URL. 1360 01:03:21,100 --> 01:03:22,830 >> Hivyo hapa ni aina mimi nina kujenga. 1361 01:03:22,830 --> 01:03:24,070 Nataka pembejeo. 1362 01:03:24,070 --> 01:03:24,820 Na unajua nini? 1363 01:03:24,820 --> 01:03:26,111 Mimi nina kwenda kuchukua nadhani hapa. 1364 01:03:26,111 --> 01:03:31,600 Mimi nina kwenda kukumbuka yangu pembejeo "q" kwa "swala." 1365 01:03:31,600 --> 01:03:34,970 Na nadhani hii ni moja ya miundo ya awali, pengine, kuanzia mwaka 1999. 1366 01:03:34,970 --> 01:03:39,560 Na kisha aina ya pembejeo hii ni kwenda tu kuwa "maandishi." 1367 01:03:39,560 --> 01:03:43,040 Na kisha mimi nina kwenda na pembejeo nyingine kwamba haina haja jina, kama tutaweza karibuni 1368 01:03:43,040 --> 01:03:45,120 kuona, aina ya ambayo ni "kuwasilisha". 1369 01:03:45,120 --> 01:03:47,070 Na hii ni kwenda nipe kifungo maalum. 1370 01:03:47,070 --> 01:03:48,320 Na hiyo ni yake. 1371 01:03:48,320 --> 01:03:50,790 >> Hivyo basi mimi kwenda mbele na kuokoa faili hii. 1372 01:03:50,790 --> 01:03:54,910 Mimi nina kwenda nyuma yangu browser na kwenda google.html. 1373 01:03:54,910 --> 01:03:56,140 Kuingia. 1374 01:03:56,140 --> 01:03:59,680 Na ni aina ya sparse na kusema mdogo. 1375 01:03:59,680 --> 01:04:03,110 Lakini basi mimi kwenda mbele na kutafuta "paka." 1376 01:04:03,110 --> 01:04:06,510 Na taarifa mimi nina sasa katika URL hii Cloud9. 1377 01:04:06,510 --> 01:04:09,240 Lakini wakati mimi bonyeza hii, wapi hope itabidi kuishia? 1378 01:04:09,240 --> 01:04:10,160 >> Watazamaji: Google. 1379 01:04:10,160 --> 01:04:11,118 >> DAVID J. Malan: Google. 1380 01:04:11,118 --> 01:04:12,740 Basi hebu bofya Wasilisha. 1381 01:04:12,740 --> 01:04:15,200 Na hakika nimekuwa re-kutekelezwa Google. 1382 01:04:15,200 --> 01:04:15,700 Haki? 1383 01:04:15,700 --> 01:04:16,480 Ni rahisi. 1384 01:04:16,480 --> 01:04:17,120 Ni nyepesi. 1385 01:04:17,120 --> 01:04:20,350 I mean, kanuni yangu ni wazi bora kuliko yao, kutoka fujo tuliona mapema. 1386 01:04:20,350 --> 01:04:21,100 Na unajua nini? 1387 01:04:21,100 --> 01:04:22,610 Mimi nina kwenda spice hii juu kidogo. 1388 01:04:22,610 --> 01:04:23,860 Mimi si kutaja hili mapema. 1389 01:04:23,860 --> 01:04:27,860 Kuna vitambulisho kama H1, kwa Heading 1, kichwa muhimu zaidi katika ukurasa. 1390 01:04:27,860 --> 01:04:30,570 "Google yangu," Mimi nitakuita hii. 1391 01:04:30,570 --> 01:04:31,940 Napenda Reload. 1392 01:04:31,940 --> 01:04:33,772 Ni kuangalia vizuri kidogo tayari. 1393 01:04:33,772 --> 01:04:34,980 Na, kwa kweli, unajua nini? 1394 01:04:34,980 --> 01:04:36,430 Nimekuwa already-- mimi uongo. 1395 01:04:36,430 --> 01:04:40,200 Nilisema mimi si kwenda kwa style hii, lakini mimi nina kwenda kwa style hii kama ilivyokuwa kabla. 1396 01:04:40,200 --> 01:04:46,860 Na mwili wangu ni kwenda kuwa, hebu sema, kituo cha maandishi-align. 1397 01:04:46,860 --> 01:04:48,800 Ni kuangalia zaidi kama Google tayari. 1398 01:04:48,800 --> 01:04:51,090 >> Mimi haja ya mapumziko line, ingawa, kwa kuwa Kuwasilisha kifungo. 1399 01:04:51,090 --> 01:04:52,798 Na zinageuka, wewe Unaweza kutumia aya, 1400 01:04:52,798 --> 01:04:57,320 au unaweza literally zaidi tu kusema, nipe mstari mapumziko here-- br tag. 1401 01:04:57,320 --> 01:04:59,319 Na kama mimi upya hii, sasa unaendelea huko. 1402 01:04:59,319 --> 01:05:01,610 Ni kidogo mbaya, hivyo mimi anaweza kufanya mapumziko nyingi line, 1403 01:05:01,610 --> 01:05:03,310 lakini wacha kupata pia tamaa hapa. 1404 01:05:03,310 --> 01:05:06,430 Hivyo sasa hebu kuona kama ni kazi kwa ajili ya "mbwa." 1405 01:05:06,430 --> 01:05:08,640 Inaonekana kazi kwa ajili ya "mbwa," vilevile. 1406 01:05:08,640 --> 01:05:10,780 Basi nini takeaway kulazimisha hapa? 1407 01:05:10,780 --> 01:05:13,600 One-- hakuwa leap kubwa kwa kuanzisha zaidi ya vitambulisho wachache, 1408 01:05:13,600 --> 01:05:15,370 kama aina tag katika tag pembejeo. 1409 01:05:15,370 --> 01:05:17,120 Lakini zaidi kimsingi ni, wote sisi ni kufanya 1410 01:05:17,120 --> 01:05:20,610 ni leveraging ufahamu wetu ya HTTP na ukweli 1411 01:05:20,610 --> 01:05:24,900 kwamba aina hatimaye kubadilisha nini katika URL ya browser, 1412 01:05:24,900 --> 01:05:28,540 na hivyo, kwa hiyo, tunaweza mechanically kutoa mchango kwa server 1413 01:05:28,540 --> 01:05:33,600 kwa kufanya HTML fomu na kujua kwamba server anaelewa HTTP, 1414 01:05:33,600 --> 01:05:36,890 tu kama mwili wetu anaelewa, kama, kutikisa mkono wangu, kwamba itifaki huo, 1415 01:05:36,890 --> 01:05:40,920 na hivyo sisi kupata nyuma majibu kwamba sisi hatimaye kutarajia. 1416 01:05:40,920 --> 01:05:44,050 >> Basi hebu jaribu kufanya moja Jambo la mwisho sasa na simu, 1417 01:05:44,050 --> 01:05:47,052 na mimi itabidi make-- mimi itabidi kuongeza kanuni hii kwa slides. 1418 01:05:47,052 --> 01:05:49,760 Hivyo kama wewe Ningependa tinker, wewe tunaweza kuchukua kutoka huko. 1419 01:05:49,760 --> 01:05:51,551 Lakini mimi nina kwenda mbele na kufanya jambo moja. 1420 01:05:51,551 --> 01:05:54,120 Mimi nina kwenda mbele na kufungua index yangu page-- 1421 01:05:54,120 --> 01:05:59,030 hodi ukurasa wangu kama kabla, ambayo ina mengi ya hii Nakala faux-Latin, 1422 01:05:59,030 --> 01:06:05,470 au maana Latin maandishi, na has-- inaonekana kama hii katika ukubwa huu font. 1423 01:06:05,470 --> 01:06:07,850 Lakini basi mimi kwenda mbele na kufanya hili. 1424 01:06:07,850 --> 01:06:09,300 Mimi nina kwenda katika Cloud9. 1425 01:06:09,300 --> 01:06:10,380 Na huna kufanya hatua hii. 1426 01:06:10,380 --> 01:06:11,420 Mimi itabidi kufanya hivyo mwenyewe. 1427 01:06:11,420 --> 01:06:12,890 Mimi nina kwenda bonyeza Kushiriki. 1428 01:06:12,890 --> 01:06:15,170 Na hii ni hulka tu ya Cloud9, ambapo 1429 01:06:15,170 --> 01:06:17,710 Siwezi kufanya mazingira yangu ya umma. 1430 01:06:17,710 --> 01:06:20,240 >> Na tu kwa ajili ya maandamano, napenda kufanya hivyo. 1431 01:06:20,240 --> 01:06:22,870 Mimi nina kwenda kufanya maombi yangu ya umma. 1432 01:06:22,870 --> 01:06:25,230 Taarifa ni onyo yangu, niko Mimi uhakika nataka kufanya hivyo, 1433 01:06:25,230 --> 01:06:28,438 kwa sababu hii ni kwenda kufanya kila mtu katika dunia, iwe wao uko hapa sasa 1434 01:06:28,438 --> 01:06:33,560 au kuangalia video baadaye biashara na uwezo wa kuona nini naona. 1435 01:06:33,560 --> 01:06:34,440 Lakini hiyo ni sawa. 1436 01:06:34,440 --> 01:06:37,870 Mimi nina kwenda kusema "Done". 1437 01:06:37,870 --> 01:06:42,080 Na napenda kuhimiza wewe, kama mimi hii correctly-- napenda mtihani wa kwanza. 1438 01:06:42,080 --> 01:06:45,590 Kwenda mbele, kama huna mind-- katika browser kwenye kompyuta yako, 1439 01:06:45,590 --> 01:06:49,900 kwenda URL hii, na hopefully utaona yangu Kilatini maandishi. 1440 01:06:49,900 --> 01:06:52,820 Na kwa kuwa wazi, ni mbio si juu ya mbali yangu. 1441 01:06:52,820 --> 01:06:53,610 Ni katika wingu. 1442 01:06:53,610 --> 01:06:58,120 Ni juu ya Cloud9, literally, lakini Nimekuwa alifanya workspace yangu ya umma 1443 01:06:58,120 --> 01:07:03,450 ili kwamba mtu yeyote kwenye mtandao Unaweza kupata Latin ukurasa wangu wa nyumbani. 1444 01:07:03,450 --> 01:07:07,209 >> Kwenda URL sawa juu ya simu yako, kama unaweza. 1445 01:07:07,209 --> 01:07:09,750 Kama kutakuwa na gharama, ingawa, wewe unaweza tu kuangalia juu ya bega. 1446 01:07:09,750 --> 01:07:40,688 1447 01:07:40,688 --> 01:07:42,467 Watazamaji: [inaudible] 1448 01:07:42,467 --> 01:07:43,550 DAVID J. Malan: Mimi nasikitika? 1449 01:07:43,550 --> 01:07:45,390 Watazamaji: [inaudible] 1450 01:07:45,390 --> 01:07:47,710 DAVID J. Malan: maneno Tu Kilatini. 1451 01:07:47,710 --> 01:07:48,210 Ni hayo tu. 1452 01:07:48,210 --> 01:07:49,250 Lakini hiyo ni nini unapaswa kuona. 1453 01:07:49,250 --> 01:07:49,875 >> Watazamaji: Yeah. 1454 01:07:49,875 --> 01:07:50,790 DAVID J. Malan: Yeah. 1455 01:07:50,790 --> 01:07:51,300 Yeah. 1456 01:07:51,300 --> 01:07:51,540 SAWA. 1457 01:07:51,540 --> 01:07:53,530 Hivyo naweza kushikilia juu yako simu kwa muda tu? 1458 01:07:53,530 --> 01:07:57,504 Hivyo, hopefully, kama wewe ni kupata hivyo, ni lazima kuangalia karibu unreadable. 1459 01:07:57,504 --> 01:07:59,920 Ni still-- I mean, ni unreadable kwa sababu ya Kilatini. 1460 01:07:59,920 --> 01:08:01,920 Lakini pia ni unreadable kwa sababu gani nyingine? 1461 01:08:01,920 --> 01:08:03,775 Kama, nisiyo wewe kuhusu hili? 1462 01:08:03,775 --> 01:08:04,650 Watazamaji: Ni ndogo. 1463 01:08:04,650 --> 01:08:06,420 DAVID J. Malan: Ni super, super ndogo. 1464 01:08:06,420 --> 01:08:07,920 Hivyo ni jinsi gani tunaweza kurekebisha hili? 1465 01:08:07,920 --> 01:08:09,730 Ni super, super ndogo kwenye simu Victoria 1466 01:08:09,730 --> 01:08:11,400 na, kama wameweza vunjwa it up mwenyewe, pengine 1467 01:08:11,400 --> 01:08:14,660 ndogo kwenye simu yako vilevile, isipokuwa wewe kuwa na mazingira upatikanaji kuwezeshwa. 1468 01:08:14,660 --> 01:08:15,530 Nini kile? 1469 01:08:15,530 --> 01:08:18,497 Unaweza tu Bana na zoom, ambayo ni workable, 1470 01:08:18,497 --> 01:08:20,330 lakini basi tu kuona maneno machache wakati huo. 1471 01:08:20,330 --> 01:08:20,859 Hivyo kusubiri dakika. 1472 01:08:20,859 --> 01:08:21,720 Mimi najua jinsi ya kurekebisha hii. 1473 01:08:21,720 --> 01:08:22,219 Haki? 1474 01:08:22,219 --> 01:08:26,130 Mimi naweza kutumia CSS, na mimi naweza kubadili ukubwa wa herufi kutoka 12-kumweka kwa 24-uhakika. 1475 01:08:26,130 --> 01:08:29,020 Lakini athari upande wa kwamba, bila shaka, ni kwenda kuwa sasa, 1476 01:08:29,020 --> 01:08:32,630 juu ya desktop au laptop, sasa Nakala ni mara mbili kama kubwa. 1477 01:08:32,630 --> 01:08:35,810 Na hivyo itakuwa aina ya kuwa nzuri kutofautisha kati ya vifaa, 1478 01:08:35,810 --> 01:08:37,840 na ni zamu huko nje ni njia za kufanya hivyo. 1479 01:08:37,840 --> 01:08:39,590 Kuna mambo kadhaa njia tofauti, kwa kweli, 1480 01:08:39,590 --> 01:08:44,189 ambapo kwa kutumia CSS na makala fancier kwamba sisi si kwenda katika katika kina kubwa, 1481 01:08:44,189 --> 01:08:46,960 unaweza kimsingi swala browser na kusema, 1482 01:08:46,960 --> 01:08:51,550 kama screen yako ni ndogo kuliko huu saizi wengi, kutumia hii ukubwa wa herufi. 1483 01:08:51,550 --> 01:08:55,180 Kama screen yako ni kubwa kuliko hii saizi wengi, kutumia hii nyingine ukubwa wa herufi. 1484 01:08:55,180 --> 01:08:57,080 >> Unaweza kuwa hata fancier bado. 1485 01:08:57,080 --> 01:09:00,140 Kama umefanya milele alitembelea mtandao ukurasa kuwa, kwenye eneo kazi, 1486 01:09:00,140 --> 01:09:04,404 ina orodha kubwa labda mbali na upande, na kisha wote wa maudhui 1487 01:09:04,404 --> 01:09:07,029 ni kwa upande wa kwamba menu-- hiyo ni aina ya dhana ya kawaida. 1488 01:09:07,029 --> 01:09:09,670 Orodha upande wa kushoto, maudhui juu ya haki, au kinyume chake. 1489 01:09:09,670 --> 01:09:13,569 Je, si kweli kazi juu ya simu wakati wako screen ni tu hii saizi wengi kote. 1490 01:09:13,569 --> 01:09:16,233 Hivyo zaidi ya kawaida kwenye simu ni, orodha yako ghafla kupata 1491 01:09:16,233 --> 01:09:18,399 kuanguka, na una click kifungo kuona hivyo, 1492 01:09:18,399 --> 01:09:22,404 au tovuti ataweka orodha juu yake na kuweka maudhui chini yake. 1493 01:09:22,404 --> 01:09:24,779 Na unaweza kutekeleza haya mambo katika njia nyingi, pia. 1494 01:09:24,779 --> 01:09:28,340 Unaweza kuuliza programmers yako, hey, timu, wakati wowote 1495 01:09:28,340 --> 01:09:34,450 unaweza kuona ombi HTTP kutoka Android kifaa, kifaa Microsoft, Google 1496 01:09:34,450 --> 01:09:39,930 kifaa, kifaa Apple, kutumia hii ukubwa wa herufi na kutumia hii layout menu, 1497 01:09:39,930 --> 01:09:42,670 au mwingine kutumia default hii kubwa layout. 1498 01:09:42,670 --> 01:09:45,410 >> Sasa, kwa kutumia kile msingi mbinu leo 1499 01:09:45,410 --> 01:09:48,529 inaweza wahandisi kutumia kujua kama ni 1500 01:09:48,529 --> 01:09:53,660 iPhone, Android simu, mbali, desktop kutembelea server kampuni ya? 1501 01:09:53,660 --> 01:09:55,310 Ndani gani wao kupata taarifa hiyo? 1502 01:09:55,310 --> 01:09:56,080 >> Watazamaji: Header? 1503 01:09:56,080 --> 01:09:57,740 >> DAVID J. Malan: Yeah, HTTP header. 1504 01:09:57,740 --> 01:10:01,714 Hivyo kila ombi HTTP kuja kutoka wateja wao kwa server yao 1505 01:10:01,714 --> 01:10:03,880 pamoja na, ndani ya kwamba virtual bahasha, rundo zima 1506 01:10:03,880 --> 01:10:08,260 ya headers HTTP, moja ambayo ni ya browser na mfumo wa uendeshaji 1507 01:10:08,260 --> 01:10:10,290 hata, kama huduma ya kwamba kiwango cha zaidi. 1508 01:10:10,290 --> 01:10:13,790 Sasa, ni cryptic-kuangalia kamba, lakini kuna programu ambayo mapenzi tu 1509 01:10:13,790 --> 01:10:18,530 kurahisisha kwamba, na unaweza kuuliza tu katika programu code-- PHP, Java, C ++, 1510 01:10:18,530 --> 01:10:23,650 whatever-- kile simu ni hii kile kifaa ni user hii kwa kutumia? 1511 01:10:23,650 --> 01:10:27,501 Na kisha unaweza kusema, kuwaonyesha huu toleo la tovuti ikiwa ni simu. 1512 01:10:27,501 --> 01:10:30,250 Kuwaonyesha hili toleo la tovuti ikiwa ni mbali au desktop. 1513 01:10:30,250 --> 01:10:32,316 Lakini huna hata haja server-upande utata. 1514 01:10:32,316 --> 01:10:33,940 Unaweza kufanya hata rahisi ya mambo. 1515 01:10:33,940 --> 01:10:34,815 >> Mimi nina kwenda kufanya hivyo. 1516 01:10:34,815 --> 01:10:38,995 Mimi nina kwenda mbele katika Cloud9 mazingira yangu, 1517 01:10:38,995 --> 01:10:41,370 na mimi nina kwenda kuongeza tag kwamba aliona katika Google kabla. 1518 01:10:41,370 --> 01:10:42,770 Ni wito metatag. 1519 01:10:42,770 --> 01:10:45,520 Na mimi kamwe kukumbuka hii moja, hivyo Mimi nina kwenda nukulu hapa. 1520 01:10:45,520 --> 01:10:50,552 jina Meta = "kutazama" na kisha content = "width = kifaa upana, intital 1521 01:10:50,552 --> 01:11:02,060 wadogo = 1 "na hiyo ni yake. 1522 01:11:02,060 --> 01:11:06,230 >> Hivyo inaweza pia kuwa kama dua kichawi. 1523 01:11:06,230 --> 01:11:11,300 Siyo kwamba wote wazi, lakini hii ina kitu cha kufanya na kutazama, 1524 01:11:11,300 --> 01:11:15,070 na kutazama ni mkusanyiko wa mtandao ukurasa, rectangular eneo hilo 1525 01:11:15,070 --> 01:11:16,690 amefafanua zaidi ya ukurasa. 1526 01:11:16,690 --> 01:11:19,060 Na hii ni kuwaambia tu browser, unajua nini? 1527 01:11:19,060 --> 01:11:22,589 Kufanya upana wa ukurasa huu ufanisi sawa na upana kifaa. 1528 01:11:22,589 --> 01:11:25,380 Kwa maneno mengine, si kudhani kuwa una aina ya ukomo nafasi. 1529 01:11:25,380 --> 01:11:29,920 Kudhani wewe tu na kama kiasi nafasi kama kifaa yenyewe ni kubwa. 1530 01:11:29,920 --> 01:11:34,454 Na hivyo sasa, kama mimi upya hii katika browser yangu, naona hakuna mabadiliko. 1531 01:11:34,454 --> 01:11:37,370 Lakini kama mimi correctly-- hii na napenda kuvuka fingers-- yangu kama wote 1532 01:11:37,370 --> 01:11:42,920 Reload simu yako, je kuona mabadiliko kulazimisha? 1533 01:11:42,920 --> 01:11:43,620 Yeah, ni that-- 1534 01:11:43,620 --> 01:11:45,067 >> Watazamaji: [inaudible] 1535 01:11:45,067 --> 01:11:45,900 DAVID J. Malan: Ndiyo. 1536 01:11:45,900 --> 01:11:46,400 SAWA. 1537 01:11:46,400 --> 01:11:47,850 Hivyo arguably zaidi someka sasa? 1538 01:11:47,850 --> 01:11:53,070 Bado ni ndogo, kuwa wa haki, lakini si hivyo vidogo kama kuwa magumu. 1539 01:11:53,070 --> 01:11:56,920 Na mimi naweza hakika override hii zaidi na CSS au upande server, 1540 01:11:56,920 --> 01:12:00,120 lakini inazidi nini wewe kuona ni makala zaidi na zaidi 1541 01:12:00,120 --> 01:12:02,900 kuwa aliongeza kwa mteja upande environments-- 1542 01:12:02,900 --> 01:12:06,530 JavaScript, kama tutaweza kujadili kesho, CSS, na HTML-- hivyo 1543 01:12:06,530 --> 01:12:09,190 kwamba wote wa maswali haya kifanyike juu ya mteja 1544 01:12:09,190 --> 01:12:11,910 ili kujisumbua server mengi chini na si 1545 01:12:11,910 --> 01:12:14,530 kuwa na kuweka juu na, kwa mfano, onslaught mara kwa mara 1546 01:12:14,530 --> 01:12:17,210 ya mpya wa uendeshaji-mfumo matoleo, matoleo mapya browser. 1547 01:12:17,210 --> 01:12:20,190 Unaweza basi tu browser kuuliza kifaa, jinsi kubwa ni wewe, 1548 01:12:20,190 --> 01:12:22,890 na kisha kufanya kiasi fulani mantiki maamuzi ya msingi juu ya hilo. 1549 01:12:22,890 --> 01:12:25,140 Lakini tutaona fursa zaidi kwa maamuzi mantiki 1550 01:12:25,140 --> 01:12:27,223 kesho katika mazingira ya lugha ya programu. 1551 01:12:27,223 --> 01:12:29,800 1552 01:12:29,800 --> 01:12:32,760 >> Hivyo, maswali yoyote, basi, juu ya maendeleo ya mtandao? 1553 01:12:32,760 --> 01:12:36,130 Leo ni si programu ya mtandao, per se, kwa vile wengi kila kitu tulivyofanya 1554 01:12:36,130 --> 01:12:38,370 Ilikuwa aesthetic sana, kama wewe. 1555 01:12:38,370 --> 01:12:41,750 Hakuna maamuzi katika kificho kwamba sisi wameandika, 1556 01:12:41,750 --> 01:12:44,990 na hivyo ndiyo sababu HTML ni ghafi lugha, si lugha ya programu. 1557 01:12:44,990 --> 01:12:47,140 Lakini kesho tutaweza kuchukua haraka kuangalia, hatimaye, 1558 01:12:47,140 --> 01:12:49,340 katika JavaScript, ambayo ni programu halisi 1559 01:12:49,340 --> 01:12:54,220 lugha ambayo unatuwezesha kufanya kidogo zaidi. 1560 01:12:54,220 --> 01:12:56,800 >> Maswali yoyote? 1561 01:12:56,800 --> 01:13:00,480 Naam, napenda kupendekeza mbili fursa ya hiari kwa kazi za nyumbani. 1562 01:13:00,480 --> 01:13:02,900 Moja is-- hizi Cloud9 akaunti si kumalizika. 1563 01:13:02,900 --> 01:13:04,669 Wewe ni kuwakaribisha kwa kutumia yao na tinker na. 1564 01:13:04,669 --> 01:13:05,960 Ni kiwango, bure wa huduma. 1565 01:13:05,960 --> 01:13:08,754 Kutambua kwamba, kama wakati kujenga workspace yako, wewe alifanya hivyo umma, 1566 01:13:08,754 --> 01:13:11,670 hiyo haina maana kwamba mtu yeyote juu ya internet unaweza kuona nini wewe ni kuandika. 1567 01:13:11,670 --> 01:13:15,104 Hivyo labda tu kufikiria si aibu mwenyewe 1568 01:13:15,104 --> 01:13:18,020 kama wewe ni kuweka mtandao wako kwanza ukurasa huko nje hadharani ajali, 1569 01:13:18,020 --> 01:13:20,134 lakini hakuna mtu kwenda kujua kwa kuangalia huko anyway. 1570 01:13:20,134 --> 01:13:23,760 >> Na two-- napenda toss up URL hii pia, 1571 01:13:23,760 --> 01:13:28,250 hasa kama wewe aliingia leo a kidogo chini ya starehe kuliko wengine, 1572 01:13:28,250 --> 01:13:30,430 uhakika ni nini mambo haya yote maana yake. 1573 01:13:30,430 --> 01:13:36,780 Kutambua kwamba mengi zaidi ya video hii, ambayo ni wawili njia nzuri ya usingizi 1574 01:13:36,780 --> 01:13:39,380 na pia kucheka wakati kufanya hivyo, pia ina 1575 01:13:39,380 --> 01:13:44,300 mengi ya societally kuvutia na majadiliano usalama-husika 1576 01:13:44,300 --> 01:13:47,370 humo kutoka John Oliver, japo mchekeshaji. 1577 01:13:47,370 --> 01:13:55,456 >> Lakini kama hakuna maswali zaidi, kwamba inatuleta mapokezi. 1578 01:13:55,456 --> 01:13:56,830 Hivyo kwa nini sio mimi kurejea kwenye muziki. 1579 01:13:56,830 --> 01:13:58,610 Kuwe na vinywaji na vitafunio nje. 1580 01:13:58,610 --> 01:14:00,220 Nina furaha kwa kuchanganyika kwa vile muda mrefu kama folks ungependa, 1581 01:14:00,220 --> 01:14:01,600 kujibu maswali zaidi ya mmoja kwa mmoja. 1582 01:14:01,600 --> 01:14:03,330 Lakini, vinginevyo, wewe ni kuwakaribisha kuchukua mbali katika hatua yoyote, 1583 01:14:03,330 --> 01:14:05,740 na tutaweza kuona wewe tena kesho asubuhi kwa kidogo zaidi. 1584 01:14:05,740 --> 01:14:07,290 Haki ya wote, shukrani. 1585 01:14:07,290 --> 01:14:10,428