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