>> ลำโพง 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!
โอ้