1 00:00:00,000 --> 00:00:00,127 2 00:00:00,127 --> 00:00:01,210 เดวิดเจลัน: สิทธิทั้งหมด 3 00:00:01,210 --> 00:00:02,160 พวกเรากลับมาแล้ว. 4 00:00:02,160 --> 00:00:05,810 ดังนั้นเป้าหมายของเซสชั่นสุดท้ายนี้ คือการแนะนำแนวคิดอีกไม่กี่ 5 00:00:05,810 --> 00:00:09,290 แต่ยังให้โอกาสทุกคน ชนิดของการยืดนิ้วมือข​​องคุณ 6 00:00:09,290 --> 00:00:11,270 และที่จริงทำอะไรบางอย่าง บนมือเล็ก ๆ น้อย ๆ 7 00:00:11,270 --> 00:00:13,897 เป้าหมายไม่ได้ที่จะเปิด พวกเราทุกคนเข้าไปในนักพัฒนาเว็บ 8 00:00:13,897 --> 00:00:16,230 โดยวิธีใด ๆ แต่จริงๆเพียงแค่ เพื่อให้คุณได้ลิ้มรสความบาง 9 00:00:16,230 --> 00:00:21,750 ของโครงสร้างพื้นฐานของสิ่งที่ จะเข้าสู่การเขียนโปรแกรมเว็บและเว็บนี้ 10 00:00:21,750 --> 00:00:23,980 การพัฒนาเพื่อให้ ด้านคงที่ของ things-- 11 00:00:23,980 --> 00:00:26,660 ไม่มีตรรกะการเขียนโปรแกรมไม่ ภาษาเนื้อหาเพียงแบบคงที่ 12 00:00:26,660 --> 00:00:29,660 และมันจะทำให้เรามีโอกาส จริงเห็นสิ่งที่เว็บเซิร์ฟเวอร์คือ 13 00:00:29,660 --> 00:00:34,140 เห็นสิ่งที่เป็นไฟล์ HTML คือเห็นสิ่งที่ มันเป็น HTTP ที่เป็นจริงให้บริการขึ้น 14 00:00:34,140 --> 00:00:38,600 แต่ก่อนที่เราดำน้ำในย้อนหลังใด ๆ คำถามเกี่ยวกับคอมพิวเตอร์เมฆ 15 00:00:38,600 --> 00:00:43,922 หรือการรักษาความปลอดภัยหรืออะไรก็ตามในระหว่าง? 16 00:00:43,922 --> 00:00:44,890 >> ไม่ได้หรือไม่ 17 00:00:44,890 --> 00:00:47,181 สิทธิทั้งหมดดีขอ ทำเช่นนี้เพียงในกรณีที่ 18 00:00:47,181 --> 00:00:49,680 ขั้นตอนการลงทะเบียนสำหรับ บางสิ่งบางอย่างต้องใช้เวลาไม่กี่นาที 19 00:00:49,680 --> 00:00:51,221 เราจะปล่อยให้มันทำมันในพื้นหลัง 20 00:00:51,221 --> 00:00:56,860 ไปข้างหน้าถ้าคุณทำได้ เพื่อ c9.io. URL นี้ here-- 21 00:00:56,860 --> 00:01:02,810 นี่คือบุคคลที่สาม service-- แพลตฟอร์มเป็นบริการถ้าคุณ will-- 22 00:01:02,810 --> 00:01:05,190 ที่จะเชิญชวนให้คุณ การลงทะเบียนสำหรับบัญชี 23 00:01:05,190 --> 00:01:08,650 และก็จะให้แต่ละท่าน บัญชีในระบบคลาวด์ที่เรียกว่า 24 00:01:08,650 --> 00:01:11,330 ในโครงสร้างพื้นฐานของคนอื่น บริษัท ที่เรียกว่า Cloud9 25 00:01:11,330 --> 00:01:13,350 แต่สิ่งที่ดีเกี่ยวกับ นี้คือการที่พวกเขาให้คุณ 26 00:01:13,350 --> 00:01:15,990 ประมาณของ การพัฒนาโลกแห่งความจริงที่เกิดขึ้นจริง 27 00:01:15,990 --> 00:01:18,530 สภาพแวดล้อมแม้ว่าใน เมฆและในเว็บเบราเซอร์ 28 00:01:18,530 --> 00:01:21,175 และเราจะใช้วิธีนี้จริง ทดสอบบิตในวันนี้ 29 00:01:21,175 --> 00:01:27,116 30 00:01:27,116 --> 00:01:30,260 แล้วไปข้างหน้าและเพียงแค่นำทาง วิธีการของคุณขั้นตอนการสมัครใช้งาน 31 00:01:30,260 --> 00:01:32,630 ถ้าคุณสามารถ. 32 00:01:32,630 --> 00:01:36,080 ดังนั้นเราจึงเกิดขึ้นที่จะใช้ในชั้นเรียน ผมสอนสำหรับนักเรียนทุกคนของเรา 33 00:01:36,080 --> 00:01:39,140 ทั้งในมหาวิทยาลัยและออกในขณะนี้และ มันแทนที่สิ่งในอดีต 34 00:01:39,140 --> 00:01:41,390 เป็นซอฟแวร์ที่สามารถดาวน์โหลดได้อย่างอื่น 35 00:01:41,390 --> 00:01:44,620 ดังนั้นสิ่งที่คุณได้รับการเข้าถึง เป็นหนึ่งในเครื่องเสมือนเหล่านี้ 36 00:01:44,620 --> 00:01:46,460 เป็นหลักที่ผมอธิบายไว้ก่อนหน้า 37 00:01:46,460 --> 00:01:50,260 ดังนั้น บริษัท นี้อาจ Cloud9 ค่าเช่าจาก party-- สามแน่นอน 38 00:01:50,260 --> 00:01:52,760 ในกรณีนี้ Google-- ทั้งหมด พวงของเครื่องเสมือน 39 00:01:52,760 --> 00:01:56,500 ว่าพวกเขาอย่างใดสับขึ้นไป ภาพลวงตาของเซิร์ฟเวอร์ของแต่ละบุคคล 40 00:01:56,500 --> 00:01:58,610 ว่าเราแต่ละคนมีการควบคุมเต็มรูปแบบผ่าน 41 00:01:58,610 --> 00:02:01,640 มันไม่ถูกต้องค่อนข้างที่จะพูด ว่าพวกเขากำลังเครื่องเสมือน 42 00:02:01,640 --> 00:02:04,550 แต่เพราะสิ่งที่ Cloud9 ใช้จริง 43 00:02:04,550 --> 00:02:07,570 เป็นเทคโนโลยีที่ค่อนข้างใหม่กว่า เรียกว่าตู้สินค้า 44 00:02:07,570 --> 00:02:13,150 และแจ้งให้เราคว้าภาพนี้ ที่นี่ในการวาดภาพนี้ 45 00:02:13,150 --> 00:02:16,540 >> ภาชนะคือถ้า คุณจำภาพ 46 00:02:16,540 --> 00:02:19,900 จากก่อนหน้านี้เล็กน้อยเบา น้ำหนักกว่าเครื่องเสมือน 47 00:02:19,900 --> 00:02:22,090 ในความเป็นจริงในขณะที่ที่ผ่านมา เวลาที่เราได้พูดคุยเกี่ยวกับการมี 48 00:02:22,090 --> 00:02:25,170 เป็นปฏิบัติการ และระบบไฮเปอร์ไวเซอร์ 49 00:02:25,170 --> 00:02:28,260 และจากนั้นระบบปฏิบัติการของแขกผู้เข้าพัก ระบบปฏิบัติการปฏิบัติการของแขก 50 00:02:28,260 --> 00:02:30,940 ระบบอยู่ด้านบนของคุณ ฮาร์ดแวร์ทางกายภาพ 51 00:02:30,940 --> 00:02:33,740 ความแตกต่างกับที่ใหม่กว่านี้ เทคโนโลยี containerization, 52 00:02:33,740 --> 00:02:37,290 คือว่าพวกเขาทุกอย่างใดแบ่งปัน ระบบปฏิบัติการเดียวกัน 53 00:02:37,290 --> 00:02:39,970 แต่พวกเขายังคงสร้าง ภาพลวงตาของทุกคน 54 00:02:39,970 --> 00:02:44,590 มี แต่เพียงผู้เดียวของเขาหรือเธอเอง สิทธิ์ในการดูแลและไฟล์ 55 00:02:44,590 --> 00:02:45,400 บนเซิร์ฟเวอร์ 56 00:02:45,400 --> 00:02:48,230 แต่มีน้อยกว่าในซอฟแวร์ ระหว่างคุณและฮาร์ดแวร์ 57 00:02:48,230 --> 00:02:52,260 ผลมาจากการที่มี ทฤษฎีผลการดำเนินงานที่สูงขึ้น 58 00:02:52,260 --> 00:02:55,470 เพราะคุณกำลังใช้หรือ การสูญเสียทรัพยากรน้อยลง 59 00:02:55,470 --> 00:02:57,360 ในที่ที่เรียกว่าชั้น virtualization 60 00:02:57,360 --> 00:02:59,420 ดังนั้นนี้จะเรียกว่า containerization โดยธรรมชาติ 61 00:02:59,420 --> 00:03:02,920 โดยวิธีการของเทคโนโลยีที่เรียกว่าหาง ซึ่งเป็นอย่างมากที่เข้ามาในตัวของมันเอง 62 00:03:02,920 --> 00:03:05,086 และนี่คือสิ่งที่ วิศวกรที่ บริษัท ของคุณ 63 00:03:05,086 --> 00:03:08,610 ชนิดของการจัดเรียงของอาจจะเริ่มต้นพูดคุย เกี่ยวกับเร็ว ๆ นี้ถ้าพวกเขาไม่ได้อยู่แล้ว 64 00:03:08,610 --> 00:03:11,590 แม้ว่าจะมีแน่นอนไม่มี เหตุผลที่จะกระโดดขึ้นไปบน bandwagons ใด ๆ 65 00:03:11,590 --> 00:03:15,410 >> ดังนั้นด้วยที่กล่าวว่าสิ่งที่ คุณอาจเห็นในขณะนี้ 66 00:03:15,410 --> 00:03:22,670 คือหน้าจอที่มีลักษณะบิตเช่นนี้ 67 00:03:22,670 --> 00:03:23,170 ตกลง. 68 00:03:23,170 --> 00:03:25,260 และเพียงแค่โทรหาฉันมากกว่าถ้าไม่ได้ 69 00:03:25,260 --> 00:03:27,440 และถ้า so-- ฉันจะมาถ้าไม่ได้ 70 00:03:27,440 --> 00:03:30,244 ไปข้างหน้าและคลิกที่ใหญ่ บวกกับการสร้างพื้นที่ทำงาน 71 00:03:30,244 --> 00:03:31,660 และคุณจะเห็นหน้าจอเช่นนี้ 72 00:03:31,660 --> 00:03:35,020 คุณสามารถโทรหาพื้นที่ทำงาน ชื่อสิ่งที่คุณต้องการสำหรับตอนนี้ 73 00:03:35,020 --> 00:03:38,660 และเพียงแค่จริงสำหรับความเรียบง่าย ไป and-- ดีบางส่วนของคุณ 74 00:03:38,660 --> 00:03:39,660 มีพื้นที่ทำงาน 75 00:03:39,660 --> 00:03:47,050 เรียกมันว่าสิ่งที่คุณ want-- ธุรกิจ ฮาร์วาร์วันพฤหัสบดีที่สิ่งที่คุณต้องการ 76 00:03:47,050 --> 00:03:48,800 คุณไม่จำเป็นต้องคำอธิบาย 77 00:03:48,800 --> 00:03:52,380 คุณสามารถปล่อยให้มันเป็นส่วนตัวเว้นแต่คุณ มีพวงของพื้นที่ทำงาน 78 00:03:52,380 --> 00:03:55,280 หากคุณกำลังบังคับให้มันสาธารณะ ที่ดีสำหรับวัตถุประสงค์ของว​​ันนี้ 79 00:03:55,280 --> 00:03:56,750 นี่ก็เป็นหนึ่งใน upsells 80 00:03:56,750 --> 00:03:59,939 คุณจะได้รับหนึ่งในพื้นที่ทำงานส่วนตัวโดย ค่าเริ่มต้น. แต่ถ้าคุณต้องการมากขึ้น 81 00:03:59,939 --> 00:04:00,980 คุณจะต้องจ่ายมากขึ้น 82 00:04:00,980 --> 00:04:02,870 มิฉะนั้นพวกเขาบังคับให้คุณ จะทำให้ประชาชนที่ทำงานของคุณ 83 00:04:02,870 --> 00:04:05,600 แต่ที่ดีเพราะพวกเขายัง เป้าหมายที่ชุมชนโอเพนซอร์ส 84 00:04:05,600 --> 00:04:07,700 เพื่อส่งเสริมให้ประชาชน ทำงานร่วมกันจริง 85 00:04:07,700 --> 00:04:10,699 >> และสิ่งสุดท้ายที่สำคัญ แต่เป็นหลังจากที่คุณเลือกชื่อ 86 00:04:10,699 --> 00:04:17,140 และหลังจากที่คุณเลือกส่วนตัวหรือสาธารณะ คลิก HTML5 ไอคอนสีส้มขนาดใหญ่ 87 00:04:17,140 --> 00:04:22,430 ที่สองจากซ้ายและ จากนั้นคลิกสร้างพื้นที่ทำงาน 88 00:04:22,430 --> 00:04:24,580 และมันอาจจะ ใช้เวลาเป็นนาทีหรือมากกว่านั้น 89 00:04:24,580 --> 00:04:26,540 แต่แล้วคุณจะมี สภาพแวดล้อมเมื่อคุณ 90 00:04:26,540 --> 00:04:30,544 ทำอย่างนั้นที่มีลักษณะที่ชวนให้นึกถึง สิ่งที่ฉันได้บนหน้าจอที่นี่ตอนนี้ 91 00:04:30,544 --> 00:04:33,210 แต่อีกครั้งมันอาจจะใช้เวลาสักครู่ หรือมากกว่าที่จะได้รับไปยังหน้าจอนี้ 92 00:04:33,210 --> 00:04:34,770 เมื่อคุณคลิกสร้างพื้นที่ทำงาน 93 00:04:34,770 --> 00:04:37,936 แต่เพียงธงฉันมากกว่าหากคุณต้องการฉัน ที่จะดูที่อะไรหรือให้คำแนะนำ 94 00:04:37,936 --> 00:04:40,191 95 00:04:40,191 --> 00:04:40,690 ก็ดี 96 00:04:40,690 --> 00:04:42,390 ดังนั้นฉันจะพื้นหลังนี้สำหรับตอนนี้ 97 00:04:42,390 --> 00:04:44,260 โทรหาฉันมากกว่าถ้าคุณดูเหมือนจะ มีปัญหาทางเทคนิคใด ๆ 98 00:04:44,260 --> 00:04:46,210 แต่อีกครั้งมันอาจจะใช้เวลา นิด ๆ หน่อย ๆ เพื่อที่จะเปิด 99 00:04:46,210 --> 00:04:49,570 และให้ไปข้างหน้าและพูดคุยเกี่ยวกับสิ่งที่ จริง ๆ แล้วมันหมายถึงการทำหน้าเว็บ 100 00:04:49,570 --> 00:04:52,780 สิ่งที่ HTML และวิธีการทั้งหมดนี้ ตอนนี้ interconnects ในขณะที่เรากำลังเริ่มต้น 101 00:04:52,780 --> 00:04:54,730 ที่จริงการใช้บางส่วนของเทคโนโลยี 102 00:04:54,730 --> 00:04:58,310 ดังนั้นมันกลับกลายเป็นว่าฉันสามารถ ไปบน Mac เล็ก ๆ น้อย ๆ ของฉันที่นี่ 103 00:04:58,310 --> 00:05:01,650 เปิดโปรแกรมง่ายๆที่เรียกว่า TextEdit หรือบน Windows ที่จะทำได้ 104 00:05:01,650 --> 00:05:04,480 เปิดสิ่งที่เรียกว่า Notepad.exe 105 00:05:04,480 --> 00:05:08,260 และฉันจะเพียงแค่ทำอะไรบางอย่าง เช่น this-- "Hello, world." 106 00:05:08,260 --> 00:05:12,020 แล้วฉันจะบันทึกเป็น hello.txt จึงไม่มีเวทมนตร์มี 107 00:05:12,020 --> 00:05:15,200 นี้มีอะไรจะทำอย่างไรกับเว็บ การเขียนโปรแกรมอะไรจะทำอย่างไรกับ HTML 108 00:05:15,200 --> 00:05:16,790 เพียงแค่การสร้างไฟล์ข้อความที่เรียบง่าย 109 00:05:16,790 --> 00:05:20,600 แต่ปรากฎว่าเว็บ หน้าเป็นอักษรเพียงแค่ว่า 110 00:05:20,600 --> 00:05:24,020 มันเป็นไฟล์ข้อความข้อความที่มีง่าย ที่คุณอาจพิมพ์ที่แป้นพิมพ์ของคุณ 111 00:05:24,020 --> 00:05:30,070 แต่ก็มักจะ แต่ไม่เสมอไป จะสิ้นสุดลงในไม่ .txt แต่ .html หรือ .htm 112 00:05:30,070 --> 00:05:32,050 และคุณไม่เพียง ประเภทคำในไฟล์ 113 00:05:32,050 --> 00:05:35,280 จริงๆคุณต้องใช้สิ่งที่เรียกว่า แท็กหรือมากกว่าปกติบางสิ่งบางอย่าง 114 00:05:35,280 --> 00:05:37,190 เรียกว่าภาษามาร์กอัป 115 00:05:37,190 --> 00:05:40,510 >> ดังนั้นฉันจะพิมพ์ได้อย่างรวดเร็ว แล้วอธิบายต่อไปนี้ 116 00:05:40,510 --> 00:05:42,290 ฉันจะเป็นครั้งแรก ประเภทนี้ซึ่งกล่าวว่า 117 00:05:42,290 --> 00:05:45,730 Hey, เบราว์เซอร์มาที่นี่ หน้าเว็บที่เขียนในรูปแบบ HTML 118 00:05:45,730 --> 00:05:51,850 และทั้งสองสิ่งเข้าด้วยกันบอกว่าเดี๋ยวก่อน เบราว์เซอร์ต่อไปนี้เป็นจริง HTM​​L 119 00:05:51,850 --> 00:05:55,790 Hey, เบราว์เซอร์ที่นี่มา หัวหรือด้านบนของหน้าเว็บ 120 00:05:55,790 --> 00:05:59,900 Hey, เบราว์เซอร์ด้านในของด้านบนของ หน้าของฉันใส่ชื่อคือว่า "สวัสดี, 121 00:05:59,900 --> 00:06:01,610 โลก." 122 00:06:01,610 --> 00:06:08,370 Hey, เบราว์เซอร์หลังจากที่หัวของฉัน หน้านี่มาร่างกายของหน้าเว็บ 123 00:06:08,370 --> 00:06:12,170 และ Hey, เบราว์เซอร์, ร่างกายของฉัน หน้าก็ควรพูดว่า "Hello World." 124 00:06:12,170 --> 00:06:15,500 ดังนั้นสิ่งที่เป็นรายละเอียดที่สำคัญที่นี่? 125 00:06:15,500 --> 00:06:17,960 นี่คือสิ่งที่โดยทั่วไป เรียกว่าการประกาศ doc ชนิด 126 00:06:17,960 --> 00:06:20,190 และตรงไปตรงมาก็เพียงเล็กน้อย ยากที่จะจดจำนี้ในตอนแรก 127 00:06:20,190 --> 00:06:21,481 เพียงแค่ชนิดของคุณคัดลอกวางมัน 128 00:06:21,481 --> 00:06:23,760 วิธีนี้เป็นวิธีที่เป็นทางการ พูดว่า Hey, เบราว์เซอร์ 129 00:06:23,760 --> 00:06:28,030 ฉันกำลังใช้เวอร์ชัน HTML 5 ซึ่ง ออกมาค่อนข้างเร็ว ๆ นี้ 130 00:06:28,030 --> 00:06:31,380 มันเป็นคาถาวิเศษที่บาง มนุษย์มีความรู้สึกที่ไม่ดีของการออกแบบ 131 00:06:31,380 --> 00:06:33,640 ตัดสินใจที่จะใส่ใน ด้านบนสุดของไฟล์ 132 00:06:33,640 --> 00:06:35,473 แม้ว่ามันจะเป็น ความลับเล็ก ๆ น้อย ๆ ที่ทั้งหมด 133 00:06:35,473 --> 00:06:38,250 มัน means-- Hey, เบราว์เซอร์ที่นี่ มาพร้อมกับรุ่นที่ 5 ของ HTM​​L 134 00:06:38,250 --> 00:06:41,741 >> ส่วนที่เหลือนี้ได้รับกับเรา ตอนนี้บางเวลาประวัติศาสตร์ 135 00:06:41,741 --> 00:06:44,740 แต่จะได้รับการพัฒนาและเป็น อาจจะรับได้รับเพียงเล็กน้อยง่าย 136 00:06:44,740 --> 00:06:47,320 ขอให้สังเกตลักษณะไม่กี่ สิ่งที่ผมได้เน้น 137 00:06:47,320 --> 00:06:49,890 มีสิ่งเหล่านี้ด้วยมุมเป็น brackets-- วงเล็บซ้าย 138 00:06:49,890 --> 00:06:51,040 และวงเล็บขวา 139 00:06:51,040 --> 00:06:52,490 และแจ้งให้ทราบสมมาตรที่นี่ 140 00:06:52,490 --> 00:06:57,340 และโดยสมมาตรผมหมายถึงเช่นเดียวกับผม มีแท็กเริ่มต้นที่นี่หรือเปิดแท็ก 141 00:06:57,340 --> 00:07:01,560 ถ้าคุณจะลงที่นี่ฉันมี ใกล้แท็กหรือแท็กสิ้นสุดที่ 142 00:07:01,560 --> 00:07:06,460 แตกต่างกันเพียงตราบเท่าที่มันมีนี้ เฉือนที่จุดเริ่มต้นของคำว่า 143 00:07:06,460 --> 00:07:07,360 HTML 144 00:07:07,360 --> 00:07:09,360 และคุณอาจจะคิดว่า นี้ขณะที่ผมกำลังตั้งใจ 145 00:07:09,360 --> 00:07:12,280 เสนอก่อนเดี๋ยวก่อน เบราว์เซอร์ที่นี่มาบาง HTM​​L 146 00:07:12,280 --> 00:07:16,060 และตรงกันข้าม, Hey, เบราว์เซอร์ที่ มันเป็นจุดเริ่มต้นและจุดสิ้นสุด HTML-- 147 00:07:16,060 --> 00:07:18,440 >> ในขณะเดียวกัน Hey, เบราว์เซอร์ที่นี่ มาพร้อมหัวของหน้าเว็บ 148 00:07:18,440 --> 00:07:20,140 Hey, เบราว์เซอร์ที่มันสำหรับหัว 149 00:07:20,140 --> 00:07:22,240 Hey, เบราว์เซอร์ที่นี่เป็น ร่างกายของหน้าเว็บ 150 00:07:22,240 --> 00:07:24,020 Hey, เบราว์เซอร์ที่มันสำหรับร่างกาย 151 00:07:24,020 --> 00:07:26,940 และภายในที่เป็นบางส่วน ข้อความพลสำหรับตอนนี้ 152 00:07:26,940 --> 00:07:30,520 และภายในของหัวในขณะเดียวกัน เป็นบางส่วนโดยพลการ แต่ติดแท็ก 153 00:07:30,520 --> 00:07:34,410 เพื่อที่จะพูดข้อความที่บอกว่าชื่อ ในหน้าของฉันจะเป็น "Hello, world." 154 00:07:34,410 --> 00:07:37,470 ตอนนี้สำหรับตอนนี้คุณสามารถ สมมติว่าเบราว์เซอร์ 155 00:07:37,470 --> 00:07:41,762 มีเท่านั้นหากต้องการดูหรือค่อนข้างหน้าเว็บได้ เพียงสอง parts-- ศีรษะและร่างกาย 156 00:07:41,762 --> 00:07:44,220 และศีรษะโดยทั่วไปเพียง เช่นแถบเมนูสิ่งที่ 157 00:07:44,220 --> 00:07:45,510 จริงๆเพียงแค่ที่ด้านบนสุด 158 00:07:45,510 --> 00:07:48,910 และร่างกายเป็น guts ของหน้า ทุกอย่างในการที่สี่เหลี่ยมผืนผ้าขนาดใหญ่ 159 00:07:48,910 --> 00:07:50,239 ที่เติมหน้าจอ 160 00:07:50,239 --> 00:07:51,780 ดังนั้นฉันจะไปข้างหน้าและทำเช่นนี้ 161 00:07:51,780 --> 00:07:54,400 ฉันจะไปข้างหน้าและ คลิกบันทึกไฟล์บันทึก 162 00:07:54,400 --> 00:07:58,580 และฉันจะประหยัด นี้เป็น hello.html, 163 00:07:58,580 --> 00:08:00,870 และฉันแค่ไป วางไว้บนเดสก์ทอปของฉัน 164 00:08:00,870 --> 00:08:03,520 และฉันจะไป ข้างหน้าและคลิกบันทึก 165 00:08:03,520 --> 00:08:05,806 และ notice-- Mac ของฉันที่ อย่างน้อยจะตะโกนมาที่ผม 166 00:08:05,806 --> 00:08:07,180 คุณคุณแน่ใจว่าต้องการที่จะทำเช่นนี้? 167 00:08:07,180 --> 00:08:08,710 และฉันจะบอกว่าใช่ใช้ภาษา HTML 168 00:08:08,710 --> 00:08:10,400 ฉันรู้ดีในกรณีนี้ 169 00:08:10,400 --> 00:08:14,686 และตอนนี้ฉันจะไปที่เดสก์ทอปของฉัน ที่ฉันมีไฟล์นี้อย่างกระทันหัน 170 00:08:14,686 --> 00:08:16,060 และฉันจะดับเบิลคลิก 171 00:08:16,060 --> 00:08:18,268 และคุณจะสังเกตเห็นว่าโดย ค่าเริ่มต้น Chrome เปิดขึ้น 172 00:08:18,268 --> 00:08:19,996 นั่นเป็นเพราะนั่นคือ เบราว์เซอร์เริ่มต้นของฉัน 173 00:08:19,996 --> 00:08:21,370 และมันก็บอกว่า "Hello, world." 174 00:08:21,370 --> 00:08:23,078 แต่ก็กล่าวว่า "สวัสดี โลก "ในสองสถานที่ 175 00:08:23,078 --> 00:08:23,979 ขอให้สังเกตด้านบนซ้าย 176 00:08:23,979 --> 00:08:25,020 พริตตี้ยากที่จะพลาดว่า 177 00:08:25,020 --> 00:08:26,180 มันเป็นเรื่องใหญ่และหนา 178 00:08:26,180 --> 00:08:30,690 และที่อื่น ๆ ที่มันจะเป็น จะพูดว่า "สวัสดีโลก"? 179 00:08:30,690 --> 00:08:31,470 >> ผู้ชม: แท็บ 180 00:08:31,470 --> 00:08:33,100 >> เดวิดเจลัน: ใช่แท็บของตัวเอง 181 00:08:33,100 --> 00:08:35,159 ดังนั้นเมื่อผมกล่าวว่าหัวของ หน้าทุกอย่างขึ้น top-- 182 00:08:35,159 --> 00:08:36,367 และแน่นอนนี่คือชื่อเรื่อง 183 00:08:36,367 --> 00:08:37,710 มันเป็นเพียงแค่ในแท็บที่นี่ 184 00:08:37,710 --> 00:08:40,320 และผมสามารถดึงแท็บนี้ ออกมาเพื่อที่จะไม่ให้เกิดความสับสน 185 00:08:40,320 --> 00:08:43,360 นี่เป็นเพียงแท็บเดียวตอนนี้ และแน่นอนเราจะเห็น "Hello, world" 186 00:08:43,360 --> 00:08:45,970 ขึ้นที่นี่และ "Hello, world" ลงที่นี่ 187 00:08:45,970 --> 00:08:47,160 ดังนั้นตรงไปตรงสวย 188 00:08:47,160 --> 00:08:49,050 แต่มันก็ยังค่อนข้างง่าย 189 00:08:49,050 --> 00:08:50,440 และอันที่จริงผมซูม 190 00:08:50,440 --> 00:08:53,272 ฉันสามารถเปลี่ยนขนาดตัวอักษรเพียง เพื่อขยายสำหรับการเข้าถึง 191 00:08:53,272 --> 00:08:56,830 แต่ตอนนี้ขอทำอะไรบางอย่าง เล็ก ๆ น้อย ๆ ที่น่าสนใจมากขึ้น 192 00:08:56,830 --> 00:08:59,760 >> ฉันจะ go-- ขออภัยให้ ผมได้รับกลับไปยังแฟ้มข้อความของฉัน 193 00:08:59,760 --> 00:09:02,400 ฉันจะกลับไปของฉัน แฟ้มข้อความและฉันจะ 194 00:09:02,400 --> 00:09:06,320 การเปลี่ยนแปลงนี้และกล่าวว่า "สวัสดี Disney World." 195 00:09:06,320 --> 00:09:07,970 ประหยัด. 196 00:09:07,970 --> 00:09:10,919 และกลับไปของฉัน เบราว์เซอร์และคลิกโหลด 197 00:09:10,919 --> 00:09:12,710 และตอนนี้แน่นอนมัน บอกว่า "ดิสนีย์เวิลด์". 198 00:09:12,710 --> 00:09:15,500 และฉันจะเทียมซูม ในเวลาเพียงดังนั้นจึงเป็นเรื่องง่ายที่จะเห็น 199 00:09:15,500 --> 00:09:19,012 ดังนั้นตอนนี้โชคไม่ดีที่ชนิดของฉันต้องการ to-- จริงที่เป็นคุณลักษณะ Mac 200 00:09:19,012 --> 00:09:21,720 ฉันต้องการที่จะคลิกที่ดิสนีย์เวิลด์ และไปที่อื่นเช่น disney.com, 201 00:09:21,720 --> 00:09:23,290 แต่ที่ไม่ได้ทำงาน 202 00:09:23,290 --> 00:09:26,850 ดังนั้นทฤษฎีพื้นฐานของเว็บ เชื่อมโยงหลายมิติที่เชื่อมโยงไปที่อื่น 203 00:09:26,850 --> 00:09:28,390 ดังนั้นฉันจะทำเช่นนั้น? 204 00:09:28,390 --> 00:09:34,690 ดีฉันก็อาจจะพูดว่า "สวัสดี http://www.disney.com." 205 00:09:34,690 --> 00:09:36,110 บันทึกนี้ 206 00:09:36,110 --> 00:09:37,620 โหลด 207 00:09:37,620 --> 00:09:39,400 แต่นี้เกินไปไม่สามารถคลิกได้ 208 00:09:39,400 --> 00:09:42,930 และสิ่งที่เป็นเรื่องดีที่นี่แม้ว่า นี้ไม่ได้ทำงานเลย 209 00:09:42,930 --> 00:09:45,930 คือว่ามันดูเหมือนว่า เบราว์เซอร์ตัวอักษรเพียง แต่ 210 00:09:45,930 --> 00:09:46,950 สิ่งที่ผมบอกว่าจะทำอย่างไร 211 00:09:46,950 --> 00:09:50,110 ดังนั้นถ้าฉันเพียงแค่พิมพ์ URL เช่นนี้ มันเป็นเพียงแค่จะให้ผมดูที่ URL 212 00:09:50,110 --> 00:09:54,270 ฉันต้องใช้แท็กหรือมาร์กอัป ภาษาที่จะบอกจริง 213 00:09:54,270 --> 00:09:55,621 เบราว์เซอร์ที่จะทำมากยิ่งขึ้น 214 00:09:55,621 --> 00:09:57,870 ดังนั้นฉันจะไปข้างหน้าและ ลบเรื่องนี้สักครู่ 215 00:09:57,870 --> 00:10:00,980 และฉันจะบอกว่าเดี๋ยวก่อน เบราว์เซอร์เริ่มต้นสมอที่นี่ 216 00:10:00,980 --> 00:10:02,650 การเชื่อมโยงเพื่อที่จะพูด 217 00:10:02,650 --> 00:10:07,500 และ Hyper-อ้างอิงปลายทาง สมอที่ควรจะเป็น URL นี้ 218 00:10:07,500 --> 00:10:08,750 และแจ้งให้ทราบคำพูดของฉัน 219 00:10:08,750 --> 00:10:11,590 ฉันสามารถใช้ราคาเดียวมากเกินไป แต่คุณจะต้องมีความสอดคล้องกัน 220 00:10:11,590 --> 00:10:14,270 และฉันอยากจะเพียงแค่ใช้ทั่วไป ราคาคู่เพื่อให้มันง่าย 221 00:10:14,270 --> 00:10:16,820 ขอให้สังเกตฉันจะปิดแท็ก 222 00:10:16,820 --> 00:10:21,160 แล้วนี่ฉันจะ จะพูดว่า "ดิสนีย์เวิลด์". 223 00:10:21,160 --> 00:10:26,890 และตอนนี้ฉันต้อง symmetry-- บาง เปิดวงเล็บ / A, วงเล็บปิด 224 00:10:26,890 --> 00:10:28,090 >> ดังนั้นสิ่งที่เราได้แนะนำให้รู้จัก? 225 00:10:28,090 --> 00:10:30,100 เราได้มีไม่กี่แท็กเรียบร้อยแล้ว 226 00:10:30,100 --> 00:10:32,410 HTML, Head, ชื่อ, ร่างกาย, แท็กทั้งหมดเพื่อที่จะพูด 227 00:10:32,410 --> 00:10:34,280 กับคู่เปิดและปิด 228 00:10:34,280 --> 00:10:36,530 แต่สังเกตเห็นนี้คือการจัดเรียง ที่แตกต่างกันโดยพื้นฐาน 229 00:10:36,530 --> 00:10:39,140 นี่คือสิ่งที่เราจะเรียก ใน HTML แอตทริบิวต์ 230 00:10:39,140 --> 00:10:41,451 และแอตทริบิวต์ เพียงคู่ค่าคีย์ 231 00:10:41,451 --> 00:10:43,950 นี้เป็นสิ่งที่พบได้บ่อยใน คอมพิวเตอร์ science-- คู่ค่าคีย์ 232 00:10:43,950 --> 00:10:45,770 มันเรียงลำดับของเครื่องมือของการค้า 233 00:10:45,770 --> 00:10:47,040 สำคัญและมีค่า 234 00:10:47,040 --> 00:10:49,390 คำแล้วบางส่วน คำอื่น ๆ หรือคำพูด 235 00:10:49,390 --> 00:10:53,790 และในกรณีนี้ที่สำคัญคือ href, และความคุ้มค่าคือว่า URL แบบเต็ม 236 00:10:53,790 --> 00:10:57,890 และสิ่งที่แอตทริบิวต์ไม่สามารถจะ ที่มีอิทธิพลต่อพฤติกรรมของแท็กที่ 237 00:10:57,890 --> 00:11:01,010 และในกรณีนี้เราต้องมีอิทธิพลต่อ ลักษณะการทำงานของแท็กสมอที่ 238 00:11:01,010 --> 00:11:04,140 เพราะเราต้องยึด ที่ลิงค์นี้เพื่อที่ไหนสักแห่ง 239 00:11:04,140 --> 00:11:06,960 และวิธีที่คุณจะทำคือ โดยวิธีการของแอตทริบิวต์ 240 00:11:06,960 --> 00:11:08,970 >> ดังนั้นฉันจะไปข้างหน้า และบันทึกไฟล์ในขณะนี้ 241 00:11:08,970 --> 00:11:11,300 กลับไปที่เบราว์เซอร์และโหลด 242 00:11:11,300 --> 00:11:14,580 และ voila ตอนนี้เรามี จุดเริ่มต้นของหน้าเว็บที่ถูกต้องตามกฎหมาย 243 00:11:14,580 --> 00:11:18,420 Super-ง่าย แต่ถ้าผมเลื่อนเมาส์ไป แจ้งให้ทราบล่วงหน้า this-- ในมุมล่างซ้าย 244 00:11:18,420 --> 00:11:19,830 ก็สุดขนาดเล็ก 245 00:11:19,830 --> 00:11:21,730 แต่คุณจะเห็น www.disney.com 246 00:11:21,730 --> 00:11:27,076 และถ้าผมคลิกมันแน่นอนนี้ อุ้มฉันไป disney.com 247 00:11:27,076 --> 00:11:29,380 ตอนนี้สิ่งที่อยากรู้อยากเห็น ที่นี่ก็คือว่ามันไม่ได้เป็น 248 00:11:29,380 --> 00:11:33,940 best-- URL ที่ต้องการของตลาดมากที่สุด แต่ ที่ดีเพราะไฟล์นี้ไม่ได้ 249 00:11:33,940 --> 00:11:35,360 ที่มีอยู่บนเวิลด์ไวด์เว็บ 250 00:11:35,360 --> 00:11:39,740 มันมีอยู่เป็นไฟล์ในท้องถิ่นเห็นได้ชัด ผู้ใช้ของฉัน directory-- / jharvard-- 251 00:11:39,740 --> 00:11:41,890 สำหรับจอห์น Harvard-- / สก์ท็อป 252 00:11:41,890 --> 00:11:42,634 แต่มันก็มี URL ที่ 253 00:11:42,634 --> 00:11:43,800 มันก็จะเกิดขึ้นในท้องถิ่น 254 00:11:43,800 --> 00:11:47,050 แต่น่าเสียดายที่ไม่มีคุณสามารถเยี่ยมชม นี้เพราะถ้าคุณพิมพ์ URL นี้ 255 00:11:47,050 --> 00:11:49,980 คุณต้องการจะบอกเบราว์เซอร์ของคุณ มองหาไฟล์ที่เรียกว่า hello.html 256 00:11:49,980 --> 00:11:50,772 ในฮาร์ดดิสก์ของคุณ 257 00:11:50,772 --> 00:11:53,271 และแน่นอนเว้นแต่คุณได้ รับดังต่อไปพร้อมด้วยตนเอง 258 00:11:53,271 --> 00:11:54,530 มันไม่ได้ไปอยู่ที่นั่น 259 00:11:54,530 --> 00:11:55,190 >> ดังนั้นที่ดี 260 00:11:55,190 --> 00:11:57,815 เรายังคงต้องมีวิธีในที่สุด ที่จะได้รับไฟล์นี้ลงในเว็บ 261 00:11:57,815 --> 00:12:01,180 แต่ขอแซวออกจากกันของทั้งคู่ ผลกระทบการรักษาความปลอดภัยของสิ่งที่เราเป็นเพียงแค่ 262 00:12:01,180 --> 00:12:04,850 เห็นและผูกมันกลับไปก่อนหน้านี้ การอภิปรายจากเช้าวันนี้ 263 00:12:04,850 --> 00:12:08,200 แต่กลับกลายเป็นว่าถ้า เบราว์เซอร์ตัวอักษรก็ไม่ 264 00:12:08,200 --> 00:12:12,560 สิ่งที่ผมบอกว่าจะทำอย่างไรและดูเหมือนว่า จะเป็นกรณีที่แท็กสมอคือ 265 00:12:12,560 --> 00:12:17,380 ได้รับอิทธิพลจากค่าของ แอตทริบิวต์นี้เรียกว่า href 266 00:12:17,380 --> 00:12:20,810 แต่มันแสดงนี้ ข้อความนี้จะดูเหมือน 267 00:12:20,810 --> 00:12:26,520 จะบ่งบอกว่าฉันสามารถใส่ URL ไป ในสถานที่ทั้งสองแล้วโหลด 268 00:12:26,520 --> 00:12:29,100 และตอนนี้เห็น URL และไปยัง URL 269 00:12:29,100 --> 00:12:32,680 แจ้งให้ทราบล่วงหน้าถ้าผมเลื่อนเมาส์ไปที่ด้านล่างซ้าย แน่นอนฉันจะยังคง disney.com 270 00:12:32,680 --> 00:12:38,340 >> ดังนั้นถ้าคุณเคยได้ phished-- P-H-I-S-H-E-D-- 271 00:12:38,340 --> 00:12:42,820 กับหนึ่งในอีเมลปลอมเหล่านั้น จากเช่น PayPal ธนาคารของคุณ 272 00:12:42,820 --> 00:12:46,470 คุณได้รับอาจจะเชื่อมโยงภายใน ของอีเมลที่คุณกำลังอ่านว่า 273 00:12:46,470 --> 00:12:49,970 บอกให้คุณคลิกที่นี่เพื่อไปยืนยัน รหัสผ่านหรือยืนยันวันเกิดของคุณ 274 00:12:49,970 --> 00:12:53,840 หรือสังคมหรือสิ่งที่สังคม วิศวกรรมคุณที่จะเปิดเผย 275 00:12:53,840 --> 00:12:54,920 ข้อมูล. 276 00:12:54,920 --> 00:12:57,625 ดีชนิดของฉันอาจจะใช้เวลา ประโยชน์จากนี้ฉันไม่สามารถ? 277 00:12:57,625 --> 00:13:01,240 ฉันจะพูดอะไรบางอย่าง เหมือน www.paypal.com 278 00:13:01,240 --> 00:13:11,340 และแทนที่จะ disney.com ผม สามารถไปเช่น badguy.com 279 00:13:11,340 --> 00:13:12,850 โหลด 280 00:13:12,850 --> 00:13:16,620 และวิธีการที่ง่ายที่จะไปล่อ, โดยเฉพาะอย่างยิ่งผู้อ่านที่ไม่ใช่ด้านเทคนิค 281 00:13:16,620 --> 00:13:20,649 หรือลวกอ่าน ผู้อ่านมากกว่าที่จะคลิก 282 00:13:20,649 --> 00:13:23,940 การเชื่อมโยงเช่นนี้ซึ่งถ้าผมคลิก it-- ที่จริงผมไม่ต้องการที่จะไป badguy.com 283 00:13:23,940 --> 00:13:25,398 ผมไม่ทราบว่าสิ่งที่มีจริง 284 00:13:25,398 --> 00:13:30,080 ดังนั้น paypal.com แจ้งให้ทราบเป็น สิ่งที่มันบอกว่ามันเป็นไปได้, 285 00:13:30,080 --> 00:13:33,210 แต่แน่นอนถ้าผมมองลงมา ต่ำสุดก็พร่ามัวเล็กน้อย 286 00:13:33,210 --> 00:13:34,230 แต่ก็กล่าวว่า badguy.com 287 00:13:34,230 --> 00:13:38,644 นั่นเป็นเพียงคนเดียวที่บอกได้ในขณะนี้ ว่าฉันจะไปยังสถานที่ที่ไม่ถูกต้อง 288 00:13:38,644 --> 00:13:41,560 และเมื่อฉันกล่าวก่อนหน้านี้ว่าธนาคาร มันไม่ควรส่งเสริมหรือรถไฟ 289 00:13:41,560 --> 00:13:44,510 ให้ผู้ใช้คลิกที่ลิงค์นี้ เป็นเพียงหนึ่งในการประกาศของมัน 290 00:13:44,510 --> 00:13:45,430 และมันเป็นเรื่องง่ายที่ 291 00:13:45,430 --> 00:13:48,120 ขณะนี้คุณอยู่ฝ่ายตรงข้ามถ้า คุณทำอะไรเช่นนี้ 292 00:13:48,120 --> 00:13:51,000 และพยายามที่จะหลอกให้ผู้ใช้ เข้าไปเยี่ยมชมเว็บไซต์ของคุณ 293 00:13:51,000 --> 00:13:53,320 แต่ตอนนี้เราจะเก็บ สิ่งที่ดีและสะอาด 294 00:13:53,320 --> 00:13:55,640 เรากำลังจะไปข้างหน้า และย้อนกลับการเปลี่ยนแปลงเหล่านี้ 295 00:13:55,640 --> 00:13:56,530 โหลดหน้า 296 00:13:56,530 --> 00:13:57,740 และฉันกลับไป disney.com 297 00:13:57,740 --> 00:14:00,660 >> ลองมาดูว่าเราไม่สามารถหยอกล้อ นี้ออกจากกันเล็ก ๆ น้อย ๆ 298 00:14:00,660 --> 00:14:04,160 ดังนั้น "Hello, Disney World." 299 00:14:04,160 --> 00:14:05,950 ฉันจะบอกว่าลงที่นี่ 300 00:14:05,950 --> 00:14:08,220 บางทีฉันจะทำให้บางห้อง 301 00:14:08,220 --> 00:14:12,730 "เราหวังว่าคุณจะเพลิดเพลินไปกับการเข้าพักของคุณ!" 302 00:14:12,730 --> 00:14:13,830 ประหยัด. 303 00:14:13,830 --> 00:14:15,850 โหลด 304 00:14:15,850 --> 00:14:19,010 มันไม่ได้ rea-- ที่ไม่ สิ่งที่ฉันตั้งใจใช่มั้ย? 305 00:14:19,010 --> 00:14:21,870 ฉันหมายความว่าถ้าฉันรักษาข้อความของฉัน ไฟล์เช่นโปรแกรมประมวลผลคำ 306 00:14:21,870 --> 00:14:24,894 สิ่งที่คุณหวังว่าจะเกิดขึ้นที่นี่? 307 00:14:24,894 --> 00:14:27,060 ใช่ฉันรู้สึกเหมือนมี ควรจะมีเส้นแบ่งที่นี่ 308 00:14:27,060 --> 00:14:28,799 จึงรู้สึกรถในทางใดทางหนึ่ง 309 00:14:28,799 --> 00:14:31,090 แต่นั่นเป็นเจตนาจริง เพราะเพียงแค่เป็นมาก่อน 310 00:14:31,090 --> 00:14:33,381 เบราว์เซอร์เป็นเพียงจะ ทำในสิ่งที่คุณบอกว่าจะทำอย่างไร 311 00:14:33,381 --> 00:14:34,806 ผมยังไม่ได้บอกว่ามันจะทำลายเส้น 312 00:14:34,806 --> 00:14:37,930 ฉันไม่ได้บอกว่ามันจะย้ายลงแม้ แต่สังหรณ์ใจผมรู้สึกเหมือนผม 313 00:14:37,930 --> 00:14:39,805 ดังนั้นมันจะเปิดออกที่เราต้องการ มาร์กอัปน้อยมาก 314 00:14:39,805 --> 00:14:41,390 และฉันจะแก้ไขปัญหานี้ดังต่อไปนี้ 315 00:14:41,390 --> 00:14:46,160 ฉันจะคำนำสวัสดีนี้เป็นครั้งแรก กับสิ่งที่เรียกว่าแท็กวรรค 316 00:14:46,160 --> 00:14:48,920 แล้วฉันจะไปข้างหน้า และห่อประโยคอื่น ๆ 317 00:14:48,920 --> 00:14:54,370 ในแท็กวรรคอื่นแม้ว่า พวกเขากำลังวรรคซุปเปอร์สั้น 318 00:14:54,370 --> 00:14:55,930 ตอนนี้ผมกำลังจะประหยัด 319 00:14:55,930 --> 00:14:57,160 โหลด 320 00:14:57,160 --> 00:14:59,070 และตอนนี้เรามี พื้นที่และการจัดเรียงของเรา 321 00:14:59,070 --> 00:15:01,680 มีความหมายของ สองย่อหน้าที่แยกต่างหาก 322 00:15:01,680 --> 00:15:05,290 >> นั่นคือทั้งหมดที่ดีและดี แต่มันจะ เป็นการดีที่จะเพิ่มภาพในหน้านี้ 323 00:15:05,290 --> 00:15:08,710 ดังนั้นฉันจะไปมองหา มิกกี้เมาส์บน Google Images 324 00:15:08,710 --> 00:15:12,830 และเพียงเพื่อความสนุกสนานฉัน จะคว้ารูปภาพนี้ 325 00:15:12,830 --> 00:15:15,350 ฉันจะไปข้างหน้าในขณะนี้และ คว้า URL ของภาพนี้ 326 00:15:15,350 --> 00:15:16,510 แม้ว่าจะมีความแตกต่าง วิธีการที่จะทำเช่นนี้ 327 00:15:16,510 --> 00:15:18,520 สำหรับตอนนี้ฉันแค่จะไปคัดลอก URL 328 00:15:18,520 --> 00:15:24,770 ฉันจะกลับไปลงในข้อความของฉัน ไฟล์และฉันจะบอกว่าที่นี่ 329 00:15:24,770 --> 00:15:31,160 img src = อ้างนำมาอ้าง URL ที่สุดยาว 330 00:15:31,160 --> 00:15:34,580 และแล้วความคิดของนั้น ภาพที่แตกต่างกันเล็กน้อย 331 00:15:34,580 --> 00:15:38,640 มีจริงๆความคิดของการเริ่มต้นไม่มี ภาพและสิ้นสุดภาพ 332 00:15:38,640 --> 00:15:40,630 เหมือนการเริ่มต้นแท็กแท็กสิ้นสุด 333 00:15:40,630 --> 00:15:43,840 จึงรู้สึกแปลก ๆ ไป ฉันหมายการทำเช่นนี้ 334 00:15:43,840 --> 00:15:45,390 จะมีแท็กใกล้ภาพ 335 00:15:45,390 --> 00:15:46,780 มันไม่ถูกต้อง 336 00:15:46,780 --> 00:15:48,840 มันเป็นเรื่องที่ถูกต้องได้อย่างสมบูรณ์แบบ และจะได้รับการสนับสนุน 337 00:15:48,840 --> 00:15:50,870 แต่มีสัญกรณ์ชวเลข 338 00:15:50,870 --> 00:15:53,780 ฉันสามารถชนิดของพร้อมกัน เปิดและปิดแท็กเดียวกัน 339 00:15:53,780 --> 00:15:55,510 และที่จะทำให้เบราว์เซอร์ที่มีความสุข 340 00:15:55,510 --> 00:15:56,950 ดังนั้นจึงเป็นเพียงเล็กน้อย รวบรัดมากขึ้นสำหรับสิ่ง 341 00:15:56,950 --> 00:15:59,408 ว่าแนวคิดจริงๆไม่ ทำให้ความรู้สึกที่จะเริ่มต้นและสิ้นสุด 342 00:15:59,408 --> 00:16:01,190 พวกเขาก็จะมีหรือพวกเขาไม่ได้ 343 00:16:01,190 --> 00:16:06,020 >> ดังนั้นฉันจะบันทึกนี้และกลับไป เพื่อฉัน "Hello, world" หน้าและโหลด 344 00:16:06,020 --> 00:16:09,880 และมันเป็นเรื่องเล็ก ๆ น้อย ๆ ออกจากการควบคุม เพราะภาพที่เป็นจริง 345 00:16:09,880 --> 00:16:12,210 ที่มีขนาดใหญ่เล็ก ๆ น้อย ๆ แต่ที่ตกลง 346 00:16:12,210 --> 00:16:13,710 ฉันสามารถปรับขนาดในโปรแกรม 347 00:16:13,710 --> 00:16:14,900 หรือคุณรู้ว่าสิ่งที่ 348 00:16:14,900 --> 00:16:17,350 เพียงเพื่อแสดงให้เห็นถึงผม จะบอกว่าจริง 349 00:16:17,350 --> 00:16:21,760 ความกว้างของสิ่งนี้ควร เพียง แต่จะเป็น 200 พิกเซล, 200 จุด 350 00:16:21,760 --> 00:16:24,360 ให้ฉันไปข้างหน้าและบันทึก และโหลดและตอนนี้หน้า 351 00:16:24,360 --> 00:16:25,690 มีลักษณะเล็ก ๆ น้อย ๆ ที่เหมาะสมมากขึ้น 352 00:16:25,690 --> 00:16:27,260 แต่สังเกตเห็นรูปแบบ 353 00:16:27,260 --> 00:16:30,030 ดีฉันได้สอนชนิดของทุกท่าน ของ HTM​​L ในความรู้สึกบางอย่างน้อย 354 00:16:30,030 --> 00:16:33,531 แนวคิดเพราะ HTML ทั้งหมดคือ เหล่านี้ tags-- แท็กเปิดแท็กปิด 355 00:16:33,531 --> 00:16:35,280 และแอตทริบิวต์ที่ ปรับเปลี่ยนพฤติกรรมของพวกเขา 356 00:16:35,280 --> 00:16:38,380 และเห็นได้ชัดว่าทุก แท็กสามารถมีศูนย์หรือหนึ่ง 357 00:16:38,380 --> 00:16:43,005 หรือสองคนหรือมากกว่าคุณลักษณะของแต่ละคน ซึ่งทำบางสิ่งที่แตกต่างกันเล็กน้อย 358 00:16:43,005 --> 00:16:44,380 ตอนนี้วิธีที่คุณจะรู้ว่าสิ่งที่มีอยู่? 359 00:16:44,380 --> 00:16:46,800 คุณเพียงแค่ฟังคน เหมือนฉันบอกคุณในสิ่งที่มีอยู่แล้ว 360 00:16:46,800 --> 00:16:50,860 หรือคุณเพียง Google รอบสำหรับการกวดวิชา ใน HTML และจริงๆมันเป็นแบบนี้ 361 00:16:50,860 --> 00:16:54,030 >> อย่างแท้จริงเมื่อฉันเป็นปริญญาตรี ปีที่ผ่านมาและได้เรียนรู้ HTML, 362 00:16:54,030 --> 00:16:56,530 หนึ่งในการเรียนการสอนคณิตศาสตร์ของฉัน ผู้ช่วยเพียงแค่ใช้เวลา 363 00:16:56,530 --> 00:16:59,600 นิด ๆ หน่อย ๆ เวลาสอนฉัน เหมือนครึ่งชั่วโมงหนึ่งชั่วโมง 364 00:16:59,600 --> 00:17:00,660 และจากนั้นผมกำลังอยู่บนทางของฉัน 365 00:17:00,660 --> 00:17:03,300 ผมกำลังอยู่บนทางของฉันต่อการทำ เว็บไซต์น่าเกลียดที่สุดเท่าที่เคย 366 00:17:03,300 --> 00:17:05,549 ซึ่งเห็นได้ชัดว่าฉันไม่ได้ จริงๆก้าวหน้าเกิน 367 00:17:05,549 --> 00:17:09,849 แต่ประเด็นก็คือว่าเมื่อคุณ เข้าใจ ideas-- ง่ายๆเหล่านี้ 368 00:17:09,849 --> 00:17:13,450 ถ้าเป็นความลับ แต่ text-- ง่ายๆเหล่านี้ ความคิดของการเริ่มต้นความคิด 369 00:17:13,450 --> 00:17:15,960 และปิดความคิดในการรักษา ทุกอย่างมีความสมดุลอย่างดี 370 00:17:15,960 --> 00:17:19,150 มองหาบางสิ่งบางอย่างขึ้นการปรับเปลี่ยน ลักษณะการทำงานของแท็กนั้นว่าเป็นจริงทั้งหมด 371 00:17:19,150 --> 00:17:20,079 ที่มีให้มัน 372 00:17:20,079 --> 00:17:28,140 และในความเป็นจริงถ้าเราตอนนี้ไป สิ่งที่ต้องการ google.com-- จริง 373 00:17:28,140 --> 00:17:31,920 ให้เป็นไปสถานที่เล็ก ๆ น้อย ๆ reasonable-- stanford.edu 374 00:17:31,920 --> 00:17:37,800 และฉันจะไปดู, นักพัฒนามาดู 375 00:17:37,800 --> 00:17:41,400 มันน่าเกลียด แต่ notice-- และฉันจะซูมเข้าแจ้งให้ทราบล่วงหน้า 376 00:17:41,400 --> 00:17:43,432 บางสิ่งที่คุ้นเคยอยู่แล้ว 377 00:17:43,432 --> 00:17:45,140 นอกจากนี้ที่นี่ ซึ่งเป็นเบราว์เซอร์ 378 00:17:45,140 --> 00:17:46,800 ที่นี่มา HTML5 379 00:17:46,800 --> 00:17:47,634 มีเป็น HTML 380 00:17:47,634 --> 00:17:49,550 เห็นได้ชัดว่ามีการ แอตทริบิวต์ที่ฉันไม่ได้ 381 00:17:49,550 --> 00:17:51,540 ใช้ที่ระบุ ภาษาของหน้า 382 00:17:51,540 --> 00:17:54,380 และนี้สามารถช่วยด้วยโดยอัตโนมัติ แปลและสิ่งที่ชอบ 383 00:17:54,380 --> 00:17:55,546 นี่คือหัวของหน้า 384 00:17:55,546 --> 00:17:57,790 นี่คือชื่อของเพจของ Stanford 385 00:17:57,790 --> 00:17:59,832 มีแท็กที่ผมทำไม่เป็น พูดคุยเกี่ยวกับแท็ก Meta yet-- 386 00:17:59,832 --> 00:18:01,540 มันเป็นเพียงการเรียงลำดับของ ข้อมูลเบื้องหลัง. 387 00:18:01,540 --> 00:18:04,210 มันจะช่วยให้กับ SEO หรือ เพิ่มประสิทธิภาพการค้นหาเครื่องยนต์ 388 00:18:04,210 --> 00:18:06,320 หรือผลลัพธ์ของ Google ค้นหาหรือชอบ 389 00:18:06,320 --> 00:18:09,029 แต่ถ้าเราให้มองให้ มองว่านี่คือแท็กร่างกาย 390 00:18:09,029 --> 00:18:11,570 และมีที่อัดแน่นของอื่น ๆ แท็กเราไม่ได้พูดคุยเกี่ยวกับเลย 391 00:18:11,570 --> 00:18:13,750 แต่ Div เป็นหนึ่งสำหรับ ส่วนของหน้า 392 00:18:13,750 --> 00:18:16,680 มันเหมือนสี่เหลี่ยมผืนผ้าที่มองไม่เห็น ถ้าคุณต้องการชนิดของจิตใจ 393 00:18:16,680 --> 00:18:20,160 แบ่งหน้าของคุณให้เป็น หน่วยงานต่างๆออนไลน์ 394 00:18:20,160 --> 00:18:22,650 แล้วจำนวนมาก divs ฉัน เห็นสิ่งที่เรียกว่าชั้น 395 00:18:22,650 --> 00:18:24,440 แต่เราจะกลับมาที่ 396 00:18:24,440 --> 00:18:26,200 >> นี่คือรูปแบบ interesting-- 397 00:18:26,200 --> 00:18:27,730 รูปแบบที่มีอยู่ทั้งหมดผ่านเว็บ 398 00:18:27,730 --> 00:18:30,310 กล่องค้นหาใด ๆ ที่คุณ เคยใช้เป็นรูปแบบ 399 00:18:30,310 --> 00:18:31,490 และเพื่อให้ของจริงเห็น 400 00:18:31,490 --> 00:18:32,790 ฟอร์ม 401 00:18:32,790 --> 00:18:33,910 การกระทำ 402 00:18:33,910 --> 00:18:37,660 การกระทำของแบบฟอร์มนี้สำหรับสิ่งที่ เหตุผลทางประวัติศาสตร์คือ URL ที่ 403 00:18:37,660 --> 00:18:38,840 วิธีการคือ "โพสต์". 404 00:18:38,840 --> 00:18:44,060 ปรากฎว่าการร้องขอ HTTP สามารถใช้ คำกริยา "ได้รับ" เหมือนที่เราเห็นมาก่อน 405 00:18:44,060 --> 00:18:45,070 หรือ "โพสต์". 406 00:18:45,070 --> 00:18:47,030 และจะเห็นความแตกต่าง นี้ในช่วงเวลาที่ 407 00:18:47,030 --> 00:18:48,363 Let 's จริงเห็นว่านี่คืออะไร 408 00:18:48,363 --> 00:18:49,830 ให้ฉันกลับไปที่หน้าของ Stanford 409 00:18:49,830 --> 00:18:53,330 รูปแบบสิ่งที่พวกเขาพูด เกี่ยวกับคุณคิดว่า? 410 00:18:53,330 --> 00:18:54,485 สิ่งที่กระโดดออกจากที่คุณ? 411 00:18:54,485 --> 00:18:54,970 >> ผู้ชม: การค้นหากล่อง 412 00:18:54,970 --> 00:18:55,845 >> เดวิดเจลัน: ใช่ 413 00:18:55,845 --> 00:18:58,410 ดังนั้นขึ้นที่ด้านบนขวา นี่คือช่องค้นหานี้ 414 00:18:58,410 --> 00:19:02,441 และนั่นคือวิธีที่พวกเขาดำเนินการ it-- แท็กที่ตัวอักษรรูปแบบเปิดวงเล็บ 415 00:19:02,441 --> 00:19:03,940 แล้วลองค้นหาบางสิ่งบางอย่าง 416 00:19:03,940 --> 00:19:09,220 ลองค้นหาเพื่อน ของ mine-- "นิค Parlante." 417 00:19:09,220 --> 00:19:11,380 เข้าสู่ 418 00:19:11,380 --> 00:19:13,750 และแน่นอนมันจะไป URL ที่แตกต่างกันเล็กน้อย 419 00:19:13,750 --> 00:19:15,140 ให้ฉันกลับไปที่นี่ 420 00:19:15,140 --> 00:19:18,960 ลองค้นหา "หลักสูตร". 421 00:19:18,960 --> 00:19:19,460 ประณามมัน 422 00:19:19,460 --> 00:19:20,484 เดินไปยัง URL ที่แตกต่างกัน 423 00:19:20,484 --> 00:19:23,400 ดังนั้นสแตนฟอเพิ่มความมหัศจรรย์บางอย่าง ที่พวกเขาไม่ได้พาผมไปยัง URL 424 00:19:23,400 --> 00:19:25,820 ที่เราเห็นใน การกระทำที่มีแอตทริบิวต์ 425 00:19:25,820 --> 00:19:32,480 แต่รูปแบบนี้ที่นี่จะดำเนินการอย่างหมดจด โดยวิธีการนี​​้มาร์กอัปที่นี่แท็กเหล่านี้ 426 00:19:32,480 --> 00:19:35,710 ในความเป็นจริงนี่คือการป้อนข้อมูลสำหรับ ประเภทของการค้นหาที่คุณต้องการ 427 00:19:35,710 --> 00:19:38,940 นี่คือการป้อนข้อมูลสำหรับ ประเภทของการค้นหาอีกครั้ง 428 00:19:38,940 --> 00:19:41,960 นี่คือการป้อนข้อมูลสตริงตัวเอง 429 00:19:41,960 --> 00:19:45,394 และเพื่อให้เป้าหมายไม่ได้ที่จะตัด จิตใจของเราทั่วทั้งหมดของแท็กเหล่านี้ 430 00:19:45,394 --> 00:19:46,060 แต่เพียงเพื่อดู 431 00:19:46,060 --> 00:19:48,300 มันเป็นเพียงแค่เปิดและปิด แท็กและสิ่งที่มองถึง 432 00:19:48,300 --> 00:19:48,560 ใช่? 433 00:19:48,560 --> 00:19:48,920 วิคตอเรีย? 434 00:19:48,920 --> 00:19:49,795 >> ผู้ชม: [ไม่ได้ยิน] 435 00:19:49,795 --> 00:19:51,925 436 00:19:51,925 --> 00:19:53,550 เดวิดเจลัน: นั่นเป็นคำถามที่ดี 437 00:19:53,550 --> 00:19:54,660 นั่นเป็นเพียงเล็กน้อย trickier เพื่อดู 438 00:19:54,660 --> 00:19:56,300 ผมขอกลับมาว่า คำถามในเวลาเพียงไม่กี่นาที 439 00:19:56,300 --> 00:19:59,000 เมื่อเรามองไปที่สิ่งที่เรียกว่า แผ่น CSS หรือ Cascading Style, 440 00:19:59,000 --> 00:20:02,500 และเราสามารถพยายามที่จะสรุป เท่าจากหน้าเว็บ 441 00:20:02,500 --> 00:20:08,090 ดังนั้นถ้าตอนนี้เราจะดูที่ google.com, เรามาดูสิ่งที่หน้าของพวกเขาดูเหมือนว่า 442 00:20:08,090 --> 00:20:09,840 คุณจะ they're-- ที่น่ารักในวันนี้ 443 00:20:09,840 --> 00:20:12,490 444 00:20:12,490 --> 00:20:12,990 ตกลง. 445 00:20:12,990 --> 00:20:13,690 ทุกอย่างเสร็จเรียบร้อย. 446 00:20:13,690 --> 00:20:15,260 ขวาทั้งหมดเพื่อให้มาดู 447 00:20:15,260 --> 00:20:19,590 คุณจะคิดว่า Google มี รหัสที่มาดีจริงๆ 448 00:20:19,590 --> 00:20:24,970 ดังนั้นเห็นได้ชัดว่าสิ่งที่เกิดขึ้นที่นี่? 449 00:20:24,970 --> 00:20:27,880 และในความเป็นจริงนี้ไม่ได้ HTML 450 00:20:27,880 --> 00:20:30,930 นี่คือสิ่งที่เรียกว่า JavaScript 451 00:20:30,930 --> 00:20:32,344 และขอให้ไปและไป 452 00:20:32,344 --> 00:20:34,010 ผมไม่ทราบว่าหน้าเริ่มต้น 453 00:20:34,010 --> 00:20:37,240 ฉันจะใช้คำสั่ง F วงเล็บเปิด HTML 454 00:20:37,240 --> 00:20:38,200 สิทธิทั้งหมดมีเ​​ป็น 455 00:20:38,200 --> 00:20:44,150 ผมพบว่าจุดเริ่มต้นของหน้าและ มีสิ่งที่มากดังนั้นในที่นี่ 456 00:20:44,150 --> 00:20:45,310 >> สิ่งที่เป็นจริงที่เกิดขึ้น? 457 00:20:45,310 --> 00:20:47,460 ดีที่คุณรู้ว่าสิ่งที่ เราสามารถทำความสะอาดนี้ขึ้น 458 00:20:47,460 --> 00:20:52,109 ถ้าผมแทนไปตรวจสอบนี้ แถบเครื่องมือวินิจฉัยพิเศษนี้ 459 00:20:52,109 --> 00:20:54,150 และไปไม่ได้ที่จะเครือข่าย ที่เราให้ไปในวันนี้ 460 00:20:54,150 --> 00:20:56,420 แต่ถ้าผมไปที่องค์ประกอบ สิ่งที่ดีจริงๆ 461 00:20:56,420 --> 00:20:59,990 คือว่าเบราว์เซอร์มีจำนวนมาก ตาดีกว่าที่ฉันทำ 462 00:20:59,990 --> 00:21:02,670 และเบราว์เซอร์สามารถอ่าน ระเบียบของหน้าเว็บนั้น 463 00:21:02,670 --> 00:21:04,700 ว่าจดหมาย HTML เราเพียงแค่ มองไปที่และมันสามารถ 464 00:21:04,700 --> 00:21:08,340 แยกหรืออ่านและ วิเคราะห์และฟอร์แมต 465 00:21:08,340 --> 00:21:09,910 ในทางที่เป็นมิตรกับมนุษย์ที่ดี 466 00:21:09,910 --> 00:21:11,740 ดังนั้นสิ่งที่ฉันเห็นในขณะนี้ ในหน้าจอนี้ได้ที่นี่ 467 00:21:11,740 --> 00:21:15,470 ภายใต้องค์ประกอบเนื้อหาเดียวกันแน่นอน แต่พวกเขาได้เยื้องทุกอย่าง 468 00:21:15,470 --> 00:21:18,140 พวกเขาได้ colorized มัน แต่ มันเป็นข้อความเดียวกันแน่นอน 469 00:21:18,140 --> 00:21:19,620 ที่ฉันดาวน์โหลดจากเซิร์ฟเวอร์ 470 00:21:19,620 --> 00:21:23,630 >> และสิ่งที่ดีในขณะนี้คือผมสามารถมองเห็น ในร่างกายสำหรับการแจ้งให้ทราบล่วงหน้า instance--, 471 00:21:23,630 --> 00:21:26,480 หน้าจะยังคงประกอบด้วย เพียงศีรษะและร่างกาย 472 00:21:26,480 --> 00:21:28,660 และฉันลำดับชั้นสามารถดำน้ำที่นี่ 473 00:21:28,660 --> 00:21:32,420 ขอให้สังเกตว่า Google ดูเหมือนว่าจะมี เพื่อ divs-- นี้และหนึ่งนี้ 474 00:21:32,420 --> 00:21:33,310 ฉันสามารถขยายว่า 475 00:21:33,310 --> 00:21:35,370 มีทั้งกลุ่มของ divs อื่น ๆ 476 00:21:35,370 --> 00:21:36,900 ดังนั้นจึงเป็นเรื่องเล็ก ๆ น้อย ๆ ที่มีความซับซ้อน 477 00:21:36,900 --> 00:21:37,400 แต่รอ 478 00:21:37,400 --> 00:21:40,970 นี้ดูเหมือนมากขึ้น สามารถอ่านได้ค่อนข้างกว่านี้ 479 00:21:40,970 --> 00:21:43,840 ทำไม Google ที่น่าอาย ตัวเองโดยเพียงแค่ส่ง 480 00:21:43,840 --> 00:21:50,400 ระเบียบนี้ใหญ่ของรหัสของบางส่วน การจัดเรียงเพียงในการดำเนินการบางสิ่งบางอย่าง 481 00:21:50,400 --> 00:21:53,640 ที่มีลักษณะเพื่อให้ง่ายได้อย่างรวดเร็วก่อน? 482 00:21:53,640 --> 00:21:55,270 เช่นทำไมพวกเขาไม่เพิ่มช่องว่างมากขึ้น? 483 00:21:55,270 --> 00:21:56,811 พวกเขาไม่ได้ตีทำไมใส่เหมือนผม? 484 00:21:56,811 --> 00:21:59,110 ดูวิธีการที่ดีผมเป็น ที่เขียนหน้าเว็บ 485 00:21:59,110 --> 00:22:00,680 ผมกด Enter เพื่อความขยันหมั่นเพียร 486 00:22:00,680 --> 00:22:03,760 ฉันเยื้องเพื่อให้ทุกอย่าง เพื่อให้สวยและสามารถอ่านได้ 487 00:22:03,760 --> 00:22:08,463 Google ไม่ทำไมไม่ปฏิบัติเดียวกันได้หรือไม่ 488 00:22:08,463 --> 00:22:11,409 >> ผู้ชม: [ไม่ได้ยิน] 489 00:22:11,409 --> 00:22:12,305 490 00:22:12,305 --> 00:22:13,180 เดวิดเจลัน: ดี 491 00:22:13,180 --> 00:22:14,270 ยุติธรรมมาก. 492 00:22:14,270 --> 00:22:16,650 พวกเขาไม่ได้มีบางส่วน คนที่ Google ด้วยตนเอง 493 00:22:16,650 --> 00:22:18,160 ปรับปรุงหน้าบ้านอีกต่อไป 494 00:22:18,160 --> 00:22:20,010 มันไม่ได้อีกต่อไป 1999 495 00:22:20,010 --> 00:22:21,140 ดังนั้นพวกเขาจึงมีซอฟต์แวร์ 496 00:22:21,140 --> 00:22:25,397 พวกเขามีเครื่องมืออื่น ๆ ที่ สร้างแบบไดนามิกที่พวกเขากำลัง HTM​​L 497 00:22:25,397 --> 00:22:27,480 แน่นอนรหัสที่ตัวเอง ถูกเขียนขึ้นโดยมนุษย์ 498 00:22:27,480 --> 00:22:30,220 แต่ในความเป็นจริง มันค่อนข้างยุติธรรมที่จะพูดว่า 499 00:22:30,220 --> 00:22:33,340 เบราว์เซอร์แน่นอนไม่ได้ วิธีการดูแลที่ยุ่งรหัสเป็น 500 00:22:33,340 --> 00:22:35,940 แต่มีมากยิ่งขึ้น ด้วยเหตุผลทางเทคนิคที่น่าสนใจ 501 00:22:35,940 --> 00:22:42,580 ว่า Google จำหน่าย HTML ของพวกเขา รหัสดังกล่าวในเลอะเทอะดูเหมือน 502 00:22:42,580 --> 00:22:48,350 วิธีครอบงำบรรจุทั้งหมดเข้าด้วยกัน กับ way-- น้อยมากน้อยมาก 503 00:22:48,350 --> 00:22:51,274 ในทางของการจัดรูปแบบเหมือนที่ผมทำ 504 00:22:51,274 --> 00:22:52,570 >> ผู้ชม: [ไม่ได้ยิน] 505 00:22:52,570 --> 00:22:53,528 >> เดวิดเจลัน: ได้เร็วขึ้น? 506 00:22:53,528 --> 00:22:54,040 ทำไม? 507 00:22:54,040 --> 00:22:55,680 และสิ่งที่คุณพูดว่าลิเดีย? 508 00:22:55,680 --> 00:22:56,240 เร็วขึ้น? 509 00:22:56,240 --> 00:22:57,281 ทำไมได้เร็วขึ้น? 510 00:22:57,281 --> 00:22:58,156 ผู้ชม: [ไม่ได้ยิน] 511 00:22:58,156 --> 00:23:00,522 512 00:23:00,522 --> 00:23:02,230 เดวิดเจลัน: มี ไม่มีช่องว่างในการอ่าน 513 00:23:02,230 --> 00:23:02,730 ใช่. 514 00:23:02,730 --> 00:23:04,560 ดังนั้นคิดเกี่ยวกับสิ่งที่มีพื้นที่ 515 00:23:04,560 --> 00:23:08,394 ดังนั้นตัวอักษรบนแป้นพิมพ์ในแต่ละเวลา จำนวนของพื้นที่บางส่วนเพื่อเป็นตัวแทน 516 00:23:08,394 --> 00:23:10,560 ทั้งทางร่างกายเช่นนั้น จะขึ้นที่พื้นที่มาก 517 00:23:10,560 --> 00:23:13,250 หรืออย่างใดที่อยู่ภายใต้ เครื่องดูดควันที่ต้องใช้หน่วยความจำ 518 00:23:13,250 --> 00:23:15,740 และเป็น aside-- และเราจะ พูดคุยเกี่ยวกับ tomorrow-- นี้ 519 00:23:15,740 --> 00:23:19,930 ตัวอักษรบนแป้นพิมพ์ทุก มักจะต้องใช้ 8 บิตหรือไบต์ 520 00:23:19,930 --> 00:23:23,360 ดังนั้นรูปแบบของศูนย์หรือ 8 คนหรือเพียงแค่ 1 ไบต์ที่เรา 521 00:23:23,360 --> 00:23:24,720 มนุษย์โดยทั่วไปจะบอกว่า 522 00:23:24,720 --> 00:23:27,690 ดังนั้นที่มีขนาดเล็ก แต่ ก็ยังคงไม่เป็นศูนย์ 523 00:23:27,690 --> 00:23:29,940 ก็ยังคงจำนวนของพื้นที่บางส่วน 524 00:23:29,940 --> 00:23:36,082 ดังนั้นถ้าเป็นวิศวกรหรือ Google ฮิต แถบพื้นที่เพียงครั้งเดียวและคิดว่า 525 00:23:36,082 --> 00:23:38,540 Google-- มันเป็นซุปเปอร์ popular-- สมมติว่าพันล้านคน 526 00:23:38,540 --> 00:23:40,780 ไปที่หน้าบ้านของพวกเขาวัน หรือจำนวนของคนบางคน 527 00:23:40,780 --> 00:23:43,290 ไปที่หน้าบ้าน พันล้านครั้งต่อวัน 528 00:23:43,290 --> 00:23:48,890 วิธีการหลายไบต์มีเพิ่มเติมว่า วิศวกรซอฟต์แวร์เพียงค่าใช้จ่ายของ Google 529 00:23:48,890 --> 00:23:51,310 โดยการกดปุ่มบาร์ของเขาหรือพื้นที่ของเธอครั้ง? 530 00:23:51,310 --> 00:23:52,692 >> ผู้ชม: [ไม่ได้ยิน] 531 00:23:52,692 --> 00:23:54,150 เดวิดเจลัน: ไม่เชิงว่าไม่ดี 532 00:23:54,150 --> 00:23:57,070 เพียงหนึ่งไบต์ครั้งพันล้าน 533 00:23:57,070 --> 00:23:57,871 ดังนั้น a-- 534 00:23:57,871 --> 00:23:59,120 ผู้ชม: 8 พันล้านกิกะไบต์ 535 00:23:59,120 --> 00:24:00,370 เดวิดเจลัน: ไม่ได้ 8 พันล้าน 536 00:24:00,370 --> 00:24:01,240 8 พันล้านไบต์ 537 00:24:01,240 --> 00:24:02,410 แต่ 1 กิกะไบต์ 538 00:24:02,410 --> 00:24:04,080 1 กิกะไบต์จะเป็นหน่วยวัด 539 00:24:04,080 --> 00:24:08,240 ถ้าเขาหรือเธอไม่สอง ช่องว่าง 2 กิกะไบต์ 540 00:24:08,240 --> 00:24:09,030 สามกิกะไบต์ 541 00:24:09,030 --> 00:24:09,530 ขวา? 542 00:24:09,530 --> 00:24:11,860 เครื่องชั่งน้ำหนักมันแพง 543 00:24:11,860 --> 00:24:16,150 และดังนั้นในกรณีเช่น Google, ซึ่งได้รับอนุญาตเป็นกรณีที่รุนแรง 544 00:24:16,150 --> 00:24:21,450 มีปัญหาอื่น ๆ ที่เกิดขึ้นเพียง โดยการตัดสินใจที่เหมาะสมมาก 545 00:24:21,450 --> 00:24:25,744 หรือการกระทำของมนุษย์ที่ง่ายมาก เพราะมันมีผลต่อขยายนี้ 546 00:24:25,744 --> 00:24:27,660 ดังนั้นหนึ่งในเหตุผลที่ นี้มีลักษณะการบีบอัดเพื่อให้ 547 00:24:27,660 --> 00:24:30,660 ตรงตามที่วิกตอเรีย said-- มันเป็น เพียงแค่สร้างโดยคอมพิวเตอร์อยู่แล้ว 548 00:24:30,660 --> 00:24:31,900 ดังนั้นไม่มีเรื่องใหญ่ 549 00:24:31,900 --> 00:24:33,309 เบราว์เซอร์ให้คิดออก 550 00:24:33,309 --> 00:24:35,350 แต่มันก็ยังจงใจ ไม่ได้มีพื้นที่มาก 551 00:24:35,350 --> 00:24:36,766 เพราะพื้นที่ที่ไม่จำเป็น 552 00:24:36,766 --> 00:24:38,250 และพื้นที่จริงค่าใช้จ่ายเงิน 553 00:24:38,250 --> 00:24:40,670 >> มันทั้งค่าใช้จ่ายเวลา เพราะเพียงที่จะผลักดัน 554 00:24:40,670 --> 00:24:44,670 ว่าข้อมูลมากขึ้นจาก สำนักงานใหญ่ google.com เพียง 555 00:24:44,670 --> 00:24:47,710 ได้มีการใช้ปริมาณของบางอย่าง เวลาแม้ว่าจะเป็นมิลลิวินาที 556 00:24:47,710 --> 00:24:51,190 หรือ microseconds แต่ที่เพิ่มขึ้น มากกว่าผู้ใช้จำนวนมากหรือมีโอกาสมากขึ้น 557 00:24:51,190 --> 00:24:52,270 มันอาจมีค่าใช้จ่ายเงิน 558 00:24:52,270 --> 00:24:54,690 Google อาจจะเชื่อมต่อกับ คนอื่นในโลกคนหนึ่ง 559 00:24:54,690 --> 00:24:56,398 ของผู้ที่ peering คะแนนและถ้าพวกเขามี 560 00:24:56,398 --> 00:24:59,880 ชนิดของความสัมพันธ์ทางการเงินบางส่วน โดยข้อมูลของพวกเขาเงินค่าใช้จ่าย 561 00:24:59,880 --> 00:25:01,730 พวกเขาอาจจะเป็นอย่างดี ลดข้อมูลเท่าใด 562 00:25:01,730 --> 00:25:04,530 พวกเขากำลังคายออกบน การเชื่อมต่ออินเทอร์เน็ตของพวกเขา 563 00:25:04,530 --> 00:25:07,630 >> ดังนั้นสิ่งที่ตลก แต่ในท้ายที่สุด หรืออาจจะเป็นสิ่งที่มั่นใจ 564 00:25:07,630 --> 00:25:11,030 คือแม้ว่าลักษณะนี้ชะมัด ครอบงำในตอนท้ายของวัน 565 00:25:11,030 --> 00:25:16,750 ก็ยังคงเป็นหลักการเดียวกันกับ หน้านี้ง่ายมากที่นี่ของ HTM​​L 566 00:25:16,750 --> 00:25:17,390 หน้า. 567 00:25:17,390 --> 00:25:20,610 ดังนั้นเพียงเพื่อสรุปและเพื่อให้คุณ มีรุ่นที่เป็นที่ยอมรับถ้าคุณไม่ได้ 568 00:25:20,610 --> 00:25:25,900 ไปพร้อมโดยทางเลือกที่นี่ที่นี่ อาจจะง่ายที่สุดของหน้าเว็บ 569 00:25:25,900 --> 00:25:28,240 ดังนั้นสิ่งที่จะเล่นกับทีหลัง 570 00:25:28,240 --> 00:25:30,790 >> ดีขอแนะนำ คู่ของความคิดอื่น ๆ ในขณะนี้ 571 00:25:30,790 --> 00:25:33,420 เรากำลังจะแนะนำ สิ่งที่เรียกว่าแท็กสไตล์ 572 00:25:33,420 --> 00:25:38,110 เราสามารถปรับสไตล์หน้านี้ ในรูปแบบที่น่าสนใจมากขึ้น 573 00:25:38,110 --> 00:25:40,860 ดังนั้นในขณะที่อีเมล์ HTML เป็นข้อมูลเกี่ยวกับการทำเครื่องหมาย 574 00:25:40,860 --> 00:25:44,470 ข้อมูลการจัดเรียงของการระบุไป เบราว์เซอร์วิธีการโครงสร้างข้อมูล 575 00:25:44,470 --> 00:25:48,110 ที่จะนำมัน, CSS หรือ สไตล์ชี cascading, 576 00:25:48,110 --> 00:25:52,640 เป็นภาษาที่สองที่ โดยทั่วไปได้รับการผสมปนเปกับ HTML 577 00:25:52,640 --> 00:25:55,670 ในขณะที่เราจะ see-- แต่เราสามารถทำความสะอาด ที่ขึ้นมาใน moment-- ที่ใช้ 578 00:25:55,670 --> 00:25:59,850 มันไมล์สุดท้ายและมัน stylizes มัน 579 00:25:59,850 --> 00:26:02,460 จะได้รับสีเพียงขวา ตัวอักษรขนาดเพียงขวา 580 00:26:02,460 --> 00:26:03,860 ตำแหน่งเพียงขวา 581 00:26:03,860 --> 00:26:06,510 มันเป็นเรื่องของความงาม หรือการจัดรูปแบบไม่ได้เกี่ยวกับ 582 00:26:06,510 --> 00:26:08,330 ข้อมูลพื้นฐานตัวเอง 583 00:26:08,330 --> 00:26:11,390 และวิธีที่ง่ายที่สุดที่จะแสดง นี้อาจจะเป็นตัวอย่าง 584 00:26:11,390 --> 00:26:15,320 ดังนั้นฉันจะไปกว่า ไปยังแฟ้มข้อความที่เรียบง่ายของฉัน 585 00:26:15,320 --> 00:26:17,970 และในเพียงช่วงเวลาที่ฉันจะ เดินเราผ่านกระบวนการ 586 00:26:17,970 --> 00:26:19,360 การทำเช่นนี้เอง 587 00:26:19,360 --> 00:26:23,310 >> ฉันจะกลับไปยังไฟล์ของฉัน นี่และโหลดหน้าเว็บเพียง 588 00:26:23,310 --> 00:26:25,800 เพื่อยืนยันสิ่งที่ดูเหมือนว่า 589 00:26:25,800 --> 00:26:27,190 นั่นคือสิ่งที่เรากำลังที่ตอนนี้ 590 00:26:27,190 --> 00:26:31,170 ฉันรู้สึกเหมือนเด็ก ๆ จะสนุกกับการ มีบางสีที่หน้าเว็บนี้ 591 00:26:31,170 --> 00:26:34,480 ดังนั้นฉันจะไปขึ้นที่นี่ เข้ามาในหัวของหน้า 592 00:26:34,480 --> 00:26:38,130 และฉันจะทำรูปแบบ / รูปแบบ 593 00:26:38,130 --> 00:26:44,060 และจากนั้นภายในนี้ฉันจะ ที่จะบอกร่างกายของ Page-- ของฉัน 594 00:26:44,060 --> 00:26:46,870 และการจัดรูปแบบนี้เป็นที่ แวบแรกอาจจะเล็ก ๆ น้อย ๆ 595 00:26:46,870 --> 00:26:49,400 แปลก แต่เดิม 596 00:26:49,400 --> 00:26:55,010 ฉันจะบอกว่าพื้นหลัง สีของหน้านี้ควรเป็นสีเขียว 597 00:26:55,010 --> 00:26:57,960 และนี่เป็นที่น่าเสียดาย การจัดเรียงของไม่ได้ออกแบบที่ดีที่สุด 598 00:26:57,960 --> 00:27:00,710 ขอให้สังเกตว่าก่อนหน้านี้ ในโลกของ HTM​​L ได้ 599 00:27:00,710 --> 00:27:03,190 ผมบอกว่าแอตทริบิวต์ เหล่านี้เป็นคู่ค่าคีย์ 600 00:27:03,190 --> 00:27:05,760 สิ่งที่มีค่าเท่ากับคำพูด ได้นำมาอ้าง "บางสิ่งบางอย่าง." 601 00:27:05,760 --> 00:27:08,810 ในโลกของ CSS ซึ่งเป็น ออกแบบโดยคนที่แตกต่างกันบางอย่าง 602 00:27:08,810 --> 00:27:11,020 พวกเขาจึงตัดสินใจว่าในพวกเขา โลกคู่ค่าคีย์ 603 00:27:11,020 --> 00:27:13,920 จะเป็นคำพูดบางสิ่งบางอย่างลำไส้ใหญ่ 604 00:27:13,920 --> 00:27:15,220 ดังนั้นจึงเป็นความคิดเดียวกันแม้ว่า 605 00:27:15,220 --> 00:27:18,620 มันเชื่อมโยงค่า กับที่สำคัญบางอย่างที่ใด 606 00:27:18,620 --> 00:27:20,330 ที่มีอิทธิพลต่อพฤติกรรมของหน้านี้ 607 00:27:20,330 --> 00:27:21,901 >> และคุณอาจจะสามารถคาดเดา 608 00:27:21,901 --> 00:27:24,150 อะไรคือสิ่งที่นี้อาจจะ จะทำแม้ว่าคุณจะไม่เคย 609 00:27:24,150 --> 00:27:27,867 เห็น HTML หรือ CSS มาก่อนหรือไม่ 610 00:27:27,867 --> 00:27:29,450 ผู้ชม: เปลี่ยนสีพื้นหลัง 611 00:27:29,450 --> 00:27:30,560 เดวิดเจลัน: ใช่ เปลี่ยนสีพื้นหลัง 612 00:27:30,560 --> 00:27:33,280 และโดยเฉพาะอย่างยิ่ง สีพื้นหลังของร่างกาย 613 00:27:33,280 --> 00:27:36,290 แต่ตราบเท่าที่คน ร่างกายตอนนี้เป็นเว็บ 614 00:27:36,290 --> 00:27:38,870 Page-- มันเป็นสิ่งเดียว ด้านล่างแถบชื่อ really-- 615 00:27:38,870 --> 00:27:40,870 มันอาจจะ มีอิทธิพลต่อสิ่งเดียวกัน 616 00:27:40,870 --> 00:27:41,430 ดังนั้นเรามาดู 617 00:27:41,430 --> 00:27:42,490 Let 's บันทึกนี้ 618 00:27:42,490 --> 00:27:44,310 ไปที่นี่และโหลด 619 00:27:44,310 --> 00:27:46,140 มันน่าเกลียดสวย 620 00:27:46,140 --> 00:27:48,070 และสิ่งที่เกิดขึ้น นี่คือผลข้างเคียง 621 00:27:48,070 --> 00:27:49,850 ฉันเพียงแค่เลือกภาพนี้แบบสุ่ม 622 00:27:49,850 --> 00:27:53,305 ทำไมเป็นสีเขียวไม่ได้ น้ำซับอยู่เบื้องหลังมิกกี้? 623 00:27:53,305 --> 00:27:54,180 ผู้ชม: [ไม่ได้ยิน] 624 00:27:54,180 --> 00:27:56,880 625 00:27:56,880 --> 00:27:57,880 เดวิดเจลัน: แน่นอน 626 00:27:57,880 --> 00:28:01,750 ปรากฎว่าภาพสวย มากภาพทั้งหมดที่เราอาจจะใช้ 627 00:28:01,750 --> 00:28:03,670 มี rectangles-- ทั้งหมดของรูปสี่เหลี่ยม 628 00:28:03,670 --> 00:28:07,710 แม้ว่ามิกกี้มีเส้นโค้งบาง ให้กับตัวเองและมีพื้นหลัง 629 00:28:07,710 --> 00:28:09,330 พื้นหลังที่จะต้องมีบางสิ่งบางอย่าง 630 00:28:09,330 --> 00:28:10,280 มันจะต้องมีสีขาว 631 00:28:10,280 --> 00:28:11,910 มันจะต้องมีสีดำหรือสิ่งอื่นใด 632 00:28:11,910 --> 00:28:13,650 มันอาจจะมีความโปร่งใส 633 00:28:13,650 --> 00:28:16,100 และในความเป็นจริงที่ฉันสามารถทำได้ เปิดมิกกี้เมาส์ที่นี่ 634 00:28:16,100 --> 00:28:18,590 ในโปรแกรมที่เรียกว่า Photoshop หรือสิ่งที่คล้ายกัน 635 00:28:18,590 --> 00:28:21,176 และการเปลี่ยนแปลงทั้งหมดของสีขาวที่ พื้นหลังโปร่งใส 636 00:28:21,176 --> 00:28:22,550 เพื่อให้สีเขียวจะส่องผ่าน 637 00:28:22,550 --> 00:28:25,980 แต่นั่นคือสิ่งที่ฉันจะต้อง ที่จะถามตัวเองหรือศิลปินกราฟิก 638 00:28:25,980 --> 00:28:28,130 หรือนักออกแบบที่ของฉัน บริษัท ตัวอย่างเช่น 639 00:28:28,130 --> 00:28:31,490 จะทำโดยเฉพาะอย่างยิ่งนับตั้งแต่ฉันเพียงแค่ ที่ยืมมาจากอินเทอร์เน็ตนี้ 640 00:28:31,490 --> 00:28:33,030 แต่ที่ว่าทำไมนี้เกิดขึ้น 641 00:28:33,030 --> 00:28:34,980 >> ดังนั้นอะไรที่เราอาจต้องการที่จะทำอย่างไร? 642 00:28:34,980 --> 00:28:41,040 ดีเราอาจต้องการที่จะบอกว่าเรา หวังว่าคุณจะเพลิดเพลินไปกับการเข้าพักของคุณ 643 00:28:41,040 --> 00:28:44,150 และเน้นที่ฉันต้องการ เพื่อให้แข็งแรง 644 00:28:44,150 --> 00:28:48,310 และดังนั้นฉันจะบอกว่าเปิดที่แข็งแกร่งและ ปิดที่แข็งแกร่งและแล้วโหลด 645 00:28:48,310 --> 00:28:50,320 และมันเป็นเรื่องยากที่เล็ก ๆ น้อย ๆ เพื่อดูโปรเจ็กเตอร์ 646 00:28:50,320 --> 00:28:53,250 แต่บางทีอาจจะจริงในขณะนี้ กระโดดออกจากที่คุณมากขึ้นอีกนิด 647 00:28:53,250 --> 00:28:56,180 เพื่อให้คุณสามารถเพิ่มตัวเอียงในครั้งนี้ วิธีที่หันหน้าไปทางตัวหนาในลักษณะนี้ 648 00:28:56,180 --> 00:28:57,500 เราสามารถเปลี่ยนสี 649 00:28:57,500 --> 00:29:01,610 ในความเป็นจริงเพียงเพื่อลูกผม จะไปข้างหน้าและทำเช่นนี้ 650 00:29:01,610 --> 00:29:05,120 ฉันไม่ชอบวิธีการของฉัน ย่อหน้านี้มีความใกล้ชิดกัน 651 00:29:05,120 --> 00:29:06,870 ดังนั้นฉันอาจทำอะไรเช่นนี้ 652 00:29:06,870 --> 00:29:13,310 ฉันจะบอกเบราว์เซอร์ เปลี่ยนแท็กวรรคทุกคนที่จะมี 653 00:29:13,310 --> 00:29:16,952 ขอ say-- จริงคุณรู้ว่าสิ่งที่ ขอจัดมัน text-align, ศูนย์ 654 00:29:16,952 --> 00:29:19,410 และอีกครั้งที่ฉันรู้ว่านี้เท่านั้น เพราะมีคนสอนให้ฉัน 655 00:29:19,410 --> 00:29:21,118 หรือผมมองมันได้ใน การอ้างอิงออนไลน์ 656 00:29:21,118 --> 00:29:22,450 เพื่อให้ฉันบันทึกนี้ 657 00:29:22,450 --> 00:29:25,070 และ ah, ตอนนี้ฉัน ศูนย์กลางภาพที่มี 658 00:29:25,070 --> 00:29:28,490 และอันที่จริงคุณรู้ว่าถ้า ผมย้ายภาพของฉันเข้าไปในย่อหน้า 659 00:29:28,490 --> 00:29:34,510 tag-- ดังนั้นวรรคที่สาม แม้ว่ามันจะไม่ได้เป็นข้อความ 660 00:29:34,510 --> 00:29:36,917 Let 's ประหยัดและโหลด 661 00:29:36,917 --> 00:29:40,000 ตอนนี้หน้าจะเริ่มที่จะมองชนิด of-- ฉันหมายความว่ามันยังคงน่าเกลียดสวย 662 00:29:40,000 --> 00:29:43,180 แต่อย่างน้อยก็ดูเหมือนว่าผมใช้เวลา สองนาทีแทนหนึ่งนาที 663 00:29:43,180 --> 00:29:43,950 ทำให้มันเป็น 664 00:29:43,950 --> 00:29:47,200 >> และเพื่อเพิ่มขึ้นเราสามารถทำให้ การเปลี่ยนแปลงความงามเหล่านี้ไปยังหน้า? 665 00:29:47,200 --> 00:29:50,860 ฉันไม่ได้เปลี่ยนจริงๆข้อมูลใน หน้าอื่น ๆ ที่นอกเหนือจากการเพิ่มคำว่าจริงๆ 666 00:29:50,860 --> 00:29:52,650 ฉันได้เพิ่มเมตาดาต้าถ้าคุณจะ 667 00:29:52,650 --> 00:29:54,830 Hey, เบราว์เซอร์ให้ คำว่า "จริงๆ" ตัวหนา 668 00:29:54,830 --> 00:29:56,940 แต่ข้อมูลที่ไม่แข็งแรง 669 00:29:56,940 --> 00:29:57,830 นั่นคือเมตาดาต้า 670 00:29:57,830 --> 00:29:59,410 ข้อมูลคือ "จริงๆ." 671 00:29:59,410 --> 00:30:02,200 ดังนั้นเราจึงยังคงมีบางส่วนของ แนวคิดเช่นเดียวกับก่อน 672 00:30:02,200 --> 00:30:05,990 ตอนนี้ของหลักสูตรนี้ไม่ได้อยู่บนเว็บ ดังนั้นฉันจะทำอย่างใดอย่างหนึ่งขั้นตอนสุดท้ายที่นี่ 673 00:30:05,990 --> 00:30:10,300 >> ฉันจะไป hello.html และเพียงแค่เน้นและคัดลอกนี้ 674 00:30:10,300 --> 00:30:12,285 และตอนนี้ฉันกำลังจะไป ไปลงใน Cloud9 ซึ่ง 675 00:30:12,285 --> 00:30:13,910 ฉันจะเดินคุณผ่านในเวลาเพียงสักครู่ 676 00:30:13,910 --> 00:30:17,080 และราคาที่คุณเร็ว ๆ นี้จะถ้า ไม่ได้อยู่ที่หน้าจอเช่นนี้ 677 00:30:17,080 --> 00:30:21,080 และแจ้งให้เราเพียงแค่ให้คุณได้อย่างรวดเร็ว การท่องเที่ยวของสิ่งที่ Cloud9 เป็นจริง 678 00:30:21,080 --> 00:30:26,590 ดังนั้นอีกครั้ง Cloud 9 คือ นี้บริการ Cloud-Based 679 00:30:26,590 --> 00:30:30,580 ที่จะช่วยให้คุณและฉันภาพลวงตา ของการมีเครื่องเสมือนของเราเอง 680 00:30:30,580 --> 00:30:33,090 ในเมฆในทางเทคนิค ภาชนะในเมฆ 681 00:30:33,090 --> 00:30:35,160 ว่าเรามีเต็มรูปแบบ สิทธิ์ของผู้ดูแลระบบเพื่อ 682 00:30:35,160 --> 00:30:37,130 ดังนั้นในทางทฤษฎีไม่มีใคร อื่น ๆ ในโลกได้ 683 00:30:37,130 --> 00:30:39,152 การเข้าถึงหน้าจอฉัน กำลังมองหาที่ในขณะนี้ 684 00:30:39,152 --> 00:30:40,860 อาจจะยกเว้นคน ที่ใช้เว็บไซต์ 685 00:30:40,860 --> 00:30:43,470 เพราะพวกเขามีเทคนิค การเข้าถึงทางกายภาพและอื่น ๆ 686 00:30:43,470 --> 00:30:44,740 >> ดังนั้นสิ่งที่เราเห็นในสภาพแวดล้อมเช่นนี้? 687 00:30:44,740 --> 00:30:46,230 ฉันจะซูมออก เพราะมันเป็นเรื่องเล็ก ๆ น้อย ๆ ที่มีขนาดเล็ก 688 00:30:46,230 --> 00:30:48,104 และให้ฉันจุดมากกว่า ที่นี่เพื่อรอสักครู่ 689 00:30:48,104 --> 00:30:53,210 ทางด้านซ้ายมือของฉันและของคุณ หน้าจอมีเบราเซอร์ไฟล์ที่ด้านซ้าย 690 00:30:53,210 --> 00:30:55,362 ดังนั้นที่คล้ายกันในจิตวิญญาณ กับ Mac OS และ Windows 691 00:30:55,362 --> 00:30:57,070 เหล่านี้ล้วนเป็นของ ไฟล์ในบัญชีของฉัน 692 00:30:57,070 --> 00:30:59,250 และโดยค่าเริ่มต้นถ้าคุณ บัญชีเป็นเหมือนระเบิด 693 00:30:59,250 --> 00:31:05,090 คุณจะเห็นหรือเร็ว ๆ นี้เห็น helloworld.html และ readme.md 694 00:31:05,090 --> 00:31:07,950 มากกว่าที่นี่ด้านขวานี้เป็น ที่ไฟล์ข้อความของฉันกำลังจะไป 695 00:31:07,950 --> 00:31:11,620 หากคุณเคยใช้ไมโครซอฟท์ Word หรือ Notepad หรือ TextEdit, 696 00:31:11,620 --> 00:31:14,100 นี้คือคำว่าการแก้ไขของฉัน ของไฟล์ที่จะไป 697 00:31:14,100 --> 00:31:16,540 และแล้วความลับที่สุด คุณลักษณะของสภาพแวดล้อมเช่นนี้ 698 00:31:16,540 --> 00:31:20,100 ว่าเราจะไม่ได้จริงๆต้องใช้คือ ลงที่นี่เรียกว่าหน้าต่าง terminal 699 00:31:20,100 --> 00:31:23,390 หากคุณเคยใช้ DOS จาก ปีกลายนี้เป็นลินุกซ์ 700 00:31:23,390 --> 00:31:25,450 หรือเทียบเท่าในลินุกซ์ของ DOS 701 00:31:25,450 --> 00:31:28,190 มันเป็น interface-- ข้อความตาม ไม่มีการคลิกเมาส์ลากไม่มี 702 00:31:28,190 --> 00:31:30,770 ทั้งหมดที่คุณสามารถทำได้คือการพิมพ์ คำสั่ง แต่คำสั่งดังกล่าว 703 00:31:30,770 --> 00:31:34,400 สามารถสร้างไฟล์ย้ายไฟล์เปิด ไดเรกทอรีไดเรกทอรีใกล้ชิด 704 00:31:34,400 --> 00:31:35,740 ทำจำนวนของสิ่งใด ๆ 705 00:31:35,740 --> 00:31:38,060 แต่ตอนนี้เราจะเป็นเพียงแค่ ใช้เวลาของเราได้ที่นี่ 706 00:31:38,060 --> 00:31:39,050 >> และเพื่อให้ทำเช่นนี้ 707 00:31:39,050 --> 00:31:41,008 ถ้าคุณอยู่ในนี้ สภาพแวดล้อมที่คุณควร 708 00:31:41,008 --> 00:31:45,900 ถ้าคุณสร้างพื้นที่ทำงาน แล้วไปข้างหน้าและเพียงแค่ขึ้นไป 709 00:31:45,900 --> 00:31:48,690 ที่ File, New สักครู่ 710 00:31:48,690 --> 00:31:51,740 และนั่นจะทำให้คุณใหม่ แท็บขวาที่นี่ที่อยู่ตรงกลาง 711 00:31:51,740 --> 00:31:54,250 และฉัน just-- และขอ ไปข้างหน้าและทำเช่นนี้ 712 00:31:54,250 --> 00:31:59,910 Let 's ไปข้างหน้าและตอนนี้จะยื่นบันทึก และไปข้างหน้าและเรียกว่า hello.html, 713 00:31:59,910 --> 00:32:02,740 เพื่อไม่ให้สับสนกับ helloworld.html ซึ่ง 714 00:32:02,740 --> 00:32:06,910 มาพร้อมกับบัญชีฟรีใหม่ของคุณ ซึ่งเป็นเพียงตัวอย่างไฟล์ 715 00:32:06,910 --> 00:32:11,020 คุณจะเห็นมันก็จะปรากฏขึ้น, ส่วนใหญ่มีแนวโน้มที่อยู่ด้านซ้ายมือ 716 00:32:11,020 --> 00:32:12,810 และแท็บจะยังคงเปิดให้บริการ 717 00:32:12,810 --> 00:32:21,300 และแจ้งให้เราแนะนำให้คุณในขณะนี้ที่จะสร้าง ไฟล์นี้หรือบางสายพันธุ์ดังกล่าว 718 00:32:21,300 --> 00:32:24,607 และถ้าคุณไม่สามารถค่อนข้างเห็นมันใน หน้าจอนี้เป็นเหมือนภาพนิ่ง 719 00:32:24,607 --> 00:32:26,190 ที่คุณอาจจะมีในแท็บอื่น 720 00:32:26,190 --> 00:32:29,296 >> ดังนั้นในระยะสั้นให้หน้าเว็บแรกของคุณ บันทึกไว้แล้วในเวลาเพียงชั่วครู่หนึ่ง 721 00:32:29,296 --> 00:32:31,170 ฉันจะแสดงวิธีการคุณ จริงสามารถดูนี้ 722 00:32:31,170 --> 00:32:32,970 แต่การเปลี่ยนแปลงอย่างน้อยสิ่งหนึ่ง 723 00:32:32,970 --> 00:32:35,400 เปลี่ยน HelloWorld ไป บางสิ่งบางอย่างของทางเลือกของคุณเอง 724 00:32:35,400 --> 00:32:39,821 เพื่อให้คุณมั่นใจว่ามันเป็นของคุณ ยื่นและไม่หนึ่งที่ผมเพิ่งสร้าง 725 00:32:39,821 --> 00:32:40,320 ก็ดี 726 00:32:40,320 --> 00:32:43,804 และเมื่อคุณ ready-- ไม่มี rush-- เมื่อคุณพร้อม 727 00:32:43,804 --> 00:32:46,220 ไปข้างหน้าและบันทึกแฟ้ม เมื่อคุณได้ทำการเปลี่ยนแปลงเหล่านี้ 728 00:32:46,220 --> 00:32:49,540 และถ้าคุณคลิก ปุ่มวิ่งด้านบนนี้ 729 00:32:49,540 --> 00:32:53,610 ควรเปิดแท็บใหม่ที่จะบอก คุณว่า URL ที่คุณสามารถเยี่ยมชมไฟล์ของคุณได้ที่ 730 00:32:53,610 --> 00:32:56,380 แต่มันอาจใช้เวลาสักครู่ไป อ้างนำมาอ้าง "เริ่มต้นอาปาเช่" ซึ่ง 731 00:32:56,380 --> 00:32:58,820 เป็นชื่อของเว็บเซิร์ฟเวอร์ 732 00:32:58,820 --> 00:33:02,430 ดังนั้นต้องระมัดระวังในการทำตรง สิ่งที่อยู่ในไฟล์ในท้ายที่สุด 733 00:33:02,430 --> 00:33:04,610 ดังนั้นตอนนี้ฉันจะซูมเข้า 734 00:33:04,610 --> 00:33:07,780 ถ้าฉันเริ่มพิมพ์ เปิดวงเล็บ HTML, แจ้งให้ทราบล่วงหน้า 735 00:33:07,780 --> 00:33:09,650 มันกระตุ้นให้ผมที่จะจบความคิดของฉัน 736 00:33:09,650 --> 00:33:13,750 และถ้าฉันเสร็จแล้วความคิดของฉันมัน โดยอัตโนมัติทำให้ผมแท็กปิด 737 00:33:13,750 --> 00:33:17,190 แต่คาดหวังก็คือแล้วฉันจะตี ใส่และจากนั้นย้ายภายในมี 738 00:33:17,190 --> 00:33:21,180 และมุ่งหน้าภายในและ แล้วฉันจะทำร่างกายภายใน 739 00:33:21,180 --> 00:33:24,430 และมันเป็นเรื่องเล็ก ๆ น้อย ๆ ที่แปลกในตอนแรก เพราะทำผลงานให้กับคุณ 740 00:33:24,430 --> 00:33:27,110 แต่รู้ว่าในท้ายที่สุด มันช่วยให้คุณประหยัดการกดแป้นพิมพ์ 741 00:33:27,110 --> 00:33:30,500 และในความเป็นจริงมีลักษณะทั่วไปมาก การเขียนโปรแกรมสภาพแวดล้อมวันนี้ 742 00:33:30,500 --> 00:33:33,260 ทั้งสำหรับการพัฒนาเว็บเช่น นี้และการเขียนโปรแกรมที่เกิดขึ้นจริง 743 00:33:33,260 --> 00:33:36,960 ซึ่งเราจะพูดคุยเกี่ยวกับวันพรุ่งนี้ เป็นคุณลักษณะอัตโนมัติสมบูรณ์เหล่านี้ 744 00:33:36,960 --> 00:33:39,710 สิ่งที่เพิ่งอนุญาตให้ โปรแกรมเมอร์หรือนักออกแบบ 745 00:33:39,710 --> 00:33:42,010 พิมพ์กดแป้นพิมพ์น้อยลงไป ประสบความสำเร็จในสิ่งเดียวกัน 746 00:33:42,010 --> 00:33:43,176 บางครั้งก็เป็นสิ่งที่ดี แต่ 747 00:33:43,176 --> 00:33:44,560 บางครั้งมันก็น่ารำคาญเพียง 748 00:33:44,560 --> 00:33:49,290 749 00:33:49,290 --> 00:33:54,010 และอีกครั้งเมื่อคุณได้คัดลอก สไลด์หรือตัวแปรบางดังกล่าว 750 00:33:54,010 --> 00:33:57,360 คุณสามารถคลิกที่ปุ่มด้านบนวิ่งขึ้น 751 00:33:57,360 --> 00:33:59,910 และจากนั้นในด้านล่าง หน้าต่างคุณจะได้รับแจ้ง 752 00:33:59,910 --> 00:34:04,290 สิ่งที่ URL ที่คุณสามารถไปที่หน้าเว็บของคุณ 753 00:34:04,290 --> 00:34:08,790 เหมืองแร่เช่นที่ business-daharvard.c9users.io 754 00:34:08,790 --> 00:34:11,480 เป็นต้น 755 00:34:11,480 --> 00:34:14,580 ขวาทั้งหมดเพื่อให้คำถาม me-- ใด ๆ 756 00:34:14,580 --> 00:34:19,460 คำถามอื่น ๆ เกี่ยวกับเพียงแค่ได้รับ นี้ทำงานก่อนที่เราจะเพิ่มคุณสมบัติ? 757 00:34:19,460 --> 00:34:21,692 และแจ้งให้เรานำเสนอเพียง คนที่จะได้รับ comfortable-- 758 00:34:21,692 --> 00:34:24,400 เพราะมันเป็นสิ่งหนึ่งที่จะเป็นเพียงแค่ copy-paste สุ่มสี่สุ่มห้าสิ่งที่ผมทำ 759 00:34:24,400 --> 00:34:27,177 แต่เพียงเพื่อให้คนต่อสู้ อย่างน้อยหนึ่งที่ต้องทำ 760 00:34:27,177 --> 00:34:28,510 ฉันจะเปิดเพลงบาง 761 00:34:28,510 --> 00:34:32,630 ผมจะนำเสนอรายการ สิ่งที่คุณอาจจะสามารถเพิ่ม 762 00:34:32,630 --> 00:34:34,086 และแน่นอนคุณสามารถใช้ Google 763 00:34:34,086 --> 00:34:36,210 และทำไมเราไม่เพียง เสนอว่าคุณพยายามที่จะแก้ปัญหา 764 00:34:36,210 --> 00:34:38,710 อย่างน้อยหนึ่งปัญหาเฉพาะที่นี่ 765 00:34:38,710 --> 00:34:45,090 ดังนั้นในแง่ของแท็ก ให้ฉันนำมาใช้ใหม่ได้ที่นี่ 766 00:34:45,090 --> 00:34:48,280 >> ที่จริงให้ฉันใส่ มันในรูปแบบต้นฉบับเดิม 767 00:34:48,280 --> 00:35:02,380 สมมติว่าในหมู่แท็กเราอาจจะ ใช้ที่นี่เป็นแท็กบางกว่าที่นี่ 768 00:35:02,380 --> 00:35:06,090 เราได้เห็นแท็กวรรค 769 00:35:06,090 --> 00:35:07,850 ตอนนี้มันเป็นไปอัตโนมัติสมบูรณ์ 770 00:35:07,850 --> 00:35:12,220 แท็กวรรคแท็กสมอ 771 00:35:12,220 --> 00:35:15,250 สมมติว่าคุณต้องการที่จะ ทำอะไรบางอย่างที่ใหญ่กว่า 772 00:35:15,250 --> 00:35:19,480 ดังนั้นคุณอาจ like-- แท็กช่วงสามารถช่วย 773 00:35:19,480 --> 00:35:23,010 ดีคุณอาจต้องการความช่วยเหลือบางส่วน สำหรับว่าในสักครู่ 774 00:35:23,010 --> 00:35:24,830 เราได้เห็น div 775 00:35:24,830 --> 00:35:26,170 คุณจะเห็นมีตาราง 776 00:35:26,170 --> 00:35:27,928 มีสิ่งที่เรียกว่า 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 กลับไปยังที่มาในช่วงเวลาที่ 780 00:35:34,770 --> 00:35:36,590 สิ่งที่คนอื่นอาจจะมีประโยชน์? 781 00:35:36,590 --> 00:35:38,310 มีความแข็งแรง 782 00:35:38,310 --> 00:35:43,640 มีความสำคัญหรือค่อนข้าง em 783 00:35:43,640 --> 00:35:50,110 There's-- สิ่งอื่น คุณอาจจะอยากอยู่ที่นี่? 784 00:35:50,110 --> 00:35:51,930 ดีที่เราจะใช้เวลา ดูร่วมกันว่า 785 00:35:51,930 --> 00:35:53,230 รูปแบบที่เราเคยเห็น 786 00:35:53,230 --> 00:35:54,130 มีรูปแบบเป็น 787 00:35:54,130 --> 00:35:56,500 มีการป้อนข้อมูลและอื่น ๆ ไม่กี่เรื่อง 788 00:35:56,500 --> 00:35:58,924 789 00:35:58,924 --> 00:36:00,090 ขวาทั้งหมดเพื่อให้ทำเช่นนี้ 790 00:36:00,090 --> 00:36:02,330 ที่จะตอบวิกตอเรีย คำถามให้ฉันก่อน 791 00:36:02,330 --> 00:36:05,020 เพียงให้แน่ใจว่าทุกคนมีความ สามารถที่จะได้รับการทำงานของพวกเขาทักทาย 792 00:36:05,020 --> 00:36:06,900 จากนั้นให้ฉันแนะนำ คู่ความคิดอื่น ๆ 793 00:36:06,900 --> 00:36:09,209 แล้วเราจะปล่อยให้คนแก้ ปัญหาบางอย่างได้ด้วยตัวเอง 794 00:36:09,209 --> 00:36:11,500 จากนั้นเราจริงจะกลับมา กับความคิดของฟอร์มที่ 795 00:36:11,500 --> 00:36:14,950 และเราจะเป็นจริงอีกครั้งใช้ ร่วมกันอินเตอร์เฟซแบบ Front-end, 796 00:36:14,950 --> 00:36:16,450 เพื่อที่จะพูดสำหรับ Google เอง 797 00:36:16,450 --> 00:36:19,700 เราจะใช้ Google เป็นปลายด้านหลังและปล่อยให้ พวกเขาจะทำงานหนักในการค้นหา 798 00:36:19,700 --> 00:36:22,760 แต่เราจะสร้างปลายด้านหน้า ของ Google และแบบฟอร์มการค้นหา 799 00:36:22,760 --> 00:36:24,520 ว่าพวกเขามีในหน้าแรกของตัวเอง 800 00:36:24,520 --> 00:36:27,050 และเพื่อให้เราจะได้กลับมา แท็กเหล่านี้เพียงสักครู่ 801 00:36:27,050 --> 00:36:30,270 >> ดังนั้นนี่คือสิ่งที่ผม เสนอสักครู่ที่ผ่านมา 802 00:36:30,270 --> 00:36:33,940 เราสามารถเพิ่ม stylization ไปยัง หน้าภายในของแท็กรูปแบบนี้ 803 00:36:33,940 --> 00:36:36,950 และเราสามารถปรับสไตล์พื้นหลัง สีการจัดตำแหน่งข้อความ 804 00:36:36,950 --> 00:36:39,000 ไม่ว่าจะเป็นศูนย์หรือทางซ้ายหรือขวา 805 00:36:39,000 --> 00:36:41,630 แต่อย่างรวดเร็วคุณจะ หาหรือนักออกแบบเว็บไซต์ 806 00:36:41,630 --> 00:36:44,060 จะพบว่า กลายเป็นเทอะทะเล็กน้อย 807 00:36:44,060 --> 00:36:48,330 เพราะคุณกำลังทำในสิ่งที่เป็น เรียกว่าเนื้อหาผสม 808 00:36:48,330 --> 00:36:50,120 ด้วยการนำเสนอดังกล่าว 809 00:36:50,120 --> 00:36:53,756 คุณกำลังผสมข้อมูลของคุณ และความสวยงามของมัน 810 00:36:53,756 --> 00:36:56,380 และในความเป็นจริงถ้าคุณพิจารณา สิ่งที่จะเกิดขึ้นในช่วง time-- 811 00:36:56,380 --> 00:36:58,350 นี้มีขนาดเล็กมาก หน้าเว็บของหลักสูตร 812 00:36:58,350 --> 00:37:01,590 แต่ถ้าเราเพิ่มเนื้อหาในหน้านี้ และผมเพิ่มรูปแบบไปยังหน้านี้ 813 00:37:01,590 --> 00:37:04,650 หน้าอย่างรวดเร็วได้รับ อีกต่อไปและอีกต่อไปและอีกต่อไป 814 00:37:04,650 --> 00:37:07,510 และคิดว่าฉันต้องการ มีหน้าเว็บที่สองที่ 815 00:37:07,510 --> 00:37:09,010 หุ้นบางส่วนของคุณสมบัติเหล่านี้ 816 00:37:09,010 --> 00:37:12,350 สมมติว่าหน้าเว็บของฉันที่สองสำหรับฉัน site-- ยังผมต้องการที่ศูนย์ทุกอย่าง 817 00:37:12,350 --> 00:37:14,960 และฉันยังต้องการทุกอย่าง กับพื้นหลังสีเขียว 818 00:37:14,960 --> 00:37:17,940 ผมสวยมากจะต้อง คัดลอกและวางบางส่วนของเส้นเหล่านี้ 819 00:37:17,940 --> 00:37:20,730 เข้าว่าไฟล์ที่สองซึ่งให้ความรู้สึกที่ดี 820 00:37:20,730 --> 00:37:22,030 มันจะแก้ปัญหาได้ 821 00:37:22,030 --> 00:37:26,060 >> แต่สิ่งที่ถ้าฉันต้องการหน้าสาม หรือหน้าวันที่ 30 หรือ 40 ปีหน้า? 822 00:37:26,060 --> 00:37:28,730 ตอนนี้ผมกำลังจะได้รับการคัดลอกและ วางมากรหัสที่ซ้ำกัน 823 00:37:28,730 --> 00:37:30,430 ในหลายไฟล์ 824 00:37:30,430 --> 00:37:32,600 และอื่น ๆ คิดว่า ฉันตัดสินใจหรือผมบอกว่า 825 00:37:32,600 --> 00:37:34,780 เดี๋ยวก่อนเราไม่ได้ใช้ พื้นหลังสีเขียวอีกต่อไป 826 00:37:34,780 --> 00:37:36,380 เรากำลังจะเริ่มใช้สีส้ม 827 00:37:36,380 --> 00:37:38,690 คุณมีอะไรที่จะเปลี่ยน? 828 00:37:38,690 --> 00:37:42,900 ทางที่ดีคุณต้องเปลี่ยนสไตล์ที่ จากสีเขียวเป็นสีส้มในวิธีการที่หลายสถานที่? 829 00:37:42,900 --> 00:37:44,920 เช่น 30 หรือ 40 ตำแหน่ง 830 00:37:44,920 --> 00:37:45,900 มันน่าเบื่อ 831 00:37:45,900 --> 00:37:47,039 มันมีแนวโน้มที่จะเกิดข้อผิดพลาด 832 00:37:47,039 --> 00:37:49,580 มีเหตุผลหลายประการคือ ที่คุณจะไม่ต้องการที่จะทำให้เกิด 833 00:37:49,580 --> 00:37:51,840 ชนิดของความเจ็บปวดที่สำหรับตัวคุณเอง 834 00:37:51,840 --> 00:37:54,760 ดังนั้นมันจะไม่ดี ถ้าเราสามารถนำสิ่งที่ฉันเพียงแค่ 835 00:37:54,760 --> 00:37:58,240 ใส่ระหว่างทั้งสองสีเหลือง แท็ก, แท็กสไตล์เหล่านี้ 836 00:37:58,240 --> 00:38:04,050 ปัจจัยที่ออกและใส่ทั้งหมดของฉัน stylization ลงในไฟล์หนึ่งกลาง 837 00:38:04,050 --> 00:38:08,470 ว่าทุก 30 หรือ 40 ไฟล์อื่น ๆ ของฉัน ยืมจากหรืออย่างใดอ้างอิง 838 00:38:08,470 --> 00:38:11,640 ไม่แตกต่างจากเครือข่าย แผนภาพที่เรากำลังทำมาก่อนหรือไม่ 839 00:38:11,640 --> 00:38:15,030 >> ดังนั้นถ้าเราไปในที่นี่ผม จะนำเสนอจริง 840 00:38:15,030 --> 00:38:17,880 ว่าเรามาแทนที่ แท็กรูปแบบที่มีบางสิ่งบางอย่าง 841 00:38:17,880 --> 00:38:21,620 ที่เรียกว่าแท็ก link ซึ่ง เป็นที่น่ากลัวชื่อน่ากลัว 842 00:38:21,620 --> 00:38:24,370 เพราะคุณไม่ได้ใช้ แท็กเชื่อมโยงไปสร้างสิ่งที่ 843 00:38:24,370 --> 00:38:26,380 มนุษย์เรารู้ว่าเป็นลิงก์ในหน้าเว็บ 844 00:38:26,380 --> 00:38:29,750 เพื่อที่คุณจะใช้งานง่ายซึ่งแท็ก? 845 00:38:29,750 --> 00:38:31,464 คุณจะสร้างการเชื่อมโยงในหน้าเว็บหรือไม่? 846 00:38:31,464 --> 00:38:32,130 ผู้ชม: ที่ผู้ 847 00:38:32,130 --> 00:38:34,870 เดวิดเจลัน: A, หรือสมอ แท็กที่ไปดิสนีย์ก่อน 848 00:38:34,870 --> 00:38:39,090 แท็ก link ที่นี่ไม่ว่าจะเป็น การเชื่อมโยงไปยังแฟ้ม this-- ที่เรียกว่า 849 00:38:39,090 --> 00:38:44,350 styles.css ความสัมพันธ์ที่ เป็นไปได้ว่ามันเป็นสไตล์ชีทของฉัน 850 00:38:44,350 --> 00:38:48,290 ดังนั้นนี่คือหนึ่งใน S ใน สไตล์ชี cascading CSS-- 851 00:38:48,290 --> 00:38:50,490 สไตล์ sheet-- สอง S ของใน CSS 852 00:38:50,490 --> 00:38:52,550 สไตล์ชีต Cascading 853 00:38:52,550 --> 00:38:58,640 เพียงแค่นี้ก็หมายความว่า Hey, เบราว์เซอร์ไป พบ styles.css บนเซิร์ฟเวอร์ท้องถิ่น 854 00:38:58,640 --> 00:39:01,870 และใช้เป็นสไตล์ชีตของคุณ ซึ่งหมายความว่าภายในของแฟ้มที่ 855 00:39:01,870 --> 00:39:05,310 เป็นไปได้ทั้งหมดของ stylizations ว่าเราได้ทำเพียงแค่ 856 00:39:05,310 --> 00:39:07,396 และเพื่อให้สิ่งที่แฟ้มที่ อาจมีลักษณะเช่นนี้มี 857 00:39:07,396 --> 00:39:10,020 และฉันก็จะทำเช่นนี้เป็นวิธีที่รวดเร็ว เช่นเพราะเราไม่จำเป็นต้อง 858 00:39:10,020 --> 00:39:12,000 ที่จะได้รับมากเกินไปในวัชพืชที่นี่ 859 00:39:12,000 --> 00:39:17,840 แต่ถ้าผมคัดลอกนี้สิ่งที่ผมเสนอ คือว่าโปรแกรมสร้างไฟล์ใหม่ 860 00:39:17,840 --> 00:39:24,450 วางใน lines-- เหล่านั้น whoops-- วางในสายนั้น 861 00:39:24,450 --> 00:39:32,270 บันทึกเป็น styles.css แล้วใน ไฟล์อื่น ๆ ลบทุกที่ 862 00:39:32,270 --> 00:39:35,450 และแทนที่มันแทน ที่มีแท็กที่ลิงค์นี้ 863 00:39:35,450 --> 00:39:43,090 เพื่อที่ว่าถ้าฉันเชื่อมโยง href = "styles.css" ความสัมพันธ์จะเป็น "สไตล์ชีต" 864 00:39:43,090 --> 00:39:44,170 ใกล้แท็ก 865 00:39:44,170 --> 00:39:45,250 บันทึก 866 00:39:45,250 --> 00:39:47,000 กลับไปที่ HelloWorld ของฉัน 867 00:39:47,000 --> 00:39:48,690 โหลด 868 00:39:48,690 --> 00:39:51,290 >> แท้จริงไม่มีอะไรเกิดขึ้น 869 00:39:51,290 --> 00:39:54,710 นั่นเป็นสิ่งที่ดีเพราะมัน หมายความว่ามันเป็นจริงการทำงานทั้งหมด 870 00:39:54,710 --> 00:39:58,860 เพื่อพิสูจน์ว่าเป็นมากคิดว่าฉันทำ พิมพ์ผิดและฉันเรียกสิ่งนี้ว่า "Styles.css" 871 00:39:58,860 --> 00:40:03,080 มีทุน S ซึ่งเป็น ไม่ถูกต้องและแล้วโหลด 872 00:40:03,080 --> 00:40:05,470 ตอนนี้คุณสามารถเห็นมันก็ไม่ทำงาน 873 00:40:05,470 --> 00:40:06,362 ตอนนี้ทำไม? 874 00:40:06,362 --> 00:40:08,070 ดีขอใช้ เทคนิคจากก่อนหน้านี้ 875 00:40:08,070 --> 00:40:10,153 ให้ฉันไปข้างหน้าและใน เบราว์เซอร์ของฉันใน Chrome ฉัน 876 00:40:10,153 --> 00:40:12,900 จะเปิดขึ้นที่พิเศษ แท็บเครือข่ายเป็นมาก่อน 877 00:40:12,900 --> 00:40:15,560 และแจ้งให้เราโหลดหน้าเว็บ 878 00:40:15,560 --> 00:40:19,341 สิ่งที่คุณไม่ได้มีความแปลกใจที่เห็นตอนนี้หรือไม่ 879 00:40:19,341 --> 00:40:20,840 หรือบางทีคุณประหลาดใจที่จะเห็นมัน 880 00:40:20,840 --> 00:40:23,225 ทั้งสองวิธีทำในสิ่งที่คุณเห็นในตอนนี้? 881 00:40:23,225 --> 00:40:24,100 ผู้ชม: [ไม่ได้ยิน] 882 00:40:24,100 --> 00:40:24,770 เดวิดเจลัน: มันไม่พบ 883 00:40:24,770 --> 00:40:25,680 เพราะเหตุใดจึงไม่พบ? 884 00:40:25,680 --> 00:40:28,480 ดีทุน Styles.css-- S-- ไม่อยู่ 885 00:40:28,480 --> 00:40:29,230 ผมเรียกไม่ถูกมัน 886 00:40:29,230 --> 00:40:30,430 typo ง่าย 887 00:40:30,430 --> 00:40:33,816 แต่ฉันได้รับความเข้าใจในขณะนี้ 404 เพราะเซิร์ฟเวอร์จะบอกว่าเดี๋ยวก่อน 888 00:40:33,816 --> 00:40:34,440 ก็ไม่พบ 889 00:40:34,440 --> 00:40:36,300 แท้จริงผมไม่ทราบว่า ที่ไฟล์ที่เป็น 890 00:40:36,300 --> 00:40:38,880 ดังนั้นเป็นผลให้เบราว์เซอร์ แสดงให้คุณเห็นสิ่งที่มันสามารถจะทำได้ 891 00:40:38,880 --> 00:40:42,860 เนื้อหาดิบของหน้า ซึ่งเป็น 200, HTML ได้ 892 00:40:42,860 --> 00:40:45,390 แต่ stylization ไม่สามารถ หลังจากนั้นจะมีการเพิ่ม 893 00:40:45,390 --> 00:40:47,120 และนี่คือสิ่งที่หมายโดย Cascading 894 00:40:47,120 --> 00:40:49,070 การจัดเรียงของคุณสามารถเพิ่ม หลังจากและการเรียงลำดับของ 895 00:40:49,070 --> 00:40:50,874 กลั่นความสวยงามของหน้าเว็บ 896 00:40:50,874 --> 00:40:53,790 และคุณยังสามารถแทนที่เหล่านั้น รูปแบบไฟล์สไตล์ชีต ๆ อื่น ๆ 897 00:40:53,790 --> 00:40:54,700 ถ้าคุณต้องการ. 898 00:40:54,700 --> 00:40:57,780 มันไม่ได้พบ แต่ในกรณีนี้ เพราะแน่นอนผมเรียกไม่ถูกมัน 899 00:40:57,780 --> 00:41:00,330 ดังนั้นผมจึงจะต้องมีการแก้ไขปัญหาที่แรก 900 00:41:00,330 --> 00:41:04,667 >> ดังนั้นขอให้ไปข้างหน้าและ นำเสนอต่อไปนี้ 901 00:41:04,667 --> 00:41:07,410 902 00:41:07,410 --> 00:41:11,140 Let 's ไปข้างหน้าและทำเช่นนี้ 903 00:41:11,140 --> 00:41:14,220 บางทีอาจจะเริ่มต้นด้วย ไฟล์ HelloWorld ของคุณ 904 00:41:14,220 --> 00:41:17,740 ให้ฉันเพียงแค่เชิญคู่ ของมีข้อเสนอแนะ 905 00:41:17,740 --> 00:41:20,400 ดังนั้นวิกตอเรียคุณต้องการ ทำให้ข้อความบางอย่างที่ใหญ่กว่าใช่มั้ย? 906 00:41:20,400 --> 00:41:24,555 ทั้งหมดขวาเพื่อให้เราสามารถ จะทำให้ข้อความที่ใหญ่กว่า 907 00:41:24,555 --> 00:41:26,860 และเราแต่ละคนจะถอนออก เป็นเพียงปัญหาหนึ่งที่จะแก้ปัญหา 908 00:41:26,860 --> 00:41:30,867 ทำให้ข้อความที่ใหญ่กว่า 909 00:41:30,867 --> 00:41:32,700 ฉันจะไม่ไปรบกวน เขียนนี้เมื่อเรา 910 00:41:32,700 --> 00:41:35,600 มีเทคโนโลยีที่เหมาะสมกระสุนมากกว่าที่นี่ 911 00:41:35,600 --> 00:41:39,970 ดังนั้นปัญหาบางอย่าง 912 00:41:39,970 --> 00:41:44,670 ดังนั้นเราจะพยายาม เพื่อให้ข้อความที่ใหญ่กว่า 913 00:41:44,670 --> 00:41:45,170 ก็ดี 914 00:41:45,170 --> 00:41:48,360 สิ่งที่คนอื่นจะเสนอ? 915 00:41:48,360 --> 00:41:50,332 อะไรที่เราอาจต้องการ จะทำอย่างไรในหน้าเว็บหรือไม่ 916 00:41:50,332 --> 00:41:52,040 ลองมากับ รายชื่อของสิ่ง 917 00:41:52,040 --> 00:41:55,366 และจากนั้นตัวแทนไป กลุ่มที่จะคิดออก 918 00:41:55,366 --> 00:41:56,270 >> ผู้ชม: [ไม่ได้ยิน] 919 00:41:56,270 --> 00:42:02,251 >> เดวิดเจลัน: OK ข้อความตำแหน่ง ในด้านที่แตกต่างกันของหน้า? 920 00:42:02,251 --> 00:42:02,750 ก็ดี 921 00:42:02,750 --> 00:42:04,620 อื่น ๆ อีก. 922 00:42:04,620 --> 00:42:05,784 >> ผู้ชม: [ไม่ได้ยิน] 923 00:42:05,784 --> 00:42:06,700 เดวิดเจลัน: มันเป็น 924 00:42:06,700 --> 00:42:08,720 ดังนั้น GIF เป็นเพียง รูปแบบไฟล์ที่แตกต่างกัน 925 00:42:08,720 --> 00:42:12,830 เราเพียงแค่ใช้สิ่งที่เป็น PNG หรือ JPG อาจ? 926 00:42:12,830 --> 00:42:14,480 เราใช้ไฟล์ JPG 927 00:42:14,480 --> 00:42:16,780 ถ้าคุณอยากรู้ที่มากเกินไป ตอบคำถามของคุณ 928 00:42:16,780 --> 00:42:19,404 เป็น JPG โดยทั่วไปจะใช้สำหรับ ภาพเพราะสนับสนุน 929 00:42:19,404 --> 00:42:21,500 ล้านสีหรือสี 24 บิต 930 00:42:21,500 --> 00:42:26,930 GIF ไฟล์ที่ใช้โดยทั่วไปชอบ, อินเทอร์เน็ตมีมเหล่านี้ภาพเคลื่อนไหว days--, 931 00:42:26,930 --> 00:42:28,810 GIF ภาพเคลื่อนไหวเช่น 932 00:42:28,810 --> 00:42:32,320 แต่มันเกิดขึ้นที่จะใช้สีที่มีขนาดเล็ก จานเพียง 256 สีที่เป็นไปได้ 933 00:42:32,320 --> 00:42:35,230 แต่สนับสนุน ความโปร่งใสและภาพเคลื่อนไหว 934 00:42:35,230 --> 00:42:40,330 แล้วมี PNG ซึ่งสนับสนุน โปร่งใสและสีมากขึ้น 935 00:42:40,330 --> 00:42:41,300 แต่ไม่นิเมชั่น 936 00:42:41,300 --> 00:42:42,133 ดังนั้นจึงเป็นค้าปิด 937 00:42:42,133 --> 00:42:44,144 938 00:42:44,144 --> 00:42:46,060 ดังนั้นการเพิ่ม GIF แม้ว่า จะเป็นหน้าที่ 939 00:42:46,060 --> 00:42:48,396 เทียบเท่ากับการเพิ่ม PNG หรือไฟล์ JPG 940 00:42:48,396 --> 00:42:49,110 ใช่. 941 00:42:49,110 --> 00:42:50,550 ที่มาของภาพเท่ากับ 942 00:42:50,550 --> 00:42:51,590 ดังนั้นสิ่งอื่น 943 00:42:51,590 --> 00:42:57,288 ลองมากับสิ่งที่ เราส่งไปวิกตอเรียจะทำที่นี่ 944 00:42:57,288 --> 00:42:59,209 >> ผู้ชม: เพ​​ิ่มปุ่มสำหรับฟอร์ม 945 00:42:59,209 --> 00:43:00,000 เดวิดเจลัน: OK 946 00:43:00,000 --> 00:43:02,179 ดังนั้นเพิ่มปุ่มสำหรับฟอร์ม 947 00:43:02,179 --> 00:43:03,470 และเราจะทำอย่างใดอย่างหนึ่งร่วมกัน 948 00:43:03,470 --> 00:43:07,220 เพื่อที่จะทำต่อที่สมบูรณ์แบบ ทันทีหลังจากที่ท้าทายนี้ 949 00:43:07,220 --> 00:43:10,357 อะไรอีกหรือไม่ 950 00:43:10,357 --> 00:43:11,440 สิ่งที่คุณอาจต้องการทำอะไร? 951 00:43:11,440 --> 00:43:14,040 952 00:43:14,040 --> 00:43:16,516 เว็บ underwhelming รู้สึกมาก ถ้านี่เป็นสิ่งที่เราสามารถทำได้ 953 00:43:16,516 --> 00:43:18,140 ผู้ชม: เปลี่ยนสีของข้อความ 954 00:43:18,140 --> 00:43:19,500 เดวิดเจลัน: เปลี่ยนอะไร? 955 00:43:19,500 --> 00:43:20,666 ผู้ชม: สีของข้อความ 956 00:43:20,666 --> 00:43:22,311 เดวิดเจลัน: การเปลี่ยนแปลงสีของข้อความ 957 00:43:22,311 --> 00:43:22,810 ก็ดี 958 00:43:22,810 --> 00:43:23,790 ดังนั้นขอทำเช่นนี้ 959 00:43:23,790 --> 00:43:27,209 เพียงแค่อีกครั้งเพื่อที่คุณไม่ได้เพียงแค่ โดยการท่องจำทำสิ่งที่ฉันทำ 960 00:43:27,209 --> 00:43:29,500 ฉันจะเปิดเพลง สำหรับอาจจะห้านาทีที่นี่ 961 00:43:29,500 --> 00:43:30,450 คุณสามารถใช้ Google 962 00:43:30,450 --> 00:43:33,130 คุณสามารถถามฉันและ ฉันจะกระซิบคำใบ้ในหูของคุณ 963 00:43:33,130 --> 00:43:35,171 เรายินดีให้คุณดู ไปบนไหล่อื่น ๆ 964 00:43:35,171 --> 00:43:37,340 แต่แก้เพียงหนึ่งในปัญหาเหล​​่านี้ 965 00:43:37,340 --> 00:43:40,190 แต่เราจะทำอย่างใดอย่างหนึ่งที่ผ่านมา รูปแบบหนึ่งถ้าเราสามารถร่วมกัน 966 00:43:40,190 --> 00:43:42,790 ดังนั้นห้านาทีในการแก้ปัญหา หนึ่งในปัญหาเหล​​่านี้ 967 00:43:42,790 --> 00:43:46,780 โดยใช้ Google ปรีชาหรือใด ๆ วิธีการอื่น ๆ ที่มีให้คุณ 968 00:43:46,780 --> 00:43:48,630 >> [เสียงเพลง] 969 00:43:48,630 --> 00:43:49,130 ก็ดี 970 00:43:49,130 --> 00:43:50,838 ไม่ต้องกังวลถ้าคุณต้องการ เพื่อให้ tinkering, 971 00:43:50,838 --> 00:43:53,880 แต่ฉันจะทำให้เสียคู่ คำตอบเหล่านี้ 972 00:43:53,880 --> 00:43:57,986 ดังนั้นคำแนะนำแรกจาก วิคตอเรียคือการทำให้ข้อความที่ใหญ่กว่า 973 00:43:57,986 --> 00:43:59,360 ดังนั้นจึงมีกี่วิธีที่จะทำเช่นนี้ 974 00:43:59,360 --> 00:44:01,530 ฉันได้รับการบูรณะในขณะนี้ หน้าจอของฉันขนาดนี้ 975 00:44:01,530 --> 00:44:04,310 แม้ว่าฉันได้ซูม เทียมเพียงเพื่อดูสิ่งที่ 976 00:44:04,310 --> 00:44:07,470 และขอให้ทำเช่นนี้ 977 00:44:07,470 --> 00:44:11,380 ให้ฉันไปข้างหน้าและคว้า บางข้อความภาษาละตินทั่วไป 978 00:44:11,380 --> 00:44:19,540 เพียงเพื่อให้เรามีสิ่งที่จะทำงานร่วมกับ 979 00:44:19,540 --> 00:44:20,715 เพื่อให้ฉันเป็นเพียงแค่ช่วงเวลาหนึ่ง 980 00:44:20,715 --> 00:44:21,840 ฉันจะทำให้สามย่อหน้า 981 00:44:21,840 --> 00:44:53,430 982 00:44:53,430 --> 00:44:53,930 ตกลง. 983 00:44:53,930 --> 00:44:55,560 นี้จะเป็นตัวอย่างที่ดี 984 00:44:55,560 --> 00:44:57,840 ดังนั้นสำหรับอยากรู้อยากเห็นใน hello.html ของฉันฉันเพียงแค่ 985 00:44:57,840 --> 00:45:01,645 วางสามไร้สาระ ย่อหน้าละติน 986 00:45:01,645 --> 00:45:03,270 เพียงเพื่อให้เรามีข้อความบางส่วนที่จะทำงานกับ 987 00:45:03,270 --> 00:45:06,720 และเป้าหมายของวิคตอเรียคือการ ทำให้บางส่วนของข้อความที่ใหญ่กว่า 988 00:45:06,720 --> 00:45:09,879 ดังนั้นฉันจะเป็นก่อนที่จะไปในที่ที่นี่ 989 00:45:09,879 --> 00:45:11,170 และให้ฉันทำมันทางขวา 990 00:45:11,170 --> 00:45:13,253 ฉันจะมีการเชื่อมโยง แท็กที่ชี้ไปยังแฟ้ม 991 00:45:13,253 --> 00:45:20,560 เรียกว่า "styles.css" ความสัมพันธ์ ซึ่งเป็นอีกครั้งที่ "สไตล์ชีต." 992 00:45:20,560 --> 00:45:25,221 แล้วฉันจะบันทึกว่า และเปิดนี้ "styles.css." 993 00:45:25,221 --> 00:45:28,940 >> ดังนั้นเมื่อก่อนผมมี ความสามารถในไฟล์ CSS นี้ 994 00:45:28,940 --> 00:45:31,569 จริงแทนที่ค่าเริ่มต้น ความสวยงามของหน้าเว็บ 995 00:45:31,569 --> 00:45:33,860 และความงามเริ่มต้น แน่นอนน่าเบื่อสวย 996 00:45:33,860 --> 00:45:36,943 มันเรียงลำดับของขนาดตัวอักษรปกติสีดำ ข้อความพื้นหลังสีขาวและอื่น ๆ 997 00:45:36,943 --> 00:45:39,440 ดังนั้นคิดว่าฉันต้องการที่จะทำให้ ข้อความทั้งหมดนี้มีขนาดใหญ่ 998 00:45:39,440 --> 00:45:40,460 ฉันจะทำบางสิ่ง 999 00:45:40,460 --> 00:45:43,750 ในแฟ้ม styles.css ของฉันฉัน อาจจะบอกว่าคุณรู้ว่าสิ่งที่ 1000 00:45:43,750 --> 00:45:46,950 นำไปใช้ต่อไปนี้ ร่างกายของหน้าเว็บ 1001 00:45:46,950 --> 00:45:51,390 ไปข้างหน้าและทำให้ ขนาดตัวอักษร 24 คะแนน 1002 00:45:51,390 --> 00:45:54,130 ซึ่งเป็นตัวเลขที่ผมอาจจะ ใช้ใน Microsoft Word 1003 00:45:54,130 --> 00:45:57,620 ให้ฉันกลับไปที่เว็บของฉัน หน้านี่และโหลด 1004 00:45:57,620 --> 00:45:59,640 และคุณสามารถเห็นได้ว่า มันมีอยู่แล้วที่ยิ่งใหญ่กว่า 1005 00:45:59,640 --> 00:46:02,223 และเราสามารถได้รับน้อยบ้า เช่นเดียวกับที่เราทำได้ใน desktop-- 1006 00:46:02,223 --> 00:46:03,670 ทำให้มัน 96 จุด 1007 00:46:03,670 --> 00:46:04,950 โหลด 1008 00:46:04,950 --> 00:46:07,610 และจะได้รับเพียงเล็กน้อย เทอะทะที่จุดนี้ 1009 00:46:07,610 --> 00:46:09,500 >> แต่ผมอาจจะเป็นเพียงเล็กน้อยที่แม่นยำมากขึ้น 1010 00:46:09,500 --> 00:46:14,530 แทนที่จะใช้นี้ สไตล์ชีตให้กับร่างกายของหน้าของฉัน 1011 00:46:14,530 --> 00:46:21,740 อะไรที่ฉันอาจจะนำมันไปใช้แทน สิ่งที่แท็กอื่น ๆ ที่อาจจะยังคง 1012 00:46:21,740 --> 00:46:25,445 ฟังก์ชั่นในลักษณะเดียวกันได้หรือไม่ 1013 00:46:25,445 --> 00:46:26,444 >> ผู้ชม: แท็ก P หรือไม่ 1014 00:46:26,444 --> 00:46:27,360 เดวิดเจลัน: Tag P 1015 00:46:27,360 --> 00:46:29,350 ดังนั้นหัวจะไม่เป็น ที่ถูกต้องเพราะหัว 1016 00:46:29,350 --> 00:46:31,300 คุณไม่สามารถจริง ควบคุมความงามของ 1017 00:46:31,300 --> 00:46:32,700 มีข้อความอย่างใดอย่างหนึ่งอยู่ที่นั่นหรือไม่ 1018 00:46:32,700 --> 00:46:36,760 แต่พี tag-- ฉันสามารถดำน้ำในเล็ก ๆ น้อย ๆ ลึกเพื่อที่จะพูดวรรค 1019 00:46:36,760 --> 00:46:37,350 แท็ก 1020 00:46:37,350 --> 00:46:41,600 และแม้ว่าจะมีสาม ที่สมบูรณ์ดีเพราะใน CSS, 1021 00:46:41,600 --> 00:46:44,900 เมื่อฉันเพียงแค่พูดว่า "P" นี้ หมายถึงการใช้ความต่อไปนี้ 1022 00:46:44,900 --> 00:46:48,300 ไปยังแท็กที่ตรงนี้ เลือก, เลือกเพียง 1023 00:46:48,300 --> 00:46:49,430 เป็นชื่อของแท็ก 1024 00:46:49,430 --> 00:46:52,350 ดังนั้นทุกที่ที่คุณเห็น "P" ใช้ขนาดตัวอักษร 1025 00:46:52,350 --> 00:46:55,222 และขอให้มันมากขึ้น ที่เหมาะสม again-- 24 จุด 1026 00:46:55,222 --> 00:46:56,930 และคุณรู้ว่าสิ่งที่ เพียงสำหรับการวัดที่ดี 1027 00:46:56,930 --> 00:46:59,810 ขอให้สี เพียงแค่สีแดงในขณะนี้ 1028 00:46:59,810 --> 00:47:03,740 และตอนนี้ถ้าผมโหลดตอนนี้เรา เห็นสามย่อหน้าน่าเกลียด 1029 00:47:03,740 --> 00:47:07,180 >> แต่ตอนนี้คิดว่าฉันจัดเรียง of-- ฉันต้องการวรรคแรก 1030 00:47:07,180 --> 00:47:08,210 ที่จะกระโดดออกจากที่ผู้ใช้ 1031 00:47:08,210 --> 00:47:11,150 ฉันไม่ได้ต้องการเพียงแค่เพิ่ม ขนาดตัวอักษรของทุกอย่าง 1032 00:47:11,150 --> 00:47:16,105 และอื่น ๆ ที่จริงผมต้องการที่จะระบุตัวตนหรือ เห็นความแตกต่างในหมู่ย่อหน้านี้ 1033 00:47:16,105 --> 00:47:18,730 ดังนั้นขอให้ได้รับการกำจัดของสีแดง เพราะนั่นเป็นเพียงแค่ชนิดของไม่มีรสนิยมที่ดี 1034 00:47:18,730 --> 00:47:23,885 และขอให้ไปข้างหน้าและทำให้ ขนาดตัวอักษร 12 จุดโดยค่าเริ่มต้น 1035 00:47:23,885 --> 00:47:26,260 เพื่อที่เราจะกลับไปที่บางสิ่งบางอย่าง เล็ก ๆ น้อย ๆ ที่เหมาะสม 1036 00:47:26,260 --> 00:47:29,190 และตอนนี้ผมแค่อยากจะเพิ่ม ขนาดตัวอักษรของย่อหน้าแรก 1037 00:47:29,190 --> 00:47:31,440 ฉันสามารถทำเช่นนี้ในไม่กี่ วิธี แต่วิธีหนึ่งที่เป็น 1038 00:47:31,440 --> 00:47:37,180 บางทีการเรียนการสอนมากที่สุดที่ ช่วงเวลาที่จะทำต่อไปนี้ 1039 00:47:37,180 --> 00:47:43,280 ให้ฉันไปข้างหน้าและพูดนี้ วรรคมีรหัสเฉพาะของ "ครั้งแรก." 1040 00:47:43,280 --> 00:47:45,000 ฉันจะเรียกอะไรฉันต้องการ 1041 00:47:45,000 --> 00:47:46,874 ฉันจะเรียกสิ่งนี้ว่า "ฟู" หรือคำอื่น ๆ 1042 00:47:46,874 --> 00:47:49,290 แต่ฉันจะให้มันบาง ชื่อที่มีความหมายความหมาย 1043 00:47:49,290 --> 00:47:50,320 เช่น "ครั้งแรก." 1044 00:47:50,320 --> 00:47:54,790 นี่คือตัวระบุที่ไม่ซ้ำกัน รหัสสำหรับวรรคแรกของฉัน 1045 00:47:54,790 --> 00:47:59,360 >> ตอนนี้สิ่งที่ฉันสามารถทำได้ในสไตล์ชีตของฉัน คือจะเป็นเพียงเล็กน้อยที่แม่นยำมากขึ้น 1046 00:47:59,360 --> 00:48:02,330 แทนที่จะพูดว่าใช้ ต่อไปนี้ไปยังแท็ก P ที่ 1047 00:48:02,330 --> 00:48:04,890 ฉันสามารถพูด following-- นำไปใช้ต่อไปนี้ 1048 00:48:04,890 --> 00:48:11,000 หรือเลือกองค์ประกอบของ HTM​​L ที่มีรหัสเฉพาะของ "ครั้งแรก." 1049 00:48:11,000 --> 00:48:12,350 อะไรที่ฉันต้องการที่จะนำไปใช้กับมันได้หรือไม่ 1050 00:48:12,350 --> 00:48:15,250 ขนาดตัวอักษร 24 จุด 1051 00:48:15,250 --> 00:48:16,640 ดังนั้นผมจึงมีสองเตอร์ในขณะนี้ 1052 00:48:16,640 --> 00:48:19,690 หนึ่งที่ทำให้ทั้งหมดของ ย่อหน้า 12 จุด 1053 00:48:19,690 --> 00:48:24,960 แต่คนนี้โดยเฉพาะอย่างยิ่งตั้งแต่มันมา second-- มันมาสุดท้ายใน file-- 1054 00:48:24,960 --> 00:48:27,090 นี้มีผลซ้อน 1055 00:48:27,090 --> 00:48:30,200 ผมได้ทำเพียงแค่ทั้งหมดของฉัน แท็กวรรค 12 จุด 1056 00:48:30,200 --> 00:48:34,350 แต่ในตอนนี้และน้ำตก แทนที่ว่าองค์ประกอบใด ๆ 1057 00:48:34,350 --> 00:48:38,800 ในหน้าแท็กใด ๆ ในหน้าเว็บที่มี ID ที่ไม่ซ้ำกันคืออ้างนำมาอ้าง "ครั้งแรก." 1058 00:48:38,800 --> 00:48:41,720 และ hashtag ในบริบทนี้ ก็หมายความว่า "ระบุที่ไม่ซ้ำ." 1059 00:48:41,720 --> 00:48:43,750 ผมไม่ได้ใส่ไว้ในไฟล์ HTML 1060 00:48:43,750 --> 00:48:46,880 ฉันมากกว่าที่นี่เพียงแค่พูดว่า อ้างนำมาอ้าง "ครั้งแรก." 1061 00:48:46,880 --> 00:48:48,470 >> เพื่อให้ฉันโหลด 1062 00:48:48,470 --> 00:48:49,919 และตอนนี้ฉันเห็น ah, OK 1063 00:48:49,919 --> 00:48:51,710 ฉันหมายความว่ามันไม่ได้ว่า สวย แต่มันเป็นชนิด 1064 00:48:51,710 --> 00:48:53,600 เช่นคำนำไป หนังสือหรือสิ่งที่ต้องการที่ 1065 00:48:53,600 --> 00:48:55,100 ที่วรรคแรกมีขนาดใหญ่ 1066 00:48:55,100 --> 00:48:57,933 อาจจะมีความแม่นยำมากยิ่งขึ้นด้วย เพียงแค่ตัวอักษรตัวแรก แต่อย่างน้อย 1067 00:48:57,933 --> 00:48:59,110 ฉันได้ใช้มาตรการควบคุมเพิ่มเติม 1068 00:48:59,110 --> 00:49:04,760 ตอนนี้ maybe-- บางทีฉันต้องการทำเช่นนี้ บางครั้งด้วยเหตุผลใดก็ตาม 1069 00:49:04,760 --> 00:49:09,010 และดังนั้นผมจึงไม่อยากให้เรื่องนี้ นำไปใช้กับแท็กเพียงหนึ่ง 1070 00:49:09,010 --> 00:49:15,110 แต่ขอ say-- ขอ นอกจากนี้ยังทำต่อไปนี้ 1071 00:49:15,110 --> 00:49:18,810 class = "นำเข้า". 1072 00:49:18,810 --> 00:49:23,970 ในขณะที่ ID ที่ใช้ในการที่ไม่ซ้ำกัน ระบุสิ่งหนึ่งหนึ่งแท็ก 1073 00:49:23,970 --> 00:49:30,190 ในหน้าเว็บของคุณชั้นหมายถึงการเป็น ใช้ในจำนวนขององค์ประกอบหรือแท็กใด ๆ 1074 00:49:30,190 --> 00:49:30,950 บนหน้าเว็บของคุณ 1075 00:49:30,950 --> 00:49:31,710 ดังนั้นจึงนำมาใช้ใหม่ 1076 00:49:31,710 --> 00:49:33,090 ID ที่ไม่ได้นำมาใช้ใหม่ 1077 00:49:33,090 --> 00:49:34,450 ชั้นนำมาใช้ใหม่ 1078 00:49:34,450 --> 00:49:37,830 >> และคุณรู้ว่าสิ่งที่สำหรับสิ่งที่ reasons-- ปรัชญา 1079 00:49:37,830 --> 00:49:40,180 ฉันยังพูดไม่จบของฉัน thought-- ฉันจะบอกว่า 1080 00:49:40,180 --> 00:49:44,300 ว่าวรรคแรกและ วรรคสองมีความสำคัญ 1081 00:49:44,300 --> 00:49:48,600 ดังนั้นฉันจะใช้ระดับที่เรียกว่า "ที่สำคัญ" ว่าถ้าฉันบันทึกแฟ้มของฉัน 1082 00:49:48,600 --> 00:49:51,510 และโหลดไม่มี ส่งผลกระทบต่อการทำงานเลย 1083 00:49:51,510 --> 00:49:53,780 แต่ฉันได้เพิ่มบางส่วน เมตาดาต้าไปยังแฟ้ม 1084 00:49:53,780 --> 00:49:56,610 การจัดเรียงของบางสิ่งบางอย่างที่แยกต่างหาก จากข้อมูลหลักของแฟ้ม 1085 00:49:56,610 --> 00:50:02,300 เพื่อที่ว่าในขณะนี้ในสไตล์ชีตของฉันถ้าฉัน แทนที่จะพูดว่า ".important" - คุณรู้ว่า 1086 00:50:02,300 --> 00:50:07,110 อะไรที่เป็นสิ่งสำคัญที่ผม จะทำให้ตัวอักษรสี red-- 1087 00:50:07,110 --> 00:50:09,930 หรือมากกว่าไม่ได้ตัวอักษรสีสีเพียง 1088 00:50:09,930 --> 00:50:12,930 มีความไม่สอดคล้องกันคือ แต่น่าเสียดายที่ใน CSS 1089 00:50:12,930 --> 00:50:14,120 และโหลด 1090 00:50:14,120 --> 00:50:17,640 ตอนนี้สังเกตเห็นเป็นครั้งแรก วรรคสองจะเป็นสีแดง 1091 00:50:17,640 --> 00:50:20,880 แต่ไม่สามเพราะผมเท่านั้น นำไปใช้ในชั้นเรียนของ "สำคัญ" 1092 00:50:20,880 --> 00:50:25,020 สองคนแรกของสิ่งเหล่านั้น 1093 00:50:25,020 --> 00:50:28,030 >> ดังนั้นในรหัสคุณมีความสามารถ เพื่อระบุได้อย่างแม่นยำมาก 1094 00:50:28,030 --> 00:50:30,110 กับการเรียนที่คุณต้องนำมาใช้ 1095 00:50:30,110 --> 00:50:33,800 แต่ในทั้งสองกรณีแจ้งให้ทราบล่วงหน้า การจัดเรียงของหลักการที่ดีการออกแบบ 1096 00:50:33,800 --> 00:50:39,072 ที่ผมเอาเรื่องออกทั้งหมดของ ความสวยงามไปยังแฟ้ม styles.css ของฉัน 1097 00:50:39,072 --> 00:50:40,280 จึงไม่มีสกปรกที่นี่ 1098 00:50:40,280 --> 00:50:44,490 มีการกล่าวถึงสีแดงไม่ได้หรือ หันหน้าไปทางตัวหนาหรือขนาดตัวอักษรในแฟ้มนี้ 1099 00:50:44,490 --> 00:50:49,430 แต่ฉันมีความหมาย, ความหมายลักษณะข้อมูลของฉันเป็น 1100 00:50:49,430 --> 00:50:51,240 นี่คือบางส่วนข้อมูลที่สำคัญ 1101 00:50:51,240 --> 00:50:52,800 นี่คือบางส่วนของข้อมูลที่สำคัญมากขึ้น 1102 00:50:52,800 --> 00:50:56,500 นอกจากนี้ที่นี่เป็น "ครั้งแรก" ของข้อมูลที่สำคัญของฉัน 1103 00:50:56,500 --> 00:51:01,050 ดังนั้น HTML คือทั้งหมดที่เกี่ยวกับการจัดเรียง แท็กตัวอักษรคำ 1104 00:51:01,050 --> 00:51:05,270 และย่อหน้าและโครงสร้างในของคุณ หน้าเว็บที่มีคำแนะนำเล็ก ๆ น้อย ๆ เหล่านี้ถ้าคุณ 1105 00:51:05,270 --> 00:51:07,640 จะให้คุณสามารถ อย่างใดใช้ประโยชน์จากการใช้ 1106 00:51:07,640 --> 00:51:10,880 เทคนิคอื่น ๆ เช่น CSS ในลักษณะนี้ 1107 00:51:10,880 --> 00:51:14,760 >> ดังนั้นในการตอบคำถามของวิกตอเรีย เราสามารถทำให้ข้อความที่ใหญ่กว่าในทางที่ 1108 00:51:14,760 --> 00:51:18,380 มีวิธีการอื่น ๆ อีกมากมายเพื่อให้มี แต่ ตัวอักษร tag-- เปิดวงเล็บ "ตัวอักษร" - 1109 00:51:18,380 --> 00:51:19,770 เป็นจริงหลายปี 1110 00:51:19,770 --> 00:51:21,410 และนี่คือปัญหาที่เกิดขึ้น เกินไปกับอาศัยเฉพาะ 1111 00:51:21,410 --> 00:51:23,485 ใน resources-- ออนไลน์ พวกเขามีแนวโน้มที่จะล้าสมัย 1112 00:51:23,485 --> 00:51:26,110 และแน่นอนที่ถูกเลิก เพราะโลกตระหนัก 1113 00:51:26,110 --> 00:51:28,970 สิ่งที่ไม่ "font-size = 7" หมายความว่าอย่างไร 1114 00:51:28,970 --> 00:51:29,670 มันไม่ได้ 1115 00:51:29,670 --> 00:51:32,770 และเพื่อให้เป็นเวลาหลายปีและ นี้ day-- หนึ่งด้าน 1116 00:51:32,770 --> 00:51:36,060 ข้อสังเกตที่นี่ก็คือว่ามันเป็นจริง เจ็บปวดอย่างไม่น่าเชื่อบางครั้งยัง 1117 00:51:36,060 --> 00:51:38,900 ในการพัฒนาเว็บไซต์สำหรับ เว็บเพราะไมโครซอฟท์ 1118 00:51:38,900 --> 00:51:44,220 และ Google และ Mozilla และ คนอื่น ๆ มักจะไม่เห็นด้วยกับวิธีการ 1119 00:51:44,220 --> 00:51:47,480 การตีความข้อกำหนดเช่น HTML 1120 00:51:47,480 --> 00:51:52,490 >> มีกฎหมายเพื่อใช้ HTML คือว่า โดยทั่วไปกล่าวว่าสิ่งที่แต่ละแท็กหมายถึง 1121 00:51:52,490 --> 00:51:55,690 แต่บางครั้งก็เหลือไป ดุลยพินิจการดำเนินงานของ 1122 00:51:55,690 --> 00:51:57,290 ดุลยพินิจของ Microsoft และ Google 1123 00:51:57,290 --> 00:52:00,000 และดังนั้นคุณจะบ่อยมาก เห็นในสิ่งที่เว็บไซต์ 1124 00:52:00,000 --> 00:52:04,954 มีลักษณะแตกต่างบนเครื่องพีซี กว่ามันจะบน Mac 1125 00:52:04,954 --> 00:52:06,995 และที่จริงเพราะ ในตอนท้ายของวัน, 1126 00:52:06,995 --> 00:52:08,891 พวกเขาไม่ได้ทดสอบ ได้ดีบนทั้งสองแพลตฟอร์ม 1127 00:52:08,891 --> 00:52:11,390 แต่มันก็ยังเพราะเหมาะสม คนฉลาดจะไม่เห็นด้วย 1128 00:52:11,390 --> 00:52:14,970 และ บริษัท จะไม่เห็นด้วยและอื่น ๆ หนึ่งในความท้าทายของการเขียนโปรแกรม 1129 00:52:14,970 --> 00:52:16,980 สำหรับเว็บหรือการออกแบบ สิ่งสำหรับเว็บ 1130 00:52:16,980 --> 00:52:21,700 คือการเขียนเว็บไซต์ของคุณในทางที่ ที่ทำงานบนเว็บเบราเซอร์ทุก 1131 00:52:21,700 --> 00:52:23,410 แต่แม้ที่ไม่มีเหตุผลใช่มั้ย? 1132 00:52:23,410 --> 00:52:27,807 มีหลายรุ่นจำนวนมากดังนั้น เบราว์เซอร์ออกมีที่ในบางจุด 1133 00:52:27,807 --> 00:52:30,890 นอกจากนี้คุณยังจะต้องทำให้สายการตัดสิน และคุณจะต้องตัดสินใจเป็น บริษัท 1134 00:52:30,890 --> 00:52:33,082 โดยเฉพาะอย่างยิ่งสำหรับ e-Commerce สไตล์ เว็บไซต์ที่คุณกำลัง 1135 00:52:33,082 --> 00:52:36,290 พยายามที่จะใช้ล่าสุดและยิ่งใหญ่ที่สุด เทคโนโลยีที่จะให้ผู้ใช้ดีจริงๆ 1136 00:52:36,290 --> 00:52:37,110 ประสบการณ์. 1137 00:52:37,110 --> 00:52:41,019 แต่เปอร์เซ็นต์ของผู้ใช้ของคุณบางคนอาจจะ ยังคงใช้ Internet Explorer 6 หรือ 7 1138 00:52:41,019 --> 00:52:43,810 หรือ 8 โดยเฉพาะอย่างยิ่งทั้งนี้ขึ้นอยู่กับ ประเทศที่พวกเขามาจาก 1139 00:52:43,810 --> 00:52:46,760 >> และมักมากเลย ได้รับการพิจารณาเป็นบางสิ่งบางอย่าง 1140 00:52:46,760 --> 00:52:50,920 เช่น "สถิติเว็บเบราว์เซอร์." 1141 00:52:50,920 --> 00:52:56,560 และถ้าเราไป to-- เรามาดูวิกิพีเดีย และดูว่าขึ้นไปวันที่แผนภูมินี้คือ 1142 00:52:56,560 --> 00:52:59,320 หากมีหนึ่ง 1143 00:52:59,320 --> 00:53:02,420 ดังนั้นที่นี่คุณสามารถดู เบราว์เซอร์ที่จริง 1144 00:53:02,420 --> 00:53:06,160 จะตามถึงเดือนธันวาคมปี 2015 ตามที่รัฐบาลสหรัฐ 1145 00:53:06,160 --> 00:53:11,170 โครเมี่ยมที่ส่วนแบ่งการตลาด 42% ตามมา โดย IE ส่วนใหญ่ในการตั้งค่าขององค์กร 1146 00:53:11,170 --> 00:53:14,490 หรือการตั้งค่าเครื่องคอมพิวเตอร์ของหลักสูตร ตามด้วย Firefox, 1147 00:53:14,490 --> 00:53:17,440 แล้ว Safari แล้ว Opera ไม่ได้ ทำให้แผนที่ที่นี่ด้วยเหตุผลบางอย่าง 1148 00:53:17,440 --> 00:53:18,210 และแล้วคนอื่น ๆ 1149 00:53:18,210 --> 00:53:19,500 บางทีมันอาจจะอยู่ภายใต้การอื่น ๆ 1150 00:53:19,500 --> 00:53:27,700 แต่มีปัญหามากขึ้นกว่าที่ is-- ขอดูว่าวิกิพีเดียยังมี 1151 00:53:27,700 --> 00:53:35,194 รุ่นของเบราว์เซอร์ version-- 1152 00:53:35,194 --> 00:53:36,160 1153 00:53:36,160 --> 00:53:39,190 >> Let 's go สถิติเบราว์เซอร์ 1154 00:53:39,190 --> 00:53:40,680 IE 1155 00:53:40,680 --> 00:53:42,030 แม้ที่ไม่เพียงพอ 1156 00:53:42,030 --> 00:53:44,854 สถิติเบราว์เซอร์ 1157 00:53:44,854 --> 00:53:45,353 รุ่นของฉัน 1158 00:53:45,353 --> 00:53:48,980 1159 00:53:48,980 --> 00:53:50,540 ว่าจะไม่ได้รับสิทธิ 1160 00:53:50,540 --> 00:53:53,414 ลองมาดูรุ่น 1161 00:53:53,414 --> 00:53:54,830 ส่วนแบ่งการตลาดเบราว์เซอร์ 1162 00:53:54,830 --> 00:53:57,110 ลองมาดูว่านี้ขึ้นมา 1163 00:53:57,110 --> 00:53:57,610 ตกลง. 1164 00:53:57,610 --> 00:54:00,010 ตอนนี้จะได้รับ เล็ก ๆ น้อย ๆ มีประโยชน์มากขึ้น 1165 00:54:00,010 --> 00:54:04,870 ดังนั้นที่นี่แจ้งให้ทราบว่าเรามีทั้งหมด รุ่นต่างๆของเบราว์เซอร์ 1166 00:54:04,870 --> 00:54:09,887 และพระเจ้าของฉันถ้าคุณ look-- Chrome 48, Chrome 47, Chrome 31 Chrome 45 1167 00:54:09,887 --> 00:54:12,970 ผมหมายถึงเบราว์เซอร์การปรับปรุงมากขึ้น และบางครั้งบางส่วนของการเปลี่ยนแปลงเหล่านั้น 1168 00:54:12,970 --> 00:54:16,430 มีความสำคัญใน แง่ของการทำงาน 1169 00:54:16,430 --> 00:54:20,630 และอื่น ๆ ในบางจุดที่ ผู้จัดการผลิตภัณฑ์หรือวิศวกร 1170 00:54:20,630 --> 00:54:23,620 ต้องทำให้ decision-- คุณ รู้ว่าสิ่งที่มีเพียง 1% ของโลก 1171 00:54:23,620 --> 00:54:24,740 ยังคงใช้ IE 7 1172 00:54:24,740 --> 00:54:25,490 ไปนรกกับพวกเขา 1173 00:54:25,490 --> 00:54:27,470 เราเพียงแค่ไม่ได้ไป สนับสนุนเบราว์เซอร์ที่ 1174 00:54:27,470 --> 00:54:28,740 และสิ่งที่ไม่ได้หมายความว่าจะไม่สนับสนุน? 1175 00:54:28,740 --> 00:54:31,170 มันอาจหมายความว่าปุ่ม ไม่ทำงานบนหน้าเว็บของคุณ 1176 00:54:31,170 --> 00:54:33,050 หรืออาจหมายถึง การจัดรูปแบบเป็นสมบูรณ์ออก 1177 00:54:33,050 --> 00:54:35,091 หรือคุณอาจจะต้องทำ ที่สายการตัดสินเดียวกัน 1178 00:54:35,091 --> 00:54:39,089 ในวันนี้โทรศัพท์มือถือที่เรา ไม่ได้ไปสนับสนุน iOS 5 ได้อีกต่อไป 1179 00:54:39,089 --> 00:54:40,380 ดังนั้นคนที่เพิ่งมีการปรับรุ่น 1180 00:54:40,380 --> 00:54:45,850 หรือเราจะไม่ให้การสนับสนุน Cupcake บนระบบปฏิบัติการ Android สำหรับอุปกรณ์ Android, 1181 00:54:45,850 --> 00:54:48,629 เพราะเป็น world-- เป็น โลกเทคโนโลยีต้องการที่จะก้าวไปข้างหน้า 1182 00:54:48,629 --> 00:54:51,170 ชนิดของมันต้องการที่จะลาก โลกก​​ับมันเพื่อที่ว่าพวกเขาไม่ได้ 1183 00:54:51,170 --> 00:54:53,295 มีจะยังคงเป็น เข้ากันได้ย้อนหลังเพื่อให้พวกเขา 1184 00:54:53,295 --> 00:54:54,920 สามารถนำเสนอคุณสมบัติใหม่และดี 1185 00:54:54,920 --> 00:54:57,878 นี่เป็นหนึ่งในเหตุผลที่ ทำไมหลาย บริษัท จะกลิ้งออก 1186 00:54:57,878 --> 00:55:01,440 อัปเดตอัตโนมัติและการเรียงลำดับของการบังคับ รุ่นล่าสุดของซอฟแวร์ให้กับพวกเรา 1187 00:55:01,440 --> 00:55:04,010 และแม้กระทั่ง บริษัท เช่น Apple จะเรียงลำดับของ 1188 00:55:04,010 --> 00:55:07,280 บังคับให้คุณเกือบหรือบังคับ คุณในแง่ของกลไกตลาด 1189 00:55:07,280 --> 00:55:11,164 ที่จะซื้อโทรศัพท์ใหม่เพราะพวกเขาเพียงแค่ จะไม่ปรับปรุงโทรศัพท์เก่าของคุณอีกต่อไป 1190 00:55:11,164 --> 00:55:13,330 เพื่อให้คุณพลาดโอกาสในการ ใหม่ล่าสุดและคุณลักษณะที่ยิ่งใหญ่ที่สุด 1191 00:55:13,330 --> 00:55:17,520 เพราะมันเป็นค่าใช้จ่ายให้กับพวกเขาเป็น บริษัท จะรักษาที่มีอายุมากกว่าเนื้อหา 1192 00:55:17,520 --> 00:55:19,330 รุ่นที่ด้อยกว่าของซอฟต์แวร์ 1193 00:55:19,330 --> 00:55:23,660 แต่ผลกำไรเป็นที่ เรายังต้องทนทุกข์ทรมานนี้ด้วยเช่นกัน 1194 00:55:23,660 --> 00:55:26,550 >> ดังนั้นลองมาดูที่เพียง สองสิ่งสุดท้ายที่นี่ 1195 00:55:26,550 --> 00:55:29,740 Let 's เราะรวดเร็วจริงบางส่วนของ ผู้กระสุนอื่น ๆ ถ้าอยากรู้อยากเห็น 1196 00:55:29,740 --> 00:55:33,440 ดังนั้นถ้าคุณกำลังพยายามที่จะ ตัวอย่างเช่นตำแหน่ง 1197 00:55:33,440 --> 00:55:36,420 ข้อความในด้านที่แตกต่างกันของ หน้าผมจะไปทำวิธีที่รวดเร็วหนึ่ง 1198 00:55:36,420 --> 00:55:38,360 แต่มีความแตกต่างกัน วิธีการทำเช่นนี้ 1199 00:55:38,360 --> 00:55:42,610 ให้ฉันไปข้างหน้าและ eliminate-- ลดความซับซ้อนนี้ดังนี้ 1200 00:55:42,610 --> 00:55:45,330 ผมขอกลับไปของฉัน ง่ายย่อหน้าที่เรียบง่าย 1201 00:55:45,330 --> 00:55:47,760 ผมขอกลับไป styles.css ของฉัน 1202 00:55:47,760 --> 00:55:51,040 และฉันแค่จะใช้ simple-- ที่คุณอาจได้เห็นใน Google 1203 00:55:51,040 --> 00:55:54,430 หรือเรียกคืนจาก earlier-- text-align ขวา 1204 00:55:54,430 --> 00:55:56,220 และโหลดหน้านี้ 1205 00:55:56,220 --> 00:55:58,470 ตอนนี้ทุกอย่างดูเหมือนว่า จะต้องมีสิทธิชิด 1206 00:55:58,470 --> 00:56:00,770 ที่คุณอาจจะเห็นในค่าใช้จ่ายที่นี่ 1207 00:56:00,770 --> 00:56:04,470 >> เราสามารถทำให้มันดูเล็ก ๆ น้อย ๆ หนังสือที่ชอบและเราสามารถพูดว่า "ปรับ" 1208 00:56:04,470 --> 00:56:05,640 และโหลด 1209 00:56:05,640 --> 00:56:09,870 ตอนนี้มันเป็นเรื่องดีและตารางทั้งสอง ด้านซึ่งเป็นชนิดของความสุข 1210 00:56:09,870 --> 00:56:12,220 เป้าหมายอีกประการหนึ่งที่เรามีที่นี่ ก็เปลี่ยนสีของข้อความ 1211 00:56:12,220 --> 00:56:13,650 ดังนั้นเราจึงเห็นว่ามีข้อความสีแดงของฉัน 1212 00:56:13,650 --> 00:56:15,630 และตอนนี้เพิ่มปุ่มสำหรับฟอร์ม 1213 00:56:15,630 --> 00:56:19,390 ดังนั้นทำไมเราไม่พยายามที่จะทำตรงนี้หรือไม่? 1214 00:56:19,390 --> 00:56:23,656 แต่แรกให้ฉันไปที่เว็บไซต์ที่ ส่วนใหญ่ของเราใช้ทุก day-- Google 1215 00:56:23,656 --> 00:56:25,780 และให้ดูที่ วิธีการที่ Google ใช้งานได้จริง 1216 00:56:25,780 --> 00:56:26,821 แต่ฉันจะทำเช่นนี้ 1217 00:56:26,821 --> 00:56:31,930 แรกให้ฉันทำมัน in-- ครับ ให้ฉันไปที่ Google ครั้งแรก 1218 00:56:31,930 --> 00:56:34,530 ฉันจะต้องไป เข้าสู่การตั้งค่า Google 1219 00:56:34,530 --> 00:56:40,660 เพราะผมต้องการที่จะปิดการใช้งาน สิ่งที่เรียกว่าผลทันที 1220 00:56:40,660 --> 00:56:43,580 >> ดังนั้นคุณอาจจะสังเกตเห็นใน เหล่านี้ของ Google days-- ให้ฉันกลับไป 1221 00:56:43,580 --> 00:56:44,850 และเปิดการทำงานนี้ 1222 00:56:44,850 --> 00:56:47,900 ดังนั้นถ้าฉันเริ่มต้นการค้นหา สำหรับ "แมว" เช่นนี้ 1223 00:56:47,900 --> 00:56:50,120 แจ้งให้ทราบว่าไม่เพียง แต่ ฉันได้รับอัตโนมัติสมบูรณ์ขึ้น 1224 00:56:50,120 --> 00:56:54,520 ด้านบนทั้งหมดในทันทีที่หน้าตัวเอง ดูเหมือนว่าจะมีการเปลี่ยนแปลงอย่างรวดเร็วเช่นกัน 1225 00:56:54,520 --> 00:56:58,750 และที่ Google โดยใช้ภาษา เรียกว่า JavaScript พยายามที่จะเป็นประโยชน์ 1226 00:56:58,750 --> 00:57:01,540 แต่น่าเสียดายที่มันชนิด ของ messes up การสนทนาของเรา 1227 00:57:01,540 --> 00:57:04,010 ของสิ่งที่เกิดขึ้นจริง ใต้ฝากระโปรงที่นี่ 1228 00:57:04,010 --> 00:57:09,070 ดังนั้นฉันเพียงแค่ชนิดของได้อย่างรวดเร็ว ปิดผลทันที 1229 00:57:09,070 --> 00:57:11,510 และฉันจะคลิกบันทึก 1230 00:57:11,510 --> 00:57:13,930 และตอนนี้ฉันกำลังจะไปเปิด ที่แถบเครื่องมือวินิจฉัยที่ฉัน 1231 00:57:13,930 --> 00:57:16,150 ให้เปิดภายใต้แท็บเครือข่าย 1232 00:57:16,150 --> 00:57:17,720 ดังนั้นขอให้ทำเช่นนี้ 1233 00:57:17,720 --> 00:57:21,960 ให้ me-- whoops-- เลื่อนนี้ลงเล็กน้อย 1234 00:57:21,960 --> 00:57:24,410 และแจ้งให้เราค้นหา "แมว". 1235 00:57:24,410 --> 00:57:26,790 >> และตอนนี้ notice-- จริง นี้เป็นโอกาสที่ดี 1236 00:57:26,790 --> 00:57:28,840 เพื่อหารือเกี่ยวกับสักครู่ 1237 00:57:28,840 --> 00:57:32,460 แจ้งให้ทราบขณะที่ผม type-- หยุดมัน 1238 00:57:32,460 --> 00:57:35,250 หยุดนะ. 1239 00:57:35,250 --> 00:57:35,790 ตกลง. 1240 00:57:35,790 --> 00:57:40,870 แจ้งให้ทราบขณะที่ผมพิมพ์ตัวอักษร C, ดูด้านล่างของหน้าจอ 1241 00:57:40,870 --> 00:57:48,600 A- T- เอสอะไรด้านล่าง ของหน้าจอนี้แท็บเครือข่ายของฉัน 1242 00:57:48,600 --> 00:57:53,320 แนะนำที่เกิดขึ้นในแต่ละ เวลาที่ฉันพิมพ์ตัวอักษรหรือไม่? 1243 00:57:53,320 --> 00:57:57,700 แต่น่าเสียดายที่กบเป็นอย่างมาก เสียสมาธิวันนี้หรือแชมร็อก 1244 00:57:57,700 --> 00:58:00,339 หรือสิ่งที่เขาเป็น 1245 00:58:00,339 --> 00:58:01,880 สิ่งที่เกิดขึ้นในแต่ละครั้งที่ผมพิมพ์? 1246 00:58:01,880 --> 00:58:04,230 และแจ้งให้เราล้าง กันชนและพิมพ์อีกครั้ง 1247 00:58:04,230 --> 00:58:06,580 ขออภัย So-- 1248 00:58:06,580 --> 00:58:13,280 ทุกครั้งที่ผมพิมพ์ตัวอักษร, C- A- T-- เพื่อให้แถวใหม่อย่างเห็นได้ชัดช่วยให้ปรากฏ 1249 00:58:13,280 --> 00:58:16,530 อะไรแต่ละแถวแทน ขึ้นอยู่กับสิ่งที่เราได้เห็นและพูดคุยกัน 1250 00:58:16,530 --> 00:58:17,339 ป่านนี้? 1251 00:58:17,339 --> 00:58:18,130 ผู้ชม: ค้นหา? 1252 00:58:18,130 --> 00:58:21,770 เดวิดเจลัน: การค้นหาหรือ อื่น ๆ ทั่วไป, การร้องขอ HTTP 1253 00:58:21,770 --> 00:58:23,125 จากเบราว์เซอร์ของฉันไปยังเซิร์ฟเวอร์ 1254 00:58:23,125 --> 00:58:29,090 ดีทำไมเป็นเบราว์เซอร์ของฉันทำ HTTP ขอให้ทุกครั้งที่ผมพิมพ์ตัวอักษรหรือไม่? 1255 00:58:29,090 --> 00:58:30,502 >> ผู้ชม: [ไม่ได้ยิน] 1256 00:58:30,502 --> 00:58:33,210 เดวิดเจลัน: ใช่มันให้ ฉันเหล่านี้ผลอัตโนมัติสมบูรณ์ 1257 00:58:33,210 --> 00:58:35,190 เช่นเดียวกับที่ทำเหล่านี้ ผลการค้นหามาจากไหน? 1258 00:58:35,190 --> 00:58:38,120 ดีทุกครั้งที่ผมพิมพ์ ตัวอักษร Google จะส่งเพิ่มเติม 1259 00:58:38,120 --> 00:58:40,460 และการเพิ่มขึ้นของ คำว่าฉันพิมพ์ 1260 00:58:40,460 --> 00:58:41,040 ทำไม? 1261 00:58:41,040 --> 00:58:44,540 เพราะพวกเขาต้องการให้ฉัน ดีและดีกว่าข้อเสนอแนะที่ดีกว่า 1262 00:58:44,540 --> 00:58:48,880 รายการของคำแนะนำสำหรับสิ่งที่คำ ฉันพยายามที่จะดำเนินการจริง 1263 00:58:48,880 --> 00:58:53,030 ดังนั้นนี่คือการพูดทุกตัวอักษร ตัวอักษรที่คุณพิมพ์ลงใน Google 1264 00:58:53,030 --> 00:58:56,900 จะถูกส่งไปในท้ายที่สุด จำนวนมาก แต่ยังบางครั้งหนึ่ง 1265 00:58:56,900 --> 00:59:00,620 ได้ตลอดเวลาเพื่อที่จะดำเนินการ คุณสมบัติเหล่านี้อัตโนมัติสมบูรณ์เมื่อ 1266 00:59:00,620 --> 00:59:03,000 ข้อมูลเป็นของหลักสูตรบนเว็บ 1267 00:59:03,000 --> 00:59:08,780 >> ตอนนี้ลองมาดูสิ่งที่จริง เกิดขึ้นเมื่อฉันคลิกค้นหาของ Google 1268 00:59:08,780 --> 00:59:10,420 และจากนั้นเราจะยกระดับตัวเองนี้ 1269 00:59:10,420 --> 00:59:15,320 ดังนั้นถ้าฉันเลื่อนลงมาตอนนี้ไปมาก คำขอแรกที่เพิ่งเกิดขึ้น 1270 00:59:15,320 --> 00:59:17,130 สังเกตต่อไปนี้ 1271 00:59:17,130 --> 00:59:25,550 มันถูกส่งไปนานพอสมควร URL-- https://www.google.com/search? 1272 00:59:25,550 --> 00:59:27,100 และจากนั้นทั้งกลุ่มของสิ่ง 1273 00:59:27,100 --> 00:59:29,620 ลองดูตอนนี้จริง ในเบราว์เซอร์แท็บตัวเอง 1274 00:59:29,620 --> 00:59:31,310 ขอได้รับการกำจัดของแถบเครื่องมือที่นี่ 1275 00:59:31,310 --> 00:59:33,140 นี่คือหน้าของผลการค้นหา 1276 00:59:33,140 --> 00:59:34,790 และแจ้งให้ทราบ URL นี้ 1277 00:59:34,790 --> 00:59:37,430 ตอนนี้คุณอาจจะสามารถคาดเดา สิ่งที่เกิดขึ้นที่นี่ในส่วนหนึ่ง 1278 00:59:37,430 --> 00:59:39,090 ดังนั้นครั้งแรกของทุกคำนิยาม 1279 00:59:39,090 --> 00:59:42,570 นี้เห็นได้ชัดว่าเป็นปลายทาง ที่การส่งแบบฟอร์ม 1280 00:59:42,570 --> 00:59:44,910 ดังนั้นเมื่อผมพิมพ์ลงใน คำว่า "แมว" และกด Enter, 1281 00:59:44,910 --> 00:59:48,460 เห็นได้ชัดว่า Google ส่ง ป้อนข้อความของฉันไปยัง URL นี้ 1282 00:59:48,460 --> 00:59:50,770 ที่ผมได้เน้น มีเฉือนค้นหา 1283 00:59:50,770 --> 00:59:56,530 ปรากฎใน URL อะไรที่ ที่เกิดขึ้นหลังจากเครื่องหมายคำถามคือ 1284 00:59:56,530 --> 01:00:01,270 ในขณะที่เราพูดว่าคู่ค่าคีย์ ที่ถูกพิมพ์ลงในแบบฟอร์มหรืออย่างใด 1285 01:00:01,270 --> 01:00:04,500 ส่งจาก เบราว์เซอร์ไปยังเซิร์ฟเวอร์ 1286 01:00:04,500 --> 01:00:07,180 >> ดังนั้นเวลาที่คุณพิมพ์การป้อนข้อมูล ลงในแบบฟอร์มบนเว็บ 1287 01:00:07,180 --> 01:00:10,000 และก็ส่งไปตามที่เราได้ ได้คุยผ่านทางได้รับ 1288 01:00:10,000 --> 01:00:12,400 หนึ่งในเหล่านี้เสมือน ซองจดหมายเนื้อหา 1289 01:00:12,400 --> 01:00:15,510 ที่ envelope-- ใช่เก็บ ได้รับการยัดร่างกาย 1290 01:00:15,510 --> 01:00:19,010 เข้าไปในซองจดหมายในชั้นเรียน วันนี้ แต่เทคโนโลยี 1291 01:00:19,010 --> 01:00:21,110 มันจริงใส่ใน URL 1292 01:00:21,110 --> 01:00:22,940 ดังนั้นในความเป็นจริงให้ฉันลอดผ่านนี้ 1293 01:00:22,940 --> 01:00:25,010 ที่คุณเห็นการป้อนข้อมูลของผู้ใช้? 1294 01:00:25,010 --> 01:00:27,490 ที่คุณเห็นบางสิ่งบางอย่าง ที่ตัวผมเองพิมพ์ขึ้นที่นี่? 1295 01:00:27,490 --> 01:00:32,100 1296 01:00:32,100 --> 01:00:33,491 ใช่ว่า "แมว". 1297 01:00:33,491 --> 01:00:33,990 ขวา? 1298 01:00:33,990 --> 01:00:36,380 เพื่อให้ฉันกลั่นนี้ เป็นสิ่งที่ง่าย 1299 01:00:36,380 --> 01:00:39,917 ฉันจะลบทุกอย่างเกี่ยวกับ URL นี้ที่ฉันไม่เข้าใจ 1300 01:00:39,917 --> 01:00:42,250 และฉันแค่ไปที่จะออกจาก มันเป็น this-- / search? q = แมว 1301 01:00:42,250 --> 01:00:45,640 1302 01:00:45,640 --> 01:00:47,890 เราจะดูว่า Q มาจากในช่วงเวลาที่ 1303 01:00:47,890 --> 01:00:51,220 แต่ที่รู้สึกเหมือนขั้นต่ำ ปริมาณของข้อมูลที่ฉันมีให้ 1304 01:00:51,220 --> 01:00:53,050 และตอนนี้ฉันกำลังจะไปกด Enter 1305 01:00:53,050 --> 01:00:55,520 และแจ้งให้ทราบก็ยังคงทำงาน 1306 01:00:55,520 --> 01:00:57,950 เรายังคงได้รับกลับมาทั้งกลุ่มของแมว 1307 01:00:57,950 --> 01:01:00,340 ดังนั้น Google เป็นนักเล่น กว่านี้วันนี้ 1308 01:01:00,340 --> 01:01:01,934 มันเป็นปี 2016 ไม่ได้ 1999 1309 01:01:01,934 --> 01:01:04,600 ดังนั้นจึงมีสิ่งอื่น ๆ ที่ของฉัน เบราว์เซอร์จะส่งไปยังเซิร์ฟเวอร์ 1310 01:01:04,600 --> 01:01:07,100 แต่นี้เป็นอย่างน้อยที่สุด ทั้งหมดที่จำเป็น 1311 01:01:07,100 --> 01:01:08,380 >> เกิดอะไรขึ้น? 1312 01:01:08,380 --> 01:01:14,320 ดีแรกให้ฉันไปข้างหน้าและไป กลับไป Cloud9 และแจ้งให้เราไปข้างหน้า 1313 01:01:14,320 --> 01:01:15,620 และปิดแท็บของฉันก่อนหน้านี้ 1314 01:01:15,620 --> 01:01:18,230 และฉันจะทำเช่นนี้ของฉัน เพียงแค่ตัวเองสักครู่ 1315 01:01:18,230 --> 01:01:20,730 ฉันจะไปข้างหน้า และสร้างไฟล์ใหม่ 1316 01:01:20,730 --> 01:01:23,739 และฉันจะบันทึกเป็น google.html 1317 01:01:23,739 --> 01:01:26,280 และฉันจะมาก quickly-- ฉันจะขโมยจริง 1318 01:01:26,280 --> 01:01:28,510 บางส่วนของข้อความนี้ก็เพื่อประหยัดเวลา 1319 01:01:28,510 --> 01:01:30,610 ฉันจะไปวางในที่นี่ 1320 01:01:30,610 --> 01:01:33,850 ฉันจะไม่รำคาญกับ stylization ใด ๆ ในเวลานี้ 1321 01:01:33,850 --> 01:01:38,340 เรากำลังจะเรียกสิ่งนี้ว่า "My Google." 1322 01:01:38,340 --> 01:01:41,230 และฉันจะได้รับการกำจัด ของทุกอย่างในร่างกาย 1323 01:01:41,230 --> 01:01:42,740 และฉันจะทำต่อไปนี้ 1324 01:01:42,740 --> 01:01:45,690 ผมขอซูมเข้า 1325 01:01:45,690 --> 01:01:50,620 รูปแบบ action-- และที่ผมพูดสั้น ๆ earlier-- whoops-- เป็นผมสั้น 1326 01:01:50,620 --> 01:01:54,130 กล่าวก่อนหน้านี้การกระทำของการให้ รูปแบบเป็นที่ที่คุณจะส่งข้อมูลไปยัง 1327 01:01:54,130 --> 01:01:56,620 ดังนั้น google.com/search 1328 01:01:56,620 --> 01:01:59,390 และวิธีการที่ฉันต้องการใช้ สามารถเป็นหนึ่งในสองสิ่ง 1329 01:01:59,390 --> 01:02:02,870 มันสามารถเป็นได้ทั้ง "ได้รับ" ในขณะที่เราให้ พูดคุยปรึกษาหรืออาจจะ "โพสต์". 1330 01:02:02,870 --> 01:02:05,340 สำหรับตอนนี้พื้นฐาน ความแตกต่างคือถ้าคุณใช้ "ได้รับ" 1331 01:02:05,340 --> 01:02:09,590 ข้อมูลทั้งหมดที่ว่า ผู้ใช้งานจะได้รับส่งใน URL 1332 01:02:09,590 --> 01:02:13,530 >> นั่นคือที่ดีสำหรับสิ่งที่ต้องการค้นหา เครื่องมือและโปรแกรมอื่น ๆ ไม่กี่ 1333 01:02:13,530 --> 01:02:17,080 แต่ในสิ่งที่สถานการณ์จะ คุณไม่ต้องการที่จะกรอกแบบฟอร์ม 1334 01:02:17,080 --> 01:02:21,620 และมีข้อมูลที่จบขึ้น URL เช่นในแถบที่อยู่ของเบราว์เซอร์ของคุณ? 1335 01:02:21,620 --> 01:02:25,470 1336 01:02:25,470 --> 01:02:26,605 สิ่งที่ชนิดของรูปแบบการทำ you-- 1337 01:02:26,605 --> 01:02:27,480 ผู้ชม: [ไม่ได้ยิน] 1338 01:02:27,480 --> 01:02:28,450 เดวิดเจลัน: ใช่เหมือนอะไร? 1339 01:02:28,450 --> 01:02:29,270 ผู้ชม: รหัสผ่าน 1340 01:02:29,270 --> 01:02:31,936 เดวิดเจลัน: ใช่เพื่อให้คุณเข้าสู่ระบบ ในที่ Facebook หรือเว็บไซต์บาง 1341 01:02:31,936 --> 01:02:34,395 นั่นคือการป้อนข้อมูลของผู้ใช้จาก รูปแบบกล่องข้อความ 1342 01:02:34,395 --> 01:02:37,020 แต่คุณอาจไม่ต้องการมัน การแสดงขึ้นใน URL เบราว์เซอร์ 1343 01:02:37,020 --> 01:02:38,121 ทำไม? 1344 01:02:38,121 --> 01:02:40,870 ฉันหมายความว่าอาจจะมีบางส่วน ผลกระทบการรักษาความปลอดภัยบนเครือข่าย 1345 01:02:40,870 --> 01:02:44,830 แต่ชอบ more-- เพิ่มเติมเพียงสิ่งที่ถ้า เพื่อนร่วมห้องของคุณสำคัญอื่น ๆ ของคุณ 1346 01:02:44,830 --> 01:02:47,710 เด็ก ๆ ของคุณคู่สมรสของคุณดู ผ่านประวัติศาสตร์เบราว์เซอร์ของคุณหรือไม่ 1347 01:02:47,710 --> 01:02:50,762 มีสิทธิรหัสผ่านของคุณ มีในประวัติศาสตร์ของเบราเซอร์ 1348 01:02:50,762 --> 01:02:52,220 แต่นั่นไม่ได้รู้สึกเหมือนการออกแบบที่ดี 1349 01:02:52,220 --> 01:02:54,500 หรือมากขึ้นทางเทคนิค สมมติว่าคุณกำลังพยายาม 1350 01:02:54,500 --> 01:02:59,180 การอัปโหลดภาพไปยัง Flickr หรือ Facebook หรือ wherever-- 1351 01:02:59,180 --> 01:03:03,010 ที่เป็นผู้ใช้ป้อนแม้ว่า มันเป็นเรื่องเล็ก ๆ น้อย ๆ interesting-- วิธี 1352 01:03:03,010 --> 01:03:05,530 ฉันจะอัดภาพในแถบ URL แล้ว? 1353 01:03:05,530 --> 01:03:06,730 คุณชนิดของการจัดเรียงของไม่ได้ 1354 01:03:06,730 --> 01:03:07,396 คุณสามารถชนิดของ 1355 01:03:07,396 --> 01:03:10,210 แต่จริงๆผมยากกด ที่จะคิดว่าทำ 1356 01:03:10,210 --> 01:03:13,470 ดังนั้นผมจึงต้องมีวิธีการอีก การอัปโหลดภาพไปยังเว็บไซต์ 1357 01:03:13,470 --> 01:03:15,657 และวิธีการอื่น ๆ เรียกว่า "โพสต์". 1358 01:03:15,657 --> 01:03:18,740 แต่ตอนนี้เราก็จะพูดคุยเกี่ยวกับ "ได้รับ" ซึ่งเป็นที่เรียบง่ายของทั้งสอง 1359 01:03:18,740 --> 01:03:21,100 มันก็ทำให้ทั้งหมด ผู้ใช้ป้อนใน URL 1360 01:03:21,100 --> 01:03:22,830 >> ดังนั้นนี่คือรูปแบบที่ผมกำลังสร้าง 1361 01:03:22,830 --> 01:03:24,070 ฉันต้องการการป้อนข้อมูล 1362 01:03:24,070 --> 01:03:24,820 และคุณรู้อะไรไหม 1363 01:03:24,820 --> 01:03:26,111 ฉันจะใช้การคาดเดาที่นี่ 1364 01:03:26,111 --> 01:03:31,600 ฉันจะจำของฉัน การป้อนข้อมูล "Q" สำหรับ "แบบสอบถาม". 1365 01:03:31,600 --> 01:03:34,970 และผมคิดว่านี่เป็นหนึ่งใน การออกแบบเดิมบางทีจาก 1999 1366 01:03:34,970 --> 01:03:39,560 แล้วพิมพ์ของท่านนี้ เป็นเพียงการไปเป็น "ข้อความ". 1367 01:03:39,560 --> 01:03:43,040 แล้วฉันจะต้องป้อนข้อมูลอื่น ที่ไม่จำเป็นต้องเป็นชื่อที่เราจะเร็ว ๆ นี้ 1368 01:03:43,040 --> 01:03:45,120 ดูประเภทของซึ่งคือ "ส่ง". 1369 01:03:45,120 --> 01:03:47,070 และนี้เป็นไปได้ ให้ฉันปุ่มพิเศษ 1370 01:03:47,070 --> 01:03:48,320 และที่มัน 1371 01:03:48,320 --> 01:03:50,790 >> เพื่อให้ฉันไปข้างหน้าและบันทึกไฟล์นี้ 1372 01:03:50,790 --> 01:03:54,910 ฉันจะกลับไปของฉัน เบราว์เซอร์และไป google.html 1373 01:03:54,910 --> 01:03:56,140 เข้าสู่ 1374 01:03:56,140 --> 01:03:59,680 และมันเป็นชนิดของเบาบาง ที่จะพูดน้อย 1375 01:03:59,680 --> 01:04:03,110 แต่ให้ฉันไปข้างหน้า และค้นหา "แมว". 1376 01:04:03,110 --> 01:04:06,510 และแจ้งให้ทราบผมในปัจจุบัน ที่ URL นี้ Cloud9 1377 01:04:06,510 --> 01:04:09,240 แต่ช่วงเวลาที่ฉันคลิกที่นี้ ที่คุณหวังว่าฉันจะจบลง? 1378 01:04:09,240 --> 01:04:10,160 >> ผู้ชม: Google 1379 01:04:10,160 --> 01:04:11,118 >> เดวิดเจลัน: Google 1380 01:04:11,118 --> 01:04:12,740 ดังนั้นขอให้คลิกส่ง 1381 01:04:12,740 --> 01:04:15,200 และแน่นอนฉันได้อีกครั้งใช้งาน Google 1382 01:04:15,200 --> 01:04:15,700 ขวา? 1383 01:04:15,700 --> 01:04:16,480 มันเป็นเรื่องง่าย 1384 01:04:16,480 --> 01:04:17,120 มันมีน้ำหนักเบา 1385 01:04:17,120 --> 01:04:20,350 ผมหมายถึงรหัสของฉันเป็นอย่างชัดเจนดีกว่า พวกเขาจากการรับประทานอาหารที่เราเห็นก่อนหน้านี้ 1386 01:04:20,350 --> 01:04:21,100 และคุณรู้อะไรไหม 1387 01:04:21,100 --> 01:04:22,610 ฉันจะเครื่องเทศนี้ขึ้นเล็กน้อย 1388 01:04:22,610 --> 01:04:23,860 ผมไม่ได้พูดถึงก่อนหน้านี้ 1389 01:04:23,860 --> 01:04:27,860 มีแท็กเช่น H1, สำหรับเดินทาง 1, หัวข้อที่สำคัญที่สุดในหน้าเว็บ 1390 01:04:27,860 --> 01:04:30,570 "My Google" ฉันจะเรียกสิ่งนี้ว่า 1391 01:04:30,570 --> 01:04:31,940 ผมขอโหลด 1392 01:04:31,940 --> 01:04:33,772 มันมองดีขึ้นเล็กน้อยแล้ว 1393 01:04:33,772 --> 01:04:34,980 และที่จริงแล้วคุณรู้อะไรไหม 1394 01:04:34,980 --> 01:04:36,430 ฉัน already-- ฉันโกหก 1395 01:04:36,430 --> 01:04:40,200 ผมบอกว่าผมไม่ได้ไปรูปแบบนี้ แต่ฉันจะรูปแบบนี้เหมือนก่อน 1396 01:04:40,200 --> 01:04:46,860 และร่างกายของฉันเป็นไปได้, สมมติว่า text-align ศูนย์ 1397 01:04:46,860 --> 01:04:48,800 มันมองมากขึ้นเช่น Google อยู่แล้ว 1398 01:04:48,800 --> 01:04:51,090 >> ฉันต้องการแบ่งบรรทัดแม้ว่า สำหรับปุ่มส่งที่ 1399 01:04:51,090 --> 01:04:52,798 และมันจะเปิดออกคุณ สามารถใช้ย่อหน้า 1400 01:04:52,798 --> 01:04:57,320 หรือคุณสามารถมากขึ้นอย่างแท้จริงเพียงแค่พูดว่า ให้ฉันแบ่งบรรทัด here-- แท็ก br 1401 01:04:57,320 --> 01:04:59,319 และถ้าผมโหลดนี้ตอนนี้ก็ไปที่นั่น 1402 01:04:59,319 --> 01:05:01,610 มันเป็นเรื่องเล็ก ๆ น้อย ๆ ที่น่าเกลียดดังนั้นฉัน สามารถทำแบ่งบรรทัดหลาย 1403 01:05:01,610 --> 01:05:03,310 แต่ขอไม่ได้รับความโลภมากเกินไปนี่ 1404 01:05:03,310 --> 01:05:06,430 ดังนั้นตอนนี้เรามาดูว่ามันเหมาะกับ "สุนัข". 1405 01:05:06,430 --> 01:05:08,640 ดูเหมือนว่าการทำงานสำหรับ "สุนัข" เช่นเดียว 1406 01:05:08,640 --> 01:05:10,780 ดังนั้นสิ่งที่น่าสนใจ Takeaway ที่นี่? 1407 01:05:10,780 --> 01:05:13,600 One-- ไม่ได้ก้าวกระโดดครั้งใหญ่ไป แนะนำแท็กอีกไม่กี่ 1408 01:05:13,600 --> 01:05:15,370 เช่นแท็กรูปแบบในแท็กการป้อนข้อมูล 1409 01:05:15,370 --> 01:05:17,120 แต่พื้นฐาน คือทุกสิ่งที่เรากำลังทำ 1410 01:05:17,120 --> 01:05:20,610 จะใช้ประโยชน์จากความเข้าใจของเรา ของ HTTP และความเป็นจริง 1411 01:05:20,610 --> 01:05:24,900 รูปแบบที่เปลี่ยนแปลงในท้ายที่สุด สิ่งที่อยู่ใน URL ของเบราว์เซอร์ 1412 01:05:24,900 --> 01:05:28,540 และเพื่อให้ดังนั้นเราจึงสามารถ กลไกให้การป้อนข้อมูลไปยังเซิร์ฟเวอร์ 1413 01:05:28,540 --> 01:05:33,600 โดยการทำให้รูปแบบ HTML และรู้ ว่าเซิร์ฟเวอร์เข้าใจ HTTP, 1414 01:05:33,600 --> 01:05:36,890 เช่นเดียวกับร่างกายของเราเข้าใจเช่น เขย่ามือของเราแล้วโปรโตคอลเดียวกัน 1415 01:05:36,890 --> 01:05:40,920 และเพื่อให้เราได้รับกลับมาตอบสนอง ในท้ายที่สุดว่าเราคาดหวัง 1416 01:05:40,920 --> 01:05:44,050 >> ดังนั้นขอให้พยายามที่จะทำอย่างใดอย่างหนึ่ง สิ่งสุดท้ายที่ตอนนี้มีมือถือ 1417 01:05:44,050 --> 01:05:47,052 และฉันจะ make-- ฉันจะเพิ่ม รหัสนี้เพื่อภาพนิ่ง 1418 01:05:47,052 --> 01:05:49,760 ดังนั้นหากคุณต้องการให้คนจรจัดคุณ แน่นอนสามารถใช้มันมาจากที่นั่น 1419 01:05:49,760 --> 01:05:51,551 แต่ฉันจะไป ข้างหน้าและทำสิ่งหนึ่ง 1420 01:05:51,551 --> 01:05:54,120 ฉันจะไปข้างหน้าและ เปิด Page-- ดัชนีของฉัน 1421 01:05:54,120 --> 01:05:59,030 หน้าสวัสดีฉันเป็นมาก่อนซึ่ง มีจำนวนมากของข้อความมารยาทละตินนี้ 1422 01:05:59,030 --> 01:06:05,470 หรือข้อความภาษาละตินหมายและ has-- มันมีลักษณะเช่นนี้ในขนาดตัวอักษรนี้ 1423 01:06:05,470 --> 01:06:07,850 แต่ให้ฉันไปข้างหน้าและทำเช่นนี้ 1424 01:06:07,850 --> 01:06:09,300 ฉันจะไปลงใน Cloud9 1425 01:06:09,300 --> 01:06:10,380 และคุณไม่ต้องทำตามขั้นตอนนี้ 1426 01:06:10,380 --> 01:06:11,420 ฉันเพิ่งจะทำมันเอง 1427 01:06:11,420 --> 01:06:12,890 ฉันจะคลิกแชร์ 1428 01:06:12,890 --> 01:06:15,170 และนี่คือคุณลักษณะ เพียงของ Cloud9 โดย 1429 01:06:15,170 --> 01:06:17,710 ฉันสามารถทำให้ประชาชนสภาพแวดล้อมของฉัน 1430 01:06:17,710 --> 01:06:20,240 >> และเพียงเพื่อประโยชน์ของ สาธิตให้ฉันทำเช่นนี้ 1431 01:06:20,240 --> 01:06:22,870 ฉันจะทำให้ประชาชนใบสมัครของฉัน 1432 01:06:22,870 --> 01:06:25,230 แจ้งให้ทราบก็เตือนฉัน am ผมแน่ใจว่าผมต้องการที่จะทำเช่นนี้ 1433 01:06:25,230 --> 01:06:28,438 เพราะนี้เป็นไปเพื่อให้ทุกคน ในโลกที่ไม่ว่าจะอยู่ที่นี่ตอนนี้ 1434 01:06:28,438 --> 01:06:33,560 หรือดูวิดีโอในภายหลัง อินเทอร์เน็ตสามารถมองเห็นสิ่งที่ฉันเห็น 1435 01:06:33,560 --> 01:06:34,440 แต่ที่ตกลง 1436 01:06:34,440 --> 01:06:37,870 ฉันจะพูดว่า "ทำ." 1437 01:06:37,870 --> 01:06:42,080 และแจ้งให้เราขอแนะนำให้คุณถ้าผมทำ นี้ correctly-- ให้ฉันทดสอบครั้งแรก 1438 01:06:42,080 --> 01:06:45,590 ไปข้างหน้าถ้าคุณไม่ mind-- ในเบราว์เซอร์บนคอมพิวเตอร์ของคุณ 1439 01:06:45,590 --> 01:06:49,900 ไปที่ URL นี้และหวังว่า คุณจะเห็นข้อความภาษาละตินของฉัน 1440 01:06:49,900 --> 01:06:52,820 และต้องมีความชัดเจนก็ ทำงานไม่ได้อยู่บนแล็ปท็อปของฉัน 1441 01:06:52,820 --> 01:06:53,610 มันอยู่ในระบบคลาวด์ 1442 01:06:53,610 --> 01:06:58,120 มันอยู่ใน Cloud9 แท้จริง แต่ ฉันได้ทำให้ประชาชนในพื้นที่ทำงานของฉัน 1443 01:06:58,120 --> 01:07:03,450 เพื่อให้ทุกคนบนอินเทอร์เน็ต สามารถเข้าถึงหน้าบ้านของฉันละติน 1444 01:07:03,450 --> 01:07:07,209 >> ไปที่ URL เดียวกันบน โทรศัพท์ของคุณถ้าคุณสามารถ 1445 01:07:07,209 --> 01:07:09,750 ถ้ามันจะเสียค่าใช้จ่าย แต่คุณ ก็สามารถมองข้ามไหล่ 1446 01:07:09,750 --> 01:07:40,688 1447 01:07:40,688 --> 01:07:42,467 ผู้ชม: [ไม่ได้ยิน] 1448 01:07:42,467 --> 01:07:43,550 เดวิดเจลัน: ฉันขอโทษ? 1449 01:07:43,550 --> 01:07:45,390 ผู้ชม: [ไม่ได้ยิน] 1450 01:07:45,390 --> 01:07:47,710 เดวิดเจลัน: เพียงแค่คำภาษาละติน 1451 01:07:47,710 --> 01:07:48,210 นั่นคือทั้งหมดที่ 1452 01:07:48,210 --> 01:07:49,250 แต่นั่นคือสิ่งที่คุณควรจะเห็น 1453 01:07:49,250 --> 01:07:49,875 >> ผู้ชม: ใช่ 1454 01:07:49,875 --> 01:07:50,790 เดวิดเจลัน: ใช่ 1455 01:07:50,790 --> 01:07:51,300 ใช่. 1456 01:07:51,300 --> 01:07:51,540 ตกลง. 1457 01:07:51,540 --> 01:07:53,530 ดังนั้นผมจึงสามารถถือได้ของคุณ โทรศัพท์เพื่อรอสักครู่? 1458 01:07:53,530 --> 01:07:57,504 ดังนั้นหวังว่าถ้าคุณเข้าถึง มันควรมีลักษณะไม่สามารถอ่านได้เกือบ 1459 01:07:57,504 --> 01:07:59,920 มัน still-- ฉันหมายความว่ามันเป็น อ่านไม่ได้เพราะภาษาละติน 1460 01:07:59,920 --> 01:08:01,920 แต่มันก็ยังไม่สามารถอ่านได้ สำหรับสิ่งที่เหตุผลอื่น? 1461 01:08:01,920 --> 01:08:03,775 เช่นเดียวกับสิ่งที่ displeases คุณเกี่ยวกับเรื่องนี้? 1462 01:08:03,775 --> 01:08:04,650 ผู้ชม: มันมีขนาดเล็ก 1463 01:08:04,650 --> 01:08:06,420 เดวิดเจลัน: มันเป็นซุปเปอร์ขนาดเล็กสุด 1464 01:08:06,420 --> 01:08:07,920 ดังนั้นวิธีที่เราสามารถแก้ไขปัญหานี้อย่างไร 1465 01:08:07,920 --> 01:08:09,730 ก็สุดขนาดเล็กสุด บนโทรศัพท์มือถือของรัฐวิกตอเรีย 1466 01:08:09,730 --> 01:08:11,400 และถ้าคุณได้ดึง มันขึ้นมาด้วยตัวเองอาจจะ 1467 01:08:11,400 --> 01:08:14,660 เล็ก ๆ บนโทรศัพท์ของคุณเป็นอย่างดีจนกว่าคุณ มีการตั้งค่าเปิดใช้งานการเข้าถึง 1468 01:08:14,660 --> 01:08:15,530 นั่นอะไร? 1469 01:08:15,530 --> 01:08:18,497 คุณก็สามารถหยิกและ ซูมซึ่งเป็นที่สามารถทำงานได้ 1470 01:08:18,497 --> 01:08:20,330 แต่แล้วคุณจะเห็นเพียง คำไม่กี่คำในเวลา 1471 01:08:20,330 --> 01:08:20,859 ดังนั้นรอสักครู่ 1472 01:08:20,859 --> 01:08:21,720 ฉันรู้วิธีการแก้ไขปัญหานี้ 1473 01:08:21,720 --> 01:08:22,219 ขวา? 1474 01:08:22,219 --> 01:08:26,130 ฉันสามารถใช้ CSS และฉันจะเปลี่ยน ขนาดตัวอักษรจาก 12 จุด 24 จุด 1475 01:08:26,130 --> 01:08:29,020 แต่ผลข้างเคียงจากการที่ แน่นอนเป็นไปได้ตอนนี้ 1476 01:08:29,020 --> 01:08:32,630 บนเดสก์ทอปหรือแล็ปท็อป ตอนนี้ข้อความที่เป็นสองเท่าของขนาดใหญ่ 1477 01:08:32,630 --> 01:08:35,810 และอื่น ๆ ชนิดของมันจะดี ที่จะแยกแยะระหว่างอุปกรณ์ 1478 01:08:35,810 --> 01:08:37,840 และมันจะเปิดออกมี มีวิธีการทำที่ 1479 01:08:37,840 --> 01:08:39,590 มีหลาย วิธีการที่แตกต่างกันในความเป็นจริง 1480 01:08:39,590 --> 01:08:44,189 โดยใช้ CSS และคุณสมบัตินักเล่น ว่าเราจะไม่ไปลงในรายละเอียดมาก 1481 01:08:44,189 --> 01:08:46,960 คุณเป็นหลักสามารถสอบถาม เบราว์เซอร์และพูดว่า 1482 01:08:46,960 --> 01:08:51,550 ถ้าหน้าจอของคุณมีขนาดเล็กกว่านี้ จำนวนพิกเซลใช้ขนาดตัวอักษรนี้ 1483 01:08:51,550 --> 01:08:55,180 ถ้าหน้าจอของคุณมีขนาดใหญ่กว่านี้ จำนวนพิกเซลใช้ขนาดตัวอักษรอื่น ๆ 1484 01:08:55,180 --> 01:08:57,080 >> คุณสามารถแม้แต่นักเล่นยังคง 1485 01:08:57,080 --> 01:09:00,140 หากคุณเคยเข้าเยี่ยมชม หน้าเว็บที่บนเดสก์ทอป 1486 01:09:00,140 --> 01:09:04,404 มีเมนูขนาดใหญ่อาจจะออกไป ด้านข้างแล้วเนื้อหาทั้งหมด 1487 01:09:04,404 --> 01:09:07,029 เป็นไปทางด้านข้างของที่ menu-- ว่าเป็นชนิดของกระบวนทัศน์ร่วมกัน 1488 01:09:07,029 --> 01:09:09,670 เมนูด้านซ้ายเนื้อหา ทางด้านขวาหรือในทางกลับกัน 1489 01:09:09,670 --> 01:09:13,569 ไม่ได้จริงๆทำงานบนมือถือของคุณเมื่อ หน้าจอเป็นเพียงแค่นี้จำนวนพิกเซลกว้าง 1490 01:09:13,569 --> 01:09:16,233 เพื่อร่วมกันเพิ่มเติมเกี่ยวกับโทรศัพท์มือถือคือ เมนูของคุณก็จะได้รับ 1491 01:09:16,233 --> 01:09:18,399 ทรุดตัวลงและคุณจะต้อง คลิกที่ปุ่มที่จะเห็นมัน 1492 01:09:18,399 --> 01:09:22,404 หรือเว็บไซต์จะนำเมนู ข้างต้นนั้นและใส่เนื้อหาด้านล่างนี้ค่ะ 1493 01:09:22,404 --> 01:09:24,779 และคุณสามารถใช้เหล่านี้ สิ่งที่อยู่ในหลายวิธีที่มากเกินไป 1494 01:09:24,779 --> 01:09:28,340 คุณสามารถขอให้โปรแกรมเมอร์ของคุณ เดี๋ยวก่อนทีมตลอดเวลา 1495 01:09:28,340 --> 01:09:34,450 คุณเห็นการร้องขอ HTTP จาก Android อุปกรณ์อุปกรณ์ Microsoft ของ Google 1496 01:09:34,450 --> 01:09:39,930 อุปกรณ์อุปกรณ์ Apple ใช้นี้ ขนาดตัวอักษรและใช้รูปแบบเมนูนี้ 1497 01:09:39,930 --> 01:09:42,670 หรืออื่น ๆ ที่ใช้รูปแบบเริ่มต้นที่ใหญ่กว่านี้ 1498 01:09:42,670 --> 01:09:45,410 >> ตอนนี้ใช้สิ่งที่ เทคนิคพื้นฐานในวันนี้ 1499 01:09:45,410 --> 01:09:48,529 วิศวกรสามารถใช้ ที่จะรู้ว่าไม่ว่าจะเป็น 1500 01:09:48,529 --> 01:09:53,660 มี iPhone, โทรศัพท์ Android, แล็ปท็อป เยี่ยมชมสก์ท็อปเซิร์ฟเวอร์ของ บริษัท หรือไม่ 1501 01:09:53,660 --> 01:09:55,310 ประเด็นที่พวกเขาได้รับข้อมูลที่? 1502 01:09:55,310 --> 01:09:56,080 >> ผู้ชม: หัว? 1503 01:09:56,080 --> 01:09:57,740 >> เดวิดเจลัน: ใช่ส่วนหัวของ HTTP 1504 01:09:57,740 --> 01:10:01,714 เพื่อให้ทุกคำขอ HTTP มาจาก ลูกค้าของพวกเขาไปยังเซิร์ฟเวอร์ของพวกเขา 1505 01:10:01,714 --> 01:10:03,880 รวมถึงภายในเสมือนที่ ซองจดหมายทั้งกลุ่ม 1506 01:10:03,880 --> 01:10:08,260 ของส่วนหัว HTTP ซึ่งหนึ่งในนั้นคือ เบราว์เซอร์และระบบปฏิบัติการ 1507 01:10:08,260 --> 01:10:10,290 แม้ถ้าคุณสนใจที่จะ ระดับของรายละเอียดที่ 1508 01:10:10,290 --> 01:10:13,790 ตอนนี้มันเป็นความลับสตริงมอง แต่ มีอยู่ซอฟต์แวร์ที่จะเพียงแค่ 1509 01:10:13,790 --> 01:10:18,530 ลดความซับซ้อนนั้นและคุณก็สามารถขอ ในการเขียนโปรแกรม code-- PHP, Java, C ++ 1510 01:10:18,530 --> 01:10:23,650 whatever-- สิ่งที่โทรศัพท์เป็น this-- สิ่งอุปกรณ์ที่เป็นผู้ใช้รายนี้ใช้? 1511 01:10:23,650 --> 01:10:27,501 และจากนั้นคุณสามารถพูดได้แสดงให้พวกเขานี้ รุ่นของเว็บไซต์ถ้าหากมันเป็นโทรศัพท์ 1512 01:10:27,501 --> 01:10:30,250 แสดงให้พวกเขารุ่นนี้ เว็บไซต์ถ้าเป็นแล็ปท็อปหรือคอมพิวเตอร์ตั้งโต๊ะ 1513 01:10:30,250 --> 01:10:32,316 แต่คุณไม่จำเป็นต้อง ความซับซ้อนด้านเซิร์ฟเวอร์ 1514 01:10:32,316 --> 01:10:33,940 คุณสามารถทำได้แม้กระทั่งการที่ง่ายที่สุดของสิ่งที่ 1515 01:10:33,940 --> 01:10:34,815 >> ฉันจะทำเช่นนี้ 1516 01:10:34,815 --> 01:10:38,995 ฉันจะไปข้างหน้าเข้า สภาพแวดล้อม Cloud9 ของฉัน 1517 01:10:38,995 --> 01:10:41,370 และฉันจะเพิ่มแท็ก ที่คุณเห็นใน Google ก่อน 1518 01:10:41,370 --> 01:10:42,770 มันเรียกว่าเมตาแท็ 1519 01:10:42,770 --> 01:10:45,520 และฉันไม่เคยจำได้ว่าหนึ่งในนี้เพื่อให้ ฉันจะถ่ายได้ที่นี่ 1520 01:10:45,520 --> 01:10:50,552 ชื่อ Meta = "วิวพอร์ต" และจากนั้น เนื้อหา = "width = ความกว้างของอุปกรณ์ intital 1521 01:10:50,552 --> 01:11:02,060 ขนาด = 1 "และที่มัน 1522 01:11:02,060 --> 01:11:06,230 >> ดังนั้นมันจึงเป็นอย่างดีอาจจะมี เหมือนคาถามนต์ขลัง 1523 01:11:06,230 --> 01:11:11,300 มันไม่ได้เป็นสิ่งที่ชัดเจน แต่นี้มี บางสิ่งบางอย่างจะทำอย่างไรกับวิวพอร์ต 1524 01:11:11,300 --> 01:11:15,070 และวิวพอร์ตเป็นเพียงร่างของการให้ หน้าเว็บภูมิภาคสี่เหลี่ยมที่ 1525 01:11:15,070 --> 01:11:16,690 กำหนดมากที่สุดของหน้า 1526 01:11:16,690 --> 01:11:19,060 และนี่เป็นเพียงการบอก เบราว์เซอร์ที่คุณรู้ว่าอะไร? 1527 01:11:19,060 --> 01:11:22,589 ทำให้ความกว้างของหน้านี้ ได้อย่างมีประสิทธิภาพเท่ากับความกว้างของอุปกรณ์ 1528 01:11:22,589 --> 01:11:25,380 ในคำอื่น ๆ ไม่คิดว่า คุณมีการเรียงลำดับของพื้นที่ไม่ จำกัด 1529 01:11:25,380 --> 01:11:29,920 สมมติคุณมีเพียงเท่า พื้นที่เป็นอุปกรณ์ที่ตัวเองเป็นใหญ่ 1530 01:11:29,920 --> 01:11:34,454 และดังนั้นตอนนี้ถ้าผมโหลดหน้านี้ใหม่ ในเบราว์เซอร์ของฉันฉันไม่เห็นการเปลี่ยนแปลง 1531 01:11:34,454 --> 01:11:37,370 แต่ถ้าฉันไม่ correctly-- นี้และ ให้ฉันข้าม fingers-- ของฉันถ้าคุณทุกคน 1532 01:11:37,370 --> 01:11:42,920 โหลดโทรศัพท์ของคุณคุณ เห็นการเปลี่ยนแปลงที่น่าสนใจ? 1533 01:11:42,920 --> 01:11:43,620 ใช่เป็นปัจจุบันผู้ 1534 01:11:43,620 --> 01:11:45,067 >> ผู้ชม: [ไม่ได้ยิน] 1535 01:11:45,067 --> 01:11:45,900 เดวิดเจลัน: ใช่ 1536 01:11:45,900 --> 01:11:46,400 ตกลง. 1537 01:11:46,400 --> 01:11:47,850 ดังนั้นเนื้อหาที่อ่านได้มากขึ้นตอนนี้หรือไม่ 1538 01:11:47,850 --> 01:11:53,070 ยังมีขนาดเล็กเพื่อความเป็นธรรม แต่ไม่ได้ จึงเป็นขนาดเล็กที่สุดเท่าที่จะเป็นไม่สามารถจัดการได้ 1539 01:11:53,070 --> 01:11:56,920 และแน่นอนฉันสามารถแทนที่นี้ เพิ่มเติมด้วย CSS หรือบนฝั่งเซิร์ฟเวอร์ 1540 01:11:56,920 --> 01:12:00,120 แต่มากขึ้นสิ่งที่คุณกำลัง เห็นเป็นคุณสมบัติมากขึ้น 1541 01:12:00,120 --> 01:12:02,900 ที่เพิ่มเข้ามา environments-- ฝั่งไคลเอ็นต์ 1542 01:12:02,900 --> 01:12:06,530 จาวาสคริปต์ที่เราจะพูดถึง ในวันพรุ่งนี้, CSS และ HTML-- ดังนั้น 1543 01:12:06,530 --> 01:12:09,190 ว่าทุกคำสั่งเหล่านี้ สามารถทำได้บนไคลเอนต์ 1544 01:12:09,190 --> 01:12:11,910 เพื่อให้เป็นไปรำคาญ เซิร์ฟเวอร์มากน้อยและไม่ได้ 1545 01:12:11,910 --> 01:12:14,530 ที่จะมีการให้ทันกับการสำหรับ ตัวอย่างเช่นการโจมตีอย่างต่อเนื่อง 1546 01:12:14,530 --> 01:12:17,210 ของระบบปฏิบัติการใหม่ รุ่นรุ่นเบราว์เซอร์ใหม่ 1547 01:12:17,210 --> 01:12:20,190 คุณก็สามารถปล่อยให้เบราว์เซอร์ ขออุปกรณ์วิธีการใหญ่เป็นคุณ 1548 01:12:20,190 --> 01:12:22,890 แล้วทำให้ค่อนข้างตรรกะ การตัดสินใจขึ้นอยู่กับว่า 1549 01:12:22,890 --> 01:12:25,140 แต่เราจะเห็นโอกาสมากขึ้น สำหรับการตัดสินใจเชิงตรรกะ 1550 01:12:25,140 --> 01:12:27,223 วันพรุ่งนี้ในบริบท ของการเขียนโปรแกรมภาษา 1551 01:12:27,223 --> 01:12:29,800 1552 01:12:29,800 --> 01:12:32,760 >> ดังนั้นคำถามใด ๆ แล้ว ในการพัฒนาเว็บ? 1553 01:12:32,760 --> 01:12:36,130 วันนี้ไม่ได้เขียนโปรแกรมเว็บต่อ SE ทุกอย่างมากที่สุดตั้งแต่ที่เราทำ 1554 01:12:36,130 --> 01:12:38,370 เป็นความงามมากถ้าคุณจะ 1555 01:12:38,370 --> 01:12:41,750 ไม่มีการตัดสินใจในการเป็น รหัสที่เราได้เขียน 1556 01:12:41,750 --> 01:12:44,990 และเพื่อที่ว่าทำไม HTML เป็นมาร์กอัป ภาษาไม่ได้เป็นภาษาการเขียนโปรแกรม 1557 01:12:44,990 --> 01:12:47,140 แต่ในวันพรุ่งนี้เราจะพา ดูอย่างรวดเร็วที่สุด 1558 01:12:47,140 --> 01:12:49,340 ที่ JavaScript, ซึ่งเป็น เขียนโปรแกรมที่เกิดขึ้นจริง 1559 01:12:49,340 --> 01:12:54,220 ภาษาที่ช่วยให้เราทำมากขึ้นอีกนิด 1560 01:12:54,220 --> 01:12:56,800 >> มีคำถามอะไรไหม? 1561 01:12:56,800 --> 01:13:00,480 ดีให้ฉันเสนอสอง โอกาสในการเป็นตัวเลือกสำหรับการบ้าน 1562 01:13:00,480 --> 01:13:02,900 หนึ่ง is-- Cloud9 เหล่านี้ บัญชีจะไม่หมดอายุ 1563 01:13:02,900 --> 01:13:04,669 คุณสามารถใช้ พวกเขาไปกับคนจรจัด 1564 01:13:04,669 --> 01:13:05,960 มันเป็นระดับของการให้บริการฟรี 1565 01:13:05,960 --> 01:13:08,754 ตระหนักดีว่าหากเมื่อมีการสร้าง พื้นที่ทำงานของคุณคุณทำให้มันเป็นที่สาธารณะ 1566 01:13:08,754 --> 01:13:11,670 ที่ไม่ได้หมายความว่าทุกคนในที่ อินเทอร์เน็ตสามารถมองเห็นสิ่งที่คุณกำลังพิมพ์ 1567 01:13:11,670 --> 01:13:15,104 ดังนั้นอาจจะแค่พิจารณา ไม่อายตัวเอง 1568 01:13:15,104 --> 01:13:18,020 ถ้าคุณกำลังวางเว็บแรกของคุณ หน้าออกมีต่อสาธารณชนโดยไม่ได้ตั้งใจ 1569 01:13:18,020 --> 01:13:20,134 แต่ไม่มีใครจะไป รู้ที่จะมองมีอยู่แล้ว 1570 01:13:20,134 --> 01:13:23,760 >> และ two-- ให้ฉันโยน ขึ้น URL นี้เช่นกัน 1571 01:13:23,760 --> 01:13:28,250 โดยเฉพาะอย่างยิ่งถ้าคุณเดินเข้ามาในวันนี้ เล็ก ๆ น้อย ๆ ที่สะดวกสบายน้อยกว่าคนอื่น ๆ 1572 01:13:28,250 --> 01:13:30,430 ไม่แน่ใจว่าทั้งหมดนี้สิ่งที่หมายถึง 1573 01:13:30,430 --> 01:13:36,780 ตระหนักดีว่ามากขึ้นของวิดีโอนี้ ซึ่งเป็นทั้งเป็นวิธีที่ดีที่จะหลับ 1574 01:13:36,780 --> 01:13:39,380 และยังจะหัวเราะในขณะที่ การทำเช่นนี้นอกจากนี้ยังมี 1575 01:13:39,380 --> 01:13:44,300 จำนวนมากที่น่าสนใจ societally และการอภิปรายที่เกี่ยวข้องการรักษาความปลอดภัย 1576 01:13:44,300 --> 01:13:47,370 ในนั้นจากจอห์นโอลิเวอร์ แม้ว่านักแสดงตลก 1577 01:13:47,370 --> 01:13:55,456 >> แต่ถ้าไม่มีคำถามเพิ่มเติม ที่นำเราไปยังแผนกต้อนรับส่วนหน้า 1578 01:13:55,456 --> 01:13:56,830 ดังนั้นทำไมฉันจึงไม่เปิดเพลง 1579 01:13:56,830 --> 01:13:58,610 ควรจะมีเครื่องดื่ม และอาหารว่างนอก 1580 01:13:58,610 --> 01:14:00,220 ฉันมีความสุขที่จะคลาคล่ำสำหรับ ตราบใดที่คนต้องการ 1581 01:14:00,220 --> 01:14:01,600 ตอบคำถามอีกหนึ่งต่อหนึ่ง 1582 01:14:01,600 --> 01:14:03,330 แต่มิฉะนั้นคุณจะได้รับการต้อนรับ ที่จะปิดที่จุดใด ๆ 1583 01:14:03,330 --> 01:14:05,740 และเราจะเห็นคุณอีกครั้ง พรุ่งนี้เช้าสำหรับอีกเล็กน้อย 1584 01:14:05,740 --> 01:14:07,290 สิทธิทั้งหมดขอบคุณ 1585 01:14:07,290 --> 01:14:10,428