[เล่นเพลง] ROGER ZURAWICKI: สวัสดีฉัน ชื่อโรเจอร์ Zurawicki, และฉันจะครอบคลุม CS50 สัมมนาดาวตก ดาวตกเป็นกรอบใหม่ อุทิศให้กับรูปแบบใหม่ของเว็บ ไม่ PHP ทำให้การร้องขอ กลับมาชนิด เว็บที่เราเห็นในชุด PHPP, แต่แบบไดนามิกมากขึ้น JavaScript ชิ้นส่วนของเว็บ ดาวตกสิ่งที่สามารถทำได้ รวมถึงการอัปเดตสด และทันทีที่การสื่อสาร ระหว่างผู้ใช้ของเว็บไซต์เดียวกัน สำหรับการสัมมนาครั้งนี้เรามี รหัสเจ้าภาพที่ GitHub ของฉัน คุณสามารถไปที่ URL นี้และดาวน์โหลดได้ ถ้าคุณรู้วิธีการใช้ Git, คุณสามารถโคลนที่เก็บ หากคุณไม่ได้รู้วิธีการใช้ คอมไพล์หรือไม่ได้ใช้ GitHub, ที่ดีอย่างสมบูรณ์ ฉันจะแสดงให้คุณได้อย่างรวดเร็วจริงๆ วิธีการที่เราสามารถไปที่ GitHub, และมีตัวเลือกที่จะ ดาวน์โหลดซิปมีสิทธิ์ เมื่อคุณดาวน์โหลดไดเรกทอรีนี้คุณ สามารถเริ่มต้นการเล่นกับรหัสของเรา 

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

ในขณะที่ฉันมีดาวตก การติดตั้งผมสามารถแสดงให้คุณ บางสาธิตสดของเว็บไซต์ดาวตก จะมีชีวิตอยู่ในขณะนี้บนอินเทอร์เน็ต ผมมีตัวอย่างของ app ของเรา คุณสามารถเข้าใช้งานได้ที่ URL ต่อไป นี่คือการทำแอพพลิเคที่เรา มีการสัมมนาในไดเรกทอรีของเรา URL นี้คือ rozu-rabbit.meteor.com คุณจะเห็นว่าดาวตกจะจริง เป็นเจ้าภาพโครงการดาวตกของคุณได้ฟรี และในตอนท้ายของการสัมมนา, คุณจะสามารถที่จะทำเช่นนี้ได้เป็นอย่างดี 

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

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

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

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

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

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

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

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

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

ตามปกติแล้วการสร้างพื้นเมือง app โทรศัพท์สำหรับ iOS หรือ Android, คุณจำเป็นต้องรู้ทั้ง Java หรือ วัตถุประสงค์ C. ใช้ดาวตกเทคโนโลยี เพื่อให้ JavaScript เพื่อให้ทำงานเป็น app ของคุณเรียกว่า PhoneGap สิ่งที่ app ของคุณเป็นหลัก คือเป็นเว็บเบราเซอร์ และจัดการดาวตกทั้งหมด ในส่วนที่เกี่ยวข้องกับการหากิน เพื่อนำเว็บเบราเซอร์ที่ iPhone หรืออุปกรณ์ Android ของคุณ คุณจะเห็นว่า อินเตอร์เฟซผู้ใช้ที่เรียบ และมันก็ดูและรู้สึกมาก เหมือน app พื้นเมือง ขอให้สังเกตว่าถ้าผมไปที่บ้าน หน้าจอตอนนี้ผมยังได้รับไอคอน นี้ไม่ได้เป็นเว็บไซต์เช่น คุณต้องการหาใน Safari นี้เป็น app ของตัวเอง คุณสามารถติดตั้งและ ลบมันถ้าคุณต้องการ 

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

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

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

ถ้าคุณได้ติดตั้งดาวตกเราจะ ยังคงมีการสอนสำหรับดาวตก คุณสามารถไปที่ URL นี้, meteor.com/install, ที่จะได้รับบรรทัดคำสั่งที่ฉัน แสดงให้เห็นว่าคุณที่ติดตั้งดาวตก เราจะผ่านไปเป็นครั้งแรก ไม่กี่ขั้นตอนที่จะได้รับดีกว่า รู้สึกเกี่ยวกับวิธีการติดตั้งดาวตก 

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

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

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

และจะใช้เวลาเดียวกัน ข้อโต้แย้ง printf จะ และเพื่อที่จะเรียกใช้ แทนที่จะวิ่งทำให้ EX1, คุณก็จะเรียก ex1.js. โหนด คุณเขียนโหนดแล้ว แฟ้มและจะได้รับการเรียกใช้ มันไม่ได้รับการรวบรวม JavaScript เป็นภาษาตีความ ดังนั้นจึงไม่จำเป็นที่จะต้อง รวบรวมก่อนที่จะเรียกใช้ ถ้าผมต้องการที่จะทำงาน ex1.c, ฉันมีที่จะให้มันเป็นครั้งแรก แล้วฉันสามารถเรียกใช้ปฏิบัติการ เพื่อให้ได้ผลผลิตเดียวกัน 

ขออย่างรวดเร็วครอบคลุมบางส่วน แนวคิด JavaScript อื่น ๆ ลองดูที่ตัวอย่างที่สอง ใน ex2.js ใน ex2.c เราสามารถ เห็นว่าเรามีโค้ดบางส่วน ให้ฉันได้อย่างรวดเร็วไปที่ แก้ไขข้อความที่ดีขึ้น ที่จะแสดงเหล่านี้ สายใหม่ดีขึ้นเล็กน้อย สิทธิ์ทั้งหมด ที่นี่เรามีตัวอย่าง 2.c. ที่นี่เรามีประเภทที่แตกต่างกัน ที่เรากำลังพิมพ์ออก และที่เรารู้ว่าจะใช้เวลา printf ข้อโต้แย้งที่ร้อยละที่แตกต่างกัน ในการเข้าถึงชิ้นส่วนที่แตกต่างกันของข้อมูล ถ้าเราต้องการที่จะพิมพ์ สตริงที่เราเรียกว่า% s ถ้าเราต้องการที่จะเรียกลอย จำนวนจุดเราเรียกว่า f% และไม่มีวิธีที่ง่ายที่จะเรียก บูลีนด้วยค่าจริงหรือเท็จของ แต่ถ้าคุณใช้% d, คุณจะได้รับ 0 หรือ 1 สำหรับเท็จและเป็นความจริง 

JavaScript เป็นบิตดีกว่าสำหรับเรา ใน JavaScript ให้ดูที่ไม่กี่ ความแตกต่างที่เรามีในไฟล์นี้ ครั้งแรกที่คุณสังเกตเห็นว่าใน C เราจะต้อง เริ่มต้นตัวแปรทุกชนิด S เป็นดาวถ่าน มันเป็นสตริงและมัน ไม่สามารถใด ๆ ชนิดอื่น ๆ N คือลอย B เป็น Bool 

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

ลองทำงานนี้ในโหนด เพื่อดูสิ่งที่จะเกิดขึ้น ฉันสามารถเรียก ex2.js โหนด, และเราได้รับ printf กับ CS50 ค่า N รวม จำนวนจุดลอยตัว แล้ว B เป็นบูลีน แปลงเป็นสตริงที่แท้จริง สิ่งที่เกี่ยวกับถ้าเราทำเช่น 2.c? ดีที่เรายังคงมีบางส่วน annoyances มากขึ้นด้วย printf ขอให้สังเกตว่าจุดลอย จำนวนจะต้องมีการจัดรูปแบบได้อย่างถูกต้อง และที่บูลีนไม่สามารถเพียงแค่ จะแสดงเป็นจริงหรือเท็จ สิทธิ์ทั้งหมด ตอนนี้ขอดูตัวอย่างสาม ในตัวอย่างสามเรามีการแสดง วิธีการที่คุณจะใช้สำหรับวง ในความเป็นจริงมันเป็นเรื่องง่ายมาก หนึ่งในสิ่งที่ดีเกี่ยวกับ JavaScript เป็นว่ามัน C ตาม นั่นหมายความว่าจำนวนมากของคุณ รหัสจะมีลักษณะที่คล้ายกันมาก และความรู้สึกเป็นอย่างมากเช่นเดียวกัน ในการห่วงมีเพียงสิ่งเดียว ที่มีการเปลี่ยนแปลงจริงๆที่นี่ เป็นแทนฉัน int เรามี var ฉัน เรายังสามารถกำหนดค่า ศูนย์ตรวจสอบว่ามันเป็นน้อยกว่าห้า และเพิ่มขึ้นได้โดยการอย่างใดอย่างหนึ่ง กับผู้ประกอบการ ++ เราเรียก console.log บน i และว่า เราจะพิมพ์ตัวเลขกับแต่ละบรรทัด ลองใช้มันได้อย่างรวดเร็วจริงๆ เพื่อดูว่ามันจะออกผลลัพธ์ เราได้รับหมายเลขใหม่ในแต่ละบรรทัด อีกสิ่งหนึ่งที่ผมอยากให้คุณ จะแจ้งให้ทราบด้วย console.log เป็นคุณไม่ได้มีการเขียน n ทับขวาสำหรับบรรทัดใหม่ console.log จะพิมพ์ ทุกอย่างที่อยู่บนเส้นของตัวเอง นั่นเป็นคุณลักษณะที่ดี ที่จะช่วยให้เราใช้งาน JavaScript 

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

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

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

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

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

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

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

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

แล้วเราสามารถเริ่มต้น struct ในไวยากรณ์นี้ดี เพราะมันรู้ว่าการสั่งซื้อ ดังนั้นจึงรู้ว่าโรเจอร์เป็นชื่อ มันรู้ว่า 2016 คือ ปีและ M เป็นเพศ เพราะเราบอกว่ามันนี้ รายการเป็นนักศึกษา struct และจากนั้นคุณสามารถพิมพ์ มันเข้าถึง s.name ลองมาดูวิธีการที่เราจะ แปลงที่ใช้งาน JavaScript ขอให้สังเกตว่า s อยู่ในขณะนี้ ตัวแปรและมีชนิดไม่มี มันเป็นเพียง var อีกครั้ง เพราะมันไม่สำคัญว่าถ้า ประเภทของตัวแปรนี้เป็นตัวชี้, มันเป็น struct หรือสิ่งอื่น เรามีไวยากรณ์แตกต่างกันเล็กน้อย ไวยากรณ์นี้เป็นไวยากรณ์วัตถุ 

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

เราสามารถใช้วัตถุเหล่านี้ในเวลาเพียง แบบเดียวกับที่เราจะใช้ struct, s.name เราสามารถทำงานได้อย่างรวดเร็วจริงๆ โดยการทำเช่นโหนด 5.c. เราไม่สามารถทำงานจริงไฟล์ C ในโหนด มันไม่ได้รู้ว่าสิ่งที่ซีเป็น มันรู้ JavaScript เมื่อเราทำงาน ex5.js ที่เราได้รับ ค่าซึ่งเราคาดว่า 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ผู้ชม: ถ้าผมดาวน์โหลดมันเพียงแค่ตอนนี้ จาก GitHub ของคุณแล้วสิ่งที่ฉันควรจะทำอย่างไร [ไม่ได้ยิน] 

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

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

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

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

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

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

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

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

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

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

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

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

ตอนนี้ดาวตกใช้กระบวนทัศน์ใหม่ นี้เป็นวิธีที่ทันสมัย​​มากขึ้น ในการจัดการฐานข้อมูล มันเป็นเทคโนโลยีที่เรียกว่า MongoDB เช่นเดียวกับใน JavaScript เราเห็นว่า ไม่สำคัญว่าสิ่งที่ชนิดของข้อมูลที่มี ทุกอย่างเป็น var มันไม่ได้ charstar มันไม่ได้ int มันไม่ได้เป็น struct มันเป็นเพียงแค่ VaR นี้ var ว่า 

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

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

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

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

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

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

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

หากคุณคุ้นเคย กับวิธีการทำงานดาวตก นี้จริงจะช่วยให้คุณสามารถเข้าถึง เพื่อ MongoDB เต็มรูปแบบสำหรับดาวตก ขอให้สังเกตว่าคุณจะต้องทำงาน ดาวตกครั้งแรกสำหรับการทำงาน ดังนั้นถ้าผมทำงานนี้ในแท็บใหม่ผม สามารถกลับไปที่ไดเรกทอรีเดียวกัน และตอนนี้ดาวตกทำงานได้ดี นี่คือพรอมต์ ผมขอให้มันบิต ที่ใหญ่กว่าเพื่อให้เราสามารถมองเห็น นี้มีลักษณะแตกต่างกันเล็กน้อยกว่า สิ่งที่คุณอาจจะใช้กับคุณ ไม่ได้จริงๆต้องใช้ Mongo จุดรวมของฉันที่นี่คือ เพื่อให้คุณสามารถใช้งาน JavaScript แต่ถ้าคุณอยากรู้อยากเห็น Mongo API ไม่ได้ ใช้ SQL, ภ​​าษาของแบบสอบถามที่มีโครงสร้าง จะใช้ภาษาของตัวเองที่ ดูจำนวนมากเช่น JavaScript อย่างรวดเร็วเราสามารถหา ตารางผ่าน db.tasks และก็บอกฉัน ปรากฎว่าถ้าเราทำงานหา ชนิดของคล้ายกับสิ่งที่เรามีกับ ดาวตกเราสามารถโหลดองค์ประกอบทั้งหมด ปัญหาคือเราทำไม่ได้ จริงได้งานที่กำหนดไว้ ดังนั้นจึงไม่สามารถรับได้ 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ดาวตกมีพวงของ แพคเกจอื่น ๆ เช่นกัน คุณสามารถเข้าสู่ระบบด้วย Google + คุณสามารถเข้าสู่ระบบด้วย GitHub คุณสามารถเข้าสู่ระบบด้วยทวิตเตอร์ หรือถ้าคุณค้นหาคุณจะ พบมากของสิ่งอื่น ๆ เช่น Meetup, LinkedIn, และพัฒนาดาวตก ดังนั้นนักพัฒนาดาวตกเป็น แพคเกจที่ผมกำลังมองหา ดาวตกเพิ่มบัญชี-ดาวตกนักพัฒนา ในขณะเดียวกันผม ยังต้องการที่จะแนะนำ บางแพคเกจอื่น ๆ สำหรับโครงการของคุณ มันอาจจะเป็นประโยชน์ในการ รวมถึงแพคเกจ jQuery นี้จะช่วยให้คุณใช้ jQuery ในลูกค้าของคุณ คุณก็สามารถทำมันได้ด้วยหนึ่งบรรทัดและ ดาวตกจะให้แน่ใจว่าคุณได้ถึงวันที่ ใน jQuery ผมขอแนะนำ houston: admin 

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

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

เรายังสามารถไป / admin นี้จะมาถึงคุณ โดยแพคเกจ houston และนี่คือส่วนติดต่อผู้ดูแลดาวตก คุณเพียงแค่สร้าง บัญชีผู้ดูแลระบบเช่นดังนั้น และถ้าคุณรีเฟรชหน้าคุณอาจ มีคอลเลกชันบางอย่างปรากฏขึ้น 

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

เราตั้งค่า Mongo คอลเลกชันงานที่เรียกว่า Let 's go เป็นง่ายทั้งหมดและเพียงแค่ ตรวจสอบให้แน่ใจว่าใน JavaScript, เราได้เพิ่มงานให้กับคอลเลกชันของเรา เราได้บันทึกไว้ในขณะนี้และจะสร้าง แอปพลิเคสดชื่น และขอดู ตอนนี้เรามีงานบางอย่าง และเราสามารถเพิ่มงานใหม่บาง แต่ถ้าเราต้องการที่จะเพิ่มงาน ขอทำมันได้ด้วยการตรวจสอบตัวเอง 

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

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

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

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