Tip:
Highlight text to annotate it
X
>> ROGER ZURAWICKI: สวัสดีครับทุกคน
ฉันจะได้รับความสนใจของคุณหรือไม่
ขอบคุณครับ
วันนี้ผมต้องการที่จะพูดคุยเกี่ยวกับดาวตก
มันเป็นกรอบ JavaScript
เราจะไปถึงวิธีที่คุณสามารถ ทำให้ปพลิเคชันเว็บที่เจ๋งจริงๆ
>> ก่อนที่เราจะเข้าไปใน JavaScript ฉัน อยากจะบอกพวกคุณว่านี้จะ
ถูก - คุณจะมีในภายหลัง ชิ้นภาคการศึกษานี้
มันควรจะเป็นเกี่ยวกับ JavaScript
ผมคิดว่า [ไม่ได้ยิน] เป็นครั้งแรกที่จะไป ครอบคลุม HTML เว็บสิ่ง PHP ก่อนที่เราจะ
ย้ายไปที่ JavaScript
และใน CS50, JavaScript ถือว่า เช่นรหัสลูกค้า
ดังนั้นจึงเพียง แต่ได้รับการทำงานใน เว็บเบราเซอร์
>> แต่ต้องขอบคุณความก้าวหน้าล่าสุดใน เทคโนโลยีที่เรามีการบริหารจัดการในขณะนี้ในการทำงาน
JavaScript เป็นเซิร์ฟเวอร์ได้เป็นอย่างดี
ดังนั้นนี้ได้สร้างความเย็นจริงๆ กรอบเพราะตอนนี้คุณสามารถเขียน
ถูกต้องตามกฎหมายเหมือนกันสำหรับรหัส ไคลเอ็นต์และเซิร์ฟเวอร์
และเมื่อคุณกำหนดฟังก์ชั่นในของคุณ เซิร์ฟเวอร์ของลูกค้าสามารถโทรหาผู้ที่
ฟังก์ชั่นเดียวกัน
และก็จะทำให้มันง่ายมาก
ขณะที่ก่อนถ้าคุณกำลังใช้ PHP บน เซิร์ฟเวอร์จาวาสคริปต์ที่ด้านหน้า
end คุณต้องเขียนฟังก์ชัน PHP แล้วรุ่น JavaScript ของ
ฟังก์ชั่นเดียวกันที่จะทำ ชนิดเดียวกันในการทำงาน
>> ดังนั้นก่อนที่เราจะเริ่มต้นที่ฉันต้องการ การแสดงให้เห็นตัวอย่างของสิ่งที่
ดาวตกสามารถทำเพื่อคุณ
ฉันจะแสดงให้คุณสาธิตซึ่งเป็นสิ่งที่ คุณจะสามารถที่จะสร้างโดย
ในตอนท้ายของการสัมมนาครั้งนี้
เราก็ไปที่นี่
นี้เป็นแอพพลิเคลีดเดอร์
ก็ขึ้นจริงออกจากตัวอย่าง ดาวตกที่ช่วยให้คุณ
>> ดาวตกเป็นสิ่งที่ดีมากเพราะเมื่อคุณ ติดตั้งเป็นแพคเกจที่คุณสามารถ
พื้นเล่นรอบกับ สี่เหล่านี้การสาธิต
และลีดเดอร์เป็น ครั้งแรกของการสาธิตเหล่านี้
หลังจากการสัมมนาผมขอแนะนำให้ทุกท่าน เพียงแค่การสำรวจการสาธิตอื่น ๆ
เพราะฉันคิดว่าพวกเขากำลังเย็นจริงๆและ พวกเขาแสดงให้เห็นพลังของดาวตก
>> ดังนั้นสิ่งนี้เป็นนี้เป็น โฮสต์บนลีดเดอร์บอร์ด
นี่เป็นเพียงตรงไปตรงมาของชื่อรายการ
และคุณสามารถเลือกคน
พวกเขาเปลี่ยนเป็นสีเหลือง
และจากนั้นคุณสามารถให้ พวกเขาห้าคะแนน
และคุณจะสังเกตเห็นว่ารายการเป็น เรียงลำดับเพราะที่ผมให้ตัวเองมากขึ้น
และจุดมากขึ้นฉันตอนนี้ที่ด้านบน
ดังนั้นนี่คือที่เราเริ่มต้น
>> และสิ่งที่คุณจะสามารถที่จะนำมาใช้ จากการสัมมนาครั้งนี้เป็นอีกไม่กี่
คุณสมบัติที่ผมได้เข้ามาอยู่ใน ลีดเดอร์
เราจะครอบคลุมวิธีการเช่นเดียวกับที่ เพิ่มห้าคะแนนให้กับผู้เล่นที่เราสามารถ
ลบผู้เล่นเราสามารถเพิ่มผู้เล่นใหม่ และเราสามารถเลือกวิธีการที่เราต้องการ
จัดเรียงพวกเขา
และเหล่านี้คือทุกสาย API ง่ายมาก ดาวตกที่ให้สำหรับคุณ
นอกจากนี้คุณยังมีคุณสมบัติที่นี่ การสุ่มคะแนน
>> ดังนั้นสิ่งที่เย็นจริงๆเกี่ยวกับเรื่องนี้ เป็นพวกคุณสามารถจริง
ทั้งหมดไปที่เว็บไซต์
ฉันจะใส่มันในข้อความขนาดใหญ่ที่นี่
One-รุนแรงนำ erboard.meteor.com
และเมื่อพวกคุณไปที่เว็บไซต์ของคุณ ควรจะสามารถแก้ไขเว็บไซต์และ
ทั้งหมดของการแก้ไขของคุณจะมองเห็นได้ เพื่อคนอื่น
เพื่อให้คุณสามารถ - พวกคุณทั้งหมด สามารถเชื่อมต่อกับเว็บไซต์หรือไม่
ดังนั้นเล่นรอบกับมัน
ไปและเริ่มต้นการลบชื่อบางส่วน
ดูสิ่งที่เกิดขึ้น
>> ดังนั้นคุณจะเห็นทุกคนสามารถเล่นได้
นี่เป็นเพียงความปลอดภัยเริ่มต้น โหมดดาวตก
คุณจะเห็นว่าทุกคนสามารถ เปลี่ยนแปลงข้อมูลของกันและกัน
ไม่ต้องกังวล
ดาวตกจะมีการรักษาความปลอดภัย
นี่คือการดำเนินการได้อย่างง่ายดายมาก คุณลักษณะที่คุณสามารถตั้งค่าผู้ใช้
และการเข้าสู่ระบบ
แต่ตอนนี้ทุกคนที่เข้ารับการตรวจ เว็บไซต์สามารถให้ตัวเองเป็นจำนวนมาก
จุดที่พวกเขาต้องการ
ดังนั้นผมเสมอเช่นนี้เพราะ เป็นวิธีที่สนุกในการเริ่มต้น
และจากนั้นเราก็จะพูดคุย เกี่ยวกับรายละเอียดวิธีการ
ดาวตกทำให้เป็นไปได้นี้
>> ดังนั้นฉันจะครอบคลุมสิ่งที่ดาวตกคือ และจากนั้นเราก็จะต้องครอบคลุม
สองสิ่งที่จำเป็นที่ CS50 ยังไม่ได้ครอบคลุมพอ
แต่ในตอนท้ายของคำว่าคุณควร จะสะดวกสบายกับทั้ง HTML และ
JavaScript เพื่อจริงๆได้รับในมือของคุณ ทำงานสกปรกด้วยดาวตก
และฉันคิดว่ามันเป็นเพียงวิธีที่ดีสำหรับ นักเรียนยังมีความสะดวกสบายน้อยที่จะทำ
โครงการสุดท้ายเพราะพวกเขาสามารถจริงๆ อยู่ในภาษาหนึ่งและพวกเขาได้รับ
เห็นการเปลี่ยนแปลงของพวกเขา ทำงานได้ทันที
>> ดังนั้นสไลด์นี้แสดงให้เห็นเพียงบางส่วนของ เทคโนโลยีสำคัญที่ดาวตกเจ
ให้กับคุณ
ดาวตกไม่ได้เป็นเทคโนโลยีใหม่ ตัวของมันเอง
มันจริงๆการชุมนุมใน ทุกสิ่งที่แตกต่างกันเหล่านี้
เรามีบนอินเทอร์เน็ต
เป็น HTML, CSS, JavaScript, เรา มีเทคโนโลยีบางอย่างเช่น Node.js,
ซึ่งเป็นสิ่งที่ช่วยให้คุณสามารถเรียกใช้ JavaScript บนปลายด้านหลังของคุณ
เซิร์ฟเวอร์รวมทั้งบาง JavaScript ห้องสมุดเช่น jQuery, ขีดเส้นใต้
>> สิ่งเหล่านี้จะคุ้นเคยกับ คุณในตอนท้ายของภาคการศึกษา
และเรายังได้รับการใช้ฐานข้อมูลที่เรียกว่า MongoDB ซึ่งเป็นจริงๆ
ฐานข้อมูลที่เป็นที่นิยมในขณะนี้ ที่เพิ่งเริ่มต้นใหม่เหล่านี้
คุณสามารถคิดว่ามันเป็นเช่น MySQL แต่ การทำงานอย่างมากกับ JavaScript
และมีเทคโนโลยีอื่น ๆ บางส่วนที่นี่ และอื่น ๆ อีกมากมายที่ฉันไม่ได้ระบุไว้
อินเตอร์เฟซที่ทุกคนจริงๆ อย่างกับดาวตก
>> ฉันต้องใส่สไลด์นี้เพราะ บางครั้งฉันได้รับความสับสนเกี่ยวกับเรื่องนี้
ดาวตกเป็นเพียง JavaScript
มันไม่ได้เป็น PHP
มันเป็นไปไม่ Ruby on Rails
ดังนั้นหากคุณเขียนรหัสถ้าคุณต้องการที่จะ เขียนโครงการดาวตกคุณจริงๆ
ไม่สามารถใช้รหัสทับทิม
คุณจริงๆไม่ใช้ PHP
>> ในขณะที่เราจะเห็นว่าแตกต่างใน รหัสและไวยากรณ์ไม่อาจเป็นไปได้ว่า
ที่แตกต่างกันฉันต้องการความเครียดกับคุณว่า ดาวตกทุกสิ่งที่คุณเป็นรหัส
เพียง แต่ใน JavaScript
และทุกอย่างที่คุณแสดงให้ ผู้ใช้จะ HTML, CSS
แต่คุณไม่ได้ใช้จริงใด ๆ ภาษาอื่น ๆ ที่อื่น ๆ
การสัมมนาจะครอบคลุม
อะไรดาวตกยังเป็นเว็บเซิร์ฟเวอร์
ดังนั้นแม้ว่าคุณจะไม่ได้มี JavaScript, และคุณเพียงต้องการที่จะให้บริการ
CSS และไฟล์ HTML, ดาวตก สามารถทำเพื่อคุณ
>> และนี่คือการเชื่อมโยงอีกครั้งเพื่อ การสาธิตที่ผมได้รับพวกคุณ
เริ่มเล่นกับ
แต่ขอย้ายไปยัง HTML
กี่คนที่นี่มี ความคิดว่า HTML คืออะไร?
ตกลงที่ดี
และที่ดีอย่างสมบูรณ์
จริงๆคุณไม่จำเป็นต้องรู้มากเกี่ยวกับ เพราะเราจะไปกว่า
การใช้งานมากเพียง
>> นี่คือสิ่งที่ง่าย หน้าดูเหมือนว่า
นี้อาจจะเป็นเหมือนของคุณสวัสดีชาวโลกสำหรับ HTML ในขณะที่เราเริ่มต้นใน C ด้วย
สวัสดีโลก
ผมไม่ต้องการให้คุณอยู่กับความเครียด รายละเอียดของสิ่ง HTML, หัวสิ่งที่สิ่งที่
ร่างกาย, ชื่อสิ่งที่จะทำมี
ผมแค่อยากจะเน้นโครงสร้าง วิธีการที่คุณมีแท็ก
และที่วงเล็บมุม
และนั่นคือสิ่งที่คุณมี อธิบายของคุณ
>> ดังนั้นคุณอาจจะมีเอกสาร
แล้วคุณจะปิดเอกสาร ด้วยเครื่องหมายสิ่งเดียวกัน
และคุณมีชนิดที่แตกต่างกันแท็ก
และแจ้งให้ทราบว่าพวกเขากำลังจับคู่ทั้งหมด
คุณจะมีเช่นแท็กร่างกาย แล้วแท็กร่างกายอย่างใกล้ชิด
และภายในแท็กร่างกายที่จะ เนื้อหาของหน้าเว็บของคุณ
ดังนั้นหน้าเว็บนี้ก็จะแสดง ในพื้นหลังสีขาวและสีดำ
สวัสดีโลก
ไม่ที่ทำให้รู้สึก
ตกลง
>> ตอนนี้ผมกำลังจะไปได้อย่างรวดเร็ว ครอบคลุม 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 แล้วเราต้องการ การปรับปรุง - คำสำคัญที่ผมอยากให้คุณ
เพื่อดูการปรับปรุงและ เลือกและผู้เล่น
ดังนั้นไม่ว่าผู้เล่นที่เลือก เราปรับปรุงมัน
และสิ่งที่เราทำคือเราเพิ่มขึ้น คะแนนโดยห้า
และที่จะอธิบายการทำงาน เราได้ที่นี่
>> หลังจากที่ในตอนท้ายของการสัมมนาครั้งนี้เราจะ จะสามารถมองเห็นรหัสบางอย่างเพิ่มเติม
แต่จะกลับไปที่เป้าหมายของฉันที่ฉันต้องการ เปลี่ยนเว็บไซต์ที่ผมอยากไปที่นี่
เพื่อเพิ่มปุ่มลบเพื่อ ฉันจะลบผู้เล่น
ดังนั้นจะทำอย่างไรที่ฉันต้องการ ทำสองสิ่ง
ฉันจำเป็นต้องปรับปรุง HTML ปรับปรุง ดูสิ่งที่ได้รับแสดงให้เห็นว่าผู้ใช้และ
แล้วมีบาง JavaScript ที่เมื่อ ปุ่มกดดาวตกที่เกิดขึ้น
ที่จะทำอะไร
มันจะเอาผู้เล่นที่
>> ดังนั้นมีจำนวนมากของชิ้นของรหัส ที่มีพื้นอยู่แล้ว
รับการทำสำหรับฉัน
ถ้าผมดูที่นี่ฉันมีวิธีที่ ในการได้รับผู้เล่นที่เลือก
นั่นคือสิ่งที่นี้ถ้าคุณสามารถมองเห็นได้
ดังนั้นถ้าฉันเพียง -
ฉันจะมีเหตุการณ์อื่น
ดังนั้นฉันจะคัดลอกสิ่งที่ฉันมี
เพราะนี่คือรายการ ฉันเพียงแค่ต้องจุลภาค
>> ดังนั้นตอนนี้ฉันกำลังจะไปคลิกลบ
แล้วแทนการปรับปรุงผู้เล่น ฉันจะทำผู้เล่นลบ
และผู้เล่นทุกคนต้องการลบ เป็นผู้เล่นที่เลือก
ดังนั้นฟังก์ชั่นนี้คือทั้งหมดที่เราต้องการ
ฉันจะต้องเพิ่มบางส่วน HTML ที่นี่ว่า
ดังนั้นถ้าผมเลื่อนลงมาที่นี่ นี้เป็นมุมมอง HTML
เรามีสิ่งที่นี่ ซึ่งเป็นแท็ก
คุณไม่จำเป็นต้องกังวลกับการที่
>> สิ่งที่สำคัญกับคุณคือ เพิ่มรหัสนี้
และนี่คือสิ่งที่ช่วยให้เราที่จะบอกว่าเมื่อ เราคลิกเพิ่มขึ้นเราจะต้อง
ให้ห้าคะแนน
และคุณจะเห็นว่านี่คือปุ่ม
นั่นคือสิ่งที่หมายถึง btn
และข้อความในปุ่ม คือการให้ห้าคะแนน
ดังนั้นสิ่งที่ผมจะทำคือผม จะคัดลอกบรรทัดนี้
ฉันจะเปลี่ยนหมายเลขที่จะลบ
และฉันจะมีการเปลี่ยนแปลง ข้อความที่นี่เพื่อลบ
>> เพื่อให้แน่ใจว่าทุกอย่างที่บันทึกไว้
ผมต้องการที่จะกลับไปที่จาวาสคริปต์ของฉันไป เพื่อให้แน่ใจว่าฉันมี
ลบเรียงรายขึ้นที่นี่
ดี
ดังนั้นฉันจะบันทึกไฟล์ทั้งสอง
หลังจากบันทึกไฟล์ทั้งสองเรา สามารถกลับไปที่ด้านล่าง
และตอนนี้เราจะเห็นว่าเรามี ปุ่มลบ
และเป็นหนึ่งในขั้นตอนมากขึ้น
คุณสังเกตเห็นคุณอาจได้รับ เพราะข้อผิดพลาดเมื่อฉันคลิก
ลบไม่มีอะไรเกิดขึ้น
>> วิธีที่จะแก้ปัญหานี้คือการไป กลับไปตรวจสอบองค์ประกอบ
ฉันทำเช่นนี้กับวัตถุประสงค์เพื่อให้คุณสามารถ ดูวิธีการที่คุณจะแก้ปัญหาบางอย่าง
ตรวจสอบในองค์ประกอบของเรามี ทั้งหมดของข้อความของเราลงมาที่นี่
ผมต้องการที่จะกลับไปที่คอนโซล
และสิ่งที่เกิดขึ้นเมื่อฉันไปที่นี่ ที่ฉันจะได้รับชนิดของข้อผิดพลาดบาง
มันบอกว่ามีวิธีการลบไม่มี
>> ดังนั้นสิ่งนี้จะพูดคือเมื่อฉันไป กลับไปที่รหัสผมเรียกว่าผู้เล่น
ลบที่นี่
ลบเป็นจริงไม่ คำสั่งที่ถูกต้อง
เพื่อที่จะหาสิ่งที่คำสั่งที่ถูกต้อง ที่มีดาวตก API
เอกสารที่ผมอยากจะชี้ให้คุณ ผู้ชายที่จะเป็นเพียงที่ meteor.com
ดังนั้นผมจึงมีขึ้นที่นี่
นี้เป็นเพียงเพื่อให้พวกคุณรู้ว่า ที่จะเรียนรู้เพิ่มเติม
>> มีการเชื่อมโยงไปยังเอกสารที่เป็น
และโดยทั่วไปจะทำได้เพียง จะพบการลบ
และสิ่งที่คุณเห็นลบ เป็นจริงลบ
นั่นคือคำสั่งที่ ฉันต้องการโทรหา
ดังนั้นขณะนี้ที่เรารู้ว่าฉันจะ การเปลี่ยนแปลงนี้ลบที่จะลบ
ดังนั้นตอนนี้เมื่อผมกลับไปที่ลีดเดอร์ของฉันไป สถานที่ที่ฉันจะคลิก
ลบและตอนนี้ฉันหายไป
ไม่มีมากขึ้นเป็นโรเจอร์
และฉันสามารถให้ไปลบทุก ชื่อเดียวจนกว่าฉันจะมีอะไรเหลือ
>> เพื่อให้เป็นตัวอย่างเล็ก ๆ น้อย ๆ ของวิธีการใช้ดาวตก
คุณจะได้เรียนรู้ JavaScript มากขึ้น และ HTML ที่จำเป็นเพื่อให้
มันดูสวยซึ่งเราจะครอบคลุมใน สัปดาห์นี้ [? ชิ้น?] ที่ตั้งไว้สำหรับ HTML
และ JavaScript ในครั้งต่อไป [? ชิ้น?] ชุด
>> จึงไม่ได้รับความกังวลใจหากไม่ได้ทั้งหมดของ สิ่งนี้มาง่ายกับคุณ
มันจะตามเวลาของ โครงการสุดท้าย
ขอบคุณสำหรับการแสดงขึ้น
การเชื่อมโยงฉันจะปรับปรุงทันทีหลังจากที่ การสัมมนาเพื่อให้คุณสามารถเห็นบางส่วนเพิ่มเติม
ตัวอย่างที่ผมเคยนำมาใช้ในการ ที่จะได้รับลีดเดอร์ที่สูงขึ้น
ที่ฉันมีในเว็บไซต์นี้ที่นี่ที่ หนึ่งหัวรุนแรง leaderboard.meteor
ขอบคุณ
>> [APPLAUSE]