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

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

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

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

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

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

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

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

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

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

ดังนั้นสไลด์นี้แสดงให้เห็นเพียงบางส่วนของ เทคโนโลยีสำคัญที่ดาวตกเจ ให้กับคุณ ดาวตกไม่ได้เป็นเทคโนโลยีใหม่ ตัวของมันเอง มันจริงๆการชุมนุมใน ทุกสิ่งที่แตกต่างกันเหล่านี้ เรามีบนอินเทอร์เน็ต เป็น HTML, CSS, JavaScript, เรา มีเทคโนโลยีบางอย่างเช่น Node.js, ซึ่งเป็นสิ่งที่ช่วยให้คุณสามารถเรียกใช้ JavaScript บนปลายด้านหลังของคุณ เซิร์ฟเวอร์รวมทั้งบาง JavaScript ห้องสมุดเช่น jQuery, ขีดเส้นใต้ 

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

ฉันต้องใส่สไลด์นี้เพราะ บางครั้งฉันได้รับความสับสนเกี่ยวกับเรื่องนี้ ดาวตกเป็นเพียง JavaScript มันไม่ได้เป็น PHP มันเป็นไปไม่ Ruby on Rails ดังนั้นหากคุณเขียนรหัสถ้าคุณต้องการที่จะ เขียนโครงการดาวตกคุณจริงๆ ไม่สามารถใช้รหัสทับทิม คุณจริงๆไม่ใ​​ช้ PHP 

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

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

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

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

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

ดังนั้นนี่คือตัวอย่างคลาสสิกที่เราเริ่มต้น ด้วยใน C. เรามีโลก hello, และคุณสังเกตเห็นว่าแม้ว่าคุณจะหดตัวลง คุณจะต้องมีอย่างน้อยสอง บรรทัดของรหัสที่นี่ ฉันมีหลายบรรทัดของรหัส ซึ่งสามารถทำได้มากเพียง หนึ่งบรรทัดใน JavaScript ด้วย console.log, แล้วสายของคุณ สวัสดีโลก 

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

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

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

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

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

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

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

ROGER ZURAWICKI: Oh yeah ฉันขอโทษเกี่ยวกับว่า และลูกศรที่เพียงแค่หมายความว่าโหนด พร้อมสำหรับคำสั่งอื่น เพื่อให้คุณสามารถมีมันทำง่าย คณิตศาสตร์เช่น 1 บวก 1 และเช่นเดียวกับใน C คณิตศาสตร์เหล่านี้ เป็นเพียงสัญลักษณ์เดียวกัน ฉันจะทำ console.log จำนวน และจากนั้นก็พิมพ์สอง JavaScript เป็นสิ่งที่ดีในแง่ที่ว่าเพราะ แม้ว่าทั้งสองเป็น int, เช่นใน C ถ้าคุณไม่ printf ด้วย สองคุณจะได้รับข้อผิดพลาด 

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

ดังนั้นด้วยที่ออกจากทางที่ขอ เพียงแค่ครอบคลุม JavaScript อีกเล็กน้อย ดังนั้นใน C เรามีประเภท เมื่อใดก็ตามที่เราได้สร้างตัวแปรใหม่ที่เรา ต้องบอกว่ามันเป็น char * หรือ สตริงในกรณีที่ CS50 หรือถ้าเรามีจำนวนทศนิยม เรามีการพูดลอย ถ้าเราจำเป็นบูลีน, เรามีการพูดข แล้วเมื่อเรามีอะไรบางอย่างที่ เป็น b ก็ต้องอยู่บูล เราอาจจะไม่ได้อย่างน่าอัศจรรย์เปลี่ยนเป็น int ยกเว้นกรณีที่เราเขียนไว้ใน วงเล็บ, int ข 

ใน JavaScript ไม่มีประเภท คุณเพียงแค่คิดว่ามันเป็น var และ var คือวิธีที่คุณสร้างรูปแบบใหม่ ดังนั้นจึงสามารถมี var s เป็นสตริง var n เป็นลอย, และ var b เป็นจริง และสิ่งหนึ่งที่คุณไม่สามารถทำใน C เป็น ตอนนี้ผมสามารถพูดได้ว่าหลังจากที่สายข เท่ากับจำนวนเต็ม และที่ทำงานได้ดี ในขณะที่ใน C ก็จะพูดเหมือน จำนวนเต็มของคุณไม่ได้บูล ฉันไม่สามารถทำเพื่อคุณ หรือ [ไม่ได้ยิน] จะโยนความผิดพลาด 

และฉันได้อย่างรวดเร็วสามารถกลับเข้ามาในโหนดไปและ แสดงบางส่วนของการทำงานที่ ดังนั้นผมจึงสามารถมี var เรียกว่า "แอปเปิ้ล." ดังนั้นตอนนี้เมื่อฉันพิมพ์, ฉันได้รับสายของฉัน 'แอปเปิ้ล. แต่ฉันสามารถ นอกจากนี้ยังบอกว่าตอนนี้เท่ากับ 3 และแจ้งให้ทราบว่าไม่มีข้อผิดพลาด และตอนนี้เท่ากับ 3 คำถามใด ๆ เพื่อให้ห่างไกล ใช่ 

ผู้ชม: รอเพื่อ console.log เป็นพื้น printf ใช่ไหม 

ROGER ZURAWICKI: console.log เป็น printf ของคุณ 

ผู้ชม: ขวา ดังนั้นวิธีการที่มาถ้าคุณเพียงพิมพ์แปด หรือ [ไม่ได้ยิน] สิ่งที่ไม่ว่า [ไม่ได้ยิน]? 

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

ผู้ชม: คุณไม่ได้รับวิธี ไปที่หน้าจอเปลือกหรือไม่ 

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

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

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

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

และนี่คือคอนโซล JavaScript ว่าตอนนี้คุณสามารถทำงานร่วมกับ ยิ่งใหญ่ ดังนั้นผมจึงสามารถพิมพ์ในสิ่งเดียวกัน ผมพิมพ์มาก่อนในโหนด หนึ่งบวกหนึ่งเป็นสอง var เท่ากับ "แอปเปิ้ล" และจากนั้นผมพิมพ์, และเป็น 'แอปเปิ้ล' ดังนั้นในเว็บเบราเซอร์ใด ๆ Firefox, Chrome, Safari, สิ่งที่คุณใช้เป็น ตราบเท่าที่คุณมีการเข้าถึง JavaScript คอนโซลชนิดเดียวกัน รหัสผมทำงานในโหนดคุณ สามารถทำงานในคอนโซลของคุณเอง 

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

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

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

ROGER ZURAWICKI: ประเภทใดที่เหมาะสม มีเพียงคนเดียวสำหรับทุกประเภทเป็น ตัวแปรใน JavaScript และเมื่อคุณมีการประกาศ ตัวแปรที่คุณพูด ​​var 

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

ROGER ZURAWICKI: ใช่ มันไม่ แต่ใน JavaScript, มันมาก สมาร์ทเกี่ยวกับการจัดสรรหน่วยความจำ ไม่มี malloc เป็น ไม่มีฟรี ดังนั้นคุณจึงไม่จำเป็นต้องกังวลเกี่ยวกับเรื่องนั้น นั่นเป็นคุณสมบัติอื่นที่ดีที่ JavaScript ให้คุณ 

ดังนั้นผมจึงต้องการที่จะย้ายไป ที่จะเป็น OK? ตกลง ยิ่งใหญ่ 

ผู้ชม: ฉันแค่มีปัญหา หา [? ตรวจสอบธาตุ ?] 

ROGER ZURAWICKI: ดังนั้นลักษณะซาฟารี บิตที่แตกต่างกัน แต่คุณ มี Chrome หรือ Firefox? เหล่านี้จะง่ายขึ้น คนที่จะทำงานร่วมกับ และสำหรับโครงการของคุณผมขอแนะนำให้ ติดกับหนึ่งในเบราว์เซอร์เพราะ คุณจะได้รับข้อบกพร่องมากเกือบ เพราะทุกเบราว์เซอร์ถือว่า JavaScript HTML แตกต่างกันเล็กน้อย ดังนั้นผมคิดว่าชีวิตของคุณจะมีมาก ง่ายขึ้นถ้าคุณติด Chrome เพราะ มันมีอยู่ในเครื่องทั้งหมด และมันก็เป็นเบราว์เซอร์ที่เป็นที่นิยมสวย OK? 

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

ใน JavaScript, ฟังก์ชั่นเป็นจริง ชนิดตัวแปรอื่น ดังนั้นเราเพียงแค่พูด var เพิ่ม มันเท่ากับฟังก์ชั่น ฟังก์ชั่นที่ใช้เวลา x และ y และสิ่งที่ไม่ฟังก์ชั่นที่ทำอย่างไร มันกลับ x + y ในเดียวกันแน่นอน ไวยากรณ์ในซีและคุณสังเกตเห็นว่าใน JavaScript คุณจะไม่ได้บอกว่า ฟังก์ชันส่งกลับเพราะตั้งแต่ ตัวแปรที่ไม่ได้มีรูปแบบอยู่แล้วมัน มันไม่ได้ผลิตจริงๆผมเดา ที่จะระบุทั้งหมดของคุณ ประเภทในการทำงานของคุณ และจากนั้นเมื่อคุณเรียกใช้ฟังก์ชันก็ ไวยากรณ์เดียวกันแน่นอนเป็น C. คุณ เพียงแค่ผ่านในสองข้อโต้แย้งของคุณ ผมอยากจะลองนี้ในโหนดของฉัน ฉันสามารถเปลี่ยนสไลด์หรือไม่ 

ผู้ชม: [ไม่ได้ยิน] เราจะได้รับสำเนาของภาพนิ่งหรือไม่ 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ROGER ZURAWICKI: ดังนั้นคุณ มีตัวอย่างหลาย ตัวแปรประเภทนั้น 

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

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

ROGER ZURAWICKI: OK ดังนั้นผมคิดว่าวิธีการที่คุณจะไปเกี่ยวกับการเป็น คุณจะใส่วัตถุในอาร์เรย์ และตอนนี้คุณจะมี อาร์เรย์ของว​​ัตถุ ไม่ว่าจะตอบคำถามของคุณหรือไม่ 

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

ROGER ZURAWICKI: ใช่ S เป็นวัตถุอย่างใดอย่างหนึ่ง เพื่อให้เราสามารถไปลงในโหนดและเพียงแค่ เล่นรอบนิด ๆ หน่อย ๆ 

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

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

ผู้ชม: [ไม่ได้ยิน] ตัวอย่างเช่นสิ่งที่เป็นความแตกต่างระหว่าง "โรเจอร์" กับคำพูดสองเมื่อเทียบกับ [ไม่ได้ยิน] ด้วยคำพูดเดียว 

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

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

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

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

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

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

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

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

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

ผู้ชม: พวกเขากำลังขอให้ สำหรับรหัสผ่าน 

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

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

ผู้ชม: [ไม่ได้ยิน] ไม่ทำงาน 

ROGER ZURAWICKI: โอ้คุณอาจ ต้องคอมไพล์ที่ติดตั้งเป็นอย่างดี 

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

ROGER ZURAWICKI: ขอโทษ? 

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

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

AUDIENCE: โดยไดเรกทอรีบ้าน คุณหมายถึง - 

ROGER ZURAWICKI: ดังนั้นไดเรกทอรีบ้านจะ เป็นจอห์นฮาร์วาร์ถ้าคุณอยู่ใน เครื่องใช้ CS50 ที่จะได้รับไปยังไดเรกทอรีบ้านของคุณ เพียงพิมพ์ C. 

ผู้ชม: [ไม่ได้ยิน] เครื่องใช้ CS50 [ไม่ได้ยิน] 

ROGER ZURAWICKI: ใช่ คุณต้องการที่จะเรียกใช้คำสั่ง ใน terminal ของคุณ 

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

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

ผู้ชม: ใช่ ฉันมี RISA 

ROGER ZURAWICKI: OK ถ้าคุณกลับไปยังเว็บไซต์ไปแล้ว ไปเลื่อนขึ้นไปด้านบน และมี HTTPS นี้ 

ผู้ชม: คัดลอกนี้ 

ROGER ZURAWICKI: ใช่ แล้วคุณต้องการที่จะ พิมพ์ลงในคอมไพล์โคลน ดังนั้นหากคุณกดปุ่มควบคุม - 

ผู้ชม: ที่นี่ และทำ [ไม่ได้ยิน]? 

ROGER ZURAWICKI G-I-T 

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

ROGER ZURAWICKI: Git แล้วโคลน ดังนั้นจึงเป็นที่คล้ายกันมากกับคำสั่งที่คุณ มีข้างต้น แต่ URL ที่เปลี่ยน ดังนั้นก่อนที่จะเป็นแบบนี้ตอนนี้ก็ถึงนี้ ผมขอปรับปรุง - ใช่ 

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

ROGER ZURAWICKI นี้ถูกดาวน์โหลด 

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

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

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

ROGER ZURAWICKI: เราได้ปรับปรุง คำสั่งสำหรับการจำนวนสองถ้า คุณรีเฟรชหน้า และมีนี้ URL ที่คุณควรจะ สามารถที่จะดาวน์โหลดไฟล์ 

ผู้ชม: ดังนั้นหากเรายังคง ดาวน์โหลด [ไม่ได้ยิน] 

ROGER ZURAWICKI: ถ้าคุณ ยังคงดาวน์โหลดดาวตก? 

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

ROGER ZURAWICKI: ใช่ถ้าคุณต้องการ การพัฒนาบน Mac ของคุณ แต่คุณต้องพัฒนา Xcode เครื่องมือที่ติดตั้ง ผมได้ทดสอบคำสั่งเหล่านี้ใน CS50 เครื่องดังนั้นฉันสามารถรับประกัน ว่ามันจะทำงาน ใช่ ให้ฉันไปและช่วยให้คุณ 

ผู้ชม: [ไม่ได้ยิน] ฉันจะให้รหัสผ่านของฉัน นี้เป็น Mac และจากนั้นฉันทำ [ไม่ได้ยิน] 

ROGER ZURAWICKI: OK ผมจะพยายามใช้คำสั่งทั้งหมด แต่เพียงผู้เดียวในสถานีเครื่อง CS50 

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

ROGER ZURAWICKI: ฉันจะได้รับมันทำงาน ครั้งแรกที่สถานีบน เครื่องใช้ CS50 แล้ว เทอร์แม็ค 

ผู้ชม: ดังนั้นถ้าคุณทำมันใน CS50 เครื่องใช้เช่นนั้น [ไม่ได้ยิน] 

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

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

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

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

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

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

ROGER ZURAWICKI: สามารถตรวจสอบ ดาวตกที่มีการติดตั้ง 

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

ROGER ZURAWICKI: โฮสต์ท้องถิ่น 3,000? และคุณอยู่ในเครื่องใช้ CS50? ฉันจะทำ - คุณไม่จำเป็นต้องมีบน Mac นี้จะทำงานในเครื่อง 

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

ROGER ZURAWICKI: ในปกติ เว็บเบราเซอร์ใช่ 

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

ROGER ZURAWICKI สินค้าดาวตกทำงาน? ดังนั้นตกลงมีความแตกต่างที่นี่ ถ้าคุณใช้มันใน เครื่องใช้ที่คุณต้องทำ localhost ภายในเครื่อง ถ้าคุณใช้มันใน Mac ของคุณ เช่นฉันแล้วฉันจะทำ ของฉัน Mac Google Chrome แต่ถ้าคุณกำลังใช้เครื่องใช้ CS50, ที่คุณต้องทำทุกอย่าง ในเครื่องใช้ไฟฟ้า ดังนั้นคุณต้องใช้ Google Chrome ในเครื่อง 

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

ROGER ZURAWICKI: มันเป็น ยังคงไม่ทำงาน 

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

ROGER ZURAWICKI: ดังนั้นเพียงแค่ทำซ้ำ วิธีการทำคุณเข้าถึงเว็บไซต์ในขณะนี้ คุณมี URL ที่นี่ใน localhost 3,000 ถ้าคุณอยู่ในเครื่องใช้ CS50, คุณต้องเปิด CS50 เครื่องใช้ของ Google Chrome และในการที่ Google Chrome ภายใน เครื่องใช้คุณสามารถพิมพ์ใน URL ที่ และคุณจะเห็นลีดเดอร์ ดังนั้นฉันจะเพียงแค่ใส่มันออก ไปด้านข้างที่นี่นิด ๆ หน่อย ๆ และตอนนี้ฉันกำลังจะไปเปิดของฉัน แก้ไขข้อความที่นี่ เพื่อให้ฉันเพียงแค่ให้แน่ใจว่า รหัสที่อยู่ในการสั่งซื้อ ตกลง ยิ่งใหญ่ 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[APPLAUSE]