ลำโพง 1: ทั้งหมดขวายินดีต้อนรับกลับ นี่คือ CS50 และนี่คือจุดเริ่มต้นของสัปดาห์ที่เก้า และนี่คือจุดเริ่มต้นของส่วนที่เหลือของ เวลาใน CS50 ของคุณที่เรา การเปลี่ยนแปลงในขณะนี้ในที่สุดไปยังเว็บ ทุกแง่มุมของการเรียนการสอนที่คุณจะ พบว่าจำนวนมากจากปัจจัยพื้นฐานที่ เราได้รับการส่งออกเป็นเวลาหลายสัปดาห์ ยังคงกลับมาเยี่ยมชม หรือหลอกหลอน, เรา แต่ตอนนี้คุณจะพบว่ามันเป็น ลำดับความสำคัญง่ายต่อการ บรรลุผลงานบางอย่างและ แก้ปัญหาบางอย่าง - มากดังนั้นแม้ว่าคุณจะคิดว่า ชุดปัญหาบางอย่างที่เป็นความสนุกสนานของพวกเขาใน ทางของตัวเองผมคิดว่าคุณจะพบ ที่ตั้ง 7 p, p ตั้ง 8 แล้ว ในที่สุดโครงการสุดท้ายจะเป็น ทั้งหมดทำให้พอใจมากขึ้นเพราะคุณจะ พบว่าเราเริ่มที่จะได้รับอยู่ ขณะนี้สิ่งที่ต้องการการจัดการหน่วยความจำและ ตัวชี้และสิ่งที่เกิดขึ้น เมื่ออยู่ภายใต้ฝากระโปรง และอีกครั้งใจตลอด ภาคการศึกษาที่ได้รับการฝังรากลึกนี้ และฝังรากลึก และตอนนี้เรากำลังจัดเรียงของขึ้น ที่นี่ที่ยืนอยู่บน ไหล่ของสัปดาห์ที่ผ่านมา 

ตอนนี้จำได้จากครั้งสุดท้ายที่เรา พูดคุยเกี่ยวกับวิธีการที่อินเทอร์เน็ตทำงาน และนี่อาจจะเป็น เปลือก แต่จำไว้ว่า คอมพิวเตอร์ในโลกที่ทุกคนมี IP อยู่ แต่ที่บิตของ เปลือกยังคง และที่อยู่เหล่านั้นจะถูกใช้เพื่อไม่ซ้ำกัน เครื่องระบุว่า เมื่อคุณส่งข้อมูลหรือแพ็กเก็ต, เพื่อที่จะพูดพวกเขาสามารถมีต้นกำเนิด ที่อยู่และที่อยู่ปลายทาง และบรรดาผู้ที่อยู่ IP เดียวกันสามารถใช้ ทั้งที่ดีและยังมีความชั่วร้าย เพื่อติดตามคุณตัวอย่างเช่น ในความเป็นจริงท่านทุกคนที่มีแล็ปท็อป เปิดในขณะนี้หรือโทรศัพท์ของคุณใน กระเป๋ามีที่อยู่ IP บนเครือข่ายของฮาร์วาร์ และมันก็ไม่ใช่สิ่งที่ยากที่จะ มีความสัมพันธ์ที่ใครและสถานที่ที่คุณ วันนี้ แต่เพิ่มเติมว่าบางที ในอนาคต 

ตอนนี้ฉันคิดว่าฉันต้องการกลับมาบางส่วน ความทรงจำของ [? เพิ่ม?] และให้คุณ คลิปจากการแสดงที่คุณอื่น อาจพบที่คุ้นเคย ถ้าเราสามารถไฟสลัว สำหรับเพียงไม่กี่วินาที Numb3rs แสดง 

ลำโพงที่ 2: มันเป็น 32 บิตที่อยู่ IPP4 

ลำโพงที่ 3: ไอพีพีในขณะที่อินเทอร์เน็ต 

2 SPEAKER: เครือข่ายส่วนตัว ไปยังเครือข่ายส่วนตัวของ Amita เธอเป็นคนที่น่าตื่นตาตื่นใจเพื่อ 

ลำโพงที่ 3: Come on, ชาร์ลี 

2 SPEAKER: มัน ที่อยู่ IP กระจก เธอให้เราดูสิ่งที่ ที่เธอทำในเวลาจริง 

ลำโพง 1: ตกลงดังนั้นสิ่งไม่กี่ ผิดกับภาพนี้ ดังนั้นหนึ่งและหนึ่งนี้เป็นที่ยอมรับ นี้เป็นจริง ไม่ได้ที่อยู่ IP ที่ถูกต้อง ที่อยู่ IP ที่ถูกต้องจะต้องมีตัวเลข ของฟอร์ม w.x.y.z ที่แต่ละ จดหมายเหล่านั้นคือ 0-255 แต่ที่ดีเพราะเช่นเดียวกับ ภาพยนตร์ที่พวกเขาหมายเลขโทรศัพท์ปลอม พวกเขาปลอมที่อยู่ IP คุณไม่ตีเซิร์ฟเวอร์จริงจริง 

แต่ใจคุณนี้เป็นเบราว์เซอร์ และเบราว์เซอร์ไม่ได้เริ่มต้นการแสดงผล รหัสคอมพิวเตอร์เช่นนี้ และถ้าเรามองลึกเพียงเล็กน้อยแจ้งให้ทราบ ว่าภาษาที่พวกเขากำลังเห็น บนหน้าจอที่เรียกว่าภาษาคือ วัตถุประสงค์ C ซึ่งเป็นภาษาใน ซึ่งปพลิเคชัน iPhone จะเขียน โดยเฉพาะอย่างยิ่งคนที่เกี่ยวข้องกับ ดินสอสีตามที่คุณสามารถดูได้จาก รหัสแหล่งที่มาที่นี่ 

ตกลงฉันคิดว่านี้เป็นเรื่องตลก ดังนั้นโค้ดที่มีอย่างแน่นอน อะไรจะทำอย่างไรกับสิ่งนี้ โดยเฉพาะอย่างยิ่งตอนที่เป็นเรื่องของ ดังนั้นเรื่องตลกคือการจัดเรียงของที่ folks สำหรับการนี​​้ได้รับ แต่เรื่องนี้ไม่ได้เป็นสิ่งที่ยากที่จะได้รับ เหล่านี้รายละเอียดทางเทคนิคที่เหมาะสม และฉันจะขอแนะนำให้คุณ และที่จริง, 50 เป็นอย่างดีอาจจะเสีย จำนวนมากของรายการโทรทัศน์และภาพยนตร์หรือคุณ เพราะคุณจะพบว่ามันเป็นเพียง เป็นไปไม่ได้ในสิ่งที่พวกเขากำลัง ทำบนหน้าจอ แต่อันที่จริงนี้เป็นรหัสที่คุณ อาจจะเห็นมันในการประยุกต์ใช้ iPhone หรือโปรแกรม Mac OS แต่ก็มีสิ่งที่ทุก จะทำอย่างไรกับการรักษาความปลอดภัย ดังนั้นให้ตาออกสำหรับ กิจกรรมสนุก ๆ อย่างเช่นว่า 

แต่วันนี้เราจะเริ่มต้นที่จะดำน้ำในจริงๆ ลึก ๆ ที่หลากหลายทั้งของภาษา แน่นอนหนึ่งในการเสริมสร้าง คบจากส่วนหนึ่งของนี้ แน่นอนไม่ได้ที่จะเรียนรู้วิธีการเขียนโปรแกรม ใน PHP ไม่ได้ที่จะเรียนรู้ SQL ต่อ se ไม่ได้ ที่จะเรียนรู้ JavaScript ต่อ se แต่ ที่จะสอนตัวเองว่าจะสอน ภาษาตัวเองใหม่เพราะอันที่จริง เราจะเริ่มต้นที่จะใช้ในขณะนี้ ล้อการฝึกอบรมออกไปดังนั้นหลังจาก ในตอนท้ายของหลักสูตรคุณไม่ได้คาดหวัง 20 ข้อกำหนดหน้าจะบอกคุณว่า จะใช้โปรแกรมบางอย่าง คุณมีส่วนผสมที่เพียงพอในของคุณ จิตใจและเครื่องมือเพียงพอในเครื่องมือของคุณ ชุดที่จะเริ่มต้นสร้าง การแก้ปัญหาที่สนใจของ คุณสำหรับบางกลุ่มนักเรียนสำหรับบางคน สิ่งที่โครงการวิจัยหรือจริงๆ ที่สนใจของคุณ 

ดังนั้นในช่วงท้ายที่จำได้ว่านี่คือ ภาพที่เราวาดมันเป็นครั้งสุดท้าย และนี่คือสองคอมพิวเตอร์ไคลเอนต์และ ตัดการพูดคุยกับอีกคนหนึ่ง และพิธีสารภาษาเพื่อที่จะ พูดว่าสิ่งเหล่านี้เกิดขึ้นคอมพิวเตอร์สองเครื่อง จะพูดจะเรียกว่า HTTP และนี่เป็นเพียงโปรโตคอลที่ใช้โดย คอมพิวเตอร์ในการถ่ายโอนข้อมูลผ่าน เว็บทั่วโลก เว็บของหลักสูตรที่เป็นเพียงหนึ่งในบริการ ที่ทำงานบนด้านบนของ ที่เรียกว่าอินเทอร์เน็ต บริการอื่น ๆ อะไรที่มีอยู่บน ด้านบนของอินเทอร์เน็ตวันนี้? บางโปรโตคอลอื่น ๆ หรือ - สิ่งที่? 

ผู้ชม: FTP 

1 SPEAKER: FTP ดังนั้นเซิร์ฟเวอร์ File Transfer Protocol เป็นอีกหนึ่ง ส่วนใหญ่ของคุณอาจจะไม่ได้ใช้มัน แต่ส่วนมากของคุณอาจจะได้ใช้ สิ่งที่ต้องการ Gchat หรือโต้ตอบแบบทันที ส่งข้อความมากกว่าปกติ อีเมล์อย่างแน่นอน และผู้ที่มากเกินไปนี้เป็นบริการที่ทำงานบน ด้านบนของอินเทอร์เน็ตเพราะที่ ในตอนท้ายของวันที่อินเทอร์เน็ตของตัวเอง จริงๆเพียงแค่ได้รับข้อมูลจากจุด A ไป จุดบีและมันใช้จำนวน อนุภาคตัวเองหนึ่งของพวกเขาหรือสอง ของพวกเขามากที่สุดโดยทั่วไปเรียกว่า TCP / IP, ซึ่งก็คือการบอกว่าคอมพิวเตอร์เครื่องหนึ่ง อินเทอร์เน็ตสามารถจริงจะทำ สิ่งที่แตกต่าง, อีเมล์, เว็บและและอื่น ๆ Google ไม่มากนี้ ดังนั้นวิธีที่บริการเหล่านี้จะไม่ซ้ำกัน ระบุไม่ที่เราพูดในคอมพิวเตอร์ ที่อาจจะทำจริง หลายสิ่งที่? 

หมายเลขพอร์ต และเหล่านี้เป็นเพียงมนุษย์โดยพลการ การประชุมเช่น 80 เป็นเว็บ, 443 เว็บการเข้ารหัสเป็น 25 อีเมล์ และมีพวงของผู้อื่น และตัวเลขเหล่านี้จะรวมเพียง แพ็คเก็ตเหล่านั้นของข้อมูลเหล่านั้น ซองจดหมายเสมือนจริง ที่มีการร้องขอหรือการตอบสนอง 

ดังนั้นเมื่อคุณได้รับกลับมาจากการตอบสนอง เว็บปกติคุณไม่เห็นใด ๆ ตัวเลขใด ๆ ในแง่ของการ รหัสสถานะของการตอบสนอง คุณไม่เห็นจริง งานภายในของ แพ็คเก็ตที่จะกลับมา แต่ 200 ไม่แน่นอนหมายถึงตกลง และนั่นหมายความว่าทั้งหมดเป็นอย่างดี คุณอาจได้เห็นพวงของเหล่านี้ ซึ่งอาจเป็นที่พบมากที่สุด คุณเคยเห็นบนเว็บ 

404 มันก็หมายความว่าไม่พบไฟล์ มันหมายถึงคนที่เมาขึ้น ที่คุณทำโดย mistyping URL หรือคนที่ อื่นได้โดยการให้คุณ URL ที่ไม่ถูกต้องหรือพวกเขาถูกลบ ไฟล์และพิมพ์ URL ยังคงเป็น ถูกใช้โดยคน ดังนั้นจำนวนของเหตุผลที่สามารถอธิบายได้ว่า ทำไมไฟล์ไม่พบ และคุณจะเห็นในช่วงสองสามสัปดาห์ที่จะมา เหล่านี้รหัสข้อผิดพลาดอื่น ๆ และคุณจะ ใช้ประโยชน์จากบางส่วนของพวกเขา ที่เลวร้ายที่สุดคือ 500 ถ้าคุณได้รับข้อผิดพลาด 500 ในรหัสที่คุณได้ เขียนคิดว่าการจัดเรียงของ อนาล็อกจากความผิดพลาดใน seg โลกของการเขียนโปรแกรมเว็บ มันไม่ได้ค่อนข้างเป็นหายนะ แต่มันก็หมายความว่าอยู่ที่ไหนสักแห่ง คุณเมาขึ้น ดังนั้นหวังว่าจะมีผู้ที่ 

แต่ขอดูว่าเราสามารถ ดูเหล่านี้ในบริบท ผมขอไปที่เบราว์เซอร์ที่นี่ และทำต่อไปนี้ ดังนั้นนี่คือ Chrome ที่เกิดขึ้น จะติดตั้งในเครื่อง แต่เบราว์เซอร์วันนี้มีมากที่สุดในทุก บางฟังก์ชันการทำงานเทียบเท่า ฉันจะขึ้นไปเมนู Chrome ของ และไปที่ Tools และฉันจะไป ไปที่เครื่องมือการพัฒนา และคุณจะเห็นว่าแผงเล็ก ๆ น้อย ๆ เปิดในด้านล่างของหน้าต่าง ทางลัดอื่นที่จะซื่อสัตย์ที่ฉัน มักจะใช้ตัวเองคือการคลิกขวาที่ หรือการควบคุมการคลิกที่ใดก็ได้บนเว็บ หน้าและเพียงแค่ไปที่ตรวจสอบองค์ประกอบ และที่จะไม่เพียง แต่เปิด นี้สำหรับคุณ นอกจากนี้ยังจะเปิดเฉพาะ ส่วนองค์ประกอบบน ทางด้านซ้ายมือ 

ดังนั้นเราจึงไม่แน่นอนเห็น Google พวกเขาเปลี่ยนโลโก้ของพวกเขาในวันนี้ แต่ถ้าฉันเลื่อนลงมาขึ้นที่นี่แจ้งให้ทราบล่วงหน้า ว่าภายใต้องค์ประกอบที่คุณเห็น สิ่งที่เรียกว่า HTML, Hypertext Markup ภาษานี้เป็นภาษา ที่นี้และหน้าเว็บ จริงๆจะเขียนค่ะ แต่การจัดรูปแบบจริง เราให้มากยิ่งขึ้น readably กว่าที่มันเป็นปกติ ในความเป็นจริงถ้าผมซูมออกและฉันแทน เพียงแค่คลิกขวาที่ควบคุมหรือคลิกที่ คลิกที่เพจและจากนั้นไปดู แหล่งที่มาของหน้านี้เป็นอักษรอะไร Google ได้ส่งลงไปยังเบราว์เซอร์ของฉัน 

ดังนั้นบางคนหรือบุคคลที่อ้าง Google.com โดยใช้รหัสแหล่งที่มานี้ ส่วนใหญ่นี้ไม่ได้เป็น HTML เป็นจริงภาษาที่เรียกว่า JavaScript ซึ่ง เราจะมาถึงในวันพุธที่ แต่สิ่งที่ Chrome และสิ่งที่ทุกเบราว์เซอร์ สามารถทำเพื่อเราชนิดของเห็นคือ ที่ผ่านมาทั้งหมดจากการรบกวนของ ไวยากรณ์บ้าและ Reinsert พื้นที่สีขาว สำหรับเราและเน้นไวยากรณ์แม้กระทั่ง หรือ colorize สิ่งสำหรับเรา ดังนั้นคุณจะพบว่าเหล่านี้ที่เรียกว่า เครื่องมือสำหรับนักพัฒนาที่สร้างขึ้นในเบราว์เซอร์ จะทำให้ชีวิตของคุณให้มากขึ้น เพราะคุณสามารถสำรวจผ่านเมนูนี้ อินเตอร์เฟซที่ตรงกับสิ่งที่อยู่ภายใต้ รหัสแหล่งที่มาสำหรับ หน้าบนอินเทอร์เน็ตใด ๆ และแน่นอนนี้เป็นหนึ่งในที่สุด วิธีที่มีประสิทธิภาพในการเรียนรู้วิธีการทำ สิ่งใหม่อย่างน้อยถ้าหน้า จะไม่ให้เป็นที่ซับซ้อนจะเอาชนะคือ ที่จะเริ่มต้น poking รอบมัน HTML มอง ที่เรียกว่าเอสเอซึ่งเราจะมา เพื่อบิตเป็นอย่างดีที่จะได้รับ ความเข้าใจในการเขียนโปรแกรมว่า โดยเฉพาะอย่างยิ่งการดำเนินการบางอย่าง คุณลักษณะของหน้า 

แต่ในทางเทคนิคที่เหมาะสมน่าสนใจ ตอนนี้มันเป็นไปได้นี้ ถ้าฉันไปที่แท็บเครือข่าย, ตอนนี้ขอล้างนี้ ฉันจะคลิกน้อย ข้ามสัญลักษณ์ที่นี่แล้ว ไปยังเว็บไซต์อื่น และฉันก็จะพิมพ์ ใน Facebook.com ไม่มี HTTP, HTTPS ไม่มีรายละเอียดไม่มี ให้เห็นจริงว่าเกิดอะไรขึ้นที่นี่ 

เข้าไป ตอนนี้สังเกตเห็นทั้งกลุ่มของสิ่งที่เพียงแค่ ปรากฏอยู่ในแผงด้านล่างนี้ใน นอกเหนือไปจากหน้าเว็บ ปรากฏในด้านบน ฉันจะเลื่อนกลับขึ้นไป แท็บเครือข่ายที่นี่และฉันจะไป คลิกที่แถวแรก ว่าเครื่องมือนี้จะเปิดเผยให้เรา เป็นหนึ่งในการร้องขอ HTTP ทุก ที่รวดเร็วเพียงแค่เดินกลับ มาระหว่างเบราว์เซอร์ของฉัน และเซิร์ฟเวอร์ของ Facebook และเพื่อให้ทุกคนหนึ่งในแถวเหล่านั้น แสดงให้เห็นถึงการร้องขอดังกล่าวหรือ การตอบสนองอย่างใดอย่างหนึ่งหรือมากกว่า ซองจดหมายเหล่านั้นเสมือน หรือลวกก็เหมือนคน เหมือนคนลูกค้าใน ร้านอาหาร, ถามหาบางสิ่งบางอย่าง อีกครั้งและอีกครั้งและอีกครั้ง และบริกรให้นำ มันกลับมาในเวลาหนึ่ง 

ดังนั้นตอนนี้ถ้าซูมฉันเกี่ยวกับเรื่องนี้แจ้งให้ทราบล่วงหน้า และจะเป็นเรียงลำดับของสิ่ง ว่าคุณยินดีที่จะและเป็นกำลังใจให้ ที่จะเล่นกับตัวคุณเองเพราะเรา จะไม่ผ่านทุกอย่าง ในรายละเอียดมาก แต่สังเกตเห็นมี แท็บย่อยไม่กี่ที่นี่ - ส่วนหัวตัวอย่างการตอบสนอง คุกกี้, เวลาและ ฉันแค่จะไปดูที่ส่วนหัว สำหรับตอนนี้เพราะเหล่านี้มีน้อย ส่วนผสมภายในของซองจดหมายที่ ช่วยให้ข้อมูลที่ได้รับไปและกลับจากสถานที่ 

ดังนั้นครั้งแรกให้ฉันคลิกที่นี้ดู แหล่งที่มาต่อไปการขอรับส่วนหัว มีการร้องขอก็คือเบราว์เซอร์ของฉัน โครเมี่ยมในกรณีนี้ส่งภายใน ซองจดหมายที่เสมือน คุณจะจำสัปดาห์ที่แล้วผม พิมพ์ด้วยตนเองในขณะที่ ทำท่าจะเบราว์เซอร์ จากนั้นก็จะนึกถึงเซิร์ฟเวอร์ว่ามันเป็น กำลังมองหาโฮสต์ที่เรียกว่า Facebook.com แล้วมีบิตเป็นความลับมากขึ้น ข้อมูลที่เราจะโบก มือของเราตอนนี้ 

แต่ถ้าผมเริ่มเลื่อนลงมาในขณะนี้ หน้าต่างนี้ให้ฉันไป ส่วนหัวของการตอบสนอง นี่เป็นสิ่งที่อยู่ในเสมือน ซองจดหมายที่กลับมาจาก Facebook.com และถ้าฉันคลิกดูที่มาเพียงแค่ เพื่อดูข้อความดิบของมัน สังเกตเห็นบางสิ่ง หนึ่ง, Facebook ยังพูดเดียวกัน โปรโตคอล 1.1 รุ่นดังกล่าว เพื่อที่ว่าดี แต่รหัสสถานะ 301, ย้ายอย่างถาวร 

ดีที่ไม่ห่า Facebook go? นี้คือสิ่งที่พยายามที่จะถ่ายทอดให้กับเรา? ดีสังเกตเห็นลงที่นี่มีอีก ส่วนหัวเรียกว่าที่อยู่ ดังนั้น Facebook เป็นเหตุผลที่บอกฉันว่าพวกเขา ย้ายถาวร URL ที่ ถัดจากที่อยู่? ฉันลืม www 

เพื่อให้เป็นทางเลือกของฉัน ในความเป็นจริงส่วนใหญ่ของเราแทบจะไม่อาจจะ พิมพ์ www.whatever.com วันนี้ แต่มันกลับกลายเป็นผู้ดูแลระบบ, เช่น Facebook ของสามารถ กำหนดค่าเซิร์ฟเวอร์ของพวกเขาในลักษณะที่ ที่ทั้ง Facebook.com ทำงานหรือ www.Facebook.com ทำงานหรือจริงๆ คำนำหน้าใด ๆ ดังกล่าวในด้านหน้าของพวกเขา ชื่อโดเมน ดังนั้นพวกเขาจึงได้ทำที่สำหรับเรา และพวกเขาจะเปลี่ยนเส้นทางไปเราอาจจะ สำหรับเทคนิคบางอย่าง บางเหตุผลทางการตลาด พวกเขาเพียงต้องการ canonicalize เมื่อ www.Facebook.com 

แต่ที่ไม่ค่อนข้างมัน ถ้าผมเลื่อนลงมาที่นี่ให้ ดูสิ่งที่เกิดขึ้น นี้จะบอกฉันว่าเรา ย้ายถาวร http://www.Facebook.com ดังนั้นให้ดูที่การร้องขอที่สอง ที่เบราว์เซอร์ของฉันส่ง แต่น่าเสียดายที่ดูเหมือนว่า Facebook ได้ย้ายอีกครั้งเพราะที่สอง ร้องขอโดยการเลือก URL ที่แทน กล่าวว่าเกินไปย้าย อย่างถาวร และแจ้งให้เราเลื่อนลงมาที่นี่ ไปยังส่วนหัวของการตอบสนอง Facebook ได้หายไปไหนตอนนี้ 

ดังนั้น HTTPS ดังนั้นตอนนี้ Facebook ได้เริ่มต้น แสงโดยเฉพาะอย่างยิ่งในปัจจุบัน เหตุการณ์ที่เกิดขึ้นในช่วงหลายเดือนที่ผ่านมาโดยเฉพาะอย่างยิ่งและ คู่ยังอยู่ในปีที่ผ่านมา บังคับให้ผู้ใช้ทั้งหมดของพวกเขาในที่ดี วิธีการใช้ HTTPS ซึ่งเป็นอะไรที่ การรักษาความปลอดภัยถึงแม้จะไม่ทั้งหมดปลอดภัย และดังนั้นตอนนี้หน้าของฉันเบราว์เซอร์ของฉันคือ จะไปขอ URL ที่สามนี้ และตอนนี้ในที่สุดเราได้รับ ที่มองไม่เห็นเป็นอย่างอื่น 200 ตกลง 

ดังนั้นสิ่งที่ในโลกหรือทั้งหมดของ เหล่านี้แถวอื่น ๆ ลงที่นี่ ฉันพิมพ์ตัวอักษรสิ่งหนึ่งที่ฉันและ เบราว์เซอร์ดูเหมือนว่าจะได้รับการร้องขอเช่น 20 บางสิ่งที่แปลก ว่าคืออะไร? 

ผู้ชม: คริ? 

1 SPEAKER: สคริปต์ไฟล์อื่น ๆ ดังนั้น เขียนในภาษาที่เรียกว่า JavaScript ซึ่งอีกครั้งเราจะ ดูบิตของเมื่อวันพุธที่ อะไร? สไตล์ชีท ดังนั้นบางสิ่งบางอย่างในภาษาที่เรียกว่า CSS, ที่เราจะเห็นในบิต gifs, และ JPEG, และ, PNG และภาพ และไฟล์ภาพยนตร์ - สิ่งที่หน้าเว็บ ได้มีโอกาสมากที่สุดในการ รูปแบบของไฟล์ และดังนั้นสิ่งที่เราเห็นทางด้านซ้าย มือข้างขวามีไฟล์ทั้งหมดของ ที่ Chrome มีการดาวน์โหลด ซ้ำถ้าคุณจะเพื่อ แต่งทั้งหมดของหน้า 

ดังนั้นสิ่งที่เราเห็นสักครู่ที่ผ่านมากับ Google ถ้าฉันคลิกที่องค์ประกอบ แท็บนี้แน่ใจว่าเป็น HTML, ภาษาที่ประกอบด้วยหน้านี้ แต่มีพวงของสิ่งอื่น ๆ ของ มีโลโก้ของ มีผู้สีฟ้า ish ของ ไอคอนที่นั่น และมีองค์ประกอบอื่น ๆ ยังคงที่ หน้าเว็บที่ตัวเองอาจจะมี แฟ้มที่แยกต่างหาก 

ดังนั้นสิ่งที่ดีเกี่ยวกับเบราว์เซอร์ที่เป็น มันมีลักษณะที่ภาษาที่เรากำลังจะไป ที่จะเริ่มต้นเขียนหรือคุณได้แล้ว เริ่มต้นในการเขียน P ชุด 7, ตัวเลข ออกที่ไฟล์เหล่านั้นมีชีวิตอยู่และ ไปและคว้าพวกเขาเช่นกัน และฉันไม่สามารถเน้นพอแม้ แม้ว่าบางส่วนของนี้อาจมีลักษณะบิต ความลับหรือครอบงำได้อย่างรวดเร็วก่อน เรียนรู้วิธีการเขียนโปรแกรม โปรแกรมสำหรับเว็บที่เป็น อันล้ำค่าที่จะเข้าใจวิธีการเหล่านี้ การทำงานของเครื่องมือเล็ก ๆ น้อย ๆ เหล่านี้เป็นประเภทเช่น GDB เหมือนเครื่องมือ แต่ง่ายมากที่สุดที่จะใช้ - และจริงๆช่วยให้คุณตาเป็นสิ่งที่ เราได้รับการได้รับสำหรับ ค่อนข้างบางเวลาในขณะนี้ 

ดังนั้นเราจึงสามารถที่ตอนนี้ทำด้วย ข้อมูลนี้ ดีขอจริงมาดูที่ แนวคิดพื้นฐาน HTML และเราจะเลื่อนในขณะที่เรามีอยู่แล้วไป ส่วนสัปดาห์นี้ในการแก้ไขปัญหา ตั้ง 7 สเปคบางส่วนของอื่น ๆ รายการของภาษาเหล่านี้ แต่ให้ดูว่าเราไม่สามารถวาดภาพ ภาพของสิ่งที่คุณควรเข้าใจ ทั้งหมดในที่นี้ 

ดังนั้น HTML, ภาษา Hypertext Markup, ไม่ได้เป็นภาษาโปรแกรม ที่ไม่อะไรจริงๆหมายถึงอะไร ดังนั้น HTML ที่มีลักษณะเช่นนี้ และบางส่วนของคุณรู้อยู่แล้วว่านี้ พวกคุณบางคนได้รับการทำ นี้บางครั้ง แต่ให้ดูว่าเราไม่สามารถกรอก ในช่องว่างบางส่วนเช่นกัน ดังนั้นสังเกตเห็นสองสิ่งที่นี่ หนึ่งก็เพียงข้อความ ดังนั้นจึงเป็นเช่นเดียวกับรหัสแหล่งที่มาใน C หรือบางภาษาอื่น ๆ 

ขอให้สังเกตว่าดูเหมือนว่า จะเป็นรูปแบบที่นี่ มีรอยหยัก แ​​ต่ในทางเทคนิค เยื้องเป็นมนุษย์เพียง การประชุม เบราว์เซอร์ไม่ดูแลถ้ามีใหม่ เส้นและแท็บเหมือนที่เราเห็นมี แต่สังเกตเห็นว่ามี symmetries ที่นี่ มีสิ่งที่ฉันจะโทรห​​าที่ด้านบนของ ไฟล์นี้แท็กเปิดหรือเริ่มต้น แท็กที่เรียกว่า HTML แล้วลงมาด้านล่างเรียงรายไปอย่างสมบูรณ์แบบ ขึ้นเหมือนที่เราทำกับวงเล็บปีกกา, เรากำลังมองหาวงเล็บเปิดไปข้างหน้า เฉือน, HTML, วงเล็บปิด เพื่อที่ว่าใกล้ที่สอดคล้องกัน แท็กหรือสิ้นสุดสำหรับสิ่งที่ 

ร่วมกันทุกอย่างที่อยู่ภายใน ที่เรียกว่าแท็กเปิดและแท็กปิด เขียนสิ่งที่เราจะเรียกองค์ประกอบ และเราจะเห็นในเวลาเพียงสักครู่ก็ ชอบโหนดในต้นไม้ เพราะถ้าคุณคิดเกี่ยวกับในขณะนี้ เยื้องที่ส่อให้เห็นว่าที่นี่คุณ ชนิดของมีเช่นปู่ย่าตายาย โหนดที่เรียกว่า HTML เด็กกี่คนที่คุณอาจจะบอกว่าตาม ในภาพนี้มีองค์ประกอบ HTML? 

ดังนั้นอาจจะสอง เป็นองค์ประกอบหนึ่งที่หัวเห็นได้ชัดว่า และเป็นองค์ประกอบหนึ่งของร่างกาย และทำไมเด็กสองคน? ดีฉันเพียงแค่ชนิดของการอนุมานว่าถ้า ฉันมีแท็กหัวเปิดแล้ว ปิดแท็กหัวว่าองค์ประกอบ แล้วถ้ามีอีกตัวเปิดของ แท็กและแท็กร่างกายใกล้ที่เช่น เป็นอีกหนึ่งปัจจัย ดังนั้นในแง่ที่ว่าถ้าผมชนิดของการหมุน ภาพบนด้านข้างที่เป็น เหมือนมีแท็ก html แล้ว แท็กหัวและจากนั้นแท็กร่างกายและ แล้วบางส่วนข้อความ hello โลกห้อย ออกจากแท็กร่างกายตัวเอง 

ดังนั้นเราจึงสามารถวาดภาพที่ว่า อาจมีลักษณะเช่นนี้ รูปร่างโดยพล แต่สังเกตเห็นว่าฉันใช้การเรียงลำดับของ วงรีที่ด้านบนจะเป็นตัวแทนของ เอกสารเอง มันจะเปิดออกจะมีสิ่งอื่น ๆ ภายในหน้าเว็บที่ฉันไม่ได้ วาดที่นี่ ดังนั้นเรากำลังจะได้แขวน HTML ออกจากโหนดโหนดเอกสารที่เรียกว่า และแล้วเราก็มีหัวและ ร่างกายและชื่อแจ้งให้ทราบล่วงหน้า ซึ่งเป็นที่ซ้อนกันต่อไป ผมไม่ได้รำคาญสายการวางเพิ่มเติม แบ่งภายในของแท็กชื่อ มันก็รู้สึกเหมือนว่ามันจะได้รับ น้อยเกินไป verbose ดังนั้นผมจึงทิ้งมันไว้ในหนึ่งบรรทัดที่นั่นด้วย ชื่อเปิด hello โลก, ชื่อใกล้ และแล้วเราก็มีข้อความบางส่วน ห้อยออกไปจากที่นี่ 

ดังนั้นภาพยนตร์เรื่องนี้จะกลับมา เราเมื่อเราดำน้ำใน JavaScript ความเข้าใจและความที่ว่าเมื่อคุณ เขียน HTML เช่นนี้สิ่งที่ เป็นเบราว์เซอร์ทำอะไร ดีเราจะได้ไม่ต้องกังวลเกี่ยวกับ วิธีการก็ทำเช่นนี้หรือกับสิ่งที่ อัลกอริทึม แต่ในตอนท้ายของวันที่ เมื่อเบราว์เซอร์ได้รับ HTML เช่น ว่าจาก Facebook หรือ Google มันจะแยกวิเคราะห์ มันจึงจะพูดจะอ่านมัน กับสิ่งที่ชอบ fread บนลง ล่างซ้ายไปขวาและเป็นมัน ตระหนัก, OH, แท็กเปิดและปิดแล้ว แท็กก็จะเริ่ม malloc เพื่อที่จะพูด, โหนดในต้นไม้ และเมื่อคุณพบในขณะที่เราได้บอกเป็นนัย ๆ ที่นี่กับเยื้อง, โหนดเด็กมัน mallocs โหนดที่ และติดอยู่ที่ต้นไม้ 

ดังนั้นโครงสร้างต้นไม้ต้นไม้ไบนารี ternary ต้นไม้และต้นไม้ใหญ่ที่ เราชำเลืองมองหรือสองสัปดาห์ที่ผ่านมาแจ้งให้ทราบล่วงหน้า ว่าหลักการเดียวกันคือ กลับมาที่เรา และใครก็ตามที่นำมาใช้ Chrome สิ่งที่ ทีมไม่ว่าน่าจะมี ที่จะใช้ชนิดของโครงสร้างบางส่วน ภายใต้ฝากระโปรง และบอกว่าตัวเองน่าจะเป็นใน ภาษาเช่น C หรือ C + +, หรือลดลง ภาษาในระดับที่เราจะ ตอนนี้ใช้อยู่บนเว็บ 

ดังนั้นตอนนี้อาจจะนี้จะ ทำให้รู้สึกมากขึ้น รอยสักที่เกิดขึ้นจริงจากผู้ชายคนหนึ่งที่อาจจะบาง เสียใจมันในที่สุดชนิดของ ตกลงทั้งหมดขวาดังนั้นจำนวนมากของอารมณ์ขันเว็บ มันไม่ได้เกิดขึ้นจริง ให้ดีกว่าวันนี้ ดังนั้นเราจะเดินหน้าต่อไป ทั้งหมดขวา 

ดังนั้นลองมาดูในขณะนี้ ที่ไม่กี่ตัวอย่าง ที่ง่ายที่สุดที่เป็นไปได้ สิ่งนี้อาจจะมี ฉันจะไปข้างหน้าและเปิดขึ้นใน gedit ไฟล์ที่เรียกว่า hello.php และภายในของที่นี่ฉันจะไปได้อย่างรวดเร็ว เพียงแค่ทำเช่นนี้ printf อ้าง ไม่ได้นำมาอ้าง, "Hello World." 

ดังนั้นแจ้งให้ทราบและฉันจะทำเครื่องหมาย n ของฉัน ฉันไม่ได้ใส่ใจที่จะประกาศหลัก มันจะเปิดออกใน PHP, และจำนวนมากของ ภาษาคุณไม่จำเป็นต้องเป็นหลัก ฟังก์ชั่นต่อ คุณก็สามารถเริ่มต้นการเขียน โปรแกรมของคุณ ตอนนี้เมื่อฉันบันทึกไฟล์นี้สังเกตเห็นฉัน จะต้องทำต่อไปนี้ ฉันไม่ได้จะใช้ทำและฉันไม่ได้ จะใช้เสียงดังกราวเพราะ PHP ซึ่งแตกต่างจาก ซีไม่ได้เป็นภาษาที่รวบรวม มันเป็นสิ่งที่เรียกว่าการตีความ ภาษาซึ่งหมายความว่าคุณสามารถเรียกใช้มัน เป็น input ผ่านโปรแกรมอื่น เรียกว่าล่าม และโปรแกรมที่อ่านมันบนลง ด้านล่างซ้ายไปขวาและไม่ สิ่งที่คุณบอกให้ทำ 

ดังนั้นในกรณีนี้ที่นี่ฉันมี หนึ่งบรรทัดที่ระบุว่า printf ดังนั้นเมื่อฉันใช้รหัสแหล่งที่มานี้ hello.php แต่โปรแกรมที่ เกิดขึ้นในทำเลที่สะดวกจะเรียกว่า PHP, PHP โปรแกรมที่จะอ่าน ไฟล์นี้บนลงล่างซ้ายไปขวา และมันจะทำสิ่งที่ฉัน บอกให้ทำ - รันโค้ดและถ้า มันก็ไม่ได้รับรู้บางสิ่งบางอย่างเพียง มันคายออก ดังนั้นฉันจะไปข้างหน้าและ ทำงานของ PHP hello.php เข้าไป 

และที่ไม่มากสิ่งที่ผมตั้งใจ ดีที่เป็นเหตุผลว่าทำไม? ดี PHP เป็นภาษาที่เป็นจริง ออกแบบมาเพื่อเป็นธรรม พันกับเว็บ เมื่อทำหน้าเว็บที่มีภาษานี้ PHP, ในขณะที่เราจะเห็นทันทีที่เราจะ ต้องการที่จะทำสิ่งที่ต้องการพิมพ์ บรรทัดเช่นนี้ 

ดังนั้นฉันจะทำเช่นนี้ วงเล็บเปิดเครื่องหมายคำถาม, PHP และ ตอนนี้ฉันเพิ่งจะเยื้องเพียงเพื่อให้ สิ่งที่ดี และตอนนี้ฉันจะทำคำถาม ทำเครื่องหมายวงเล็บปิด จึงมีบิตของความไม่สมมาตรของที่นี่ คุณไม่ทำเช่นนี้ และคุณไม่ได้ทำเครื่องหมายทับดังนั้น PHP เป็นแตกต่างกันเล็กน้อย 

แต่ตอนนี้ถ้าผมวิ่งโปรแกรมนี้ PHP hello.php ตอนนี้ฉัน ได้รับจริงของ Hello World และเราจะเห็นว่าทำไมนี้มีคุณค่า หนึ่งก็ช่วยให้ผมระบุ ซุปเปอร์อย่างชัดเจนนี้ รหัสดำเนินการนี​​้ และที่แน่นอนสิ่งเหล่านี้ ป้ายบ่งบอกถึงความพิเศษที่นี่ 

แต่มันก็หมายความว่าถ้าฉันเพียงแค่ทำ บางสิ่งบางอย่างเหมือนที่ผมมุ่งมั่นกว่าที่นี่ว่า ซึ่งหมายความว่าตัวอักษรที่จะเพียงแค่ สามารถพิมพ์ออกมาโดยไม่จำเป็นต้อง จริงเรียก printf หรือพิมพ์ หรือฟังก์ชั่นที่คล้ายกัน ดังนั้นเราจะกลับมาที่ ในเวลาเพียงสักครู่ 

อันดับแรกให้ทำเช่นนี้ ภายในของเครื่องเรามี ไดเรกทอรีที่เรียกว่า vhosts สำหรับเสมือน เจ้าภาพเฉือนเจ้าภาพท้องถิ่นเฉือนสาธารณะ ดังนั้นจึงเป็นบิต verbose แต่เรื่องยาว สั้นเครื่องจะถูกออกแบบมาไม่ได้ เพียงเพื่อที่จะสนับสนุน C. นอกจากนี้ยังเป็น ออกแบบมาเพื่อรองรับ PHP แต่มันได้รับการออกแบบยังเป็นเว็บ เซิร์ฟเวอร์และเซิร์ฟเวอร์ฐานข้อมูล และมันได้รับการออกแบบและการกำหนดค่าอย่างแท้จริง จะเตือนความทรงจำใด ๆ เว็บของ บริษัท โฮสติ้งที่เชิงพาณิชย์ คุณอาจจ่าย $ 5 ต่อเดือนสำหรับ, $ 100 เดือนสำหรับ บริการใดที่เป็นก็กำหนดค่า จะคล้ายกันมากกับ โลกเซิร์ฟเวอร์จริงการผลิต 

และสิ่งที่หมายถึงคือการที่ทำงานบน เครื่องใช้ไฟฟ้าเป็นซอฟต์แวร์เว็บเซิร์ฟเวอร์ มันเกิดขึ้นจะเรียกว่าอาปาเช่ มันเป็นเพียงฟรีและเปิดแหล่งที่มา, และเป็นที่นิยมมาก และเราได้กำหนดค่า Apache จะรู้ว่า ว่าถ้าผมเข้าเยี่ยมชม URL บางอย่างด้วย เบราว์เซอร์ Chrome หรือด้านในของใด ๆ เครื่องใช้ที่จะมองเข้าไปในไดเรกทอรีนี้ สำหรับไฟล์ที่ ผู้ใช้จะขอ 

ในคำอื่น ๆ ให้ฉัน ไปข้างหน้าและทำเช่นนี้ ภายในไดเรกทอรีสาธารณะของฉันฉันไป ไปข้างหน้าและสร้างไฟล์ เรียกว่า index.html ที่ทำให้ผมแท็บที่นี่ และฉันจะไปอย่างรวดเร็ว และไปข้างหน้าและโพล่งออก โปรแกรมนี้ที่นี่ doctype HTML ซึ่งสำหรับตอนนี้เพียงแค่ สมมติว่าคุณต้องพิมพ์ มันเป็นเพียงแท็กเป็นความลับที่ไม่ อย่างแท้จริงแท็กที่ระบุว่า ที่นี่บาง HTM​​L มา 

ฉันจะไปข้างหน้าและสร้าง สิ่งที่เราเห็นสักครู่ที่ผ่านมา ที่นี่ส่วนหัวของหน้าของ ภายในเป็นหัวหน้า - ดังนั้นชื่อ ดังนั้นเราจะบอกว่า Hello World, แล้วลงที่นี่คือแท็กร่างกาย ผมขอปิดแท็กร่างกาย จากนั้นในที่นี่ฉันยังจะพูดว่า เพียงเพื่อความชัดเจน hello โลก 

ดังนั้นนี่คือเนื้อหาที่ง่ายที่สุด หน้าเว็บไปได้ที่คุณ สามารถทำที่ถูกต้อง มันเป็นเรื่องที่ถูกต้อง syntactically ทุกอย่างที่เปิดเป็นปิด ทุกอย่างเป็นอย่างดีใน เรียกขานและเว้า ๆ แหว่ง ๆ ดังนั้นเรามาดูวิธีการที่ฉันตอนนี้ สามารถเข้าถึงไฟล์นี้ 

ดีให้ฉันไปที่ Chrome ที่นี่ และแจ้งให้เราไปที่ http://localhost/index.html ดังนั้นโฮสต์ท้องถิ่นคืออะไร ดีที่สุดเครื่องคอมพิวเตอร์ใด ๆ ในโลก, Linux, Mac OS, Windows, มีชื่อเล่น เรียกว่าโฮสต์ท้องถิ่น ดังนั้นหากคุณเคยต้องการที่จะพูดคุย ไปยังเครื่องคอมพิวเตอร์ของคุณเอง - แม้จะแปลกอัตโนมัติ - คุณเรียกตัวเองโฮสต์ท้องถิ่น ไม่ว่าสิ่งที่คอมพิวเตอร์ของคุณเป็นจริง เรียกว่าไม่ว่าจะเป็นของ David MacBook อากาศหรือบางสิ่งบางอย่างมากขึ้น verbose เช่นเดียวกับที่ 

ดังนั้น URL นี้จะเห็นได้ชัดว่าจะใช้ HTTP ในการพูดคุยกับโฮสต์ท้องถิ่น, คอมพิวเตอร์เครื่องเดียวกันเครื่องใช้ไฟฟ้าและ มันจะขอเพียงใช้เวลา เดาสิ่งที่ไฟล์? index.html ดังนั้นเครื่องใช้ไฟฟ้าที่ได้รับการกำหนดค่าใน เลื่อนไปรู้ว่าถ้าฉันขอ สำหรับสิ่งที่ต้องการ index.html มองหา ในโฟลเดอร์ที่เรียกว่า vhosts ใน โฟลเดอร์ที่เรียกว่า localhost, ในโฟลเดอร์ เรียกว่าอยู่ในนั้นประชาชน นั่นคือสิ่งที่ทุกคนสาธารณะของฉัน ไฟล์ที่เป็นไปได้ ดังนั้นตอนนี้ฉันจะไปกด Enter 

และเหี้ยมีต้องห้ามที่เป็น ข้อความหรือที่เรียกว่า 403 รหัสตัวเลขสำหรับมัน ดังนั้นมีอะไรผิดปกติอะไรที่นี่? ดีก็ไม่เพียงพอที่จะเพียงแค่ใส่ ในแฟ้มของโฟลเดอร์ของฉัน ฉันจำเป็นต้องทำจริงดังต่อไปนี้ 

ให้ฉันไปลงในไดเรกทอรี vhosts ของฉันเป็น localhost เข้าไปในที่สาธารณะและปล่อยให้ ฉันทำรีบ l ls และมีสิ่งอื่น ๆ ไม่กี่คน ที่นี่สำหรับวัตถุประสงค์ของว​​ันนี้ แต่สังเกตเห็นบนด้านซ้ายมือถัดจาก เพื่อ index.html เราจะเห็นเพียงหนึ่ง RW และในอดีตที่ผ่านมาสิ่งที่ ได้ RW ยืน? 

แค่อ่านหรือเขียน ข้อเท็จจริงที่ว่ามันพูดว่า RW ด้านซ้าย หมายความว่าฉันเป็นเจ้าของไฟล์นี้, สามารถ อ่านหรือเขียนมัน แต่ฉันต้องการที่จะให้ทุกคนใน โลกอ่านนี้แม้ว่าจะไม่ได้เขียนมัน ดังนั้นฉันจะเปลี่ยนรูปแบบของการ ไฟล์ chmod ทั้งหมดบวก r ที่จะให้ ทุกคนอ่านได้รับอนุญาตใน ไฟล์ที่เรียกว่า index.html 

และถ้าฉันอีกครั้งในขณะนี้ l ls รีบแจ้งให้ทราบล่วงหน้า ที่มากกว่าที่นี่บางมากขึ้น ของ R ได้โผล่ขึ้นมา และสำหรับตอนนี้สเปคไป มีรายละเอียดเพิ่มเติม สำหรับ P ชุดที่ 7 ที่เพียงแค่หมายความว่าทุกคน ขณะนี้คุณสามารถอ่านไฟล์นี้ ถ้าฉันกลับไปที่เบราว์เซอร์ของฉัน ในขณะนี้และโหลด, voila สวัสดีชาวโลก 

และฉันยังสามารถเปิดเครื่องมือ Chrome ของฉัน และดูเช่นเดียวกับ Google และ facebook ว่ามี HTML ของฉัน การจัดรูปแบบเล็ก ๆ น้อย ๆ ที่แตกต่างกันและ colorized ถ้าฉันไปที่แท็บเครือข่ายและโหลด หน้าแจ้งให้ทราบว่ามีการรับ ขอให้ Chrome จะส่ง ไปยังเครื่องใช้ไฟฟ้า มี 2​​00 ที่ ไฟล์โดยเฉพาะ ดังนั้นในระยะสั้นนี้เป็นวิธีการทั้งหมดเหล่านี้ ชิ้นส่วนต่างๆจะมาร่วมกัน มันเกิดขึ้นเพียงเพื่อที่เว็บเซิร์ฟเวอร์ ที่เรากำลังใช้ตอนนี้ไม่ได้เป็นระยะไกล เช่น Facebook มันเป็นตัวอักษรบนคอมพิวเตอร์เครื่องเดียวกัน, ซึ่งมีการตกลงอย่างสมบูรณ์แบบ 

ดังนั้นสิ่งที่มากกว่าที่เราสามารถทำได้ในหน้าเว็บหรือไม่ ดีก็ให้สายลมผ่าน คู่ของสิ่งเหล่านี้ แต่ให้ฉันไปข้างหน้าและเปิดใหม่อีกครั้ง Gedit ด้วย index.html และแจ้งให้เราไปข้างหน้าและกล่าวทักทาย CS50, บันทึกแฟ้มนี้ให้กลับไปที่ เบราว์เซอร์เปลี่ยนแปลงจริงๆ underwhelming 

แต่สิ่งที่ถ้าเราต้องการจริง เชื่อมโยงไปยังสิ่งที่อยู่ตอนนี้ ดังนั้นมันจึงกลับกลายเป็นว่าเราสามารถมี การเชื่อมโยงใน HTML ที่เป็นเพียงป้าย ตัวเอง มันเกิดขึ้นที่จะเรียกว่า แท็กสมอ href เท่ากับ https://www.cs50.net, www.cs50.net อ้างปิดวงเล็บปิด และตอนนี้เรามาดูสิ่ง อื่นมาต่อไป 

ผมเคยเปิดแท็ก ตอนนี้ผมต้องการที่จะให้มัน วลีเช่น CS50 ผมขอปิดแท็ก และสังเกตเห็นบางสิ่ง ถึงแม้ว่าจะมีสิ่งนี้เป็นความลับอะไร ที่นี่ผมยังไม่ได้ซ้ำแล้วซ้ำอีกเมื่อคุณ ปิดแท็ก คุณเพียงแค่ปิดแท็ก ที่มีชื่อเพียงอย่างเดียว และนี่คือสิ่งที่เรียกว่า แอตทริบิวต์ที่มีค่า คุณสมบัติเพียงแค่การปรับเปลี่ยนพฤติกรรม จากภายในแท็กบางส่วนของหน้า 

ดังนั้นนี้จะระบุว่ามากเกินไป อ้างอิงวิธีที่จินตนาการของบอกว่า URL สำหรับสมอนี้สำหรับเรื่องนี้ การเชื่อมโยงควรจะ CS50.net และข้อความที่เราต้องการแสดง ผู้ใช้ไม่ได้เป็นว่า URL ดิบ แต่ CS50 คำ 

ดังนั้นถ้าตอนนี้ผมโหลดให้ฉันขยายสำหรับ ความคมชัดให้ฉันโหลดหน้า, สังเกตเห็นว่าเรามีนี้โรงเรียนเก่า ขีดเส้นใต้สีน้ำเงินลิงค์ และถ้าฉันเลื่อนเมาส์ไปที่มันและมันจะ จะยากที่จะเห็นในด้านล่างซ้าย มุมมือของหน้าจอแจ้งให้ทราบ ที่มันบอกว่า URL ที่ ฉันจะไป และถ้าฉันคลิกที่นั่น voila, ตอนนี้ฉันกำลังทำหน้าเว็บ และเราได้นำตัวเอง ที่หน้าบ้าน 

แต่สังเกตเห็นสิ่งศักยภาพ นี้ให้เรา การรักษาความปลอดภัยเป็นอย่างมาก ในสมัย​​วันนี้ ถ้าฉันแทนพูดอะไรเช่น นี้และฉันแทนไปพูดให้ เห็น fakeCS50.net โหลดหน้านี้ 

OK เพื่อแจ้งให้ทราบว่ายังดูเหมือนว่าฉัน ไป CS50 เว้นแต่ตาชาญฉลาด จะสังเกตเห็นฉันจะปลอม CS50 ฉันคาดเดาโดเมนนี้ไม่ได้ถ่าย ตกลงดังนั้นจึงไม่สามารถใช้ได้ เพื่อที่ว่าดี ไม่มีใครจริงมีโดเมนที่ 

แต่เราอยากให้เล็ก ๆ น้อย ๆ ที่เป็นอันตราย เนื่องจากว่าเป็นชนิดของโง่ เกิดอะไรขึ้นถ้าเราเปลี่ยนนี้เพื่อ Paypal และสิ่งที่ถ้าเราเรียกสิ่งนี้เช่น www.paypal.badguy.com, สิ่งที่โดเมนคือ ที่อาจมีอยู่ ดังนั้นตอนนี้ให้ฉันโหลดหน้าเว็บใหม่ และที่นี่เรามีการเรียงลำดับของฟิชชิ่ง โจมตี P-H-I-S-H-I-N-G ซึ่งเป็น คำโง่ที่กำหนดสำหรับการโจมตีว่า พยายามที่จะข้อมูลปลาหรือดีกว่า แต่เงินออกจากคนโดยหลอกล่อ พวกเขาเข้าไปในการให้ข้อมูลว่า พวกเขาอาจจะไม่เป็นอย่างอื่นทำ นี้ดูเหมือน Legit ทั้งหมดใช่มั้ย? ฉันจะต้องมีการเชื่อมโยงที่นี่เพื่อ Paypal.com ในความเป็นธรรมถ้าฉันบ้าเซ็กส์มันขึ้นกับบางคน กราฟิกที่เราสามารถทำให้มันดู มากขึ้นเช่น PayPal ใช่ไหม? เพราะมันเป็นกัน ฉันจะไปที่ Paypal.com และเราได้เห็นเพียงวิธีที่ฉันสามารถ ดูทั้งหมดของ HTM​​L ของพวกเขา ฉันสามารถคัดลอกและสร้าง ความงามของ Paypal แทนที่จะไป โรงเรียนเก่าที่นี่ แต่สังเกตเห็นแน่นอนและมันก็เล็ก ๆ น้อย ๆ ขนาดเล็กยังคงมีเพียงในด้านล่าง มุมซ้ายมือในเช่น 10 จุด ตัวอักษรที่คุณเห็นในสิ่งที่คุณพิมพ์ URL จริงที่เกิดขึ้นจะนำไปสู่​​การ 

และดังนั้นถ้าคุณเคยได้บอกว่าสแปม ไปข้างหน้าและคุณบัญชี ได้รับการโจมตี กรุณาคลิกที่ลิงค์นี้และแจ้งให้เราทราบ รหัสผ่านของคุณเพื่อให้เราสามารถให้แน่ใจว่าคุณกำลัง คุณไม่เคยทำอย่างนั้น สิ่งเหล่านี้ควรจะไปโดยไม่บอก แต่มันก็สนุกอย่างน่าพิศวงและ ที่น่าเศร้าว่าทุกปีนี้ดูเหมือนว่าจะ เกิดขึ้นกับบางคนที่ไม่ใช่ศูนย์ ผู้คนจำนวนมาก 

และนั่นคือความงาม ของการโจมตีฟิชชิ่ง คุณสามารถส่งออกล้านอีเมล และแม้ว่า 0.01% จากคนจริง คลิกที่ Paypal และให้คุณของคุณ รหัสผ่านที่ยังคงเป็นจำนวนที่ไม่ใช่ศูนย์ ของคนที่ได้เพียงแค่ให้ คุณเงินของพวกเขา และการส่งอีเมล์ของหลักสูตรที่ค่อนข้าง ที่ง่ายและยิ่งฟรี วันนี้ 

ดังนั้นเรื่องยาวสั้นน่าพิศวง ความคิดที่สวยงามใช่มั้ย? ปีที่ผ่านมานี้เป็นที่เก่าแก่ที่สุด เว็บที่ทำให้เว็บของ เชื่อมโยงหลายมิติในหมู่ทรัพยากร แต่อย่างรวดเร็วก็อาจจะ ใช้เพื่อวัตถุประสงค์ที่ไม่ดี และอีเมล์, พอเพียงที่จะพูดเหล่านี้ วันที่มีการฝังตัว HTML ภายใน 

ดีให้ฉันเพียงแค่สิ่งหนึ่งที่อื่น ๆ และเราจะเลื่อนไปยังส่วนใหญ่ใน ปัญหาตั้งเจ็ดเพื่อให้คุณสามารถ สำรวจรายการ แต่ให้ฉันไปข้างหน้าและ ทำในสิ่งที่ไม่กี่ที่นี่ ฉันจะไปในและประกาศ สิ่งที่เรียกว่า div หรือ ส่วนของหน้า ผมขอปิดแท็ก div ที่ 

และฉันจะพูดขึ้น ที่นี่ด้านบนของหน้า แล้วด้านล่างนี้ฉันจะทำ บางอย่างเช่น div อื่นปิดนี้ แท็กและด้านล่างของหน้าทำ และให้บันทึกไว้ 

ดังนั้นตอนนี้ให้กลับไปที่ไฟล์ของฉัน มาก underwhelming แต่สิ่งที่ส่วนที่ใช้สำหรับ, ภายใต้ฝากระโปรงเป็นก็จริง องค์ประกอบโครงสร้างดี แต่ไม่ได้มีความงามใด ๆ เท่าที่ เราสามารถมองเห็นอื่น ๆ กว่าเห็นได้ชัด, วางสิ่งบนเส้นใหม่ 

แต่แจ้งให้ทราบล่วงหน้าเช่นกันเพียงแค่กดปุ่ม ใส่ไม่ตัดมันในรูปแบบ HTML เช่นนั้น ไม่ใน C. คุณอาจจะคิดว่านั่นคือ จะใส่ช่องว่างขนาดใหญ่ระหว่างดี ด้านบนและด้านล่างของหน้า แต่มันก็ไม่สนใจ พื้นที่สีขาวจะถูกละเว้นเป็นหลักใน หน้าเว็บอื่น ๆ กว่าครั้งแรกมาก ตัวละครแถบพื้นที่หรือกลับสายการบิน, ที่คุณกดปุ่มบนแป้นพิมพ์ ถ้าคุณต้องการขึ้นบรรทัดคุณ ต้องระบุด้วยตัวคุณเอง 

ดังนั้นฉันจะทำบางสิ่ง ที่นี่เพื่อแสดงสิ่งที่เกิดขึ้น ฉันจะเพิ่มคุณลักษณะที่ ที่มีอยู่และอีกครั้งในแบบที่คุณเรียนรู้ แอตทริบิวต์ที่มีอยู่สิ่งที่แท็กอยู่ จริงๆอ้างอิงออนไลน์ HTML ที่เป็นประเภทของภาษา - มัน ไม่ได้เขียนโปรแกรมภาษา มันเป็นภาษามาร์กอัป - ว่าหลังจากที่ ครึ่งชั่วโมงดีบางทีชั่วโมง มันแน่นอนคุณจะเข้าใจมากที่สุด แนวโน้มความคิดพื้นฐาน แล้วค้นหาของ Google ที่อยู่ห่างออกไปทั้งหมด แท็กไปได้ว่าคุณอาจจะมี สนใจ และต่อข้อมูลจำเพาะที่ค่อนข้าง ยินดีต้อนรับและเป็นกำลังใจให้ที่นี่ 

ดังนั้นตอนนี้ให้ฉันไปข้างหน้าและ ทำอะไรเช่นนี้ background-color และตอนนี้ฉันกำลังจะไปทำอะไรบางอย่าง เช่นสีแดง, สีอัฒภาค และคุณสามารถทำเช่นนี้ใน วิธีการที่แตกต่างกันไม่กี่ ฉันก็เป็นเพียงชนิดของการพิมพ์เป็นซุปเปอร์ อย่างชัดเจนที่สุดเท่าที่ทำได้ 

แต่ปรากฎว่าค่านี้ที่นี่คือ สิ่งที่เรียกว่า CSS, Cascading สไตล์ แผ่นซึ่งเป็นอีกหนึ่ง ภาษาทั้งหมด วินาทีมีอะไรจะทำอย่างไรกับ แท็กเปิดและแท็กปิด แต่ก็มีจะทำอย่างไรกับคุณสมบัติ 

และคุณสมบัติที่มีค่าคีย์เพียง คู่ซึ่งก็หมายความว่าคำบาง ลำไส้ใหญ่แล้วบางส่วนคำอื่น ๆ และถ้าคุณมีหลายคนหรือเพียงแค่ ที่นี่คุณสามารถจบด้วย อัฒภาคเพียงเพื่อความชัดเจน แต่ที่มากเกินไปจะทำงานที่นี่ 

ตอนนี้เป็นสิ่งที่จะทำอย่างไร คุณอาจจะสามารถคาดเดา ให้ฉันไปข้างหน้าและโหลดหน้านี้ และตอนนี้ก็มาพร้อมจริงๆ ดังนั้นด้านบนของหน้าของฉันเป็นสีแดง แต่สิ่งที่สำคัญที่นี่เป็นที่ที่ผมกล่าวถึง ก่อนหน้านี้ div ที่ช่วยให้คุณ ส่วนของหน้า และที่จริงสิ่งที่มันไม่ มันเป็นหลักแบ่งเป็นหน้า สี่เหลี่ยมผืนผ้าที่คุณสามารถแล้ว จัดการ 

และความคิดของรูปสี่เหลี่ยมนี้เป็นชนิดของ ที่น่าสนใจในการที่ถ้าคุณคิดว่า มากที่สุดเว็บไซต์ใด ๆ อาจมี โครงสร้างมันบาง ส่วนใหญ่ของคุณอาจไม่ค่อยเห็น หน้าแรกของ Facebook หากคุณกำลังเข้า ในทุกเวลา 

แต่ในหน้าแรกของ Facebook, มี บางชนิด div ด้านบน และมันอาจจะไม่ง่ายเหมือน เป็นหนึ่ง div แต่มี ภูมิภาคสี่เหลี่ยมมี ส่วนที่เหลือของหน้าเป็นเหมือน div ใหญ่เหมือน ภูมิภาคเป็นรูปสี่เหลี่ยมผืนผ้าขนาดใหญ่ ดังนั้นเรื่องยาวสั้นเพียงแค่มี เหล่านี้การก่อสร้างตึกเล็ก ๆ น้อย ๆ ความสามารถในการจำลองสิ่งที่เป็นสี่เหลี่ยม ไม่ว่าจะกว้างหรือแคบคุณยังสามารถ ทำให้คอลัมน์ที่อาจช่วยให้คุณสามารถ ออกวางหน้าจริงๆ แต่คุณ ต้องการ เรากำลังจริงๆเพียงแค่รอยขีดข่วน พื้นผิวที่นี่ 

อันที่จริงถ้าผมทำอย่างหนึ่งอย่างใดอย่างหนึ่งอื่น ๆ ให้ฉันไปข้างหน้าและทำสไตล์ background-color เราจะทำอะไรบางอย่าง เช่นสีฟ้าคำพูดที่ใกล้ชิด ลองโหลดนี้ ดังนั้นตอนนี้มันได้รับความไม่สวยงามเท่า แต่ตอนนี้ฉันชนิดของสามารถแสดง P ฉันตั้งห้าทักษะขวา? สีแดง มันทำให้ฉันนึกถึง RGB, สีแดง อเนกประสงค์ฟ้าเขียว ดีก็จะเปิดออกในการเขียนโปรแกรมเว็บ หรือการออกแบบเว็บซึ่งเป็นนี้เราได้ โปรแกรมไม่ได้สิ่งใด ต่อ se คุณสามารถจริง มีรหัสเลขฐานสิบหก บางสิ่งบางอย่างบางสิ่งบางอย่างดังนั้นบางสิ่งบางอย่าง บางสิ่งบางอย่างบางสิ่งบางอย่างบางสิ่งบางอย่าง ดังนั้นคุณจึงสามารถมีหกสิบหก ตัวอักษรหรือสามในบางกรณี, และแต่ละของบรรดาเครื่องหมายคำถาม จะต้องมีหลักเลขฐานสิบหก ศูนย์ f ที่ถึง 

ถ้าผมต้องการที่จะมีจำนวนมากของสีแดงและ สีเขียวและไม่มีสีฟ้า, สีอะไร ตรงข้ามของศูนย์เมื่อใช้ฐานสิบหก? มันเป็น F ดังนั้นผมจึงสามารถทำ ff, ศูนย์ศูนย์ศูนย์ศูนย์ บันทึกนี้และตอนนี้ลงมาที่นี่ และฉันไม่จริงเห็นการเปลี่ยนแปลง อ้างไม่ได้นำมาอ้างว่า "สีแดง" เห็นได้ชัดคือ ความหมายเหมือนกันสำหรับสีแดง, สีเขียว, สีฟ้าไม่ ในขณะเดียวกันเราจงใจเปลี่ยน อันนี้จะเป็นสิ่งที่ สุ่มเช่น ABCDF 

เรามาดูสิ่งที่เป็น มันเป็นสีฟ้าดีจริงๆ จริงสีฟ้าอ่อน ขวาทั้งหมดดังนั้นเหล่านี้เป็นเพียงตอนนี้ รวมสุ่มค่อนข้าง อักขระ ดังนั้นเราจะไม่ได้รับจมลงในที่นี่ แต่อีกครั้งนี้พูดถึงความแม่นยำ ที่คุณสามารถเริ่มต้น ใช้ - แม้ว่าคุณกำลังจมมาก โดยสุนทรียศาสตร์ ในความเป็นจริงถ้าคุณต้องการที่จะเป็น สร้างความประทับใจให้ฉันไปข้างหน้าและการเปลี่ยนแปลง ขนาดตัวอักษรตัวอย่างเช่น และสังเกตเห็นอัฒภาคซึ่ง เป็นสิ่งที่จำเป็นมี 

ขนาดตัวอักษรเราสามารถเป็นเพียงแค่ไร้สาระ ที่นี่, 96 จุด บันทึกว่า ว้าวที่ขนาดตัวอักษรใหญ่ ขวาทั้งหมดดังนั้นจึงเป็นเรื่องง่ายมาก และที่จริงคุณจะเห็นเป็นหลัก หน้าเว็บแรกที่ผมทำ ปีที่ผ่านมาเมื่อฉันแรก ได้เรียนรู้สิ่งนี้ มันเป็นเรื่องง่ายมากที่จะทำให้มาก สิ่งที่น่าเกลียดอย่างรวดเร็ว 

และถ้าคุณคุ้นเคยกับ Wayback เครื่อง archive.org คุณ สามารถหาทั้งหมดของฉันน่าเกลียด หน้าเว็บปริญญาตรี มีใคร Kermit กบที่อยู่ด้านหน้า ฉันก็ผ่านขั้นตอนที่ฉันคิดว่า มันเย็นที่จะใช้พื้นหลังของ ผ้าม่านสีแดงเมื่อผมได้เรียนรู้วิธีการที่คุณ สามารถภาพกระเบื้องอีกครั้งและอีกครั้งและ อีกครั้งเพื่อเติมหน้าด้วย ผ้าม่านสีแดงขนาดใหญ่ไม่มีรสนิยมที่ดี แล้วบนนี้เป็นไอคอน ที่คุณต้องคลิกเข้าไปในบ้านของฉัน หน้าเพราะนั่นคือ มากในสมัย 

แล้วโปรแกรมแรกที่ฉันเคยเขียน ไม่ได้อยู่ใน PHP แต่ในภาษา ที่เรียกว่าเพิร์ล, เขียนหนังสือของผู้เข้าพักที่ เป็นสิ่งที่เย็นจริงๆว่า ผู้คนจำนวนมากคาดหวังให้คุณ จะมีในหน้าแรก เมื่อคุณได้รับไปยังหน้าเว็บที่พวกเขาต้องการ ลงชื่อเข้าใช้และบอกว่าคุณเป็นใคร และเหตุผลที่คุณกำลังมี นี้เป็นอย่างมากปี 1990 การออกแบบเว็บสไตล์ 

แต่วันนี้แน่นอนเราได้ มาไกลมาก และคุณจะเห็นในส่วนและแม้กระทั่ง ในปัญหาที่กำหนดเจ็ดโดย ใช้ประโยชน์จากห้องสมุดวันนี้ มันง่ายมากที่จะทำให้ สิ่งที่สวยได้อย่างรวดเร็ว จริงๆที่นี่เราเพียงแค่รอยขีดข่วน พื้นผิวของสิ่งที่คุณสามารถทำได้ stylistically 

และในความเป็นจริงแล้วให้ผมเน้น ว่าเรื่องนี้มีอยู่แล้วได้รับน่าเกลียดไม่ได้ เพียงแค่สกอร์ แต่ในแง่ ของรูปแบบของรหัสของฉันหรือ การออกแบบของรหัสของฉัน ฉันได้เซ็งแซ่ปัจจุบัน HTML ซึ่ง แท็กเปิดจะมีสีเขียวด้วย CSS คุณสมบัติซึ่ง มีทั้งหมด legit นี้เป็นจริงที่ภาษา มีต้นกำเนิดของมัน 

แต่ในความสนใจของการออกแบบที่สะอาด, เหมือนเราเริ่มต้นสิ่งที่แฟ ออกจากไฟล์ C เป็น. ไฟล์ชั่วโมงให้ ฉันจริงชนิดของการปฏิบัติที่ หลักการและเริ่มต้นทำ นี้แทน ให้ฉันใส่แท็กสไตล์ขึ้นที่นี่ซึ่ง ยังมีอยู่ในรูปแบบ HTML, และแจ้งให้เรา ระบุดังต่อไปนี้ ผมขอลบรายการนี​​้ สีพื้นหลังจะเป็นสีแดง ฉันจะลบรายการนี​​้อย่างสิ้นเชิง ฉันจะได้รับการกำจัดของสไตล์ แอตทริบิวต์และฉันจะไม่ซ้ำกัน ระบุ div นี้ด้วยคำว่า - โดยพลการ แต่มีเหตุผลอ้าง ไม่ได้นำมาอ้าง "ด้านบน." และบัตรประจำตัวเป็นพิเศษ แอตทริบิวต์ที่ไม่ซ้ำกันกำหนด องค์ประกอบ HTML บาง ที่มีรหัสว่า 

ถ้าผมต้องการสุกใสขึ้นที่นี่ใน หัวในหน้าของฉัน, ภายในของ แท็กสไตล์สังเกตเห็นว่า ฉันจะทำบนกัญชา แล้วผมจะสามารถนำคู่ของหยิก วงเล็บที่ชวนให้นึกถึงของ C แล้วให้ ฉันวางใน stylization ว่า และแจ้งให้เราไปข้างหน้าคาดว่าจะอยู่ที่นี่และ ที่ฉันจะมีนี้ ให้ฉันยังสร้างหนึ่ง สำหรับ div ด้านล่าง ผมขอคว้ารหัสนี้น่าเกลียดจากลง ที่นี่วางไว้ในที่นี่และฉันจะ เล็ก ๆ น้อย ๆ ทางทวารหนั​​กในขณะนี้และสุกใส โดยเพียงแค่ใส่สิ่งที่พวกเขาเอง บรรทัดที่ลงท้ายด้วยเครื่องหมายอัฒภาค ให้ฉันได้รับการกำจัดของแท็กสไตล์ 

แต่ฉันยังไม่ได้ทำ ฉันต้องทำสิ่งหนึ่งที่อื่น ๆ อ้าง ID เท่ากับอ้างไม่ได้นำมาอ้าง, "ก้น" หรืออะไรก็ตาม id ที่ฉันต้องการ ให้องค์ประกอบที่ ตอนนี้ให้ฉันกลับไปกว่าที่นี่ และนี่คือเลวร้าย ฉันไม่สามารถจัดการกับ 96 จุด ขอทำ 24 จุด หรือคุณอาจจะแม่นยำมากขึ้น จริงๆคุณสามารถใช้พิกเซล, px ดังนั้น ที่คุณจริงๆได้รับเมล็ดปลีกย่อย ควบคุมหน้าของคุณ 

เช่นกันที่ไม่จำเป็นต้อง สิ่งที่ดีที่สุดถ้ามีผู้ใช้สำหรับ เหตุผลการเข้าถึงต้องการ จะสามารถเพิ่มขนาด ดังนั้นทราบว่ามีวิธีการทำ สิ่งที่ไม่จำเป็น ทุกอย่างยากรหัส 

ขวาทั้งหมดดังนั้นจึงใหญ่กว่า 24 จุด, กว่าสิ่งที่เริ่มต้นคือ แต่ตอนนี้มันทำความสะอาดเพียงเล็กน้อย และแจ้งให้เราใช้เวลานี้อีกขั้นหนึ่ง เช่นเดียวกับความคิดของไฟล์ส่วนหัว, สังเกตเห็นเราเป็นหนึ่งในขั้นตอนที่ใกล้ชิดกับ ฉันมีออกมาเอาเรื่อง แต่ยังเหลืออยู่, ด้านในของหน้าเหล่านั้น CSS กฎของฉัน ทำไมฉันอาจต้องการที่จะใช้เวลานี้ในขั้นตอนเดียว ต่อไปนี้ลบออกไปโดยสิ้นเชิงและ วางไว้ในแฟ้มแยกต่างหาก? 

ดังนั้นผมจึงสามารถนำมาใช้มันใช่มั้ย? นี่เป็นเพียงชนิดของสัญชาตญาณ ตอนนี้ ก่อนที่ผมอ้างว่ามันเป็นเพียงแค่ ได้รับน่าเกลียดที่มีสไตล์ คุณสมบัติภายในของ divs ตัวเอง แต่แค่คิดว่าผ่าน เป็นหน้าของคุณได้รับอีกต่อไปและอีกต่อไปถ้า คุณใส่ที่นี่และที่นี่และ ที่นี่และที่นี่ทุกคนที่แตกต่างกันเหล่านี้ สีและขนาดตัวอักษรและอื่น ๆ เช่น คุณลักษณะหน้าของคุณเป็นอย่างมากได้อย่างรวดเร็ว จะกลายเป็นไม่สามารถจัดการได้สำหรับคุณ 

ถ้ามีคนมาขึ้นอยู่กับคุณและ พูดว่าโอ้คุณรู้ว่าสิ่งที่? ฉันจริงๆต้องการที่จะเปลี่ยนขนาดตัวอักษร สองจุดเพิ่มเติมคุณ อาจจะต้องไปหาและแทนที่ จำนวนมากของบรรทัดของรหัส มันเป็นเรื่องที่น่าสนใจมากขึ้นเพื่อรวบรวม ทุกความงามดังกล่าวที่นี่ แต่ถ้าคุณต้องการที่จะนำมาใช้นั้น สุนทรียภาพในเว็บเพจได้หลายหน้าทั้งหมด น่าสนใจมากขึ้นไปสำหรับ เช่นสร้างไฟล์ เรียกว่ามีเนื้อหาเหล​​่านั้น 

และแจ้งให้เราทำเช่นนี้ บันทึกไฟล์นี้ ผมพูด Styles.css, พล, แต่การชุมนุม ฉันจะใส่มันในบ้านของจอห์นฮาร์วาร์ ไดเรกทอรีตอนนี้สำหรับความเรียบง่าย และสิ่งที่ฉันสามารถทำได้ในหน้าเว็บของฉันคือการได้รับ กำจัดของแท็กสไตล์รวมกัน และค่อนข้าง unintuitively ใช้การเชื่อมโยง แท็กที่ไม่ได้ให้คุณเชื่อมโยงใน เชื่อมโยงหลายมิติความรู้สึกคลิกได้ แต่ ที่ฉันพูดที่ลิงค์เท่ากับ Styles.css และความสัมพันธ์ที่องค์ประกอบนี้ ได้กับหน้าเว็บที่จะทำหน้าที่เป็น แผ่นสไตล์ 

ดังนั้นผมจึงไม่ทราบว่าวิธีการนี​​้ หนึ่งที่คุณเพิ่งอ่านคู่มือการใช้งาน, หรือคุณ Google รอบและคุณ มองไปที่ทรัพยากรต่างๆ ผมหมายถึงที่แท้จริงคือวิธีที่คุณได้รับ เทคนิคเช่นนี้และให้สอดคล้อง กับความคิดของตัวเองการเรียนการสอนใหม่นี้ ภาษาอีกครั้งคุณจะพบว่า มีเพียงจำนวน จำกัด ของสิ่งที่ ภาษาที่เมื่อคุณได้รับใด ๆ พวกเขาคุณจะพบว่าจะได้รับ ได้เร็วขึ้นและเร็วขึ้นในการเขียน อันที่จริงการเรียนรู้การเขียนโปรแกรมใหม่ ภาษามากเร็วกว่าใหม่ ภาษาที่พูดเพราะสิ่งเหล่านี้ มีขนาดเล็กมากและอื่น ๆ อีกมากมาย ที่กำหนดไว้ได้อย่างแม่นยำ 

แต่ผมได้เน้นบิต ความผิดปกติของที่นี่ ผมได้เน้นว่าทำไมเรื่องนี้ ทับที่นี่? เพราะผมต้องปิดแท็ก ฉันควรจะปิดแท็ก และคุณจะพบทรัพยากรที่นับไม่ถ้วน ออนไลน์ที่ทำไม่ได้ ใกล้ป้ายจำเป็น และแนบเนียนมันไม่ใช่อย่างเคร่งครัด ที่จำเป็นสำหรับการทางเทคนิคและมี เหตุผลของความเป็นจริงเป็นเพียงเบราว์เซอร์ ค่อนข้างใจกว้างของความผิดพลาดในเว็บ หน้าดีขึ้นหรือแย่ลง แต่ส่วนใหญ่ที่เลวร้ายยิ่ง 

ดังนั้นนี่เป็นเพียงวิธีทำความสะอาดของ พูดอะไรบางอย่างโง่เช่นนี้ ที่ถ้าคุณต้องการที่จะเปิดแท็กที่ลิงค์ แต่ปิดมันมีจริงๆไม่มีความคิด ของเนื้อหาสำหรับแท็กที่ลิงค์ มันก็หมายความว่าโหลดนี้ ยื่นมาวางไว้ที่นี่ มันเหมือนกับคมรวมไว้ใน C. คุณสามารถ เปิดและปิดแท็กทั้งหมดในครั้งเดียว ภายในแท็กเดียวกัน และมีตัวอย่างอื่น ๆ ของแบบนี้ นี้ไม่ได้เป็นวิธีการทำเช่นนี้ แต่ BR แท็กสำหรับการแบ่งบรรทัดถ้าฉัน อยากจะประสบความสำเร็จในสิ่งที่ฉันเป็น ก่อนที่จะพยายามที่จะโดยการกดปุ่ม Enter ถ้า ผมพูดอย่างชัดเจนเส้น break เส้น break เส้น break แบ่งบรรทัดและ แล้วโหลดหน้านี้ตอนนี้คุณจะสังเกตเห็น ด้านล่างของหน้านั่นคือ แน่นอนไกลมากลงไปใน ด้านล่างของหน้า แต่ถึงแม้ที่สามารถทำได้มากขึ้น หมดจดกับ CSS และมีอัตรากำไรขั้นต้น และด้วยความงามอื่น ๆ เช่น เทคนิคการ 

ดังนั้นสำหรับตอนนี้คบนี้ ในรูปแบบ HTML เรามีเหล่านี้ สิ่งที่เรียกว่าแท็ก ใน CSS, เรามีสิ่งเหล่านี้ คุณสมบัติที่เรียกว่า เราสามารถ comingle เหล่านี้สองภาษา โดยใช้แอตทริบิวต์สไตล์ หรือแท็กสไตล์หรือที่ดีที่สุดยังอริ่ง มันออกมาพร้อมกันในขณะที่เราทำ ในปัญหาตั้ง 7 คำถามแล้วเกี่ยวกับ พื้นฐานความคิดที่นี่? 

ผู้ชม: ฉันมีคำถาม 

1 SPEAKER: โอ้ขอโทษ 

ผู้ชม: ทำไมมันไม่ได้เป็นสี - 

1 SPEAKER: โอ้, ในแท็บอื่น ๆ ? นี้ที่นี่? 

ผู้ชม: ไม่มีก็เช่น - 

ลำโพง 1: โอ้ที่เพราะ ผมถูกเลอะเทอะ ฉันใส่ไฟล์ในสถานที่ที่ไม่ถูกต้อง ดังนั้นถ้าฉันใส่จริงได้ที่นี่และฉัน chmod มันทั้งหมด + R สำหรับ Styles.css และ ตอนนี้โหลดหน้าตอนนี้เรา ได้รับ stylization กลับ และเนื่องจากขนาดตัวอักษรเป็น ที่แตกต่างกันเราไม่เห็นค่อนข้างมาก พื้นที่สีขาว เราแทนดูว่ามีอะไร เริ่มต้นเป็นแทน เป็นคำถามที่ดี ใช่? 

ผู้ชม: ทำไมคือการเชื่อมโยง แท็กที่อยู่ภายในส่วนหัว? 

1 ลำโพงคือการเชื่อมโยงทำไม ภายในแท็กของส่วนหัว - คำตอบสั้น ๆ เพียงเพราะ นั่นคือสิ่งที่มีการตัดสินใจ นั่นคือสิ่งที่แท็กการเชื่อมโยงไปเมื่อ คุณมีสิ่งที่เรียกว่า แผ่นลักษณะภายนอก คำถามอื่น ๆ ? 

ทั้งหมดที่ถูกต้องดีให้ทำเช่นนี้ เรามีความสนุกมากไปข้างหน้าของเราในวันนี้ นั่นเป็นเพียงรอยขีดข่วน พื้นผิวของ CSS ให้ทำเช่นนี้ ขอใช้เวลาหยุดพักห้านาทีนี่ เพราะต่ออีเมลของฉันให้แขวนใน มีจนถึง 02:30-ish วันนี้ แต่ถ้าคุณจะต้อง ออกที่ดี แต่เราจะเคลื่อนไปข้างหน้าหลังจากที่ หยุดพักห้านาที และเราจะได้เรียนรู้บางสิ่งบางอย่างเล็ก ๆ น้อย ๆ เกี่ยวกับ PHP, MySQL, และอื่น ๆ 

ทั้งหมดขวาดังนั้นลองตอนนี้ที่จะผูก บางส่วนของความคิดเหล่านี้เข้าด้วยกันและทำให้ บอกเครื่องมือค้นหาของเราเอง ผมสังเกตเห็นค่อนข้างอยากรู้อยากเห็น ดังต่อไปนี้ เมื่อคุณอยู่ใน Google.com คุณ โดยปกติแล้วที่ URL เช่นนี้ที่นี่ ที่ไม่มีอะไรหลังจากที่ดอทคอม แต่ถ้าฉันจะค้นหาบางสิ่งบางอย่างโง่เช่น แมวและกด Enter เราจะได้รับ - ไม่ได้ โง่ แต่คุณรู้ว่า 

OK เพื่อให้สังเกตเห็นที่ด้านบนของหน้า, ตอนนี้ URL ได้แน่นอนการเปลี่ยนแปลง และนี่คือสิ่งที่ไม่ ใหม่ใด ๆ ของเรา คุณคลิกที่การเชื่อมโยงและสิ่งที่ ที่เกิดขึ้นบนเว็บ แต่สิ่งที่น่าสนใจที่นี่ เป็นดังต่อไปนี้ มีเป็นจำนวนมากทั้งจากความยุ่งเหยิง แต่ให้ ฉันทิ้งสิ่งที่ฉันทำไม่ได้ ค่อนข้างเข้าใจหรือไม่ จริงๆมองที่เกี่ยวข้อง 

ให้ฉันได้รับการกำจัดนี้ ให้ฉันได้รับการกำจัดนี้ และแจ้งให้เราเพียงกำจัด จากทั้งหมดนี้ และตอนนี้สังเกตเห็นว่าแมวเป็นใน URL ตามด้วยคิวแล้วเท่ากับ ลงชื่อเข้าด้านหน้าของมัน ดังนั้นมันจะเปิดออกนี้เป็นวิธีการ วิธีการทำงานเมื่อมันมาถึง เพื่อ input และ output 

เราได้พูดคุยเกี่ยวกับความยาว กล่องดำใช่มั้ย? ดังนั้นถ้านี้เป็นฟังก์ชั่นการใช้งาน ที่นี่เป็นกล่องสีดำมันจะเข้า และผลิตออกดีหมายถึง โดยที่คุณป้อนอินพุตให้กับ เว็บไซต์จะโดยวิธีการบ่อย ๆ ของ URL ของ คุณเพียงแค่ใส่เครื่องหมายคำถาม แล้วที่สำคัญเท่ากับค่า และแล้วบางทีเครื่องหมายและจากนั้น กุญแจอีกดอกหนึ่งเท่ากับค่าแล้วบางที เครื่องหมายอื่นสำคัญเท่ากับค่า นั่นเป็นวิธีที่คุณผ่านในคีย์และ ค่าคู่ของปัจจัยการผลิต 

ดังนั้นถ้าฉันกด Enter ตอนนี้คืออะไร ที่น่าสนใจเกี่ยวกับ Google ที่มีทั้งหมด ความยุ่งเหยิงฉันลบที่ไม่ปรากฏ จะจำเป็นอย่างเคร่งครัด ทั้งหมดที่ฉันต้องส่งให้กับ Google เป็นคำถาม เครื่องหมาย Q เท่ากับแมวจะได้รับการ กลับแมวบาง ดีในความหมายของที่นั้น คือถ้าผมดึงขึ้น Gedit, ผมได้เริ่มต้น การทำเครื่องมือค้นหาของฉันเองที่นี่ ในไฟล์ที่เรียกว่า seach0.html 

และแจ้งให้เราไปข้างหน้าและลบ หนึ่งบรรทัดมากกว่าที่คุณ ไม่ควรเข้ามาดู และตอนนี้ให้ฉันไปลงในเบราว์เซอร์ของตัวเอง จึงไม่ไปที่ Google และไปที่ http://localhost และที่จะได้รับในทาง ดังนั้นเราจะต้องบอกลา ที่ตอนนี้ย้ายมากกว่านี้ที่นี่ โอ้ตอนนี้เรากำลังจะมีการ บอกลาไปยังแฟ้มนั้น 

เมื่อใดก็ตามที่คุณมีไฟล์ที่เรียกว่า index.html หรือ index.php ใน ไดเรกทอรีถ้าเว็บเซิร์ฟเวอร์คือ การกำหนดค่าในวิธีนี้สิ่งที่คุณจะ ดูตามค่าเริ่มต้นเป็นเนื้อหาของการที่ ไฟล์มากกว่ารายการของ ไดเรกทอรีที่ผมต้องการที่นี่ เพิ่มเติมเกี่ยวกับเรื่องนี้ในสเปค คุณไม่ได้เห็นว่า 

ดังนั้นนี่คือสิ่งที่ฉันต้องการจริง แต่ช่วงเวลาที่ผ่านมานั่นคือ ไฟล์ในโฟลเดอร์นี้เรียกว่า index.html index.php และ และเพื่อให้เว็บเซิร์ฟเวอร์คือ แสดงให้ฉันไฟล์เหล่านั้น แต่ฉันต้องการไดเรกทอรีนี้ รายการที่นี่ 

ดังนั้นฉันจะไปลง วินาทีและไป search0 และผมก็เรียกร้องว่านี้มันเป็นไปได้ จุดเริ่มต้นของการแข่งขันของตัวเองของฉัน เครื่องมือค้นหา และการทำเช่นนี้ฉันจะไปใน นี่เป็น CSS และเปิดขึ้นด้วย Gedit การค้นหา 0 แต่น่าเสียดายที่มี ไม่มากเกิดขึ้นที่นี่ ทั้งหมดที่ฉันไม่ได้ใช้แท็กมุ่งหน้าไปที่ เกิดขึ้นจะเรียกว่า h1 ซึ่ง หลักหมายถึงใหญ่และ ตัวหนาและว่ามันเป็น แต่หมายถึงการที่เราสามารถ ปัจจัยการผลิตให้ผ่านทางเหล่านี้ สิ่งที่เรียกว่ารูปแบบ 

เพื่อให้ฉันไปข้างหน้าและเปิดและปิด, preemptively แท็กรูปแบบที่มี และแจ้งให้เราไปข้างหน้าและทำ บางอย่างเช่นนี้ ประเภทขาเข้าเท่ากับข้อความ และจากนั้นให้ปิดแท็กภายใน วงเล็บตัวเอง ฉันไม่ต้องการที่จะเริ่มต้นฟิลด์ข้อความ และหยุดฟิลด์ข้อความ มันก็จะอยู่ที่นั่นหรือไม่ 

แล้วด้านล่างที่ให้ทำ ประเภทอินพุตเท่ากับส่ง บันทึกงานนี้ และตอนนี้ขอเพียงแค่ทำ ตรวจสอบสติรวดเร็ว ลองโหลด 

ตกลงดังนั้นมันไม่ได้เลวร้าย มันไม่ใช่สไตล์ของ Google แต่มันสวยใกล้ มีช่องข้อความว่า ฉันสามารถพิมพ์สิ่งบางอย่างในการกด Enter, แต่ยังไม่มีอะไรเกิดขึ้น และที่ว่าเพราะผมไม่ได้ระบุ การกระทำแบบนี้เพื่อที่จะพูด ดังนั้นถ้าฉันกลับไปที่องค์ประกอบรูป มันจะเปิดออกและฉันรู้เพียงแค่นี้ จากที่มีการอ่านเอกสารที่ แท็กรูปแบบการใช้แอตทริบิวต์ ที่เรียกว่าการกระทำนั้นคือ URL ของเว็บไซต์ที่คุณ ต้องการส่งรูปแบบ 

ฉันไม่คิดว่าเรามีเวลาที่จะ ใช้ปลายด้านหลังทั้งหมดสำหรับ เครื่องมือค้นหาวันนี้ ดังนั้นเราเพียงแค่จะพูดมั้ย, ไปที่ google.com / ค้นหา และตอนนี้ให้ฉันปิดคำพูดของฉัน และแจ้งให้เราต่อไประบุว่า วิธีการที่จะใช้เป็นไป จะเรียกว่าได้รับ 

เรื่องยาวสั้นมีสองวิธีที่ อย่างน้อยที่คุณสามารถส่งข้อมูล จากเบราว์เซอร์ไปยังเซิร์ฟเวอร์ หนึ่งคือการได้รับและเพื่อวัตถุประสงค์ของว​​ันนี้ ที่เพียงแค่หมายความว่าใน URL คุณจะเห็นว่าเครื่องหมายคำถาม เท่ากับป้ายและเครื่องหมายที่ ที่เราเห็นก่อนหน้านี้ หรือมีทางเลือกที่เรียกว่าโพสต์ของ สำหรับตอนนี้รู้ว่าโพสต์มักจะใช้ เมื่อคุณต้องการอัปโหลดไฟล์เช่น ภาพและอื่น ๆ หรือเมื่อคุณต้องการ ส่งข้อมูลบัตรเครดิตหรือ รหัสผ่านอะไรที่มันไม่ได้ ทำให้รู้สึกจริงๆ, แนวคิดหรือ การรักษาความปลอดภัยที่ชาญฉลาดที่จะจบลงใน URL ของ เบราว์เซอร์ที่พ่อแม่ของคุณสอดแนม, เพื่อนร่วมห้องหรือหรือทุกคนสามารถเข้าถึง ไปยังเครื่องคอมพิวเตอร์ของคุณอาจจะเห็น 

ดังนั้นขอบันทึกว่าที่นี่ และฉันต้องทำสิ่งหนึ่งที่อื่น ๆ มันไม่พอเพียงเพื่อ พูดให้ฉันฟิลด์ข้อความ ฉันมีที่จะให้ข้อมูลว่า ค่าชื่อ เพื่อให้ฉันยืมเลือกของ Google ชื่อคิวและระบุที่สองที่ แอตทริบิวต์ฉันไม่จริงๆดูแลเกี่ยวกับ ชื่อของปุ่ม Submit ทั้งหมดที่ฉันดูแลเกี่ยวกับการส่ง สิ่งที่ผู้ใช้ชนิดค่ะ 

และตอนนี้เป็นชนิดของน่าเกลียด มันก็พูดว่าส่ง มันจะเปิดออกและฉันรู้ว่านี้จาก เอกสารที่จริงผมสามารถพูดได้ มูลค่าเท่ากับอ้างไม่ได้นำมาอ้าง "CS50 ข้อความค้นหา "อ้างใกล้ชิด แล้วให้โหลดอีกครั้ง ดังนั้นผมจึงให้กดปุ่มคำสั่ง R-หรือ ควบคุม R-บนแป้นพิมพ์ของฉันที่จะโหลด 

ตอนนี้เรามีน่าสนใจมากขึ้น เครื่องมือค้นหา มันไม่ได้ค่อนข้างมีลักษณะเหมือน Google ยังแม้ว่า ดังนั้นขอไปข้างหน้าในที่นี่และ ทำเส้นแบ่งเล็ก ๆ น้อย ๆ 

ตกลงดังนั้นตอนนี้เรามี Google จริงเราเกือบจะมี Google ดังนั้นตอนนี้สิ่งที่จะเกิดขึ้น? ฉันจะพิมพ์ในบางสิ่งบางอย่าง เหมือนแมว และเบราว์เซอร์จะแยก รูปแบบที่ฉันกำหนดว่า และก็จะส่ง ของผู้ใช้ไปยัง URL ที่ ดังนั้นเวลานี้สำหรับเหตุผลที่อยากรู้อยากเห็นบางอย่าง ผมได้รับข้อมูลเพิ่มเติมเกี่ยวกับหุ้น กว่าแมวที่เกิดขึ้นจริงเกี่ยวกับ แต่ที่ดีเพราะเรายังคงแจ้งให้ทราบล่วงหน้า สิ้นสุดวันที่ขึ้นที่นี่ Q เท่ากับแมว 

เรื่องยาวดังนั้นระยะสั้นดูเหมือนว่าเป็นธรรม เล็กน้อยเพื่อได้รับข้อมูลจากผู้ใช้ และเป็นธรรมมีพวงของ ประเภทอื่น ๆ ของเขตข้อมูลฟอร์ม มีกล่องกาเครื่องหมายและเล็ก ๆ น้อย ๆ ร่วมกัน ปุ่มพิเศษและ เมนูแบบเลื่อนลงและอื่น ๆ แต่ทั้งหมดของเหล่านี้จะเป็นที่ค่อนข้าง ดำเนินการได้อย่างง่ายดายเช่น ช่องข้อความนี้ และในที่สุดเราก็จะต้องทำ ว่าคนจะฟังในที่อื่น ๆ จุดสิ้นสุดของเส้นเพื่อให้ได้รับว่า ข้อมูลการประมวลผลอย่างใดและ ให้เรากลับแมวของเรา 

ลองดูที่เล็กน้อย อื่น ๆ ที่เกี่ยวข้องเช่น ให้ฉันไปลงในไดเรกทอรี vhost ของฉัน เป็นโฮสต์ท้องถิ่นประชาชนและสถานที่ที่ผม ใส่รหัสแหล่งที่มาของวันนี้ ทั้งหมดนี้จะอยู่ในหลักสูตร เว็บไซต์สำหรับคุณที่จะจรจัดกับ และถ้าเราไปลง froshims ให้ฉันเปิด ไฟล์นี้ในขณะนี้ froshim0.php, หนึ่งนี้เป็นเพียงเล็กน้อย verbose เพิ่มเติมดังนั้น เราจะไม่เขียนนี้จากรอยขีดข่วน เพียง แต่สังเกตเห็นในขณะนี้ค่อนข้างไม่กี่ ลักษณะที่คุ้นเคย 

หนึ่งแท็กรูปแบบการดำเนินการที่แตกต่างกัน มันไม่ใช่ URL แบบเต็ม ตอนนี้ก็เห็นได้ชัดว่าไฟล์ที่เรียกว่า register0.php เพราะในช่วงเวลา, ฉันจะสอนตัวเองเล็ก ๆ น้อย ๆ บางสิ่งบางอย่างเกี่ยวกับ PHP การเขียนโปรแกรม ภาษาเพราะ PHP สามารถนำมาใช้เพื่อ ใช้สิ่งที่ Google นำมาใช้เป็น ปลายด้านหลังของเครื่องมือค้นหาของพวกเขา 

Google ในความเป็นจริงอาจจะใช้ บางหลามบาง C + + และ ที่อัดแน่นของภาษาอื่น ๆ แต่แน่นอนว่าเราสามารถใช้การค้นหา ผลโดยใช้ PHP ถ้าเราต้องการ แต่ตอนนี้เราจะให้มันง่าย และนี้เป็นจริงที่ชวนให้นึกถึงหนึ่ง จากเว็บไซต์แรกและเว็บไซต์มากอื่น ๆ ปีที่ผ่านมาทำ 

กลับในวันที่ฉันคุณลงทะเบียนสำหรับ ภายในการกีฬาเป็นครั้งแรกโดย กรอกชิ้นส่วนของกระดาษเดิน หลาข้ามและทิ้งมันลงไปใน กล่องจดหมายของ Proctor ใน Wigglesworth, และนั่นก็คือวิธีการที่คุณ ลงทะเบียน และเพื่อให้โครงการของฉันหลังจาก CS50, คือการใส่ที่ซึ่งทำให้สมบูรณ์แบบ ความรู้สึกลงบนเว็บซึ่งไม่ เช่นเดียวกับในสมัย​​นั้นก็เป็นที่เป็นตอนนี้ แต่ทั้งหมดที่เราต้องทำคือการสร้าง, หลักแบบ HTML 

และรูปแบบที่ดู เกรี้ยวกราดเช่นนี้ ผมมีอินพุทสำหรับ ชื่อน้องใหม่ของ ผมมีกล่องกาเครื่องหมายอีกหรือ หรือไม่พวกเขาต้องการที่จะเป็นกัปตันสิ่งที่ เพศของพวกเขาและ สิ่งหอพักของพวกเขา แล้วฉันรหัสยากในสิ่งที่ เช่น Apley ศาลและ Canaday, สีเทาและอื่น ๆ 

ดังนั้นอีกครั้ง, แท็กใหม่ ไม่ได้เห็นเหล่านี้ก่อนที่ใหม่ คุณสมบัติ แต่สามารถเข้าถึงได้อย่างเป็นธรรม เมื่อคุณดูตัวอย่างคุณชนิดสามารถ จากความคิดที่ว่ายืมและให้ลดลง ลงเมนูอะไรมากที่สุด แต่สิ่งที่สำคัญคือว่าแต่ละ สิ่งเหล่านี้มีชื่อ และที่ด้านล่างของแบบฟอร์มนี้มี ส่งปุ่มที่มีป้าย หรือมูลค่าเป็นลงทะเบียน 

ดังนั้นขอให้ไปที่หน้านี้ ให้ฉันกลับไป รายการไดเรกทอรี ให้ฉันไปเป็น froshims, และไป froshim0.php ดังนั้นจึงเป็นเรื่องน่าเกลียดเป็นธรรม แน่นอนดังนั้นฉันสามารถ Stylize นี้ กับ CSS บางอย่างผมสามารถทำบางอย่าง กราฟิกอาจจะเพิ่มสีบางสี และทำให้เรื่องนี้สวย แต่หน้าที่ผมยืนยันว่านี้ เป็นจริงที่สมบูรณ์แบบสวย 

แต่น่าเสียดายที่เมื่อผมกรอกออกนี้ เดวิด, กัปตัน, ชายเราจะเลือก สมมติว่าแมตทิวส์, สมัคร, ทั้งหมดที่เกิดขึ้นนี้ แต่สังเกตเห็นคู่ของคบ หนึ่งในสิ่งที่ไฟล์เหล่านั้นกลับมา ผลลัพธ์ที่เห็นได้ชัด? ดังนั้นจึงเป็นจริง register0.php ดังนั้นความจริงที่เราเห็นการกระทำที่ ค่าสักครู่ที่ผ่านมาสำหรับ register0 นี้ ยืนยันว่าเราแน่นอนสิ้นสุดวันที่ ขึ้นที่ไฟล์นั้น 

ตอนนี้เป็นเพียงข้อความที่น่าเกลียด แต่สังเกตเห็นว่าข้อความนี้คือ ที่มาจากโฮสต์ท้องถิ่น, ซึ่งเป็นจากเครื่อง คิดว่าเครื่องใช้ในขณะนี้เป็นเพียงแค่ เว็บเซิร์ฟเวอร์ที่อาจจะมีใน ศูนย์วิทยาศาสตร์ มันอาจจะเป็นบนเว็บที่เกิดขึ้นจริง ดังนั้นจึงเป็นเรื่องที่สาธารณชนสามารถเข้าถึง 

ดังนั้นเห็นได้ชัดว่ามีวิธีการผ่านบางส่วนของ ปัจจัยการผลิตในรูปแบบของเขตข้อมูลไปยังเซิร์ฟเวอร์ เพื่อที่จะสามารถทำอะไรกับพวกเขา แต่น่าเสียดายที่ register0 คือโง่สวย ทั้งหมดมันไม่สามารถพิมพ์ออกมามากมาย ที่มีลักษณะเช่นนี้ และยังไม่ได้อาร์เรย์ใน ความรู้สึกที่ว่าเรารู้ว่ามัน จะเปิดออก PHP ที่และมาก ภาษามีไม่เพียง แต่ตัวเลข อาร์เรย์ที่มีการจัดทำดัชนีดัชนีเป็นครั้งแรก ศูนย์แล้วหนึ่งแล้วสองจุดแล้ว จุดจุด n ลบ 1 

นี่คือสิ่งที่เรียกว่า อาเรย์ อาเรย์ซึ่งเป็นหนึ่งใน คุณสามารถเก็บค่าคีย์คู่ที่ ที่สำคัญคือไม่จำเป็นต้องเป็นจำนวนมาก ในความเป็นจริงมันอาจจะเป็นสตริงคำ และเพื่อให้สามารถดำเนินการ ภายใต้กระโปรงหน้ารถก็จะเปิดออก, โดยใช้โครงสร้างข้อมูลที่เรียกว่า? คิดว่าบางสิ่งบางอย่างที่น่าทึ่ง เป็นเรื่องที่จะเกิดขึ้น - ตารางแฮช 

ดังนั้นตารางแฮช, การเรียกคืนบรรดาของคุณ ที่ไม่ได้สำหรับการตั้งค่า P ​​6 หรือแม้กระทั่งจำ อย่างน้อยแม้ว่าคุณจะไม่ลอง, ตารางแฮชในการใช้งานของเราถูกใช้ในการ เพียงแค่เก็บคำศัพท์ แต่จริงๆคุณถูกจัดเก็บ คีย์และค่า ถ้าคุณใช้ตารางแฮชสำหรับ P ตั้ง 6 พจนานุกรม, กุญแจคือ คำตัวเองและคุณค่า ได้อย่างมีประสิทธิภาพจริงหรือเท็จ ใช่ที่นี่หรือโดยปริยาย ไม่มีไม่ได้ที่นี่ 

ดีเราสามารถพูดคุยความคิดที่ว่า และเราสามารถใช้ข้อมูลที่คล้ายกันมาก โครงสร้างการจัดเก็บไม่ได้สตริง ตัวเองอยู่คนเดียวในตารางแฮชของคุณ แต่ คิดว่าในทุกหนึ่งของกัญชาของคุณ โหนดของตาราง และคุณยังสามารถทำเช่นนี้ในลอง มากกว่าเพียงแค่มีบูล คุณอาจมีบางสิ่งบางอย่างอื่น เกิดอะไรขึ้นถ้าสำคัญไม่ได้ Maxwell สำหรับ เช่นอ้างไม่ได้นำมาอ้าง แต่ "ชื่อ" หรือ อ้างไม่ได้นำมาอ้าง "กัปตัน." และภายในของ โครงสร้างข้อมูลของคุณ C คุณใส่ ค่าบูลีนไม่เพียง แต่ค่า เช่นอ้างไม่ได้นำมาอ้าง "เดวิด" หรือ "M" หรือ "แมตทิวส์" และอื่น ๆ 

ดังนั้นผู้ที่โครงสร้างข้อมูลเดียวกันกับที่เราใช้ เห็นได้ชัดว่ามีอยู่ในภาษาอื่น ๆ และฉันเถียงพวกเขากำลังจริงมาก ง่ายมากที่จะเข้าถึงที่นี่ Let 's ในความเป็นจริงจะดู ขณะที่ไวยากรณ์บางอย่างเช่น 

ฉันจะไปลงในไดเรกทอรี PHP และฉันจะเปิดขึ้นดีกว่า รุ่นของสวัสดี-0 ก่อน ขอให้สังเกตว่าทั้งหมดที่ผมทำก็คือ เพิ่มความคิดเห็นบางส่วน ดังนั้นเราจึงสามารถกำจัดสิ่งที่ทำให้ไขว้เขวว่า 

และโปรแกรมนี้ไม่แน่นอนพิมพ์ สวัสดีเพราะผมได้ระบุไว้ระหว่าง แท็กที่ฉันต้องการที่จะรันโค้ดที่ ตอนนี้เราจะเห็นในขณะนี้ ทำไมนี้จะเป็นประโยชน์ แต่ขอเปิดตัวอย่างหนึ่งที่อื่น ๆ ที่นี่ ให้ฉันไปข้างหน้าและเปิดขึ้นพูด Gedit เงื่อนไขหนึ่ง 

นี้เป็นวิธีที่กลับมาในเวลาในขณะนี้ แต่สัปดาห์ที่ผ่านมาผมคิดว่าในหนึ่งสัปดาห์หรือ สัปดาห์ที่สองเรามีตัวอย่างที่เรียกว่า conditions1.c และฉันตัดสินใจที่จะ reimplement มันใน PHP, เพียงแค่ชนิดของการเน้นว่า PHP, syntactically เป็นเหมือนกันเกือบ เพื่อ C. นี้ไม่ได้เป็นก้าวกระโดดที่ยิ่งใหญ่ จากสัปดาห์นี้ 

ให้สังเกตที่ด้านบนของโปรแกรมนี้ซึ่ง เริ่มต้นขึ้นก่อนที่จะมีบาง ความคิดเห็นที่ฉันจะได้รับการกำจัด เป็นสิ่งที่ทำให้ไขว้เขว ขอให้สังเกตว่าฉันใน PHP โหมดในแฟ้มนี้ ดังนั้นรหัสนี้เราจะเห็น จะได้รับการดำเนินการ ขอให้สังเกตว่ามี ReadLine, ซึ่งอาจเป็น อะนาล็อกใน PHP ของ GetString สังเกตเห็นว่ามันแตกต่างกันเล็กน้อย จริงๆคุณระบุพรอมต์เพื่อ ฟังก์ชันที่เรียกว่าเส้นอ่านและที่ว่า ผู้ใช้มองเห็นสิ่ง ดังนั้นคุณจึงไม่ต้อง printf ด้วยตนเอง แต่นั่นไม่ใช่เรื่องใหญ่ ฉันจะเก็บภายในของ $ n, กลับค่านี้ดังนั้นสิ่งที่ ประเภทผู้ใช้ในการเป็น int ของพวกเขา และนี่คืออยากรู้อยากเห็นอีก มันจะเปิดออกใน PHP, ตัวแปรใด ๆ เพียงแค่จะต้องมีคำนำหน้า ที่มีเครื่องหมายดอลลาร์ มันเป็นเรื่องเล็ก ๆ น้อย ๆ ที่น่ารำคาญ แต่สังเกตเห็นสิ่งที่ฉันยังไม่ได้ทำใน PHP สิ่งที่หายไปจากมือซ้าย ด้านข้างของเครื่องหมายเท่ากับ? 

กล่าวถึงประเภทไม่มี ดังนั้นนี่คือความแตกต่างจากซีให้ดีขึ้น หรือแย่กว่านั้นคือ PHP เป็นหลวม ภาษาพิมพ์ มันจะมีตัวเลข มันจะมีสตริง มันจะมีบูลีน และมันจะมีไม่กี่ ชนิดข้อมูลอื่น ๆ แต่คุณโปรแกรมเมอร์ที่มักจะ ไม่ต้องดูแลเกี่ยวกับพวกเขา กลับหัวกลับหางของเรื่องนี้ก็คือว่ามันทำให้ มันง่ายขึ้นเล็กน้อยในการเขียนโปรแกรม คุณสามารถคิดน้อยน้อย ข้อเสียคือมันยังเปิดคุณถึง ข้อบกพร่องที่อาจเกิดขึ้นถ้าคุณตั้งใจ รักษาจำนวนเป็นสตริงสตริง เป็นตัวเลขที่อาจเกิดขึ้น แต่แม้ แล้ว, PHP, และจำนวนมากของภาษา, มีใจกว้างสวย พวกเขาจะใช้สิ่งที่เรียกว่า หล่อโดยปริยาย และถ้าคุณพยายามที่จะใช้ในบริบท n ของสถ​​านการณ์ที่เป็นตัวเลขก็จะ แปลงสิ่งที่นี่เป็นไปได้ สตริงเพราะถ้าผู้ใช้ บางสิ่งบางอย่างในและคุณได้รับผลที่ตามมา, เช่นเดียวกับการ ReadLine หรือรับสาย, ที่จะกลับสตริง 

แต่แจ้งให้ทราบล่วงหน้าเส้นคู่ต่อมาผม ตรวจสอบว่า n มีค่ามากกว่าศูนย์ ดังนั้น PHP เป็นไปโดยปริยายโยนของฉัน "สตริง" 123 หรือสิ่งที่ผู้ใช้ ในประเภทเป็น int ดังนั้นในระยะสั้นสิ่งที่เพิ่งทำงาน มากขึ้นอย่างสังหรณ์ใจ ดังนั้นตอนนี้เราเริ่มที่จะผ่อนคลายไม่กี่ของ สิ่งที่เราเคยทำมาแล้วในอดีตที่ผ่านมา 

จำนวนมากของสิ่งนี้คือ เดียวกันแม้ว่า ยังคงได้เท่ากับเท่ากับ ในฐานะที่เป็น PHP กันยังได้เท่ากับเท่ากับ เท่ากับ แต่เพิ่มเติมว่าบางทีใน ในอนาคต นั่นคือ สะกดผิด แต่สองเท่ากับสัญญาณหมายเดียวกัน สิ่งที่เป็นก่อนเพื่อเปรียบเทียบ printf หมายถึงสิ่งเดียวกับก่อนที่จะ เครื่องหมายทับขวา n หมายความเดียวกัน สิ่งที่เป็นมาก่อน 

ดังนั้นฉันจะใช้โปรแกรมนี้ ดีที่ก่อนถ้าผมทำ PHP, conditions1.php และประเภทใน หมายเลขเช่น 123 นั่นเป็นจำนวนบวก ถ้าฉันพิมพ์ 0 ผมรับ 0 และถ้าฉันพิมพ์ใน 123 ลบฉันได้รับ กลับเป็นจำนวนลบซึ่งเป็นเพียง ที่จะพูดว่า syntactically, PHP เป็นซุปเปอร์ซุปเปอร์ที่คล้ายกัน 

ดังนั้นนี่คือเหตุผลที่ในขณะนี้มีประโยชน์ ในบริบทเว็บหรือไม่ ดีขอกลับไป froshims นี้ เช่นที่มองดู อีกครั้งเช่นนี้ที่นี่ และให้จริงดึงขึ้นหน้าเว็บ อีกครั้งซึ่งมองเช่นนี้ สิ่งที่เราสามารถทำอะไรกับ ข้อมูลที่ส่งมา? 

ดีให้ฉันเปิดขึ้นใหม่ รุ่นนี้ และคุณจะเห็นว่าปัญหา สเปคชุดที่คุณเดิน ผ่านไม่กี่เหล่านี้ แทนที่จะเริ่มต้นด้วยศูนย์ ให้ดูที่ froshims3, ซึ่งไม่บิตเพิ่มเติม 

สังเกตเห็นเป็นครั้งแรกจริงให้เปิด สิ่งที่เป็น 0, ดังนั้นคุณจะเห็น สิ่งลงทะเบียนเป็น 0 สังเกตเห็นอะไรไม่ลงทะเบียน 0 หนึ่งผมมีความเห็นที่ด้านบน ลบเหล่านั้นและมุ่งเน้นเฉพาะในนี้ มากที่สุดของเนื้อหาของ register0.php จะเห็นได้ชัดว่าสิ่งที่ภาษา? เพียง PHP ดิบ 

ดังนั้นแจ้งให้ทราบล่วงหน้าไฟล์นี้ไม่ได้เริ่มต้น กับที่ขณะวงเล็บเปิด, เครื่องหมายคำถาม, PHP PHP ไม่ช่วยให้คุณสามารถผสม รหัส PHP กับแท็ก HTML แต่ฉันทำที่นี่ภายใน ของหน้ากว่าที่นี่ 

ตอนนี้อีกครั้งคุณเพียงต้องการรู้เรื่องนี้จาก ต้องดูที่คู่มือการใช้งาน print_r, มันจะเปิดออกเป็น print_recursive _recursive และนี้เป็นเพียงที่มีประโยชน์ ฟังก์ชันอรรถประโยชน์ที่เพิ่งพิมพ์ออก, ซ้ำสิ่งที่คุณมอบให้ หากคุณมอบให้อาร์เรย์ มันจะพิมพ์อาร์เรย์ หากคุณมอบให้เป็นจำนวนมาก, มันจะพิมพ์จำนวน มือมันสตริงก็จะ พิมพ์สตริง หากคุณมอบให้ตารางแฮชมัน จะพิมพ์ออกตารางแฮช คุณไม่ต้องเขียนทั้งหมด ของรหัสที่ตัวเอง 

ตอนนี้สังเกตเห็นว่าผมเข้ามา โหมด PHP กว่าที่นี่ ผมออกจากโหมด PHP กว่าที่นี่ ดังนั้นเมื่อเว็บเซิร์ฟเวอร์อ่านไฟล์นี้ บนลงล่างซ้ายไปขวาเพราะ มันก็สิ้นสุดลงในชื่อไฟล์ที่เรียกว่า. PHP, อะไรก็ตามที่ไม่ได้อยู่ภายในของแท็ก PHP เป็น เพียงแค่จะถ่มน้ำลาย ออกเช่นดิบ HTML ไม่มีเรื่องใหญ่ แต่ทันทีที่เว็บเซิร์ฟเวอร์สังเกตเห็น นี้มันจะกล่าวว่าฉันไม่ควร คายตัวอักษร print_r การโพสต์ ฉันควรจะดำเนินการดังต่อไปนี้ บรรทัดของรหัส 

ดังนั้นคำถามสุดท้ายแล้วของไฟล์นี้ คือดีห่าคือสิ่งนี้ ลองเดา อะไรคือสิ่งที่ $ _POST อาจจะ? 

ผู้ชม: [ได้ยิน] 

1 SPEAKER: ใช่ข้อมูลที่โพสต์ จำได้ขอเลื่อนกลับมาอยู่ใน เวลารอสักครู่ froshim0 อีกครั้งมองเช่นนี้ ส่วนใหญ่สุดของที่นี่คือ HTML เพียง อีกครั้ง, แท็กบางอย่างที่คุณไม่ได้ เห็นยังหรือที่ คุณคุ้นเคย แต่สิ่งที่น่าสนใจคือการนี​​้ หนึ่งบรรทัดนี้คือสิ่งที่เชื่อมโยงจริงๆ ไปยังแฟ้ม register0.php ของเรา ผมส่งทางไปรษณีย์วิธี และนั่นหมายความว่าพารามิเตอร์ ประเภทผู้ใช้ในไม่ได้ จะจบลงที่ 

พวกเขาจะไม่ แสดงขึ้นใน URL พวกเขายังจะถูกส่งจาก ลูกค้าจากเบราว์เซอร์เพื่อ เซิร์ฟเวอร์ แต่เพียงผ่านทางอื่น ๆ บาง กลไกที่เราจะสละมือของเรา ที่สำหรับวันนี้ แต่ยังไม่ได้อยู่ใน URL แต่สังเกตเห็นความสัมพันธ์ตอนนี้กับ โพสต์ซึ่งตามการประชุมคือ ที่นี่เป็นตัวพิมพ์เล็ก 

แต่ถ้าฉันเปิด register0.php, ผมเห็นได้ชัดว่าการพิมพ์นี้ ดังนั้นนี้เป็นชนิดของแปลก ตั้งชื่อการประชุม แต่สิ่งที่ดีใน PHP คือว่าเมื่อ โดยใช้ PHP ในบริบทเว็บไม่ได้ บรรทัดคำสั่งเช่นผมสักครู่ที่ผ่านมา เมื่อคุณจริงใช้ในเว็บ หน้าในไดเรกทอรี vhost ที่เราเป็น, โดยอัตโนมัติ PHP จะกรอกนี้ สิ่งซึ่งเป็นอาเรย์, เพื่อที่จะพูด, ตารางแฮชด้​​วย ทุกสิ่งที่ผู้ใช้พิมพ์นิ้ว 

ในระยะสั้น $ _POST ในตัวพิมพ์ใหญ่ทั้งหมดคือ ตัวแปรทั่วโลกว่า PHP เพียง อย่างน่าอัศจรรย์สร้างสำหรับคุณเมื่อ โดยใช้ PHP ในบริบทเว็บ และมันทำให้ภายในของมันทั้งหมดของ ชื่อของพารามิเตอร์ในรูปแบบที่ ถูกส่งไปยังแฟ้มนี้และทั้งหมดของ ค่าที่ผู้ใช้พิมพ์นิ้ว ดังนั้นจึงร่วมมือกันเพื่อช่วยให้คุณสิ่งที่ผู้ใช้ พิมพ์ในรูปแบบที่ 

ดังนั้นก่อนที่เราได้ออกโง่จริงๆ เพียงแค่ที่เห็นนี้เพราะทั้งหมดที่ผมทำ ได้รับการพิมพ์ซ้ำแถวนี้ ที่สำคัญคือชื่อที่มีค่าเป็นเดวิด ที่สำคัญคือกัปตัน ค่าที่อยู่ใน และลูกศรคู่และมุม วงเล็บมีนี้เป็นเพียงพล นี้ไม่ได้เป็นรหัส นี้เป็นเพียงวิธีการของ PHP ของคุณแสดง ค่าของคีย์บางอย่างเป็นสิ่งที่ 

แต่ตอนนี้ให้ฉันเสนอว่าใน froshIMs3 ก็เหมือนกันเกือบ ยกเว้นว่ามันจะส่งไฟล์นี้ และอีกครั้งที่เราจะเพียงแค่ชนิดของ เหลือบนี้เพียงเพื่อให้เห็นบางส่วน ไวยากรณ์ แต่แจ้งให้ทราบว่า ไฟล์นี้จะ ลองเดาตามเพียงแค่บนเส้นของ รหัสซึ่งอาจมีลักษณะเหมือน กรีกที่พอเหมาะ, เป็นที่เห็นได้ชัดว่ากำลังทำอะไรอยู่ 

ไฟล์นี้มีความเกี่ยวข้องอย่างใด จดหมายอีเมล ดังนั้นโปรแกรมนี้ทำอะไร ในรุ่นนี้ถ้าผมจริง กรอกแบบฟอร์มนี้ - และแจ้งให้เราไปที่ froshIMs3 ไม่ froshIMs0 - รูปแบบที่มีลักษณะเดียวกัน เดวิด, กัปตัน, ชาย, หอพัก, แมตทิวส์ แต่ถ้าผมส่งนี้แฟ้มนี้อยู่ จะไป register3.php 

และฉันเรียกร้องโดยดูที่มัน รหัสที่มามันจะ อย่างใดที่เกี่ยวข้องกับการส่งอีเมล์ ให้ฉันไปข้างหน้าและเปิดนี้ ในหน้าต่างที่ใหญ่กว่าดังนั้นเราจึง สามารถมองเห็นได้มากขึ้นอย่างหมดจด เรากำลังอยู่ใน vhosts โฮสต์ท้องถิ่น, สาธารณะ froshims ฉันจะเปิดขึ้นที่แตกต่างกัน โปรแกรมเพียงเพื่อให้เรา สามารถดูรายละเอียดเพิ่มเติมได้ในครั้งเดียว 

ดังนั้นตอนนี้ที่นี่สังเกตเห็นบางสิ่ง ที่ด้านบนของไฟล์ที่เปิดให้บริการ วงเล็บเครื่องหมายคำถาม, PHP แล้วมีพวงของความเห็นของ A, ซึ่งเราสามารถละเว้นคือ น่าทึ่งสำหรับตอนนี้ 

ตอนนี้มีแบบนี้ มันจะเปิดออก PHP มีจำนวนมาก ของรหัสที่เรียกว่าจำเป็นต้องมี มันคล้ายกันมากในจิตวิญญาณไปที่ C ของ รวมถึงกัญชารวมถึงซึ่ง เป็นหลักคว้าเนื้อหาของบางอย่าง ไฟล์อื่น ๆ และเพียง plops พวกเขาที่นี่, เพื่อให้คุณสามารถใช้พวกเขา ในกรณีนี้เครื่องจะมี ที่ติดตั้ง, ห้องสมุดฟรีและ ห้องสมุดโอเพนซอร์สที่เรียกว่า PHP จดหมายที่ทุกคนสามารถ ดาวน์โหลดจากอินเทอร์เน็ต เราแค่ทำมันสำหรับคุณ และนั่นหมายความว่าตอนนี้ผมมีอีเมล ฟังก์ชั่นการกำจัดของฉัน 

ตอนนี้สังเกตเห็นบางสิ่ง ฉันจะตรวจสอบ ส่งฟอร์มของ ผลัดกันออก PHP หนึ่งมีเครื่องหมายตกใจ คะแนนสำหรับผู้ประกอบการไม่ได้เช่นเดียวกับ C. แต่ PHP ยังมีฟังก์ชั่น เรียกว่าว่างเปล่า 

ว่างเปล่าเพียงแค่ผลตอบแทนจริงถ้าค่า ของสิ่งที่คุณมอบให้ใน วงเล็บว่างเปล่าเช่น ผู้ใช้ไม่ได้พิมพ์อะไรเลยค่ะ ดังนั้นนี่คือคำพูดและแจ้งให้ทราบล่วงหน้า ไวยากรณ์มากที่ชวนให้นึกถึงของ C ถ้า ที่สำคัญชื่อดังนั้นฟิลด์ชื่อในรูปแบบ, ซึ่งถูกส่งผ่านทางไปรษณีย์โดย ผู้ใช้ไม่ได้เป็นที่ว่างเปล่าของพวกเขาและ เพศไม่ได้เป็นที่ว่างเปล่าในรูปแบบที่เป็น ดีและหอพักของพวกเขาไม่ได้เป็นที่ว่างเปล่า - แต่สังเกตเห็นฉันไม่สนใจเกี่ยวกับกัปตัน เรามีแล้วสิ่งที่จะทำอย่างไร 

ฉันจะดำเนินการ บรรทัดของรหัสนี้ และคุณสามารถคิดของชนิดของนี้ เช่น malloc แต่มันเล็ก ๆ น้อย ๆ ของ นักเล่นกว่านั้น แต่ตอนนี้ให้ฉันพิเศษ struct ประเภท PHP จดหมาย แต่ไม่สนใจคำหลักใหม่สำหรับวันนี้ 

ตอนนี้ฉันจะเรียกฟังก์ชันที่เรียกว่า IsSMTP ซึ่งพูดว่าให้ใช้ SMTP นี่คือพอร์ต 25 เช่นเดียวกับวิดีโอ สัปดาห์ที่ผ่านมาเมื่อสิ่งที่ถูกขว้างปา อีเมลเป็นไฟร์วอลล์ พอร์ต 25 เป็น SMTP SMTP หมายถึงการใช้เซิร์ฟเวอร์อีเมล เป็นที่หนึ่งที่เราสามารถใช้ฮาร์วาร์ SMTP.fas.harvard.edu 

เราสามารถตั้งค่าจากที่อยู่ จะเป็นจอห์นฮาร์วาร์ ถ้าฉันเลื่อนลงต่อไปฉันสามารถตั้งค่า ที่อยู่ของผู้รับเพียง โดยพลการจะเป็นจอห์น ฮาร์วาร์เป็นอย่างดีของ ดังนั้นเขาจะได้รับการส่งอีเมลตัวเอง 

ตอนนี้ฉันสามารถจัดวางวัตถุ จะต้องลงทะเบียน และฉันสามารถตั้งค่าร่างกาย ของอีเมลดังต่อไปนี้ บรรทัดนี้ดูเล็กน้อยคลุมเครือมากขึ้น แต่เพียงเพราะมีจำนวนมาก ของข้อมูลที่อยู่ในนั้น หนึ่งมีผู้ประกอบการจุดของ ใครสักคนต้องรู้อยู่แล้วว่าสิ่งที่ ผู้ประกอบการที่จุดใด มันเชื่อมโยงกัน ดังนั้นหากคุณต้องการที่จะใช้สตริงใน PHP, และผนวกมันหรือย่อหน้ามันไป สตริงใน PHP อื่นขอบคุณพระเจ้าที่คุณ ไม่ต้องใช้ strcopy และ malloc, และทุกที่อีกต่อไป 

ถ้าคุณต้องการ concatenate สองสตริง, ใส่ใจเกี่ยวกับหน่วยความจำที่ ปล่อยให้ร่างของ PHP ที่ออกมาให้คุณ อะไร PHP จะทำอย่างไรกับผู้ประกอบการที่จุด นี่เป็นเพียงการทำให้ประโยคใหญ่ออก จากบรรทัดนี้บรรทัดนี้ บรรทัดนี้บรรทัดนี้ และตอนนี้แจ้งให้ทราบก็จะ ที่จะเสียบค่า ดังนั้นอีเมลที่จอห์นฮาร์วาร์ที่เกิดขึ้น ที่จะได้รับเป็นตัวอักษรที่จะพูด ชื่อลำไส้ใหญ่อะไรบางอย่างที่มากกว่านั้นเรา ปิดสตริงและ concatenate เมื่อ สิ่งที่ผู้ใช้พิมพ์ ในแล้วขึ้นบรรทัดใหม่ 

จากนั้นในบรรทัดถัดไปของจอห์นฮาร์วาร์ อีเมล์ก็จะพูด กัปตันหรือไม่ก็ มันจะบอกเพศ ชายหรือหญิง หอพักจะเป็นแมตทิวส์ ในกรณีของฉัน และแจ้งให้ทราบแล้วอัฒภาคคุ้นเคย ที่ท้ายมาก แล้วแจ้งให้ทราบล่วงหน้าลดลงที่นี่ค่อนข้าง ยังคงเป็นความลับ แต่อีกครั้งต่อไป รูปแบบที่จะกลายเป็นความคุ้นเคยมากกว่า หลังจากที่ P ตั้ง 7 ถ้าการส่งจดหมาย กลับเท็จแล้วไปข้างหน้าและตาย 

ดังนั้น PHP มีฟังก์ชันที่เรียกว่าตาย, ซึ่งตัวอักษรเพียงแค่ฆ่า เว็บไซต์และเพียงแค่พิมพ์ออกสิ่งที่ ที่คุณบอกมัน - มันกำลังจะตาย คำเพื่อที่จะพูด และในกรณีที่จะพิมพ์ สิ่งที่ข้อมูลผิดพลาดคือ สิ่งที่เกิดขึ้นไปผิด ดังนั้นเรื่องยาวสั้นที่นี่สิ่งที่เรามี เป็นตัวอย่างเมื่อผู้ใช้ที่ ส่งแบบฟอร์ม, froshim0, froshims3.php มันไปเพื่อ register3.php แต่ register3.php แล้วรายได้ ในการดำเนินการทั้งหมดของสายเหล่านี้ 

ดังนั้นจึงเป็นสิ่งที่ได้ใช้เวลาไม่กี่ของที่นี่ หนึ่งก็เห็นได้ชัดว่าค่อนข้างง่าย โปรแกรมการส่งอีเมล, ซึ่งเป็นสิ่งที่ดี เมื่อผู้ใช้ลงทะเบียนสำหรับเว็บไซต์ของคุณใน กรณีนี้เมื่อพวกเขาลงทะเบียนสำหรับคุณ กีฬาที่คุณสามารถส่งอีเมลครั้งแรก Proctor หรือจอห์น ฮาวาร์ดในกรณีนี้ 

แต่มันก็หมายความว่าคุณสามารถทำสิ่งที่? ส่งอีเมลจากทุกคนให้กับทุกคน และนี้เป็นจริงมาก นี้ไม่ได้ทำตามอย่างง่ายดายถ้า คุณกำลังใช้ในการใช้ Gmail แต่ถ้าคุณเคยใช้ Eudora หรือ Outlook คุณสวยมากสามารถบอกได้ เซิร์ฟเวอร์อีเมลที่คุณมี ทุกคนที่คุณต้องการ และนี่คือที่ฉันจำเป็นต้องใส่ หมวกที่และพูดว่าไม่ทำเช่นนี้ แต่นี้เป็นเครื่องพิสูจน์ถึงเพียงวิธีการที่ง่าย ก็คือการดำเนินการโจมตีฟิชชิ่งและ ส่งอีเมลที่ไม่ระบุและ สแปมมากขึ้นโดยทั่วไป และมันจริงๆเดือดลงไป ความจริงที่ว่าสิ่งที่คุณต้องเป็นบางส่วน โปรแกรมการเข้าถึง 

เช่นกันการเผชิญหน้าสนิทของฉันด้วย คณะกรรมการการโฆษณา, ป​​ีแรกของตัวเอง ก็คือตอนที่ผมค้นพบเย็นนี้ หลอกลวงว่าว้าวววคุณสามารถ ส่งอีเมลจากทุกคน และเพื่อให้เราได้มีบางคนโง่ อาร์กิวเมนต์ตัวอักษรในแมตทิวส์, ท่ามกลางกลุ่ม Proctor ของฉัน ฉันจำไม่ได้ว่า ว่าปัญหาคือ แต่ผมอยากจะลองใส่ จบไปนี้การอภิปรายโง่ 

ดังนั้นผมจึงตัดสินใจว่าผมเพียงแค่จะส่งอีเมล ให้กับกลุ่ม Proctor ฉันจะแกล้งทำเป็น คนที่แต่งตัวประหลาดอื่น ๆ ที่มีที่มีความเห็นผม ไม่เห็นด้วยและมีเขาโอนอ่อนไป สิ่งที่เป็นความคิดของฉันใน นี้โดยเฉพาะอย่างยิ่งการอภิปราย และดังนั้นผมจึงปลอมอีเมลโดยใช้นี้ เทคนิคในทำนองเดียวกันนี้ แต่มันก็เป็นจริงได้ง่ายขึ้น ในช่วงเวลานั้น กดส่ง เขาเป็นคนที่ไม่พอใจหรือจะ ได้รับคณะกรรมการการโฆษณา 

และฉันถูกจับได้อย่างรวดเร็วภายใน เพราะวินาทีที่คุณรู้ว่าผมลงชื่อ อีเมลล์ในวิธีการบางอย่าง และแม้ว่าฉันจะทำมันด้วยตนเองในขนาดใหญ่ ส่วน 15 ปีต่อมาเพราะผมเป็น เลือดออกตามที่ ฉันไม่ได้มีลายเซ็น ในอีเมลของฉันตอนนี้ แต่ในปี 1995 ฉันเพิ่งมี SIG, ลายเซ็นในอีเมลของฉัน ดังนั้นจึงทราบว่าเรียนนี้คือ กลุ่ม Proctor ผมยอมรับความคิดของฉัน และเห็นด้วยกับท่านที่ลงนามเช่นนั้นและ ดังนั้นบรรทัดใหม่บรรทัดใหม่ DJM 

ดังนั้นไม่ทำอย่างนั้นหรือโดยทั่วไปใช้ ใช้ประโยชน์จากเทคนิคนี้ แต่เมื่อการทำเว็บไซต์เช่นสำหรับ โครงการสุดท้ายของคุณเมื่อมีการ เว็บไซต์สำหรับผู้ประกอบการบางสิ่งบางอย่าง, นี้เป็นวิธีการ, ในทางปฏิบัติคุณสามารถ บริการอื่น ๆ ที่ใช้ประโยชน์บนอินเทอร์เน็ต เช่นจดหมายแล้วจริง ส่งสิ่งที่ใช้รหัส 

ดังนั้นวิธีที่เราสามารถปรับปรุงนี้ ดีแรกลองมาอย่างรวดเร็วของ บางส่วนของสิ่งที่คุณจะเห็น และจากนั้นจะดูที่ สองสามตัวอย่าง ดังนั้นหนึ่งในการสร้างความมั่นใจเพราะ เรากำลังบินผ่าน PHP และฉันรู้ว่าในบางจุดที่คุณจะต้อง ที่จริงเริ่มต้นการเขียนนี้ถ้าคุณ ยังไม่ได้ ตระหนักดีว่าหนึ่งหลักคือชนิด ของออกไปนอกหน้าต่างด้วย PHP หากคุณต้องการที่จะเขียนรหัสที่ได้รับ ดำเนินการที่คุณเพิ่งเริ่มเขียนมันใน ไฟล์ที่เรียกว่า. PHP ตราบเท่าที่ คุณมีวงเล็บเปิด คำถามแท็กเครื่องหมาย PHP 

แต่สังเกตเห็นเหล่านี้ เงื่อนไขใน PHP สังเกตนี้เป็นสไลด์เดียวกันแน่นอน เรามีในหนึ่งสัปดาห์เมื่อเรามี เงื่อนไขในเงื่อนไข C. ใน PHP เป็นโครงสร้างและ syntactically เดียวกัน เพียงแตกต่างจริงคือถ้าคุณมี ตัวแปรที่เกี่ยวข้องกับการที่คุณมีนั้น สัญญาณดอลลาร์ 

ในขณะที่การแสดงออกของบูลีน ลักษณะเช่นนี้ หรือไอเอ็นจีหรือและไอเอ็นจีร่วมกัน สวิทช์มีลักษณะตรงเดียวกัน มีอะไรดีใน PHP, ในขณะที่ C, สวิทช์จะต้องมีกรณีเมื่อ วิทยาการเช่น ints หรือตัวอักษรใน PHP งบกรณีของคุณสามารถจริงจะ เมื่อทั้งสตริงซึ่งเป็น ชนิดของดีจริง ช่วยให้คุณประหยัดเวลา ไม่สามารถดำเนินการได้ใน C. 

ที่นี่สำหรับวงใน PHP มันเหมือนกัน อาจจะมีบางสัญญาณดอลลาร์ สำหรับตัวแปร คุณไม่ได้พูดถึงว่า เป็นสิ่งที่ int คุณเพียงแค่ประกาศว่าด้วยเครื่องหมายดอลลาร์ และชื่อของตัวแปร แต่สำหรับวงเหมือนกัน ห่วงขณะเดียวกัน ทำในขณะที่ห่วงเหมือนกัน 

นี้จะแตกต่างกันเล็กน้อย ดังนั้นด้วย PHP, กับอาร์เรย์คุณสามารถ ประกาศอาร์เรย์แบบคงที่ในขณะที่ C, แต่คุณใช้วงเล็บ ใน C คุณจะใช้วงเล็บปีกกา, ถ้าคุณได้รู้ว่า แต่นี้เป็นจริงที่พบบ่อยมากใน PHP เพื่อประกาศอาร์เรย์ในกรณีนี้, ของตัวเลขและเรียก ตัวเลขตัวแปร 

ตัวแปรตัวเองมีลักษณะเช่นนี้ นี่คือสตริงอ้างอิงไม่ได้นำมาอ้างว่า "สวัสดี โลก. "คุณสามารถมีเครื่องหมายทับขวา n ฉันก็ทำไม่ได้ในกรณีนี้ 

ตอนนี้สร้างที่น่าสนใจ C ไม่ได้นี้ แต่เรื่องนี้เป็นซุปเปอร์ประโยชน์ และคุณจะเห็นในชุดนี้ P 7 ข้อมูลจำเพาะ - สำหรับสร้างแต่ละ ถ้าคุณต้องการที่จะย้ำไปทั่ว องค์ประกอบอาร์เรย์คุณไม่ได้มี ที่จะจัดการกับ $ i และ $ n, และ + + และทั้งหมดที่ คุณอักษรสามารถพูดใน PHP นี้ - สำหรับตัวเลขแต่ละจำนวนดังนั้น ฉันสมมติว่าตัวเลข $ เป็นอาร์เรย์ของตัวเลข และเมื่อฉันพูดสำหรับตัวเลขแต่ละ เป็นจำนวนนี้เป็นไป โดยอัตโนมัติในขณะที่ห่วงของฉันรัน, ปรับปรุงแต่ละย้ำค่า ภายในของจำนวนเครื่องหมายดอลลาร์ - อีกครั้งและอีกครั้งและอีกครั้งที่เดิน สำหรับฉันกว่าอาร์เรย์ที่ ดังนั้นมันก็ช่วยเรารหัส อัฒภาคไม่มี + + + 's, ไม่มีของฉัน, ไม่มีของ n, ก็แค่ 

PHP แต่ยังมีนี้ และนี่คือซุปเปอร์ที่มีประสิทธิภาพ และคุณจะได้ใช้มือนี้ เมื่อใน P ตั้ง 7 และอาเรย์ที่มีการประกาศยัง ที่มีวงเล็บ แต่สังเกตเห็นไวยากรณ์ในขณะนี้ มันชวนให้นึกถึงสิ่งที่เราเห็น กับ print_r สักครู่ที่ผ่านมา วิธีการหลายคีย์ที่ตรวจสอบสุขภาพจิตดีเล็ก ๆ น้อย ๆ ไม่อาร์เรย์นี้ดูเหมือนจะมี 

ดังนั้นจึงมีสอง และที่ผมเรียกนี้อาร์เรย์ แต่ถ้ามันจะช่วยให้คุณสามารถคิด ของตารางแฮชเช่นนี้หรือเป็น อาเรย์ แต่มันเป็นเพียงที่แตกต่างกัน ประเภทของอาร์เรย์ และอีกครั้งภาษาที่แตกต่างกัน มีเหล่านี้ เราจะเห็นสิ่งที่คล้ายกัน ใน JavaScript เช่นกัน มีสองปุ่มอะไร หนึ่งคือไม่ได้นำมาอ้างอ้าง "สัญลักษณ์" หนึ่งคือ อ้างไม่ได้นำมาอ้าง "ราคา". และกุญแจเหล่านั้น แต่ละคนมีคุณค่า ในกรณีนี้ค่าที่เป็นสัญลักษณ์ FB สำหรับ มูลค่า Facebook ราคาและเป็น 49, 26, ซึ่งเป็นหุ้นของ Facebook ราคา ณ วันนี้ 

ดังนั้นจะเป็นประโยชน์เกี่ยวกับสิ่งที่ อาเรย์ ฉันจะได้มีตัวเลข อาร์เรย์การจัดทำดัชนีที่มีเพียงแค่ วงเล็บง่าย และฉันจะมีเครื่องหมายดอลลาร์ อ้างเท่ากับเพียงแค่นี้ ให้ฉันทำมันจริง สมมติว่าฉันแทนการประกาศเพียง อาร์เรย์เช่นว่านี้ นั่นคือการที่ถูกต้องสมบูรณ์, syntactically มันไม่สูญเสียข้อมูลใด ๆ ต่อ SE ผมก็ยังเห็นว่าเป็นสัญลักษณ์ FB, และบอกว่าเป็นราคาที่ 49, 26 เพื่อให้มีการเชื่อมโยงว่าทำไม อาร์เรย์ที่น่าสนใจ? 

ผู้ชม: คุณไม่ต้องจำ ที่คุณใส่สิ่งที่ 

1 SPEAKER: ว่าคุณไม่ได้มี จำที่คุณใส่สิ่งที่ คุณจะได้ไม่ต้องมีกฎเกณฑ์จำ สัญลักษณ์หุ้นที่อยู่ในวงเล็บเป็นศูนย์ และราคาหุ้นที่อยู่ในวงเล็บหนึ่ง ซึ่งเป็นสิ่งที่อันตรายโดยเฉพาะอย่างยิ่งถ้าคุณ เปลี่ยนสิ่งในที่สุด มันมากดีกว่าที่จะเชื่อมโยง สิ่งที่เราจะเรียก metadata กับข้อมูลที่แท้จริงของคุณ ฉันเถียงว่าสิ่งที่เราสนใจจริงๆ เกี่ยวกับที่นี่ FB และ 49, 26 คือ สัญลักษณ์และราคาเป็นข้อมูล ที่อธิบายถึงข้อมูลที่เรา จริงเกี่ยวกับการดูแล แต่นี้เป็นเพียงมาก ง่ายต่อการเข้าถึง 

ขณะนี้เป็นสิ่งที่อยู่นอกเหนือ ราคาที่เราจ่าย? เราได้รับการทำเช่นนี้ ใน CS50 สัปดาห์ที่ผ่านมา คุณลักษณะนี้จะต้องมาเสียค่าใช้จ่ายในบาง หน่วยความจำ ดังนั้นคุณไม่ได้เพียงแค่การจัดเก็บ 32 บิต จำนวนเต็มเช่น คุณเก็บสัญลักษณ์ / 0 อาจจะเป็น ดังนั้นคุณกำลังใช้หน่วยความจำมาก 

และประสิทธิภาพการทำงานของสิ่งที่ กำลังมองหาบางสิ่งบางอย่างขึ้นมาใน อาเรย์อาจจะเป็น? มันอาจจะช้าลง เข้าถึงโดยสุ่มเป็นสิ่งที่ดีโดยเฉพาะอย่างยิ่ง เมื่อคุณสามารถทำค้นหาแบบไบนารี แต่ถ้าคุณกำลังมองหาจริงไม่ได้ สำหรับตัวเลข แต่สำหรับสายนี้ อย่างแท้จริงจะดำเนินการภายใต้ เครื่องดูดควันอาจเป็นตารางแฮชที่ ที่คุณใช้อย่างใดอย่างหนึ่งตารางแฮช กับการผูกมัดแยก หรือคุณลองใช้จริง เก็บค่า ดังนั้นบางทีคุณสามารถทำได้ตลอดเวลา แต่ คุณยังคงต้องมองไปที่ S-Y-M-B-O-L, ที่อาจเกิดขึ้นแทนเพียงแค่ 32 บิตที่จะมองหาบางสิ่งบางอย่างขึ้น ดังนั้นอีกครั้งที่ความคิดเดียวกันมา กลับจะเกิดขึ้นอีกในบริบทนี้ 

แต่อีกครั้ง PHP ตอนนี้มีบางซุปเปอร์ globals ว่ามันกลายเป็น เชื่อมโยงอาร์เรย์ เราเห็นช่วงเวลาหนึ่งที่ผ่านมา $ _POST และที่ซูเปอร์ทั่วโลก มีคีย์และค่า โดยเฉพาะกุญแจ บรรทัดขึ้นกับสิ่งที่? กุญแจที่ไหนใน $ _POST มาจากไหน? เพียงเพื่อปะยางรถ? 

ผู้ชม: ชื่อ 

ลำโพง 1: ชื่อที่? 

ผู้ชม: [ได้ยิน] 

1 SPEAKER: ชื่อคือแอตทริบิวต์ ที่ดีที่พวกเขาทำ เดิมมาจากไหน? รูปแบบ ดังนั้นถ้าหน้า HTML มีแท็กรูปแบบ, ภายในซึ่งปัจจัยการผลิตบางอย่างเช่น ตรวจสอบกล่องกล่องข้อความหล่นลง เมนูแต่ละที่มีชื่อเหล่านั้น ชื่อท้ายเป็นคีย์ใน $ _POST และ ตรงไปตรงมาสำหรับเรื่องที่ $ _GET หากวิธีการคือการได้รับความคิดเดียวกัน มันเป็นเพียงที่แตกต่างกันในซูเปอร์ทั่วโลก และคุณค่าของหลักสูตรมาจาก สิ่งที่ผู้ใช้พิมพ์ลงในที่ของเขาหรือ เบราว์เซอร์ของเธอ 

แต่มีคนอื่น ๆ ไม่กี่คน มีคุกกี้ซึ่งเราจะใช้อะไร จะกลับมาในที่สุด แต่ผู้ที่เป็นสิ่งที่คุณรู้ว่า เว็บที่ใช้สำหรับบางคนที่ดีหรือความชั่วร้าย แต่เราจะกลับมาที่ Server และเซสชั่นและผู้ที่สอง มีบางสาธารณูปโภคพิเศษ 

แต่ขอให้มาดูที่นี้ ให้ฉันไปข้างหน้าและเปิดตัวอย่าง เรียกว่า mvc0.php ดังนั้น MVC ยืนต่อไปนี้ และเราแนะนำก่อนหน้านี้กว่าคือ ทั่วไปจริงๆที่จะรับคุณออกแบบ ปัญหาชุดที่ 7 และโครงการสุดท้าย ในการเรียงลำดับของอุตสาหกรรม วิธีมาตรฐานและวิธีทำความสะอาด มันเป็นเรื่องการออกแบบที่ดี 

ดังนั้นคุณจะดูและคุณจะ ประสบการณ์ใน P ชุด 7 กระบวนทัศน์การจัดเรียง ความคิดของการเขียนโปรแกรมที่มีลักษณะ บางสิ่งบางอย่างเล็ก ๆ น้อย ๆ เช่นนี้ สำหรับรุ่น M, C เป็น Controller, V ดู เรื่องยาวสั้น MVC เป็นเพียงแค่ชนิด ของวิธีการ, วิธีการทำ เว็บไซต์โดยเฉพาะอย่างยิ่ง whereby คุณ ใส่ทั้งหมดของวลีของคุณโง่ - ตรรกะทางธุรกิจ - ทั้งหมดของทรัพย์สินทางปัญญาของคุณใน สิ่งที่เรียกว่าตัวควบคุมแฟ้ม เช่น index.php หรือเราจะเห็น quote.php หรือ buy.php 

ในบริบทของปัญหาชุดที่ 7 ของคุณ รูปแบบที่มักจะมีข้อมูลของคุณ อะไรที่เกี่ยวข้องกับฐานข้อมูลที่เราจะ ในที่สุดก็เห็นและมุมมองของคุณ มีความงามของคุณ เว็บไซต์, HTML, CSS ดังนั้นเราจึงได้เห็นแล้วใน C เล็ก ๆ น้อย ๆ บิตโดยใช้. ไฟล์ชั่วโมง จริงๆเราเห็นว่ามันสักครู่ที่ผ่านมากับ CSS, โดยแฟ stylization วินาที สิ่งที่ออกมาจาก HTML ของเรา 

ดังนั้น MVC เป็นจริงเพียงเกี่ยวกับการวาด บรรทัดในทรายแล้วพูดว่า รหัสการเขียนโปรแกรมที่น่าสนใจสำหรับคุณ เว็บไซต์เป็นในสิ่งที่เราจะเรียก ตัวควบคุม สิ่งที่เกี่ยวข้องกับฐานข้อมูลโดยทั่วไป จะจบลงในรูปแบบ แต่คุณจะเห็นในชุดที่ 7 ปัญหาเรา รวม C และ M เพื่อให้มันง่าย แต่มุมมองที่เป็นที่ทั้งหมดของ HTM​​L ของคุณ และความงามที่มักจะไป 

ดังนั้นสิ่งนี้หมายความว่าในแง่จริง? ดีให้ฉันไปเป็นของเรา MVC ไดเรกทอรีดังต่อไปนี้ และคุณจะเห็นมากกว่านี้ ไปเที่ยวผ่านใน spec ดังนั้นใน mvc0 ผมอ้างว่าเป็นเช่น, 0 รุ่นของเว็บไซต์ CS50 ของ 

ทั้งหมดที่เรามีเป็นบาง HTM​​L เช่น แท็ก h1 ใหญ่เห็นได้ชัดว่า แล้วรายการที่มีสัญลักษณ์ ฉันไม่เคยเห็นรายการที่มีสัญลักษณ์ ก่อน แต่ไม่มีเรื่องใหญ่ Let 's รวดเร็วดูรหัสที่มา กลับกลายเป็นรายการเรียงลำดับด้วยกระสุน ยูวงเล็บเปิดกับหนึ่งหรือเป็น มากขึ้นในรายการหลี่ ดังนั้นแจ้งให้ทราบที่นี่เป็นแท็กสมอ เราเห็นว่าช่วงเวลาที่ผ่านมา 

ดังนั้นนี่คือวิธีที่ผมใช้ หน้านี้ ฉันมีสองเชื่อมโยงสองรายการหนึ่ง UL สำหรับรายการเรียงลำดับและสิ้นสุด ผลสกอร์นี้มาก เว็บไซต์สวย 0 รุ่นที่นี่ แต่สิ่งที่น่าสนใจในขณะนี้คือวิธีนี้ จะดำเนินการภายใต้ประทุน 

ให้ฉันไปเป็น Gedit และเปิดขึ้นนี้ ตัวอย่างแรกมากที่จะวาดภาพ และเราจะดูที่สิ่งที่สมบูรณ์ ที่อาจเกิดขึ้นในที่นี่ ตอนนี้ถ้าฉันไปเป็น localhost ประชาชน MVC แจ้งให้ทราบไม่กี่ไฟล์ ฉันจะเรียกเหล่านี้สำหรับ ขณะควบคุมทั้งหมด แต่ที่บิตของการทำผิดกฎเกี่ยวเนื่องจาก คุณจะเห็นทุกอย่างผสมปนเป ภายในของพวกเขา 

และแจ้งให้เราเข้าไปข้างในจาก index.php และเราจะเห็นตัวอักษร HTML เดียวกัน ดังนั้นแม้ว่าไฟล์นี้จบลงด้วยการ . PHP, มันไม่ได้หมายความว่ามันจะ มีโค้ด PHP มันก็สามารถเป็น HTML ดิบแม้ว่า ที่ชนิดของโง่ แต่สังเกตเห็นว่าไม่มีวงเล็บเปิด PHP แท็กยกเว้นนี้ซึ่งตรงไปตรงมา เป็นเพียงมีเพื่อทำหน้าที่เป็นความคิดเห็น แต่ที่ทำงานไม่ได้ แม้ที่ที่น่าสนใจ 

แต่สังเกตเห็นนี้ มีอะไรที่น่าสนใจในขณะนี้คืออะไร การเปลี่ยนแปลงในหน้านี้ ให้ฉันคลิกที่การบรรยาย และสังเกตเห็น URL ที่เป็นเรื่องเกี่ยวกับการเปลี่ยนแปลง ตอนนี้ฉันที่ lectures.php ให้ฉันคลิกศูนย์ ตอนนี้ฉันที่ week0.php และตอนนี้ให้ ฉันเปิดไฟล์เหล่านี้ใน Gedit ดัชนีไม่เพียง แต่ให้ ฉันเปิดการบรรยาย และแจ้งให้เรากำจัดความเห็น จะให้ความสำคัญในส่วนนี้เท่านั้น 

และตอนนี้ให้ฉันเปิดขึ้นเพียงหนึ่ง, week0.php ทิ้งความเห็น, เพียงแค่การทำความสะอาดนี้ และตอนนี้สังเกตเห็นดังต่อไปนี้ คิดจริงๆการจัดเรียงของอย่างรอบคอบเกี่ยวกับ การออกแบบและการขอให้เส้นมัน ขึ้นเดียวกันสิ่งที่สามารถทำได้ ที่นี่ดีกว่าคุณคิดว่า? 

จะไม่ได้ทำให้ใครคนหนึ่งสัปดาห์? วิธีการเกี่ยวกับเรื่องนี้ ดังนั้นนี่คือวิธีที่ผมทำหนึ่งสัปดาห์ ผมก็ขึ้นไปยังแฟ้มใหม่วางบันทึก week1.php และจากนั้นฉันไปที่นี่ และฉันเปลี่ยนหนึ่ง - สิ่งที่เป็นที่หนึ่งถึงวันศุกร์ ผมเปลี่ยนศูนย์หนึ่ง ผมเปลี่ยนไปนี้หนึ่ง 

ตกลงดังนั้นตอนนี้มองไปที่ไฟล์ของฉัน จะมีอะไรที่ต้องทำแตกต่างกัน? ซึ่งเป็นโอกาสที่อาจ? ดังนั้นจึงมีโอกาสที่จะเริ่มต้นอะไร แฟสิ่งนี้ออก ผมขอเปิดเป็นสปอยเลอร์สำหรับ สิ่งที่คุณจะเห็นในชุด P 7 ถ้าผมเปิดตอนนี้ index.php ในรุ่น ห้านี้มีลักษณะ คลุมเครือมากขึ้นเป็นที่ยอมรับ 

แต่ตอนนี้คือสิ่งที่ผมจะโทรห​​า ตัวควบคุมที่ควบคุม ตรรกะในหน้าของฉัน และทุกชนิดที่คุณสามารถสร้าง, สังหรณ์ใจบางทีสิ่งที่เกิดขึ้น ในบรรทัดแรกที่เป็น เล็ก ๆ น้อย ๆ เป็นความลับ แต่สังเกตเห็นว่าผมต้องชอบด้วย คมชัดรวมถึงไฟล์ที่เรียกว่า helpers.php แล้วฉันโทรชัด ฟังก์ชั่นที่เรียกว่าการแสดงผลผ่านใน สองอาร์กิวเมนต์ 

หนึ่งคือการอ้างไม่ได้นำมาอ้างส่วนหัว, และอื่น ๆ เป็นสิ่งที่ชนิดของ ชนิดข้อมูลนี้เป็นเบส เมื่อไวยากรณ์ของเราก่อนหน้านี้? มันเป็นอาร์เรย์ที่เกี่ยวข้อง โดยเฉพาะมันผ่านในชื่อ กับเมตาดาต้าที่เตือนบางอย่าง ฉันว่ามันคืออะไรและค่าของมัน แล้วฉันจะดูยากรหัส UL ดังนั้นบางดิบ HTML แต่แล้วฉันกลับมาอยู่ในโหมด PHP เรียกฟังก์ชั่นการแสดงผล ดังนั้นแม้ว่าคุณจะไม่เคยใช้ HTML หรือ PHP ก่อนและแม้ว่าจะมีลักษณะนี้ น่ากลัวนี้คือเหตุผลที่อาจจะ การออกแบบที่ดีกว่า ดีกว่าสิ่งที่เกี่ยวกับมัน ขึ้นอยู่กับข้อสรุป? 

ผู้ชม: [ได้ยิน] 

1 SPEAKER: น้อยซ้ำซ้อนในการที่ ไม่มีแท็กมากขึ้นไม่ได้ หัวแท็กแท็กร่างกายไม่มีอะไรมาก ในไฟล์ด่าทุก แต่ผมเอาเรื่องออก commonalities และน่าจะทำให้พวกเขา เป็นไฟล์ที่เกี่ยวข้องอย่างใด ส่วนหัว และสิ่งเดียวกันสำหรับร่างกายใกล้ แท็กแท็กปิด ที่อาจลงที่นี่ภายใน จากที่ไหนสักแห่งที่ส่วนท้าย และคุณจะเห็นในชุดว่า 7 ทัวร์เล็ก ๆ น้อย ๆ ผ่านทางนี้ 

ดังนั้นสิ่งที่อยู่ข้างหน้า? สิ่งหนึ่งที่เรามีความสามารถไม่ได้ สำหรับยังเป็นจริงเก็บข้อมูล ดังนั้นสิ่งที่เราจะเริ่มเห็น วันพุธที่เช่นเป็นที่ของคุณ เพื่อนเก่า Excel หรือตัวเลข ช่วยให้คุณสามารถจัดเก็บจำนวนมาก ข้อมูลในแถวและคอลัมน์ ผลัดกันออกคุณสามารถทำในสิ่งที่ ที่เรียกว่าฐานข้อมูล, โปรแกรม ความคลั่งไคล้และมันจะเปิดออกหลังจากนั้น เราจะสามารถเก็บสิ่งที่ต้องการ นี้ซึ่งคุณจะเห็นอีกครั้งในชุด P 7 มัดทั้งชื่อผู้ใช้และ รหัสผ่านที่หลังซึ่งเป็น จริงเข้ารหัสเหมือนพวกเขา อยู่ในรุ่นแฮ็กเกอร์ P ชุด 2 และในที่สุดคุณจะดำเนินการนี​​้, เว็บไซต์ eTrade เหมือนของคุณเองว่า ดำเนินการเรียก CS50 การเงิน 

สุดท้ายตั้งแต่คุณเคยพักที่นี่มาสายมาก วันนี้หากคุณกลับมาเพื่อเป็นส่วนหนึ่งนี้ ของมหาวิทยาลัยที่ 04:00 วันนี้เราจะ ให้คุณไม่ได้แนะนำเท่านั้นที่ SCES ให้คำปรึกษาแฟร์ที่ 16:00 ใน Maxwell-ดวอร์คิเราจะให้คุณบาง ดรีม Americone, เชอร์รี่การ์เซีย, ช็อคโกแลตฟัดจ์บราวนี่ช็อคโกแลต คุกกี้ชิปและเมื่อคุณ Google ลิงอ้วนคุณจะได้รับนี้ ดังนั้นทั้งหมดที่รอท่านอยู่ที่ 04:00 PM ใน Maxwell-ดวอร์คิ ดูคุณในวันพุธเช่นกัน 

ลำโพง 2: ตอนต่อไป CS50, RJ นอนค่ะ 

RJ: ส่วนของฉัน! Ha! โอ้