1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [เล่นเพลง] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 เดวิดเจลัน: สิทธิทั้งหมดยินดีต้อนรับกลับ 5 00:00:12,580 --> 00:00:13,600 นี้เป็น CS50 6 00:00:13,600 --> 00:00:15,540 นี่คือจุดสิ้นสุดของสัปดาห์เจ็ด 7 00:00:15,540 --> 00:00:18,180 และมันก็เป็นจุดสิ้นสุดของกินของเน่าที่ ล่าจากปัญหาการตั้งสี่ 8 00:00:18,180 --> 00:00:19,220 ที่คุณอาจจำ 9 00:00:19,220 --> 00:00:21,650 หลังจากที่การกู้คืนทั้งหมดของ JPEGs ของพนักงาน 10 00:00:21,650 --> 00:00:24,820 คุณถูกท้าทายถ้าคุณต้องการ การถ่ายภาพตัวเองด้วยเป็นจำนวนมาก 11 00:00:24,820 --> 00:00:25,981 ของคนเหล่านั้นเท่าที่คุณสามารถ 12 00:00:25,981 --> 00:00:28,480 เรามีทั้งกลุ่มของการส่ง ในช่วงไม่กี่สัปดาห์ที่ผ่านมา 13 00:00:28,480 --> 00:00:32,980 แน่นอนค่อนข้างขวาไม่กี่ก่อนเที่ยง วันนี้บางคนที่เป็นคนที่นี่ 14 00:00:32,980 --> 00:00:37,670 จับนี่ in-- ดู like-- Annenberg ฮอลล์ในเวลาทำการอย่างใดอย่างหนึ่งที่นี่ 15 00:00:37,670 --> 00:00:39,530 โลเวลล์เฮ้าส์กับนิค 16 00:00:39,530 --> 00:00:41,750 นี่คือรามอนถูกจับบนโทรศัพท์ 17 00:00:41,750 --> 00:00:43,870 นี่เป็นที่รับประทานอาหารกลางวัน CS50 18 00:00:43,870 --> 00:00:46,840 นี่คือเจสัน Skyping กับ เพื่อนร่วมชั้นของความคิดสร้างสรรค์มากขึ้น 19 00:00:46,840 --> 00:00:48,280 ที่โทรมาหาเขาด้วยวิธีนี้ 20 00:00:48,280 --> 00:00:49,690 เราไม่ทราบว่านี้คือ 21 00:00:49,690 --> 00:00:51,940 >> [หัวเราะ] 22 00:00:51,940 --> 00:00:54,570 >> เดวิดเจลัน: แต่ ที่มีมูลค่ากิกะไบต์ 23 00:00:54,570 --> 00:00:56,960 นี่คือช้างที่ ตัวอักษรวิ่งลงจากเวที 24 00:00:56,960 --> 00:01:00,480 เพื่อหลีกเลี่ยงการถูกถ่ายภาพหนึ่ง วัน แต่ถูกจับได้ในที่สุด 25 00:01:00,480 --> 00:01:02,050 นี่คือนิค 26 00:01:02,050 --> 00:01:03,480 นี่คือนิค 27 00:01:03,480 --> 00:01:04,080 นี่คือนิค 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 และนี่คืออลิสันลงมาจากทุ่งนา 30 00:01:07,670 --> 00:01:11,840 และ Zamyla แม้พบ ในการแข่งขันบอลรูม 31 00:01:11,840 --> 00:01:14,100 ดังนั้นเราจะไปถึง ภาพถ่ายเหล่านี้คิดออก 32 00:01:14,100 --> 00:01:16,690 ที่ส่งมากที่สุด ที่เก่าแก่ที่สุดและได้รับรางวัล 33 00:01:16,690 --> 00:01:20,662 หนึ่งรางวัลนิยายเป็น สัญญาไว้ในสเป็ค 34 00:01:20,662 --> 00:01:23,120 และเรายังจะได้ติดตามเกี่ยวกับ พื้นที่ที่มีส่วนเกี่ยวข้อง 35 00:01:23,120 --> 00:01:26,860 >> คู่ของ announcements-- อาหารกลางวันเพื่อ เป็นอีกครั้งวันศุกร์นี้ที่ 13:15 36 00:01:26,860 --> 00:01:30,420 หากคุณต้องการที่จะเข้าร่วมกับเรา RSVP ที่ URL ที่นี่ 37 00:01:30,420 --> 00:01:33,730 เจสันปรากฏขึ้นอีกครั้งที่นี่จากที่หนึ่ง ส่วนสองสามปี 38 00:01:33,730 --> 00:01:35,510 กลับซึ่งเกิดขึ้น จะตกในวันฮาโลวีน 39 00:01:35,510 --> 00:01:38,950 และแน่นอนเขาแต่งตัวเป็น ฟักทองปีนั้น ๆ 40 00:01:38,950 --> 00:01:42,700 ถ้าคุณดูในส่วนนี้ ของจาก 2011 ส่วนของเขา 41 00:01:42,700 --> 00:01:46,480 แปดถ้าคุณอยากรู้, ที่ CS50.tv ผมคิดว่า 42 00:01:46,480 --> 00:01:49,730 นี้เป็นปีที่ ปั๊มลมของเขาเป็นคนที่ทำงาน 43 00:01:49,730 --> 00:01:52,490 >> แล้วถ้าคุณดู ส่วนที่คล้ายกันในปี 2012 44 00:01:52,490 --> 00:01:55,620 คุณจะเห็นเจสันกิ่วมากนี้ ตั้งแต่ชุดที่ไม่ได้ทำหน้าที่ 45 00:01:55,620 --> 00:01:58,060 ซึ่งเป็นเพียงการบอกว่า วันศุกร์นี้, หากคุณต้องการ 46 00:01:58,060 --> 00:02:02,720 ชอบที่จะแกะสลักฟักทองกับ Daven และเกบและคนอื่น ๆ RSVP หัว 47 00:02:02,720 --> 00:02:04,480 ที่อยู่ cs50.harvard.edu 48 00:02:04,480 --> 00:02:06,200 มันสัญญาว่าจะสนุกมาก 49 00:02:06,200 --> 00:02:08,660 Daven เรากำลังบอกว่ามีการแกะสลัก ฟักทองทั้งหมดของชีวิตของเขา 50 00:02:08,660 --> 00:02:11,930 กาเบรียลจากบราซิลไม่เคย แกะสลักฟักทองสำหรับวันฮาโลวีน 51 00:02:11,930 --> 00:02:14,700 ดังนั้นจะมีกับพวกเขาในขณะที่เขาเรียนรู้ 52 00:02:14,700 --> 00:02:16,830 >> สัมมนา meanwhile-- ดังนั้นคุณจะได้เรียนรู้เร็ว ๆ นี้ 53 00:02:16,830 --> 00:02:20,650 เกี่ยวกับสิ่งที่คาดหวังของเราสำหรับ โครงการสุดท้ายซึ่งเป็นหลัก 54 00:02:20,650 --> 00:02:23,150 จะต้มลงไป การออกแบบและการดำเนินการ 55 00:02:23,150 --> 00:02:26,440 ส่วนโครงการใดที่สนใจของ คุณแม้จะต้องได้รับอนุมัติ 56 00:02:26,440 --> 00:02:28,490 และคำแนะนำจากเพื่อนการเรียนการสอนของคุณ 57 00:02:28,490 --> 00:02:32,110 ในช่วงท้ายของ ภาคการศึกษาที่เราแนะนำเป็นจำนวนมาก 58 00:02:32,110 --> 00:02:35,610 การสัมมนาซึ่งเป็นตัวเลือกชั้นเรียน นำโดยทุนการเรียนการสอนและฮาร์วาร์ 59 00:02:35,610 --> 00:02:38,570 พนักงานเพื่อนของหลักสูตรข้าม มหาวิทยาลัยในหัวข้อต่างๆที่ 60 00:02:38,570 --> 00:02:41,470 จะสัมผัสกับ หลักสูตรหลักสูตรพื้นฐาน 61 00:02:41,470 --> 00:02:45,590 แต่อย่างไรก็ตามที่สนุกและ ที่แตกต่างกันสำหรับโครงการสุดท้ายที่มีศักยภาพ 62 00:02:45,590 --> 00:02:49,530 >> ยกตัวอย่างเช่นก่อนถ้าคุณต้องการ ลงทะเบียนหัวไปยัง URL ที่ว่ามี 63 00:02:49,530 --> 00:02:53,010 และนี่คือผู้เล่นตัวจริงสำหรับ การสัมมนาในปีนี้เพียงอย่างเดียว 64 00:02:53,010 --> 00:02:56,060 แต่ตระหนักถึงเรามีหลายสิบ การสัมมนาจากปีที่ผ่านมาซึ่งทั้งหมดนี้ 65 00:02:56,060 --> 00:02:59,774 มีการเชื่อมโยงในเมนูสัมมนา ตัวเลือกของเว็บไซต์ของหลักสูตร 66 00:02:59,774 --> 00:03:02,190 ดังนั้นหากคุณกำลังคิดเกี่ยวกับ จะเกินเขตสบายของคุณ 67 00:03:02,190 --> 00:03:05,060 หรือยกขึ้นทักษะใหม่บางส่วน เช่น iPhone การเขียนโปรแกรม 68 00:03:05,060 --> 00:03:08,100 ปพลิเคชันที่มีสวิฟท์, ภาษาใหม่ จากแอปเปิ้ลหรือวัตถุประสงค์ -C 69 00:03:08,100 --> 00:03:11,230 หรือ Android ปพลิเคชันหรือการเขียนโปรแกรม [? คิว?] หลอดไฟหรือใด ๆ ของหัวข้อ 70 00:03:11,230 --> 00:03:15,490 ขึ้นที่นี่และอื่น ๆ , การตรวจสอบจาก ออกหน้าลงทะเบียน 71 00:03:15,490 --> 00:03:19,730 >> ดังนั้นเราจึงเริ่มต้นขึ้นโดยสรุปแล้ว วันจันทร์กับมองไปที่ HTTP 72 00:03:19,730 --> 00:03:22,675 ดังนั้น HTTP refresher-- รวดเร็ว HyperText Transfer Protocol 73 00:03:22,675 --> 00:03:24,045 แต่สิ่งที่ไม่ว่าจริงๆหมายถึงอะไร? 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 อะไรที่จริงหมายถึงอะไร? 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 คือการที่มือ? 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 ฉันรู้ว่าคุณกำลังเกาหัวของคุณ 80 00:03:34,740 --> 00:03:36,400 แต่คุณต้องการที่จะนำเสนอสิ่งที่ HTTP คืออะไร? 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> คอมพิวเตอร์วิธี: ผู้ชม สื่อสารกับ [ไม่ได้ยิน] 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 เดวิดเจลัน: ฉันพลาดส่วนสุดท้าย 85 00:03:43,100 --> 00:03:45,774 วิธีการสื่อสารคอมพิวเตอร์ with-- 86 00:03:45,774 --> 00:03:47,325 >> เซิร์ฟเวอร์อินเทอร์เน็ต: ผู้ชม 87 00:03:47,325 --> 00:03:50,450 เดวิดเจลัน: Good-- กับอินเทอร์เน็ต เซิร์ฟเวอร์และโดยเฉพาะเว็บเซิร์ฟเวอร์ 88 00:03:50,450 --> 00:03:53,533 เพราะการเรียกคืนมีพวงของ บริการบนอินเทอร์เน็ตบางแห่งที่ 89 00:03:53,533 --> 00:03:57,349 คุณใช้อาจจะทุกวันระหว่างการสนทนา และข้อความสนทนาและเว็บและอีเมล 90 00:03:57,349 --> 00:03:57,890 และไม่ชอบ 91 00:03:57,890 --> 00:04:00,900 และ HTTP เป็นเพียง โปรโตคอลที่เว็บเบราเซอร์ 92 00:04:00,900 --> 00:04:03,750 พูดเมื่อสื่อสารกับ เว็บเซิร์ฟเวอร์และในทางกลับกัน 93 00:04:03,750 --> 00:04:05,580 และอนาล็อกใน โลกมนุษย์อาจจะมี 94 00:04:05,580 --> 00:04:08,730 ผมขยายมือของฉันจะจับบาง มนุษย์อื่น ๆ และเขาหรือเธอ 95 00:04:08,730 --> 00:04:11,970 ยอมรับโดยการขยาย ของเขาหรือมือของเธอได้เป็นอย่างดี 96 00:04:11,970 --> 00:04:13,970 เพื่อให้เป็นเพียงแค่โพรโทคอ ชุดของการประชุม 97 00:04:13,970 --> 00:04:15,630 >> และสิ่งที่แน่นอนการประชุมเหล่านั้น? 98 00:04:15,630 --> 00:04:18,640 ดีก็เพียงแค่เดือดลงไป การส่งข้อความกลับมา 99 00:04:18,640 --> 00:04:19,770 ในขณะที่เราแสดงให้เห็นที่นี่ 100 00:04:19,770 --> 00:04:22,520 และมีไม่กี่วิธี ซึ่งคุณสามารถส่งข้อความเหล่านี้ 101 00:04:22,520 --> 00:04:24,360 และบางทีอาจจะมากที่สุด ร่วมกันเป็นที่รู้จักกันได้รับ 102 00:04:24,360 --> 00:04:26,510 และเราจะเห็นความแตกต่าง นี้ไม่นาน 103 00:04:26,510 --> 00:04:30,010 >> แต่ได้รับการร้องขอจากเบราว์เซอร์ ไปยังเซิร์ฟเวอร์เพียงลักษณะเช่นนี้ 104 00:04:30,010 --> 00:04:32,960 มันเป็นพวงของข้อความที่มันทำให้ ภายในซองจดหมายเสมือน 105 00:04:32,960 --> 00:04:35,854 ที่ด้านนอกของซองจดหมายที่ ไปชิ้นสองสามรายละเอียด 106 00:04:35,854 --> 00:04:37,770 สิ่งที่จำเป็นที่จะไป ซองจดหมายเพื่อที่จะพูด 107 00:04:37,770 --> 00:04:41,820 เพื่อให้ได้รับการร้องขอเช่น นี้จากฉันไปยังเว็บเซิร์ฟเวอร์? 108 00:04:41,820 --> 00:04:42,320 ใช่ 109 00:04:42,320 --> 00:04:43,270 >> ผู้ชม: อยู่ IP ของคุณ 110 00:04:43,270 --> 00:04:45,890 >> เดวิดเจลัน: ที่อยู่ IP ของฉัน ในสาขาจากเพื่อที่จะพูด 111 00:04:45,890 --> 00:04:49,490 และแน่นอน ที่อยู่ IP ของผู้รับ 112 00:04:49,490 --> 00:04:52,710 แต่ในกรณีของเว็บแพ็คเก็ต, เราจำเป็นต้องมีรายละเอียดเล็ก ๆ น้อย ๆ 113 00:04:52,710 --> 00:04:55,254 มันไม่เพียงพอเพียงเพื่อ ส่งซองจดหมายไปยังเซิร์ฟเวอร์ 114 00:04:55,254 --> 00:04:57,670 เนื่องจากเซิร์ฟเวอร์ที่อาจจะมี ฟังชนิดที่แตกต่างกัน 115 00:04:57,670 --> 00:04:59,180 ของการจราจรทางอินเทอร์เน็ต 116 00:04:59,180 --> 00:05:01,370 ดังนั้นอะไรที่เราต้องทำ นอกเหนือจากไอพีของผู้รับ? 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 ใช่? 119 00:05:03,222 --> 00:05:04,241 >> ผู้ชม: มัน TCP? 120 00:05:04,241 --> 00:05:05,074 เดวิดเจลัน: ดี 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> ผู้ชมที่อยู่ 123 00:05:07,340 --> 00:05:09,340 >> เดวิดเจลันที่อยู่, หรือพอร์ตเป็นมันเรียกว่า 124 00:05:09,340 --> 00:05:11,010 ปิด แต่หมายเลขพอร์ต TCP 125 00:05:11,010 --> 00:05:12,220 และมีพวงของเหล่านี้ 126 00:05:12,220 --> 00:05:14,310 แต่แน่นอนที่สุด คุ้นเคยควรในที่สุด 127 00:05:14,310 --> 00:05:17,590 เป็น 80 ซึ่งเป็นค่าเริ่มต้น หนึ่งที่ใช้สำหรับการเข้าชมเว็บ 128 00:05:17,590 --> 00:05:20,040 และคุ้นเคยอีก หนึ่งในเร็ว ๆ นี้จะ 443, 129 00:05:20,040 --> 00:05:24,280 ซึ่งจะใช้สำหรับการรักษาความปลอดภัยเว็บ การจราจร URL ที่ที่เริ่มต้นด้วย https 130 00:05:24,280 --> 00:05:26,650 >> ดังนั้นนี่คือสิ่งที่จะไป ภายในซองว่า 131 00:05:26,650 --> 00:05:29,780 และได้รับ / เพียงหมายถึงการให้ ฉันหน้าเว็บที่เริ่มต้น 132 00:05:29,780 --> 00:05:32,700 ให้ฉันรากของยาก ขับรถบนเว็บเซิร์ฟเวอร์ที่ 133 00:05:32,700 --> 00:05:36,050 และหวังว่าเว็บ เซิร์ฟเวอร์จะตอบสนองกับตกลง 134 00:05:36,050 --> 00:05:39,630 และหมายเลข 200 ซึ่งเป็นเพียง การประชุมบอกว่าใช่ทั้งหมด 135 00:05:39,630 --> 00:05:40,470 เป็นที่แน่นอนตกลง 136 00:05:40,470 --> 00:05:41,680 นี่หน้าเป็น 137 00:05:41,680 --> 00:05:45,510 ประเภทของหน้าเว็บที่เป็นไปได้ เป็นข้อความ แต่โดยเฉพาะอย่างยิ่ง, HTML, 138 00:05:45,510 --> 00:05:47,010 ซึ่งเรากำลังจะดำน้ำกลับเข้ามา 139 00:05:47,010 --> 00:05:49,877 และ dot dot dot เพียง หมายถึงที่นี่เป็น HTML 140 00:05:49,877 --> 00:05:51,710 และนั่นคือสิ่งที่เรา รับเรื่องในวันนี้ 141 00:05:51,710 --> 00:05:55,740 จริงเขียน HTML, Hypertext Markup Language ซึ่ง 142 00:05:55,740 --> 00:05:57,727 เป็นภาษาที่ หน้าเว็บที่มีการเขียน 143 00:05:57,727 --> 00:05:59,060 มันไม่ใช่การเขียนโปรแกรมภาษา 144 00:05:59,060 --> 00:06:01,270 มีฟังก์ชั่นไม่ได้ หรือลูปหรือเงื่อนไข 145 00:06:01,270 --> 00:06:03,800 เป็นภาษามาร์กอัป, ได้เป็นอย่างดีอีกครั้งเห็นในวันนี้ 146 00:06:03,800 --> 00:06:07,240 ที่ช่วยให้คุณระบุ วิธีการโครงสร้างและทันสมัย​​จน 147 00:06:07,240 --> 00:06:09,300 สกอร์หน้าเว็บ 148 00:06:09,300 --> 00:06:11,470 >> ดังนั้นนี้เป็นหนึ่งใน และหน้าเดียวที่เราจริงๆ 149 00:06:11,470 --> 00:06:13,930 มองที่ถ้าสั้น ๆ ในวันจันทร์ที่ 150 00:06:13,930 --> 00:06:16,250 และแจ้งให้ทราบล่วงหน้าไม่กี่ ลักษณะเด่น 151 00:06:16,250 --> 00:06:20,170 มีจำนวนมากที่เปิดมุมคือ วงเล็บและใกล้วงเล็บมุม 152 00:06:20,170 --> 00:06:23,160 ในระหว่างมุมเหล่านั้น วงเล็บเป็นคำ 153 00:06:23,160 --> 00:06:25,660 และเรากำลังจะเริ่มต้น เรียกผู้ที่คำพูดของแท็ก 154 00:06:25,660 --> 00:06:28,800 ยึดหัวเปิดเพื่อ และยึดหัวปิด 155 00:06:28,800 --> 00:06:33,620 เป็นแท็กเปิดและปิด หรือเริ่มต้นและสิ้นสุดแท็ก 156 00:06:33,620 --> 00:06:37,660 ตามลำดับขององค์ประกอบ HTML, ในขณะที่เราจะเรียกว่าเรียกว่าหัว 157 00:06:37,660 --> 00:06:41,760 และศัพท์แสงเดียวกันกับ ต่อร่างกายในรูปแบบ HTML และอื่น ๆ 158 00:06:41,760 --> 00:06:43,970 >> และสิ่งที่ดีคือ HTML-- และแน่นอนเราจะ 159 00:06:43,970 --> 00:06:47,187 ใช้เวลาน้อยมากกับมัน เพราะคุณจะได้ส่วนใหญ่ก็คิดออก 160 00:06:47,187 --> 00:06:49,770 สิ่งที่มีมันมีเมื่อคุณ จะมีปัญหาที่เป็นรูปธรรม 161 00:06:49,770 --> 00:06:52,820 เพื่อ solve-- คุณจะพบว่า เบราว์เซอร์เป็นใบ้สวย 162 00:06:52,820 --> 00:06:56,450 มันก็จะไม่ต่างจาก do-- computer-- สิ่งที่คุณบอกว่าจะทำอย่างไร 163 00:06:56,450 --> 00:06:59,279 และดังนั้นเมื่อคุณเปิด วงเล็บ HTML ที่ด้านบนสุด 164 00:06:59,279 --> 00:07:01,320 มีที่เป็นหลัก ก็หมายความว่าเดี๋ยวก่อนเบราว์เซอร์ 165 00:07:01,320 --> 00:07:04,090 ที่นี่มาหน้าเว็บที่เขียนในรูปแบบ HTML 166 00:07:04,090 --> 00:07:06,130 >> เมื่อเห็นวงเล็บเปิด หัวที่เพียงแค่หมายความว่า 167 00:07:06,130 --> 00:07:10,350 เดี๋ยวก่อนเบราว์เซอร์ที่นี่มาหัวหรือ ส่วนบนสุดของหน้าเว็บของฉัน 168 00:07:10,350 --> 00:07:14,192 เมื่อเห็นวงเล็บปิด หัวที่เพียงแค่หมายความว่าเดี๋ยวก่อน 169 00:07:14,192 --> 00:07:15,150 ที่มันสำหรับหัว 170 00:07:15,150 --> 00:07:16,420 สแตนด์บายอย่างอื่น 171 00:07:16,420 --> 00:07:18,878 และสิ่งอื่นที่เป็น เห็นได้ชัดว่าจะเป็นร่างกาย 172 00:07:18,878 --> 00:07:22,630 และเมื่อคุณไม่ได้มีแท็กเช่น คุณมีเพียงแค่สวัสดีจุลภาคโลก 173 00:07:22,630 --> 00:07:26,610 ที่เพิ่งจะเป็นข้อความที่ดิบ ในท้ายที่สุดจะแสดงในหน้าจอ 174 00:07:26,610 --> 00:07:29,220 >> ตอนนี้คุณจะสังเกตเห็นเกินไป ย่อหน้าที่นี่ 175 00:07:29,220 --> 00:07:32,160 คุณอาจจะสามารถสรุป วิธีการที่เรากำลัง stylizing มัน 176 00:07:32,160 --> 00:07:34,850 ทุกครั้งที่ฉันเปิดแท็ก จึงจะพูดฉันเยื้อง 177 00:07:34,850 --> 00:07:38,540 และทุกครั้งที่ผมปิด แท็กฉันยกเลิกการเยื้อง 178 00:07:38,540 --> 00:07:40,690 ในทำนองเดียวกันกับวงเล็บปีกกา 179 00:07:40,690 --> 00:07:43,470 และเกินกว่าที่ผมชนิด ของการใช้การตัดสินใจของฉัน 180 00:07:43,470 --> 00:07:48,380 แจ้งให้ทราบว่าผมไม่ได้รำคาญตี ใส่ที่อยู่ภายในแท็กชื่อที่ 181 00:07:48,380 --> 00:07:48,990 ทำไม? 182 00:07:48,990 --> 00:07:51,920 ดีฉันก็ตัดสินใจที่จะดู ทำความสะอาดเล็ก ๆ น้อย ๆ กับผมของมนุษย์ 183 00:07:51,920 --> 00:07:53,181 เพียงแค่ไม่รบกวนการทำที่ 184 00:07:53,181 --> 00:07:54,930 ดังนั้นอีกครั้งมีบาง การตัดสินเพียงแค่เรียกร้อง 185 00:07:54,930 --> 00:07:57,670 เช่นเดียวกับที่มีอยู่ใน C หรือภาษาใด ๆ 186 00:07:57,670 --> 00:08:04,110 >> แต่สังเกตเห็นเกินไปที่จะย่อหน้านี้ ยืมตัวเองไปแบบจิต 187 00:08:04,110 --> 00:08:05,670 อย่าให้เกินมันซับซ้อน 188 00:08:05,670 --> 00:08:07,020 แต่ต้นไม้ใช่มั้ย? 189 00:08:07,020 --> 00:08:09,290 ถ้าคุณคิดว่าเว็บ หน้าเขียนเห็นได้ชัด 190 00:08:09,290 --> 00:08:12,050 เช่นนี้ว่าเป็น อย่างเยื้องวิธีการที่ 191 00:08:12,050 --> 00:08:17,390 คุณเกือบจะสามารถคิดวงเล็บเปิด แท็ก HTML วงเล็บปิดเป็น demarcating 192 00:08:17,390 --> 00:08:21,380 รากของโหนดต้นไม้ครอบครัว โหนดสไตล์ในรูปแบบของต้นไม้ 193 00:08:21,380 --> 00:08:22,900 เรามองที่เมื่อวันศุกร์ 194 00:08:22,900 --> 00:08:27,630 >> และแน่นอนเรามีอยู่ที่นี่ สิ่งที่เราจะเรียกเอกสาร DOM, D-O-M 195 00:08:27,630 --> 00:08:31,680 รูปแบบวัตถุเป็นวิธีที่จินตนาการของบอกว่า ต้นไม้ที่แสดงถึงว่า HTML 196 00:08:31,680 --> 00:08:36,140 และสังเกตเห็นว่ามี HTML เราจะพูดว่า เหมือนต้นไม้ครอบครัวเด็กสองคน 197 00:08:36,140 --> 00:08:37,659 ด้านซ้ายเป็นหัว 198 00:08:37,659 --> 00:08:39,179 ด้านขวาเป็นร่างกาย 199 00:08:39,179 --> 00:08:44,220 >> และเช่นเดียวกับการออกกำลังกายความคิดเหตุผล, หัวแน่นอนมีลูกกี่ 200 00:08:44,220 --> 00:08:46,070 ตามโครงสร้างนี้? 201 00:08:46,070 --> 00:08:48,200 ดังนั้นเพียงแค่หนึ่ง title-- และนั่นคือเหตุผลที่เรามี 202 00:08:48,200 --> 00:08:50,580 ลูกศรไปจากหัวถึงชื่อ 203 00:08:50,580 --> 00:08:55,110 ดังนั้นจึงเป็นว่าคนที่อยู่ในที่ ต้นไม้ครอบครัวมีเพียงหนึ่งลูกหลาน 204 00:08:55,110 --> 00:08:58,230 แล้วชื่อตัวเองสามารถ ได้รับการบอกว่าจะมีเด็กเกินไป 205 00:08:58,230 --> 00:09:01,780 >> จำได้ว่า HTML ได้ สวัสดีจุลภาคโลกใต้มัน 206 00:09:01,780 --> 00:09:06,090 และฉันได้มาเพียงแค่ภายใน รูปไข่แทนรูปสี่เหลี่ยมผืนผ้าเพียง 207 00:09:06,090 --> 00:09:10,559 การถ่ายทอดความหมายว่าแม้ว่า มันเป็นโหนดในต้นไม้เพื่อที่จะพูด 208 00:09:10,559 --> 00:09:12,100 มันเรียงลำดับของการแตกต่างกันลึกซึ้ง 209 00:09:12,100 --> 00:09:12,800 มันไม่ได้แท็ก 210 00:09:12,800 --> 00:09:14,780 หรือถูกกว่าก็ไม่ได้องค์ประกอบ 211 00:09:14,780 --> 00:09:16,590 มันเป็นเพียงโหนดข้อความถ้าคุณจะ 212 00:09:16,590 --> 00:09:18,990 แต่เหล่านี้อย่างสมบูรณ์ การประชุมของมนุษย์โดยพลการ 213 00:09:18,990 --> 00:09:23,180 นี้เป็นเพียงแค่ตอนนี้วิธีการของฉัน ที่เป็นตัวแทนของสิ่งที่ฉันจะเป็นรวม 214 00:09:23,180 --> 00:09:24,340 เรียกเอกสาร 215 00:09:24,340 --> 00:09:27,750 >> และเป็นกันสิ่งที่ มุมซ้ายสุดด้านบน 216 00:09:27,750 --> 00:09:32,080 วงเล็บเปิดเอกสารเครื่องหมายอัศเจรีย์ ชนิด HTML นี้ดูเหมือนว่าแท็ก 217 00:09:32,080 --> 00:09:35,560 แต่มันเป็นกรณีมุมที่โง่ ที่เป็นเพียงที่นั่นคัดลอกและวาง 218 00:09:35,560 --> 00:09:38,460 เพื่อระบุว่าเบราว์เซอร์ นี้เป็นรุ่น HTML 5 219 00:09:38,460 --> 00:09:41,540 โลกช่วยให้การเปลี่ยนแปลงสิ่งที่ บรรทัดแรกของรหัสในหน้าควรจะเป็น 220 00:09:41,540 --> 00:09:43,820 เพียงแค่นี้ก็หมายถึงรุ่นที่ 5 221 00:09:43,820 --> 00:09:45,950 ดังนั้นมันจะไม่มาก ลักษณะเหมือนคนอื่น ๆ 222 00:09:45,950 --> 00:09:48,120 >> สิทธิทั้งหมดให้กับที่ กล่าวว่าตอนนี้คุณจะประทับใจ 223 00:09:48,120 --> 00:09:50,767 นี้ค่อนข้างโง่ สักคนได้ 224 00:09:50,767 --> 00:09:51,990 >> [หัวเราะ] 225 00:09:51,990 --> 00:09:54,210 >> เดวิดเจลัน: ทั้งหมดขวา และตอนนี้เราจะมาดำน้ำจริง 226 00:09:54,210 --> 00:09:55,710 เข้าไปทำอะไรกับเรื่องนี้ 227 00:09:55,710 --> 00:09:58,610 คุณจะได้จำได้ว่าครั้งสุดท้ายที่ ผมเปิดเครื่องใช้ CS50 228 00:09:58,610 --> 00:10:01,650 และฉันไม่สิ่งที่เป็น ง่ายเหมือนการเปิดขึ้น Gedit 229 00:10:01,650 --> 00:10:05,190 และฉันบันทึกไฟล์แม้ใน desktop-- ของฉันไม่มีที่ไหนเลย special-- 230 00:10:05,190 --> 00:10:05,870 เป็น hello.html 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> เพื่อให้ฉันทำอย่างนั้น เหมือนเดิม hello.html ใส่ 233 00:10:10,984 --> 00:10:13,900 และตอนนี้อยู่ในไฟล์นี้ผมกำลังจะไป ไปข้างหน้าและทำซ้ำสิ่งที่เราเพียง 234 00:10:13,900 --> 00:10:18,850 saw-- เอกสารประเภท HTML แล้วฉันจะไป ทำ HTML วงเล็บเปิดปิดวงเล็บ 235 00:10:18,850 --> 00:10:21,890 แล้วฉันจะ preemptively เปิดและปิดแท็ก 236 00:10:21,890 --> 00:10:22,390 ทำไม? 237 00:10:22,390 --> 00:10:23,598 เพียงเพื่อให้ฉันไม่ลืมในภายหลัง 238 00:10:23,598 --> 00:10:26,850 มันเป็นเพียงการปฏิบัติที่ดีเช่นเดียวกับการเปิด และปิดวงเล็บปีกกาทั้งหมดในครั้งเดียว 239 00:10:26,850 --> 00:10:28,900 >> และแล้วสิ่งที่มาต่อไปหรือไม่ 240 00:10:28,900 --> 00:10:30,582 คุณสามารถคิดของรอยสัก 241 00:10:30,582 --> 00:10:31,450 >> ผู้ชม: หัว 242 00:10:31,450 --> 00:10:32,500 >> เดวิดเจลันหัว 243 00:10:32,500 --> 00:10:36,020 และจากนั้นในที่นี่ผม มีชื่อที่ฉันคิดว่า 244 00:10:36,020 --> 00:10:39,886 และชื่อเป็นพล, สวัสดีโลกใกล้ชื่อ 245 00:10:39,886 --> 00:10:42,760 แล้วลงที่นี่ร่างกายของ course-- แล้วเราปิดแท็กร่างกาย 246 00:10:42,760 --> 00:10:45,660 แล้วก็ค่อนข้างเกินความจำเป็น, ฉันมีสิ่งที่เหมือนกันลงที่นี่ 247 00:10:45,660 --> 00:10:47,150 >> ดังนั้นผมจึงเรียกร้องว่านี่เป็นหน้าเว็บ 248 00:10:47,150 --> 00:10:49,050 นี่คือสิ่งที่ ตอนนี้สามารถมีชีวิตอยู่บนเว็บ 249 00:10:49,050 --> 00:10:51,925 แม้ว่าแน่นอนมันเป็นตัวอักษร ที่อาศัยอยู่บนเดสก์ทอปของฉันตอนนี้ 250 00:10:51,925 --> 00:10:55,837 แต่แน่นอนถ้าผมลด Gedit, ฉันจะเห็นบนเดสก์ทอปของฉันไอคอน 251 00:10:55,837 --> 00:10:58,420 แม้จะเป็นเครื่องใช้ไฟฟ้า, คุณสามารถทำเช่นนี้บน Mac OS 252 00:10:58,420 --> 00:11:01,580 โดยไม่ต้อง TextEdit หรือ Windows ด้วย Notepad ได้ 253 00:11:01,580 --> 00:11:06,115 >> และถ้าฉันไปข้างหน้าและดับเบิลคลิก ที่ได้และ select-- ดีขอ 254 00:11:06,115 --> 00:11:07,990 ไม่เลือกว่าเป็นเพราะ Chrome ไม่ได้เปิด 255 00:11:07,990 --> 00:11:09,281 ลองไปข้างหน้าและเปิด Chrome 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 แล้วทำคำสั่ง O สำหรับเปิด และนำทางไปยังเดสก์ทอปของฉัน 258 00:11:14,040 --> 00:11:15,320 และเปิดแฟ้มที่ 259 00:11:15,320 --> 00:11:20,120 นั่นคือวิธีที่เบราว์เซอร์ตีความ HTML, บนลงล่างซ้ายไปขวา 260 00:11:20,120 --> 00:11:21,314 เฮ้นี่เป็นเบราว์เซอร์ HTML 261 00:11:21,314 --> 00:11:21,980 นี่หัวเป็น 262 00:11:21,980 --> 00:11:23,250 นี่คือชื่อเรื่อง 263 00:11:23,250 --> 00:11:24,090 นี่คือร่างกายเป็น 264 00:11:24,090 --> 00:11:26,620 และแน่นอนนี้เป็นวิธีที่ จะแสดงผลหน้าเว็บที่ 265 00:11:26,620 --> 00:11:27,800 >> แต่สังเกตเห็น URL 266 00:11:27,800 --> 00:11:32,430 ไม่มีคุณสามารถดึงขึ้นนี้โดยเฉพาะ หน้าแล็ปท็อปของคุณในขณะนี้ 267 00:11:32,430 --> 00:11:34,910 แม้ภายในของคุณ เครื่องใช้ไฟฟ้าผ่านทาง URL ที่, 268 00:11:34,910 --> 00:11:40,130 เพราะ file: // แสดงก็จริง ในระบบไฟล์ของฮาร์ดไดรฟ์ของฉัน 269 00:11:40,130 --> 00:11:40,990 ไม่ใช่ของคุณ 270 00:11:40,990 --> 00:11:42,440 ดังนั้นนี่คือไม่ได้ทั้งหมดที่มีประโยชน์ที่ 271 00:11:42,440 --> 00:11:44,940 >> ตอนนี้ขอให้ย้ายไปยัง โดยใช้เว็บเซิร์ฟเวอร์ที่เกิดขึ้นจริง 272 00:11:44,940 --> 00:11:48,309 และมันจะเปิดออก CS50 เครื่องใช้ภายในบ้าน เป็นมากกว่าเพียงแค่สภาพแวดล้อมที่ 273 00:11:48,309 --> 00:11:51,100 คุณสามารถเขียนรหัส C และรวบรวม และเรียกใช้เหมือนที่คุณได้ทำ 274 00:11:51,100 --> 00:11:55,500 นอกจากนี้ยังได้รับการกำหนดค่าโดย พนักงานที่จะเป็นตัวแทนเว็บทั่วไป 275 00:11:55,500 --> 00:11:58,290 เซิร์ฟเวอร์ที่อยู่บนอินเทอร์เน็ต หนึ่งที่คุณอาจจ่ายสำหรับ 276 00:11:58,290 --> 00:12:00,210 หรือคนที่อยู่ในที่เรียกว่าคลาวด์ 277 00:12:00,210 --> 00:12:02,600 >> และมันทำงาน มาตรฐานเปิดแหล่งที่มาฟรี 278 00:12:02,600 --> 00:12:06,160 ซอฟต์แวร์เช่นบางสิ่งบางอย่าง เรียกว่าอาปาเช่ซึ่งอาจจะเป็น 279 00:12:06,160 --> 00:12:08,700 ยังคงเป็นเว็บที่นิยมมากที่สุด ซอฟต์แวร์เซิร์ฟเวอร์ในโลก 280 00:12:08,700 --> 00:12:11,030 ที่เว็บไซต์หลายพันแห่งใช้ในปัจจุบัน 281 00:12:11,030 --> 00:12:13,420 และก็ยังได้มี ซอฟแวร์เช่น MySQL, 282 00:12:13,420 --> 00:12:16,240 ซึ่งเป็นเซิร์ฟเวอร์ฐานข้อมูล ที่ในที่สุดเราก็จะได้รับไป 283 00:12:16,240 --> 00:12:18,330 ซึ่งเป็นเพียงการบอกว่า ผมสามารถเริ่มต้นการรักษา 284 00:12:18,330 --> 00:12:22,040 เครื่องใช้ของฉันเป็นเซิร์ฟเวอร์เต็มเปี่ยม ที่ผมไม่ได้จ่ายเงินสำหรับที่อื่น ๆ 285 00:12:22,040 --> 00:12:25,980 มันก็อาศัยอยู่บนแล็ปท็อปของตัวเองสำหรับ การพัฒนาและการอำนวยความสะดวกเพื่อการ 286 00:12:25,980 --> 00:12:27,870 >> จึงขอไปข้างหน้าและ ใช้ประโยชน์จากนี้ 287 00:12:27,870 --> 00:12:30,120 ฉันจะไปข้างหน้าและ เปิดหน้าต่าง terminal 288 00:12:30,120 --> 00:12:33,030 และฉันจะไปข้างหน้าและ move-- จริงครั้งแรกของฉัน 289 00:12:33,030 --> 00:12:34,860 จะนำทางไปยังเดสก์ทอปของฉัน 290 00:12:34,860 --> 00:12:36,400 ถ้าฉันทำ LS มี hello.html 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 และฉันจะไป ข้างหน้าและเริ่มใช้ 293 00:12:38,730 --> 00:12:40,800 ไดเรกทอรีใหม่เราได้ ไม่ได้ใช้ก่อนที่วันนี้ 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- ฉันจะย้าย เพื่อ ../vhosts สำหรับ hosts-- เสมือน 295 00:12:46,840 --> 00:12:50,940 เพิ่มเติมว่าใน future-- แล้ว ลงในไดเรกทอรีที่เรียกว่า localhost, 296 00:12:50,940 --> 00:12:54,420 ซึ่งเป็นชื่อเล่นให้ไปเกือบ คอมพิวเตอร์เครื่องใดก็ได้ไม่ว่าจะเป็น Mac, PC, 297 00:12:54,420 --> 00:12:57,560 หรือคอมพิวเตอร์ลินุกซ์แล้ว โดยเฉพาะในไดเรกทอรีที่เรา 298 00:12:57,560 --> 00:13:01,260 พนักงานที่สร้างขึ้นมาแล้วสำหรับคุณเมื่อ คุณดาวน์โหลดเครื่องที่เรียกว่า 299 00:13:01,260 --> 00:13:01,760 สาธารณะ 300 00:13:01,760 --> 00:13:04,551 และเป็นชื่อของมันบ่งบอกอะไร ฉันใส่ในโฟลเดอร์นี้ในทางทฤษฎี 301 00:13:04,551 --> 00:13:07,790 เป็นไปได้ตอนนี้เป็น ประชาชนอย่างน้อยกับคน 302 00:13:07,790 --> 00:13:10,030 ที่มีโดยตรง การเชื่อมต่อกับคอมพิวเตอร์ของฉัน 303 00:13:10,030 --> 00:13:13,160 >> ดังนั้นตอนนี้ให้ฉันไปข้างหน้าและ ทำ cd ไปยังไดเรกทอรีเดียวกันกับที่ 304 00:13:13,160 --> 00:13:15,490 เพื่อให้สามารถมองเห็นสิ่งที่เป็น ที่เกิดขึ้นและประเภท LS 305 00:13:15,490 --> 00:13:17,630 และแน่นอนว่าเป็น สิ่งเดียวที่อยู่ในนั้น 306 00:13:17,630 --> 00:13:23,250 ผมเรียกร้องว่าตอนนี้เพราะผมได้ใส่นี้ ยื่น hello.html ภายในของไดเรกทอรี 307 00:13:23,250 --> 00:13:26,940 เรียกว่าอยู่ในที่สาธารณะของไดเรกทอรี เรียกว่า localhost ภายในของไดเรกทอรี 308 00:13:26,940 --> 00:13:29,810 เรียกว่า vhosts ซึ่ง ขอบคุณพนักงาน CS50 309 00:13:29,810 --> 00:13:34,390 ได้รับการกำหนดค่าล่วงหน้าที่จะเป็น รากของเว็บเซิร์ฟเวอร์ของคุณ 310 00:13:34,390 --> 00:13:36,900 ผมหวังว่าจะสามารถทำเช่นนี้ 311 00:13:36,900 --> 00:13:38,390 >> ฉันจะเปิดแท็บใหม่ 312 00:13:38,390 --> 00:13:40,090 และฉันจะไปไม่ยื่น: // 313 00:13:40,090 --> 00:13:44,520 ฉันจะใช้งานจริง http / localhost ซึ่ง 314 00:13:44,520 --> 00:13:47,470 อีกครั้งเป็นชื่อเล่น สำหรับเซิร์ฟเวอร์ของตัวเอง 315 00:13:47,470 --> 00:13:51,085 แล้วฉันจะไปกับสิ่งที่ ชื่อไฟล์เพียงเพื่อจะชัดเจน? 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 อยู่ที่ไหนเรื่องนี้อาจจะ? 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> ดังนั้นในคำอื่น ๆ ที่ฉันต้องการตอนนี้ เป็นเครื่องคอมพิวเตอร์ของตัวเองเครื่องของตัวเอง 322 00:14:04,270 --> 00:14:05,660 ราวกับว่ามันเป็นเซิร์ฟเวอร์ที่เกิดขึ้นจริง 323 00:14:05,660 --> 00:14:07,490 ชื่อเล่นของมันคือ localhost 324 00:14:07,490 --> 00:14:10,210 แต่คิดว่า localhost เหมือน Facebook.com google.com, สิ่งที่ 325 00:14:10,210 --> 00:14:11,600 มันเป็นเพียงแค่ชื่อท้องถิ่นของฉัน 326 00:14:11,600 --> 00:14:14,810 แล้วสุดท้ายที่ฉันต้องการคือใน รากของฮาร์ดไดรฟ์เพื่อที่จะพูด 327 00:14:14,810 --> 00:14:17,729 หรือรากของเว็บเซิร์ฟเวอร์ เออร์โก้ ergo ทับแล้ว 328 00:14:17,729 --> 00:14:18,770 ชื่อไฟล์ hello.html 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> ผมขอซูมออกและกด Enter 331 00:14:21,930 --> 00:14:24,266 และแน่นอนมีตอนนี้หน้าเว็บของฉัน 332 00:14:24,266 --> 00:14:25,390 ดังนั้นจึงเป็นเรื่องที่แตกต่างกันเล็กน้อย 333 00:14:25,390 --> 00:14:26,880 และมันก็เป็นเช่นเดียวกับ underwhelming 334 00:14:26,880 --> 00:14:27,904 นี้เป็นรุ่นเก่า 335 00:14:27,904 --> 00:14:29,070 ผมขอลดขนาดตัวอักษรกลับ 336 00:14:29,070 --> 00:14:29,745 นี้เป็นรุ่นเก่า 337 00:14:29,745 --> 00:14:30,890 นี้เป็นของใหม่ 338 00:14:30,890 --> 00:14:35,430 แต่สิ่งที่เกิดขึ้นพื้นฐาน ตอนนี้ HTTP ที่ถูกนำมาใช้ 339 00:14:35,430 --> 00:14:39,344 >> ขอให้เล็ก ๆ น้อย ๆ นี้ชัดเจนมากขึ้นหรือ ถ้าคุณจะเล็ก ๆ น้อย ๆ ที่ซับซ้อนมากขึ้น 340 00:14:39,344 --> 00:14:41,760 ผมขอไปที่ด้านล่างขวา มุมของเครื่องใช้ไฟฟ้าของฉัน 341 00:14:41,760 --> 00:14:44,000 และสังเกตเห็นว่าทั้งหมดนี้ เวลามีเป็นจำนวนมาก 342 00:14:44,000 --> 00:14:47,330 นั่นคือที่อยู่ไม่ซ้ำกัน ของเครื่องใช้ภายในบ้าน CS50 ของคุณ 343 00:14:47,330 --> 00:14:50,800 มันเป็นอยู่ส่วนตัว เป็นนัยโดย 172.16, 344 00:14:50,800 --> 00:14:53,860 ซึ่งก็หมายความว่าเพียงคุณเท่านั้นที่ร่างกาย สามารถเข้าถึงเว็บเซิร์ฟเวอร์นี้ 345 00:14:53,860 --> 00:14:56,340 ทุกอย่างจะ firewalled และ การป้องกันเป็นอย่างดีจากส่วนที่เหลือ 346 00:14:56,340 --> 00:14:58,130 ของโลกเพราะเรื่องนี้อยู่ 347 00:14:58,130 --> 00:15:01,920 >> และตอนนี้สังเกตเห็น แต่ถ้าผมไป ที่อยู่นี้ไม่ได้อยู่ในเครื่องของฉัน 348 00:15:01,920 --> 00:15:04,340 แต่ใน Mac OS-- ฉันจะ ที่จะกลับไปกว่าที่นี่ 349 00:15:04,340 --> 00:15:05,930 นี่คือ Mac ของฉันตอนนี้ 350 00:15:05,930 --> 00:15:08,460 และตอนนี้ผมกำลังจะเปิดขึ้น รุ่นนี้ของ Chrome ที่นี่ 351 00:15:08,460 --> 00:15:17,370 และฉันกำลังจะไปที่ http: //172.16.25 / และฉันลืม rest-- 133 352 00:15:17,370 --> 00:15:25,210 >> ดังนั้นฉันจะไปจาก Mac ของฉัน ที่อยู่ IP ที่ /hello.html ใส่ 353 00:15:25,210 --> 00:15:29,850 และตอนนี้ฉันเห็นจาก Mac ของฉัน เครื่องใช้ภายในบ้านที่ CS50 ของฉันที่มี 354 00:15:29,850 --> 00:15:32,600 ที่อยู่ IP คือ จำนวนแน่นอนพฤติกรรม 355 00:15:32,600 --> 00:15:34,320 เช่นเว็บเซิร์ฟเวอร์บนอินเทอร์เน็ต 356 00:15:34,320 --> 00:15:36,944 มันไม่จำเป็นที่ดีง่ายต่อการ จำชื่อเช่น Facebook.com, 357 00:15:36,944 --> 00:15:40,370 แต่มันใช้ HTTP เห็นได้ชัดแม้ว่า Chrome 358 00:15:40,370 --> 00:15:43,560 เป็นชนิดของการลดความซับซ้อนของโลก สำหรับเรา แต่ไม่ได้แสดงให้เรา HTTP 359 00:15:43,560 --> 00:15:46,210 แต่ตอนนี้เป็นที่แน่นอนว่าที่ 360 00:15:46,210 --> 00:15:48,470 Chrome เป็นเพียงการประหยัดบาง การกดแป้นพิมพ์วันนี้ 361 00:15:48,470 --> 00:15:50,530 และนั่นคือสิ่งที่เราเห็น 362 00:15:50,530 --> 00:15:51,890 >> ดังนั้นนั่นคือทั้งหมดที่ดีและดี 363 00:15:51,890 --> 00:15:53,740 แต่มันเป็นหน้า underwhelming สวย 364 00:15:53,740 --> 00:15:56,230 ให้ฉันไปในการทำอะไรบางอย่าง เล็ก ๆ น้อย ๆ ที่แตกต่างกันตอนนี้ 365 00:15:56,230 --> 00:15:57,910 เพื่อให้ฉันกลับไป Gedit 366 00:15:57,910 --> 00:16:00,580 และแทนที่จะสวัสดี โลกขอนำภาพ 367 00:16:00,580 --> 00:16:05,880 และฉันอ้างจาก before-- ให้ฉันไป เป็นสาธารณะไดเรกทอรี localhost ของฉัน 368 00:16:05,880 --> 00:16:10,580 และแจ้งให้เราไปข้างหน้าและคัดลอก ทั้งกลุ่มของไฟล์จากวันนี้ 369 00:16:10,580 --> 00:16:15,633 จากโฟลเดอร์ Dropbox ของฉันเป็นที่นี่ 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> ตอนนี้ถ้าฉันพิมพ์ LS, ดู ที่ไฟล์เหล่านี้ 372 00:16:21,680 --> 00:16:24,940 ที่ฉันได้จัดจำหน่ายโดย เว็บไซต์ของหลักสูตรในอนาคตของวันนี้ 373 00:16:24,940 --> 00:16:26,830 หนึ่งในนั้นคือยังคง hello.html 374 00:16:26,830 --> 00:16:27,830 ดังนั้นจึงมีคนที่ 375 00:16:27,830 --> 00:16:30,730 และจำนี้โง่ จาก cat.jpg time-- ล่าสุด 376 00:16:30,730 --> 00:16:34,550 เพื่อให้ฉันพยายามที่จะฝัง cat.jpg ภายในของหน้าเว็บของฉัน 377 00:16:34,550 --> 00:16:37,690 >> ฉันจะไปข้างหน้า และทำ cat.jpg บันทึก 378 00:16:37,690 --> 00:16:38,950 ผมขอกลับไปที่ Chrome 379 00:16:38,950 --> 00:16:41,140 และแจ้งให้เราขยาย อักษรและตอนนี้โหลด 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 โอ๊ะที่ฉันใส่นี้หรือไม่? 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- ผมยังมีความเก่า รุ่นเปิดจากเดสก์ทอปของฉัน 384 00:16:51,520 --> 00:16:56,020 เพื่อให้ฉันเข้าไป vhost ของฉันของฉัน localhost ประชาชนของฉันและ hello.html 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 ดังนั้นตอนนี้ให้ฉันไปข้างหน้าและ พูด cat.jpg ภายในของร่างกาย 387 00:17:00,670 --> 00:17:02,830 ที่ฉันต้องการให้เป็น ปรากฏและโหลด 388 00:17:02,830 --> 00:17:04,560 ของหลักสูตรนี้ไม่ถูกต้อง 389 00:17:04,560 --> 00:17:08,050 >> ดังนั้นผมจึงจำเป็นต้องบอกเบราว์เซอร์เล็ก ๆ น้อย ๆ เพิ่มเติมจงใจสิ่งที่ฉันต้องการจะทำ 390 00:17:08,050 --> 00:17:10,210 เพียงแค่พิมพ์ชื่อเป็น เห็นได้ชัดว่าไม่เพียงพอ 391 00:17:10,210 --> 00:17:15,134 ดังนั้นจำได้ว่ามีอีก แท็กภาพ img สั้น 392 00:17:15,134 --> 00:17:17,550 นั่นเป็นเพียงเพราะมนุษย์ ไม่ชอบพิมพ์คำเต็ม 393 00:17:17,550 --> 00:17:19,050 แล้วเราจะทำแหล่งที่มา = "cat.jpg" 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> และตอนนี้ฉันจะทำ สิ่งหนึ่งที่แตกต่างกันที่นี่ 396 00:17:23,550 --> 00:17:25,390 แม้ว่าทั้งหมดของ แท็กของเราป่านนี้มี 397 00:17:25,390 --> 00:17:28,086 มีความคิดของนี้ เริ่มต้นแท็กและแท็กสิ้นสุด, 398 00:17:28,086 --> 00:17:30,210 ที่ไม่ได้ทำจริงๆ ความรู้สึกสำหรับภาพใช่มั้ย? 399 00:17:30,210 --> 00:17:32,430 ภาพเป็นทั้งที่มีหรือไม่มี 400 00:17:32,430 --> 00:17:36,650 และเพื่อให้มนุษย์ได้มา ขึ้นกับการประชุมที่เรียบง่าย 401 00:17:36,650 --> 00:17:40,310 เมื่อคุณมีแท็กที่สามารถทั้ง เริ่มต้นและสิ้นสุดที่ time-- เดียวกัน 402 00:17:40,310 --> 00:17:43,790 ก็สามารถเป็นที่ว่างเปล่าดังนั้นเพื่อ speak-- เพียง ใส่ทับภายในของแท็ก 403 00:17:43,790 --> 00:17:44,710 ที่ท้ายสุด 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 ตอนนี้ให้ฉันกลับไปยังเบราว์เซอร์ของฉัน 406 00:17:47,150 --> 00:17:50,377 ตีโหลดด่าสิ่งที่ผิดปกติ 407 00:17:50,377 --> 00:17:52,460 คุณอาจจะได้เห็นนี้ บางครั้งในเว็บ 408 00:17:52,460 --> 00:17:53,600 แม้จะไม่ได้รับความผิดของคุณ 409 00:17:53,600 --> 00:17:54,766 มันเป็นความผิดของเว็บเซิร์ฟเวอร์ 410 00:17:54,766 --> 00:17:56,240 อะไร odes นี้ชี้ให้เห็น? 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 มันเสีย 413 00:17:58,009 --> 00:17:59,300 นั่นคือสิ่งที่เป็นภาพ 414 00:17:59,300 --> 00:17:59,700 ใช่? 415 00:17:59,700 --> 00:18:01,560 >> ผู้ชม: แต่มันไม่ได้ มีการเข้าถึงภาพ 416 00:18:01,560 --> 00:18:03,070 >> เดวิดเจลัน: มันไม่ได้ มีการเข้าถึงภาพ 417 00:18:03,070 --> 00:18:05,230 นั่นหรือแม้แต่เลวอาจจะ มันไม่ได้อยู่ 418 00:18:05,230 --> 00:18:06,729 ลองดูว่าเราจะไม่สามารถวินิจฉัยว่า 419 00:18:06,729 --> 00:18:09,390 จำจากครั้งที่แล้วว่าถ้า ใน Chrome ในเครื่องใช้ไฟฟ้า, 420 00:18:09,390 --> 00:18:11,870 หรือแม้กระทั่งใน Mac หรือ PC ของคุณ คุณไปที่เมนูพัฒนา 421 00:18:11,870 --> 00:18:14,650 และไปที่เครื่องมือสำหรับนักพัฒนา ตัวเลือกซึ่งอาจเป็นคุณได้ 422 00:18:14,650 --> 00:18:16,850 ไม่ได้ใช้มากหรือเคย 423 00:18:16,850 --> 00:18:20,780 และถ้าผมไปที่เครือข่าย และโหลดหน้าเว็บ 424 00:18:20,780 --> 00:18:24,110 ขอจริงดูได้ที่ http ขอให้มีการทำ 425 00:18:24,110 --> 00:18:28,400 >> ดูเหมือนว่า hello.html เป็น แน่นอนตกลงด้วยเหตุนี้ 200 426 00:18:28,400 --> 00:18:30,630 แต่ cat.jpg เป็น 403 427 00:18:30,630 --> 00:18:31,650 ดังนั้นจึงไม่ 404 428 00:18:31,650 --> 00:18:33,490 ไฟล์อาจจะมีอยู่ 429 00:18:33,490 --> 00:18:35,250 403 วิธีการต้องห้าม 430 00:18:35,250 --> 00:18:37,790 ดังนั้นนี่คือความสับสนเล็กน้อย 431 00:18:37,790 --> 00:18:42,340 ฉันจะกลับไป เพื่อหน้าต่าง terminal ของฉัน 432 00:18:42,340 --> 00:18:43,700 ผมขอขยายขึ้นที่นี่ 433 00:18:43,700 --> 00:18:44,750 และแจ้งให้เรา do ls 434 00:18:44,750 --> 00:18:46,430 มีไฟล์เดียวกันนั้นเป็น 435 00:18:46,430 --> 00:18:49,410 >> ตอนนี้ให้ฉันทำ LS-L, ซึ่งคุณอาจจะ 436 00:18:49,410 --> 00:18:53,350 ก่อนที่จะนำมาใช้ในการดูไฟล์ ขนาดอาจจะหรือ timestamps 437 00:18:53,350 --> 00:18:55,590 และเราจะเห็นทั้งกลุ่ม ข้อมูลอย่างท่วมท้น 438 00:18:55,590 --> 00:18:57,040 แต่สังเกตเห็นรายละเอียดบางอย่าง 439 00:18:57,040 --> 00:19:01,660 นี่คือ hello.html ในครั้งนี้ แถวนี่และที่นี่เป็น cat.jpg 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 และเป็นเพียงเครื่องเป็น ใช้งานง่ายโดยไฮไลต์ของ JPEG 442 00:19:05,850 --> 00:19:07,380 สีม่วงเช่นนี้ 443 00:19:07,380 --> 00:19:11,470 แต่สิ่งที่คนอื่นมีความแตกต่างด้านข้าง ขนาดไฟล์และชื่อไฟล์? 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> ผู้ชม: [ไม่ได้ยิน] 446 00:19:14,754 --> 00:19:16,920 เดวิดเจลัน: ใช่มี สอง R มากขึ้นกว่าที่นี่ 447 00:19:16,920 --> 00:19:20,170 สังเกตเห็นสิ่งที่ hello.html ได้เกิดขึ้น 448 00:19:20,170 --> 00:19:24,050 ดังนั้นจึงปรากฎว่าชื่อของ ประชาชนในไดเรกทอรีนี้เป็นสิ่งที่สำคัญ 449 00:19:24,050 --> 00:19:26,400 อะไรในไดเรกทอรีนี้ มีขึ้นเพื่อเป็นที่สาธารณะ 450 00:19:26,400 --> 00:19:28,790 แต่มันก็ไม่เพียงพอ เพียงเพื่อวางไฟล์ในนั้น 451 00:19:28,790 --> 00:19:31,480 นอกจากนี้คุณยังจำเป็นต้องเปลี่ยน รูปแบบของไฟล์ 452 00:19:31,480 --> 00:19:35,180 เปลี่ยนสิทธิ์ของ ไฟล์ในเชิงรุกได้ 453 00:19:35,180 --> 00:19:37,650 จะตั้งค่าเริ่มต้น ซึ่งเป็นที่เดียวที่ฉันสามารถอ่าน 454 00:19:37,650 --> 00:19:39,220 และเขียนมันฉันเป็นเจ้าของ 455 00:19:39,220 --> 00:19:43,540 ผมอยากให้ทุกคนในโลกทั้ง จะสามารถอ่านไฟล์ของฉันจึงจะพูด 456 00:19:43,540 --> 00:19:44,950 อ่านเพียงแค่หมายถึงการดู 457 00:19:44,950 --> 00:19:49,780 >> และแน่นอนว่าคุณจะเห็นในปัญหา ตั้งเจ็ดว่าเป็นสิ่งที่มีค่าเฉลี่ย R เหล่านี้ 458 00:19:49,780 --> 00:19:53,160 ทั้งสองอาร์หมายถึงให้ทุกคน อื่นใดในโลกนอกจากนี้ยังอ่านมัน 459 00:19:53,160 --> 00:19:55,300 โดยเฉพาะอย่างยิ่งในขณะนี้ว่า มันอยู่ในไดเรกทอรีนี้ 460 00:19:55,300 --> 00:19:59,620 ดังนั้นวิธีที่ง่ายที่สุดในการแก้ไขปัญหานี้คือการ ไปให้ฉันและทำ chmod สำหรับการเปลี่ยนแปลง 461 00:19:59,620 --> 00:20:05,580 โหมดแล้วทำ + R, ทั้งหมด ทุกคนทุก R บวกสำหรับการอ่าน, 462 00:20:05,580 --> 00:20:07,944 แล้ว cat.jpg ใส่ 463 00:20:07,944 --> 00:20:10,360 ดูเหมือนจะไม่มีอะไรเกิดขึ้นซึ่ง มักจะหมายถึงสิ่งที่ดี 464 00:20:10,360 --> 00:20:13,850 ดังนั้น LS-L เหมือนเดิมตอนนี้ ให้ดูที่ cat.jpg 465 00:20:13,850 --> 00:20:15,750 และได้รับอนุญาตนี้ ดูเหมือนจะมีการเปลี่ยนแปลง 466 00:20:15,750 --> 00:20:18,670 เช่นกันถ้าคุณทำ ความผิดพลาดและคุณตัวอย่างเช่น 467 00:20:18,670 --> 00:20:23,210 เพิ่งทำ your-- ฉันไม่ know-- เรียงความ สาธารณชนสามารถเข้าถึงได้โดยอุบัติเหตุ 468 00:20:23,210 --> 00:20:25,480 คุณสามารถทำตรงข้าม chmod-R 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 แม้ว่าจะตรงไปตรงมาก็ไม่ควร อยู่ในไดเรกทอรีสาธารณะ 471 00:20:28,200 --> 00:20:29,760 แล้วถ้าเป็นกังวล 472 00:20:29,760 --> 00:20:32,475 >> ดังนั้นตอนนี้ขอกลับไปที่ เบราว์เซอร์และโหลดของฉัน 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 และฉันจะคลิก เล็ก ๆ น้อย ๆ Ghostbusters 475 00:20:34,820 --> 00:20:38,030 สัญลักษณ์เพื่อล้างส่วนหนึ่งของการที่ หน้าจอเพื่อให้เราสามารถเห็นการร้องขอใหม่ 476 00:20:38,030 --> 00:20:40,630 และแน่นอนนี่คือ แมว Grump ก่อน 477 00:20:40,630 --> 00:20:43,010 แต่ที่สำคัญกว่า ในทางเทคนิคมี 478 00:20:43,010 --> 00:20:45,565 หมายเลข 200 ซึ่ง หมายความว่าเราได้มันตกลง 479 00:20:45,565 --> 00:20:47,190 ขวาทั้งหมดดังนั้นนั่นคือทั้งหมดที่ดีและดี 480 00:20:47,190 --> 00:20:48,940 แต่เราไม่ได้ทำ ที่ดีที่สุดของเว็บไซต์ 481 00:20:48,940 --> 00:20:51,967 หรือเราจะพยายามอย่างหนักเกินไปที่จะ ทำให้สุดหรูของเว็บไซต์ในวันนี้ 482 00:20:51,967 --> 00:20:54,550 แต่ขออย่างน้อยทำอะไรบางอย่าง ซุปเปอร์คุ้นเคยก่อนที่จะมีชีวิตชีวา 483 00:20:54,550 --> 00:20:56,030 ปิดแท็กอื่น ๆ ไม่กี่ 484 00:20:56,030 --> 00:20:58,470 ดังนั้นคิดว่าฉันไม่ได้ต้องการเพียงแค่แมวที่นี่ 485 00:20:58,470 --> 00:21:02,530 สมมติว่าที่จริงผมอยากให้เรื่องนี้ แมวที่จะเชื่อมโยงไปยังบางสิ่งบางอย่าง 486 00:21:02,530 --> 00:21:07,210 >> ฉันอาจยกตัวอย่างเช่น ทำอะไรเช่นนี้ 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 สำหรับผู้ประกาศข่าว href สำหรับ equals-- อ้างอิงมากเกินไป 489 00:21:12,890 --> 00:21:17,440 และขอเพียงแค่ทำอะไรบางอย่าง เช่น www.google.com ใกล้ 490 00:21:17,440 --> 00:21:19,540 อ้างวงเล็บปิด 491 00:21:19,540 --> 00:21:22,000 และตอนนี้การค้นหาสำหรับแมว 492 00:21:22,000 --> 00:21:23,520 ปิดสมอแท็ก 493 00:21:23,520 --> 00:21:26,760 ดังนั้นนี้มีเพียงหนึ่งประเภท รายละเอียดของพื้นฐานใหม่ 494 00:21:26,760 --> 00:21:28,190 แท็กของหลักสูตรมีความแตกต่าง 495 00:21:28,190 --> 00:21:31,770 มันเป็นชื่อสำหรับผู้ประกาศข่าว อ้างอิง href หรือมากเกินไป 496 00:21:31,770 --> 00:21:35,269 >> แต่ที่สำคัญกว่ามี คุณลักษณะการสร้างประโยคที่นี่ 497 00:21:35,269 --> 00:21:37,810 นี่คือสิ่งที่เราจะเริ่มต้นเรียก ไม่ได้แท็ก แต่แอตทริบิวต์ 498 00:21:37,810 --> 00:21:40,830 และคุณลักษณะที่เป็นสิ่งที่ ปรับเปลี่ยนพฤติกรรมของแท็ก 499 00:21:40,830 --> 00:21:45,400 และนี่แอตทริบิวต์ href หมายถึง ปรับเปลี่ยนพฤติกรรมของผู้ประกาศข่าวนี้ 500 00:21:45,400 --> 00:21:48,430 เพื่อที่ว่าเมื่อมันคลิก มันจะไปยัง URL ที่นี่ 501 00:21:48,430 --> 00:21:50,330 และแน่นอน URL ที่เป็นของ Google 502 00:21:50,330 --> 00:21:53,951 >> ในขณะเดียวกันนี่คืออะไร ข้อความที่นี่จะเป็นอย่างไร 503 00:21:53,951 --> 00:21:55,950 ดีที่เป็นไปได้ สิ่งที่มนุษย์จริง 504 00:21:55,950 --> 00:21:58,470 เห็นว่าเป็นที่ขีดเส้นใต้ การเชื่อมโยงเป็นง่ายๆเป็นว่า 505 00:21:58,470 --> 00:21:59,220 จึงขอลองนี้ 506 00:21:59,220 --> 00:21:59,980 ผมขอบันทึกไว้ 507 00:21:59,980 --> 00:22:01,650 ฉันยังคงอยู่ใน hello.html 508 00:22:01,650 --> 00:22:05,360 แต่ในเวอร์ชั่นออนไลน์ที่คุณจะเห็น ชื่อไฟล์ที่เกิดขึ้นจริงเราก่อนเตรียม 509 00:22:05,360 --> 00:22:06,805 ให้ฉันไปข้างหน้าและโหลด 510 00:22:06,805 --> 00:22:08,680 และตอนนี้ก็มาก หน้า underwhelming ยังคง 511 00:22:08,680 --> 00:22:10,910 แต่ถ้าผมเลื่อนไปตรงนี้ และมันเป็นเรื่องเล็ก ๆ น้อย ๆ , 512 00:22:10,910 --> 00:22:13,576 but-- คุณสามารถมองเห็นในด้านล่าง มุมซ้ายมือของหน้าจอของคุณ 513 00:22:13,576 --> 00:22:15,242 มันย่อมเป็นไป google.com 514 00:22:15,242 --> 00:22:19,280 และถ้าฉันคลิกที่มันจะ พาฉันวิธีการที่เกิดขึ้นจริงของ Google 515 00:22:19,280 --> 00:22:22,610 >> แต่สังเกตเห็นที่นี่เปิดโอกาสให้ การแสวงหาผลประโยชน์เช่นเดียวกับกัน 516 00:22:22,610 --> 00:22:25,150 และเราจะกลับมาที่อื่น ๆ ประเด็นของการรักษาความปลอดภัยก่อนที่จะยาว 517 00:22:25,150 --> 00:22:29,290 เพราะมีขั้วนี้ ระหว่างที่คุณไปและสิ่งที่คุณพูด 518 00:22:29,290 --> 00:22:34,722 คุณสามารถทำสิ่งที่ชอบ เจ้านี่ http://www.google.com 519 00:22:34,722 --> 00:22:37,134 ตกลงตอนนี้ถ้าผมโหลด หลังจากบันทึกหน้านั้น 520 00:22:37,134 --> 00:22:38,800 ดูเหมือนว่าฉันจะไปที่ Google 521 00:22:38,800 --> 00:22:40,966 แต่มีเหตุผลที่ฉัน ต้องไปที่ Google ใช่มั้ย? 522 00:22:40,966 --> 00:22:47,460 ที่จริงผมอาจจะไปเพื่อสิ่งที่ต้องการ badguy.com, โหลดหน้าเว็บที่นี่ 523 00:22:47,460 --> 00:22:49,750 และแจ้งให้ทราบก็ยังคงมีลักษณะเช่น Google 524 00:22:49,750 --> 00:22:52,020 หากว่าฉันคม พอที่จะเลื่อนไปที่นี่ 525 00:22:52,020 --> 00:22:54,770 ทำผมเห็นมันจะไป ไปยังสถานที่ที่แตกต่างกัน 526 00:22:54,770 --> 00:22:57,400 >> ดังนั้นถ้าคุณเคยเคย อีเมล์โดยเฉพาะอย่างยิ่ง 527 00:22:57,400 --> 00:22:59,610 จาก Paypal หรือ ดูเหมือนว่าจาก Paypal 528 00:22:59,610 --> 00:23:01,830 ขอให้คุณเข้าสู่ระบบ ในบัญชีของคุณนี้ 529 00:23:01,830 --> 00:23:06,380 คือเหตุผลที่คุณไม่ควร เคยคลิกลิงก์ในอีเมล, 530 00:23:06,380 --> 00:23:07,930 ตรงไปตรงมาเชื่อมโยงใด ๆ ในอีเมล 531 00:23:07,930 --> 00:23:10,380 ถ้าคุณรู้ว่าคุณมีที่เกิดขึ้นจริง เงินในธนาคารหรือ Paypal 532 00:23:10,380 --> 00:23:14,250 ของอเมริกาหรือความจงรักภักดีหรือ เว็บไซต์พิมพ์ด้วยตนเองใน 533 00:23:14,250 --> 00:23:17,530 เพราะดูวิธีที่ง่ายก็คือการ หลอกลวงคนเป็นสิ่งที่นำเสนอ 534 00:23:17,530 --> 00:23:18,526 ดูเหมือนว่าการเชื่อมโยง 535 00:23:18,526 --> 00:23:20,400 แต่มันเป็นจริงได้ ไปได้ทุกที่อย่างแน่นอน 536 00:23:20,400 --> 00:23:23,301 >> และมีมากขึ้น ภัยคุกคามกว่านี้ 537 00:23:23,301 --> 00:23:25,300 ในความเป็นจริงเป็นบิต การสัมผัสกันในขณะนี้ แต่อย่างใดอย่างหนึ่ง 538 00:23:25,300 --> 00:23:28,430 ของคนที่ดีที่สุดที่ฉันเคยเห็น ซึ่งได้รับการตั้งแต่ปิด 539 00:23:28,430 --> 00:23:34,060 คือคนที่นำผู้คน to-- ดังนั้นนี้อาจจะบอกว่า 540 00:23:34,060 --> 00:23:37,660 คลิกที่นี่เพื่อเข้าสู่ระบบของคุณ บัญชี, บัญชีธนาคาร 541 00:23:37,660 --> 00:23:40,985 และนี่ก็เป็นธนาคารของเวสต์ 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> ดังนั้นคนที่ซื้อนี้ 544 00:23:44,250 --> 00:23:47,090 และมันเป็นเรื่องง่ายขึ้นเล็กน้อยที่จะเห็น มันอยู่ในตัวอักษรขาวดำเว้นระยะซูม 545 00:23:47,090 --> 00:23:49,190 ในโปรเจ็คเตอร์ 30 ฟุต 546 00:23:49,190 --> 00:23:51,720 แต่เมื่อมันเป็นตัวอักษรเล็ก ๆ ใน อีเมลที่คุณได้รับ, 547 00:23:51,720 --> 00:23:54,690 ลักษณะนี้เช่น bankofthewest.com, ไม่ bankofthevvest.com, 548 00:23:54,690 --> 00:23:58,230 ใครบางคนซึ่งได้จ่าย $ 10 เพื่อซื้อ 549 00:23:58,230 --> 00:24:00,840 และแล้วนี้นำพวกเขาไป เทียบเท่าของบางเว็บไซต์ที่ไม่ดี 550 00:24:00,840 --> 00:24:05,540 >> และคุณจะเห็น too-- จริงที่เราสามารถทำได้ เจ้านี่ถ้าฉันไปที่เว็บไซต์ที่เกิดขึ้นจริง 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com อีกครั้ง การเรียกคืนจากครั้งล่าสุด 552 00:24:10,335 --> 00:24:13,210 ที่ว่านี้เป็นหน้าเว็บของพวกเขาและ คุณอยากรู้ว่าวิธีการทำงาน 553 00:24:13,210 --> 00:24:15,610 แน่นอนคุณสามารถไปที่ Chrome ของเครื่องมือสำหรับนักพัฒนา 554 00:24:15,610 --> 00:24:18,890 และคุณสามารถดูทั้งหมดของ รูปแบบ HTML มีอย่าง 555 00:24:18,890 --> 00:24:20,890 >> แต่ขึ้นไปยังจุดที่ คุณ cam-- ให้ปิด 556 00:24:20,890 --> 00:24:24,760 เจ้านี่คุณสามารถไปดู พัฒนามาดู 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 ไม่ฉันเพียงแค่คัดลอกทำไม ทั้งหมดที่แล้วฉัน 559 00:24:28,350 --> 00:24:31,630 สามารถไปลงในหน้าต่าง Gedit ของฉันเล็ก ๆ น้อย ๆ ที่นี่และทำให้หน้าเว็บของตัวเอง 560 00:24:31,630 --> 00:24:33,210 บันทึกใน hello.html 561 00:24:33,210 --> 00:24:36,770 และอาจจะเป็นไปที่จะทำลาย เพราะมันไม่ง่ายนี้มักจะ 562 00:24:36,770 --> 00:24:41,590 แต่ตอนนี้ถ้าผมโหลดหน้าเว็บของตัวเองใน ของตัวเอง CS50 เครื่องใช้ไฟฟ้าและโหลดตี 563 00:24:41,590 --> 00:24:42,990 ตกลงสิ่งบางอย่างยากจน 564 00:24:42,990 --> 00:24:45,750 แต่ฉันสวยใกล้เคียงกับการมี เว็บไซต์ของธนาคารของตัวเองใช่มั้ย? 565 00:24:45,750 --> 00:24:46,570 ทั้งหมดนี้ HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [หัวเราะ] 567 00:24:47,370 --> 00:24:49,210 >> เดวิดเจลัน: --I ที่จริงไม่ได้และคุณ 568 00:24:49,210 --> 00:24:52,210 รู้ว่ามีใครบางคนออกมีที่ จริงจะคลิกลิงก์เหล่านี้เกินไป 569 00:24:52,210 --> 00:24:54,864 ดังนั้นอย่างชัดเจนสิ่งบางอย่างยากจน 570 00:24:54,864 --> 00:24:56,780 แต่ที่จะนำไปสู่ เราเข้าสู่การอภิปราย 571 00:24:56,780 --> 00:25:00,810 โดยไม่จำเป็นในขณะนี้เป็นสิ่งที่ CSS แผ่น cascading สไตล์, มี 572 00:25:00,810 --> 00:25:03,410 และวิธีที่คุณจริง ดาวน์โหลดไฟล์อื่น ๆ HTML 573 00:25:03,410 --> 00:25:06,140 และไฟล์ JPEG GIF ไฟล์ที่ เว็บไซต์อาจจะมีการใช้ 574 00:25:06,140 --> 00:25:07,960 แต่ทั้งหมดที่เป็น accomplishable 575 00:25:07,960 --> 00:25:11,110 แต่จริงๆมันเดือดลงไป วิเคราะห์พฤติกรรมเหล่านี้ง่ายมาก 576 00:25:11,110 --> 00:25:14,450 >> ดังนั้นตอนนี้ขอเพียงแค่อ่านผ่าน สองสามตัวอย่างอื่น ๆ ของภาษา HTML 577 00:25:14,450 --> 00:25:16,680 เพียงเพื่อให้คุณมีความรู้สึก ของสิ่งที่คุณสามารถทำได้ 578 00:25:16,680 --> 00:25:18,670 ตัวอย่างเช่นนี้เป็น list.html 579 00:25:18,670 --> 00:25:23,240 สมมติว่าผมต้องการที่จะทำให้หน้าเว็บ ที่มีรายชื่อของบ้านในรูปสี่เหลี่ยม 580 00:25:23,240 --> 00:25:28,960 ฉันอาจจะใช้แท็กยูสำหรับสั่ง รายชื่อแล้วเด็กรายการ 581 00:25:28,960 --> 00:25:33,760 แล้วย้ำ over-- หรือรายการ rather-- บ้านในคำถาม 582 00:25:33,760 --> 00:25:36,080 >> และถ้าฉันเปิดนี้ขึ้นให้ทำเช่นนี้ 583 00:25:36,080 --> 00:25:40,670 ให้เป็นไปไม่ได้ที่จะ hello.html, แต่เพื่อ list.html 584 00:25:40,670 --> 00:25:42,160 ประณามมัน 585 00:25:42,160 --> 00:25:43,000 ฉันจะแก้ไขปัญหานี้ได้อย่างไร 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 มันเป็นปัญหาเหมือนก่อนใช่มั้ย? 588 00:25:47,220 --> 00:25:52,510 ดังนั้นให้ฉันทำ oops-- chmod-- chmod + R ของ list.html 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 และตอนนี้ถ้าผมกลับไปยังเบราว์เซอร์ของฉัน และคลิกโหลดมีมันเป็น 591 00:25:59,610 --> 00:26:02,360 ดังนั้นถ้าคุณเคยต้องการที่จะทำให้ รายการที่มีสัญลักษณ์คุณสามารถทำเช่นนั้นได้ 592 00:26:02,360 --> 00:26:06,210 ถ้าคุณต้องการที่จะเป็นซุปเปอร์แฟนซีและทำให้ รายการสั่งซื้อที่ไม่ได้มีรายชื่อเรียงลำดับ 593 00:26:06,210 --> 00:26:10,170 การเปลี่ยนแปลงเหล่านั้นเพื่อเบียร์, โหลดหน้าเว็บและ ตอนนี้เบราว์เซอร์จะมีจำนวนมันสำหรับคุณ 594 00:26:10,170 --> 00:26:11,241 >> อะไรที่เราสามารถทำได้? 595 00:26:11,241 --> 00:26:13,990 ดีคู่ของ others-- ถ้า คุณได้มีย่อหน้ายาวของ text-- 596 00:26:13,990 --> 00:26:15,698 ตัวอย่างเช่นบาง ข้อความภาษาละตินเหมือนเจ้านี่ 597 00:26:15,698 --> 00:26:20,730 และคุณต้องการไว้ในย่อหน้าที่แยกต่างหาก เปิด P, หน้าปิดแท็กวรรค 598 00:26:20,730 --> 00:26:22,010 และทำมันอีกครั้งและอีกครั้ง 599 00:26:22,010 --> 00:26:26,600 และถ้าตอนนี้ผมเปิดแฟ้มนี้ paragraphs.html ดีนี้ 600 00:26:26,600 --> 00:26:27,570 จะได้รับที่น่ารำคาญ 601 00:26:27,570 --> 00:26:34,320 ดังนั้นตอนนี้ขอเพียงแค่กลับไปของฉัน พร้อมรับคำ chmod + R R ดาว .html-- 602 00:26:34,320 --> 00:26:36,099 ดีป่าการ์ดเล็ก ๆ น้อย ๆ เพื่อที่จะพูด 603 00:26:36,099 --> 00:26:37,890 มันควรจะแก้ไขทั้งหมดของ ปัญหาเหล​​่านี้สำหรับผม 604 00:26:37,890 --> 00:26:38,990 ลองโหลด 605 00:26:38,990 --> 00:26:40,500 มีสามย่อหน้าเป็น 606 00:26:40,500 --> 00:26:42,930 >> และตอนนี้ขอไปข้างหน้า และเปิดขึ้นอีกคนหนึ่ง 607 00:26:42,930 --> 00:26:44,310 วิธีการเกี่ยวกับตาราง? 608 00:26:44,310 --> 00:26:46,440 คุณจะสังเกตเห็นลักษณะของตาราง ที่ซับซ้อนมากขึ้นเล็ก ๆ น้อย ๆ 609 00:26:46,440 --> 00:26:49,110 แต่มันเป็น idea-- เดียวกัน เปิดแท็กเปิดแท็ก 610 00:26:49,110 --> 00:26:51,360 เปิดเปิดเปิดแท็กปิดเปิดแท็ก 611 00:26:51,360 --> 00:26:54,410 และสิ่งเหล่านี้เกิดขึ้นที่จะยืน ตารางที่มีชายแดนเป็นที่เห็นได้ชัด 612 00:26:54,410 --> 00:26:58,500 จะเป็นความหนาของสิ่งที่ 1-- ที่แถวของตาราง means-- ตาราง 613 00:26:58,500 --> 00:27:00,320 ข้อมูลซึ่งหมายความว่าเซลล์ 614 00:27:00,320 --> 00:27:03,840 และถ้าผมกลับไปยังเบราว์เซอร์ของฉัน ที่นี่และไป table.html, 615 00:27:03,840 --> 00:27:05,840 คุณสามารถมองเห็นบางสิ่งบางอย่าง เช่นนี้น่าเกลียด 616 00:27:05,840 --> 00:27:07,840 แต่เราจะได้รับไปยังจุดที่ ที่เราสามารถทำได้จริง 617 00:27:07,840 --> 00:27:09,260 ทำในสิ่งที่สวยกว่าที่ 618 00:27:09,260 --> 00:27:10,530 >> เพื่อให้ฉันกำหนดสำหรับตอนนี้ 619 00:27:10,530 --> 00:27:11,870 มีอัดแน่นของแท็กมากขึ้น 620 00:27:11,870 --> 00:27:15,225 และ HTML เป็นที่ยอดเยี่ยมที่จะรับ เพราะตรงไปตรงมาสิ่งที่คุณต้องทำ 621 00:27:15,225 --> 00:27:17,600 จะมองไปที่หน้าเว็บที่มีอยู่ ที่คุณคุ้นเคย 622 00:27:17,600 --> 00:27:20,340 และคุณต้องการ, โอ้ว่าเป็นวิธี พวกเขาทำอย่างนี้สกอร์ 623 00:27:20,340 --> 00:27:23,159 >> หรือคุณสามารถดูออนไลน์ใด ๆ ทรัพยากรที่เป็นวิธีการทำงานของ HTM​​L, 624 00:27:23,159 --> 00:27:25,700 และคุณจะเห็นว่ามี คำศัพท์ทั้งแท็กอื่น ๆ 625 00:27:25,700 --> 00:27:30,110 แต่ด้วยรูปแบบจิตง่าย คนเดียวที่เกือบจะแท็กใด ๆ ที่คุณเปิด 626 00:27:30,110 --> 00:27:33,620 จะต้องมีการปิดจริงๆมัน ไม่พอเพียงที่จะสอนตัวเอง 627 00:27:33,620 --> 00:27:36,950 HTML หลังจากที่เข้าใจ ความคิดพื้นฐานเหล่านี้ของแท็ก 628 00:27:36,950 --> 00:27:40,520 และคุณลักษณะที่ดีและรูปแบบไว้- ที่เราได้พูดคุยเกี่ยวกับ 629 00:27:40,520 --> 00:27:44,697 ปิดอะไรที่เราอาจจะเปิด เพื่อที่เราจะไม่สับสนเบราว์เซอร์ 630 00:27:44,697 --> 00:27:46,780 จึงขอตอนนี้ใช้เวลานี้เพื่อ ระดับที่น่าสนใจมากขึ้น 631 00:27:46,780 --> 00:27:48,100 โดยไปที่เกิดขึ้นจริง 632 00:27:48,100 --> 00:27:51,095 และขอไปกับ Mac ของฉัน ที่นี่เพื่อ google.com 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 และตอนนี้ notice-- ให้ทำเช่นนี้ 635 00:27:54,020 --> 00:27:57,280 ฉันฆ้องไป การตั้งค่าตั้งค่าการค้นหา 636 00:27:57,280 --> 00:28:01,070 ฉันต้องการที่จะปิดทันทีที่น่ารำคาญนี้ สิ่งที่ผลที่ได้ทันที 637 00:28:01,070 --> 00:28:02,450 เริ่มตอบสนองต่อการพิมพ์ของคุณ 638 00:28:02,450 --> 00:28:05,300 ลองทำเช่นนี้เพื่อให้โรงเรียนเก่า เราเห็นจริงสิ่งที่เกิดขึ้น 639 00:28:05,300 --> 00:28:08,260 >> ดังนั้นฉันจะบันทึกของฉัน การตั้งค่า Google ที่นี่ 640 00:28:08,260 --> 00:28:11,160 และตอนนี้ notice-- ฉันจะ ค้นหาสิ่งที่ชอบแมว 641 00:28:11,160 --> 00:28:14,500 และจะยังคงทำอัตโนมัติ สมบูรณ์ที่นี่ แต่ขึ้นอยู่กับสิ่งที่ 642 00:28:14,500 --> 00:28:15,970 คนที่ได้พิมพ์ในอดีตที่ผ่านมา 643 00:28:15,970 --> 00:28:17,490 แต่สังเกตเห็นสิ่งที่จะเกิดขึ้น 644 00:28:17,490 --> 00:28:20,272 >> ใน URL ในขณะนี้ นี้เป็นเพียง google.com 645 00:28:20,272 --> 00:28:22,650 และในทางเทคนิคก็เฉือน 646 00:28:22,650 --> 00:28:25,910 Google เป็นเพียงการบันทึกตัวอักษร และไม่แสดงให้เราเห็นว่า 647 00:28:25,910 --> 00:28:30,400 พวกเขาจะแสดงให้เรา https เพียง ที่จะเป็นซุปเปอร์มั่นใจว่าเรา 648 00:28:30,400 --> 00:28:32,850 ที่หน้าการรักษาความปลอดภัยหรือการเข้ารหัส 649 00:28:32,850 --> 00:28:35,690 >> เพื่อให้ฉันไปข้างหน้าและการค้นหาสำหรับแมว 650 00:28:35,690 --> 00:28:37,670 ตอนนี้จริงๆ ครอบงำได้อย่างรวดเร็ว 651 00:28:37,670 --> 00:28:39,470 มองไปที่ความยาวของ URL นี้ 652 00:28:39,470 --> 00:28:43,070 แต่มันกลับกลายเป็นว่าส่วนใหญ่ของสิ่งนี้ ใน URL ที่เป็นจริงสวยไร้ประโยชน์ 653 00:28:43,070 --> 00:28:45,320 ฉันจะเริ่มต้นการลบ สิ่งที่ฉันไม่เข้าใจ 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 ฉันเห็นแมว 656 00:28:47,360 --> 00:28:48,470 ผมเข้าใจแมว 657 00:28:48,470 --> 00:28:50,380 ผมไม่ทราบว่าทำไมแมวเป็นที่นั่นอีกครั้ง 658 00:28:50,380 --> 00:28:52,620 ผมไม่ทราบ สิ่งที่เป็นเรื่องไร้สาระนี้ 659 00:28:52,620 --> 00:28:56,030 ดังนั้นฉันแค่จะเก็บ ไฮไลท์และการลบสิ่งที่ 660 00:28:56,030 --> 00:28:59,905 ที่ฉันไม่เข้าใจ กลั่น URL ลงเพียงแค่นี้ 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> ตอนนี้ให้ฉันได้รับการป้อนอีกครั้ง 663 00:29:02,270 --> 00:29:03,814 ดูเหมือนว่า Google ยังคงทำงาน 664 00:29:03,814 --> 00:29:06,980 ดังนั้นด้วยเหตุผลบางอย่างที่พวกเขากำลังเพิ่ม จำนวนมากของสิ่งที่ไปยัง URL ของพวกเขาโดยค่าเริ่มต้น 665 00:29:06,980 --> 00:29:09,000 แต่มันไม่จำเป็นต้องใช้อย่างเคร่งครัด 666 00:29:09,000 --> 00:29:10,340 ดังนั้นสิ่งที่เป็นสิ่งที่ดีเกี่ยวกับเรื่องนี้? 667 00:29:10,340 --> 00:29:13,630 ดีให้ฉันไปข้างหน้าและ เปิด Chrome ได้ตรวจสอบ 668 00:29:13,630 --> 00:29:15,960 มีทางลัดเมาส์เล็ก ๆ น้อย ๆ มัน 669 00:29:15,960 --> 00:29:17,360 >> ไปที่แท็บเครือข่าย 670 00:29:17,360 --> 00:29:19,340 และตอนนี้ให้ฉันโหลด หน้านี้อีกครั้ง 671 00:29:19,340 --> 00:29:20,280 และฉันถือกะ 672 00:29:20,280 --> 00:29:22,520 เช่นกันเบราว์เซอร์ มีแนวโน้มที่จะเก็บหรือบันทึก 673 00:29:22,520 --> 00:29:24,697 ข้อมูลเพียงเพื่อประโยชน์อย่างมีประสิทธิภาพของ 674 00:29:24,697 --> 00:29:27,280 แต่มักจะถือกดปุ่ม Shift และ โหลดจะบังคับให้ทุกอย่าง 675 00:29:27,280 --> 00:29:28,994 ที่จะเริ่มต้นจากจุดเริ่มต้น 676 00:29:28,994 --> 00:29:30,410 และนั่นคือสิ่งที่ฉันต้องการจะทำที่นี่ 677 00:29:30,410 --> 00:29:33,550 >> และสังเกตเห็นสิ่งเหล่านี้ แถวที่ปรากฏเพียง 678 00:29:33,550 --> 00:29:37,920 ปรากฎว่าในเว็บใดก็ตาม หน้าอาจจะมีเพียงหนึ่งไฟล์ 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- หรือมี อาจจะ 52 เช่นในกรณีนี้ 680 00:29:43,500 --> 00:29:45,820 เมื่อผมไปที่ google.com, เห็นได้ชัดว่าเบราว์เซอร์ของฉัน 681 00:29:45,820 --> 00:29:49,650 kicks off 52 ร้องขอ HTTP แยกต่างหาก 682 00:29:49,650 --> 00:29:50,520 ทำไมเป็นเช่นนั้น? 683 00:29:50,520 --> 00:29:53,380 >> ดีมองไปที่สิ่งที่อยู่ภายใน ด้านบนของหน้าเว็บขึ้น 684 00:29:53,380 --> 00:29:55,620 มีไม่เฉพาะข้อความ แต่มีภาพที่เกิดขึ้นจริง 685 00:29:55,620 --> 00:29:57,130 ของแมวกว่าไปทางขวา 686 00:29:57,130 --> 00:29:59,110 มีโลโก้ที่มีสีสันขึ้นที่นี่ที่ด้านซ้าย 687 00:29:59,110 --> 00:30:01,750 มีทั้งหมดของไอคอนเหล่านี้ สำหรับไมโครโฟนและอื่น ๆ 688 00:30:01,750 --> 00:30:05,130 มีจำนวนมากของชิ้นส่วนที่เป็นอาคาร บล็อกชิ้นเริ่มต้นถ้าคุณจะ 689 00:30:05,130 --> 00:30:06,250 ไปยังหน้าเว็บนี้ 690 00:30:06,250 --> 00:30:10,310 และสิ่งที่เบราว์เซอร์จะทำตาม รับไฟล์แรกมากซึ่ง 691 00:30:10,310 --> 00:30:16,180 เป็นแถวนี้ที่นี่ก็เป็นหลัก วนไปด้านบน HTML 692 00:30:16,180 --> 00:30:19,880 ลงล่างซ้ายไปขวามองหา สิ่งที่ต้องการแท็กรูปภาพหรือแท็กอื่น ๆ 693 00:30:19,880 --> 00:30:23,160 ที่ได้รับการกล่าวขวัญและไฟล์อื่น ๆ เมื่อเห็นพวกเขาไปและเรียกพวกเขา 694 00:30:23,160 --> 00:30:26,050 ผ่านทาง HTTP ทั้งทำงานได้ อุปมาซองจดหมาย 695 00:30:26,050 --> 00:30:29,670 และแสดงพวกเขาใน ตำแหน่งที่เหมาะสมในหน้าเว็บ 696 00:30:29,670 --> 00:30:33,370 >> แต่สังเกตเห็นที่นี่ถ้าฉันมุ่งเน้นไปที่ แมวโยนค้นหาครั้งแรก, 697 00:30:33,370 --> 00:30:37,090 สังเกตเห็นว่าที่จริงมันใช้ HTTP 1.1 698 00:30:37,090 --> 00:30:41,690 และขออภัย Google Chrome ตอนนี้ในรุ่น 39 699 00:30:41,690 --> 00:30:45,110 เป็นชนิดของสิ่งที่ dumbing ลงและ ไม่ได้แสดงให้เราเห็นส่วนหัวที่เกิดขึ้นจริง 700 00:30:45,110 --> 00:30:49,680 แต่สิ่งที่ถูกส่งไปแน่นอนคือการขอ ไม่เฉือน แต่ / search? q = แมว 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> ตอนนี้ทำไมที่มีความสำคัญ? 703 00:30:54,340 --> 00:30:57,110 ดีฉันจะสรุป จากนี้ว่าถ้าคุณ Google 704 00:30:57,110 --> 00:31:01,520 รองรับคำสั่งในรูปแบบนี้ทำไม ฉันจึงไม่ดำเนินการค้นหาของตัวเอง 705 00:31:01,520 --> 00:31:06,420 เครื่องยนต์สำหรับ CS50 แต่เพียงด้านหน้า สิ้นสุดเพียงแค่อินเตอร์เฟซผู้ใช้แบบกราฟิก 706 00:31:06,420 --> 00:31:09,610 และเราจะจ้างปลายด้านหลัง, ผลการค้นหาที่เกิดขึ้นจริงไปยัง Google 707 00:31:09,610 --> 00:31:10,510 >> ดังนั้นฉันจะทำเช่นนี้? 708 00:31:10,510 --> 00:31:13,820 ดีให้ฉันเข้าไป Gedit กว่าที่นี่ 709 00:31:13,820 --> 00:31:19,180 และแจ้งให้เราไปข้างหน้าและเปิด ขึ้นสมมุติว่าไฟล์ใหม่ 710 00:31:19,180 --> 00:31:22,280 และฉันจะบันทึกนี้ ชั่วคราวการค้นหา-0.html 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 และแล้วในที่สุดเราจะได้อย่างรวดเร็ว ส่งต่อไปยังคนที่ฉันก่อนเตรียม 713 00:31:27,860 --> 00:31:30,190 >> และฉันกำลังจะไป ชักขึ้นอย่างรวดเร็วชนิดเอกสาร 714 00:31:30,190 --> 00:31:33,840 HTML HTML วงเล็บเปิด HTML วงเล็บปิด 715 00:31:33,840 --> 00:31:38,390 แล้วฉันจะทำหัว หัวปิดเปิดชื่อ CS50 716 00:31:38,390 --> 00:31:40,150 ค้นหาแทนการค้นหาของ Google 717 00:31:40,150 --> 00:31:43,480 ลงที่นี่ฉันจะมี ร่างกายร่างกายลงที่นี่อย่างใกล้ชิด 718 00:31:43,480 --> 00:31:45,835 และตอนนี้ฉันต้องค้นหา CS50 719 00:31:45,835 --> 00:31:47,710 และที่จริงให้ สร้างนี้เพิ่มขึ้น 720 00:31:47,710 --> 00:31:51,043 ฉันจะไปข้างหน้าและปิดนี้และ จริงใส่ไว้ในไดเรกทอรีสาธารณะของฉัน 721 00:31:51,043 --> 00:31:52,730 ดังนั้นให้ฉันเพียงแค่ช่วงเวลาหนึ่ง 722 00:31:52,730 --> 00:31:55,390 ค้นหา 0.html-- ฉันจะ ชั่วคราวเรียกว่า search.html 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 ฉันจะ chmod มัน search.html + R 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 และตอนนี้ฉันกำลังจะไปเปิด 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 สิทธิทั้งหมดเพื่อให้เป็นไปอย่างรวดเร็ว 729 00:32:04,390 --> 00:32:06,800 แต่เป้าหมายก็คือ ที่จะได้รับเราไปยังจุดที่ 730 00:32:06,800 --> 00:32:09,630 ของการมีข้อความนี้ แฟ้มที่เรียกว่า search.html 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 ดังนั้นไม่มากที่จะมองไปที่ยัง 733 00:32:12,790 --> 00:32:16,970 อันที่จริงถ้าผมไปที่เบราว์เซอร์ของฉันและ ไป search.html, นั่นคือทั้งหมดที่มันเป็น 734 00:32:16,970 --> 00:32:17,720 แต่คุณรู้อะไรไหม? 735 00:32:17,720 --> 00:32:19,000 ฉันจะเป็นเพียงเล็กน้อยนักเล่น 736 00:32:19,000 --> 00:32:22,710 ผมอ่านในหนังสือที่มี แท็กส่วนหัวเรียกว่า h1 737 00:32:22,710 --> 00:32:26,100 และฉันจะไปข้างหน้าและ ใช้ h1 เปิดที่และ h1 ใกล้ 738 00:32:26,100 --> 00:32:27,220 โหลดหน้า 739 00:32:27,220 --> 00:32:29,600 และตอนนี้ก็มีขนาดใหญ่และโดดเด่นยิ่งขึ้น ไม่ใช่สิ่งที่น่าสนใจ 740 00:32:29,600 --> 00:32:32,399 แต่อย่างน้อยก็มีโครงสร้าง น่าสนใจมากขึ้น 741 00:32:32,399 --> 00:32:33,940 แต่ตอนนี้ให้ฉันแนะนำแท็กอีก 742 00:32:33,940 --> 00:32:36,500 มันจะเปิดออกมีแท็กรูปแบบ 743 00:32:36,500 --> 00:32:38,400 และแจ้งให้เราปิดแท็กที่ 744 00:32:38,400 --> 00:32:40,830 และปรากฎว่ามีของ แท็กเข้าที่ 745 00:32:40,830 --> 00:32:44,600 มีคุณลักษณะที่เรียกว่าชนิดที่ เป็นชนิดข้อมูลของเขตข้อมูล 746 00:32:44,600 --> 00:32:45,200 ถ้าคุณจะ 747 00:32:45,200 --> 00:32:47,050 และเป็นไปได้ของการพิมพ์ข้อความ 748 00:32:47,050 --> 00:32:52,200 และค่าที่เป็นไปได้ จะเป็น CS50 ค้นหา 749 00:32:52,200 --> 00:32:53,850 ปิดแท็ก 750 00:32:53,850 --> 00:32:57,100 และมีจะเป็นความคิดของไม่มี เปิดและปิดด้วยแท็กที่แยกต่างหาก 751 00:32:57,100 --> 00:33:00,300 >> ผมขอย้อนกลับไปกว่าที่นี่และ ดูสิ่งที่เกิดขึ้นโหลด 752 00:33:00,300 --> 00:33:01,380 การเดินทางที่น่าสนใจ 753 00:33:01,380 --> 00:33:02,950 ดูเหมือนว่าจะเป็นช่องข้อความ 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 และอันที่จริงฉันไม่ต้องการ การใส่ค่ายังมี 756 00:33:06,999 --> 00:33:10,040 ผมขอกลับไปที่นี่และได้รับจริง กำจัดของค่านี้เพื่อให้มันง่าย 757 00:33:10,040 --> 00:33:12,939 แทนค่าสิ่งที่ฉันต้องการ เพื่อให้สิ่งนี้เป็นชื่อ 758 00:33:12,939 --> 00:33:15,230 และผมไม่ทราบว่ามันคืออะไร ดังนั้นฉันจะกลับมาที่ 759 00:33:15,230 --> 00:33:18,270 >> แต่ต่ำกว่าที่ฉันต้องการ ที่จะทำ input type = ส่ง 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 และค่านี้จะค้นหา CS50 762 00:33:22,120 --> 00:33:24,850 และเราจะเห็นว่าทำไมฉัน ย้ายค่านี้ 763 00:33:24,850 --> 00:33:28,900 เมื่อผมโหลดฉันดูเหมือนจะตอนนี้มี จุดเริ่มต้นของการค้นหาของตัวเอง 764 00:33:28,900 --> 00:33:30,820 เครื่องยนต์สุดน่าเกลียด แต่ตรงไปตรงมาก็ 765 00:33:30,820 --> 00:33:34,260 ไม่โยนไกลจากสิ่งที่ หน้าเริ่มต้นของ Google ดูเหมือนว่า 766 00:33:34,260 --> 00:33:37,950 >> ถ้าผมไปที่นี่ตอนนี้ผมสามารถพิมพ์ใน แมวและหวังว่าคลิกค้นหา 767 00:33:37,950 --> 00:33:40,380 แต่ฉันไม่ได้ทำมาก ๆ เพราะผมยังไม่ได้ดำเนินการ 768 00:33:40,380 --> 00:33:41,045 เห็นได้ชัดว่าฐานข้อมูล 769 00:33:41,045 --> 00:33:42,940 ฉันยังไม่ได้รวบรวมข้อมูล เว็บสำหรับผลการค้นหา 770 00:33:42,940 --> 00:33:44,840 ดังนั้นฉันต้องการที่จะ outsource ไปยัง Google 771 00:33:44,840 --> 00:33:46,290 ดังนั้นฉันจะทำเช่นนี้? 772 00:33:46,290 --> 00:33:49,170 >> ดีแรกของทั้งหมดที่ฉัน ต้องเพิ่มและการกระทำ 773 00:33:49,170 --> 00:33:58,460 แอตทริบิวต์แท็กรูปแบบของฉันว่า เป็น http://www.google.com/search 774 00:33:58,460 --> 00:34:01,180 และฉันรู้ว่ามีเพียงจากการมี สรุปโดยการมองอย่างใกล้ชิด 775 00:34:01,180 --> 00:34:02,505 ที่ URL ของพวกเขา 776 00:34:02,505 --> 00:34:03,380 และตอนนี้ใช้เวลาเดา 777 00:34:03,380 --> 00:34:09,090 สิ่งที่ฟิลด์ข้อความนี้อาจจะ จะเรียกได้ว่าขึ้นอยู่กับการที่เรามา 778 00:34:09,090 --> 00:34:09,754 จากการมาก่อนหรือไม่ 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> ผู้ชม:? Q 781 00:34:13,290 --> 00:34:14,370 >> เดวิดเจลัน:? Q 782 00:34:14,370 --> 00:34:17,800 และเราไม่จำเป็นต้องมีคำถาม ทำเครื่องหมายมันจะเปิดออก แต่ Q เป็นจริงมัน 783 00:34:17,800 --> 00:34:20,489 Q สำหรับการค้นหาอาจจะโดย เริ่มต้นเพียงเพราะนั่นคือ 784 00:34:20,489 --> 00:34:23,060 สิ่งที่แลร์รี่และเซอร์เกย์ ขึ้นมาพร้อมกับปีที่ผ่านมา 785 00:34:23,060 --> 00:34:24,739 ดังนั้นตอนนี้ให้ฉันโหลดหน้านี้ 786 00:34:24,739 --> 00:34:26,409 มันไม่ได้มีลักษณะที่แตกต่างกัน 787 00:34:26,409 --> 00:34:28,120 แต่ตอนนี้ดูสิ่งที่เกิดขึ้น 788 00:34:28,120 --> 00:34:32,360 >> ถ้าผมพิมพ์ในแมวและคลิก CS50 ค้นหาและปล่อยให้ไป 789 00:34:32,360 --> 00:34:35,770 สังเกตเห็นฉันจะได้รับพา ไปที่เกิดขึ้นจริงของ Google 790 00:34:35,770 --> 00:34:38,150 ตอนนี้ Google จะเป็นเล็ก ๆ น้อย ๆ ที่น่ารำคาญในการที่พวกเขากำลัง 791 00:34:38,150 --> 00:34:41,877 ท้ายพารามิเตอร์เพิ่มเติม ถ้าคุณจะไปยัง URL 792 00:34:41,877 --> 00:34:43,960 นั่นคือสิ่งที่เกิดขึ้นทั้งหมด โดยอัตโนมัติใน Google ด้าน 793 00:34:43,960 --> 00:34:48,730 >> ส่วนหนึ่งที่สำคัญก็คือว่าฉันดูเหมือน ที่จะมีการสร้างคำขอนี้ที่นี่ 794 00:34:48,730 --> 00:34:50,179 และแน่นอนว่าเป็นสิ่งที่เกิดขึ้น 795 00:34:50,179 --> 00:34:53,040 เมื่อคุณมี HTML ที่ ลักษณะเช่นนี้นี้ 796 00:34:53,040 --> 00:34:57,620 เป็นประเภทของสัญกรณ์นักพัฒนาเว็บ พูดไปข้างหน้าและสร้างฟอร์ม 797 00:34:57,620 --> 00:34:59,990 ที่เมื่อมีการส่ง มันจะไปที่ URL นี้ 798 00:34:59,990 --> 00:35:03,430 และเมื่อ URL ที่ได้จัดให้มี ค่าสำหรับสิ่งที่ต้องการ Q, 799 00:35:03,430 --> 00:35:05,440 ไม่ได้ไปเพียงเพื่อให้ URL นี้ 800 00:35:05,440 --> 00:35:08,210 อันที่จริงให้ไปที่คำถาม เครื่องหมายและจากนั้น q = แมว 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 ผนวกพารามิเตอร์ พารามิเตอร์ HTTP เช่นนั้น 803 00:35:13,060 --> 00:35:15,590 >> และเพียงเพื่อเป็นซุปเปอร์แม่นยำ สิ่งที่ถูกเหมาเอาตรงนี้ 804 00:35:15,590 --> 00:35:18,130 แต่ฉันจะเป็น explicit-- มากขึ้นคือ ว่าวิธีการที่ฉันต้องการใช้ 805 00:35:18,130 --> 00:35:22,270 คือการได้รับแทนที่จะเป็นสิ่งที่ชอบ โพสต์ซึ่งในที่สุดเราก็จะเห็น 806 00:35:22,270 --> 00:35:27,710 ดังนั้นในระยะสั้นเพียงโดยการทำความเข้าใจ HTML และใช้บางส่วนแท็กค่อนข้างง่าย 807 00:35:27,710 --> 00:35:30,610 ตอนนี้เราสามารถเริ่มต้นในการสร้าง ผู้ใช้ของเราเองหน้า 808 00:35:30,610 --> 00:35:32,850 อินเตอร์เฟซที่มีการค้นหา เครื่องยนต์ที่อยู่เบื้องหลังมัน 809 00:35:32,850 --> 00:35:34,800 >> แต่นี้แน่นอนคือน่าเกลียดสวย 810 00:35:34,800 --> 00:35:37,259 เพื่อให้ฉันจริงเปิดขึ้น รุ่นที่ดีกว่าเล็กน้อย 811 00:35:37,259 --> 00:35:39,800 นี่คือหนึ่งผมจัดทำขึ้น ล่วงหน้าที่มีความคิดเห็นบางส่วน 812 00:35:39,800 --> 00:35:41,900 แต่คุณจะเห็นว่าเราคือ สวยมากสร้างมัน 813 00:35:41,900 --> 00:35:44,150 ดังนั้นนี่คือพร้อมใช้งานออนไลน์แล้ว 814 00:35:44,150 --> 00:35:48,050 และฉันไม่เกิดขึ้นกับ preemptively ไปที่ https เพียงเพื่อให้มันง่าย 815 00:35:48,050 --> 00:35:50,610 >> และตอนนี้ขอเปิดขึ้น ย้ำต่อไปนี้ 816 00:35:50,610 --> 00:35:52,510 เป็นรุ่นที่ 1 แทน 0 817 00:35:52,510 --> 00:35:55,315 สิ่งที่กระโดดออกที่คุณเป็นเล็กน้อย ที่แตกต่างกันในตัวอย่างนี้? 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> ผู้ชม: [ไม่ได้ยิน] 820 00:36:00,440 --> 00:36:03,020 >> ใช่มีนี้ศูนย์จัดข้อความ 821 00:36:03,020 --> 00:36:04,590 นี้เป็นเพียงเล็กน้อยแปลกขึ้นที่นี่ 822 00:36:04,590 --> 00:36:06,150 แต่นี้เป็นจริงใหม่ 823 00:36:06,150 --> 00:36:07,800 และอาจจะคาดเดาสิ่งที่จะเกิดขึ้น 824 00:36:07,800 --> 00:36:11,730 ถ้าผมไปที่เบราว์เซอร์ของฉันตอนนี้ และเยี่ยมชมการค้นหา 1.html, 825 00:36:11,730 --> 00:36:13,090 มันเกือบจะเป็นสิ่งเดียวกัน 826 00:36:13,090 --> 00:36:15,705 แต่มันเป็นขั้นตอนที่ใกล้ชิดกับ มากขึ้นเป็นเล็ก ๆ น้อย ๆ สวย 827 00:36:15,705 --> 00:36:19,150 ก็ยังคงน่าเกลียด แต่สวยในการที่ อย่างน้อยทุกอย่างตอนนี้ศูนย์กลาง 828 00:36:19,150 --> 00:36:23,470 >> ดังนั้นมันจะเปิดออกว่าสิ่งที่ฉันใช้ เป็นภาษาอื่นที่เรียกว่าโดยสิ้นเชิง 829 00:36:23,470 --> 00:36:25,680 CSS แผ่น cascading สไตล์ 830 00:36:25,680 --> 00:36:28,310 และ CSS ตรงไปตรงมาเป็นชนิด ของในความเห็นส่วนตัวของฉัน 831 00:36:28,310 --> 00:36:29,775 ภาษาที่ได้รับการออกแบบอย่างทารุณ 832 00:36:29,775 --> 00:36:33,110 เป็นที่น่ารำคาญมากที่จะจำ ทุกรายละเอียดต่างๆ 833 00:36:33,110 --> 00:36:38,479 แต่มันเป็นสิ่งที่ stylizes เว็บทั่วโลกทั้งหมดในวันนี้ 834 00:36:38,479 --> 00:36:39,270 ฉันโกรธใครสักคน 835 00:36:39,270 --> 00:36:39,769 สิทธิ์ทั้งหมด 836 00:36:39,769 --> 00:36:43,180 จึงขอกลับไปที่นี่และดู วิธีการที่เรากำลังใช้จริงนี้ 837 00:36:43,180 --> 00:36:45,940 และมันจะเปิดออกอย่างน้อยก็เป็น จริงภาษาที่ง่ายสวย 838 00:36:45,940 --> 00:36:49,470 มันเป็นคู่ค่าที่สำคัญเพียงคุณสมบัติ และค่านิยมที่คุณสมบัติและค่า 839 00:36:49,470 --> 00:36:52,080 อันที่จริงนี่เป็นหนึ่ง สถานที่ให้บริการดังกล่าวและค่า 840 00:36:52,080 --> 00:36:55,890 >> ง่ายๆโดยการใช้รูปแบบ แอตทริบิวต์ในแท็กร่างกายของฉัน 841 00:36:55,890 --> 00:37:00,360 และให้ค่าเป็น ลำไส้ใหญ่คำพูดและคำอื่น 842 00:37:00,360 --> 00:37:03,730 หรือสถานที่ให้บริการและค่า ฉันสามารถส่งผลกระทบต่อความสวยงาม 843 00:37:03,730 --> 00:37:06,210 ของหน้าเว็บไม่ จำเป็นต้องโครงสร้างยัง, 844 00:37:06,210 --> 00:37:07,550 แต่ความสวยงามของมัน 845 00:37:07,550 --> 00:37:10,960 และเพียงแค่ Googling รอบฉันรู้ ที่แผ่น CSS, Cascading Style, 846 00:37:10,960 --> 00:37:14,170 สนับสนุนสถานที่ให้บริการที่เรียกว่า ข้อความชิดมีค่าสามารถ 847 00:37:14,170 --> 00:37:16,980 จะซ้ายขวาหรือศูนย์ตัวอย่างเช่น 848 00:37:16,980 --> 00:37:19,990 >> ดังนั้นตอนนี้เมื่อผมโหลด หน้านี้สิ่งที่ฉันไม่ได้รับ 849 00:37:19,990 --> 00:37:22,730 เป็นศูนย์กลางหน้า, แต่ยังคงน่าเกลียดสวย 850 00:37:22,730 --> 00:37:25,770 ลองไปข้างหน้าและเปิด ขึ้นรุ่นที่ 2 ของการค้นหา 851 00:37:25,770 --> 00:37:28,570 และตอนนี้สังเกตเห็นฉันได้ทำมากขึ้นเล็ก ๆ น้อย ๆ 852 00:37:28,570 --> 00:37:33,760 ขอให้สังเกตว่าที่นี่ภายในหัว แท็กสามารถมีได้มากกว่าชื่อ 853 00:37:33,760 --> 00:37:35,400 ในความเป็นจริงมีแท็กสไตล์ 854 00:37:35,400 --> 00:37:38,630 และนี่คือที่มันเพิ่งได้รับ เล็ก ๆ น้อย ๆ CSS เห็นยุ่งบางครั้ง 855 00:37:38,630 --> 00:37:41,971 >> ขอให้สังเกตว่าฉันดูเหมือนจะมีบางสิ่งบางอย่าง โครงสร้างที่มีลักษณะแตกต่างกันมาก 856 00:37:41,971 --> 00:37:44,095 แต่ที่นี่เป็นชื่อของ แท็กผมอยากจะเก๋ 857 00:37:44,095 --> 00:37:47,570 นี่คือเพื่อนเก่าของเราจะหยิก วงเล็บและวงเล็บปีกกาปิด 858 00:37:47,570 --> 00:37:50,290 แล้วที่นี่ก็คือ ทรัพย์สินและค่าของมัน 859 00:37:50,290 --> 00:37:56,300 >> ถ้าผมโหลดไฟล์นี้ search2.html, ผลลัพธ์ที่ได้คือเหมือนกัน 860 00:37:56,300 --> 00:37:59,300 แต่มันเป็นขั้นตอนที่มีต่อการออกแบบที่ดีกว่า 861 00:37:59,300 --> 00:38:04,560 โดยแฟออก CSS นี้ผมได้ ไม่ผสมปนเปกับ HTML ของฉัน 862 00:38:04,560 --> 00:38:07,560 และแน่นอนที่เราจะเห็นฉันสามารถ นำมาใช้ใหม่คุณสมบัติและค่านิยมเหล่านี้ 863 00:38:07,560 --> 00:38:10,420 ถ้าผมอยากจะให้อัดแน่นของ ชิ้นส่วนของหน้าเว็บของฉันเป็นศูนย์กลาง 864 00:38:10,420 --> 00:38:13,630 ผมไม่ต้องพิมพ์ style = ข้อความชิด ศูนย์ทั่วสถานที่ 865 00:38:13,630 --> 00:38:16,580 ฉันสามารถวางไว้ในสถานที่แห่งหนึ่ง บางทีชอบขึ้นที่ด้านบน 866 00:38:16,580 --> 00:38:18,210 >> แต่แม้น​​ี้ไม่ได้ออกแบบที่ดีที่สุด 867 00:38:18,210 --> 00:38:21,720 ในความเป็นจริงหนึ่งในสิ่งที่คุณจะได้เรียนรู้ ในขณะที่คุณใช้เวลามากขึ้นและมากขึ้นด้วย 868 00:38:21,720 --> 00:38:25,730 การเขียนโปรแกรมเว็บเป็นว่ายิ่งคุณสามารถ modularize สิ่งต่าง ๆ และสิ่งที่ปัจจัยออก 869 00:38:25,730 --> 00:38:30,610 เช่น h ไฟล์ให้เราสิ่งที่ปัจจัยออก ชอบ helpers.c ให้เราสิ่งที่ปัจจัยออก 870 00:38:30,610 --> 00:38:31,880 psets ไม่กี่สัปดาห์ที่ผ่านมา 871 00:38:31,880 --> 00:38:34,200 ในทำนองเดียวกันเราอาจจะ ต้องการที่จะบรรลุเป้าหมายนี้ 872 00:38:34,200 --> 00:38:37,920 >> เพื่อแจ้งให้ทราบในรุ่น สาม search.html ฉัน 873 00:38:37,920 --> 00:38:40,610 ทำความสะอาดหัว หน้าและเพียงแค่ใส่ 874 00:38:40,610 --> 00:38:43,320 ในเรื่องนี้แท็กการเชื่อมโยงซึ่ง ตรงกันข้ามกับชื่อ 875 00:38:43,320 --> 00:38:44,700 ไม่ให้เชื่อมโยงหลายมิติ 876 00:38:44,700 --> 00:38:49,150 มันเชื่อมโยงไปยังแฟ้มอื่นโดยวิธีการ href ที่มีค่าในกรณีนี้ 877 00:38:49,150 --> 00:38:51,586 คือการค้นหา-3.css 878 00:38:51,586 --> 00:38:52,960 ดังนั้นผมจึงรู้ว่าเรากำลังจะได้อย่างรวดเร็ว 879 00:38:52,960 --> 00:38:54,600 แต่ทั้งหมดที่ฉันทำคือประเภท ในการเคลื่อนย้ายสิ่งต่าง ๆ รอบ 880 00:38:54,600 --> 00:38:55,760 ผมขอเปิดการค้นหา 3.css 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 มีมันคืออะไรจริงๆมัน 883 00:38:58,530 --> 00:39:02,270 ฉันเพียงแค่คัดลอกและวางมันลงไปใหม่ ไฟล์เหมือนเราเอาเรื่องสิ่งที่ออกมา 884 00:39:02,270 --> 00:39:03,509 เป็นไฟล์อื่น ๆ ก่อน 885 00:39:03,509 --> 00:39:05,300 และ result-- underwhelming-- สมบูรณ์ 886 00:39:05,300 --> 00:39:06,730 เป็นไปได้เหมือนกัน 887 00:39:06,730 --> 00:39:10,490 แต่เรากำลังย้าย toward-- ไม่มีก็ไม่ได้ 888 00:39:10,490 --> 00:39:11,930 โอ้ฉันรู้ว่าทำไม 889 00:39:11,930 --> 00:39:13,790 >> ดังนั้นจึงน่าจะเป็นข้อผิดพลาด 890 00:39:13,790 --> 00:39:15,010 และมันอยู่ในความรู้สึกบางอย่าง 891 00:39:15,010 --> 00:39:17,730 แต่ให้ฉันเปิดแท็บเครือข่ายของฉัน 892 00:39:17,730 --> 00:39:19,660 ผมขอโหลดหน้าเว็บ 893 00:39:19,660 --> 00:39:23,315 Ah ทำไม CSS ไม่ได้ถูกนำมาใช้? 894 00:39:23,315 --> 00:39:26,920 ดีไฟล์ CSS เหมือนกันมี จะเป็นโลกที่อ่านได้จึงจะพูด 895 00:39:26,920 --> 00:39:28,440 และมันก็เป็นที่ต้องห้ามในปัจจุบัน 896 00:39:28,440 --> 00:39:33,760 ดังนั้นให้ฉันทำ chmod + R ดาวจุด CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 เราจุด CSS เป็นเพียง นามสกุลของไฟล์สำหรับไฟล์ CSS 898 00:39:37,067 --> 00:39:38,900 ตอนนี้ให้ฉันกลับไป เบราว์เซอร์และโหลดของฉัน 899 00:39:38,900 --> 00:39:40,910 ตกลงเล็ก ๆ น้อย ๆ ที่ดีกว่า 900 00:39:40,910 --> 00:39:42,282 >> ตอนนี้ให้ฉันทำสิ่งสุดท้ายที่หนึ่ง 901 00:39:42,282 --> 00:39:42,990 ในการค้นหา-4.html 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 ผมมีรุ่นที่ผมคิดว่า เป็นวิธีที่เย็นแม้ว่าทางขึ้น 904 00:39:48,220 --> 00:39:48,980 ซับซ้อน 905 00:39:48,980 --> 00:39:50,690 ลองดูที่ผลครั้งแรก 906 00:39:50,690 --> 00:39:52,290 ปิดเพื่อให้เรามีห้องพักมากขึ้น 907 00:39:52,290 --> 00:39:54,275 การเปลี่ยนแปลงนี้ในการค้นหา-4, ใส่ 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> และตอนนี้พวงของสิ่งที่จะแตก 910 00:39:57,200 --> 00:39:59,910 ฉันจะกลับไป ลงในไดเรกทอรีของฉันที่นี่ 911 00:39:59,910 --> 00:40:04,190 และตอนนี้ฉันแค่จะทำ chmod ของ + R บน file-- 912 00:40:04,190 --> 00:40:07,450 เพราะผมรู้ว่ามัน exists-- เรียกว่า logo.gif ซึ่งเป็นภาพ 913 00:40:07,450 --> 00:40:08,590 และโหลดตอนนี้ 914 00:40:08,590 --> 00:40:11,040 และ wow-- ดังนั้นตอนนี้ฉัน สวยใกล้ตรงไปตรงมา 915 00:40:11,040 --> 00:40:15,860 ที่จะชอบรุ่น 1999 ของ Google และ ตรงไปตรงมาในเวอร์ชั่น 2014 ของกูเกิล 916 00:40:15,860 --> 00:40:16,360 ใช่มั้ย? 917 00:40:16,360 --> 00:40:21,920 >> ดังนั้นตอนนี้ไปที่เว็บไซต์ของพวกเขา ท้ายที่สุดถ้าฉันค้นหาสำหรับแมว 918 00:40:21,920 --> 00:40:23,900 และแน่นอนมันเป็น 919 00:40:23,900 --> 00:40:26,410 แต่ผมทำอะไรที่แตกต่างกัน ในรุ่นนี้ 4? 920 00:40:26,410 --> 00:40:28,020 ดังนั้นเราจะไม่อาศัยอยู่มากเกินไปในที่นี่ 921 00:40:28,020 --> 00:40:30,100 คุณจะเห็นในปัญหา ตั้งเจ็ดในที่สุด 922 00:40:30,100 --> 00:40:31,350 แต่สังเกตเห็นผมทำบางสิ่ง 923 00:40:31,350 --> 00:40:33,690 >> ผมแนะนำ div แท็กซึ่งเป็นส่วน 924 00:40:33,690 --> 00:40:35,450 ในทำนองเดียวกันกับแท็กวรรค 925 00:40:35,450 --> 00:40:38,220 แต่ส่วนหนึ่งก็เหมือนกับที่นี่ ภูมิภาคท​​ี่มองไม่เห็นเป็นรูปสี่เหลี่ยมผืนผ้า 926 00:40:38,220 --> 00:40:39,150 ของหน้าจอ 927 00:40:39,150 --> 00:40:41,680 ขอให้มันไม่ซ้ำกัน ระบุท้ายเพียง 928 00:40:41,680 --> 00:40:44,700 เพื่อให้เราสามารถพูดคุยเกี่ยวกับ มันใน HTML ของเราที่อื่น ๆ 929 00:40:44,700 --> 00:40:47,952 นี่คือภาพรวมของหน้าเว็บอื่น รหัสที่มีความเป็นไปได้เนื้อหา 930 00:40:47,952 --> 00:40:49,160 มันเป็นเนื้อหาของหน้า 931 00:40:49,160 --> 00:40:51,090 และนี่คือส่วนหัวของหน้า 932 00:40:51,090 --> 00:40:54,960 >> ในคำอื่น ๆ ที่ฉันได้ เป็นหลักใน HTML am จิตใจ 933 00:40:54,960 --> 00:40:57,700 ดูหน้าเว็บนี้เป็น สามองค์ประกอบส่วนหัว 934 00:40:57,700 --> 00:41:01,200 ที่นี่มีรูปสี่เหลี่ยมผืนผ้าที่มองไม่เห็นนี้ เนื้อหาอยู่ตรงกลางแล้ว 935 00:41:01,200 --> 00:41:04,800 ส่วนท้ายลงมาด้านล่างได้ แม้ว่าเราจะไม่เห็นสิ่งเหล่านั้น 936 00:41:04,800 --> 00:41:09,940 เพราะผมต้องการที่จะอยู่ในหัวของฉัน หน้านี่หรือในแฟ้ม .css, 937 00:41:09,940 --> 00:41:11,460 ฉันสามารถใช้รูปแบบนี้ 938 00:41:11,460 --> 00:41:13,070 >> ส่วนหัวไม่ได้แท็ก 939 00:41:13,070 --> 00:41:17,060 มันเป็นรหัสเพื่อให้มันกลายเป็น ว่าด้วยการทำ #header, 940 00:41:17,060 --> 00:41:20,840 ตอนนี้ผมสามารถใช้อย่างใดอย่างหนึ่งหรือมากกว่า คุณสมบัติที่ส่วนหัว 941 00:41:20,840 --> 00:41:24,130 ฉันจะทำเนื้อหาเดียวกัน เหมือนกันสำหรับเนื้อหาที่นี่ 942 00:41:24,130 --> 00:41:27,230 >> ดังนั้นสำหรับตัวอย่างเช่นในส่วนท้าย, แจ้งให้ทราบล่วงหน้า ทั้งหมดของคุณสมบัติเหล่านี้ผมเพิ่ม 943 00:41:27,230 --> 00:41:30,660 และฉันรู้ว่าพวกเขาอยู่เพียงแค่การอ่าน ขึ้นบนเอกสารสำหรับ CSS 944 00:41:30,660 --> 00:41:33,450 ขนาดตัวอักษรเป็นไปได้ smaller-- ดังนั้นขนาดตัวอักษรบางอย่างที่สัมพันธ์กัน 945 00:41:33,450 --> 00:41:34,741 น้ำหนักเป็นไปได้ที่เป็นตัวหนา 946 00:41:34,741 --> 00:41:37,340 Margin-- พิกเซลหลายวิธี พูดไปรอบคือ 20 พิกเซล 947 00:41:37,340 --> 00:41:38,590 และมันจะเป็นศูนย์กลาง 948 00:41:38,590 --> 00:41:40,256 >> แต่ตอนนี้หน้าลักษณะเช่นนี้ 949 00:41:40,256 --> 00:41:42,840 ถ้าผมไม่พอใจกับ สำเนาของฉันมีสิทธิ 950 00:41:42,840 --> 00:41:46,560 ฉันจะทำสิ่งที่ชอบสีแดง 951 00:41:46,560 --> 00:41:50,570 และจากนั้นผมสามารถบันทึกนี้โหลด และตอนนี้ฉันได้เก๋ท้าย 952 00:41:50,570 --> 00:41:54,130 ดังนั้นนี่เป็นเพียงการกระทบถึงอำนาจ ของสิ่งที่คุณสามารถทำได้ในหน้าเว็บ 953 00:41:54,130 --> 00:41:55,510 ที่จะเปลี่ยนแปลงสิ่งต่างๆ 954 00:41:55,510 --> 00:41:59,080 >> และแม้กระทั่งเย็นกว่านี้ถ้าคุณต้องการ เพื่อกระตุ้นรอบกับเว็บไซต์ที่เกิดขึ้นจริง 955 00:41:59,080 --> 00:42:00,810 คุณไม่สามารถเปลี่ยนพวกเขาอย่างถาวร 956 00:42:00,810 --> 00:42:03,640 แต่ถ้าผมเปิดขึ้น Chrome ได้ตรวจสอบอีกครั้ง 957 00:42:03,640 --> 00:42:07,610 และผมก็ไม่ไปทางด้านซ้ายมือ ที่นี่ซึ่งแสดงให้เห็น HTML ของ Facebook, 958 00:42:07,610 --> 00:42:11,380 แต่แสดงให้เห็นทางด้านขวา ด้านซ้ายมือของ CSS ของมัน 959 00:42:11,380 --> 00:42:13,789 คุณทั้งสองสามารถและ เปลี่ยนแปลงสิ่งต่างๆได้ทันที 960 00:42:13,789 --> 00:42:15,080 เพื่อให้ฉันไปข้างหน้าและทำเช่นนี้ 961 00:42:15,080 --> 00:42:18,670 >> ให้ฉันไปข้างหน้าและการควบคุม คลิกที่คำสุ่มนี้ที่นี่ 962 00:42:18,670 --> 00:42:21,230 เข้าสู่ระบบและคลิกที่ตรวจสอบธาตุ 963 00:42:21,230 --> 00:42:25,130 โครเมี่ยมอย่างสะดวกกระโดดไป แท็ก h1 ว่า Facebook จะใช้ 964 00:42:25,130 --> 00:42:27,290 และสังเกตเห็นที่นี่ Facebook มีชนิดของขี้เกียจ 965 00:42:27,290 --> 00:42:29,960 ยากขนาดตัวอักษรกำหนดเป็นสถานที่ให้บริการที่นี่ 966 00:42:29,960 --> 00:42:33,530 >> ดังนั้นสิ่งที่เย็นว่าเป็น ว่าถ้าผมจะไปที่นี่ 967 00:42:33,530 --> 00:42:39,560 และพูดว่าโอ้, Facebook, ฉันไม่ชอบที่ 64 พิกเซล, ตอนนี้เราสามารถเปลี่ยน Facebook 968 00:42:39,560 --> 00:42:42,590 แน่นอนเรากำลังเพียงการเปลี่ยนแปลง สำหรับฉันบุคคลในขณะนี้ 969 00:42:42,590 --> 00:42:45,150 แต่นี่เป็นเพียงอีก เครื่องมือในชุดเครื่องมือของเรา 970 00:42:45,150 --> 00:42:48,360 ที่จะช่วยให้เราสามารถปรับแต่ง และคิดออกและวินิจฉัย 971 00:42:48,360 --> 00:42:49,729 ปัญหาในหน้าเว็บของเราเอง 972 00:42:49,729 --> 00:42:52,270 และเราจะไปกันมากกว่า ที่นี่ซึ่งเป็นสิ่งเดียวกัน 973 00:42:52,270 --> 00:42:55,830 ถ้าคุณอยากที่จะได้รับแฟนซีฉัน หมายความว่าตอนนี้จริงๆคุณสามารถกลายพันธุ์หน้า 974 00:42:55,830 --> 00:42:57,380 และทำสิ่งที่บ้า 975 00:42:57,380 --> 00:42:59,870 >> ดังนั้นทำไมนี้เป็นประโยชน์หรือไม่ 976 00:42:59,870 --> 00:43:02,330 ดีที่สุดเราไม่ จะต้องการที่จะเป็น 977 00:43:02,330 --> 00:43:07,110 ความสามารถในการสร้างหน้าเว็บที่ จะขับเคลื่อนด้วยปลายกลับของเราเอง 978 00:43:07,110 --> 00:43:10,520 ไม่ได้โดยเพียงแค่ Google และ จ้างปลายด้านหลังมี 979 00:43:10,520 --> 00:43:13,510 เราต้องการจริง ค่าตัวอย่างเช่น 980 00:43:13,510 --> 00:43:18,830 ของการดำเนินการของเครื่องมือค้นหาของเรา แอตทริบิวต์ที่จะไปไม่ได้ที่คนอื่น 981 00:43:18,830 --> 00:43:24,270 แต่สิ่งที่ต้องการ search.php, ที่ search.php อยู่บนเซิร์ฟเวอร์ของเราเอง 982 00:43:24,270 --> 00:43:25,670 ไม่ได้อยู่ในคนอื่น 983 00:43:25,670 --> 00:43:30,316 >> และเพื่อที่จะได้มีเราจริง ต้องแนะนำภาษาใหม่ 984 00:43:30,316 --> 00:43:33,190 เพื่อให้เราได้ดูแล้วที่ใหม่ ภาษาที่นี่หรือสองจริงๆ HTML 985 00:43:33,190 --> 00:43:33,700 และ CSS 986 00:43:33,700 --> 00:43:36,330 แต่พวกเขาจริงๆเป็นเพียง ภาษาโครงสร้างและความงาม 987 00:43:36,330 --> 00:43:38,360 พวกเขาไม่ได้เขียนโปรแกรม ภาษาต่อ 988 00:43:38,360 --> 00:43:41,160 และที่เกี่ยวกับเท่าที่เป็นทางการ เวลาที่เราจะใช้จ่ายกับพวกเขา 989 00:43:41,160 --> 00:43:44,910 เพราะเราจะเริ่มตอนนี้ เปลี่ยนไป PHP 990 00:43:44,910 --> 00:43:48,160 >> ดังนั้น PHP เป็นจริง การเขียนโปรแกรมภาษา 991 00:43:48,160 --> 00:43:50,750 มันเป็นภาษาสคริปต์ ในแง่ที่ว่ามันเป็น 992 00:43:50,750 --> 00:43:52,855 หมายถึงการเป็นน้ำหนักเบา กว่าสิ่งที่ต้องการ C. 993 00:43:52,855 --> 00:43:56,082 และมันก็เป็นภาษาที่ตีความ ซึ่งหมายความว่ามันไม่ได้รวบรวม 994 00:43:56,082 --> 00:43:58,790 ดังนั้นสั้นเป็นสิ่งที่ไม่ได้หมายถึง เมื่อเราใช้ภาษาเช่น C 995 00:43:58,790 --> 00:44:00,290 และเรามีการรวบรวมมันได้หรือไม่ 996 00:44:00,290 --> 00:44:02,120 มันหมายความว่าอะไรที่จะ รวบรวมซอร์สโค้ด C? 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 ผู้ชม: [ไม่ได้ยิน] 999 00:44:04,780 --> 00:44:06,184 เดวิดเจลัน: พูดอีกครั้งหรือไม่ 1000 00:44:06,184 --> 00:44:07,100 ผู้ชม: [ไม่ได้ยิน] 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 เดวิดเจลันเพอร์เฟ 1003 00:44:08,920 --> 00:44:10,180 มันเปลี่ยนมันเป็นเลขฐานสอง 1004 00:44:10,180 --> 00:44:14,200 มันเปลี่ยนมันเป็นเลขศูนย์และคน จากแหล่งที่มาที่แท้จริงของภาษาอังกฤษอย่าง 1005 00:44:14,200 --> 00:44:16,424 และจากนั้นเราสามารถทำได้จริง ใช้เลขที่และคน 1006 00:44:16,424 --> 00:44:18,840 โดยผ่านพวกเขาผ่าน CPU โดยการดับเบิลคลิกที่ไอคอน 1007 00:44:18,840 --> 00:44:19,980 หรือใช้คำสั่ง 1008 00:44:19,980 --> 00:44:23,770 >> PHP และ Python และ Ruby และ Perl และ JavaScript 1009 00:44:23,770 --> 00:44:26,250 และอัดแน่นของอื่น ๆ ภาษาที่จะตีความ 1010 00:44:26,250 --> 00:44:29,290 ภาษาซึ่งเป็นที่จะบอกว่า คุณไม่ได้รวบรวมไว้ 1011 00:44:29,290 --> 00:44:34,220 แต่คุณให้อาหารพวกเขาเป็น input เพื่อ โปรแกรมที่เรียกว่าล่าม 1012 00:44:34,220 --> 00:44:36,640 และล่ามว่า ซึ่งคนอื่นเขียน 1013 00:44:36,640 --> 00:44:40,930 อ่านบนรหัสต้นฉบับของคุณลงล่าง จากซ้ายไปขวาและเพียงแค่ตำ 1014 00:44:40,930 --> 00:44:43,000 เส้นเหล่านั้นและทำในสิ่งที่คุณพูด 1015 00:44:43,000 --> 00:44:45,360 >> ดังนั้นถ้าคุณพบ บรรทัดที่กล่าวว่าการพิมพ์ 1016 00:44:45,360 --> 00:44:48,660 มันไม่จำเป็นต้องแปลงพิมพ์ ไปที่ศูนย์สอดคล้องและคน 1017 00:44:48,660 --> 00:44:51,910 มันก็มีล่ามเช่นนี้ สภาพใหญ่ถ้าบอกว่า 1018 00:44:51,910 --> 00:44:56,110 ถ้าการเรียนการสอนของโปรแกรมเป็น พิมพ์แล้วทำต่อไป 1019 00:44:56,110 --> 00:44:58,170 ดังนั้นจึงตีความมันเพียง โดยชนิดของเหตุผล 1020 00:44:58,170 --> 00:44:59,800 ผ่านสิ่งที่คุณบอกให้ทำ 1021 00:44:59,800 --> 00:45:01,320 >> และ PHP เป็นหนึ่งในภาษาเหล่านี้ 1022 00:45:01,320 --> 00:45:05,310 และ PHP ปีที่ผ่านมาได้รับการออกแบบ ได้อย่างแม่นยำสำหรับการเขียนโปรแกรมเว็บ 1023 00:45:05,310 --> 00:45:08,160 และมันก็เป็นครั้งแรก ภาษายุ่งเลอะเทอะมาก 1024 00:45:08,160 --> 00:45:10,940 และแน่นอนมีขนาดใหญ่ ปริมาณของโค้ด PHP ที่ไม่ดีออกมี 1025 00:45:10,940 --> 00:45:13,520 แต่ภาษาตัวเอง ได้ครบกำหนดปีที่ผ่านมา 1026 00:45:13,520 --> 00:45:16,200 มากเสียจนตอนนี้ก็ จริงขั้นตอนต่อไปที่ยอดเยี่ยม 1027 00:45:16,200 --> 00:45:19,970 pedagogically จาก C เพราะมันเป็น เพื่อให้เคราะห์ร้ายที่คุ้นเคยกับทุกอย่าง 1028 00:45:19,970 --> 00:45:22,380 คุณได้เห็นเพียงแค่ในไม่กี่สัปดาห์ที่ผ่านมา 1029 00:45:22,380 --> 00:45:25,724 >> หนึ่งความแตกต่างเริ่มต้นเราจะเห็น คือไม่มีหน้าที่หลักอีกต่อไป 1030 00:45:25,724 --> 00:45:28,890 เมื่อคุณเริ่มต้นการเขียนโค้ดก็เพียง จะได้รับการดำเนินการไม่ว่าอะไร 1031 00:45:28,890 --> 00:45:30,220 ในขณะที่เราจะเห็นในช่วงเวลา 1032 00:45:30,220 --> 00:45:33,320 ในขณะเดียวกันนี่คือสิ่งที่ ตัวแปรที่มีลักษณะเช่นใน PHP 1033 00:45:33,320 --> 00:45:35,840 มันเป็นเรื่องที่แตกต่างกันเพียงเล็กน้อย แต่แทบจะไม่ 1034 00:45:35,840 --> 00:45:39,380 >> ใน PHP มีไม่พิมพ์ strong 1035 00:45:39,380 --> 00:45:41,430 มีการพิมพ์เป็นสัปดาห์, ซึ่งก็หมายความว่า 1036 00:45:41,430 --> 00:45:44,030 เป็นชนิดข้อมูลเช่นสตริง และหมายเลขและสิ่งอื่น ๆ 1037 00:45:44,030 --> 00:45:47,030 แต่คุณจะไม่รำคาญระบุ สิ่งที่พวกเขาอีกต่อไป 1038 00:45:47,030 --> 00:45:48,980 PHP ตัวเลขออกสำหรับคุณ 1039 00:45:48,980 --> 00:45:52,030 เครื่องหมายดอลลาร์เป็นเพียงการตัดสินใจ ว่าคนที่ทำ PHP ปี 1040 00:45:52,030 --> 00:45:54,890 ที่ผ่านมาดังกล่าวว่าตัวแปรใด ๆ ใน PHP เพียงแค่เริ่มต้นด้วยเครื่องหมายดอลลาร์ 1041 00:45:54,890 --> 00:45:58,130 มันเป็นความจริงชนิดที่มีประโยชน์ในการที่ มันกระโดดออกที่คุณน้อยมาก 1042 00:45:58,130 --> 00:46:01,315 >> แต่หลังจากนั้นนี้ เป็นเงื่อนไขใน PHP 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 มีอะไรที่แตกต่างกันเมื่อเทียบกับ C? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 เคล็ดลับคำถามที่ไม่มีอะไร ซึ่งเป็นจริงดีจริงๆ 1047 00:46:09,600 --> 00:46:12,140 สำนวนที่บูลีนใน PHP-- เดียวกัน 1048 00:46:12,140 --> 00:46:19,354 สำนวนที่บูลีนที่มีและเมื่อเทียบกับ หรือสวิทช์, ลูป, ลูป loops-- ตกลง 1049 00:46:19,354 --> 00:46:20,270 คนนี้เป็นที่แตกต่างกัน 1050 00:46:20,270 --> 00:46:22,660 >> ดังนั้นมันจะเปิดออกมี คู่ของคุณสมบัติอื่น ๆ ใน PHP 1051 00:46:22,660 --> 00:46:25,243 หนึ่งของพวกเขาเป็นจริงนี้ ซึ่งมีความสะดวกอย่างน่าพิศวง 1052 00:46:25,243 --> 00:46:29,250 ถ้า $ ตัวเลขเป็นแถวที่คุณได้ ประกาศก่อนหน้านี้ในโปรแกรม 1053 00:46:29,250 --> 00:46:33,350 คุณมีแฟนซีนี้สำหรับแต่ละสร้าง ที่แทนการทำทั้งหมดที่ 1054 00:46:33,350 --> 00:46:37,020 ฉันน่ารำคาญเท่ากับ 0 ผมเป็น น้อยกว่านี้ [? i ++?] 1055 00:46:37,020 --> 00:46:40,320 สำหรับตัวเลขแต่ละหมายเลขที่แต่ละ ของผู้ที่ค่าเครื่องหมายดอลลาร์เป็นเพียง 1056 00:46:40,320 --> 00:46:42,790 ตัวแปรและหลัง คุณสามารถคิดว่าเป็นที่หนึ่ง 1057 00:46:42,790 --> 00:46:44,290 คุณสามารถเรียกมันว่าสิ่งที่คุณต้องการ 1058 00:46:44,290 --> 00:46:45,770 ผมเรียกมันว่าจำนวน 1059 00:46:45,770 --> 00:46:48,825 นี้จะย้ำกว่า หมายเลขอาร์เรย์เรียกว่า 1060 00:46:48,825 --> 00:46:51,200 และในแต่ละรอบมัน จะปรับปรุงโดยอัตโนมัติ 1061 00:46:51,200 --> 00:46:54,340 สำหรับคุณที่หมายเลขเครื่องหมายดอลลาร์ ตัวแปรเพื่อให้คุณอย่างต่อเนื่อง 1062 00:46:54,340 --> 00:46:58,210 มีการเข้าถึงตัวแปรที่คุณต้องการ โดยไม่ต้องทำวงเล็บตารางใด ๆ 1063 00:46:58,210 --> 00:47:00,980 สัญกรณ์หรือการจัดทำดัชนีในอาร์เรย์ 1064 00:47:00,980 --> 00:47:04,950 >> นอกเหนือจากนั้นเรายังมีสิ่งที่ต้องการ อาร์เรย์ซึ่งมีลักษณะเกือบจะเหมือนกัน 1065 00:47:04,950 --> 00:47:08,210 ยกเว้นเป็นเรื่องปกติมากที่เราจะ เห็นทั้งใน PHP และ JavaScript 1066 00:47:08,210 --> 00:47:10,750 ก่อนเริ่มต้นอาร์เรย์ โดยใช้วงเล็บ 1067 00:47:10,750 --> 00:47:12,040 C ใช้วงเล็บปีกกา 1068 00:47:12,040 --> 00:47:15,330 ดังนั้นจึงเป็นเรื่องที่แตกต่างกันเล็กน้อยแม้ว่า เราไม่ได้จริงๆใช้เคล็ดลับที่มาก 1069 00:47:15,330 --> 00:47:20,090 >> แต่ถึงแม้จะมีพลังมากขึ้น, PHP มีอาร์เรย์เชื่อมโยง 1070 00:47:20,090 --> 00:47:23,100 ซึ่งเป็นวิธีที่จินตนาการ พูดว่าตารางแฮช 1071 00:47:23,100 --> 00:47:31,610 ในความเป็นจริงถ้าคุณต้องการที่จะประกาศกัญชา ตารางใน PHP ซึ่งแตกต่างจากใน C-- กี่ 1072 00:47:31,610 --> 00:47:34,775 บรรทัดของรหัสที่มันใช้เวลาในการ จริงใช้ตารางแฮชใน C? 1073 00:47:34,775 --> 00:47:38,310 หรือกี่บรรทัดของรหัสมัน การที่จะใช้ตารางแฮชใน C? 1074 00:47:38,310 --> 00:47:39,820 ดังนั้นมันอาจจะมากใช่มั้ย? 1075 00:47:39,820 --> 00:47:41,680 มันเป็นไม่กี่โหลอาจจะ 100 หรือ 200 1076 00:47:41,680 --> 00:47:42,980 มันเป็นเรื่องขี้ปะติ๋ว 1077 00:47:42,980 --> 00:47:45,420 หรือมันเป็นเรื่องของการที่จะได้เป็น คุณเร็ว ๆ นี้จะเห็นขี้ปะติ๋ว 1078 00:47:45,420 --> 00:47:48,080 ที่จะใช้ตารางแฮช [ไม่ได้ยิน] และยังพยายาม 1079 00:47:48,080 --> 00:47:50,580 แต่ใน PHP-- และตรงไปตรงมาที่ฉัน อาจไม่ควรบอกคุณนี้ 1080 00:47:50,580 --> 00:47:53,630 จนกว่า Monday-- ใน PHP ถ้า คุณต้องการโต๊ะทำ 1081 00:47:53,630 --> 00:47:56,431 นั่นคือกัญชา table-- ดังนั้น กับหนึ่งบรรทัดของรหัส 1082 00:47:56,431 --> 00:47:56,930 และ 1083 00:47:56,930 --> 00:47:58,810 >> จำนวนมากของภาษาทำอย่างนั้น 1084 00:47:58,810 --> 00:48:00,190 ขอให้สนุกกับ pset ห้า 1085 00:48:00,190 --> 00:48:01,980 ดังนั้นจำนวนมากของภาษาทำเช่นนี้ 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 พวกเขาให้แนวคิดเหล่านี้ ว่าคนอื่น ๆ เขียนโปรแกรมอื่น ๆ 1088 00:48:06,140 --> 00:48:09,870 ได้สร้างขึ้นสำหรับคุณเพื่อให้ คุณสามารถยืนอยู่บนไหล่ของพวกเขา 1089 00:48:09,870 --> 00:48:13,290 และเริ่มต้นการใช้ความคิดที่มีซุปเปอร์ ที่น่าสนใจเช่นตารางแฮชและต้นไม้ 1090 00:48:13,290 --> 00:48:14,140 และพยายาม 1091 00:48:14,140 --> 00:48:17,790 แต่คุณไม่จำเป็นต้องมีการ ใช้สิ่งเหล่านั้นด้วยตัวคุณเอง 1092 00:48:17,790 --> 00:48:20,850 >> และเพื่อให้ในท้ายที่สุดสิ่งที่ เรากำลังจะใช้ PHP สำหรับ 1093 00:48:20,850 --> 00:48:23,580 อาจมีการเขียนโปรแกรม บรรทัดคำสั่งที่เรียกว่า 1094 00:48:23,580 --> 00:48:26,600 เราสามารถสร้างทุกโปรแกรม เราได้เขียนภาคการศึกษานี้ป่านนี้ 1095 00:48:26,600 --> 00:48:30,410 ยกเว้นอาจจะแหกคุกที่ใช้ SPL, ซึ่งเป็นที่เฉพาะเจาะจงไปที่ C ในขณะนี้ 1096 00:48:30,410 --> 00:48:33,100 แต่ทุกปัญหาอื่น ๆ ที่กำหนด, แน่นอนมาริโอและซีซาร์ 1097 00:48:33,100 --> 00:48:35,300 และ Vigenere และ [? แตก?] เป็นต้นไปและเรา 1098 00:48:35,300 --> 00:48:39,520 สามารถกลับมาดำเนินการใน PHP และ อาจจะเล็ก ๆ น้อย ๆ ได้ง่ายขึ้น 1099 00:48:39,520 --> 00:48:43,050 >> แต่สิ่งที่เรากำลังจะในที่สุด การใช้ PHP คือการเขียนโปรแกรมเว็บ 1100 00:48:43,050 --> 00:48:46,420 และเรากำลังจะแนะนำต่อไป สัปดาห์ที่รูปแบบทางจิตที่เรียกว่ากระบวนทัศน์ 1101 00:48:46,420 --> 00:48:49,610 MVC, มุมมองรูปแบบการควบคุม ซึ่งถ้าคุณได้ทำโปรแกรม 1102 00:48:49,610 --> 00:48:51,610 ก่อนที่ในหลามหรือ ทับทิมหรืออื่น ๆ คุณ 1103 00:48:51,610 --> 00:48:54,112 จะได้รู้ของทีมนี้ด้วย ทางรถไฟและ Django และไม่ชอบ 1104 00:48:54,112 --> 00:48:55,820 แต่ถ้าคุณไม่คุ้นเคยกับ นี้ด้วยคุณจะเห็น 1105 00:48:55,820 --> 00:48:59,652 ว่านี้เป็นจริงเป็นธรรมชาติมาก เป็นส่วนหนึ่งของการแยกตัวประกอบ 1106 00:48:59,652 --> 00:49:01,360 และการจัดเรียงของการออกแบบ ของรหัสที่เราได้ 1107 00:49:01,360 --> 00:49:04,670 ได้ทำใน C. เรากำลังจะไปตอนนี้ ใช้บางส่วนของบทเรียนเหล่านั้นไปยัง PHP 1108 00:49:04,670 --> 00:49:07,190 เพื่อที่ว่าในท้ายที่สุดเราเป็น ดำเนินการเว็บไซต์ของเราเอง 1109 00:49:07,190 --> 00:49:09,080 และถ้าคุณจัดเรียงของ สะกดจิตหรือประหลาดใจ 1110 00:49:09,080 --> 00:49:10,954 ที่เรากำลังจะทำ ทุกอย่างรวดเร็ว 1111 00:49:10,954 --> 00:49:13,410 ตระหนักดีว่าเกือบทุก ภาคการศึกษาเกือบ 90% 1112 00:49:13,410 --> 00:49:16,560 ของ CS50 นักเรียนรวมถึงผู้ที่ ที่ไม่เคยตั้งโปรแกรมก่อน 1113 00:49:16,560 --> 00:49:20,329 สิ้นสุดการทำโครงการสุดท้ายที่ จะขึ้นอยู่กับการเขียนโปรแกรมเว็บ 1114 00:49:20,329 --> 00:49:23,120 และเพื่อให้คุณจะเห็นว่าผลตอบแทน อยู่ในระดับสูงในสัปดาห์ที่ผ่านมา 1115 00:49:23,120 --> 00:49:24,965 ดังนั้นเราจะเห็นคุณในวันจันทร์ที่แล้ว 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> ลำโพง 1: และตอนนี้ลึก ความคิดโดย Daven อัม 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 ตารางแฮช 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [หัวเราะ] 1122 00:49:38,402 --> 00:49:38,902