1 00:00:00,000 --> 00:00:00,127 2 00:00:00,127 --> 00:00:01,210 DAVID J. Malan: Tout dwa. 3 00:00:01,210 --> 00:00:02,160 Nou se tounen. 4 00:00:02,160 --> 00:00:05,810 Se konsa, objektif la nan sesyon final sa a se prezante yon tijan plis konsèp 5 00:00:05,810 --> 00:00:09,290 men tou, bay tout moun yon chans kalite detire dwèt ou 6 00:00:09,290 --> 00:00:11,270 ak aktyèlman fè yon bagay yon ti kras men-sou. 7 00:00:11,270 --> 00:00:13,897 Objektif la se pa vire nou tout nan devlopè entènèt 8 00:00:13,897 --> 00:00:16,230 pa nenpòt vle di men vrèman jis l 'ban nou yon gou nan kèk 9 00:00:16,230 --> 00:00:21,750 nan konstwi yo fondamantal nan sa ale nan pwogram entènèt ak entènèt jodi a 10 00:00:21,750 --> 00:00:23,980 devlopman, se konsa nan estatik bò nan things-- 11 00:00:23,980 --> 00:00:26,660 pa gen okenn lojik, pa gen pwogram lang, jis kontni estatik. 12 00:00:26,660 --> 00:00:29,660 Epi li pral ban nou yon opòtinite ki aktyèlman wè sa ki yon sèvè sit entènèt se, 13 00:00:29,660 --> 00:00:34,140 gade ki sa yon dosye HTML se, wè sa ki li se HTTP se aktyèlman sèvi moute. 14 00:00:34,140 --> 00:00:38,600 Men, anvan nou plonje nan, nenpòt retrospektiv kesyon sou nwaj informatique 15 00:00:38,600 --> 00:00:43,922 oswa sekirite oswa nenpòt bagay nan ant? 16 00:00:43,922 --> 00:00:44,890 >> Pa gen? 17 00:00:44,890 --> 00:00:47,181 Tout dwa, byen, se pou yo fè sa, jis nan ka 18 00:00:47,181 --> 00:00:49,680 pwosesis la nan siyen pou yon bagay pran yon kèk minit. 19 00:00:49,680 --> 00:00:51,221 Nou pral kite l fè l 'nan background nan. 20 00:00:51,221 --> 00:00:56,860 Ale pi devan, si ou te kapab, sa a URL isit lan-- c9.io. 21 00:00:56,860 --> 00:01:02,810 Sa a se yon twazyèm-pati service-- platfòm kòm yon sèvis, si ou will-- 22 00:01:02,810 --> 00:01:05,190 ki pral envite ou pou enskri pou yon kont, 23 00:01:05,190 --> 00:01:08,650 ak li a pral bay chak nan nou yon kont nan syèl la sa yo rele 24 00:01:08,650 --> 00:01:11,330 sou enfrastrikti yon lòt moun, yon konpayi yo rele Cloud9. 25 00:01:11,330 --> 00:01:13,350 Men, sa ki nan bèl sou sa a se ke yo ba ou 26 00:01:13,350 --> 00:01:15,990 yon apwoksimasyon nan yon aktyèl devlopman mond reyèl la 27 00:01:15,990 --> 00:01:18,530 anviwònman, kwake nan la nwaj ak nan yon navigatè entènèt, 28 00:01:18,530 --> 00:01:21,175 epi n ap sèvi ak sa a ki aktyèlman eksperyans yon ti jan jodi a. 29 00:01:21,175 --> 00:01:27,116 30 00:01:27,116 --> 00:01:30,260 Lè sa a, ale pi devan epi jis navige fason ou nan pwosesis la siy-up 31 00:01:30,260 --> 00:01:32,630 si ou t 'kapab. 32 00:01:32,630 --> 00:01:36,080 Se konsa, nou rive sèvi ak sa a nan klas la Mwen anseye pou tout moun nan elèv nou yo, 33 00:01:36,080 --> 00:01:39,140 tou de sou lakou lekòl la yo ak sou kounye a, ak li nan ranplase sa istorikman 34 00:01:39,140 --> 00:01:41,390 te otreman Downloadable lojisyèl. 35 00:01:41,390 --> 00:01:44,620 Se konsa, sa ou te jwenn aksè nan se youn nan sa yo machin vityèl, 36 00:01:44,620 --> 00:01:46,460 esansyèlman, pou m 'dekri pi bonè. 37 00:01:46,460 --> 00:01:50,260 Se konsa, Cloud9 konpayi sa a pwobableman pri lwaye ki sòti nan yon party-- twazyèm tout bon 38 00:01:50,260 --> 00:01:52,760 nan ka sa a, Google-- yon antye pakèt moun sou machin vityèl 39 00:01:52,760 --> 00:01:56,500 ki yo yon jan kanmenm koupe moute nan ilizyon an nan serveurs endividyèl 40 00:01:56,500 --> 00:01:58,610 ke chak nan nou gen kontwòl konplè sou. 41 00:01:58,610 --> 00:02:01,640 Li pa byen egzat yo di ke yo ap machin vityèl, 42 00:02:01,640 --> 00:02:04,550 menm si, paske sa Cloud9 aktyèlman sèvi ak 43 00:02:04,550 --> 00:02:07,570 se yon teknoloji yon ti jan plus rele kontnerizasyon. 44 00:02:07,570 --> 00:02:13,150 Ak kite m 'gen tan pwan foto sa a isit la nan penti foto sa a. 45 00:02:13,150 --> 00:02:16,540 >> Yon veso se, si ou sonje foto a 46 00:02:16,540 --> 00:02:19,900 soti nan pi bonè, yon ti kras pi lejè pwa pase yon machin vityèl. 47 00:02:19,900 --> 00:02:22,090 An reyalite, Lè nou konsidere ke dènye fwa nou te pale osijè de gen 48 00:02:22,090 --> 00:02:25,170 yo te yon opere sistèm ak yon ipèrvizeur 49 00:02:25,170 --> 00:02:28,260 ak Lè sa a sistèm opere envite, envite sistèm opere, opere envite 50 00:02:28,260 --> 00:02:30,940 sistèm, sou tèt ou pyès ki nan konpitè fizik, 51 00:02:30,940 --> 00:02:33,740 diferans la ak sa a plus teknoloji, kontnerizasyon, 52 00:02:33,740 --> 00:02:37,290 se yo ke yo tout yon jan kanmenm pataje menm sistèm nan fonksyone. 53 00:02:37,290 --> 00:02:39,970 Men, yo toujou kreye ilizyon an nan tout moun 54 00:02:39,970 --> 00:02:44,590 gen li oswa li pwòp san konte dwa administratif ak dosye 55 00:02:44,590 --> 00:02:45,400 sou sèvè a. 56 00:02:45,400 --> 00:02:48,230 Men, gen nan mwens lojisyèl nan ant ou menm ak pyès ki nan konpitè. 57 00:02:48,230 --> 00:02:52,260 Rezilta a nan ki se, nan teyori, yon pèfòmans ki pi wo, 58 00:02:52,260 --> 00:02:55,470 paske w ap lè l sèvi avèk oswa gaspiye mwens resous 59 00:02:55,470 --> 00:02:57,360 sou sa sa yo rele kouch Virtualization. 60 00:02:57,360 --> 00:02:59,420 Se konsa, sa a se rele kontnerizasyon pa nati 61 00:02:59,420 --> 00:03:02,920 pa fason pou yon teknoloji ki rele Koupre, ki se anpil vini nan pwòp li yo. 62 00:03:02,920 --> 00:03:05,086 Lè sa a se yon bagay ki enjenyè nan konpayi ou 63 00:03:05,086 --> 00:03:08,610 ta ka kalite sòt de kòmanse pale sou byento si yo pa gen deja, 64 00:03:08,610 --> 00:03:11,590 menm si gen nan sètènman pa gen okenn rezon ki fè yo sote sou nenpòt bandwagons. 65 00:03:11,590 --> 00:03:15,410 >> Se konsa, avèk ki te di, ki sa pwobableman ou wè kounye a 66 00:03:15,410 --> 00:03:22,670 se yon ekran ki sanble yon ti jan tankou sa a. 67 00:03:22,670 --> 00:03:23,170 OK. 68 00:03:23,170 --> 00:03:25,260 Epi jis rele m 'sou si se pa. 69 00:03:25,260 --> 00:03:27,440 Men, si so-- mwen pral vin sou si se pa. 70 00:03:27,440 --> 00:03:30,244 Ale pi devan epi klike sou ki gwo plis yo kreye yon vorkspas, 71 00:03:30,244 --> 00:03:31,660 epi ou pral wè yon ekran tankou sa a. 72 00:03:31,660 --> 00:03:35,020 Ou ka rele vorkspas la non nenpòt sa ou vle pou kounye a. 73 00:03:35,020 --> 00:03:38,660 Epi jis aktyèlman pou senplisite, ale and-- byen, anpil nan nou 74 00:03:38,660 --> 00:03:39,660 deja gen vorkspas. 75 00:03:39,660 --> 00:03:47,050 Rele li tou sa ou vle-biznis, Harvard, Jedi, tou sa ou ta renmen. 76 00:03:47,050 --> 00:03:48,800 Ou pa bezwen yon deskripsyon. 77 00:03:48,800 --> 00:03:52,380 Ou ka kite li prive, sof si ou deja gen yon pakèt moun sou vorkspas. 78 00:03:52,380 --> 00:03:55,280 Si w ap fòse yo fè li piblik, sa a, se amann pou rezon a jodi a. 79 00:03:55,280 --> 00:03:56,750 Isit la, tou, se youn nan upsells yo. 80 00:03:56,750 --> 00:03:59,939 Ou jwenn youn vorkspas prive pa default. Men, si ou vle plis, 81 00:03:59,939 --> 00:04:00,980 ou oblije peye pou pi plis. 82 00:04:00,980 --> 00:04:02,870 Otreman, yo fòse ou fè piblik travay ou. 83 00:04:02,870 --> 00:04:05,600 Men, sa a amann, paske yo menm tou yo sib sa a nan kominote louvri-sous 84 00:04:05,600 --> 00:04:07,700 ankouraje moun yo aktyèlman kolabore. 85 00:04:07,700 --> 00:04:10,699 >> Epi bagay ki sot pase a sa a, se enpòtan, menm si, se, apre ou fin chwazi yon non 86 00:04:10,699 --> 00:04:17,140 ak apre ou chwazi pou ou prive oswa piblik, klike sou HTML5, gwo icon nan zoranj 87 00:04:17,140 --> 00:04:22,430 dezyèm soti nan bò gòch la, ak Lè sa a, klike sou Kreye buro. 88 00:04:22,430 --> 00:04:24,580 Epi li pral pwobableman pran yon minit oswa konsa, 89 00:04:24,580 --> 00:04:26,540 men ou pral Lè sa a, gen yon anviwònman, yon fwa ou 90 00:04:26,540 --> 00:04:30,544 fè sa, ki sanble okoumansman de sa m 'genyen sou ekran an isit la kounye a. 91 00:04:30,544 --> 00:04:33,210 Men, ankò, li ta ka pran yon minit oswa plis pou li ale nan ekran sa a 92 00:04:33,210 --> 00:04:34,770 yon fwa ou te klike Kreye buro. 93 00:04:34,770 --> 00:04:37,936 Men, jis drapo m 'sou si ou ta renmen m' pran yon gade nan anyen oswa konseye. 94 00:04:37,936 --> 00:04:40,191 95 00:04:40,191 --> 00:04:40,690 Tout dwa. 96 00:04:40,690 --> 00:04:42,390 Se konsa, mwen ale nan jan nou koumanse sa a pou kounye a. 97 00:04:42,390 --> 00:04:44,260 Rele m 'sou si ou sanble yo gen nenpòt difikilte teknik. 98 00:04:44,260 --> 00:04:46,210 Men, ankò, li ta ka pran yon ti kras pou sa yo louvri. 99 00:04:46,210 --> 00:04:49,570 Li kite yo ale pi devan epi pale sou sa li aktyèlman vle di fè yon paj entènèt, 100 00:04:49,570 --> 00:04:52,780 sa HTML se, ak ki jan tout bagay sa yo kounye a interconnexions kòm nou ap kòmanse 101 00:04:52,780 --> 00:04:54,730 ki aktyèlman sèvi ak kèk nan teknoloji a. 102 00:04:54,730 --> 00:04:58,310 Se konsa, li sanble ke mwen kapab ale sou ti kras Mac mwen an isit la, 103 00:04:58,310 --> 00:05:01,650 louvri yon pwogram senp rele TextEdit, oswa sou Windows mwen te kapab 104 00:05:01,650 --> 00:05:04,480 louvri yon bagay yo rele Notepad.exe. 105 00:05:04,480 --> 00:05:08,260 Apre sa, mwen te kapab jis tou senpleman fè yon bagay tankou sa a men "hello, nan lemonn." 106 00:05:08,260 --> 00:05:12,020 Lè sa a, mwen te kapab sove sa a kòm hello.txt Se konsa, pa gen okenn majik la. 107 00:05:12,020 --> 00:05:15,200 Sa a pa gen anyen fè ak sit entènèt pwogram, pa gen anyen fè ak HTML. 108 00:05:15,200 --> 00:05:16,790 Jis kreye yon dosye tèks ki senp. 109 00:05:16,790 --> 00:05:20,600 Men, li sanble ke yon sit entènèt paj se literalman sèlman sa. 110 00:05:20,600 --> 00:05:24,020 Li se yon senp tèks dosye tèks ki gen ke ou ta ka tape nan klavye ou, 111 00:05:24,020 --> 00:05:30,070 men li tipikman men se pa toujou fini nan pa .txt men .HTML oswa .htm. 112 00:05:30,070 --> 00:05:32,050 Epi ou pa fè sa jis tape mo nan dosye a. 113 00:05:32,050 --> 00:05:35,280 Ou gen aktyèlman yo sèvi ak bagay sa yo rele Tags oswa, plis jeneralman, yon bagay 114 00:05:35,280 --> 00:05:37,190 rele lang markeup. 115 00:05:37,190 --> 00:05:40,510 >> Se konsa, mwen ale nan trè vit tape ak Lè sa a eksplike ki annapre yo. 116 00:05:40,510 --> 00:05:42,290 Mwen pral premye tape sa a, ki di, 117 00:05:42,290 --> 00:05:45,730 hey, navigatè, isit la vini yon paj entènèt ekri nan HTML. 118 00:05:45,730 --> 00:05:51,850 Apre sa, de bagay sa yo ansanm di, hey, navigatè, sa ki annapre yo se vre HTML. 119 00:05:51,850 --> 00:05:55,790 Hey, navigatè, isit la vini nan tèt oswa tèt la nan paj m 'yo. 120 00:05:55,790 --> 00:05:59,900 Hey, navigatè, andedan nan tèt la nan paj mwen, mete yon tit se sa ki, "hello, 121 00:05:59,900 --> 00:06:01,610 nan lemonn. " 122 00:06:01,610 --> 00:06:08,370 Hey, navigatè, apre yo fin tèt la nan mwen paj, isit la vini kò a nan paj m 'yo. 123 00:06:08,370 --> 00:06:12,170 Epi, hey, navigatè, kò a nan mwen paj ta dwe tou di, "alo nan lemonn." 124 00:06:12,170 --> 00:06:15,500 Se konsa, sa yo se detay yo essayant isit la? 125 00:06:15,500 --> 00:06:17,960 Sa a se sa ki nan jeneralman rele yon deklarasyon doc-kalite, 126 00:06:17,960 --> 00:06:20,190 ak, franchman, li nan yon ti kras difisil yo memorize sa a an premye. 127 00:06:20,190 --> 00:06:21,481 Ou jis kalite kopi-kole li. 128 00:06:21,481 --> 00:06:23,760 Sa a se yon fason a fòmèl nan di, hey, navigatè, 129 00:06:23,760 --> 00:06:28,030 M ap itilize HTML vèsyon 5 ki soti yon ti jan dènyèman. 130 00:06:28,030 --> 00:06:31,380 Li se yon enkantasyon majik ki kèk moun ki gen yon sans pòv nan konsepsyon 131 00:06:31,380 --> 00:06:33,640 deside mete nan la anpil tèt nan dosye a. 132 00:06:33,640 --> 00:06:35,473 Menm si li nan yon ti kras Esoteric, ki nan tout 133 00:06:35,473 --> 00:06:38,250 li means-- hey, navigatè, isit la vini ak vèsyon 5 nan HTML. 134 00:06:38,250 --> 00:06:41,741 >> te Rès la nan sa a te avèk nou pou kèk tan kounye a, istorikman, 135 00:06:41,741 --> 00:06:44,740 men li te gen en, ak li a pwobableman te resevwa yon ti kras ki pi senp. 136 00:06:44,740 --> 00:06:47,320 Avi yon karakteristik kèk nan sa m 'te make. 137 00:06:47,320 --> 00:06:49,890 Genyen bagay sa yo ak Incline brackets-- bracket a bò gòch 138 00:06:49,890 --> 00:06:51,040 ak bracket a dwat. 139 00:06:51,040 --> 00:06:52,490 Apre sa, remake simetri a isit la. 140 00:06:52,490 --> 00:06:57,340 Ak nan simetri, mwen vle di, menm jan mwen gen sa a tag kòmanse isit la oswa yon tag louvri 141 00:06:57,340 --> 00:07:01,560 si ou vle, desann isit la mwen gen yon fèmen tag oswa yon tag fen sa a, se 142 00:07:01,560 --> 00:07:06,460 diferan sèlman tèl degre ke li gen sa a koupe nan kòmansman an nan pawòl Bondye a 143 00:07:06,460 --> 00:07:07,360 HTML. 144 00:07:07,360 --> 00:07:09,360 Epi ou ka panse a sa a jan mwen te dekontrakte 145 00:07:09,360 --> 00:07:12,280 pwopoze anvan, hey, navigatè, isit la vini kèk HTML. 146 00:07:12,280 --> 00:07:16,060 Epi, Kontrèman, hey, navigatè, sa a, se li pou kòmansman an HTML-- ak yon fen. 147 00:07:16,060 --> 00:07:18,440 >> Pandan se tan hey, navigatè, isit la vini tèt la nan paj m 'yo. 148 00:07:18,440 --> 00:07:20,140 Hey, navigatè, sa a, se li pou tèt la. 149 00:07:20,140 --> 00:07:22,240 Hey, navigatè, isit la se kò a nan paj m 'yo. 150 00:07:22,240 --> 00:07:24,020 Hey, navigatè, sa a, se li pou kò a. 151 00:07:24,020 --> 00:07:26,940 Apre sa, andedan nan ki se kèk abitrè tèks pou kounye a. 152 00:07:26,940 --> 00:07:30,520 Ak andedan nan tèt la, pandan se tan, se kèk abitrè men atenn, 153 00:07:30,520 --> 00:07:34,410 se konsa pale, tèks ki di, tit la nan paj m ap "hello, nan lemonn." 154 00:07:34,410 --> 00:07:37,470 Koulye a, pou kounye a, ou kapab asime ke navigatè 155 00:07:37,470 --> 00:07:41,762 gen only-- oswa, olye, paj wèb gen sèlman de parts-- tèt la ak kò a. 156 00:07:41,762 --> 00:07:44,220 Ak tèt la se jeneralman jis tankou ba meni an, bagay la 157 00:07:44,220 --> 00:07:45,510 vrèman jis nan tèt la anpil. 158 00:07:45,510 --> 00:07:48,910 Ansanm ak tout kò a se entesten yo nan paj la, tout bagay nan ki rektang gwo 159 00:07:48,910 --> 00:07:50,239 ki plen ekran an. 160 00:07:50,239 --> 00:07:51,780 Se konsa, mwen pral ale pi devan epi fè sa a. 161 00:07:51,780 --> 00:07:54,400 Mwen pral ale pi devan ak klike sou Save, File Save. 162 00:07:54,400 --> 00:07:58,580 Men, mwen pral pou konsève pou sa a kòm hello.html, 163 00:07:58,580 --> 00:08:00,870 ak mwen jis ale nan mete l 'sou Desktop m' yo. 164 00:08:00,870 --> 00:08:03,520 Apre sa, mwen pral ale pi devan epi klike sou Save. 165 00:08:03,520 --> 00:08:05,806 Apre sa, notice-- Mac mwen an pi piti se tap rele ke nan m '. 166 00:08:05,806 --> 00:08:07,180 Èske ou sèten ou vle fè sa? 167 00:08:07,180 --> 00:08:08,710 Apre sa, mwen pral di, repons lan se wi, sèvi ak HTML. 168 00:08:08,710 --> 00:08:10,400 Mwen konnen pi byen nan ka sa a. 169 00:08:10,400 --> 00:08:14,686 Epi, koulye a mwen pral pou yo ale nan Desktop m ' kote mwen gen sa a ranpli toudenkou. 170 00:08:14,686 --> 00:08:16,060 Men, mwen pral a doub-klike sou li. 171 00:08:16,060 --> 00:08:18,268 Apre sa, ou pral avi ke, pa default, Chrome louvri moute. 172 00:08:18,268 --> 00:08:19,996 Sa a paske se sa navigatè default mwen. 173 00:08:19,996 --> 00:08:21,370 Epi, se jis di, "hello, nan lemonn." 174 00:08:21,370 --> 00:08:23,078 Men, li di "hello, mond "nan de kote. 175 00:08:23,078 --> 00:08:23,979 Avi gòch anwo. 176 00:08:23,979 --> 00:08:25,020 Joli difisil yo kapab manke sa. 177 00:08:25,020 --> 00:08:26,180 Li nan gwo ak karaktè fonse. 178 00:08:26,180 --> 00:08:30,690 Ak ki kote lòt moun li sanble yo di, "hello, mond"? 179 00:08:30,690 --> 00:08:31,470 >> ODYANS: Tab la. 180 00:08:31,470 --> 00:08:33,100 >> DAVID J. Malan: Yeah, tab la tèt li. 181 00:08:33,100 --> 00:08:35,159 Se konsa, lè m 'te di tèt la nan nan paj se tout bagay moute top-- 182 00:08:35,159 --> 00:08:36,367 ak tout bon sa a se tit la. 183 00:08:36,367 --> 00:08:37,710 Se jis nan tab la isit la. 184 00:08:37,710 --> 00:08:40,320 Apre sa, mwen ka rale sa a tab soti se konsa yo pa konfonn. 185 00:08:40,320 --> 00:08:43,360 Sa a se jis yon tab sèl kounye a, ak tout bon nou wè "hello, mond" 186 00:08:43,360 --> 00:08:45,970 moute isit la ak "hello, mond" desann isit la. 187 00:08:45,970 --> 00:08:47,160 Se konsa, trè dwat. 188 00:08:47,160 --> 00:08:49,050 Men, li la tou san patipri ki senp. 189 00:08:49,050 --> 00:08:50,440 Epi, aktyèlman, mwen agrandi nan. 190 00:08:50,440 --> 00:08:53,272 Mwen ka chanje gwosè a font jis magnify pou aksè. 191 00:08:53,272 --> 00:08:56,830 Men, kite a kounye a fè yon bagay yon ti kras plis enteresan. 192 00:08:56,830 --> 00:08:59,760 >> Mwen pral go-- whoops, se pou m 'jwenn tounen nan dosye tèks m' yo. 193 00:08:59,760 --> 00:09:02,400 Mwen pral tounen nan m ' dosye tèks, ak mwen pral 194 00:09:02,400 --> 00:09:06,320 chanje sa a epi di "Hello, Disney World." 195 00:09:06,320 --> 00:09:07,970 Save. 196 00:09:07,970 --> 00:09:10,919 Apre sa, tounen nan m ' navigatè, epi klike Reload. 197 00:09:10,919 --> 00:09:12,710 Koulye a, nan kou, li di "Disney World." 198 00:09:12,710 --> 00:09:15,500 Apre sa, mwen mwen pral atifisyèlman rale nan jis pou li pi fasil wè. 199 00:09:15,500 --> 00:09:19,012 Se konsa, kounye, malerezman, mwen kalite vle to-- aktyèlman, sa a, se yon karakteristik Mac. 200 00:09:19,012 --> 00:09:21,720 Mwen vle klike sou Disney World ak ale yon kote tankou disney.com, 201 00:09:21,720 --> 00:09:23,290 men sa pa travay. 202 00:09:23,290 --> 00:09:26,850 Se konsa, yon prensip debaz yo nan entènèt la se Des, lyen ki ale yon lòt kote. 203 00:09:26,850 --> 00:09:28,390 Se konsa, kouman mwen fè sa? 204 00:09:28,390 --> 00:09:34,690 Oke, mwen te kapab jis di, "Hello, http://www.disney.com." 205 00:09:34,690 --> 00:09:36,110 Save sa a. 206 00:09:36,110 --> 00:09:37,620 Recharger. 207 00:09:37,620 --> 00:09:39,400 Men, sa a tou, pa klikabl. 208 00:09:39,400 --> 00:09:42,930 Ak sa ki nan bèl isit la, menm si sa a se pa fonksyonèl ankò, 209 00:09:42,930 --> 00:09:45,930 se ke li sanble ke nan navigatè literalman sèlman fè 210 00:09:45,930 --> 00:09:46,950 ki sa mwen di l 'bay fè. 211 00:09:46,950 --> 00:09:50,110 Se konsa, si mwen jis tape yon URL tankou sa a, li nan jis ale nan montre m URL la. 212 00:09:50,110 --> 00:09:54,270 Mwen bezwen sèvi ak Tags oswa markeup lang yo aktyèlman di 213 00:09:54,270 --> 00:09:55,621 navigatè a fè menm plis. 214 00:09:55,621 --> 00:09:57,870 Se konsa, mwen pral ale pi devan ak efase sa a pou yon moman. 215 00:09:57,870 --> 00:10:00,980 Apre sa, mwen pral di, hey, navigatè, kòmanse yon jete lank isit la, 216 00:10:00,980 --> 00:10:02,650 yon lyen se konsa pale. 217 00:10:02,650 --> 00:10:07,500 Apre sa, ultra-referans a, destinasyon an nan ki jete lank, yo ta dwe URL sa a. 218 00:10:07,500 --> 00:10:08,750 Apre sa, remake quotes mwen. 219 00:10:08,750 --> 00:10:11,590 Mwen te kapab sèvi ak quotes sèl, tou, men ou gen yo dwe konsistan, 220 00:10:11,590 --> 00:10:14,270 e mwen ta jeneralman jis itilize quotes doub kenbe li senp. 221 00:10:14,270 --> 00:10:16,820 Avi mwen pral fèmen tag la. 222 00:10:16,820 --> 00:10:21,160 Lè sa a, isit la mwen pral yo di, "Disney World." 223 00:10:21,160 --> 00:10:26,890 Epi kounyeya, m bezwen kèk symmetry-- louvri bracket, / a, fèmen bracket. 224 00:10:26,890 --> 00:10:28,090 >> Se konsa, sa m 'prezante? 225 00:10:28,090 --> 00:10:30,100 Nou te gen yon Tags kèk deja. 226 00:10:30,100 --> 00:10:32,410 HTML, Tèt, Tit, kò, yo tout Tags, se konsa pale, 227 00:10:32,410 --> 00:10:34,280 ak tokay ouvè ak fèmen. 228 00:10:34,280 --> 00:10:36,530 Men, avi, sa a se sòt nan fondamantalman diferan. 229 00:10:36,530 --> 00:10:39,140 Sa a se sa nou pral rele nan HTML yon atribi. 230 00:10:39,140 --> 00:10:41,451 Apre sa, yon atribi se jis yon pè kle-valè. 231 00:10:41,451 --> 00:10:43,950 Sa a se yon bagay ki komen nan kle-valè òdinatè science-- pè. 232 00:10:43,950 --> 00:10:45,770 Li nan sòt de zouti nan nan komès la. 233 00:10:45,770 --> 00:10:47,040 Yon kle ak yon valè. 234 00:10:47,040 --> 00:10:49,390 Yon ti mo ak Lè sa a kèk lòt mo oubyen yon mo yo. 235 00:10:49,390 --> 00:10:53,790 Ak nan ka sa a, kle a se href, ak valè a se ke URL plen. 236 00:10:53,790 --> 00:10:57,890 Ak sa ki yon atribi fè se li enfliyanse konpòtman an nan yon tag. 237 00:10:57,890 --> 00:11:01,010 Ak nan ka sa a, nou bezwen gen enfliyans sou konpòtman an nan tag nan jete lank, 238 00:11:01,010 --> 00:11:04,140 paske nou bezwen jete lank sa a ap mennen nan yon kote. 239 00:11:04,140 --> 00:11:06,960 Ak ki jan ou fè sa se pa fason pou atribi a. 240 00:11:06,960 --> 00:11:08,970 >> Se konsa, mwen pral ale pi devan epi sove dosye a kounye a. 241 00:11:08,970 --> 00:11:11,300 Tounen nan navigatè m 'ak Reload. 242 00:11:11,300 --> 00:11:14,580 Epi, vwala, nou genyen kounye a nan kòmanse nan yon paj entènèt lejitim. 243 00:11:14,580 --> 00:11:18,420 Super-senp, men si mwen hover sou avi sa a men nan kwen an anba-gòch, 244 00:11:18,420 --> 00:11:19,830 li nan super-piti. 245 00:11:19,830 --> 00:11:21,730 Men, ou fè wè www.disney.com. 246 00:11:21,730 --> 00:11:27,076 Men, si mwen klike sou li, tout bon sa a fwe m 'tounen al jwenn disney.com. 247 00:11:27,076 --> 00:11:29,380 Koulye a, bagay la kirye isit la se ke li se pa 248 00:11:29,380 --> 00:11:33,940 best-- nan URL ki pi marchands, men sa a, se amann paske sa a ranpli pa fè sa 249 00:11:33,940 --> 00:11:35,360 egziste sou World Wide Web la. 250 00:11:35,360 --> 00:11:39,740 Li egziste kòm yon dosye lokal yo nan aparamman Itilizatè yo mwen anyè / jharvard-- 251 00:11:39,740 --> 00:11:41,890 pou Jan Harvard / Desktop. 252 00:11:41,890 --> 00:11:42,634 Men, li gen yon URL. 253 00:11:42,634 --> 00:11:43,800 Li jis k ap pase yo lokal yo. 254 00:11:43,800 --> 00:11:47,050 Malerezman, pa youn nan ou ka ale nan sa a, paske si ou tape URL sa a, 255 00:11:47,050 --> 00:11:49,980 ou ta dwe di navigatè ou a, gade pou yon hello.html dosye rele 256 00:11:49,980 --> 00:11:50,772 sou kondwi difisil ou. 257 00:11:50,772 --> 00:11:53,271 Epi, nan kou, sof si ou te te swiv ansanm manyèlman, 258 00:11:53,271 --> 00:11:54,530 li pa k ap pase yo egziste a. 259 00:11:54,530 --> 00:11:55,190 >> Se poutèt sa se amann. 260 00:11:55,190 --> 00:11:57,815 Nou toujou bezwen yon fason, finalman, yo ka resevwa sa a ranpli nan entènèt la, 261 00:11:57,815 --> 00:12:01,180 men kite a toumante apa yon koup la enplikasyon sekirite nan sa ki nou jis 262 00:12:01,180 --> 00:12:04,850 wè epi mare l 'tounen nan pi bonè a diskisyon sa a soti nan maten. 263 00:12:04,850 --> 00:12:08,200 Li sanble ke, si yon navigatè literalman jis fè 264 00:12:08,200 --> 00:12:12,560 ki sa mwen di l 'bay fè, epi li sanble yo dwe ka a ke yon tag jete lank se 265 00:12:12,560 --> 00:12:17,380 enfliyanse pa valè a nan sa a atribi rele href 266 00:12:17,380 --> 00:12:20,810 men li montre sa a tèks, sa a ta sanble 267 00:12:20,810 --> 00:12:26,520 yo vle di ke mwen te ka mete URL la nan tou de kote ak Lè sa a Reload 268 00:12:26,520 --> 00:12:29,100 e kounye a, wè URL la epi ale nan URL la. 269 00:12:29,100 --> 00:12:32,680 Avi, si mwen hover sou anba-bò gòch la, Mwen tout bon ale toujou yo disney.com. 270 00:12:32,680 --> 00:12:38,340 >> Se konsa, si ou te janm te phished-- P-H-I-S-H-E-D-- 271 00:12:38,340 --> 00:12:42,820 ak youn nan moun ki Imèl fos soti nan tankou PayPal bank ou, 272 00:12:42,820 --> 00:12:46,470 ou te pwobableman vinn lyen andedan nan imel la ke ou ap li ki 273 00:12:46,470 --> 00:12:49,970 di ou klike isit la yo ale konfime modpas ou oswa pou konfime DAT NESANS ou 274 00:12:49,970 --> 00:12:53,840 oubyen sosyal oswa yon bagay sosyalman jeni ou ka ta pataje 275 00:12:53,840 --> 00:12:54,920 enfòmasyon. 276 00:12:54,920 --> 00:12:57,625 Oke, mwen te kapab kalite pran avantaj nan sa a, pa t 'kapab ye? 277 00:12:57,625 --> 00:13:01,240 Mwen te kapab di yon bagay tankou, www.paypal.com. 278 00:13:01,240 --> 00:13:11,340 Ak olye pou yo disney.com, mwen te ka ale nan, tankou, badguy.com. 279 00:13:11,340 --> 00:13:12,850 Recharger. 280 00:13:12,850 --> 00:13:16,620 Ak ki jan fasil se li nan trompe, espesyalman yon lektè ki pa teknik 281 00:13:16,620 --> 00:13:20,649 oswa yon cursorily lekti lektè pase klike 282 00:13:20,649 --> 00:13:23,940 yon ap mennen tankou sa a, ki si mwen klike sou l-- Mwen aktyèlman pa ta vle ale badguy.com. 283 00:13:23,940 --> 00:13:25,398 Mwen pa konnen sa la aktyèlman la. 284 00:13:25,398 --> 00:13:30,080 Se konsa, paypal.com, avi, se sa li di li pral yo, 285 00:13:30,080 --> 00:13:33,210 men nan kou, si mwen gade desann super-ba, li nan yon ti kras twoub, 286 00:13:33,210 --> 00:13:34,230 men li di badguy.com. 287 00:13:34,230 --> 00:13:38,644 Sa a se sèlman di a kounye a ke mwen pral nan plas la sa ki mal. 288 00:13:38,644 --> 00:13:41,560 Lè m 'te di byen bonè ke bank vrèman pa ta dwe ankouraje oswa tren 289 00:13:41,560 --> 00:13:44,510 itilizatè nan klike lyen, sa a se jis yon manifestasyon nan li. 290 00:13:44,510 --> 00:13:45,430 Lè li nan sa ki senp. 291 00:13:45,430 --> 00:13:48,120 Ou se kounye a yon lènmi si ou fè yon bagay tankou sa a 292 00:13:48,120 --> 00:13:51,000 epi eseye fè je chèch ak yon itilizatè nan vizite sit entènèt ou. 293 00:13:51,000 --> 00:13:53,320 Men, pou kounye a, nou pral kenbe bagay sa yo bèl e pwòp. 294 00:13:53,320 --> 00:13:55,640 Nou ap pral ale pi devan ak remonte chanjman sa yo. 295 00:13:55,640 --> 00:13:56,530 Reload paj la. 296 00:13:56,530 --> 00:13:57,740 Apre sa, mwen tounen nan disney.com. 297 00:13:57,740 --> 00:14:00,660 >> Ann wè si nou pa ka toumante sa a apa yon ti kras plis. 298 00:14:00,660 --> 00:14:04,160 Se konsa, "hello, Disney World." 299 00:14:04,160 --> 00:14:05,950 Mwen pral di desann isit la. 300 00:14:05,950 --> 00:14:08,220 Petèt mwen pral fè kèk chanm. 301 00:14:08,220 --> 00:14:12,730 "Nou espere ou jwi rete ou!" 302 00:14:12,730 --> 00:14:13,830 Save. 303 00:14:13,830 --> 00:14:15,850 Recharger. 304 00:14:15,850 --> 00:14:19,010 Li pa nan rea-- sa a pa ki sa mwen gen entansyon, dwa? 305 00:14:19,010 --> 00:14:21,870 Mwen vle di, si mwen trete tèks mwen ranpli tankou yon processeur mo, 306 00:14:21,870 --> 00:14:24,894 kisa nou te espere ta rive isit la? 307 00:14:24,894 --> 00:14:27,060 Yeah, Mwen santi mwen tankou gen ta dwe gen yon ti repo liy isit la, 308 00:14:27,060 --> 00:14:28,799 se konsa li santi l buggy nan kèk fason. 309 00:14:28,799 --> 00:14:31,090 Men, sa a aktyèlman ekspre, paske jis tankou anvan, 310 00:14:31,090 --> 00:14:33,381 navigatè a se sèlman pral sa ou di l 'bay fè. 311 00:14:33,381 --> 00:14:34,806 Mwen pa t 'rakonte l' bay kraze liy yo. 312 00:14:34,806 --> 00:14:37,930 Mwen pa te rakonte l 'bay deplase desann, menm menm si, entwitif, mwen santi mwen tankou mwen te fè sa. 313 00:14:37,930 --> 00:14:39,805 Se konsa, li vire soti nou bezwen yon ti kras plis markeup, 314 00:14:39,805 --> 00:14:41,390 ak mwen pral ranje sa a jan sa a. 315 00:14:41,390 --> 00:14:46,160 Mwen pral prefas sa a premye alo ak sa yo rele yon tag paragraf. 316 00:14:46,160 --> 00:14:48,920 Lè sa a, mwen pral ale pi devan epi vlope sa a fraz lòt 317 00:14:48,920 --> 00:14:54,370 nan yon lòt tag paragraf, menm si yo ap paragraf super-kout. 318 00:14:54,370 --> 00:14:55,930 Koulye a, mwen pral pou konsève pou. 319 00:14:55,930 --> 00:14:57,160 Recharger. 320 00:14:57,160 --> 00:14:59,070 Epi, koulye a nou gen ki espas, epi nou sòt de 321 00:14:59,070 --> 00:15:01,680 gen Semantics yo nan de paragraf ki apa a. 322 00:15:01,680 --> 00:15:05,290 >> Sa a tout amann ak bon, men li ta dwe nice yo ajoute yon imaj nan paj sa a, 323 00:15:05,290 --> 00:15:08,710 se konsa mwen pral yo ale gade pou Mickey Mouse sou Google Images. 324 00:15:08,710 --> 00:15:12,830 Epi jis pou plezi, mwen se ale nan gen tan pwan imaj sa a. 325 00:15:12,830 --> 00:15:15,350 Mwen pral ale pi devan kounye a epi yo gen tan pwan URL la nan imaj sa a, 326 00:15:15,350 --> 00:15:16,510 menm si gen nan diferan fason yo fè sa a. 327 00:15:16,510 --> 00:15:18,520 Pou kounye a, mwen jis ale a kapab bay kopi URL la. 328 00:15:18,520 --> 00:15:24,770 Mwen pral ale tounen nan tèks mwen dosye, ak mwen pral di isit la, 329 00:15:24,770 --> 00:15:31,160 img src = quote unquote ki URL, super-long. 330 00:15:31,160 --> 00:15:34,580 Lè sa a, nosyon de yon imaj se yon ti kras diferan. 331 00:15:34,580 --> 00:15:38,640 Genyen vrèman pa gen okenn nosyon nan kòmanse yon imaj epi k ap fini yon imaj, 332 00:15:38,640 --> 00:15:40,630 tankou yon kòmanse tag yon tag fen. 333 00:15:40,630 --> 00:15:43,840 Se konsa, li santi l yon ti kras etranj nan m 'Semantics fè sa, 334 00:15:43,840 --> 00:15:45,390 gen yon tag pre-imaj. 335 00:15:45,390 --> 00:15:46,780 Li pa kòrèk. 336 00:15:46,780 --> 00:15:48,840 Li nan parfe kòrèk, ak li a ankouraje, 337 00:15:48,840 --> 00:15:50,870 men gen nan steno notasyon. 338 00:15:50,870 --> 00:15:53,780 Mwen kapab kalite ansanm ouvè epi fèmen tag a menm, 339 00:15:53,780 --> 00:15:55,510 ak ki pral fè navigatè a kè kontan. 340 00:15:55,510 --> 00:15:56,950 Se konsa, li jis yon ti kras plis somèr pou bagay sa yo 341 00:15:56,950 --> 00:15:59,408 ki concept reyèlman pa fè sa fè sans yo kòmanse ak yon fen. 342 00:15:59,408 --> 00:16:01,190 Yo jis ki genyen, oswa yo pa fè sa. 343 00:16:01,190 --> 00:16:06,020 >> Se konsa, mwen pral pou konsève pou sa a epi ale tounen mwen an "hello, mond" paj ak Reload. 344 00:16:06,020 --> 00:16:09,880 Lè li nan yon ti kras soti nan kontwòl, paske ke imaj se aktyèlman 345 00:16:09,880 --> 00:16:12,210 yon ti kras gwo, men sa a OK. 346 00:16:12,210 --> 00:16:13,710 Mwen te kapab rdimansyonman l 'nan yon pwogram. 347 00:16:13,710 --> 00:16:14,900 Ou, ou konnen ki sa. 348 00:16:14,900 --> 00:16:17,350 Jis yo demontre, mwen ale nan aktyèlman di 349 00:16:17,350 --> 00:16:21,760 ki lajè a nan bagay sa a ta dwe fèt sèlman 200 piksèl, 200 pwen. 350 00:16:21,760 --> 00:16:24,360 Kite m 'ale pi devan epi sove ak Reload, epi kounye a paj la 351 00:16:24,360 --> 00:16:25,690 sanble yon ti kras plis ki rezonab. 352 00:16:25,690 --> 00:16:27,260 Men, remake modèl la. 353 00:16:27,260 --> 00:16:30,030 Bon, mwen te kalite moutre nou tout nan HTML nan kèk sans, omwen 354 00:16:30,030 --> 00:16:33,531 concept, paske tout HTML se se sa yo tags-- Tags louvri, fèmen Tags, 355 00:16:33,531 --> 00:16:35,280 ak atribi figi ki modifye konpòtman yo. 356 00:16:35,280 --> 00:16:38,380 Epi, aparamman, chak tag ka gen zewo oswa yon sèl 357 00:16:38,380 --> 00:16:43,005 oswa de oswa plis atribi, yo chak nan ki fè yon bagay yon ti kras diferan. 358 00:16:43,005 --> 00:16:44,380 Koulye a, ki jan ou konnen sa ki egziste? 359 00:16:44,380 --> 00:16:46,800 Ou jis koute yon moun tankou m 'di ou sa ki egziste, 360 00:16:46,800 --> 00:16:50,860 oswa ou jis Google alantou pou yon leson patikilye sou HTML, ak li vrèman se senp sa a. 361 00:16:50,860 --> 00:16:54,030 >> Se vre wi, lè m 'te yon undergrad ane de sa epi aprann HTML, 362 00:16:54,030 --> 00:16:56,530 youn nan ansèyman matematik mwen asistan jis te pase 363 00:16:56,530 --> 00:16:59,600 yon ti kras nan tan leson patikilye m ' pou tankou demi èdtan yon, yon èdtan, 364 00:16:59,600 --> 00:17:00,660 ak Lè sa a mwen te sou wout mwen. 365 00:17:00,660 --> 00:17:03,300 Mwen te sou wout mwen nan direksyon fè sou sit entènèt yo pi efreyan tout tan, 366 00:17:03,300 --> 00:17:05,549 ki, aparamman, mwen pa gen reyèlman ap pwogrese pi lwen toujou. 367 00:17:05,549 --> 00:17:09,849 Men, pwen an se ke, yon fwa ou konprann sa yo ideas-- senp 368 00:17:09,849 --> 00:17:13,450 si Esoteric text-- men sa yo ki senp lide nan kòmanse yon panse 369 00:17:13,450 --> 00:17:15,960 ak fèmti yon panse, kenbe tout bagay joliman balanse, 370 00:17:15,960 --> 00:17:19,150 kap yon bagay moute, modifye nan konpòtman nan ki tag, sa ki nan vrèman tout 371 00:17:19,150 --> 00:17:20,079 gen nan li. 372 00:17:20,079 --> 00:17:28,140 Ak an reyalite, si nou kounye a ale nan yon bagay tankou google.com-- aktyèlman, 373 00:17:28,140 --> 00:17:31,920 se pou yo ale yon kote yon ti kras plis reasonable-- stanford.edu. 374 00:17:31,920 --> 00:17:37,800 Men, mwen pral pou yo ale nan View, Developer, View Sous. 375 00:17:37,800 --> 00:17:41,400 Li nan lèd, men notice-- epi mwen pral rale nan avi 376 00:17:41,400 --> 00:17:43,432 kèk bagay sa a, se abitye deja. 377 00:17:43,432 --> 00:17:45,140 Genyen sa a moute isit la, ki se yon navigatè. 378 00:17:45,140 --> 00:17:46,800 La ap vini HTML5. 379 00:17:46,800 --> 00:17:47,634 Genyen HTML. 380 00:17:47,634 --> 00:17:49,550 Aparamman, gen nan yon atribi ki mwen pa t ' 381 00:17:49,550 --> 00:17:51,540 sèvi ak sa espesifye nan lang nan paj la, 382 00:17:51,540 --> 00:17:54,380 ak sa a ka ede ak otomatik tradiksyon ak bagay tankou sa. 383 00:17:54,380 --> 00:17:55,546 Isit la nan tèt la nan paj la. 384 00:17:55,546 --> 00:17:57,790 Isit la nan tit la nan paj Stanford la. 385 00:17:57,790 --> 00:17:59,832 Genyen yon tag mwen pa t ' pale sou tag Meta yet--. 386 00:17:59,832 --> 00:18:01,540 Se jis sòt de enfòmasyon jan nou koumanse. 387 00:18:01,540 --> 00:18:04,210 Li ede ak SEO, oswa optimize rechèch-motè, 388 00:18:04,210 --> 00:18:06,320 oswa Google-search rezilta oswa renmen an. 389 00:18:06,320 --> 00:18:09,029 Men, si nou kenbe kap, kenbe kap, isit la nan tag nan kò. 390 00:18:09,029 --> 00:18:11,570 Apre sa, nan grap nan lòt Tags nou pa te pale sou ankò. 391 00:18:11,570 --> 00:18:13,750 Men, Div se youn pou yon divizyon nan paj la. 392 00:18:13,750 --> 00:18:16,680 Se tankou yon rektang envizib si ou kalite vle mantalman 393 00:18:16,680 --> 00:18:20,160 divize paj ou a nan inite diferan sou entènèt. 394 00:18:20,160 --> 00:18:22,650 Lè sa a, anpil nan div mwen wè, yon bagay yo rele Gwoup, 395 00:18:22,650 --> 00:18:24,440 men nou pwal tounen vin jwenn sa. 396 00:18:24,440 --> 00:18:26,200 >> Sa a se Fòm interesting--. 397 00:18:26,200 --> 00:18:27,730 Fòm yo tout lòt peyi sou entènèt la. 398 00:18:27,730 --> 00:18:30,310 Nenpòt bwat rechèch w ap janm itilize se yon fòm. 399 00:18:30,310 --> 00:18:31,490 Epi, se konsa, kite a aktyèlman wè. 400 00:18:31,490 --> 00:18:32,790 Fòm. 401 00:18:32,790 --> 00:18:33,910 Aksyon. 402 00:18:33,910 --> 00:18:37,660 Aksyon an nan fòm sa a, pou kèlkeswa rezon istorik, se ke URL. 403 00:18:37,660 --> 00:18:38,840 Metòd se "post." 404 00:18:38,840 --> 00:18:44,060 Vire soti ke demann HTTP ka itilize vèb la "jwenn," tankou nou te wè anvan, 405 00:18:44,060 --> 00:18:45,070 oswa "post." 406 00:18:45,070 --> 00:18:47,030 Epi yo pral wè yon diferans bagay sa yo nan yon moman. 407 00:18:47,030 --> 00:18:48,363 Se pou nou aktyèlman wè sa ki sa a se. 408 00:18:48,363 --> 00:18:49,830 Kite m 'ale tounen nan paj Stanford la. 409 00:18:49,830 --> 00:18:53,330 Ki sa ki fòm nou jwenn pale sou, ou panse? 410 00:18:53,330 --> 00:18:54,485 Ki sa ki sote soti nan ou? 411 00:18:54,485 --> 00:18:54,970 >> ODYANS: Search bwat. 412 00:18:54,970 --> 00:18:55,845 >> DAVID J. Malan: Yeah. 413 00:18:55,845 --> 00:18:58,410 Se konsa, moute bò dwat nan tèt isit la se ti bwat Search sa a. 414 00:18:58,410 --> 00:19:02,441 Epi sa a, ki jan yo aplike l-- yon tag sa a, se literalman fòm louvri-bracket. 415 00:19:02,441 --> 00:19:03,940 Lè sa a, se pou yo rechèch pou yon bagay. 416 00:19:03,940 --> 00:19:09,220 Se pou nou rechèch pou yon zanmi nan mine-- "Nick Parlante." 417 00:19:09,220 --> 00:19:11,380 Antre nan. 418 00:19:11,380 --> 00:19:13,750 Ak nan kou, li te ale nan yon URL ti kras diferan. 419 00:19:13,750 --> 00:19:15,140 Kite m 'ale tounen isit la. 420 00:19:15,140 --> 00:19:18,960 Se pou nou rechèch pou "kou yo." 421 00:19:18,960 --> 00:19:19,460 Modi li. 422 00:19:19,460 --> 00:19:20,484 Te ale nan yon URL diferan. 423 00:19:20,484 --> 00:19:23,400 Se konsa, Stanford nan pandan l ajoute kèk majik yo ke yo pa ap pran m 'nan URL la 424 00:19:23,400 --> 00:19:25,820 ki nou te wè nan nan aksyon atribi a. 425 00:19:25,820 --> 00:19:32,480 Men, se fòm sa a isit la aplike piman pa fason pou sa a markeup isit la, sa yo Tags. 426 00:19:32,480 --> 00:19:35,710 An reyalite, isit la nan D 'a pou kalite a nan rechèch ke ou vle. 427 00:19:35,710 --> 00:19:38,940 Isit la se D 'a pou yon lòt kalite rechèch. 428 00:19:38,940 --> 00:19:41,960 Isit la se D 'a pou fisèl la tèt li. 429 00:19:41,960 --> 00:19:45,394 Se konsa, objektif la se pa yo vlope lespri nou alantou tout nan sa yo Tags 430 00:19:45,394 --> 00:19:46,060 men jis yo wè. 431 00:19:46,060 --> 00:19:48,300 Li nan jis louvri ak fèmti Tags ak kap bagay yo. 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 >> ODYANS: [fèbl] 435 00:19:49,795 --> 00:19:51,925 436 00:19:51,925 --> 00:19:53,550 DAVID J. Malan: Sa se yon bon kesyon. 437 00:19:53,550 --> 00:19:54,660 Sa se yon ti kras Delice yo wè. 438 00:19:54,660 --> 00:19:56,300 Kite m 'tounen vin jwenn ki kesyon nan jis yon kèk minit 439 00:19:56,300 --> 00:19:59,000 lè nou gade yon bagay yo rele fèy papye CSS, oswa style kaskad, 440 00:19:59,000 --> 00:20:02,500 epi nou ka eseye dégager kòm anpil soti nan paj la. 441 00:20:02,500 --> 00:20:08,090 Se konsa, si nou kounye a pran yon gade nan google.com, kite a wè sa paj yo sanble. 442 00:20:08,090 --> 00:20:09,840 Ou ta they're-- sa a, se bèl jodi an. 443 00:20:09,840 --> 00:20:12,490 444 00:20:12,490 --> 00:20:12,990 OK. 445 00:20:12,990 --> 00:20:13,690 Tout fè. 446 00:20:13,690 --> 00:20:15,260 Tout dwa, se konsa View Sous. 447 00:20:15,260 --> 00:20:19,590 Ou ta panse Google gen reyèlman bon kòd sous. 448 00:20:19,590 --> 00:20:24,970 Se konsa, aparamman, sa k ap pase isit la? 449 00:20:24,970 --> 00:20:27,880 Ak an reyalite, sa a se pa menm HTML. 450 00:20:27,880 --> 00:20:30,930 Sa a se yon bagay yo rele JavaScript. 451 00:20:30,930 --> 00:20:32,344 Li kite yo kenbe prale ak prale. 452 00:20:32,344 --> 00:20:34,010 Mwen pa menm konnen ki kote paj la kòmanse. 453 00:20:34,010 --> 00:20:37,240 Mwen pral sèvi ak Kòmandman F, louvri bracket HTML. 454 00:20:37,240 --> 00:20:38,200 Tout dwa, gen li ye. 455 00:20:38,200 --> 00:20:44,150 Mwen te jwenn nan kòmansman an nan paj la, ak gen tèlman bagay bagay nan isit la. 456 00:20:44,150 --> 00:20:45,310 >> Ki sa ki aktyèlman ale sou? 457 00:20:45,310 --> 00:20:47,460 Oke, ou konnen ki sa, nou ka netwaye sa a leve. 458 00:20:47,460 --> 00:20:52,109 Si m 'olye pou ale nan sa a Enspekte toolbar, zouti dyagnostik sa a espesyal, 459 00:20:52,109 --> 00:20:54,150 epi ale pa rezo a, kote nou kenbe pral jodi a, 460 00:20:54,150 --> 00:20:56,420 men si m 'ale nan Eleman, sa ki nan reyèlman bon 461 00:20:56,420 --> 00:20:59,990 se ke yon navigatè gen yon anpil pi bon je pase m 'fè. 462 00:20:59,990 --> 00:21:02,670 Apre sa, navigatè a ka li ki dezòd nan yon paj entènèt, 463 00:21:02,670 --> 00:21:04,700 ki HTML mail nou jis gade, epi li kapab 464 00:21:04,700 --> 00:21:08,340 analizan li oswa li ak analize li epi li Fomatè li 465 00:21:08,340 --> 00:21:09,910 nan yon fason bèl imen-zanmitay. 466 00:21:09,910 --> 00:21:11,740 Se konsa, sa m ap wè kounye a nan sa a ekran isit la 467 00:21:11,740 --> 00:21:15,470 anba Eleman, egzak kontni an menm, men yo te utilize tout bagay, 468 00:21:15,470 --> 00:21:18,140 yo te colorized li, men li nan egzak tèks la menm 469 00:21:18,140 --> 00:21:19,620 ke mwen telechaje soti nan sèvè a. 470 00:21:19,620 --> 00:21:23,630 >> Ak sa ki nan bèl kounye a se mwen ka wè nan kò a, pou avi instance--, 471 00:21:23,630 --> 00:21:26,480 paj la se toujou konpoze nan jis yon tèt ak yon kò, 472 00:21:26,480 --> 00:21:28,660 e mwen ka yerarchik plonje nan isit la. 473 00:21:28,660 --> 00:21:32,420 Remake Google sanble gen divs-- yon sèl sa a ak yon sèl sa a. 474 00:21:32,420 --> 00:21:33,310 Mwen kapab elaji sa. 475 00:21:33,310 --> 00:21:35,370 Genyen yon pakèt antye nan lòt div. 476 00:21:35,370 --> 00:21:36,900 Se konsa, li nan yon ti kras konplèks. 477 00:21:36,900 --> 00:21:37,400 Men, tann. 478 00:21:37,400 --> 00:21:40,970 Sa a sanble pou pi plis lizib, relativman, pase sa a. 479 00:21:40,970 --> 00:21:43,840 Poukisa se Google anbarasan tèt li pa jis voye 480 00:21:43,840 --> 00:21:50,400 dezòd sa a gwo nan kòd nan kèk sòt jis aplike yon bagay 481 00:21:50,400 --> 00:21:53,640 ki sanble se konsa senp nan premye gade? 482 00:21:53,640 --> 00:21:55,270 Tankou, poukisa yo pa yo ajoute plis espas? 483 00:21:55,270 --> 00:21:56,811 Poukisa nou pa yo te frape Antre tankou mwen te fè? 484 00:21:56,811 --> 00:21:59,110 Gade ki jan bon mwen te nan ekri yon paj entènèt. 485 00:21:59,110 --> 00:22:00,680 Mwen frape Antre se konsa konnen tout bagay. 486 00:22:00,680 --> 00:22:03,760 Mwen dantle se konsa tout bagay se konsa bèl ak lizib. 487 00:22:03,760 --> 00:22:08,463 Poukisa Google pa pratike menm bagay la tou? 488 00:22:08,463 --> 00:22:11,409 >> ODYANS: [fèbl] 489 00:22:11,409 --> 00:22:12,305 490 00:22:12,305 --> 00:22:13,180 DAVID J. Malan: Bon. 491 00:22:13,180 --> 00:22:14,270 Trè san patipri. 492 00:22:14,270 --> 00:22:16,650 Yo pa gen kèk moun nan Google manyèlman 493 00:22:16,650 --> 00:22:18,160 à paj an kay ankò. 494 00:22:18,160 --> 00:22:20,010 Li pa 1999 ankò. 495 00:22:20,010 --> 00:22:21,140 Se konsa, yo gen lojisyèl. 496 00:22:21,140 --> 00:22:25,397 Yo gen lòt zouti ki jenere dynamique yo ap HTML. 497 00:22:25,397 --> 00:22:27,480 Natirèlman, ki Kòd tèt li te ekri pa moun, 498 00:22:27,480 --> 00:22:30,220 men reyalite a se, li nan byen jis yo di, 499 00:22:30,220 --> 00:22:33,340 navigatè a sètènman pa fè sa pran swen ki jan sal kòd la se. 500 00:22:33,340 --> 00:22:35,940 Men, gen nan yon menm plis irezistib rezon teknik 501 00:22:35,940 --> 00:22:42,580 ki Google distribye HTML yo Kòd nan yon sloppy, w pèdi 502 00:22:42,580 --> 00:22:48,350 akablan fason tout chaje ansanm ak anpil ti way-- anpil ti 503 00:22:48,350 --> 00:22:51,274 nan chemen an nan fòma tankou mwen te fè sa. 504 00:22:51,274 --> 00:22:52,570 >> ODYANS: [fèbl] 505 00:22:52,570 --> 00:22:53,528 >> DAVID J. Malan: Pi vit? 506 00:22:53,528 --> 00:22:54,040 Poukisa? 507 00:22:54,040 --> 00:22:55,680 Ak sa ki ou te di m Lydia? 508 00:22:55,680 --> 00:22:56,240 Pi vit? 509 00:22:56,240 --> 00:22:57,281 Poukisa pi vit? 510 00:22:57,281 --> 00:22:58,156 ODYANS: [fèbl] 511 00:22:58,156 --> 00:23:00,522 512 00:23:00,522 --> 00:23:02,230 DAVID J. Malan: Genyen okenn espas li. 513 00:23:02,230 --> 00:23:02,730 Yeah. 514 00:23:02,730 --> 00:23:04,560 Se konsa, panse sou sa ki yon espas se. 515 00:23:04,560 --> 00:23:08,394 Se konsa, chak karaktè sou klavye a pran kèk kantite lajan pou espas yo reprezante, 516 00:23:08,394 --> 00:23:10,560 swa fizikman, tankou li pran moute ki anpil espas, 517 00:23:10,560 --> 00:23:13,250 oswa yon jan kanmenm anba a kapo, ki egzije pou memwa. 518 00:23:13,250 --> 00:23:15,740 Apre sa, kòm yon aside-- epi nou pral pale plis sou sa tomorrow-- 519 00:23:15,740 --> 00:23:19,930 chak karaktè sou klavye a tipikman mande pou 8 Bits, oswa yon sèl multiple. 520 00:23:19,930 --> 00:23:23,360 Se konsa, yon modèl nan 8 zewo oswa yo menm, oswa jis 1 multiple, menm jan nou 521 00:23:23,360 --> 00:23:24,720 moun ta tipikman di. 522 00:23:24,720 --> 00:23:27,690 Se poutèt sa se piti, men li la toujou ki pa zewo. 523 00:23:27,690 --> 00:23:29,940 Li nan toujou kèk kantite lajan pou espas. 524 00:23:29,940 --> 00:23:36,082 Se konsa, si yon enjenyè oswa Google frape ba a espas jis yon fwa, ak ta kwè 525 00:23:36,082 --> 00:23:38,540 Google-- li nan super-popular-- ta kwè ke yon milya moun 526 00:23:38,540 --> 00:23:40,780 vizite paj lakay yo nan yon jounen, oswa kèk kantite moun ki 527 00:23:40,780 --> 00:23:43,290 vizite paj lakay yon nan milya fwa nan yon jounen, 528 00:23:43,290 --> 00:23:48,890 konbyen bytes plis gen ki lojisyèl enjenyè jis koute Google 529 00:23:48,890 --> 00:23:51,310 pa frape li oswa espas li ba yon fwa? 530 00:23:51,310 --> 00:23:52,692 >> ODYANS: [fèbl] 531 00:23:52,692 --> 00:23:54,150 DAVID J. Malan: Pa byen sa ki move. 532 00:23:54,150 --> 00:23:57,070 Jis youn multiple fwa nan yon milya dola. 533 00:23:57,070 --> 00:23:57,871 Se konsa, a-- 534 00:23:57,871 --> 00:23:59,120 ODYANS: 8 milya dola jigokte. 535 00:23:59,120 --> 00:24:00,370 DAVID J. Malan: Se pa 8 milya dola. 536 00:24:00,370 --> 00:24:01,240 8 milya dola bytes. 537 00:24:01,240 --> 00:24:02,410 Men, 1 jigokte. 538 00:24:02,410 --> 00:24:04,080 1 jigokte ta dwe inite a nan mezi. 539 00:24:04,080 --> 00:24:08,240 Si li oswa li te fè de espas, 2 jigokte. 540 00:24:08,240 --> 00:24:09,030 Twa jigokte. 541 00:24:09,030 --> 00:24:09,530 Dwa? 542 00:24:09,530 --> 00:24:11,860 Li balans chèr. 543 00:24:11,860 --> 00:24:16,150 Se konsa, nan ka tankou Google, ki, yo akòde, yo ka ekstrèm yo, 544 00:24:16,150 --> 00:24:21,450 gen lòt pwoblèm ki rive jis pa pran desizyon trè rezonab 545 00:24:21,450 --> 00:24:25,744 oswa pran trè senp aksyon imen, paske li gen efè sa a agrandisman. 546 00:24:25,744 --> 00:24:27,660 Se konsa, youn nan rezon ki sa a sanble se konsa konprese 547 00:24:27,660 --> 00:24:30,660 se egzakteman jan Victoria said-- li te jis ki te pwodwi pa òdinatè de tout fason. 548 00:24:30,660 --> 00:24:31,900 Se konsa, pa gen okenn kontra gwo. 549 00:24:31,900 --> 00:24:33,309 Se pou navigatè a figi li soti. 550 00:24:33,309 --> 00:24:35,350 Men, li tou fè espre pa gen anpil espas, 551 00:24:35,350 --> 00:24:36,766 paske espas ki la pa nesesè. 552 00:24:36,766 --> 00:24:38,250 Apre sa, espas ki la aktyèlman koute lajan. 553 00:24:38,250 --> 00:24:40,670 >> Li swa koute tan, paske jis pouse 554 00:24:40,670 --> 00:24:44,670 ke anpil plis done soti nan katye jeneral google.com yo jis 555 00:24:44,670 --> 00:24:47,710 te gen yo pran kèk kantite lajan pou tan, menm si li nan milisgond 556 00:24:47,710 --> 00:24:51,190 oswa mikro, men ki ajoute moute sou anpil itilizatè yo, oswa plis chans, 557 00:24:51,190 --> 00:24:52,270 li pwobableman koute lajan. 558 00:24:52,270 --> 00:24:54,690 Google pwobableman konekte nan yon lòt moun nan mond, yon sèl la 559 00:24:54,690 --> 00:24:56,398 nan tout sa yo pirin pwen, epi si yo gen 560 00:24:56,398 --> 00:24:59,880 kèk kalite relasyon finansye kijan done yo koute lajan, 561 00:24:59,880 --> 00:25:01,730 yo ta ka kòm byen misyon pou minimize done konbyen lajan 562 00:25:01,730 --> 00:25:04,530 yo ap voye krache deyò sou koneksyon entènèt yo. 563 00:25:04,530 --> 00:25:07,630 >> Se konsa, bagay la komik, menm si, finalman, oswa petèt bagay la rasire, 564 00:25:07,630 --> 00:25:11,030 se ke menm si sa a sanble fò anpil boulvèsan, nan fen jounen an, 565 00:25:11,030 --> 00:25:16,750 li la toujou egzak prensip yo menm jan ak paj sa a trè senp isit la nan yon HTML 566 00:25:16,750 --> 00:25:17,390 paj. 567 00:25:17,390 --> 00:25:20,610 Se konsa, jis fè rezime ak pou ke ou gen yon vèsyon kanonyal si ou pa t ' 568 00:25:20,610 --> 00:25:25,900 swiv ansanm pa chwa isit la, isit la ta ka ki pi senp lan nan paj wèb, 569 00:25:25,900 --> 00:25:28,240 se konsa yon bagay yo jwe avèk petèt pita. 570 00:25:28,240 --> 00:25:30,790 >> Oke, kite la prezante yon koup nan lòt lide kounye a. 571 00:25:30,790 --> 00:25:33,420 Nou ap sou yo prezante yon bagay yo rele yon tag style. 572 00:25:33,420 --> 00:25:38,110 Nou ka stilize paj sa a nan fason plis enteresan. 573 00:25:38,110 --> 00:25:40,860 Se konsa, Lè nou konsidere ke HTML imel se tout sou regilye nèf semenn klas moute 574 00:25:40,860 --> 00:25:44,470 done yo, sòt de ki espesifye nan yon navigatè ki jan yo estrikti done yo, 575 00:25:44,470 --> 00:25:48,110 ki kote yo mete l ', CSS, oswa dra style kaskad, 576 00:25:48,110 --> 00:25:52,640 se yon dezyèm lang ki jeneralman vin melanje avèk HTML 577 00:25:52,640 --> 00:25:55,670 menm jan nou pral see-- men nou ka netwaye ki moute nan yon moment-- ki pran 578 00:25:55,670 --> 00:25:59,850 li mil final la, epi li stylizes li. 579 00:25:59,850 --> 00:26:02,460 Li vin koulè yo jis dwa, font la gwosè jis dwa, 580 00:26:02,460 --> 00:26:03,860 pwezante nan jis dwat. 581 00:26:03,860 --> 00:26:06,510 Se sou tout estetik yo oswa fòma, pa sou 582 00:26:06,510 --> 00:26:08,330 done yo fondamantal tèt li. 583 00:26:08,330 --> 00:26:11,390 Apre sa, fason ki pi fasil yo montre sa a se petèt pa egzanp. 584 00:26:11,390 --> 00:26:15,320 Se konsa, mwen pral ale sou nan dosye senp tèks m 'yo. 585 00:26:15,320 --> 00:26:17,970 Ak nan jis yon ti moman, mwen pral mache nou atravè tout pwosesis la 586 00:26:17,970 --> 00:26:19,360 pou fè sa tèt nou. 587 00:26:19,360 --> 00:26:23,310 >> Mwen pral pou tounen nan dosye mwen isit la ak Reload paj la jis 588 00:26:23,310 --> 00:26:25,800 nan konfime sa li sanble. 589 00:26:25,800 --> 00:26:27,190 Sa a kote nou ap nan kounye a. 590 00:26:27,190 --> 00:26:31,170 Mwen santi mwen tankou timoun ta renmen gen kèk koulè nan paj entènèt sa a. 591 00:26:31,170 --> 00:26:34,480 Se konsa, mwen pral ale moute isit la nan tèt la nan paj la. 592 00:26:34,480 --> 00:26:38,130 Apre sa, mwen pral fè style, / style. 593 00:26:38,130 --> 00:26:44,060 Lè sa a, andedan nan sa a, mwen pral di kò a nan page-- mwen 594 00:26:44,060 --> 00:26:46,870 ak fòma sa a se, nan premye gade, petèt yon ti kras 595 00:26:46,870 --> 00:26:49,400 etranj men konvansyonèl yo. 596 00:26:49,400 --> 00:26:55,010 Mwen pral di ke background nan koulè nan paj sa a yo ta dwe vèt. 597 00:26:55,010 --> 00:26:57,960 Lè sa a se malerezman sòt de pa desen an pi byen. 598 00:26:57,960 --> 00:27:00,710 Remake deja nan mond lan nan HTML, 599 00:27:00,710 --> 00:27:03,190 Mwen te di ke atribi timoun sa yo pè kle-valè. 600 00:27:03,190 --> 00:27:05,760 Yon bagay egal quote unquote "yon bagay." 601 00:27:05,760 --> 00:27:08,810 Nan mond lan nan CSS, ki te ki fèt nan gen kèk moun ki diferan, 602 00:27:08,810 --> 00:27:11,020 yo te deside ke, nan yo mond, kle-valè pè 603 00:27:11,020 --> 00:27:13,920 ta dwe mo yon bagay kolon. 604 00:27:13,920 --> 00:27:15,220 Se konsa, li lide a menm, menm si. 605 00:27:15,220 --> 00:27:18,620 Li nan asosye se yon valè ak kèk kle ki yon jan kanmenm 606 00:27:18,620 --> 00:27:20,330 enfliyanse konpòtman an nan paj sa a. 607 00:27:20,330 --> 00:27:21,901 >> Epi ou ka pwobableman devine. 608 00:27:21,901 --> 00:27:24,150 Ki sa ki se sa a pwobableman pral fè menm si ou te pa janm 609 00:27:24,150 --> 00:27:27,867 wè HTML oswa CSS ye anvan an? 610 00:27:27,867 --> 00:27:29,450 ODYANS: Chanje koulè nan background. 611 00:27:29,450 --> 00:27:30,560 DAVID J. Malan: Yeah, chanje koulè a ​​jan nou koumanse. 612 00:27:30,560 --> 00:27:33,280 Ak espesifikman an koulè background nan kò a. 613 00:27:33,280 --> 00:27:36,290 Men, tèl degre ke la kò pou kounye a se entènèt la 614 00:27:36,290 --> 00:27:38,870 page-- li nan bagay la sèlman anba a really-- nan tit ba 615 00:27:38,870 --> 00:27:40,870 li la pwobableman ale nan enfliyanse menm bagay la. 616 00:27:40,870 --> 00:27:41,430 Se konsa, kite a wè. 617 00:27:41,430 --> 00:27:42,490 Se pou yo sove sa a. 618 00:27:42,490 --> 00:27:44,310 Ale isit la ak Reload. 619 00:27:44,310 --> 00:27:46,140 Li trè efreyan. 620 00:27:46,140 --> 00:27:48,070 Ak sa ki k ap pase sou isit la se yon efè segondè. 621 00:27:48,070 --> 00:27:49,850 Mwen jis te chwazi imaj sa a owaza. 622 00:27:49,850 --> 00:27:53,305 Poukisa se pa vèt la enprèy dèyè Mickey? 623 00:27:53,305 --> 00:27:54,180 ODYANS: [fèbl] 624 00:27:54,180 --> 00:27:56,880 625 00:27:56,880 --> 00:27:57,880 DAVID J. Malan: Egzakteman. 626 00:27:57,880 --> 00:28:01,750 Li sanble ke imaj, bèl anpil tout imaj ki nou ta ka sèvi ak, 627 00:28:01,750 --> 00:28:03,670 yo tout rectangles-- nan rektang. 628 00:28:03,670 --> 00:28:07,710 Menm si Mickey gen kèk koub nan kè l 'e li gen yon jan nou koumanse, 629 00:28:07,710 --> 00:28:09,330 ki jan nou koumanse gen yo dwe yon bagay. 630 00:28:09,330 --> 00:28:10,280 Li te gen yo dwe blan. 631 00:28:10,280 --> 00:28:11,910 Li te gen yo dwe nwa oswa yon lòt bagay. 632 00:28:11,910 --> 00:28:13,650 Li kapab transparan. 633 00:28:13,650 --> 00:28:16,100 Ak an reyalite, mwen te kapab louvri Mickey Mouse isit la 634 00:28:16,100 --> 00:28:18,590 nan yon pwogram yo rele fotoschop oswa yon bagay ki sanble 635 00:28:18,590 --> 00:28:21,176 ak chanje nan tout sa blan background transparan, 636 00:28:21,176 --> 00:28:22,550 se konsa vèt la ta klere nan. 637 00:28:22,550 --> 00:28:25,980 Men, sa a yon bagay mwen ta bezwen mande nan tèt mwen oswa yon atis grafik 638 00:28:25,980 --> 00:28:28,130 oswa yon designer nan mwen konpayi, pou egzanp, 639 00:28:28,130 --> 00:28:31,490 fè, espesyalman depi mwen jis prete yon sèl sa a nan entènèt la. 640 00:28:31,490 --> 00:28:33,030 Men, sa a poukisa sa a k ap pase. 641 00:28:33,030 --> 00:28:34,980 >> Se konsa, sa lòt bagay nou ta ka vle fè? 642 00:28:34,980 --> 00:28:41,040 Bon, nou ta ka vle di nou vrèman espere ou jwi rete ou. 643 00:28:41,040 --> 00:28:44,150 Se pou anfaz, mwen vle fè sa-a fò, 644 00:28:44,150 --> 00:28:48,310 Se poutèt sa mwen pral di louvri ki gen fòs ak fèmen ki gen fòs ak Lè sa a, recharger. 645 00:28:48,310 --> 00:28:50,320 Lè li nan yon ti kras difisil wè sou pwojektè a 646 00:28:50,320 --> 00:28:53,250 men petèt reyèlman kounye a sote soti nan ou yon ti jan plis. 647 00:28:53,250 --> 00:28:56,180 Se konsa, ou kapab ajoute italik nan sa a fason sa a, fonse fè fas a nan fason sa. 648 00:28:56,180 --> 00:28:57,500 Nou te ka chanje koulè yo. 649 00:28:57,500 --> 00:29:01,610 An reyalite, jis pou anvwaye, mwen se ale nan ale pi devan epi fè sa. 650 00:29:01,610 --> 00:29:05,120 Mwen pa vrèman renmen ki jan mwen paragraf yo sa a fèmen ansanm, 651 00:29:05,120 --> 00:29:06,870 Se konsa, mwen ta ka fè yon bagay konsa. 652 00:29:06,870 --> 00:29:13,310 Mwen pral di navigatè a, chanje chak tag paragraf gen, 653 00:29:13,310 --> 00:29:16,952 se pou yo say-- aktyèlman, ou konnen ki sa, se pou yo aliman li tèks-aliman, sant. 654 00:29:16,952 --> 00:29:19,410 Epi ankò, m konnen sa a sèlman paske yon moun anseye l 'ban mwen 655 00:29:19,410 --> 00:29:21,118 oswa Mwen gade l 'kanpe nan yon referans sou entènèt. 656 00:29:21,118 --> 00:29:22,450 Se pou m 'sove sa a. 657 00:29:22,450 --> 00:29:25,070 Epi, ah, koulye a, mwen te santre imaj la a. 658 00:29:25,070 --> 00:29:28,490 Apre sa, aktyèlman, ou konnen ki sa, si Mwen demenaje imaj mwen nan yon paragraf 659 00:29:28,490 --> 00:29:34,510 tag se konsa yon paragraf twazyèm, menm si li pa nan tèks. 660 00:29:34,510 --> 00:29:36,917 Se pou nou delivre sa ak Reload. 661 00:29:36,917 --> 00:29:40,000 Koulye a, paj la se kòmanse gade kalite de- Mwen vle di, li nan toujou trè lèd, 662 00:29:40,000 --> 00:29:43,180 men omwen li sanble mwen te pase de minit olye pou yo yon minit 663 00:29:43,180 --> 00:29:43,950 fè li. 664 00:29:43,950 --> 00:29:47,200 >> Se konsa, incrémentielle, ka nou fè chanjman sa yo ayestetik kounye a nan paj la? 665 00:29:47,200 --> 00:29:50,860 Mwen pa te reyèlman chanje done ki nan nan paj lòt pase ajoute pawòl Bondye a vrèman. 666 00:29:50,860 --> 00:29:52,650 Mwen te ajoute Metadata, si ou pral. 667 00:29:52,650 --> 00:29:54,830 Hey, navigatè, fè nan mo "vrèman" karaktè fonse. 668 00:29:54,830 --> 00:29:56,940 Men, done a se pa fò. 669 00:29:56,940 --> 00:29:57,830 Sa a Metadata. 670 00:29:57,830 --> 00:29:59,410 done a se "vrèman." 671 00:29:59,410 --> 00:30:02,200 Se konsa, nou toujou gen kèk nan konsèp yo menm jan ak anvan. 672 00:30:02,200 --> 00:30:05,990 Koulye a, nan kou, sa a se pa sou entènèt la, se konsa mwen pral fè yon final etap isit la. 673 00:30:05,990 --> 00:30:10,300 >> Mwen pral pou yo ale nan hello.html ak jis mete aksan sou ak fè kopi sa a. 674 00:30:10,300 --> 00:30:12,285 Epi, koulye a mwen pral ale nan Cloud9, ki 675 00:30:12,285 --> 00:30:13,910 Mwen pral mache ou atravè nan jis yon moman. 676 00:30:13,910 --> 00:30:17,080 Apre sa, chans yo se ou pral byento dwe, si pa gen deja, nan yon ekran tankou sa a. 677 00:30:17,080 --> 00:30:21,080 Ak kite m 'jis ba ou yon rapid toune nan sa Cloud9 aktyèlman se. 678 00:30:21,080 --> 00:30:26,590 Se konsa, ankò nwaj 9 se sèvis sa a nwaj ki baze sou 679 00:30:26,590 --> 00:30:30,580 ki bay m 'avè ou ilizyon an ki gen pwòp nou machin vityèl 680 00:30:30,580 --> 00:30:33,090 nan syèl la, teknikman yon veso ki nan syèl la, 681 00:30:33,090 --> 00:30:35,160 ke nou gen plen privilèj administratif nan. 682 00:30:35,160 --> 00:30:37,130 Se konsa, nan teyori, pa gen yon lòt moun nan mond lan gen 683 00:30:37,130 --> 00:30:39,152 aksè a ekran an mwen se gade nan kounye a, 684 00:30:39,152 --> 00:30:40,860 eksepte petèt pèp la ki te kouri sit la, 685 00:30:40,860 --> 00:30:43,470 paske teknikman yo gen aksè fizik ak pou fè. 686 00:30:43,470 --> 00:30:44,740 >> Se konsa, sa nou wè nan anviwonman sa a? 687 00:30:44,740 --> 00:30:46,230 Mwen pral rale soti, paske li nan yon ti kras ki piti yo. 688 00:30:46,230 --> 00:30:48,104 Ak kite m 'pwen sou isit la sèlman pou moman yon. 689 00:30:48,104 --> 00:30:53,210 Ki sou bò gòch-men nan m 'ak ou ekran, gen nan yon navigatè dosye sou bò gòch. 690 00:30:53,210 --> 00:30:55,362 Se konsa, menm jan an nan lespri nan Mac OS ak fenèt yo. 691 00:30:55,362 --> 00:30:57,070 Sa yo se tout nan a dosye nan kont mwen. 692 00:30:57,070 --> 00:30:59,250 Apre sa, pa default, si ou kont se tankou m ', 693 00:30:59,250 --> 00:31:05,090 ou pral wè oswa byento wè helloworld.html ak readme.md. 694 00:31:05,090 --> 00:31:07,950 Plis pase isit la sou bò dwat la, sa a se kote dosye tèks mwen yo ale nan ale. 695 00:31:07,950 --> 00:31:11,620 Si ou te janm itilize Microsoft Pawòl oswa notepad oswa TextEdit, 696 00:31:11,620 --> 00:31:14,100 sa a se mo koreksyon mwen nan dosye ki pral ale. 697 00:31:14,100 --> 00:31:16,540 Lè sa a, pi Esoteric nan karakteristik nan anviwonman sa a 698 00:31:16,540 --> 00:31:20,100 ke nou pa pral reyèlman bezwen sèvi ak se desann isit la rele yon Fenèt Tèminal. 699 00:31:20,100 --> 00:31:23,390 Si ou te itilize DOS soti nan pase, sa a se Linux a 700 00:31:23,390 --> 00:31:25,450 oswa ekivalan a Linux nan DOS. 701 00:31:25,450 --> 00:31:28,190 Li se yon interface-- tèks ki baze sou pa gen okenn klik sourit, pa gen trenen. 702 00:31:28,190 --> 00:31:30,770 Tout sa ou ka fè se tape kòmandman, men moun kòmandman 703 00:31:30,770 --> 00:31:34,400 ka kreye dosye, deplase dosye, louvri repèrtwar, repèrtwar fèmen, 704 00:31:34,400 --> 00:31:35,740 fè nenpòt ki kantite bagay sa yo. 705 00:31:35,740 --> 00:31:38,060 Men, pou kounye a, nou pral jis pase tan nou an moute isit la. 706 00:31:38,060 --> 00:31:39,050 >> Se konsa, kite a fè sa. 707 00:31:39,050 --> 00:31:41,008 Si w ap nan sa a anviwònman, ki ou ta dwe 708 00:31:41,008 --> 00:31:45,900 ye si ou te kreye yon vorkspas deja, ale pi devan epi jis ale moute 709 00:31:45,900 --> 00:31:48,690 nan File, New pou yon moman. 710 00:31:48,690 --> 00:31:51,740 Apre sa, ki pral ba ou yon nouvo tab dwa isit la nan mitan yo. 711 00:31:51,740 --> 00:31:54,250 Apre sa, mwen just-- e kite yo ale pi devan epi fè sa. 712 00:31:54,250 --> 00:31:59,910 Se pou nou ale pi devan e kounye a, File, Save ak ale pi devan epi rele li hello.html, 713 00:31:59,910 --> 00:32:02,740 pa t 'dwe konfonn ak helloworld.html, ki 714 00:32:02,740 --> 00:32:06,910 vin rive ak nouvo kont lib ou, ki se jis yon dosye echantiyon. 715 00:32:06,910 --> 00:32:11,020 Ou gen pou wè li toudenkou parèt, gen plis chans ki sou bò gòch-men, 716 00:32:11,020 --> 00:32:12,810 ak tab la ap toujou gen louvri. 717 00:32:12,810 --> 00:32:21,300 Ak kite m 'ankouraje w kounye a rkree sa a ranpli oswa kèk varyant ladan l '. 718 00:32:21,300 --> 00:32:24,607 Men, si ou pa ka byen wè l 'sou nan ekran, sa a se ki idantik ak glisad yo 719 00:32:24,607 --> 00:32:26,190 ke ou pwobableman gen nan yon lòt tab. 720 00:32:26,190 --> 00:32:29,296 >> Se konsa, nan ti bout tan, fè paj premye entènèt ou an, sove li, ak Lè sa nan jis yon moman, 721 00:32:29,296 --> 00:32:31,170 Mwen pral montre w kouman ou ka aktyèlman wè sa a. 722 00:32:31,170 --> 00:32:32,970 Men, chanje omwen yon sèl bagay. 723 00:32:32,970 --> 00:32:35,400 Chanje HelloWorld yon bagay nan chwa pwòp ou a, 724 00:32:35,400 --> 00:32:39,821 pou ke ou ap konvenki ke li nan ou ranpli epi yo pa yon sèl la mwen jis te kreye. 725 00:32:39,821 --> 00:32:40,320 Tout dwa. 726 00:32:40,320 --> 00:32:43,804 Men, lè ou ap ready-- pa gen okenn rush-- lè w ap pare, 727 00:32:43,804 --> 00:32:46,220 ale pi devan epi sove dosye a yon fwa ou te fè chanjman sa yo. 728 00:32:46,220 --> 00:32:49,540 Men, si ou klike sou Kouri bouton moute tèt, sa a 729 00:32:49,540 --> 00:32:53,610 ta dwe louvri yon tab nouvo ki pral di ou sa URL ou ka ale nan dosye ou a, 730 00:32:53,610 --> 00:32:56,380 men li ta ka pran yon moman yo quote unquote "kòmanse Apache," ki 731 00:32:56,380 --> 00:32:58,820 se non an nan sèvè wèb la. 732 00:32:58,820 --> 00:33:02,430 Se konsa, dwe fè atansyon fè egzakteman sa ki nan dosye a finalman. 733 00:33:02,430 --> 00:33:04,610 Se konsa, kounye a, mwen pral rale nan. 734 00:33:04,610 --> 00:33:07,780 Si mwen kòmanse sezisman louvri-bracket HTML, avi 735 00:33:07,780 --> 00:33:09,650 li nan pouse m 'fini te panse m' yo. 736 00:33:09,650 --> 00:33:13,750 Men, si mwen fini panse mwen, li otomatikman ki ban m 'tag a fèmti a. 737 00:33:13,750 --> 00:33:17,190 Men, tann nan se lè sa a mwen pral frape Antre, ak lè sa a deplase andedan gen 738 00:33:17,190 --> 00:33:21,180 ak tèt anndan ak Lè sa a, m 'fè kò anndan an. 739 00:33:21,180 --> 00:33:24,430 Lè li nan yon ti kras etranj an premye, paske li te fè travay pou ou, 740 00:33:24,430 --> 00:33:27,110 men mwen reyalize ki finalman l ap fè ekonomi ou frap. 741 00:33:27,110 --> 00:33:30,500 Ak an reyalite, yon karakteristik trè komen nan pwogram environnements jou sa yo 742 00:33:30,500 --> 00:33:33,260 tou de pou devlopman entènèt tankou sa a ak pwogramasyon aktyèl la, 743 00:33:33,260 --> 00:33:36,960 ki nou pral pale sou demen, se karakteristik sa yo oto-konplè, 744 00:33:36,960 --> 00:33:39,710 bagay sa yo ke jis pèmèt yon pwogramè oswa yon designer 745 00:33:39,710 --> 00:33:42,010 tape mwens frap akonpli menm bagay la. 746 00:33:42,010 --> 00:33:43,176 Pafwa li nan bon, menm si. 747 00:33:43,176 --> 00:33:44,560 Pafwa li nan jis anmèdan. 748 00:33:44,560 --> 00:33:49,290 749 00:33:49,290 --> 00:33:54,010 Epi, ankò, yon fwa ou te transkri glise nan oswa kèk Variant ladan l ', 750 00:33:54,010 --> 00:33:57,360 ou ka klike sou bouton an kouri moute tèt. 751 00:33:57,360 --> 00:33:59,910 Lè sa a, nan pati anba a fenèt, ou pral enfòme 752 00:33:59,910 --> 00:34:04,290 nan sa ki URL ou ka ale nan paj entènèt ou an. 753 00:34:04,290 --> 00:34:08,790 Mine, pou egzanp, se nan business-daharvard.c9users.io 754 00:34:08,790 --> 00:34:11,480 ak pou fè. 755 00:34:11,480 --> 00:34:14,580 Tout dwa, se konsa, se pou mele l nenpòt kesyon? 756 00:34:14,580 --> 00:34:19,460 Nenpòt lòt kesyon sou jis ap resevwa sa a ap travay anvan nou ajoute karakteristik? 757 00:34:19,460 --> 00:34:21,692 Ak kite m 'pwopoze, jis yo ka resevwa jan comfortable-- 758 00:34:21,692 --> 00:34:24,400 paske li nan yon sèl bagay yo jis kopi-kole je fèmen sa m 'te fè. 759 00:34:24,400 --> 00:34:27,177 Men, jis pou ke jan lite ak omwen yon a-fè, 760 00:34:27,177 --> 00:34:28,510 Mwen pral vire sou kèk mizik. 761 00:34:28,510 --> 00:34:32,630 Mwen pral pwopoze yon lis bagay ou kapab potansyèlman ajoute. 762 00:34:32,630 --> 00:34:34,086 Epi ou ka sètènman sèvi ak Google. 763 00:34:34,086 --> 00:34:36,210 Epi poukisa pa fè sa nou jis pwopoze ke ou eseye rezoud 764 00:34:36,210 --> 00:34:38,710 omwen yon pwoblèm patikilye isit la. 765 00:34:38,710 --> 00:34:45,090 Se konsa, nan tèm de Tags, kite m 'jam itilize sa a isit la. 766 00:34:45,090 --> 00:34:48,280 >> Aktyèlman, kite m 'mete li nan yon fòm textuelle. 767 00:34:48,280 --> 00:35:02,380 Se pou nou di ke nan mitan etikèt yo nou ta ka sèvi ak isit la gen kèk Tags sou isit la. 768 00:35:02,380 --> 00:35:06,090 Nou te wè tag a paragraf. 769 00:35:06,090 --> 00:35:07,850 Koulye a, li k ap pase yo oto-konplè. 770 00:35:07,850 --> 00:35:12,220 tag paragraf, tag nan jete lank. 771 00:35:12,220 --> 00:35:15,250 Se pou nou di ou vle fè yon bagay pi gwo, 772 00:35:15,250 --> 00:35:19,480 se konsa ou ta ka like-- tag a span ka ede w. 773 00:35:19,480 --> 00:35:23,010 Oke, ou ta ka bezwen kèk èd pou sa nan jis yon moman. 774 00:35:23,010 --> 00:35:24,830 Nou te wè div. 775 00:35:24,830 --> 00:35:26,170 Ou pral wè gen nan tab. 776 00:35:26,170 --> 00:35:27,928 Gen yon bagay yo rele 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 Tounen vin jwenn ke nan yon moman. 780 00:35:34,770 --> 00:35:36,590 Ki lòt bagay ta ka sou la men? 781 00:35:36,590 --> 00:35:38,310 Genyen fò. 782 00:35:38,310 --> 00:35:43,640 Genyen anfaz, ou pito em. 783 00:35:43,640 --> 00:35:50,110 Gen lan ki lòt bagay ta ka ou imajine isit la? 784 00:35:50,110 --> 00:35:51,930 Bon, nou pral pran yon gade nan ki ansanm. 785 00:35:51,930 --> 00:35:53,230 Fòm, ki nou te wè. 786 00:35:53,230 --> 00:35:54,130 Genyen fòm. 787 00:35:54,130 --> 00:35:56,500 Genyen opinyon ak yon lòt moun kèk. 788 00:35:56,500 --> 00:35:58,924 789 00:35:58,924 --> 00:36:00,090 Tout dwa, kidonk kite a fè sa. 790 00:36:00,090 --> 00:36:02,330 Pou reponn yon nan Victoria kesyon, kite m 'premye 791 00:36:02,330 --> 00:36:05,020 jis asire w ke tout moun se kapab jwenn k ap travay alo yo. 792 00:36:05,020 --> 00:36:06,900 Lè sa a, kite m 'entwodui yon koup lòt lide. 793 00:36:06,900 --> 00:36:09,209 Lè sa a, nou pral kite jan rezoud kèk pwoblèm sou kont yo. 794 00:36:09,209 --> 00:36:11,500 Lè sa a, nou pral aktyèlman tounen vin ak sa yo ki nosyon nan yon fòm, 795 00:36:11,500 --> 00:36:14,950 epi n ap aktyèlman re-aplike ansanm koòdone nan devan-fen, 796 00:36:14,950 --> 00:36:16,450 se konsa pale, pou Google tèt li. 797 00:36:16,450 --> 00:36:19,700 Nou pral sèvi ak Google kòm fen a retounen lakay yo epi kite yo fè travay la difisil, chache a, 798 00:36:19,700 --> 00:36:22,760 men nou pwal rkree fen a devan nan Google ak fòm nan rechèch 799 00:36:22,760 --> 00:36:24,520 yo ke yo gen nan paj pwòp lakay yo. 800 00:36:24,520 --> 00:36:27,050 Se konsa, nou pral tounen vin jwenn sa yo Tags nan jis yon moman. 801 00:36:27,050 --> 00:36:30,270 >> Se konsa, sa a te ki sa mwen pwopoze jis yon ti moman de sa. 802 00:36:30,270 --> 00:36:33,940 Nou kapab ajoute stilizasyon la nan yon paj andedan nan tag style sa a, 803 00:36:33,940 --> 00:36:36,950 epi nou ka stilize background nan koulè, aliyman an tèks, 804 00:36:36,950 --> 00:36:39,000 si li nan sant oswa gòch la oswa dwa. 805 00:36:39,000 --> 00:36:41,630 Men, trè byen vit ou ta jwenn oswa yon designer sit entènèt 806 00:36:41,630 --> 00:36:44,060 ta jwenn ke sa a vin tounen yon ti kras maladwa, 807 00:36:44,060 --> 00:36:48,330 paske ou ap fè sa ki nan rele melanje kontni 808 00:36:48,330 --> 00:36:50,120 ak prezantasyon ladan l '. 809 00:36:50,120 --> 00:36:53,756 W ap melanje done ou ak estetik yo ladan l '. 810 00:36:53,756 --> 00:36:56,380 Ak an reyalite, si ou konsidere sa k ap pase rive sou time-- 811 00:36:56,380 --> 00:36:58,350 sa a se yon piti anpil paj entènèt, nan kou. 812 00:36:58,350 --> 00:37:01,590 Men, si mwen ajoute kontni nan paj sa a mwen menm m'ap mete style nan paj sa a, 813 00:37:01,590 --> 00:37:04,650 paj la trè byen vit vin pi long ak pi long ak pi long lan. 814 00:37:04,650 --> 00:37:07,510 Apre sa, ta kwè ke mwen vle gen yon paj entènèt dezyèm ki 815 00:37:07,510 --> 00:37:09,010 pataje kèk nan atribi sa yo. 816 00:37:09,010 --> 00:37:12,350 Sipoze paj dezyèm entènèt mwen an pou m ' site-- tou, mwen vle sant tout bagay, 817 00:37:12,350 --> 00:37:14,960 e mwen vle tou tout bagay ki gen yon background vèt. 818 00:37:14,960 --> 00:37:17,940 Mwen bèl anpil pral fè yo kopye epi kole kèk nan liy sa yo 819 00:37:17,940 --> 00:37:20,730 nan ki dezyèm ranpli, ki santi l amann. 820 00:37:20,730 --> 00:37:22,030 Li pral rezoud pwoblèm nan. 821 00:37:22,030 --> 00:37:26,060 >> Men, sa ki si mwen vle yon paj twazyèm oswa yon paj 30 oswa yon paj 40th? 822 00:37:26,060 --> 00:37:28,730 Koulye a, mwen pral yo dwe kopye ak kole yon anpil nan kopi Kòd 823 00:37:28,730 --> 00:37:30,430 nan dosye miltip. 824 00:37:30,430 --> 00:37:32,600 Se konsa, ta kwè ke Mwen deside oswa mwen te di, 825 00:37:32,600 --> 00:37:34,780 hey, nou pa ap itilize yon vèt jan nou koumanse ankò. 826 00:37:34,780 --> 00:37:36,380 Nou pral kòmanse lè l sèvi avèk zoranj. 827 00:37:36,380 --> 00:37:38,690 Ki sa ou gen chanje? 828 00:37:38,690 --> 00:37:42,900 Oke, ou gen chanje ke style soti nan vèt yo zoranj nan ki jan anpil kote? 829 00:37:42,900 --> 00:37:44,920 Fè tankou 30 oswa 40 kote. 830 00:37:44,920 --> 00:37:45,900 Li nan fatigan. 831 00:37:45,900 --> 00:37:47,039 Li nan tandans fè erè. 832 00:37:47,039 --> 00:37:49,580 Genyen yon kantite rezon kote ou pa ta vle pwovoke 833 00:37:49,580 --> 00:37:51,840 ki kalite doulè pou tèt ou. 834 00:37:51,840 --> 00:37:54,760 Se konsa, pa ta li dwe nice si nou te ka pran sa mwen jis 835 00:37:54,760 --> 00:37:58,240 mete ant de jòn sa yo Tags, sa yo Tags style, 836 00:37:58,240 --> 00:38:04,050 faktè li soti,, li mete tout sa mwen stilizasyon nan yon sèl dosye santral 837 00:38:04,050 --> 00:38:08,470 ke tout 30 oswa 40 nan lòt dosye mwen prete nan men oswa yon jan kanmenm referans, 838 00:38:08,470 --> 00:38:11,640 pa kontrèman ak rezo a dyagram nou te fè anvan an? 839 00:38:11,640 --> 00:38:15,030 >> Se konsa, si m 'ale nan isit la, mwen se ale nan aktyèlman pwopoze 840 00:38:15,030 --> 00:38:17,880 ke nou ranplase la tag style ak yon bagay 841 00:38:17,880 --> 00:38:21,620 rele tag nan lyen, ki se oribleman, oribleman nonmen non li, 842 00:38:21,620 --> 00:38:24,370 paske ou pa sèvi ak nan tag ap mennen nan kreye sa 843 00:38:24,370 --> 00:38:26,380 nou moun konnen kòm yon lyen an nan yon paj entènèt. 844 00:38:26,380 --> 00:38:29,750 Pou sa, ou itilize ki tag? 845 00:38:29,750 --> 00:38:31,464 Ki jan ou fè kreye yon lyen an nan yon paj entènèt? 846 00:38:31,464 --> 00:38:32,130 ODYANS: yon an. 847 00:38:32,130 --> 00:38:34,870 DAVID J. Malan: yon la, oswa jete lank tag, ki te ale nan Disney anvan. 848 00:38:34,870 --> 00:38:39,090 Tag nan lyen isit la ap di lyen sa a men nan yon dosye rele 849 00:38:39,090 --> 00:38:44,350 styles.css, relasyon a ki a pwal ke li nan stylesheet mwen. 850 00:38:44,350 --> 00:38:48,290 Se konsa, sa a se youn nan la a S an CSS-- style kaskad dra. 851 00:38:48,290 --> 00:38:50,490 Style sheet-- de nan la a S an CSS. 852 00:38:50,490 --> 00:38:52,550 Kaskad fèy style. 853 00:38:52,550 --> 00:38:58,640 Sa a jis vle di, hey, navigatè, ale jwenn styles.css sou sèvè lokal la 854 00:38:58,640 --> 00:39:01,870 epi sèvi ak li kòm stylesheet ou, ki vle di andedan nan ki dosye 855 00:39:01,870 --> 00:39:05,310 a pwal tout nan a stylizations ke nou te jis fè. 856 00:39:05,310 --> 00:39:07,396 Se konsa, sa ki dosye ta ka sanble se sa a. 857 00:39:07,396 --> 00:39:10,020 Apre sa, mwen pral jis fè sa se yon fason rapid egzanp, paske nou pa bezwen 858 00:39:10,020 --> 00:39:12,000 yo ka resevwa twòp nan move zèb yo isit la. 859 00:39:12,000 --> 00:39:17,840 Men, si mwen kopi sa a, ki mwen se pwopoze se ke yon pwogramè kreye yon dosye nouvo, 860 00:39:17,840 --> 00:39:24,450 keratin nan moun lines-- whoops-- keratin nan liy sa yo, 861 00:39:24,450 --> 00:39:32,270 sove li kòm styles.css, ak Lè sa, nan dosye a lòt, efase tout nan ki 862 00:39:32,270 --> 00:39:35,450 ak ranplase li olye pou ki genyen etikèt lyen sa a. 863 00:39:35,450 --> 00:39:43,090 Se konsa, ke si mwen lyen href = "styles.css", relasyon ki va "stylesheet" 864 00:39:43,090 --> 00:39:44,170 fèmen tag. 865 00:39:44,170 --> 00:39:45,250 Sove li. 866 00:39:45,250 --> 00:39:47,000 Tounen nan HelloWorld mwen. 867 00:39:47,000 --> 00:39:48,690 Recharger. 868 00:39:48,690 --> 00:39:51,290 >> Literalman pa gen anyen ki te pase. 869 00:39:51,290 --> 00:39:54,710 Sa se yon bon bagay, paske li vle di li la aktyèlman tout ap travay. 870 00:39:54,710 --> 00:39:58,860 Pou pwouve kòm anpil, ta kwè mwen fè yon Typo, epi mwen rele sa a "styles.css" 871 00:39:58,860 --> 00:40:03,080 ak yon kapital S, ki se kòrèk, ak Lè sa a recharger. 872 00:40:03,080 --> 00:40:05,470 Koulye a, ou ka wè li jis pa travay. 873 00:40:05,470 --> 00:40:06,362 Koulye a, poukisa? 874 00:40:06,362 --> 00:40:08,070 Oke, kite la sèvi ak yon teknik soti nan pi bonè. 875 00:40:08,070 --> 00:40:10,153 Kite m 'ale pi devan epi, nan navigatè m ', nan Chrome, mwen se 876 00:40:10,153 --> 00:40:12,900 ale nan louvri moute ki espesyal rezo tab tankou anvan, 877 00:40:12,900 --> 00:40:15,560 ak kite m 'Reload paj la. 878 00:40:15,560 --> 00:40:19,341 Ki sa ki ou pa sezi wè kounye a? 879 00:40:19,341 --> 00:40:20,840 Oswa petèt w ap sezi wè li. 880 00:40:20,840 --> 00:40:23,225 Nenpòt fason, sa ou wè kounye a? 881 00:40:23,225 --> 00:40:24,100 ODYANS: [fèbl] 882 00:40:24,100 --> 00:40:24,770 DAVID J. Malan: Li pa nan jwenn. 883 00:40:24,770 --> 00:40:25,680 Poukisa li pa jwenn? 884 00:40:25,680 --> 00:40:28,480 Oke, Styles.css-- kapital S-- pa egziste. 885 00:40:28,480 --> 00:40:29,230 Mwen misnamed li. 886 00:40:29,230 --> 00:40:30,430 Senp Typo. 887 00:40:30,430 --> 00:40:33,816 Men, mwen ap resevwa konprann kounye a yon 404, paske sèvè a ap di, hey, 888 00:40:33,816 --> 00:40:34,440 li pa nan jwenn. 889 00:40:34,440 --> 00:40:36,300 Literalman, mwen pa konnen kote ke dosye se. 890 00:40:36,300 --> 00:40:38,880 Se konsa, kòm yon rezilta, navigatè a montre w ki sa li kapab, 891 00:40:38,880 --> 00:40:42,860 kontni an anvan tout koreksyon nan paj la, ki te yon 200, HTML a, 892 00:40:42,860 --> 00:40:45,390 men stilizasyon a pa kapab dwe ajoute apre sa. 893 00:40:45,390 --> 00:40:47,120 Lè sa a se sa k ap vle di pa kaskad. 894 00:40:47,120 --> 00:40:49,070 Ou ka sòt de ajoute li apre, epi li sòt de 895 00:40:49,070 --> 00:40:50,874 rafine estetik yo nan paj wèb la. 896 00:40:50,874 --> 00:40:53,790 Epi ou ka menm pase sou desizyon sa yo Styles ak dosye stylesheet ankò lòt 897 00:40:53,790 --> 00:40:54,700 Si ou vle. 898 00:40:54,700 --> 00:40:57,780 Li pa nan jwenn, menm si, nan ka sa a, paske nan kou, mwen misnamed li. 899 00:40:57,780 --> 00:41:00,330 Se konsa, mwen ta gen yo ranje ki premye. 900 00:41:00,330 --> 00:41:04,667 >> Se konsa nou ale pi devan epi pwopoze sa ki annapre yo. 901 00:41:04,667 --> 00:41:07,410 902 00:41:07,410 --> 00:41:11,140 Se pou nou ale pi devan epi fè sa. 903 00:41:11,140 --> 00:41:14,220 Kòmanse avèk petèt ou dosye HelloWorld, 904 00:41:14,220 --> 00:41:17,740 kite m 'jis envite yon koup nan prezante sijesyon. 905 00:41:17,740 --> 00:41:20,400 Se konsa, Victoria, ou te vle fè kèk tèks pi gwo, dwa? 906 00:41:20,400 --> 00:41:24,555 Tout dwa, se konsa nou kapab fè tèks pi gran. 907 00:41:24,555 --> 00:41:26,860 Apre sa, nou chak pral rache koupe sèlman yon sèl pwoblèm yo rezoud. 908 00:41:26,860 --> 00:41:30,867 Fè tèks pi gran. 909 00:41:30,867 --> 00:41:32,700 Mwen pa pwal bezwen deranje ekri sa a lè nou 910 00:41:32,700 --> 00:41:35,600 gen teknoloji bal droit sou isit la. 911 00:41:35,600 --> 00:41:39,970 Se konsa, kèk pwoblèm. 912 00:41:39,970 --> 00:41:44,670 Se konsa, nou ap ale nan eseye fè tèks pi gran. 913 00:41:44,670 --> 00:41:45,170 Tout dwa. 914 00:41:45,170 --> 00:41:48,360 Ki lòt bagay ta yon moun pwopoze? 915 00:41:48,360 --> 00:41:50,332 Ki lòt bagay ta ka nou vle yo dwe fè nan yon paj entènèt? 916 00:41:50,332 --> 00:41:52,040 Se pou nou vini ak yon lis kout de bagay sa yo 917 00:41:52,040 --> 00:41:55,366 ak Lè sa a delege nan la gwoup figi sa a soti. 918 00:41:55,366 --> 00:41:56,270 >> ODYANS: [fèbl] 919 00:41:56,270 --> 00:42:02,251 >> DAVID J. Malan: OK, pozisyon tèks sou kote diferan nan paj la? 920 00:42:02,251 --> 00:42:02,750 Tout dwa. 921 00:42:02,750 --> 00:42:04,620 Yon lòt bagay. 922 00:42:04,620 --> 00:42:05,784 >> ODYANS: [fèbl] 923 00:42:05,784 --> 00:42:06,700 DAVID J. Malan: Li se. 924 00:42:06,700 --> 00:42:08,720 Se konsa, yon gif se jis yon diferan dosye fòma. 925 00:42:08,720 --> 00:42:12,830 Nou jis itilize, sa ki, yon png oswa yon jpg pwobableman? 926 00:42:12,830 --> 00:42:14,480 Nou itilize yon jpg. 927 00:42:14,480 --> 00:42:16,780 Si ou se kirye, yon twòp reponn a kesyon ou 928 00:42:16,780 --> 00:42:19,404 se se yon jpg jeneralman itilize pou foto, paske li sipòte 929 00:42:19,404 --> 00:42:21,500 dè milyon de koulè oswa koulè 24-ti jan. 930 00:42:21,500 --> 00:42:26,930 Yon gif jeneralman itilize pou, tankou, memes entènèt sa yo Animations days--, 931 00:42:26,930 --> 00:42:28,810 tankou jif anime. 932 00:42:28,810 --> 00:42:32,320 Men, bagay sa yo rive yo sèvi ak yon koulè pi piti palèt, se sèlman 256 koulè posib, 933 00:42:32,320 --> 00:42:35,230 men li sipòte transparans ak animasyon. 934 00:42:35,230 --> 00:42:40,330 Lè sa a, gen nan png, ki sipòte transparans ak plis koulè 935 00:42:40,330 --> 00:42:41,300 men se pa animasyon. 936 00:42:41,300 --> 00:42:42,133 Se konsa, li yon komès-off. 937 00:42:42,133 --> 00:42:44,144 938 00:42:44,144 --> 00:42:46,060 Se konsa, pandan l ajoute yon gif, menm si, ta dwe fonksyonèl 939 00:42:46,060 --> 00:42:48,396 ekivalan a ajoute yon png oswa yon jpg. 940 00:42:48,396 --> 00:42:49,110 Yeah. 941 00:42:49,110 --> 00:42:50,550 sous Imaj egal. 942 00:42:50,550 --> 00:42:51,590 Se konsa, yon lòt bagay. 943 00:42:51,590 --> 00:42:57,288 Se pou nou vini ak yon bagay ki nou te voye nan Victoria fè isit la. 944 00:42:57,288 --> 00:42:59,209 >> ODYANS: Ajoute bouton pou yon fòm. 945 00:42:59,209 --> 00:43:00,000 DAVID J. Malan: OK. 946 00:43:00,000 --> 00:43:02,179 Se konsa, ajoute bouton pou yon fòm. 947 00:43:02,179 --> 00:43:03,470 Epitou, n ap fè sa yon sèl ansanm. 948 00:43:03,470 --> 00:43:07,220 Se konsa, ki pral yon seg pafè dwa apre defi sa a. 949 00:43:07,220 --> 00:43:10,357 Nenpòt bagay lòt bagay? 950 00:43:10,357 --> 00:43:11,440 Ki sa ou ta renmen fè? 951 00:43:11,440 --> 00:43:14,040 952 00:43:14,040 --> 00:43:16,516 Entènèt la santi l trè underwhelming si sa a se tout sa nou kapab fè. 953 00:43:16,516 --> 00:43:18,140 ODYANS: Chanje koulè a ​​nan tèks la. 954 00:43:18,140 --> 00:43:19,500 DAVID J. Malan: Chanje sa a? 955 00:43:19,500 --> 00:43:20,666 ODYANS: Koulè nan tèks la. 956 00:43:20,666 --> 00:43:22,311 DAVID J. Malan: Chanje koulè nan tèks. 957 00:43:22,311 --> 00:43:22,810 Tout dwa. 958 00:43:22,810 --> 00:43:23,790 Se konsa, kite a fè sa a. 959 00:43:23,790 --> 00:43:27,209 Jis ankò pou ke ou pa, jis pa rot, fè egzakteman sa m ap fè, 960 00:43:27,209 --> 00:43:29,500 Mwen pral vire sou mizik pou petèt senk minit isit la. 961 00:43:29,500 --> 00:43:30,450 Ou se akeyi yo sèvi ak Google. 962 00:43:30,450 --> 00:43:33,130 Ou se Byenveni nan mande m ', ak Mwen pral chichote yon allusion nan zòrèy ou. 963 00:43:33,130 --> 00:43:35,171 Ou se Byenveni nan gade sou sou zepòl lòt la. 964 00:43:35,171 --> 00:43:37,340 Men, rezoud jis youn nan pwoblèm sa yo. 965 00:43:37,340 --> 00:43:40,190 Men, nou pral fè yon sèl la ki sot pase a, fòme yon sèl, si nou te kapab, ansanm. 966 00:43:40,190 --> 00:43:42,790 Se konsa, senk minit yo rezoud nenpòt youn nan pwoblèm sa yo 967 00:43:42,790 --> 00:43:46,780 lè l sèvi avèk Google, entwisyon, oswa nenpòt ki lòt mwayen disponib nan ou. 968 00:43:46,780 --> 00:43:48,630 >> [MIZIK jwe] 969 00:43:48,630 --> 00:43:49,130 Tout dwa. 970 00:43:49,130 --> 00:43:50,838 Pa gen enkyetid si ou vle kenbe brikolaj, 971 00:43:50,838 --> 00:43:53,880 men mwen pral gate yon koup nan repons sa yo. 972 00:43:53,880 --> 00:43:57,986 Se konsa, sijesyon an premye soti nan Victoria te fè tèks pi gran. 973 00:43:57,986 --> 00:43:59,360 Se konsa, gen nan yon fason kèk fè sa. 974 00:43:59,360 --> 00:44:01,530 Mwen te kounye a retabli ekran m 'nan gwosè sa a, 975 00:44:01,530 --> 00:44:04,310 si mwen te agrandi nan atifisyèlman jis yo wè bagay sa yo. 976 00:44:04,310 --> 00:44:07,470 Li kite yo fè sa. 977 00:44:07,470 --> 00:44:11,380 Kite m 'ale pi devan epi gen tan pwan kèk jenerik Latin tèks 978 00:44:11,380 --> 00:44:19,540 jis pou nou gen yon bagay yo travay avèk. 979 00:44:19,540 --> 00:44:20,715 Se konsa, ban m 'jis yon sèl moman. 980 00:44:20,715 --> 00:44:21,840 Mwen pral moute twa ti paragraf yo. 981 00:44:21,840 --> 00:44:53,430 982 00:44:53,430 --> 00:44:53,930 OK. 983 00:44:53,930 --> 00:44:55,560 Sa a pral yon pi bon egzanp. 984 00:44:55,560 --> 00:44:57,840 Se konsa, pou kirye a, nan hello.html mwen, mwen jis 985 00:44:57,840 --> 00:45:01,645 kopye twa idyo paragraf latin 986 00:45:01,645 --> 00:45:03,270 jis pou nou gen kèk tèks yo travay avèk. 987 00:45:03,270 --> 00:45:06,720 Ak objektif Victoria a te fè kèk nan tèks la pi gran. 988 00:45:06,720 --> 00:45:09,879 Se konsa, mwen te kapab, tankou anvan, ale nan isit la. 989 00:45:09,879 --> 00:45:11,170 Ak kite m 'fè l' chemen dwat la. 990 00:45:11,170 --> 00:45:13,253 Mwen pral gen yon lyen tag ki pwen nan yon dosye 991 00:45:13,253 --> 00:45:20,560 rele "styles.css," relasyon ki nan ki se ankò "stylesheet." 992 00:45:20,560 --> 00:45:25,221 Lè sa a, mwen pral delivre sa epi louvri moute sa a "styles.css." 993 00:45:25,221 --> 00:45:28,940 >> Se konsa, tankou anvan, mwen gen nan kapasite nan sa a ranpli CSS 994 00:45:28,940 --> 00:45:31,569 ki aktyèlman pase sou desizyon default la estetik nan yon paj entènèt, 995 00:45:31,569 --> 00:45:33,860 ak estetik yo default, nan kou, yo trè mat. 996 00:45:33,860 --> 00:45:36,943 Li nan sòt de font size nòmal, nwa tèks, blan jan nou koumanse, ak pou fè. 997 00:45:36,943 --> 00:45:39,440 Se konsa, ta kwè mwen vle fè tout nan tèks sa a pi gran. 998 00:45:39,440 --> 00:45:40,460 Mwen te kapab fè yon bagay kèk. 999 00:45:40,460 --> 00:45:43,750 Nan dosye styles.css mwen, mwen te kapab di, ou konnen ki sa, 1000 00:45:43,750 --> 00:45:46,950 aplike sa yo nan kò a nan paj m 'yo. 1001 00:45:46,950 --> 00:45:51,390 Ale pi devan epi fè nan font size 24 pwen, 1002 00:45:51,390 --> 00:45:54,130 ki se yon nimewo mwen ta ka itilize nan Microsoft Word. 1003 00:45:54,130 --> 00:45:57,620 Kite m 'ale tounen nan entènèt mwen an paj isit la ak Reload, 1004 00:45:57,620 --> 00:45:59,640 epi ou ka wè ki li nan deja pi gwo anpil. 1005 00:45:59,640 --> 00:46:02,223 Epi nou ka jwenn yon ti kras fou, jis tankou nou kapab sou yon desktop-- 1006 00:46:02,223 --> 00:46:03,670 fè li 96 pwen. 1007 00:46:03,670 --> 00:46:04,950 Recharger. 1008 00:46:04,950 --> 00:46:07,610 Epi, se nan ap resevwa yon ti kras maladwa nan pwen sa. 1009 00:46:07,610 --> 00:46:09,500 >> Men, mwen te kapab fè yon ti kras pi plis presi. 1010 00:46:09,500 --> 00:46:14,530 Olye pou yo k ap aplike sa a stylesheet nan kò a nan paj m 'yo, 1011 00:46:14,530 --> 00:46:21,740 ki lòt bagay ta ka mwen aplike li nan olye de sa, sa lòt tag ki ta ka toujou 1012 00:46:21,740 --> 00:46:25,445 fonksyon nan menm fason an? 1013 00:46:25,445 --> 00:46:26,444 >> ODYANS: Tag nan p? 1014 00:46:26,444 --> 00:46:27,360 DAVID J. Malan: P tag. 1015 00:46:27,360 --> 00:46:29,350 Se konsa, tèt la pa ta dwe kòrèk, paske tèt la, 1016 00:46:29,350 --> 00:46:31,300 ou pa kapab aktyèlman kontwole estetik yo nan. 1017 00:46:31,300 --> 00:46:32,700 Genyen swa tèks gen oswa pa. 1018 00:46:32,700 --> 00:46:36,760 Men, p tag mwen kapab plonje nan yon ti kras pi fon, se konsa pale, nan paragraf la 1019 00:46:36,760 --> 00:46:37,350 Tags. 1020 00:46:37,350 --> 00:46:41,600 E menm si gen twa, sa a, se parfe amann, paske se nan CSS, 1021 00:46:41,600 --> 00:46:44,900 lè m 'jis di "p," sa a vle di aplike sa ki annapre yo 1022 00:46:44,900 --> 00:46:48,300 nan nenpòt tag ki matche ak chwa sa a seleksyon, seleksyon an jis 1023 00:46:48,300 --> 00:46:49,430 ke yo te non an nan tag a. 1024 00:46:49,430 --> 00:46:52,350 Se konsa, tout kote ou wè yon "P," aplike gwosè a font, 1025 00:46:52,350 --> 00:46:55,222 e kite yo fè li plis rezonab again-- 24 pwen. 1026 00:46:55,222 --> 00:46:56,930 Epi ou konnen ki sa, jis pou bon mezi, 1027 00:46:56,930 --> 00:46:59,810 kite a fè koulè a wouj jis pou moman sa a. 1028 00:46:59,810 --> 00:47:03,740 Epi, koulye a si mwen Reload, kounye a nou wè twa paragraf lèd. 1029 00:47:03,740 --> 00:47:07,180 >> Men koulye a, ta kwè ke mwen se sòt de- mwen vle paragraf nan premye 1030 00:47:07,180 --> 00:47:08,210 so soti nan itilizatè a. 1031 00:47:08,210 --> 00:47:11,150 Mwen pa vle jis ogmante gwosè a font nan tout bagay. 1032 00:47:11,150 --> 00:47:16,105 Se konsa, mwen aktyèlman vle yo idantifye oswa fè distenksyon ant nan mitan paragraf sa yo. 1033 00:47:16,105 --> 00:47:18,730 Se konsa nou debarase m de wouj la, paske sa se sèlman kalite minables, 1034 00:47:18,730 --> 00:47:23,885 e kite yo ale pi devan epi fè nan font size 12-pwen pa default, 1035 00:47:23,885 --> 00:47:26,260 pou nou ap tounen nan yon bagay yon ti kras plis ki rezonab. 1036 00:47:26,260 --> 00:47:29,190 Epi, koulye a mwen jis vle ogmante a font size nan paragraf la an premye. 1037 00:47:29,190 --> 00:47:31,440 Mwen ka fè sa nan yon kèk fason, men yon fason sa a, se 1038 00:47:31,440 --> 00:47:37,180 petèt pi ansèyman nan la moman se fè sa ki annapre yo. 1039 00:47:37,180 --> 00:47:43,280 Kite m 'ale pi devan epi di, sa a paragraf gen yon ID inik nan "premye." 1040 00:47:43,280 --> 00:47:45,000 Mwen te kapab rele anyen sa a mwen vle. 1041 00:47:45,000 --> 00:47:46,874 Mwen te kapab rele sa a "foo" oswa nenpòt ki lòt mo, 1042 00:47:46,874 --> 00:47:49,290 men mwen pral bay li kèk Semantics sans Non 1043 00:47:49,290 --> 00:47:50,320 tankou "premye." 1044 00:47:50,320 --> 00:47:54,790 Sa a se idantifyan a inik, ID a, la pou premye paragraf mwen. 1045 00:47:54,790 --> 00:47:59,360 >> Ki sa mwen kapab kounye a fè nan stylesheet mwen se gen yon ti kras pi plis presi. 1046 00:47:59,360 --> 00:48:02,330 Olye pou yo di, aplike , Ki anba la a tag nan p 1047 00:48:02,330 --> 00:48:04,890 Mwen kapab di annapre a aplike sa ki annapre yo, 1048 00:48:04,890 --> 00:48:11,000 oswa chwazi, eleman nan HTML ki gen yon ID inik nan "premye." 1049 00:48:11,000 --> 00:48:12,350 Ki sa mwen vle pou aplike nan li? 1050 00:48:12,350 --> 00:48:15,250 Yon font size nan 24-pwen. 1051 00:48:15,250 --> 00:48:16,640 Se konsa, mwen gen de seleksyon kounye a. 1052 00:48:16,640 --> 00:48:19,690 Youn fè tout nan a paragraf 12-pwen. 1053 00:48:19,690 --> 00:48:24,960 Men, yon sèl sa a, espesyalman depi li rive second-- li rive sot pase a nan file-- la 1054 00:48:24,960 --> 00:48:27,090 sa a gen yon efè kaskad. 1055 00:48:27,090 --> 00:48:30,200 Mwen te jis te fè tout sa mwen paragraf Tags 12-pwen, 1056 00:48:30,200 --> 00:48:34,350 men sa a kounye a kaskad ak Vanport ke pou nenpòt eleman 1057 00:48:34,350 --> 00:48:38,800 nan paj la, nenpòt tag nan paj la ki gen inik ID se quote unquote "premye." 1058 00:48:38,800 --> 00:48:41,720 Apre sa, hashtag a nan kontèks sa a jis vle di "inik idantifyan." 1059 00:48:41,720 --> 00:48:43,750 Mwen pa mete l 'nan dosye a HTML. 1060 00:48:43,750 --> 00:48:46,880 Se mwen menm, sou isit la, jis di quote unquote "premye." 1061 00:48:46,880 --> 00:48:48,470 >> Se pou m 'recharger. 1062 00:48:48,470 --> 00:48:49,919 Epi, koulye a mwen wè, ah, OK. 1063 00:48:49,919 --> 00:48:51,710 Mwen vle di, li pa ki bèl, men li la kalite 1064 00:48:51,710 --> 00:48:53,600 de tankou prefas la nan yon liv oswa yon bagay tankou sa yo, 1065 00:48:53,600 --> 00:48:55,100 kote paragraf nan premye se pi gran. 1066 00:48:55,100 --> 00:48:57,933 Ta ka menm plis egzak ak jis lèt yo an premye, men omwen 1067 00:48:57,933 --> 00:48:59,110 Mwen te egzèse plis kontwòl. 1068 00:48:59,110 --> 00:49:04,760 Koulye a, maybe-- petèt mwen vle fè sa detanzantan pou kèlkeswa rezon, 1069 00:49:04,760 --> 00:49:09,010 Se poutèt sa mwen pa vle sa a aplike nan sèlman yon sèl tag HTML. 1070 00:49:09,010 --> 00:49:15,110 Olye de sa, se pou yo say-- kite nan tou fè sa ki annapre yo. 1071 00:49:15,110 --> 00:49:18,810 Gwoup = "enpòte." 1072 00:49:18,810 --> 00:49:23,970 Lè nou konsidere ke se yon ID itilize yo inikman idantifye yon sèl bagay, yon sèl tag, 1073 00:49:23,970 --> 00:49:30,190 nan paj entènèt ou an, se yon klas vle di yo dwe itilize sou nenpòt ki kantite eleman oswa Tags 1074 00:49:30,190 --> 00:49:30,950 nan paj entènèt ou an. 1075 00:49:30,950 --> 00:49:31,710 Se konsa, li ki kapab itilize ankò. 1076 00:49:31,710 --> 00:49:33,090 Yon ID se pa ki kapab itilize ankò. 1077 00:49:33,090 --> 00:49:34,450 Yon klas se ki kapab itilize ankò. 1078 00:49:34,450 --> 00:49:37,830 >> Epi ou konnen ki sa, pou kèlkeswa filozofik reasons-- 1079 00:49:37,830 --> 00:49:40,180 Mwen pa t 'fini mwen thought-- mwen pral di 1080 00:49:40,180 --> 00:49:44,300 ki paragraf nan premye ak nan dezyèm paragraf yo enpòtan. 1081 00:49:44,300 --> 00:49:48,600 Se konsa, mwen pral pou aplike pou klas la rele "Enpòtan," sa a, si mwen sove dosye mwen 1082 00:49:48,600 --> 00:49:51,510 ak Reload, pa gen okenn fonksyonèl enpak ankò. 1083 00:49:51,510 --> 00:49:53,780 Men, mwen te te ajoute kèk Metadata nan dosye a, 1084 00:49:53,780 --> 00:49:56,610 sòt de yon bagay apa soti nan done yo debaz nan dosye a, 1085 00:49:56,610 --> 00:50:02,300 se konsa ke kounye a nan stylesheet mwen, si mwen olye pou di ".Ki enpòtan" - ou konnen, 1086 00:50:02,300 --> 00:50:07,110 nenpòt ki bagay ki enpòtan, mwen pral fè font-koulè, red-- 1087 00:50:07,110 --> 00:50:09,930 ou pito pa font-koulè, jis koulè. 1088 00:50:09,930 --> 00:50:12,930 Genyen enkonsistans nan CSS malerezman. 1089 00:50:12,930 --> 00:50:14,120 Apre sa, recharger. 1090 00:50:14,120 --> 00:50:17,640 Koulye a, remake premye a de paragraf yo wouj 1091 00:50:17,640 --> 00:50:20,880 men se pa twazyèm lan, paske mwen sèlman aplike klas la nan "enpòtan" 1092 00:50:20,880 --> 00:50:25,020 nan de nan premye nan bagay sa yo. 1093 00:50:25,020 --> 00:50:28,030 >> Se konsa, nan idantite, ou gen kapasite nan ou presize trè jisteman. 1094 00:50:28,030 --> 00:50:30,110 Avèk klas, ou gen reutilizasyon. 1095 00:50:30,110 --> 00:50:33,800 Men, nan tou de ka, remake nan sòt de prensip bon-konsepsyon 1096 00:50:33,800 --> 00:50:39,072 kote mwen faktè soti tout nan a estetik nan dosye styles.css mwen. 1097 00:50:39,072 --> 00:50:40,280 Se konsa, gen nan pa gen messiness isit la. 1098 00:50:40,280 --> 00:50:44,490 Gen nan pa gen mansyone nan wouj oswa fonse-fè fas a oswa font size nan sa a dosye-a. 1099 00:50:44,490 --> 00:50:49,430 Olye de sa mwen gen Semantics, aktivman karakterize done m 'kòm, 1100 00:50:49,430 --> 00:50:51,240 isit la se kèk done enpòtan. 1101 00:50:51,240 --> 00:50:52,800 Isit la se kèk done pi enpòtan. 1102 00:50:52,800 --> 00:50:56,500 Anplis, isit la se a "Premye" nan done enpòtan m 'yo. 1103 00:50:56,500 --> 00:51:01,050 Se konsa, HTML se tout sou sòt nan balisage, literalman, mo 1104 00:51:01,050 --> 00:51:05,270 ak paragraf ak konstwi nan ou paj ak sijesyon sa yo ti kras, si ou 1105 00:51:05,270 --> 00:51:07,640 pral, ke ou ka yon jan kanmenm ogmante lè l sèvi avèk 1106 00:51:07,640 --> 00:51:10,880 lòt teknik tankou CSS nan fason sa. 1107 00:51:10,880 --> 00:51:14,760 >> Se konsa, nan repons a kesyon Victoria a, nou ka fè tèks pi gwo nan fason sa a. 1108 00:51:14,760 --> 00:51:18,380 Gen anpil lòt fason, men font la tag louvri bracket "font" - 1109 00:51:18,380 --> 00:51:19,770 se aktyèlman plizyè ane fin vye granmoun. 1110 00:51:19,770 --> 00:51:21,410 Lè sa a se pwoblèm nan, tou, ak repoze sèlman 1111 00:51:21,410 --> 00:51:23,485 sou entènèt resources-- yo gen tandans yo dwe demode. 1112 00:51:23,485 --> 00:51:26,110 Ak tout bon, sa a te Obsoleted, paske mond lan reyalize, 1113 00:51:26,110 --> 00:51:28,970 sa ki "font-gwosè = 7" vle di? 1114 00:51:28,970 --> 00:51:29,670 Li pa fè sa. 1115 00:51:29,670 --> 00:51:32,770 Se konsa, pou anpil ane ak sa a day-- youn nan bò a 1116 00:51:32,770 --> 00:51:36,060 nòt isit la se ke li se aktyèlman èkstrèmeman ki fè mal toujou pafwa 1117 00:51:36,060 --> 00:51:38,900 yo devlope sit pou la sou sit wèb, paske Microsoft 1118 00:51:38,900 --> 00:51:44,220 ak Google ak Mozilla ak lòt moun souvan dakò ki di kòman 1119 00:51:44,220 --> 00:51:47,480 ka esplike nou rèv yon spesifikasyon tankou HTML. 1120 00:51:47,480 --> 00:51:52,490 >> Gen yon rulebook pou HTML ki jeneralman di ki sa chak tag vle di. 1121 00:51:52,490 --> 00:51:55,690 Men, pafwa li ki rete nan la diskresyon aplikasyon an, 1122 00:51:55,690 --> 00:51:57,290 diskresyon Microsoft a ak Google. 1123 00:51:57,290 --> 00:52:00,000 Se konsa, ou pral trè souvan wè sou yon yon bagay sit entènèt 1124 00:52:00,000 --> 00:52:04,954 parèt diferan sou yon PC pase sa li fè sou yon Mac, 1125 00:52:04,954 --> 00:52:06,995 ak sa ki nan vrèman paske, nan fen jounen an, 1126 00:52:06,995 --> 00:52:08,891 yo pa t 'tès li byen sou tou de tribin. 1127 00:52:08,891 --> 00:52:11,390 Men, li la tou paske rezonab, moun ki entelijan pral dakò 1128 00:52:11,390 --> 00:52:14,970 ak konpayi pral dakò, e konsa youn nan defi yo nan pwogram 1129 00:52:14,970 --> 00:52:16,980 pou entènèt la oswa desine bagay sa yo pou entènèt la 1130 00:52:16,980 --> 00:52:21,700 ap ekri sit entènèt ou nan yon fason ki travay sou chak navigatè entènèt. 1131 00:52:21,700 --> 00:52:23,410 Men, menm sa a, se rezonab, dwa? 1132 00:52:23,410 --> 00:52:27,807 Gen vèsyon anpil nan anpil navigatè yo deyò ki, nan kèk pwen, 1133 00:52:27,807 --> 00:52:30,890 ou gen tou yo fè yon apèl jijman epi ou gen deside kòm yon konpayi, 1134 00:52:30,890 --> 00:52:33,082 espesyalman pou E-commerce-style sit kote w ap 1135 00:52:33,082 --> 00:52:36,290 ap eseye sèvi ak dènye a ak pi gran teknoloji bay yon itilizatè reyèlman bon 1136 00:52:36,290 --> 00:52:37,110 eksperyans. 1137 00:52:37,110 --> 00:52:41,019 Men, gen kèk pousantaj nan itilizatè ou ta ka toujou gen lè l sèvi avèk Internet Explorer 6 oubyen 7 1138 00:52:41,019 --> 00:52:43,810 oswa 8, espesyalman tou depann de la peyi yo ke yo ap vini soti nan. 1139 00:52:43,810 --> 00:52:46,760 >> Se konsa, trè souvan konsulté se yon bagay 1140 00:52:46,760 --> 00:52:50,920 tankou "estatistik navigatè entènèt." 1141 00:52:50,920 --> 00:52:56,560 Men, si n 'al jwenn to-- kite a wè Wikipedya ak wè kòman monte-a-dat tablo sa a se 1142 00:52:56,560 --> 00:52:59,320 si gen yon sèl. 1143 00:52:59,320 --> 00:53:02,420 Se konsa, isit la ou ka wè kote navigatè aktyèlman 1144 00:53:02,420 --> 00:53:06,160 yo, dapre jiska desanm 2015, dapre Gouvènman Ameriken an. 1145 00:53:06,160 --> 00:53:11,170 Chrome se nan pati nan mache 42%, ki te swiv pa IE lajman nan anviwònman antrepriz 1146 00:53:11,170 --> 00:53:14,490 oswa anviwònman PC, nan kou, ki te swiv pa Firefox, 1147 00:53:14,490 --> 00:53:17,440 Lè sa a, Safari, lè sa a Opera pa t ' fè kat jeyografik la isit la pou kèk rezon, 1148 00:53:17,440 --> 00:53:18,210 ak Lè sa a Gen lòt ki. 1149 00:53:18,210 --> 00:53:19,500 Petèt li nan anba Gen lòt ki. 1150 00:53:19,500 --> 00:53:27,700 Men, plis pwoblèm pase sa is-- kite a wè si Wikipedya tou te gen 1151 00:53:27,700 --> 00:53:35,194 vèsyon an navigatè version-- 1152 00:53:35,194 --> 00:53:36,160 1153 00:53:36,160 --> 00:53:39,190 >> Ann ale nan estatistik navigatè. 1154 00:53:39,190 --> 00:53:40,680 IE. 1155 00:53:40,680 --> 00:53:42,030 Menm sa a, se pa ase. 1156 00:53:42,030 --> 00:53:44,854 Navigatè estatistik. 1157 00:53:44,854 --> 00:53:45,353 vèsyon mwen. 1158 00:53:45,353 --> 00:53:48,980 1159 00:53:48,980 --> 00:53:50,540 Sa pa k ap pase yo dwe gen dwa. 1160 00:53:50,540 --> 00:53:53,414 Ann wè vèsyon. 1161 00:53:53,414 --> 00:53:54,830 Navigatè mache pataje. 1162 00:53:54,830 --> 00:53:57,110 Ann wè si sa a vini leve. 1163 00:53:57,110 --> 00:53:57,610 OK. 1164 00:53:57,610 --> 00:54:00,010 Koulye a, sa a ap vin yon ti kras plis itil. 1165 00:54:00,010 --> 00:54:04,870 Se konsa, isit la, remake ke nou gen tout diferan vèsyon nan navigatè. 1166 00:54:04,870 --> 00:54:09,887 Epi, Bondye mwen, si ou look-- Chrome 48, Chrome 47, Chrome 31, Chrome 45. 1167 00:54:09,887 --> 00:54:12,970 Mwen vle di, navigatè de pli zan pli mete ajou, epi pafwa kèk nan chanjman sa yo 1168 00:54:12,970 --> 00:54:16,430 yo enpòtan nan tèm de fonksyonalite. 1169 00:54:16,430 --> 00:54:20,630 Se konsa, nan kèk pwen, nan administratè pwodui oswa enjenyè yo 1170 00:54:20,630 --> 00:54:23,620 bezwen fè yon decision ou konnen ki sa, sèlman 1% nan mond lan 1171 00:54:23,620 --> 00:54:24,740 se toujou lè l sèvi avèk IE 7. 1172 00:54:24,740 --> 00:54:25,490 Kote mò yo ye ak yo. 1173 00:54:25,490 --> 00:54:27,470 Nou jis ap pa pral sipòte ki navigatè. 1174 00:54:27,470 --> 00:54:28,740 Ak sa ki sa vle di pa sipòte? 1175 00:54:28,740 --> 00:54:31,170 Li ta ka vle di ke bouton pa travay nan paj entènèt ou an, 1176 00:54:31,170 --> 00:54:33,050 oswa li ta ka vle di nan fòma se konplètman an. 1177 00:54:33,050 --> 00:54:35,091 Oswa ou ta ka gen fè ki menm rele jijman 1178 00:54:35,091 --> 00:54:39,089 nan mobil jou sa yo, kote, nou ap pa ale nan sipòte iOS 5 ankò. 1179 00:54:39,089 --> 00:54:40,380 Se konsa, pèp jis gen mete yo ajou. 1180 00:54:40,380 --> 00:54:45,850 Oubyen èske nou pa ap ale nan sipòte kupkèyk sou android eksplwatasyon pou android aparèy, 1181 00:54:45,850 --> 00:54:48,629 paske kòm world-- a kòm nan teknoloji mond vle pou avanse pou pi pou pi devan, 1182 00:54:48,629 --> 00:54:51,170 li kalite vle trennen nan mond ak li pou ke yo pa fè sa 1183 00:54:51,170 --> 00:54:53,295 gen pou l kontinye gen bak konpatib pou yo 1184 00:54:53,295 --> 00:54:54,920 ka ofri nouvo ak bon karakteristik. 1185 00:54:54,920 --> 00:54:57,878 Sa a se tout bon youn nan rezon ki poukisa sa anpil konpayi yo ap woule nan 1186 00:54:57,878 --> 00:55:01,440 dènye otomatik ak sòt de fòse vèsyon yo dènye nan lojisyèl sou nou. 1187 00:55:01,440 --> 00:55:04,010 E menm konpayi tankou Apple pral sòt nan 1188 00:55:04,010 --> 00:55:07,280 fòse ou prèske oswa fòse ou an tèm de fòs mache 1189 00:55:07,280 --> 00:55:11,164 yo achte yon nouvo telefòn paske yo jis pa pral mete ajou telefòn fin vye granmoun ou ankò. 1190 00:55:11,164 --> 00:55:13,330 Se konsa, ou manke soti sou la dènye yo ak pi gran karakteristik, 1191 00:55:13,330 --> 00:55:17,520 paske li nan koute chè yo yo tankou yon konpayi yo kenbe pi gran, joui 1192 00:55:17,520 --> 00:55:19,330 vèsyon enferyè nan lojisyèl. 1193 00:55:19,330 --> 00:55:23,660 Men, efè a nèt se ke nou menm tou nou soufri sa a tou. 1194 00:55:23,660 --> 00:55:26,550 >> Se konsa, kite a pran yon gade nan jis yon koup nan bagay final isit la. 1195 00:55:26,550 --> 00:55:29,740 Se pou nou frape nan reyèl vit kèk nan moun sa yo lòt bal, si kirye. 1196 00:55:29,740 --> 00:55:33,440 Se konsa, si ou te ap eseye, pou egzanp, pozisyon 1197 00:55:33,440 --> 00:55:36,420 tèks la sou kote diferan nan la paj, mwen pral fè yon fason rapid, 1198 00:55:36,420 --> 00:55:38,360 men gen nan diferan fason pou fè sa a. 1199 00:55:38,360 --> 00:55:42,610 Kite m 'ale pi devan epi eliminate-- senplifye sa a jan sa a. 1200 00:55:42,610 --> 00:55:45,330 Kite m 'jis tounen nan m' senp, paragraf senp. 1201 00:55:45,330 --> 00:55:47,760 Kite m 'ale tounen nan styles.css mwen. 1202 00:55:47,760 --> 00:55:51,040 Apre sa, mwen jis ale nan sèvi ak simple-- la ki ou ta ka gen pou wè sou Google 1203 00:55:51,040 --> 00:55:54,430 oswa sonje soti nan earlier-- tèks-aliman dwat. 1204 00:55:54,430 --> 00:55:56,220 Ak Reload paj sa a. 1205 00:55:56,220 --> 00:55:58,470 Koulye a, tout bagay sanble yo dwe gen dwa-ki aliyen, 1206 00:55:58,470 --> 00:56:00,770 jan ou ta ka wè sou sou tèt la isit la. 1207 00:56:00,770 --> 00:56:04,470 >> Nou ka fè li gade yon ti kras plis liv ki tankou, epi nou ka di "jistifye" 1208 00:56:04,470 --> 00:56:05,640 ak Reload. 1209 00:56:05,640 --> 00:56:09,870 Kounye a li nan bèl ak kare sou tou de kote, ki se kalite bèl. 1210 00:56:09,870 --> 00:56:12,220 Yon lòt objektif sa a nou te gen isit la te chanje koulè nan tèks. 1211 00:56:12,220 --> 00:56:13,650 Se konsa, nou te wè ke ak tèks wouj m 'yo. 1212 00:56:13,650 --> 00:56:15,630 Epi, koulye a ajoute bouton pou yon fòm. 1213 00:56:15,630 --> 00:56:19,390 Se konsa, poukisa pa nou eseye fè egzakteman sa a? 1214 00:56:19,390 --> 00:56:23,656 Men, anvan kite m 'ale nan yon sit ki pi fò nan nou itilize chak day-- Google. 1215 00:56:23,656 --> 00:56:25,780 Li kite yo pran yon gade nan ki jan Google aktyèlman ap travay. 1216 00:56:25,780 --> 00:56:26,821 Men, mwen pral fè sa. 1217 00:56:26,821 --> 00:56:31,930 Premye kite m 'fè l in-- YEP, kite m 'ale sou Google premye. 1218 00:56:31,930 --> 00:56:34,530 Mwen pral gen yo ale nan Google Anviwònman, 1219 00:56:34,530 --> 00:56:40,660 paske mwen vle enfim yon bagay yo rele rezilta Instant. 1220 00:56:40,660 --> 00:56:43,580 >> Se konsa, ou ka gen remake nan Google sa yo days-- kite m 'ale tounen 1221 00:56:43,580 --> 00:56:44,850 epi y'a vire sa a sou. 1222 00:56:44,850 --> 00:56:47,900 Se konsa, si mwen kòmanse chèche pou "chat" tankou sa a, 1223 00:56:47,900 --> 00:56:50,120 remake ke pa sèlman fè Mwen jwenn oto-ranpli moute 1224 00:56:50,120 --> 00:56:54,520 tèt, tout nan yon toudenkou, paj nan tèt li sanble yo chanje trè byen vit kòm byen, 1225 00:56:54,520 --> 00:56:58,750 e ke sa a lè l sèvi avèk Google yon lang rele JavaScript ap eseye gen itil. 1226 00:56:58,750 --> 00:57:01,540 Men, malerezman, li kalite nan dega moute diskisyon nou an 1227 00:57:01,540 --> 00:57:04,010 nan sa k ap aktyèlman pase anba kapo a isit la. 1228 00:57:04,010 --> 00:57:09,070 Se konsa, mwen menm ki jis kalite byen vit fèmen rezilta enstantane. 1229 00:57:09,070 --> 00:57:11,510 Apre sa, mwen ale nan klike sou Save. 1230 00:57:11,510 --> 00:57:13,930 Epi, koulye a mwen pral louvri ki dyagnostik toolbar ke mwen 1231 00:57:13,930 --> 00:57:16,150 kenbe ouvèti anba tab la Network. 1232 00:57:16,150 --> 00:57:17,720 Se konsa nou fè sa. 1233 00:57:17,720 --> 00:57:21,960 Se pou mele l whoops-- woulo liv sa a desann yon ti jan. 1234 00:57:21,960 --> 00:57:24,410 Ak kite m 'rechèch pou "chat." 1235 00:57:24,410 --> 00:57:26,790 >> Epi, koulye a notice-- aktyèlman, sa a se yon bon opòtinite 1236 00:57:26,790 --> 00:57:28,840 yo diskite sou pou yon moman. 1237 00:57:28,840 --> 00:57:32,460 Avi moman sa a mwen type-- sispann li. 1238 00:57:32,460 --> 00:57:35,250 Sispann. 1239 00:57:35,250 --> 00:57:35,790 OK. 1240 00:57:35,790 --> 00:57:40,870 Avi moman sa a mwen tape lèt la C, gade anba a nan ekran an. 1241 00:57:40,870 --> 00:57:48,600 A- T S. Ki sa pati anba a nan ekran sa a, tab Rezo mwen, 1242 00:57:48,600 --> 00:57:53,320 sijere k ap pase chak fwa mwen tape yon lèt? 1243 00:57:53,320 --> 00:57:57,700 Malerezman, krapo a se trè trouble jodi a oswa Shamrock la 1244 00:57:57,700 --> 00:58:00,339 oswa kèlkeswa sa li ye. 1245 00:58:00,339 --> 00:58:01,880 Sa ki te pase chak fwa mwen tape? 1246 00:58:01,880 --> 00:58:04,230 Ak kite m 'klè nan pezib ak kalite l 'ankò. 1247 00:58:04,230 --> 00:58:06,580 whoops So--. 1248 00:58:06,580 --> 00:58:13,280 Chak fwa mwen tape yon lèt, C- A- T-- se konsa yon ranje nouvo evidamman kenbe parèt. 1249 00:58:13,280 --> 00:58:16,530 Ki sa ki chak nan ranje sa yo reprezante, ki baze sou sa nou te wè ak diskite 1250 00:58:16,530 --> 00:58:17,339 konsa byen lwen? 1251 00:58:17,339 --> 00:58:18,130 ODYANS: Yon rechèch? 1252 00:58:18,130 --> 00:58:21,770 DAVID J. Malan: Yon rechèch, oswa plis generic, yon demann HTTP 1253 00:58:21,770 --> 00:58:23,125 soti nan nan sèvè navigatè m '. 1254 00:58:23,125 --> 00:58:29,090 Oke, poukisa se navigatè m 'fè yon HTTP mande chak fwa mwen tape yon lèt? 1255 00:58:29,090 --> 00:58:30,502 >> ODYANS: [fèbl] 1256 00:58:30,502 --> 00:58:33,210 DAVID J. Malan: Yeah, li nan bay m 'rezilta oto-konplè sa yo. 1257 00:58:33,210 --> 00:58:35,190 Tankou, kote fè sa yo Rezilta rechèch soti? 1258 00:58:35,190 --> 00:58:38,120 Oke, chak fwa mwen tape yon lèt, Google voye plis 1259 00:58:38,120 --> 00:58:40,460 ak pi plis ak plis nan pawòl Bondye a mwen sezisman. 1260 00:58:40,460 --> 00:58:41,040 Poukisa? 1261 00:58:41,040 --> 00:58:44,540 Paske yo vle ban m 'yon pi bon ak pi bon, pi bon sijesyon, 1262 00:58:44,540 --> 00:58:48,880 yon lis sijesyon, pou sa ki mo Mwen ap eseye aktyèlman konplè. 1263 00:58:48,880 --> 00:58:53,030 Se konsa, sa sa a vle di literalman chak pèsonaj ou tape nan Google 1264 00:58:53,030 --> 00:58:56,900 se ke yo te voye, finalman nan esansyèl, men tou, pafwa yon sèl 1265 00:58:56,900 --> 00:59:00,620 nan yon moman nan lòd yo aplike karakteristik sa yo oto-konplè lè 1266 00:59:00,620 --> 00:59:03,000 done a se, nan kou, sou entènèt la. 1267 00:59:03,000 --> 00:59:08,780 >> Koulye a, kite a pran yon gade nan sa ki aktyèlman k ap pase lè mwen klike sou Google Search. 1268 00:59:08,780 --> 00:59:10,420 Lè sa a, nou pral ogmante sa a tèt nou. 1269 00:59:10,420 --> 00:59:15,320 Se konsa, si mwen desann kounye a trè a premye demann ki jis ki te pase. 1270 00:59:15,320 --> 00:59:17,130 Avi sa ki annapre yo. 1271 00:59:17,130 --> 00:59:25,550 Li te voye nan yon san patipri lontan URL-- https://www.google.com/search? 1272 00:59:25,550 --> 00:59:27,100 ak Lè sa a yon pakèt antye nan bagay. 1273 00:59:27,100 --> 00:59:29,620 Ann wè sa a aktyèlman kounye a nan tab la navigatè tèt li. 1274 00:59:29,620 --> 00:59:31,310 Se pou nou debarase m de ba ikòn nan isit la. 1275 00:59:31,310 --> 00:59:33,140 Isit la nan paj la nan rezilta rechèch la. 1276 00:59:33,140 --> 00:59:34,790 Apre sa, avi isit la nan URL la. 1277 00:59:34,790 --> 00:59:37,430 Koulye a, ou ka pwobableman devine sa k ap pase isit la nan pati. 1278 00:59:37,430 --> 00:59:39,090 Se konsa, premye a tout moun, yon definisyon. 1279 00:59:39,090 --> 00:59:42,570 Sa a aparamman se destinasyon an ki kote fòm nan soumèt. 1280 00:59:42,570 --> 00:59:44,910 Se konsa, lè mwen tape nan nan mo "chat" ak frape Antre, 1281 00:59:44,910 --> 00:59:48,460 aparamman Google voye opinyon tèks mwen an sa a URL 1282 00:59:48,460 --> 00:59:50,770 ke mwen te make la, koupe rechèch. 1283 00:59:50,770 --> 00:59:56,530 Vire soti, nan yon URL, nenpòt ki bagay ki k ap pase apre yon mak kesyon se, 1284 00:59:56,530 --> 01:00:01,270 jan nou kenbe li di, yon pè kle-valè ki te tape nan fòm lan oswa yon jan kanmenm 1285 01:00:01,270 --> 01:00:04,500 transmèt de la navigatè nan sèvè a. 1286 01:00:04,500 --> 01:00:07,180 >> Se konsa, nenpòt ki lè ou tape D ' nan yon fòm sou entènèt la 1287 01:00:07,180 --> 01:00:10,000 ak li a voye kòm nou te te diskite sou, atravè yon jwenn, 1288 01:00:10,000 --> 01:00:12,400 youn nan sa yo vityèl anvlòp, sa ki 1289 01:00:12,400 --> 01:00:15,510 nan ki envelope-- repons lan se wi, kenbe ap resevwa boure fizikman 1290 01:00:15,510 --> 01:00:19,010 nan anvlòp la nan klas jodi a, men teknoloji 1291 01:00:19,010 --> 01:00:21,110 li la aktyèlman mete nan URL la. 1292 01:00:21,110 --> 01:00:22,940 Se konsa, an reyalite, kite m 'pase atravè sa a. 1293 01:00:22,940 --> 01:00:25,010 Ki kote ou wè opinyon itilizatè? 1294 01:00:25,010 --> 01:00:27,490 Ki kote ou wè yon bagay pou mwen menm mwen tape moute isit la? 1295 01:00:27,490 --> 01:00:32,100 1296 01:00:32,100 --> 01:00:33,491 Yeah, se konsa "chat." 1297 01:00:33,491 --> 01:00:33,990 Dwa? 1298 01:00:33,990 --> 01:00:36,380 Se pou m 'distile sa a nan yon bagay ki pi senp. 1299 01:00:36,380 --> 01:00:39,917 Mwen pral efase tout bagay sou sa a URL ke mwen pa konprann, 1300 01:00:39,917 --> 01:00:42,250 ak mwen jis ale nan kite li kòm sa a men / rechèch? q = chat. 1301 01:00:42,250 --> 01:00:45,640 1302 01:00:45,640 --> 01:00:47,890 Nou pral wè ki kote q soti nan nan yon moman, 1303 01:00:47,890 --> 01:00:51,220 men sa santi l tankou minimòm la kantite lajan pou enfòmasyon ke mwen bay la. 1304 01:00:51,220 --> 01:00:53,050 Epi, koulye a mwen pral frape Antre. 1305 01:00:53,050 --> 01:00:55,520 Apre sa, remake li toujou ap travay. 1306 01:00:55,520 --> 01:00:57,950 Nou toujou jwenn tounen yon pakèt antye nan chat. 1307 01:00:57,950 --> 01:01:00,340 Se konsa, Google se amateur pase sa a jou sa yo. 1308 01:01:00,340 --> 01:01:01,934 Li nan 2016, pa 1999. 1309 01:01:01,934 --> 01:01:04,600 Se konsa, gen nan lòt bagay ki mwen se navigatè voye nan sèvè a. 1310 01:01:04,600 --> 01:01:07,100 Men sa se minim tout sa a, se sa nesesè. 1311 01:01:07,100 --> 01:01:08,380 >> Se konsa, sa k ap pase sou? 1312 01:01:08,380 --> 01:01:14,320 Oke, premye kite m 'ale pi devan epi ale tounen nan Cloud9 ak kite m 'ale pi devan 1313 01:01:14,320 --> 01:01:15,620 epi fèmen onglè mwen pi bonè. 1314 01:01:15,620 --> 01:01:18,230 Apre sa, mwen pral fè sa a sou mwen posede jis pou yon moman. 1315 01:01:18,230 --> 01:01:20,730 Mwen pral ale pi devan ak kreye nouvo dosye-a. 1316 01:01:20,730 --> 01:01:23,739 Men, mwen pral pou konsève pou li kòm google.html. 1317 01:01:23,739 --> 01:01:26,280 Men, mwen pral trè quickly-- Mwen pral yo nan vole, aktyèlman, 1318 01:01:26,280 --> 01:01:28,510 kèk nan tèks sa a jis pou konsève pou tan. 1319 01:01:28,510 --> 01:01:30,610 Mwen pral kole sa a nan isit la. 1320 01:01:30,610 --> 01:01:33,850 Mwen pa ale nan deranje ak nenpòt stilizasyon moman sa a. 1321 01:01:33,850 --> 01:01:38,340 Nou pral rele sa a "mwen Google." 1322 01:01:38,340 --> 01:01:41,230 Men, mwen pral debarase m nan tout bagay nan kò a. 1323 01:01:41,230 --> 01:01:42,740 Apre sa, mwen pral fè sa ki annapre yo. 1324 01:01:42,740 --> 01:01:45,690 Kite m 'rale nan. 1325 01:01:45,690 --> 01:01:50,620 Fòm action-- ak jan mwen yon ti tan mansyone earlier-- whoops-- jan mwen yon ti tan 1326 01:01:50,620 --> 01:01:54,130 mansyone pi bonè, aksyon an nan yon fòm se kote ou voye done yo nan. 1327 01:01:54,130 --> 01:01:56,620 Se konsa, google.com/search. 1328 01:01:56,620 --> 01:01:59,390 Ak metòd la mwen vle sèvi ak kapab youn nan de bagay sa yo. 1329 01:01:59,390 --> 01:02:02,870 Li ka swa dwe "jwenn," kòm nou kenbe diskite sou, oswa li kapab "post." 1330 01:02:02,870 --> 01:02:05,340 Pou kounye a, fondamantal nan diferans se, si ou sèvi ak "jwenn," 1331 01:02:05,340 --> 01:02:09,590 tout enfòmasyon an ki nan itilizatè bay vin voye nan URL la. 1332 01:02:09,590 --> 01:02:13,530 >> Sa se gwo pou bagay sa yo tankou rechèch motè ak yon kèk aplikasyon pou lòt, 1333 01:02:13,530 --> 01:02:17,080 men nan ki sikonstans ta ou pa vle ranpli yon fòm 1334 01:02:17,080 --> 01:02:21,620 epi yo gen enfòmasyon ki fini nan URL, tankou nan navigatè ou a adrès ba? 1335 01:02:21,620 --> 01:02:25,470 1336 01:02:25,470 --> 01:02:26,605 Ki kalite fòm fè you-- 1337 01:02:26,605 --> 01:02:27,480 ODYANS: [fèbl] 1338 01:02:27,480 --> 01:02:28,450 DAVID J. Malan: Yeah, tankou ki sa? 1339 01:02:28,450 --> 01:02:29,270 ODYANS: Modpas. 1340 01:02:29,270 --> 01:02:31,936 DAVID J. Malan: Yeah, se konsa ou ouvri sesyon nan Facebook oswa kèk sit entènèt. 1341 01:02:31,936 --> 01:02:34,395 Sa a opinyon itilizatè soti nan yon fòm, yon bwat tèks, 1342 01:02:34,395 --> 01:02:37,020 men pwobableman ou pa vle li ki montre moute nan URL navigatè a. 1343 01:02:37,020 --> 01:02:38,121 Poukisa? 1344 01:02:38,121 --> 01:02:40,870 Mwen vle di, petèt gen kèk enplikasyon sekirite sou rezo a, 1345 01:02:40,870 --> 01:02:44,830 men more-- renmen, plis tou senpleman, sa ki si kolokasyon ou, lòt enpòtan ou, 1346 01:02:44,830 --> 01:02:47,710 timoun ou, mari oswa madanm ou sanble nan istwa navigatè ou a? 1347 01:02:47,710 --> 01:02:50,762 Gen dwat modpas ou gen la nan istwa navigatè ou a. 1348 01:02:50,762 --> 01:02:52,220 Sa pa santi tankou bon konsepsyon. 1349 01:02:52,220 --> 01:02:54,500 Oswa menm plis teknikman, ta kwè w ap eseye 1350 01:02:54,500 --> 01:02:59,180 Upload yon foto Flickr oswa Facebook oswa wherever-- 1351 01:02:59,180 --> 01:03:03,010 ki se opinyon itilizatè, menm si li nan yon ti kras pi plis interesting-- ki jan 1352 01:03:03,010 --> 01:03:05,530 Mwen bachote yon imaj nan ba a URL? 1353 01:03:05,530 --> 01:03:06,730 Ou kalite sòt de pa kapab. 1354 01:03:06,730 --> 01:03:07,396 Ou kalite kapab. 1355 01:03:07,396 --> 01:03:10,210 Men, reyèlman, mwen se difisil-bourade imajine fè sa. 1356 01:03:10,210 --> 01:03:13,470 Se konsa, mwen bezwen yon lòt metòd pou uploading foto nan yon sit entènèt, 1357 01:03:13,470 --> 01:03:15,657 epi li se ke lòt metòd rele "post." 1358 01:03:15,657 --> 01:03:18,740 Men, pou kounye a, nou pral jis pale sou "Jwenn", ki se ki pi senp la nan de a. 1359 01:03:18,740 --> 01:03:21,100 Li jis mete tout nan opinyon itilizatè nan URL la. 1360 01:03:21,100 --> 01:03:22,830 >> Se konsa, isit la nan fòm la mwen kreye. 1361 01:03:22,830 --> 01:03:24,070 Mwen vle yon opinyon. 1362 01:03:24,070 --> 01:03:24,820 Epi ou konnen ki sa? 1363 01:03:24,820 --> 01:03:26,111 Mwen pral pran yon devine isit la. 1364 01:03:26,111 --> 01:03:31,600 Mwen pral sonje mwen D ' "q" pou "rechèch." 1365 01:03:31,600 --> 01:03:34,970 Apre sa, mwen panse ke sa a se youn nan nan desen orijinal la, petèt, ki soti nan 1999. 1366 01:03:34,970 --> 01:03:39,560 Lè sa a, ki kalite sa a D ' se jis ale yo dwe "tèks." 1367 01:03:39,560 --> 01:03:43,040 Lè sa a, mwen pral gen yon lòt opinyon ki pa bezwen yon non, menm jan nou pral byento 1368 01:03:43,040 --> 01:03:45,120 wè, ki kalite ki se "soumèt." 1369 01:03:45,120 --> 01:03:47,070 Lè sa a ki pral ban m 'yon bouton espesyal. 1370 01:03:47,070 --> 01:03:48,320 Epi sa a, li. 1371 01:03:48,320 --> 01:03:50,790 >> Se pou m 'ale pi devan epi sove sa a ranpli. 1372 01:03:50,790 --> 01:03:54,910 Mwen pral pou tounen nan m ' navigatè epi ale nan google.html. 1373 01:03:54,910 --> 01:03:56,140 Antre nan. 1374 01:03:56,140 --> 01:03:59,680 Epi, se nan kalite rar yo di pi piti a. 1375 01:03:59,680 --> 01:04:03,110 Men, kite m 'ale pi devan ak rechèch pou "chat." 1376 01:04:03,110 --> 01:04:06,510 Apre sa, remake mwen se kounye a nan sa a Cloud9 URL. 1377 01:04:06,510 --> 01:04:09,240 Men, moman sa a mwen klike sou sa a, kote ou espere ke mwen pral fini? 1378 01:04:09,240 --> 01:04:10,160 >> ODYANS: Google. 1379 01:04:10,160 --> 01:04:11,118 >> DAVID J. Malan: Google. 1380 01:04:11,118 --> 01:04:12,740 Se konsa nou klike sou soumèt. 1381 01:04:12,740 --> 01:04:15,200 Ak tout bon mwen te re-aplike Google. 1382 01:04:15,200 --> 01:04:15,700 Dwa? 1383 01:04:15,700 --> 01:04:16,480 Li nan ki pi senp. 1384 01:04:16,480 --> 01:04:17,120 Li nan pi lejè. 1385 01:04:17,120 --> 01:04:20,350 Mwen vle di, kòd m 'se byen klè pi bon pase leur, ki soti nan dezòd la nou te wè pi bonè. 1386 01:04:20,350 --> 01:04:21,100 Epi ou konnen ki sa? 1387 01:04:21,100 --> 01:04:22,610 Mwen pral epis sa a moute yon ti kras. 1388 01:04:22,610 --> 01:04:23,860 Mwen pa t 'mansyone sa a pi bonè. 1389 01:04:23,860 --> 01:04:27,860 Gen Tags tankou H1, pou Tit 1, tit ki pi enpòtan nan yon paj. 1390 01:04:27,860 --> 01:04:30,570 "Google m 'yo," Mwen pral rele sa a. 1391 01:04:30,570 --> 01:04:31,940 Kite m 'recharger. 1392 01:04:31,940 --> 01:04:33,772 Li nan kap yon ti kras pi byen deja. 1393 01:04:33,772 --> 01:04:34,980 Epi, aktyèlman, ou konnen ki sa? 1394 01:04:34,980 --> 01:04:36,430 Mwen te deja- mwen bay manti. 1395 01:04:36,430 --> 01:04:40,200 Mwen te di mwen pa te ale nan style sa a, men mwen pral style sa a tankou anvan an. 1396 01:04:40,200 --> 01:04:46,860 Apre sa, kò mwen an a pwal, kite a di, tèks-aliman sant. 1397 01:04:46,860 --> 01:04:48,800 Li nan kap plis tankou Google deja. 1398 01:04:48,800 --> 01:04:51,090 >> Mwen bezwen yon ti repo liy, menm si, pou sa soumèt bouton. 1399 01:04:51,090 --> 01:04:52,798 Epi li vire soti, ou ka itilize paragraf, 1400 01:04:52,798 --> 01:04:57,320 oswa ou ka plis literalman jis di, ban m 'yon liy repo isit lan-- tag nan br. 1401 01:04:57,320 --> 01:04:59,319 Men, si mwen Reload sa a, kounye a li ale la. 1402 01:04:59,319 --> 01:05:01,610 Li se yon ti kras lèd, se konsa mwen ta ka fè repo liy miltip, 1403 01:05:01,610 --> 01:05:03,310 men kite a pa jwenn twò visye isit la. 1404 01:05:03,310 --> 01:05:06,430 Se konsa, kounye a kite a wè si li ap travay pou "chen." 1405 01:05:06,430 --> 01:05:08,640 Li sanble nan travay pou "chen," osi byen. 1406 01:05:08,640 --> 01:05:10,780 Se konsa, sa ki nan Takeaway a konvenkan isit la? 1407 01:05:10,780 --> 01:05:13,600 Yonn-pa t 'yon kwasans gwo nan prezante yon tijan plis Tags, 1408 01:05:13,600 --> 01:05:15,370 tankou tag nan fòm nan tag a opinyon. 1409 01:05:15,370 --> 01:05:17,120 Men, plis fondamantalman se, tout n ap fè 1410 01:05:17,120 --> 01:05:20,610 se swe konpreyansyon nou nan HTTP ak lefèt 1411 01:05:20,610 --> 01:05:24,900 ki fòm finalman chanje sa ki nan URL la nan navigatè a, 1412 01:05:24,900 --> 01:05:28,540 epi konsa, Se poutèt sa, nou kapab mekanikman bay dizon nan yon sèvè 1413 01:05:28,540 --> 01:05:33,600 pa fè yon fòm HTML ak konnen ke sèvè a konprann HTTP, 1414 01:05:33,600 --> 01:05:36,890 jis tankou kò nou konprann, tankou, souke men m ', ki pwotokòl menm, 1415 01:05:36,890 --> 01:05:40,920 epi pou nou jwenn tounen repons lan ke nou finalman atann. 1416 01:05:40,920 --> 01:05:44,050 >> Se konsa nou eseye fè yon sèl dènye bagay kounye a ak mobil, 1417 01:05:44,050 --> 01:05:47,052 epi mwen pral make-- mwen pral ajoute sa a kòd nan glisad yo. 1418 01:05:47,052 --> 01:05:49,760 Se konsa, si ou ta renmen Tinker, ou kapab sètènman pran li nan men la. 1419 01:05:49,760 --> 01:05:51,551 Men, mwen pral ale pi devan epi fè yon sèl bagay. 1420 01:05:51,551 --> 01:05:54,120 Mwen pral ale pi devan epi louvri moute page-- endèks mwen 1421 01:05:54,120 --> 01:05:59,030 paj alo mwen tankou anvan, ki gen yon anpil nan sa a tèks faux-Latin lan, 1422 01:05:59,030 --> 01:06:05,470 oswa san sans Latin tèks, ak has-- li sanble tankou sa a nan nivo sa a font size. 1423 01:06:05,470 --> 01:06:07,850 Men, kite m 'ale pi devan epi fè sa. 1424 01:06:07,850 --> 01:06:09,300 Mwen pral ale nan Cloud9. 1425 01:06:09,300 --> 01:06:10,380 Epi ou pa dwe fè sa a etap. 1426 01:06:10,380 --> 01:06:11,420 Mwen pral jis fè li tèt mwen. 1427 01:06:11,420 --> 01:06:12,890 Mwen pral klike sou pataje. 1428 01:06:12,890 --> 01:06:15,170 Lè sa a se yon karakteristik jis nan Cloud9, annakò ak sa 1429 01:06:15,170 --> 01:06:17,710 Mwen ka fè anviwònman mwen piblik. 1430 01:06:17,710 --> 01:06:20,240 >> Epi jis pou dedomajman pou la demonstrasyon, kite m 'fè sa. 1431 01:06:20,240 --> 01:06:22,870 Mwen pral fè piblik aplikasyon mwen an. 1432 01:06:22,870 --> 01:06:25,230 Avi li nan avètisman m ', mwen se Mwen asire w mwen vle fè sa a, 1433 01:06:25,230 --> 01:06:28,438 paske sa a ki pral fè tout moun nan mond lan, si wi ou non yo ap isit la kounye a 1434 01:06:28,438 --> 01:06:33,560 oswa l ap gade videyo a pita sou nan entènèt kapab wè sa m 'wè. 1435 01:06:33,560 --> 01:06:34,440 Men, sa a OK. 1436 01:06:34,440 --> 01:06:37,870 Mwen pral di "Fè." 1437 01:06:37,870 --> 01:06:42,080 Ak kite m 'ankouraje w, si m' te fè sa a correctly-- kite m 'tès li an premye. 1438 01:06:42,080 --> 01:06:45,590 Ale pi devan, si ou pa mind-- nan yon navigatè sou òdinatè ou, 1439 01:06:45,590 --> 01:06:49,900 ale nan sa a URL, ak èspere ke ou pral wè tèks Latin mwen. 1440 01:06:49,900 --> 01:06:52,820 Ak yo dwe klè, li nan kouri pa sou laptop mwen. 1441 01:06:52,820 --> 01:06:53,610 Li nan nan nwaj la. 1442 01:06:53,610 --> 01:06:58,120 Li nan sou Cloud9, literalman, men Mwen te fè piblik vorkspas mwen 1443 01:06:58,120 --> 01:07:03,450 se konsa ke nenpòt moun ki sou entènèt la kapab jwenn aksè paj Latin lakay mwen. 1444 01:07:03,450 --> 01:07:07,209 >> Ale nan URL la menm sou telefòn ou, si ou te kapab. 1445 01:07:07,209 --> 01:07:09,750 Si li pral koute ou, menm si, ou ka jis gade sou yon zepòl. 1446 01:07:09,750 --> 01:07:40,688 1447 01:07:40,688 --> 01:07:42,467 ODYANS: [fèbl] 1448 01:07:42,467 --> 01:07:43,550 DAVID J. Malan: Mwen regrèt? 1449 01:07:43,550 --> 01:07:45,390 ODYANS: [fèbl] 1450 01:07:45,390 --> 01:07:47,710 DAVID J. Malan: Jis Mo Latin. 1451 01:07:47,710 --> 01:07:48,210 Sa a tout. 1452 01:07:48,210 --> 01:07:49,250 Men, sa a sa ou ta dwe wè. 1453 01:07:49,250 --> 01:07:49,875 >> ODYANS: 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 OK. 1457 01:07:51,540 --> 01:07:53,530 Se konsa, mwen ka kenbe moute ou telefòn sèlman pou moman yon? 1458 01:07:53,530 --> 01:07:57,504 Se konsa, èspere ke, si w ap gen aksè nan li, li ta dwe gade prèske ilizibl. 1459 01:07:57,504 --> 01:07:59,920 Li nan still-- Mwen vle di, li nan ilizibl paske nan Latin nan. 1460 01:07:59,920 --> 01:08:01,920 Men, li la tou ilizibl pou sa lòt rezon? 1461 01:08:01,920 --> 01:08:03,775 Tankou, ki sa deple ou sou sa a? 1462 01:08:03,775 --> 01:08:04,650 ODYANS: Li nan ki piti yo. 1463 01:08:04,650 --> 01:08:06,420 DAVID J. Malan: Li nan super, super piti. 1464 01:08:06,420 --> 01:08:07,920 Se konsa, kouman nou te ka ranje sa a? 1465 01:08:07,920 --> 01:08:09,730 Li nan super, super ti sou telefòn Victoria a 1466 01:08:09,730 --> 01:08:11,400 ak, si ou te rale l 'tèt ou, pwobableman 1467 01:08:11,400 --> 01:08:14,660 ti sou telefòn ou kòm byen, sof si ou gen anviwònman aksè pèmèt. 1468 01:08:14,660 --> 01:08:15,530 Kisa sa ye? 1469 01:08:15,530 --> 01:08:18,497 Ou ta ka jis zongle ak rale, ki se possible, 1470 01:08:18,497 --> 01:08:20,330 men Lè sa a ou sèlman wè yon kèk mo nan yon tan. 1471 01:08:20,330 --> 01:08:20,859 Se konsa, rete tann yon minit. 1472 01:08:20,859 --> 01:08:21,720 Mwen konnen ki jan yo ranje sa a. 1473 01:08:21,720 --> 01:08:22,219 Dwa? 1474 01:08:22,219 --> 01:08:26,130 Mwen te kapab sèvi ak CSS, ak mwen te kapab chanje a font size soti nan 12-pwen nan 24-pwen. 1475 01:08:26,130 --> 01:08:29,020 Men, efè a bò nan sa, nan kou, a pwal kounye a, 1476 01:08:29,020 --> 01:08:32,630 sou yon Desktop oswa yon laptop, kounye a tèks la se de fwa tankou gwo. 1477 01:08:32,630 --> 01:08:35,810 Se konsa, li ta kalite dwe nice nan distenge aparèy, 1478 01:08:35,810 --> 01:08:37,840 epi li vire soti gen yo fason pou fè sa. 1479 01:08:37,840 --> 01:08:39,590 Gen plizyè diferan fason, an reyalite, 1480 01:08:39,590 --> 01:08:44,189 kijan lè l sèvi avèk CSS ak amateur karakteristik ke nou pa pral antre nan nan gwo detay, 1481 01:08:44,189 --> 01:08:46,960 ou ka esansyèlman sijè rechèch navigatè a ak di, 1482 01:08:46,960 --> 01:08:51,550 si ekran ou se pi piti pase sa a anpil piksèl, sèvi ak sa a font size. 1483 01:08:51,550 --> 01:08:55,180 Si ekran ou se pi gwo pase sa a anpil piksèl, sèvi ak sa a font size ak lòt. 1484 01:08:55,180 --> 01:08:57,080 >> Ou kapab menm amateur toujou. 1485 01:08:57,080 --> 01:09:00,140 Si ou te janm te vizite yon paj wèb ki, sou yon Desktop, 1486 01:09:00,140 --> 01:09:04,404 gen yon meni gwo petèt yo ale nan la bò, ak Lè sa a tout nan kontni an 1487 01:09:04,404 --> 01:09:07,029 se sou bò a nan ki menu-- sa a, se kalite yon paradigm komen. 1488 01:09:07,029 --> 01:09:09,670 Menu sou bò gòch, kontni sou bò dwat, oswa vis vèrsa. 1489 01:09:09,670 --> 01:09:13,569 pa reyèlman travay sou mobil lè ou ekran se sèlman sa a anpil piksèl lajè. 1490 01:09:13,569 --> 01:09:16,233 Se konsa, pi komen sou mobil se, meni ou pral toudenkou jwenn 1491 01:09:16,233 --> 01:09:18,399 tonbe, epi ou gen yo klike sou yon bouton yo wè li, 1492 01:09:18,399 --> 01:09:22,404 oswa sou sit wèb la pral mete meni an pi wo a li, li mete kontni an anba a li. 1493 01:09:22,404 --> 01:09:24,779 Epi ou ka aplike sa yo bagay sa yo nan fason miltip, tou. 1494 01:09:24,779 --> 01:09:28,340 Ou ka mande pwogramasyon ou, hey, ekip, nenpòt ki lè 1495 01:09:28,340 --> 01:09:34,450 ou wè yon demann HTTP soti nan yon android aparèy, yon aparèy Microsoft, yon Google 1496 01:09:34,450 --> 01:09:39,930 aparèy, yon aparèy Apple, sèvi ak sa a font size epi sèvi ak sa a Layout meni an, 1497 01:09:39,930 --> 01:09:42,670 oswa lòt moun sèvi ak default sa a pi gwo layout. 1498 01:09:42,670 --> 01:09:45,410 >> Koulye a, lè l sèvi avèk sa teknik fondamantal jodi a 1499 01:09:45,410 --> 01:09:48,529 te kapab enjenyè yo sèvi ak konnen si li nan 1500 01:09:48,529 --> 01:09:53,660 yon ifon, yon telefòn android, yon laptop, yon Desktop vizite sèvè yo nan konpayi an? 1501 01:09:53,660 --> 01:09:55,310 Kote yo jwenn enfòmasyon sa? 1502 01:09:55,310 --> 01:09:56,080 >> ODYANS: Header? 1503 01:09:56,080 --> 01:09:57,740 >> DAVID J. Malan: Yeah, header nan HTTP. 1504 01:09:57,740 --> 01:10:01,714 Se konsa, chak demann HTTP vini soti nan kliyan yo nan serveurs yo 1505 01:10:01,714 --> 01:10:03,880 enkli ladan yo, andedan ki vityèl anvlòp, yon pakèt antye 1506 01:10:03,880 --> 01:10:08,260 nan Tèt HTTP, youn nan ki se navigatè a ak sistèm nan fonksyone 1507 01:10:08,260 --> 01:10:10,290 menm, si ou pran swen yo nivo sa a nan detay. 1508 01:10:10,290 --> 01:10:13,790 Koulye a, li nan yon fisèl skre-kap, men gen egziste lojisyèl ki pral jis 1509 01:10:13,790 --> 01:10:18,530 senplifye ki, epi ou ka jis mande nan pwogram code-- PHP, Java, C ++, 1510 01:10:18,530 --> 01:10:23,650 kèlkeswa sa sa telefòn se sa a men sa aparèy se itilizatè sa a lè l sèvi avèk? 1511 01:10:23,650 --> 01:10:27,501 Lè sa a, ou ka di, montre yo sa a vèsyon nan sit wèb la si li nan yon telefòn. 1512 01:10:27,501 --> 01:10:30,250 Montre yo sa a vèsyon an nan sit entènèt si li nan yon laptop oswa Desktop. 1513 01:10:30,250 --> 01:10:32,316 Men, ou pa menm bezwen sèvè-bò konpleksite. 1514 01:10:32,316 --> 01:10:33,940 Ou ka fè menm pi senp la bagay sa yo. 1515 01:10:33,940 --> 01:10:34,815 >> Mwen pral fè sa. 1516 01:10:34,815 --> 01:10:38,995 Mwen pral ale pi devan nan anviwònman Cloud9 mwen, 1517 01:10:38,995 --> 01:10:41,370 ak mwen pral ajoute yon tag ke ou te wè nan Google anvan. 1518 01:10:41,370 --> 01:10:42,770 Yo rele li metabaliz la. 1519 01:10:42,770 --> 01:10:45,520 Apre sa, mwen pa janm sonje yon sèl sa a, se konsa Mwen pral transkripsyon li isit la. 1520 01:10:45,520 --> 01:10:50,552 Meta Non = "viewport" ak Lè sa kontni = "lajè = aparèy lajè, intital 1521 01:10:50,552 --> 01:11:02,060 echèl = 1 "e ke sa a li. 1522 01:11:02,060 --> 01:11:06,230 >> Se konsa, li ta ka kòm byen, se pou tankou yon enkantasyon majik. 1523 01:11:06,230 --> 01:11:11,300 Li nan pa tout sa ki klè, men sa a gen yon bagay fè ak viewport la, 1524 01:11:11,300 --> 01:11:15,070 ak viewport la se jis kò a nan yon paj entènèt, rejyon an rektangilè ki 1525 01:11:15,070 --> 01:11:16,690 defini pi fò nan paj la. 1526 01:11:16,690 --> 01:11:19,060 Lè sa a se jis di navigatè a, ou konnen ki sa? 1527 01:11:19,060 --> 01:11:22,589 Fè lajè a nan paj sa a efektivman egal a lajè a aparèy. 1528 01:11:22,589 --> 01:11:25,380 Nan lòt mo, pa asime ke ou gen sòt de espas san limit. 1529 01:11:25,380 --> 01:11:29,920 Sipoze ou gen sèlman kòm anpil espas kòm aparèy la tèt li se gwo. 1530 01:11:29,920 --> 01:11:34,454 Se konsa, kounye a, si mwen Reload sa a nan navigatè m 'yo, mwen pa wè okenn chanjman. 1531 01:11:34,454 --> 01:11:37,370 Men, si m 'te fè correctly-- sa a epi kite m 'travèse fingers-- mwen si nou tout 1532 01:11:37,370 --> 01:11:42,920 Reload telefòn ou, ou wè yon chanjman irezistib? 1533 01:11:42,920 --> 01:11:43,620 Yeah, se that-- 1534 01:11:43,620 --> 01:11:45,067 >> ODYANS: [fèbl] 1535 01:11:45,067 --> 01:11:45,900 DAVID J. Malan: Wi. 1536 01:11:45,900 --> 01:11:46,400 OK. 1537 01:11:46,400 --> 01:11:47,850 Se konsa, joui plis lizib kounye a? 1538 01:11:47,850 --> 01:11:53,070 Toujou piti, yo dwe jis, men se pa se konsa ti kòm yo dwe dificil. 1539 01:11:53,070 --> 01:11:56,920 Apre sa, mwen te kapab sètènman pase sou desizyon sa a pi lwen ak CSS oswa sou bò sèvè, 1540 01:11:56,920 --> 01:12:00,120 men de pli zan pli sa w ap wè se pi plis ak plis karakteristik 1541 01:12:00,120 --> 01:12:02,900 yo te ajoute nan kliyan-kòt environments-- 1542 01:12:02,900 --> 01:12:06,530 JavaScript, menm jan nou pral diskite sou demen, CSS, ak HTML-- se konsa 1543 01:12:06,530 --> 01:12:09,190 ke tout nan demann sa yo ka fè sou kliyan an 1544 01:12:09,190 --> 01:12:11,910 se konsa yo bezwen deranje a sèvè yon anpil mwens epi yo pa 1545 01:12:11,910 --> 01:12:14,530 gen kenbe moute ak, pou egzanp, ofansiv la konstan 1546 01:12:14,530 --> 01:12:17,210 nan nouvo opere-sistèm vèsyon, vèsyon navigatè nouvo. 1547 01:12:17,210 --> 01:12:20,190 Ou ka jis kite navigatè a mande aparèy la, ki jan gwo moun ou ye, 1548 01:12:20,190 --> 01:12:22,890 ak Lè sa a fè yon ti jan ki lojik desizyon ki baze sou sa. 1549 01:12:22,890 --> 01:12:25,140 Men, nou pral wè plis opòtinite pou pran desizyon ki lojik 1550 01:12:25,140 --> 01:12:27,223 demen nan yon kontèks la nan yon lang pwogramasyon. 1551 01:12:27,223 --> 01:12:29,800 1552 01:12:29,800 --> 01:12:32,760 >> Se konsa, nenpòt kesyon, lè sa a, sou devlopman entènèt? 1553 01:12:32,760 --> 01:12:36,130 Jodi a se pa pwogram entènèt, pou chak gade, depi pi tout bagay nou te fè 1554 01:12:36,130 --> 01:12:38,370 te trè ayestetik, si ou pral. 1555 01:12:38,370 --> 01:12:41,750 Pa gen okenn pou pran desizyon nan kòd la ke nou te ekri nan Liv la 1556 01:12:41,750 --> 01:12:44,990 ak pou Se poutèt sa HTML se yon markeup lang, se pa yon lang programmation. 1557 01:12:44,990 --> 01:12:47,140 Men, demen nou pral pran yon gade rapid, finalman, 1558 01:12:47,140 --> 01:12:49,340 nan JavaScript, ki se yon pwogram aktyèl 1559 01:12:49,340 --> 01:12:54,220 lang ki pèmèt nou fè yon ti jan plis. 1560 01:12:54,220 --> 01:12:56,800 >> Nenpòt kesyon? 1561 01:12:56,800 --> 01:13:00,480 Oke, kite m 'pwopoze de opòtinite si ou vle pou devwa lakay. 1562 01:13:00,480 --> 01:13:02,900 Youn is-- sa yo Cloud9 kont pa pral ekspire. 1563 01:13:02,900 --> 01:13:04,669 Ou se akeyi yo sèvi ak yo Tinker ak. 1564 01:13:04,669 --> 01:13:05,960 Li nan nivo a gratis nan sèvis. 1565 01:13:05,960 --> 01:13:08,754 Reyalize ke, si lè y ap kreye vorkspas ou, ou te fè li piblik, 1566 01:13:08,754 --> 01:13:11,670 ki fè vle di ke nenpòt moun ki sou la entènèt ka wè sa ki w ap tape. 1567 01:13:11,670 --> 01:13:15,104 Se konsa, petèt jis konsidere pa anbarasan tèt ou 1568 01:13:15,104 --> 01:13:18,020 si w ap mete sou sit wèb premye fwa ou paj yo deyò piblikman aksidantèlman, 1569 01:13:18,020 --> 01:13:20,134 men pesonn pa t k ap pase yo konnen yo gade gen de tout fason. 1570 01:13:20,134 --> 01:13:23,760 >> Apre sa, two-- kite m 'jete moute sa a URL kòm byen, 1571 01:13:23,760 --> 01:13:28,250 espesyalman si w te vini nan jodi a yon ti kras mwens konfòtab pase lòt moun, 1572 01:13:28,250 --> 01:13:30,430 fin sa ki tout bagay sa a vle di. 1573 01:13:30,430 --> 01:13:36,780 Reyalize ke pi plis nan videyo sa a, ki se tou de yon bon fason yo tonbe nan dòmi 1574 01:13:36,780 --> 01:13:39,380 epi tou li ri pandan y ap fè sa, tou te gen 1575 01:13:39,380 --> 01:13:44,300 yon anpil nan societally enteresan ak sekirite-ki enpòtan diskisyon 1576 01:13:44,300 --> 01:13:47,370 ladan l 'soti nan John Oliver, kwake yon komedyen. 1577 01:13:47,370 --> 01:13:55,456 >> Men, si pa gen okenn kesyon pi lwen, ki pote nou nan resepsyon an. 1578 01:13:55,456 --> 01:13:56,830 Se konsa, poukisa pa mwen vire sou mizik la. 1579 01:13:56,830 --> 01:13:58,610 Ta dwe gen bwason ak ti goute deyò. 1580 01:13:58,610 --> 01:14:00,220 Mwen kontan yo melanje pou osi lontan ke jan ta renmen, 1581 01:14:00,220 --> 01:14:01,600 reponn kesyon plis yon sèl-on-one. 1582 01:14:01,600 --> 01:14:03,330 Men, otreman, w ap akeyi yo pran an nan nenpòt ki pwen, 1583 01:14:03,330 --> 01:14:05,740 epi n ap wè nou ankò demen maten pou yon ti jan pi plis. 1584 01:14:05,740 --> 01:14:07,290 Tout dwa, mèsi. 1585 01:14:07,290 --> 01:14:10,428