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

ดังนั้นในสัปดาห์นี้เราจะไปที่ ทัวร์ลมกรดผ่านสี่ ภาษาผมเพิ่งกล่าวถึง HTML, CSS, PHP, และ SQL และหวังว่าเราจะออกจากความอุดมสมบูรณ์ของ เวลาที่ปลายสุดของส่วนที่จะพูดคุย เกี่ยวกับชุด P สัปดาห์นี้และคำตอบ คำถามที่คุณทุกคนต้องมี 

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

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

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

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

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

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

เมื่อสัปดาห์ที่แล้วคุณได้ทำงาน valgrind เพื่อ ให้แน่ใจว่าคุณไม่ได้มีการรั่วไหลของหน่วยความจำ สัปดาห์นี้คุณจะต้องให้แน่ใจว่าทั้งหมด ของรหัสของคุณเป็น HTML5 ที่ถูกต้อง ถ้ามันไม่ถูกต้อง HTM​​L5 คุณ จะได้รับแต้มจาก 

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

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

นี่เป็นจักรยานฉันได้เมื่อฉัน คือสมมติว่าที่บ้านสี่ มันเป็นนินจาเต่า การขี่จักรยานในกรณีที่คุณไม่สามารถบอกได้ เพราะมันเป็นเบลอเล็กน้อย คุณจะได้รับตอนนี้ที่ ToysRUs สำหรับผมคิดว่าประมาณ $ 100 

แต่คุณสมบัติของจักรยานที่ฉันต้องการนี​​้ คุณให้ความสนใจกับเหล่านี้ ขวาที่นี่ เหล่านี้เป็นล้อการฝึกอบรม จนถึงตอนนี้คุณได้รับการมือถือ ผ่านซีและเราได้เปิดบอลยาว เวลาสองเดือนบวก ไปผ่าน C. 

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

แต่เก็บไว้ในใจว่า PHP อย่างไม่น่าเชื่อ คล้ายกับ C. เราจะไปกว่า มันในวันนี้และบางส่วนของความแตกต่าง แต่ส่วนใหญ่ที่ มีการลูป นอกจากนี้หากมีเงื่อนไข 

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

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

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

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

ก่อนที่เราจะย้ายไปไม่ใคร มีคำถามใด ๆ เกี่ยวกับสิ่งที่ ฉันได้ทำเพื่อให้ห่างไกล ยิ่งใหญ่ ขอย้ายไปอยู่กับ 

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

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

ผู้ชม: จากนั้นหนึ่งยกเว้นไม่มี คุณสามารถมองเห็นสิ่งที่คุณกำลังทำอะไร 

เจสัน Hirschhorn: OK ดังนั้นหากเราต้องการที่จะนำบางสิ่งบางอย่างเกี่ยวกับ เว็บและคุณมีสิทธิ์ที่กำหนด เพียงคุณเท่านั้นที่สามารถมองเห็นอะไรบางอย่าง แล้วไม่มีใครอื่นสามารถ ดูสิ่งที่คุณได้สร้าง สิ่งอื่นใด ใช่ 

ผู้ชม: ป้องกันไม่ให้คนอื่นที่คุณ ไม่ต้องการที่จะเห็นบางสิ่งบางอย่างจาก เห็นบางสิ่งบางอย่าง 

เจสัน Hirschhorn: ที่จริงยัง อาจมีรหัสบางอย่างที่ ที่คุณเขียนว่าคุณทำไม่ได้ ต้องการคนที่จะเห็น คุณอาจตกลงกับคนที่เห็น HTML และ JavaScript ของคุณ แต่ PHP, รหัสท้ายกลับของคุณมาก ตรรกะในรหัสของคุณอาจจะ สิ่งที่บางส่วนของการจัดเก็บรหัสผ่านของคุณ สำหรับฐานข้อมูลของคุณที่คุณทำไม่ได้ ต้องการคนที่จะเห็นว่า ประเภทของข้อมูล 

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

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

นี่คือตัวอย่างสั้น ๆ อีกครั้งที่คุณได้ไปกว่านี้ ในปัญหาที่กำหนด แต่ฉันสร้างไดเรกทอรี ที่มีคำสั่ง mkdir ฉันเปลี่ยนสิทธิ์ ทั้งสองสายทำจริง สิ่งเดียวที่แน่นอน ก็เพื่อแสดงให้เห็นว่าไวยากรณ์สำหรับ การเปลี่ยนสิทธิ์ไม่ว่าคุณจะทำอย่างไร + x หรือ 711 คนจะเหมือนกัน 

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

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

วิธีที่เราแปลว่า เป็นจำนวน ได้รับอนุญาตผ่านไบนารี ดังนั้นถ้าเรามีสามคนที่ 1 ในคอลัมน์คนที่ 1 ใน twos คอลัมน์ 1 คอลัมน์สี่ ที่ 7 มีสิทธิ และได้รับอนุญาตนี้ 1 สิทธิ์นี้คือ 1 ดังนั้น 711 เมื่อเป็นเช่นเดียวกับการให้ ตัวเองอ่านเขียนและการดำเนินการ และคนอื่นดำเนินการสิทธิ์ 

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

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

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

ผู้ชม: คุณต้องการให้ผู้ใช้ไปยัง มีสิทธิ์อ่านเขียน และคุณต้องการทุกคน อื่นที่จะไม่มีอะไร 

เจสัน Hirschhorn: และสิ่งที่ ตัวเลขคือ? 

ผู้ชม: 600 

เจสัน Hirschhorn: 600 ดังนั้น chmod 600 - เมื่อใดก็ตามที่คุณพิมพ์ ไฟล์ PHP, chmod เป็น 600 ตกลง ฉันมีไดเรกทอรี ใครบางคนที่นอกเหนือจากเจฟฟ์ ฉันมีโฟลเดอร์ไฟล์ ฉันทำในสิ่งที่ต้องการสิทธิ์ ที่จะให้ไปยังโฟลเดอร์ที่ - ปัญหายังอยู่ในการตั้งค่าข้อมูลจำเพาะ ด้านล่างคำตอบนี้หรือ คำตอบก่อนหน้า? นอกจากนี้ยังอาจเกิดขึ้นบนภาพนิ่ง - มาร์คัส 

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

ผู้ชม: 644 

เจสัน Hirschhorn: 644 - ทำไมเราต้องการที่จะให้มัน 644? 

ผู้ชม: หากต้องการให้คนอื่นอ่าน และคุณอ่านหรือเขียนได้ 

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

เพื่อให้แน่ใจว่าคุณตั้งค่า สิทธิ์อย่างถูกต้อง อย่าเพิ่งคิดว่ามันจะ ทำโดยอัตโนมัติสำหรับคุณ 

ตกลง นั่นคือสิ่งเล็ก ๆ ที่เราใช้เวลา จำนวนเงินที่ดีของเวลาในดังนั้น เราสามารถเล็บมัน ขอย้ายไปยัง HTM​​L 

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

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

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

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

ทุกอย่างใน HTML ที่เป็นองค์ประกอบ และองค์ประกอบที่นี่ - CS50 นี้ข้อความเป็นองค์ประกอบ และมีป้ายบางส่วน แต่ก็มีแท็กนี้ และเราสังเกตเห็นมีที่ เริ่มต้นแล้วเฉือนดังนั้น ปิดแท็กที่สิ้นสุด บางครั้งมีไม่ได้เปิด แท็กและแท็กปิด มีเพียงสิ่งเดียวที่เป็น 

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

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

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

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

ดังนั้นนี่คือที่สำคัญ href และมูลค่าที่เหมาะสมที่นี่ และที่จะเข้ามามีประโยชน์ในภายหลัง เมื่อเราเริ่มต้นการใช้ห้องสมุดบาง ช่วยให้เรารหัสใน JavaScript หรือเขียนเนื้อหา เรามักจะเป็นไปได้ - เช่นเดียวกับเรา จะทำอาร์เรย์วงเล็บ 0 และที่ จะให้เราค่าบางอย่าง 

ในอนาคตเราจะทำมาก สิ่งที่ต้องการบางสิ่งบางอย่าง href วงเล็บ และที่จะทำให้เรามีค่าของ href หรือถ้าเราต้องการที่จะปรับปรุง href ที่สำคัญและจากนั้นให้ ค่าโดยเฉพาะอย่างยิ่ง ดังนั้นเช่นเดียวกับอาร์เรย์ที่เรามี 0 ที่สำคัญหรือคีย์ 1 หรือ 2 ที่สำคัญหรือแม้กระทั่งกับ สับตารางดีกับตารางกัญชาของคุณ เช่นกันคุณอาจจะมี - มัน เป็นอาร์เรย์ดังนั้นสำคัญ 0, 1 กุญแจ, กุญแจ 2 

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

สุดท้ายคุณได้เห็นโครงสร้างนี้ ก่อน แต่นี้เป็นพื้นฐานที่สุด โครงสร้างของหน้า HTML ที่ด้านบนที่เราบอกคุณได้ว่า นี้ในความเป็นจริง HTM​​L และแล้วเราก็มีเปิด HTML แท็กและแท็กปิด เพื่อให้ทุกอย่างภายใน นี้เป็น HTML 

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

ผู้ชม: คุณใส่ชื่อและรูปแบบ 

เจสัน Hirschhorn: ชื่อ นั่นคือการคาดเดาที่ดี ฉันอาจจะปลายคุณออกไป สิ่งที่บางสิ่งอื่น ๆ มีอะไรบ้าง เรากล่าวถึงหนึ่งของพวกเขาที่ อาจจะไปอยู่ในหัว 

ผู้ชม: เขาบอกว่ารูปแบบ 

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

สิ่งอื่นใด เรากล่าวถึงคู่ของสไลด์ ที่ผ่านมาเป็นหนึ่งในสิ่งที่ HTML สามารถทำเพื่อคุณ มันสามารถให้ - เริ่มต้นด้วย M - 

ผู้ชม: เมตาดาต้า 

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

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

ผู้ชม: ย่อหน้า? 

ผู้ชม: พิมพ์ 

ผู้ชม: ไม่ได้หมายความว่าการพิมพ์ 

ผู้ชม: มันหมายความวรรค? 

เจสัน Hirschhorn: ย่อหน้า - ดังนั้นนี้เป็นวรรค และแท็กพีนี้ผมจะได้เพียงแค่พิมพ์ นี้บนหน้าจอแล้ว รวมถึงการแบ่งบรรทัด ที่ปลายของมัน ใครรู้วิธีการรวม แบ่งบรรทัดหรือไม่ 

ผู้ชม: pr - 

เจสัน Hirschhorn: pr - 

ผู้ชม: Slash ราคา? 

เจสัน Hirschhorn: เฉือนราคา ย่อมาจากตัวแบ่งบรรทัด แต่มีย่อหน้าที่เฉพาะเจาะจง การจัดรูปแบบ และเราจะได้รับการจัดรูปแบบใน ที่สองเมื่อเราพูดคุยเกี่ยวกับ CSS แต่ทุกอย่างภายในแท็กพีเหล่านี้ จะมีการจัดรูปแบบเริ่มต้นบางอย่าง ที่เกี่ยวข้องกับมันอาจจะเป็นบางส่วน ระยะห่างในระหว่างที่แตกต่างกัน ย่อหน้า และมันจะเป็นวิธีหนึ่งที่จะสร้างความแตกต่าง กลุ่มของรหัส 

ๆ แท็กอื่น ๆ - สิ่งที่แท็กอื่น ๆ ที่คุณเคยเห็นหรือไม่ 

เจสัน Hirschhorn: h1 ผ่าน h6 h1 ผ่าน h6 และสิ่งที่ที่ 

ผู้ชม: มันจะแสดงว่าวิธีการใหญ่ และหนาตัวอักษรเป็น 

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

แต่เก็บไว้ในใจว่า Chrome, Safari, Firefox, Internet Explorer ทุกคนต้องมี เริ่มต้นมองหาจำนวนมาก ป้ายมาตรฐานเหล่านี้ คุณสามารถอีกครั้งการเปลี่ยนแปลงเสมอ สิ่งที่พวกเขามีลักษณะเหมือน ๆ แท็กอื่น ๆ ที่ทุกคน ได้เห็น? ใช่ - 

ผู้ชม: div เว็บไซต์ 

เจสัน Hirschhorn: div แท็ก - แท็ก div ไม่ได้มีรูปแบบ built-in ใด ๆ ต่อ se ที่จะใช้ในการป้องกันการปิด ชนิดที่แตกต่างกันของรหัส ไม่มีแท็กอื่น ๆ ใช่ 

ผู้ชม: li - 

เจสัน Hirschhorn: li - สิ่งที่ li หา 

ผู้ชม: รายชื่อ 

ผู้ชม: รายชื่อ 

เจสัน Hirschhorn: li เป็น สำหรับองค์ประกอบรายการ มีสองประเภทของรายการเป็น สิ่งที่ทั้งสองประเภทมีอะไรบ้าง 

ผู้ชม: สั่งซื้อและการเรียงลำดับ 

เจสัน Hirschhorn: สั่งซื้อและ เรียงลำดับ - ยืน ul ดังนั้น สำหรับรายชื่อเรียงลำดับ นั่นคือถ้าคุณต้องการกระสุน จุดรายการของกระสุน รายการสั่งซื้อเป็นรายการลำดับเลข และเพื่อให้คุณจะทำแท็ก ul เปิดแล้ว ตันขององค์ประกอบของรายการแล้ว ปิดแท็ก ul และจะว่า สร้างรายชื่อเรียงลำดับ 

เรากำลังจะไปดูตัวอย่างบางส่วน ของ HTM​​L ในบิต แต่ก่อนหน้านั้นผมต้องการที่จะได้รับการ CSS และ CSS ย่อมาจาก Cascading Style Sheets และนี่คือที่เกี่ยวข้องอย่างใกล้ชิด เพื่อ HTML แต่แตกต่างกันเล็กน้อย นี้จะช่วยให้คุณจัดรูปแบบเนื้อหาทั้งหมด ว่าโครงสร้าง HTM​​L 

ดังนั้นใน CSS เราโดยทั่วไปไม่ต้องการที่จะ ทุกรูปแบบหัวเดียวหรือทุก ภาพเดียวหรือทุก ย่อหน้าเดียว เราต้องการที่จะรูปแบบองค์ประกอบบางอย่าง หรืออาจจะเป็นองค์ประกอบที่เฉพาะเจาะจง และวิธีที่เรารูปแบบที่เฉพาะเจาะจง องค์ประกอบที่จะให้มัน ID 

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

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

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

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

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

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

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

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

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

ลองรีเฟรช ที่จริงผมขอแนะนำให้คุณทำ นี้พร้อมกับฉันเพราะสิ่งที่เรา จะทำในขณะนี้เป็นไปได้ มีประโยชน์อย่างไม่น่าเชื่อสำหรับคุณไม่เพียง แต่ใน P-Set 7 แต่ใน P-Set 8 ได้เป็นอย่างดี ใช่ 

ผู้ชม: มีวิธีที่จะทำเห็น ใน HTML โดยไม่ต้องใช้ PHP? 

เจสัน Hirschhorn: ใช่คุณสามารถ ให้ความเห็นใน HTML 

ผู้ชม: อะไรไวยากรณ์หรือไม่ 

ผู้ชม: อัศเจรีย์รีบรีบ 

ผู้ชม: ตกลง 

เจสัน Hirschhorn: ใช่ นั่นคือไวยากรณ์ คุณสามารถแสดงความคิดเห็นในรูปแบบ HTML คุณสามารถแสดงความคิดเห็นใน PHP 

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

และแท้จริงและดูเถิดเรา เห็นสิ่งที่ยักษ์ CS50 จริงดูดีสวย จำนวนมากของเว็บไซต์ที่จะไม่ ดูดีนี้ ถ้าคุณไปที่หน้าแรกของ Google และเปิดมันขึ้นมา มันจะไม่ดูดีนี้ 

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

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

ดังนั้นเมื่อคุณเชื่อมโยงหน้านี้ใน Facebook, ภาพก็จะแสดงให้เห็น ภาพนี้ที่นี่ และคุณเห็นจริงว่ามันเป็น Facebook, เพราะมันเป็น ภาพ Facebook 

แต่อย่างไรก็ตามเราได้รับกัน ดังนั้นเราจึงมีแท็กข้อมูลบางส่วนที่นี่ เราจะเห็นชื่อ CS50 และอีกครั้งชื่อเป็นสิ่งที่จะไป ขึ้นที่นี่ในแท็บเบราว์เซอร์ เราเห็นนี้จะเชื่อมโยงในที่นี่ ไฟล์ JavaScript ภายนอก 

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

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

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

ลองกลับไปนี้ หน้า HTML สำหรับ CS50 และให้เลื่อนลงไปที่ร่างกาย และภายในที่เราเห็นแท็ก div นี้ เราเห็นส่วนหัวที่นี่ เราจะเห็นแท็กสมอ 

และองค์ประกอบของรายการนี​​้ ให้เรียนเฉพาะ และเราจะเห็นว่าการเรียนซ้ำ ครั้งแล้วครั้งเล่า มีคุณเคอร์ติ มีความคิดเห็นใน HTML5 คือ 

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

โอ้ว่าทำไมเพราะ ของสายต่อไปนี้ เราทำในสิ่งที่คนอื่นมองเห็นของดอกเบี้ย ส่วนที่เหลือจากการนี​​้คือทำให้เกิดความสับสนมากขึ้นใน จัดการกับครึ่งหนึ่งของสิทธินี้ เว็บไซต์ซึ่งเป็นเพียงเล็กน้อย ที่ซับซ้อนมากขึ้นอีกนิด 

ดังนั้นนี่คือสิ่งที่บาง HTM​​L จะมีลักษณะเหมือน สำหรับผมว่านี้เป็นเพียงเล็กน้อย ครอบงำและนี้ไม่ได้ ช่วยให้ผมที่มาก แต่มีบางสิ่งบางอย่างที่ ไม่ในความเป็นจริงช่วยให้ฉันมาก 

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

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

จึงขอเปิดตัว และฉันเลื่อนไปทางซ้าย div นี้ และคุณสังเกตเห็นว่ามันเป็นไฮไลท์ ซีกซ้ายของหน้าจอนี้ ดังนั้นลองคลิกที่ และขยายที่ 

ภายในของมันดูเหมือนว่า มีสอง divs มี div แรกนี้ ฉันไม่เห็นว่าไฮไลต์ ผมไม่ทราบ แต่ก็ดูเหมือนว่านี้ คนที่สองจากซ้ายภายในเป็นเนื้อหา ที่ด้านซ้ายของหน้าจอ 

แล้วมีสิ่งที่เรียกว่าส่วนหัวนี้ ดูเหมือนว่าที่เน้น ส่วน CS50 ถ้าเราเปิดขึ้นมาเราจะเห็นว่ามันเป็น ไม่มีอะไรมากไปกว่าส่วนหัว 1 มันได้รับ ID และเป็น CS50 ได้รับข้อความ 

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

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

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

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

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

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

ผู้ชม: href? 

เจสัน Hirschhorn: href - ดังนั้นตอนนี้คุณจะเห็นว่ามี เป็นขีดเส้นใต้ภายใต้เจสัน นั่นเป็นเพราะ Chrome โดยค่าเริ่มต้น ให้ขีดเส้นใต้เบรก คุณอาจได้เห็นว่าก่อนที่ เมื่อคุณได้ไปไปยังหน้าเว็บ สิ่งที่มีการเชื่อมโยง ที่ขีดเส้นใต้และสีฟ้า รูปแบบเริ่มต้นสำหรับการเชื่อมโยง คือการขีดเส้นใต้โดยทั่วไป และวางไว้ในสีฟ้า 

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

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

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

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

เราสามารถไปที่รูปแบบแท็บ ในกล่องแรกที่มัน กล่าวว่า element.style และในที่นี่คุณสามารถแทรก คุณสามารถเพิ่มบางสิ่งบางอย่าง 

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

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

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

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

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

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

ฉันต้องการที่จะไปลงในองค์ประกอบ header1 ที่ และเปลี่ยนสีพื้นหลังสีฟ้า ฉันจะทำให้เกิดการเปลี่ยนแปลงจริงหรือไม่ ดีเรียกว่าถ้าเราไปภายใน จากที่นี่ส่วนหัวนี้ ชื่อมี ID และที่ชื่อ 

และอื่น ๆ ในไฟล์ CSS ของเราเราสามารถพูดได้ว่าตกลง ใช้อะไรที่มีรหัสของชื่อและ ให้สถานที่ให้บริการนี​​้เพิ่มเติม เราจะอ้างอิงบางสิ่งบางอย่างด้วยวิธี ID ของชื่อความคิดใด ๆ หรือใคร ทราบว่าเราอ้างอิง รหัสในไฟล์ CSS ของเราหรือไม่ 

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

ดีถ้าผมต้องการที่จะเปลี่ยนที่ ฉันจะไปลงในไฟล์ CSS นี้ และผมอาจจะพบนี้ เป็นส่วนหนึ่งของไฟล์ CSS หรือฉันจะเขียนของตัวเอง 

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

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

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

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

ถ้าผมต้องการที่จะใช้รูปแบบการเรียน ฉันจะอ้างอิงชั้นเรียนหรือ พูดคุยเกี่ยวกับการเรียนในไฟล์ CSS? 

ผู้ชม: Dot 

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

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

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

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

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

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

ลองมาดูด้านบน div ID ที่รูปลักษณ์ เช่นด้านบนของหน้า จึงขอไปที่นั่น ลองเปลี่ยน สีพื้นหลัง ขอไปทำอลิซสีฟ้าเพราะ ที่หนึ่งดีกว่า 

และคุณจะพบว่า - คุณอาจไม่สามารถเห็นได้ว่า แต่มีสีฟ้าอ่อน พร้อมกับโลโก้ CS50 ลองเปลี่ยนเป็นสีแดงแทน และคุณจะสังเกตเห็นตอนนี้ผมเพิ่งเปลี่ยน สีพื้นหลังเป็นสีแดง 

ดังนั้นตอนนี้ฉันจะไปเป็นไฟล์ CSS ของฉันและ ประเภท # วงเล็บปีกกาด้านบนขวาที่นี่ คุณสามารถดูรหัสที่ถูกต้อง ที่นี่วงเล็บปีกกา แล้วฉันจะเพิ่มพื้นหลัง สีแดง แล้วมีจะ เป็นวงเล็บปีกกา เพื่อให้เป็นวิธีการที่ฉันจะสำรวจและ ทดสอบกับการจัดรูปแบบบน CS50 เว็บไซต์การเงิน 

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

ตกลง นั่นเป็นจำนวนมาก ฉันขอโทษสำหรับที่จะผ่าน เพื่อให้ได้อย่างรวดเร็ว ไม่มีใครมีคำถามใด ๆ ที่เกี่ยวกับ HTML หรือ CSS? 

ผู้ชม: คุณสามารถเพียงแค่ไปกว่าวิธีการที่คุณ การเชื่อมโยงสิ่งที่กลายเป็นเจสันอีกครั้งหรือไม่ 

เจสัน Hirschhorn: อะไร คุณหมายถึงการเชื่อมโยง? 

ผู้ชม: คุณให้เชื่อมโยงไปยัง เว็บไซต์โดยใช้สมอ 

เจสัน Hirschhorn: ดังนั้นที่คุณถาม เพียงแค่โดยทั่วไปวิธีการที่คุณจะทำให้การเชื่อมโยงหรือไม่ 

ผู้ชม: ใช่ 

เจสัน Hirschhorn: OK รหัสสำหรับการเชื่อมโยง - 

ผู้ชม: ไม่มีเหมือนใน HTML 

เจสัน Hirschhorn: ลงที่นี่คุณหมายถึงอะไร ดังนั้นถ้าผมต้องการที่จะมีการเชื่อมโยง ที่พูดนี้เป็น HTML บนของฉัน หน้าขวาที่นี่ นี้เป็น HTML บางทีมันอาจจะเปิดไฟล์ index.html นะค่ะ 

Let 's ได้ลิขสิทธิ์นี้จอห์น การเชื่อมโยงกับสิ่งที่ฮาร์วาร์ ดังนั้นเราจะแก้ไขทั้งหมดนี้เป็น HTML สิ่งที่คุณทำคือการรวมเพื่อให้ วงเล็บวงเล็บปิดที่ จุดเริ่มต้นและจากนั้นเฉือนวงเล็บ วงเล็บปิดท้ายที่ 

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

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

ผู้ชม: ตกลง ได้มัน 

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

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

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

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

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

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

ผู้ชม: คุณสามารถให้เดียวกัน ID ให้กับเจ้าของหลาย 

เจสัน Hirschhorn: เทคนิคใช่ ไม่มีอะไรที่จะหยุดคุณ แต่คุณ ไม่ควรคุณควรให้มันระดับ ตกลงคำถามอื่น ๆ เกี่ยวกับ HTML หรือ CSS? 

ตกลง ขอให้เราย้ายไปยัง PHP โอ้ใช่ 

ผู้ชม: มันคืออะไรเกี่ยวกับเหล่านี้ เว็บไซต์ที่หมายความว่าเราสามารถแก้ไข พวกเขาก่อนที่เราจะฟื้นฟู แต่เมื่อเรารีเฟรชมันย้อนกลับ กลับไปเริ่มต้น HTML? 

เจสัน Hirschhorn: คำถาม Great - ดังนั้นเมื่อเราได้โหลดนี้ หน้าเว็บก็ HTML และมันก็เป็น JavaScript PHP มันจะถูกดำเนินการเพื่อให้เรามีสิ่งที่ ประเภทของเว็บไซต์ที่เราเห็น และจะสร้าง HTM​​L บางบาง JavaScript, และ CSS บาง และว่าขณะนี้สามารถเข้าถึง โดยเครื่องคอมพิวเตอร์ของเรา 

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

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

ผู้ชม: ใช่เพื่อให้เราสามารถอ่าน และเขียนข้อความว่า 

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

ขอย้ายไปยัง PHP PHP หมายถึงในความรู้สึกเวียนเกิด PHP Hypertext Processor และ PHP สิ่งที่มันจะทำ มีการรันโค้ดด้านเซิร์ฟเวอร์ ดังนั้นเราจึงไม่เคยไปดูที่โค้ด PHP 

แต่ไม่เล่นอย่างกับ HTML และมักจะสร้าง มากรหัส HTML แต่ในขณะที่คุณจะคุ้นเคยกับปัญหา ตั้ง 7, โค้ด PHP ของคุณจะดำเนินการ สร้าง HTM​​L บางอย่างและนั่นคือสิ่งที่ ผู้ใช้จะท้​​ายเห็น 

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

ผู้ชม: จำเป็นที่จะต้องโยนมันเองไม่มี เช่นเดียวกับความต้องการที่จะเขียนในข้อความไม่ 

เจสัน Hirschhorn: ฉันจะไม่ใช้ โยนคำ แต่ใช่, จำเป็นที่จะต้องประกาศไม่ ประเภทของตัวแปรที่เฉพาะเจาะจง วิธีแทนเราจะประกาศตัวแปรหรือไม่ 

ผู้ชม: ใช้เครื่องหมายดอลลาร์ 

เจสัน Hirschhorn: ใช้เครื่องหมายดอลลาร์ ดังนั้น $ x เป็นตัวแปร $ 1 เป็นตัวแปร $ string เป็นตัวแปร 

ผู้ตัวแปร $ x ได้ เป็นจำนวนเต็ม จากนั้นก็อาจจะสาย จากนั้นก็อาจจะเป็นตัวละคร มันไม่ได้เรื่องจริงๆ 

นอกจากนี้สิ่งดีๆเกี่ยวกับ PHP คือ พูด, $ x เป็นหนึ่งในสตริง และ $ y เป็นตัวละครตัวหนึ่ง คุณสามารถเพิ่ม $ x และ y $ และมันจะ ให้ 2 สิ่งที่คุณคาดหวัง เพื่อให้มีการดำเนินงานใน PHP เพราะพิมพ์อย่างอิสระตัวแปร บางหล่อนัยจะทำเพื่อคุณ และการดำเนินการบางอย่าง 

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

ความแตกต่างใหญ่ที่สองคือ โค้ด PHP จะถูกแปล Wheres, รหัส C จะรวบรวม สิ่งที่ว่าหมายถึงอะไร 

ดีสำหรับรหัส C คุณวิ่ง มันผ่านคอมไพเลอร์ คุณสร้างแฟ้มไบนารี และคุณวิ่งไปที่แฟ้มไบนารี คุณเอาการดูแลของข้อผิดพลาดก่อนที่จะ คุณสร้างแฟ้มไบนารี 

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

ทั้งหมดที่เกิดขึ้นก่อนที่จะรวบรวม มันทำให้คุณทุกข้อผิดพลาดหรือไม่ดี สิ่งที่คิดว่ามันอาจจะเกิดขึ้น แล้วคุณมี 0 ของคุณและ 1 แฟ้มที่คุณวิ่ง โค้ด PHP ไม่ทำงานเช่นนั้น 

คุณกำลังจะเขียนโค้ด PHP ของคุณ จากนั้นคุณจะ บันทึกสันนิษฐานว่า และอย่างน้อยในการตั้งค่า P-7 คุณกำลังจะ เพื่อรีเฟรชเว็บเบราว์เซอร์ของคุณและ คุณจะเห็นสิ่งที่เกิดขึ้น คุณจะเห็นผลลัพธ์ ของโค้ด PHP ที่ 

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

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

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

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

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

ผู้ชม: ไม่ได้หนึ่งของพวกเขา ช่วยให้ผู้ใช้มองเห็นข้อมูล และหนึ่งในนั้นไม่? 

เจสัน Hirschhorn: Great ใช่คุณมีสิ่งที่จะเพิ่ม? 

ผู้ชม: ผมโพสต์เป็นบาง ตัวแปรซุปเปอร์ทั่วโลก 

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

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

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

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

มีสองตัวแปรอื่น ๆ เป็น ที่ช่วยให้คุณสามารถถ่ายโอนข้อมูล จากหน้าไปยังหน้า โดยเฉพาะอย่างยิ่งคนที่เราจะมุ่งเน้นไปที่ เป็น GET และ POST ตัวแปร ใน PHP ที่พวกเขามีลักษณะเหมือน $ _GET และ $ _POST และความแตกต่างที่เป็นมาร์คัสชี้ ออกระหว่างสองของพวกเขาเป็นที่ ข้อมูลใน $ _GET เป็น URL ที่แสดงใน 

ดังนั้นหากเรามองลงมาที่นี่ เราจะเห็นการเชื่อมโยง YouTube เราเห็นเครื่องหมายคำถามนี้ เรามาดูกัน v = แล้วค่าบางอย่าง กลับไปที่ความคิดของค่าคีย์นี้ คู่วีเป็นสำคัญ และที่นี่คือค่า 

ดังนั้นถ้าเราจะไปที่หน้านี้หรือ การเข้ารหัสในหน้านี้เราจะมี ตัวแปรที่เรียกว่า $ _GET ถ้าเราไป $ _GET วงเล็บเปิด "วี" วงเล็บปิดคล้ายกับอาร์เรย์ สัญกรณ์นี้เป็นอาร์เรย์ที่เกี่ยวข้อง เพราะเราไม่ได้ใช้ดัชนี ใช้สายเป็นคีย์ แต่ความคิดที่คล้ายกันมาก ถ้าเราไปเราจะได้รับค่านี้ 

ในหน้านี้เราจะสามารถ ที่จะใช้ค่านี้ ถ้าเราจริงดูให้ ไปที่หน้า YouTube สิ่งที่วิดีโอที่เราควรจะดู? หนึ่งนี้เป็นฮอบบิทคนแฟน ๆ 

ผู้ชม: ใช่ 

เจสัน Hirschhorn: ดังนั้นฉันคัดลอก URL ที่ใช้ร่วมกันของพวกเขาและ วางในหน้าต่างใหม่ และตอนนี้ถ้าคุณดูที่นี่คุณจะ สังเกตเห็นว่าอีกครั้ง - ฉันจะคัดลอกและวางลงใน Gedit เพื่อให้เราสามารถเห็นมันใหญ่กว่า คุณจะสังเกตเห็นว่ามันมี เครื่องหมายคำถามนี้ เครื่องหมายคำถามกำหนดว่า ทุกอย่างหลังจากนี้เป็นไปได้ บันทึกไว้ในตัวแปรที่ได้รับ 

จากนั้นก็มีวีว่าเป็นครั้งแรกที่ ที่สำคัญและค่าแรกนี้ เครื่องหมายเป็นพิเศษ เครื่องหมายบอกว่าตกลงเรา เสร็จแล้วค่าแรก ขณะนี้เรากำลังจะย้ายไปที่อื่น คู่ค่าคีย์ ที่นี่ที่สำคัญที่เรียกว่าคุณสมบัติ และมีค่าเป็น youtu.be 

ดังนั้นถ้าผมเขียนหน้านี้และ ใครบางคนไป URL นี้และฉันได้ บางที watch.php และฉันได้รับการเข้ารหัสนี้ และฉันสามารถใช้ $ _GET ตัวแปร และผมจะมีวีและ ฉันจะมีคุณสมบัติ 

และถ้าผมใช้คีย์ v ผม จะได้รับค่านี้ และถ้าฉันไม่ $ _GET วงเล็บ "คุณสมบัติ" วงเล็บปิดฉันจะได้รับค่านี้ อีกครั้งก็ไม่จำเป็นต้อง นำไปใช้กับ - เห็นได้ชัดว่าคีย์และค่า YouTube และได้รับข้อมูลที่ใช้ไม่ได้กับ ปัญหาของเราตั้ง 7 แต่มีบางสิ่งที่เรา ผ่านทาง GET ในปัญหาของเราตั้ง 7 และแน่นอนว่าเมื่อคุณไปที่หน้าเว็บ หรือการเข้ารหัสหน้าเว็บของคุณเอง $ _GET จะมาในสะดวก เมื่อการเข้ารหัสของคุณ 

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

ขวาทั้งหมด ผมถามคุณในการทดสอบ 1 โปรของ $ _GET คืออะไร สิ่งที่เป็นหนึ่งในโปร? ใช่ - 

ผู้ชม: มันง่ายที่จะ แบ่งปันข้อมูล 

เจสัน Hirschhorn: ผมคิดว่า นั่นวิเศษมาก มันง่ายที่จะใช้ข้อมูลร่วมกัน มันง่ายที่จะบุ๊ค​​มาร์ค 

คุณสามารถมาร์คตอนนี้ YouTube.com / watch? v = บางสิ่งบางอย่างไป วิดีโอเฉพาะที่ YouTube ถ้าเสมอได้ร้องขอที่จะโพสต์ หน้าแตกต่างกันทุก URL ของ YouTube จะ YouTube.com คุณไม่สามารถมาร์คภาพเดียว เพราะถ้าคุณพูดว่าการเชื่อมโยงที่ใช้ร่วมกัน กับคนอื่นที่พวกเขาทำไม่ได้ โดยอัตโนมัติได้รับการโพสต์ของคุณตัวแปร พวกเขากำลังเพียงแค่การเชื่อมโยงนี้และ การเชื่อมโยงจะเหมือนกันสำหรับทุกคน 

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

มันไม่เป็นส่วนตัวอย่างสมบูรณ์ แต่มันเป็นเรื่องเล็กน้อยเป็นส่วนตัวมากกว่า และเพื่อให้คุณจะเห็น URL นี้ ลงที่นี่ cs50.net หรือไม่ว่าคุณกำลังเข้าสู่ เว็บไซต์ก็จะมีเหมือนกัน URL, cs50.net 

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

และเพื่อเป็นกรณีที่เมื่อ สิ่งที่ส่งมาจากการโพสต์ URL ที่ไม่เปลี่ยนแปลง ข้อมูลการโพสต์นี้ไม่ได้ URL ที่แสดงใน แต่บางรัฐมีการเปลี่ยนแปลงและอาจจะ มีข้อมูลบางอย่างที่บันทึกไว้ใน ตัวแปรการโพสต์ 

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

ภาษาสุดท้ายที่คุณจะได้รับ มีปฏิสัมพันธ์กับในสัปดาห์นี้คือ Structured Query Language, SQL, ผลสืบเนื่องที่มักจะเด่นชัด ที่ช่วยให้คุณสามารถโต้ตอบกับ ฐานข้อมูลในลักษณะที่เป็นทางการ และจะเล่นอย่างมากกับ PHP 

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

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

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

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

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

ในตารางที่ง่ายมากนี้ผมมีสาม ฟิลด์ฟิลด์ ID, ชื่อผู้ใช้ สนามและสนามกัญชา และฉันมีสามแถว ตอนนี้พวกเขากำลังว่างเปล่า พวกเขาอาจจะไม่ว่างเปล่า ถ้าเรื่องนี้เป็นฐานข้อมูลจริงของฉัน 

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

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

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

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

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

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

คำถามใด ๆ เกี่ยวกับฐานข้อมูล หรือคำถามที่เฉพาะเจาะจง ที่จริงแล้วขอบอกว่า เราจะอยู่ที่นั่นในทั้งสองด้าน 

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

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

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

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

บางทีคุณอาจต้องการที่จะให้ผู้ใช้ทุกคน 10,000 ดอลลาร์เงินสดปิดค้างคาว ดังนั้นผมจึงไม่จำเป็นต้องใส่ จำนวนเงินสดที่นี่ ทั้งหมดที่ฉันต้องใส่ชื่อผู้ใช้ แล้วฟิลด์เงินสดจะได้รับ ก่อนที่มีประชากรและ ID ที่จะ จะก่อนที่มีประชากร 

ดังนั้นอาจเกิดเราไม่ได้ใส่ บางสิ่งบางอย่างลงไปในทุกสาขาเพราะ สาขาอื่น ๆ ที่มีก่อนที่มีประชากร เพราะนั่นคือวิธีการที่เรา ตั้งค่าตารางที่ 

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

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

เจสัน Hirschhorn: ใช่ ดังนั้นฉันจะใช้แถวและบันทึก สลับกันและบางส่วน ด้วยคอลัมน์และสนาม แต่หนึ่งในแถวเป็นหนึ่งในบันทึก คอลัมน์หนึ่งเป็นเขตหนึ่งไป กลับไปที่ตารางนี้ 

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

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

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

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

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

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

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

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

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

ผู้ชม: ดังนั้นเป็นวิธีเดียวที่จะผ่าน ตัวแปรจากเว็บที่แตกต่างกัน หน้าหรือที่สะดวกที่สุด วิธีการใช้ POST หรือ GET? 

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

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

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

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

ผู้ชม: มันเหมือนกับหุ้นที่พวกเขา มีวิธีการที่หุ้นหลายพวกเขาเอง ราคาและวิธีการมาก เงินที่พวกเขาได้ทิ้ง 

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

ผู้ชม: ผู้ใช้ที่ดีและจากนั้นฉันเดา คุณสามารถสร้างตารางที่เรียกว่า หุ้นหรือสิ่งที่ต้องการที่ จะมีหลายวิธีที่พวกเขาซื้อ 

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

ผู้ชม: ID 

เจสัน Hirschhorn: ID - สิ่งที่สิ่งอื่น ๆ หนึ่งที่เรากำลัง อาจจะต้องการที่จะ แสดงในหน้านี้ 

ผู้ชม: ชื่อของพวกเขา 

เจสัน Hirschhorn: ชื่อของพวกเขา - สิ่งที่ สิ่งที่เกี่ยวข้องกับเรื่องนี้อีก โดยเฉพาะอย่างยิ่งปัญหาการตั้งค่า? 

ผู้ชม: สิ่งที่พวกเขาเป็นเจ้าของหุ้น - 

เจสัน Hirschhorn: มีไป เป็นจำนวนมากของสิ่งที่พวกเขาเป็นเจ้าของหุ้น สิ่งที่เป็นหนึ่งในค่าที่ระบุว่า ว่าพวกเขากำลังจะมี ที่เกี่ยวข้องกับพวกเขา พวกเขาจะไปซื้อ และขายหุ้นของพวกเขา 

ผู้ชม: เงินสด 

เจสัน Hirschhorn: พวกเขากำลัง จะมีเงินสด ดังนั้นผู้ใช้แต่ละคนจะมี หนึ่งค่าเป็นเงินสด และที่เป็นไปได้ ที่ไม่ซ้ำกันให้กับผู้ใช้แต่ละ ดังนั้นในตารางของผู้ใช้ก็จะทำให้ ความรู้สึกที่จะนำเงินสด 

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

ดังนั้นเรากำลังจะมีตาราง กับข้อมูลที่ และแล้วสิ่งที่ตารางอื่น เรากำลังจะมี ที่คุณกล่าวว่าตารางหุ้น สิ่งที่เราใส่ใน หุ้นตาราง? ทุกคนคิด - 

ผู้ชม: บริษัท 

เจสัน Hirschhorn: เรากำลังจะไป จะใส่ในชื่อของ บริษัท จึง AAPL แอปเปิ้ล ใช่ 

AUDIENCE: วิธีการหลายหุ้นและ เท่าไหร่พวกเขาจะคุ้มค่า 

เจสัน Hirschhorn: วิธีการหลายหุ้น เท่าไหร่พวกเขาจะคุ้มค่า - สิ่งที่บางสิ่งบางอย่างอื่นที่เรา ต้องอยู่ในตารางที่ 

ผู้ชม: รหัสผู้ใช้ดัชนีมัน 

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

ตกลง ดังนั้นผู้ที่มีสองตารางที่เรามี ตอนนี้เราต้องการที่จะแสดงหน้านี้ เป็นชนิดแรกของการค้นหาสิ่งที่ เราจะต้องทำให้ ในแต่ละหน้าสันนิษฐานว่าเป็นผู้ใช้ เข้าสู่ระบบเรามีรหัสผู้ใช้ของพวกเขา ดังนั้นสิ่งที่เป็นชนิดแรกของ แบบสอบถามที่เราต้องทำ? ใช่ 

ผู้ชม: รหัสผู้ใช้ของพวกเขา 

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

ผู้ชม: มันคือการเลือกบันทึก 

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

เรามีบางสิ่งอื่น ๆ เราต้องการที่จะแสดง ผู้ที่จะถูกบันทึกไว้ในตารางอื่น ดังนั้นเราจึงมีวิธีการที่จะได้รับหรือไม่ 

ผู้ชม: คุณเลือกสำหรับพวกเขา 

เจสัน Hirschhorn: เลือก - อีกครั้ง มีเพียงสี่ตัวเลือก อาจเลือกเสียง เช่นหนึ่งที่เหมาะสม ดังนั้นเราจึงต้องทำแบบสอบถามที่เลือกอื่น อีกครั้งโดยใช้รหัสผู้ใช้ที่ และตอนนี้เราต้องการที่จะกลับมาไม่เพียง แถว bu แถวทั้งหมดที่ตรงกับของเรา เกณฑ์ที่ใช้ ID เท่ากับ 1 

แล้วเราสามารถไปและปล่อยให้วงเพียง พิมพ์ทั้งหมดที่ออกมาบนหน้าจอ อาจจะพิมพ์ออกมาจาก บริษัท แต่ละคนบนหน้าจอ ดีที่เสียงเหมือนที่ การแสดงผลงานไม่มาก ที่ซับซ้อนกว่านั้น 

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

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

ผู้ชม: ปรับปรุง 

เจสัน Hirschhorn: ปรับปรุง - และสิ่งที่ ตารางที่คุณต้องการที่จะปรับปรุง? 

ผู้ชม: ตารางของพวกเขาตาม กับหมายเลขของพวกเขา 

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

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

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

ผู้ชม: เราควรตรวจสอบเงินเป็นครั้งแรก 

เจสัน Hirschhorn: เราควร ตรวจสอบเงินเป็นครั้งแรก เราควรตรวจสอบให้แน่ใจว่าพวกเขา มีเงินมากพอ ชนิดของแบบสอบถามที่เราสามารถที่จะดำเนินการ ให้แน่ใจว่าพวกเขามีเงินเพียงพอหรือไม่ 

ผู้ชม: เลือกอีก 

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

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

ผู้ชม: เลือกเพื่อให้แน่ใจว่า พวกเขามีเงินมากพอ 

เจสัน Hirschhorn: เสียงดี 

ผู้ชม: แล้วคุณใส่ บน [ไม่ได้ยิน] 

เจสัน Hirschhorn: แน่นอนเรา ไปที่ต้องการใส่ ลงในตารางหุ้น และเรากำลังจะต้องการแทรก เราสามารถใส่รหัสผู้ใช้ของพวกเขาชื่อ ของ บริษัท และจำนวนหุ้นที่ พวกเขาต้องการที่จะซื้อ 

สิ่งที่มีการดำเนินงานอื่น ๆ บางที่ เป็นหน้าหรือการทำงานคุณ จะมีการดำเนินการในการตั้งค่า P- 7 ที่เราควรจะไปมากกว่า 

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

เจสัน Hirschhorn: นั่นเสียง เช่นความคิดที่ดี ดังนั้นสิ่งที่มาร์คัสจะพูดคือตกลงหุ้น ราคาที่มีการเปลี่ยนแปลงอย่างต่อเนื่อง ในหุ้นที่พวกเขาเป็นเจ้าของโต๊ะของเรา ตารางที่เรียกว่าหุ้นที่เราจะสามารถประหยัด ราคาหุ้นที่พวกเขาซื้อมันที่ 

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

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

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

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

ผู้ชม: บันทึกประวัติ 

เจสัน Hirschhorn: การบันทึก ประวัติความเป็นมาอย่างใดอย่างหนึ่งที่ดี ดังนั้นคุณจะต้องติดตาม ประวัติของการทำธุรกรรม ดังนั้นคุณจึงต้องการที่จะติดตามทุก เวลาที่พวกเขาซื้อหรือขายหุ้น 

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

ผู้ชม: เลขที่ 

เจสัน Hirschhorn: ไม่มีก็อาจ ไปในตารางที่แตกต่างกัน เพราะบอกว่าคุณซื้อ 10 หุ้นของแอปเปิ้ล แล้วคุณจะซื้ออีก 10 หุ้น คุณต้องการดึงข้อมูลที่แยกต่างหาก ผู้ที่มีการทำธุรกรรมทั้งสองแยกจากกัน 

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

ผู้ชม: คุณต้องการติดตาม ล้มเหลวในการทำธุรกรรมด้วย 

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

ผู้ชม: การอัปเดต 

เจสัน Hirschhorn: ยังไม่ได้ปรับปรุง สิ่งที่คาดเดาที่สองของคุณหรือไม่ 

ผู้ชม: เลือก 

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

ผู้ชม: ใส่ 

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

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

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

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

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

ผู้ชม: สันนิษฐานตามลำดับ 

เจสัน Hirschhorn: สมมุติ ตามลำดับ - สิ่งที่คุณแบบสอบถามคิดว่าเราควรที่จะใช้งานหรือไม่ 

ผู้ชม: เลือก 

เจสัน Hirschhorn: เลือก - อาจจะเลือกแถวทั้งหมดจากตารางที่ ที่ตรงกับรหัสผู้ใช้และจากนั้น แสดงพวกเขาตามลำดับ ฟังดูดี เราจำเป็นที่จะต้องเขียนโค้ดเพื่อ จัดเรียงรายการที่ 

ผู้ชม: ไม่มีเพราะคุณบอกว่า เรามีน้อยไปมาก และลงสิ่งที่ 

เจสัน Hirschhorn: สิ่งที่? 

ผู้ชม: ใช่ 

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

ผู้ชม: เราจำเป็นต้องไป จัดเรียงไว้ก่อน? หมายความว่าคุณเรียงลำดับ พวกเขาในฐานข้อมูลหรือไม่ 

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

ผู้ชม: มีวิธีที่จะให้มัน เรียงลำดับในฐานข้อมูลของตัวเองเพื่อที่ว่า คุณไม่ได้มีการจัดเรียง มันทุกครั้งที่คุณ - 

ผู้ชม: คุณสามารถใส่มันเรียงลำดับ? 

เจสัน Hirschhorn: คำถาม - มันไม่สำคัญว่าสิ่งที่ เรียงลำดับในฐานข้อมูลหรือไม่ 

ผู้ชม: เลขที่ 

เจสัน Hirschhorn: ดี พวกเขาจะถูกจัดเรียง พวกเขากำลังจัดเรียงตามลำดับ แต่สมมติว่าสิ่งที่จะถูกจัดเรียง ตามลำดับจากบนลงล่าง เรามีรูปแบบของ Google เมื่อใดก็ตามที่ใครสักคนที่ตอบสนองต่อการของเรา Google รูปแบบก็แค่ได้รับการใส่ใน ด้านล่างของตารางที่ มันไม่สำคัญว่าสิ่งที่ เรียงลำดับไม่? 

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

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

ดังนั้นวิธีการที่บอกว่าเรามี 1,000 รหัสผู้ใช้ หรือ Facebook เรามีนับล้าน ของรหัสผู้ใช้ เราไม่ต้องการให้ตารางของเราเพียงแค่จะ สุ่มหรือฐานข้อมูลของเราจะเป็นแบบสุ่ม มันจะดีถ้าทุก รหัสผู้ใช้ที่ถูกเรียงลำดับ ดังนั้นแล้วเราสามารถเรียกใช้การค้นหาแบบไบนารี บนโต๊ะของเราแล้วก็หา อันที่เฉพาะเจาะจง 

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

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

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

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

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

ตกลง เรามีสองนาทีที่เหลือ คนภายนอกรู้สึกตื่นเต้นที่จะเข้าร่วม หรือเราอาจสมมุติ เริ่มต้นการเรียนของตัวเอง ไม่มีใครมีคำถามใด ๆ ก่อนที่เราจะจบได้อย่างไร 

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

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

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