[เล่นเพลง]
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 ควร
คุณต้องการความช่วยเหลือกับโครงการดาวตกของคุณ
ขอบคุณสำหรับการรับชม