[پخش موسیقی] راجر ZURAWICKI: سلام، من نام راجر Zurawicki است، و من می شود پوشش خواهد سمینار CS50 شهاب. شهاب یک چارچوب جدید است اختصاص داده شده به نوع جدیدی از وب، نه پی اچ پی ساخت درخواست عقب و جلو نوع از وب ما در مجموعه PHPP دیدم، اما بیشتر پویا جاوا اسکریپت بخش هایی از وب است. چیزهایی که شهاب می توانید انجام دهید شامل به روز رسانی زنده و بلافاصله برقراری ارتباط بین کاربران از وب سایت همان. برای این سمینار، ما کد میزبانی در گیتهاب من. شما می توانید به این آدرس بروید و آن را دانلود کنید. اگر می دانید که چگونه به استفاده از دستگاه گوارش، شما می توانید مخزن کلون. اگر شما نمی دانید که چگونه به استفاده از دستگاه گوارش یا گیتهاب استفاده نمی شود، که به طور کامل خوب است. من به شما واقعا به سرعت نشان می دهد چگونه ما می توانیم به گیتهاب بروید، و یک گزینه وجود دارد دانلود فایل های فشرده سمت راست وجود دارد. هنگامی که این دایرکتوری که شما دانلود، شما می توانید شروع به بازی با کد ما. 

اطلاعات بیشتر در مورد شهاب را می توان در meteor.com یافت. در پوشه سمینار، من در واقع برخی از پروژه های شهاب ما می توانید استفاده کنید. یکی از پوشه های ما در باید ما پروژه سمینار برنامه todos است. بنابراین اگر من به آن من، دارای شهاب نصب شده است. بنابراین آن را اجرا کنید، من فقط نیاز به تایپ شهاب، و شهاب نصب خواهد شد. همانطور که می بینید، ما به مطمئن شوید که ما نصب شهاب. بنابراین من فقط رفتن به اجرا آن زمان یکی بیشتر مطمئن شوید که شهاب به درستی نصب شده است. 

در حالی که من شهاب نصب و راه اندازی، من می تواند به شما نشان می دهد برخی از دموی زنده از سایت های شهاب رفتن زندگی می کنند در حال حاضر بر روی اینترنت. من یک دمو از برنامه ما. شما می توانید آن را در آدرس زیر دسترسی داشته باشید. این برنامه انجام دهید این است که ما در دایرکتوری سمینار ما داشته باشد. URL برای این است rozu-rabbit.meteor.com. شما خواهید دید که شهاب در واقع میزبانی پروژه های شهاب خود را به صورت رایگان. و در پایان این سمینار، شما قادر خواهید بود برای انجام این کار نیز هست. 

این یک برنامه به انجام لیست است. و شما می توانید به سیستم وارد شوید، ایجاد حساب، و اضافه کردن وظایف. شما می توانید یک حساب کاربری مانند ایجاد کنید. و در حال حاضر، هنگامی که شما یک حساب کاربری، شما می توانید وظایف را اضافه کنید. به عنوان مثال، یکی از وظایف من ممکن است نیاز به رفتن انتخاب کنید تا لباس های شسته شده من. و اگر شما در این هستید سایت آنلاین، نظر شما در واقع این کار در ببینید کامپیوتر خود را در زمان واقعی است. 

من می تواند به شما نسخه ی نمایشی سریع نشان می دهد از این با باز کردن rozu-خرگوش در برگه دیگری با URL همان. و ما می بینیم که داده های مشابه می آید تا. ما همچنین می توانید آن را در اجرا یک مرورگر متفاوت است. بگو من آن را در سافاری را اجرا کنید. به این ترتیب ما وارد نشده اید. بنابراین ما باید بارش شهابی همان برنامه، و یک بار آن را لود، ما همان اطلاعات را ببینید ما در یکی از اولین بود. همانطور که می بینید، من در اینجا وارد سایت نشده اید. و زمانی که داده ها چک مخاطبان، آن را در تمام مرورگرهای به روز رسانی به طور همزمان. این یکی از واقعا است ویژگی های جالب در مورد بارش شهابی. با تقریبا هیچ کار، شما یک برنامه به روز رسانی زنده که تغییرات در همه دستگاه های خود را در یک بار. 

اگر من بررسی جعبه چک در اینجا در فهرست انجام دهید، ما خواهد شد، در مرورگر Chrome دیگر من، قلم دوم از اقلام چک کردن. و این اتفاق می افتد بلافاصله. خیلی خوب. بنابراین آن را مانند شهاب به نظر می رسد نصب و راه اندازی در حال حاضر آماده است. بنابراین در حال حاضر اجازه بازگشت به برنامه todos و اجرای این محلی. 

اگر شما یک پروژه شهاب، شما می توانید فقط آن را با شهاب فرمان اجرا کنید. هنگامی که شما این کار را، شهاب برخی از آماده سازی انجام مطمئن شوید همه کد خود را در چک. و سپس آن را به شما که بگویید پروژه آماده به خدمت گرفته شود است. شما ممکن است نیاز به اجازه شما دیوار آتش، اگر بلوک کامپیوتر شما شما. 

پس چه شهاب به من گفتن در حال حاضر در این وب سایت است که محلی برای کامپیوتر من، من می توانید ببینید چه این پروژه شهاب است. توجه داشته باشید که در حال حاضر، برنامه من است به اینترنت در دسترس نیست. ما را پوشش چگونه به ارمغان می آورد شهاب شما برنامه به یک سایت زنده و کمی بعد در. بنابراین من فقط رفتن برای کپی کردن این URL در حال حاضر و رفتن به گوگل کروم. 

و این است که به انجام لیست از مثال. شما می توانید ببینید آنها اجرا چند ویژگی های بیشتر در اینجا. ما زبانه های مختلف، ما ویژگی های حساب همان، و ما می توانیم لیست جدید اضافه کنید. در حال حاضر، یکی از واقعا از ویژگی های جالب در مورد شهاب این است که نه تنها می تواند این کار بر روی مرورگر خود، اما شما همچنین می توانید ایجاد مادری آی فون و آندروید برنامه از طریق ابزاری به نام PhoneGap. 

بنابراین برخی از پروژه خواهد آمد پیش پیکربندی شده برای در حال اجرا در iOS مانند این برنامه todos. بنابراین همه من نیاز به انجام آن را اجرا کنید در iOS است نوع شهاب، اجرا، و سپس IOS. و وقتی من که، شهاب انجام خواهد بسته دوباره آماده کند. و سپس، یک بار آن را آماده، آن را بارگذاری شبیه ساز iOS در دستور من. توجه داشته باشید شما فقط می توانید اجرا برنامههای iOS اگر شما یک کامپیوتر مک. شما می توانید برنامه های خود را در اجرا اندیشه در همه سیستم عامل. 

بنابراین در حال حاضر شما می توانید ببینید که آیفون من شبیه ساز تا بر روی صفحه نمایش من آمد. و در یک لحظه، آن را با برنامه بارگذاری. اگر ما آن را فقط یک کمی کوچکتر به جا بر روی صفحه نمایش، ما می بینیم که ما برنامه آیفون ما داشته باشد. و فقط بنابراین ما نمی دریافت اشتباه، اجازه دهید مطمئن باشید ما در همان هستند وب سایت، میزبان محلی 3000. 

بنابراین حق در اینجا یک مثال است از برنامه شهاب من، برنامه todos، در حال اجرا هر دو در تلفن و در یک مرورگر وب است. و هنگامی که مسائل را عوض کنم در مرورگر وب، آن را بلافاصله به تلفن می رود. و من می توانم چیزی در تلفن حذف کنید، و آن را در مرورگر وب تغییر می دهد. 

در حال حاضر، به طور معمول برای ایجاد مادری برنامه گوشی برای iOS یا آندروید، شما نیاز به دانستن یا جاوا یا هدف C. تکنولوژی با استفاده از شهاب اجازه می دهد تا جاوا اسکریپت به عنوان اجرا برنامه شما است که به نام PhoneGap. چه برنامه شما اساسا یک مرورگر وب است. و شهاب دسته همه قطعات روی حیله و تزویر درگیر برای آوردن که مرورگر وب به آی فون خود را یا دستگاه اندیشه خود را. شما می توانید ببینید که رابط کاربر صاف است، و به نظر می رسد و احساس می کند بسیار بسیار شبیه به برنامه های بومی. توجه کنید که اگر من به خانه بروید صفحه نمایش در حال حاضر، من هم یک آیکون دریافت کنید. این است یک وب سایت مانند نه شما می خواهم در سافاری پیدا کنید. این برنامه خود را است. شما می توانید نصب و حذف آن اگر شما می خواهم. 

ما به طور خلاصه می تواند به شما چه کد نشان برای این نوع از todos برنامه به نظر می رسد مانند. اگر شما در پوشه todos نگاه کنید، شما خواهید دید بسیاری از پوشه ها وجود دارد. اما در طول دوره سمینار، خواهیم درک آنچه هر پوشه برای استفاده می شود. بیایید به ترمینال برود بنابراین ما می توانید فایل های کمی بهتر را ببینید. 

من قصد دارم به فشار کنترل C برای جلوگیری از سرور، و در حال حاضر من در برنامه todos هستم. من پوشه های مختلف در اینجا، مانند پوشه مشتری، پوشه سرور. و این پوشه ها به سادگی معنی است که همه چیز در پوشه مشتری می شود بر روی مرورگر خود اجرا. همه چیز را در یک پوشه سرور می شود بر روی سرور اجرا می شوند. 

چه من می خواهم به نقطه از آن چیزی است که ما تا به حال هنگامی که ما تلفن در حال اجرا ما به حال و مرورگر وب ما، این مشتریان بودند. اما چه چیزی در حال اجرا در ترمینال، که سرور است. ما دیگر پوشه ها، مانند معاونت، کد کتابخانه است که، مانند یاور شما توابع، که شما می توانید استفاده در هر دو مشتری و سرور. و سپس شما یک عمومی پوشه ها و منابع پوشه لازم برای گرفتن تصاویر خود را و دیگر CSS لود می شود. 

اگر شما شهاب نصب شده است، ما خواهد شد با آموزش برای شهاب ادامه. شما می توانید به این آدرس بروید، meteor.com/install، برای به دست آوردن خط فرمان است که من شما نشان داد که نصب شهاب. ما را از طریق اول چند قدم برای دریافت بهتر در مورد نحوه نصب شهاب احساس. 

اما در ابتدا، من فکر می کنم این مهم است که ما یک کمی از جاوا اسکریپت بررسی. به شما برخی از نمونه هایی از چگونگی نشان می دهد دانش C ما را می توان ترجمه به جاوا اسکریپت، من چند نمونه ایجاد شده است. آنها در دایرکتوری جی اس می باشد. بنابراین اگر در سمینارها شما پوشه نگاه کنید، یک پوشه به نام جی اس وجود دارد. و در اینجا، ما چند نمونه. 

بیایید باز کردن اولین به عنوان مثال و به سرعت ببینید. استاندارد شما چه ما می بینیم است سلام دستور جهان است. شما در C توجه کنید که شما کاملا چند خط. و به عنوان دانش آموزان CS50 می دانید، ما نیاز به یک تابع اصلی، و ما باید به شامل استاندارد I / O کتابخانه به منظور printf را تماس بگیرید. 

بیایید نگاهی به چگونگی جاوا اسکریپت مقایسه کنید. من قصد دارم برای باز کردن ex1.js. نظر از آنچه است C کد می خواهم نگاه کنید، و خط زیر است تمام شما نیاز به در گره اجرا شود. شما یک تابع اصلی لازم نیست، شما لازم نیست که شامل هر گونه فایل، و شما لازم نیست به بازگشت. شما فقط console.log تماس بگیرید. این معادل printf را خود است. 

و آن طول می کشد همان استدلال را چون printf. و به منظور آن را اجرا کنید، به جای در حال اجرا را EX1، شما فقط می تماس ex1.js. گره شما ارسال گره و سپس فایل، و آن را اجرا می شود. این کار وارد نیست. جاوا اسکریپت یک زبان تعبیر شده است. بنابراین لازم نیست به وارد قبل از آن اجرا شود. اگر من می خواستم به اجرا ex1.c، من آن را برای اولین بار، و پس از آن من می توانم اجرایی اجرا برای دریافت خروجی همان. 

اجازه دهید به سرعت برخی از پوشش دیگر مفاهیم جاوا اسکریپت. بیایید نگاهی به عنوان مثال دو نگاه. در ex2.js، در ex2.c، ما می توانیم ببینید که ما برخی از کد. اجازه بدهید من به سرعت به رفتن یک ویرایشگر متن بهتر که این نشان می دهد خطوط جدید کمی بهتر است. خیلی خوب. در اینجا ما به عنوان مثال 2.c. در اینجا ما از انواع مختلف که ما در حال چاپ است. و همانطور که می دانیم، چون printf طول می کشد استدلال های مختلف درصد برای دسترسی به تکه های مختلف از داده ها. اگر ما می خواهیم به چاپ یک رشته، ما از٪ s تماس بگیرید. اگر ما می خواهیم به یک شناور تماس بگیرید تعداد نقطه، ما٪ F نامیده می شود. و هیچ راه آسان برای تماس وجود دارد بولی ارزش درست یا غلط آن است. اما اگر شما٪ D استفاده کنید، شما می توانید دریافت کنید 0 یا 1 برای نادرست و درست است. 

جاوا اسکریپت است که کمی بهتر برای ما. در جاوا اسکریپت، اجازه دهید در چند نگاه تفاوت ما در این فایل دارند. اول، شما متوجه است که در C ما به مقداردهی اولیه هر متغیر با نوع. S یک ستاره کاراکتر است. این رشته است، و آن را می توان هر نوع دیگر نیست. N شناور است. B بولی است. 

اما در جاوا اسکریپت، انواع پویا وجود دارد. این بدان معناست که شما انجام نمی نیاز به جاوا اسکریپت بگویید چه نوع متغیر خواهد بود. شما فقط می گویند ور برای متغیر، نام متغیر، و پس از آن ارزش خود را. بنابراین یک متغیر می تواند هر چیزی واقعا. این می تواند یک رشته است. این می تواند یک عدد ممیز شناور. این می تواند یک شخصیت. این می تواند یک بولی. و کنسول ورود کار می کند کمی متفاوت است. اگر شما می خواهید برای چاپ تعداد، شما٪ D تماس بگیرید. اما بیشتر ارزش می تواند به عنوان رشته فقط خوب چاپ شده است. 

بیایید این اجرا در گره برای دیدن چه اتفاقی خواهد افتاد. من می توانم ex2.js گره تماس بگیرید، و ما چون printf دریافت با CS50 ارزش ها، N به عنوان تعداد ممیز شناور، و پس از آن به عنوان بولی B تبدیل به یک رشته درست است. چه در مورد اگر ما ساخته شده به عنوان مثال 2.c؟ خب، ما هنوز هم برخی از نارضایتی بیشتر با printf را. توجه کنید که نقطه شناور تعداد به درستی فرمت شده باشد، و که بولی می تواند به سادگی به عنوان درست یا غلط نمایش داده شود. خیلی خوب. حالا اجازه دهید در مثال سه نگاه کنید. در مثال سه، ما در حال نشان دادن چگونه شما می توانید برای حلقه استفاده کنید. در واقع، آن را بسیار ساده است. یکی از چیزهایی که خوب در مورد جاوا اسکریپت این است که C است. این بدان معناست که بسیاری از شما کد بسیار شبیه نگاه و احساس بسیار مشابه. در حلقه for، تنها چیزی که که واقعا در اینجا تغییر است به جای اعضای هیات من، ما باید ور من. ما هنوز هم می تواند آن را به ارزش اختصاص صفر، بررسی کنید که آن را کمتر از پنج، و افزایش آن را توسط یک با اپراتور ++. ما console.log تماس بگیرید من، و ما را در تعداد با هر خط چاپ. بیایید آن را اجرا کنید واقعا به سرعت برای دیدن آنچه در آن خروجی. ما بدست آوردن شماره جدید در هر خط. چیز دیگری که شما می خواهید به اطلاع می با console.log است شما مجبور به ارسال بک اسلش N برای خط جدید. Console.log چاپ خواهد شد همه چیز را در خط خود را دارد. که یکی از ویژگی های خوب که جاوا اسکریپت به ما می دهد. 

حالا اجازه دهید باز کردن عنوان مثال چهار. در مثال چهار، برای اولین بار در C، ما خواستار چند توابع. توجه کنید که ما باید به اعلام توابع قبل از آنها استفاده می کنیم در اصلی. اگر ما به حال اصلی اول و پس از آن اضافه کنید و سپس بالا، را، صدای شیپور، و یا شورای همکاری خلیج فارس را خطا گفت ما را که آن را نمی داند چه بالا است. این نمی داند چه افزودنی است. بنابراین در C، شما باید ضربه زننده در مورد منظور که در آن شما توابع خود تماس بگیرید. 

بیایید نگاهی به چگونه شما می تواند نگاه انجام این کار در جاوا اسکریپت. ما فایل های مختلف به دلیل وجود دارد چند راه مختلف برای انجام این کار. یکی از راه های است که تقریبا ترجمه مستقیم. از آنجا که توابع در C بازگشت انواع و جاوا اسکریپت واقعا نمی دانم و یا مراقبت درباره چه نوع بازگشت، شما یک نوع ارسال نشده است. در عوض، شما فقط نیاز برای نوشتن تابع، و همه چیز بسیار به همان مانند قبل. 

هنگامی که شما یک متغیر، مانند در اضافه کردن، ما فقط نیاز به ارسال x و y. ما لازم نیست برای گفتن X هوشمند است. ما لازم نیست برای گفتن Y هوشمند است. ما با نحو همان بازگشت. برای بالا، ما آن را با اعلام تابع به جای خالی. توجه کنید که آیا آن را از درجه اعتبار ساقط و یا غیر از درجه اعتبار ساقط، هنوز هم تمام همان تابع. و ما به سادگی انجام قرار داده نشده است هر چیزی در پرانتز، و به نظر می رسد بسیار بسیار شبیه به کد C. و در زیر، ما می توانیم آن را در زیر تماس بگیرید. 

اگر ما در مثال 4B نگاه کنید، ما متوجه که من چند چیز تغییر کرده است. تنها چیزی که من تغییر کرده ام واقعا اگر منظور است. ما همان توابع، اما در حال حاضر آنها اعلام پس از آنها در مورد استفاده console.log و بالا در خطوط 18، 19. اگر شما این در C انجام داد، را می خطایی بزنند. در اینجا، این کار فقط خوب است. و من می توانم این را به شما نشان می دهد توسط تماس گره در مثال 4B. 

راه دیگر ما می توانیم توابع تماس بگیرید است توسط صرفه جویی در توابع به عنوان متغیر. دوست من گفت، یک متغیر می تواند هر نوع داشته باشد. یکی از انواع متغیر می توانید یک تابع است. بنابراین اگر شما در مثال نگاه 4C، آنچه که من تغییر کرده ام در اینجا این است ور اضافه به جای تابع اضافه کردن. و در حال حاضر اضافه معادل یک تابع. این تابع در اینجا ناشناس است. این هیچ نام، بنابراین آن را فقط تابع و سپس پرانتزها. نحو پس از آن تغییر نمی کند، اما شما لازم به یاد داشته باشید که شما یک متغیر است که شما هستید ذخیره سازی تابع به اضافه کنید، و متغیر که شما ذخیره سازی به بالا. 

از آنجا که اضافه کردن و بالا اکنون متغیرهای و توابع نیست، چیزی تغییر می کند. این یک اشکال مشترک من در دیدن است بسیاری از جاوا اسکریپت مردم، و چیزی در ذهن داشته باشیم. وقتی که من این اجرا، بیایید ببینید که چه اتفاقی می افتد. من یک خطا. این گفت تعریف نشده در این نقطه است. پس از آن به آن گفت: نمی داند چه اضافه شده است. 

از آنجا که در حال حاضر اضافه شده است نمی تابع، اضافه کردن یک متغیر است. و شما در واقع داده نشده اضافه کردن یک ارزش حال هنگامی که شما آن را استفاده می شود. که ما را به ارمغان می آورد به عنوان مثال 4D، که در آن اگر شما می خواهید به استفاده از متغیرهای به عنوان توابع، شما فقط نیاز به مطمئن شوید که آنها بدست آوردن مقدار قبل از آنها استفاده می شود. 

بیایید در حرکت به عنوان مثال پنج سپس. در اینجا، ما در مورد صحبت ساختمانها در C. در C، ساختمانها این ساختار ثابت به آنها دلیل این که شما به آنها اعلام قبل از اینکه شما از آن استفاده کنید، و به شما می گویند من یک دانش آموز دارند، و هر دانش آموز دقیقا دارد یک نام، یک سال، یک جنس. این به همه آنها. این می تواند هر مقدار دیگر را نداشته باشند، و آنها را به انواع خاص است. 

پس ما می توانیم مقداردهی اولیه ساختار این نحو خوب دلیل آن می داند منظور. پس از آن می داند که راجر یک نام است. این می داند که 2016 است سال و M جنسیت است چون ما گفت آن این لیست یک دانش آموز ساختار است. و سپس شما می توانید نسخه قابل چاپ آن، دسترسی به s.name. بیایید ببینید که چگونه ما را تبدیل که به جاوا اسکریپت. توجه کنید که این در حال حاضر متغیر، و هیچ نوع وجود دارد. دوباره آن را فقط یک متغیر است. چرا که اگر مهم نیست نوع این متغیر یک اشاره گر است، آن یک ساختار، یا هر چیز دیگری است. ما یک نحو کمی متفاوت است. این نحو نحو شی است. 

شما ممکن است آن را در JSON دیده می شود. JSON در واقع برای ایستد جاوا اسکریپت نشانه گذاری شی. این است که چگونه تعریف می کنید اشیاء در جاوا اسکریپت. ما یک کلید است که ارزش، مانند نام. و ما را از آن ارزش در از طرف دیگر از روده بزرگ است. و یک چیز در ذهن داشته باشیم شما است لازم نیست به یک نام و یک سال و جنس برای یک شی. شی می تواند بدون ارزش داشته باشد. این می تواند به عنوان بسیاری از شما می خواهم داشت. 

ما می توانیم این اشیاء در فقط استفاده همین راه ما را یک ساختار استفاده، s.name. ما می توانیم آن را واقعا به سرعت اجرا با انجام گره به عنوان مثال 5.c. ما نمی توانیم در واقع یک فایل C در گره اجرا شود. این نمی داند چه C است. فقط می داند که جاوا اسکریپت. هنگامی که ما اجرا ex5.js، ما را دریافت کنید ارزش، که ما انتظار می رود. 

اجازه دهید تا به عنوان مثال شش حرکت می کند. در اینجا من فقط می خواهم به صحبت کمی کمی بیشتر در مورد آرایه های جاوا اسکریپت چرا که آنها کمی هستید متفاوت از آنچه شما استفاده می شود به در C. آرایه ها notated، نه با براکت مانند در C، با آکولاد، اما براکت. شما می توانید یک آرایه خالی داشته باشد، مانند ورود در خط چهار. شما می توانید آرایه داشته با چندین مقدار را. و شما به آنها دسترسی فقط به همان شیوه در C. 

در خط هفت، همه چیز به نظر می رسد بسیار سر راست است. یکی از تفاوت های جزئی است که در اینجا در خط 10. راه شما طول می کنید آرایه است فقط از طریق تماس .length. آرایه در واقع می تواند درمان مانند یک شی، و این شی یک مشخصه به طول که با شما تماس برای دریافت طول آن. توجه کنید که این متفاوت است در C چرا که در C شما باید بدانید که طول شی خود را جلوتر از زمان. 

بنابراین یکی دیگر از چیز خوب در مورد آرایه ها این است که شما می توانید انواع مختلف داشته باشد. اگر شما یک آرایه در C، وجود دارد آرایه از یک مقدار خاص هستند، یا یک اشاره گر ساختار و یا شناور و یا [نامفهوم]. در اینجا، شما می توانید مقادیر مختلف داشته باشد. من برای اولین بار به حال تعداد ممیز شناور، سپس بولی، سپس عدد صحیح دیگر. و در واقع، آنها می توانند انواع بیش از حد تغییر دهید. در خط 16 است. آرایه دو در حال تغییر است از بودن تعداد، یک عدد صحیح، به یک رشته است. 

یکی دیگر از چیز خوب در مورد آرایه است که در اینجا در خط 19، آنها اندازه بی نهایت. شما فقط می توانید می گویند من می خواهم صدم عنصر به رشته حلال. و این به نظر نمی رسد به حس چون آرایه تنها دارای فضا برای سه عنصر، تا پایان باید دو باشد. اما هنگامی که شما این کار را، اجازه دهید ببینید که چه آرایه سه می شود. ما این سرعت اجرا با مثال گره six.js. ما این واقعا طولانی آرایه، و چه اتفاقی می افتد است که ما باید چند عنصر اول و سپس یک دسته از شاهد تا زمانی که ما دریافت رشته ما. جاوا اسکریپت در پر آرایه آن را به عنوان مورد نیاز است. 

بیایید در نهایت به آخرین مثال ما بروید. در اینجا ما یک لیست دانش آموزان از متفاوت است. من می خواهم به صحبت کمی کمی در مورد برخی از جنبه های خوب از برای حلقه در جاوا اسکریپت. در C، برای حلقه ها نوع محدود شده است. آنها یک ساختار ثابت، که در آن شما یک متغیر، شما باید یک شرط، و پس از آن شما چیزی را انجام در پایان از حلقه. و البته این کار در جاوا اسکریپت، همانطور که ما در مثال قبلی را دیدم. اما ما نیز راه بهتر داشته برای انجام این کار در جاوا اسکریپت. این حلقه foreach به نام. 

با عرض پوزش، اجازه بازگشت به عنوان مثال هفت در اینجا. ما همچنین می توان گفت بخش یک لیست است. بنابراین من هر من را یا هر شاخص در این لیست. پس ما می توانیم دانش آموز دریافت تنها خواستار بخش از من. بنابراین تمام کد از راه من برابر با صفر و مطمئن شوید من کمتر از طول و اضافه کردن یک تا من در هر زمان، که مراقبت از شما و نه خوبی با این حلقه foreach. 

نه تنها حلقه حلقه foreach کار در لیست یا آرایه، آنها همچنین در اشیاء کار، است که هم خوب. شما می توانید نام دریافت هر ملک تنها با یک فرهنگ لغت یا یک شی مانند دانش آموز، و پس از آن فقط گفت هر کلیدی به من بدهید. کلید خواهد بود این خواص، نام و یا خانه. بنابراین آنچه در اینجا اتفاق می افتد این است که ما چاپ اول نام و سپس خانه هر دانش آموز. 

من می توانم این در گره اجرا واقعا به سرعت به شما نشان دهد. ما برای اولین بار به سبک C برای حلقه، که در آن ما هر شی در حال چاپ است. و پس از آن ما باید جاوا اسکریپت سبک، که در آن شما فقط می توانید نسخه قابل چاپ کردن هر کلید و ارزش جداگانه. 

خیلی خوب. حالا که ما نود.جیاس تحت پوشش ام، من فکر می کنم ما آماده با شهاب آغاز شده است. دوست من گفت، شهاب یک کار بزرگ انجام داد نوشتن برخی از نمونه های آماده برای شما که شما می توانید از طریق کشف این آموزش و یا در پوشه سمینار. اما در اینجا من می خواهم شروع بیشتری از ابتدا. 

بیایید ایجاد یک ساده برای انجام برنامه. این نوع از اساس آنچه که به است انجام برنامه من به شما نشان داد زودتر است. در این آموزش، شما خواهید دید وجود دارد که شهاب فرمان ایجاد به ایجاد یک پروژه شهاب جدید. شما نیاز به تماس این به منظور برای اجرای پروژه های شهاب به دلیل آن دستورات را اجرا خواهد کرد برای ایجاد بارش شهابی فایل های لازم برای پروژه خود را. 

اگر شما را به ترمینال برود، ما می توانیم رفتن به پوشه به نام یک گام. و گام اول با مطابقت خواهد اولین گام در آموزش. توجه هستند پوشه ها، گام وجود دارد یک، گام دو، تمام راه را به پنج. و هر کدام مربوط به به یک گام در این آموزش. من قصد دارم آن را باز کنید در ویرایشگر متن من در اینجا بنابراین ما می توانیم کمی از آنچه ساخته شده است را مشاهده کنید. ما می بینیم که وجود دارد چهار قسمت اصلی. یک دایرکتوری شهاب وجود دارد، .meteor. و است که شما معمولا نیازی به لمس نیست. شهاب طول می کشد مراقبت از که پوشه، و آن را فقط اطمینان حاصل می کند که خود را پروژه به درستی کار خواهد کرد. 

ما همچنین سه فایل، یک فایل HTML را داشته باشد، یک فایل جاوا اسکریپت و یک فایل CSS. بیایید اول با فایل HTML شروع می شود. در نگاه اول، این به نظر می رسد مانند یک سند HTML طبیعی است. اما توجه کنید که وجود دارد چند تفاوت. یکی، این است که در واقع نه یک سند کامل HTML. ما در حال از دست رفته تگ های HTML. این طبیعی است. در بارش شهابی، شما انتظار نمی رود برای ایجاد این دستورات HTML. که برای شما انجام می شود. شما می خواهید به begin-- اگر شما می خواهید برای ایجاد یک وب سایت، شما فقط نیاز به شروع با برچسب سر، تعریف آن، و پس از آن تعریف تگ body. 

اما اگر شما در این اعلان فایل HTML، ما یک تگ جدید. ما برچسب الگو. این است HTML طبیعی نیست. این یک نسخه خاص از HTML غیر فعال است که شهاب در دسترس شما باعث می شود. این میله فضای نامیده می شود. شما می توانید قالب را به عنوان کمی تعریف ماژول ها، نوع مانند توابع کمکی، در C یا کد جاوا اسکریپت. این الگو را یک نام به نام کار. و شما می توانید در خط ببینید حق در اینجا 13 که شما می توانید این قالب تماس بگیرید. و چه شهاب را انجام خواهد داد فقط پر در این وظایف را برای شما. 

چیز دیگری که شما ممکن است متوجه است کمی متفاوت از این هر تابع است. هر خواهد متغیر را وظایف و نوع را از طریق آن به در آن حلقه foreach ما در مثال هفت دیدم. این هر یک می تواند یک فرهنگ لغت را و یا یک لیست، یک شیء یا یک لیست، و آن را فقط از طریق همه از رفتن ارزش مانند یک حلقه foreach را. بنابراین اگر ما یک دسته از وظایف، این خواهد شد الگو در هر وظیفه تماس بگیرید. 

بیایید پروژه شهاب اجرا فقط برای دیدن که این اتفاق می افتد. من در این پروژه شهاب با اجرا فقط شهاب یا شهاب اجرا شود. و در حال حاضر بارش شهابی فقط نیاز خواهد به سرعت آماده سازی پروژه، شروع به پایگاه داده در صورت لزوم، و سپس ارسال برنامه به صورت محلی. ما هم اکنون می توانید به مرورگر وب ما بروید. و ما که ما را ببینید یک برنامه بسیار ساده است. بنابراین آنچه که ما تا نشان بود در واقع مرحله یک، گام یک فایل. 

بیایید در حرکت به مرحله دو فقط به این دلیل من فکر می کنم آن را به همان هدف خدمت می کنند. من فقط رفتن به تغییر به مرحله دو دایرکتوری و دوباره اجرا شهاب بنابراین ما می توانید ببینید قالب ما فقط با کار کرده است. بله، یک سوال؟ 

رسید اگر ما در حال گرفتن مجوز نفی شود، that-- آنچه در آن است نام برای که؟ راجر ZURAWICKI: اگر شما در حال اجرا شهاب اجرا، و شما اجازه را تکذیب کرد، برخی از فایل های خود را ممکن است مجموعه ای اجازه راست ندارد. بنابراین شما باید برای بررسی که در آن مجوزهای خاموش هستند. آنها می تواند فعال در پروژه شهاب خود را، و یا آنها می توانند در خارج از است شهاب خود فایل. 

رسید اگر من آن را دانلود فقط در حال حاضر از گیتهاب خود را، پس چه باید بکنم [نامفهوم]؟ 

راجر ZURAWICKI: اگر می خواهید مطمئن شوید که شما می توانید به آن دسترسی داشته، یک دستور شما می توانید اجرا وجود دارد. اجازه بدهید به سرعت ارسال آن را تا مردم دیگر را می توانید آن را ببینید. من قصد دارم برای باز کردن یک تب جدید در اینجا و رفتن به پوشه سمینار من. سطح دسترسی فرمان است تغییر سطح دسترسی، و شما می توانید R می گویند برای این کار را انجام به صورت بازگشتی برای هر فایل. و مجوز، شما می توانید 0755 را امتحان کنید به مطمئن شوید که شما دسترسی کامل داشته باشد، و هر کس دیگری می تواند به عنوان خوانده شده. و اگر شما فقط اجرا این دستور، آن را را مطمئن شوید که مجوز در هستند برای تمام دایرکتوری تیک بزنید. در حال اجرا LS-L می تواند به شما نشان می دهد مجوز های با جزئیات بیشتر. این به نظر می رسد OK. 

آنچه که مهم ترین است که شما باید هر سه rwx برای تمام فایل های در دایرکتوری سمینار. آیا این مشکل را حل کند؟ 

رسید این گزارش می گوید از دست رفته موثر [نامفهوم]. [نامفهوم] راجر ZURAWICKI: شما باید مطمئن شوید که شما یک نقطه در پایان دستور خود را. رسید [نامفهوم]. راجر ZURAWICKI: همه راست. اجازه دهید ما به سرعت بازگشت به میزبان های محلی، برنامه ما. و شما خواهید دید که ما یک چند وظایف در اینجا، به عنوان انتظار می رود. ما یک دسته از CSS، که شما لازم نیست که در مورد نگران باشید. آموزش شهاب فقط این را می دهد به شما به خود را به انجام لیست نگاه کمی بهتر از HTML ساده. و ما باید فایل جاوا اسکریپت، که من به جزئیات بیشتر و کمی بعد بروید، اما آن را فقط این وظایف را فراهم می کند. این کار یکی است. این کار دو است. این کار سه است. پس این داده ها شهاب گرفتن است. 

یکی از کارهای جالب در مورد بارش شهابی است که تغییرات به طور خودکار می تواند رخ دهد. اگر من به تغییر می خواستم نام از اولین وظیفه، پس از آن می گویند این است که وظیفه یک، و من آن را ذخیره کنید، پس از آن زمانی که من به وب بروید مرورگر، شما می توانید آن را تازه کردن، و آن را به طور خودکار می گوید این یک وظیفه نیست. شما می توانید همین کار را انجام در هر یک از این فایل ها. ایجاد یک تغییر، به جای به انجام لیست، من آن را من به انجام لیست. 

و یک چیز شما فقط متوجه، که من حتی نمی باید به تازه کردن. ایده طراوت است نوع از برای شما با شهاب حل شده است. هر گاه آن را تشخیص تغییرات فایل، آن را به تغییرات را برای شما بارگذاری. این نسخهها کار در تمام فایل های، چه آن HTML، CSS، و یا جاوا اسکریپت است. به شما نشان دهد چه این برنامه را نگاه مانند بدون CSS، من می توانم آن همه حذف شده است. و هنگامی که آن را دوباره، شما در حال حاضر به عنوان خوب، به دنبال به انجام لیست نیست. بیایید قرار داده است که محتوای بازگشت. و مطمئنا به اندازه کافی، آن تازه، و CSS ما بازگشت است. بزرگ. 

ما هم اکنون می توانید با آموزش حرکت می کند. بیایید در مورد گام دوم، قالب صحبت کنید. این چیزی است که ما فقط دیدم با کارهای متفاوت است. شهاب به شما توضیح آنچه قالب و چگونه این منطق کار می کند. اما اجازه دهید فقط در کد به نگاه ببینید اگر ما می توانیم حس از آن را. 

در برنامه بسیار ساده است، مانند آنچه که ما در ساده برای انجام این کار، گام اول، گام دو، گام سه، چهار گام، گام پنج، ما هیچ پوشه ها ندارد. ما سرور ندارد پوشه من ذکر شده است. ما مشتری ندارد پوشه ای که ذکر شد. بنابراین شهاب تمام فایل را اجرا خواهد کرد. این آن را هر دو در اجرا مشتری، هر دو بر روی سرور. 

و اگر شما می خواهید بخش هایی از جاوا اسکریپت خود را کد را به اجرا فقط بر روی سرویس گیرنده، آنها نیاز به مطمئن شوید که شما اگر بیانیه ای، نوع مانند آنچه ما در فایل جاوا اسکریپت ما در اینجا داشته باشد. بنابراین شهاب، تنها در صورتی آن مشتری، پس از آن من می خواهم به تعریف یک الگو یاور به نام وظایف. چه این کد واقعا انجام می دهد آن را می گوید وجود دارد قالب جسم نامیده می شود که شهاب را فراهم می کند. و ما قصد داریم برای اضافه کردن یاور. یاران هستند این وظایف، این چیزهایی مانند وظایف. 

شما خواهید دید که اگر ما به عقب برویم به فایل HTML، ما هر در انجام وظایف نامیده می شود. وظایف در HTML تعریف نشده است. این در جاوا اسکریپت تعریف شده است. و شهاب نیاز به دانستن آنچه که وظایف است هنگامی که ما به جاوا اسکریپت اینجا بروید. وظایف این کمکی است. یاور، شما می توانید از فکر می کنم آن را به عنوان یک متغیر الگو. و چه وظایف انجام دهید؟ خوب، آن را در فهرست ارزش را برمی گرداند. از آنجا که آن یک لیست است، ما می توانیم هر در آن تماس بگیرید. به طوری که به همین دلیل ما از هر تماس در انجام وظایف. و در حال حاضر ما وظیفه. 

چه کار انجام دهید؟ خب، آن را تا این فلش در اینجا پس از آکولاد. این بدان معناست که وظیفه یک قالب است. این یاور نیست، مانند آنچه که ما فقط دیدم. این الگو ما تعریف ام. و که در آن اند که ما آن را تعریف؟ ما آن را در زیر حق در اینجا تعریف کرده ام. 

همه این الگو است ارائه قلم دوم از اقلام لیست، و آن متن را خواستار شد. در حال حاضر، متن به نظر می رسد یاور، اما من به شما نشان می دهد که این است که در واقع هنوز هم عضو داده از وظایف. هنگامی که شما هر تماس، آن را به می رود ساختار داده ها کمی. مانند حلقه foreach، آن را در حال حاضر فقط به نظر می رسد در اولین عنصر در جسم ما است. ما می بینیم که متن در اینجا در جسم ما تعریف شده است. بنابراین شهاب هوشمند می دانیم که است ما در حال صحبت کردن در مورد این متن، نه کمکی به نام متن. این فقط می شود ارزش این متن و نمایش آن را به عنوان HTML، و این که چگونه داده می رود از جاوا اسکریپت به HTML. 

حرکت در هر چند، در این مثال ما به سختی آن ارزش کدگذاری. شهاب می کند دو واقعا چیزهای خوب برای ما. علاوه بر تجدید زنده است که ما نشان داد، آن را نیز مدیریت پایگاه داده ما است. اگر شما تا به حال به کار با پی اچ پی، شما تا به حال برای پیکربندی از phpMyAdmin. شما تا به حال به مطمئن شوید شما جداول همه در چک بود. شما تا به حال به انجام بسیاری از کار را به مطمئن اطلاعات خود را به درستی فرمت شده، و پی اچ پی می تواند با آن ارتباط برقرار کنند. 

در حال حاضر، شهاب با استفاده از یک پارادایم جدید. این یک راه مدرن تر است از دست زدن به یک پایگاه داده. این یک تکنولوژی به نام مانگودیبی است. درست مانند جاوا اسکریپت، ما دیدم که مهم نبود چه نوع داده بود. همه چیز ور بود. این یک charstar نیست. این بود یک int نیست. این بود یک ساختار نیست. این فقط ور این بود، VAR که. 

مانگودیبی کار می کند نوع به همان شیوه. شما لازم نیست برای تعریف جداول خود را. شما لازم نیست برای گفتن یک جدول یک نام است که یک int. این، من نمی دانم، دلار است، که یک دهدهی. این فقط این جاوا اسکریپت اشیاء است، همه این به اعضای، اساسا. و این است که واقعا قدرتمند راه برنامه خود را به نمونه. و به همین دلیل شهاب طول می کشد استفاده از این. 

اگر ما به مرحله سه، اجازه دهید ببینیم که چه چیزی تغییر کرده است. اگر ما در todos HTML نگاه کنید، نه زیاد. CSS است در همه تغییر نکرده است. اما تغییر کوچک ما در HTML را ببینید این است که ما تغییر کرده ایم چگونه وظایف تعریف شده است. وظایف در حال حاضر یک تابع. این بدان معناست که هر زمان ما می خواهیم به وظایف، ما قصد داریم برای اجرای این تابع. این کار بر نمی گرداند تابع به عنوان یک ارزش. 

شهاب هوشمند در واقع اجرا است تابع برای دیدن آنچه که ما از دریافت کنید. و آن را برمی گرداند این چیزی به نام وظایف. ما وظایف در خط یک تعریف کرده ام، و آن را به یک مجموعه Mongo ها است. Mongo ها است با اشاره به پایگاه داده شهاب استفاده می کند، و این جدید فقط بدان معناست بیایید مجموعه جدید، آن را وظایف تماس بگیرید. در خروجی، این امر می تواند معادل به دنبال جدول به نام وظایف. Mongo ها دارای مجموعه، جداول نیست. بنابراین این فقط برای کارهای به نظر می رسد. 

در حال حاضر، الگو در ما یاور در قالب، تمام ما باید انجام دهیم برای گرفتن تمام وظایف است این تابع، پیدا کردن و این بند خالی می باشد. این خاص تر به نحو Mongo ها است. مقدار زیادی از وجود دارد اسناد آنلاین را برای چگونه شما می توانید کارآمد را و واقعا مفید Mongo ها نمایش داده شد. اما چیزی شبیه به این خوب است به اندازه کافی برای پیدا کردن تنها همه داده ها. 

در حال حاضر، یکی از مسائل شما ممکن است مشاهده کنید این است که ما در واقع هرگز داده اضافه کنید. پس چه اتفاقی می افتد زمانی که ما در واقع سه مرحله اجرا؟ اجازه دهید به سرعت به رفتن گام سوم و اجرا شهاب. توجه کنید که من تا به حال شهاب دیگر پروژه در حال اجرا در جایی دیگر، تا بارش شهابی دوست که نه. من فقط رفتن را به سرعت به نزدیک بارش شهابی دیگر با کنترل C، رفتن به مرحله سه، و اجرا شهاب دوباره. توجه کنید آن را شروع مانگودیبی به دلیل مانگودیبی بخشی از هر پروژه شهاب است. 

بنابراین آن را می گوید برنامه من خطا دارد. که یکی از ویژگی های خوب شهاب کرده است. این اطمینان حاصل می کند خود را HTML غیر فعال است و همچنین به اعتبار. اجازه دهید به سرعت در همین دلیل این ممکن است نگاه کنید. به نظر می رسد من به طور تصادفی داشته کپی کد HTML اشتباه است. اگر من آن را در حال حاضر نجات، شهاب به طور خودکار راه اندازی مجدد سرور، و در حال حاضر برنامه در حال اجرا است به عنوان انتظار می رود. توجه به رفع این، شما فقط می توانید اجرا کنید فایل HTML از همان گام دو، آن را کپی کنید به گام سه. 

ما می توانیم به میزبان محلی ما بروید. و در حال حاضر ما می بینیم ما ما را به انجام لیست. بزرگ، اما آن را خالی می باشد. ما در واقع هر داشته وظایف در پایگاه داده Mongo ما. بنابراین اجازه دهید در مورد صحبت راه چند ما می توانیم انجام این کار. اگر ما بازگشت به ترمینال، ما می توانید آن را ببندید و اجرا شهاب Mongo ها. 

اگر شما آشنا با توجه به کار می کند شهاب، این در واقع می دهد دسترسی شما به مانگودیبی کامل برای شهاب. توجه کنید که شما را مجبور به در حال اجرا می شود شهاب سنگ برای اولین بار از این به کار می کنند. بنابراین اگر من این اجرا در یک تب جدید، من می تواند به همان دایرکتوری به عقب بروید. و در حال حاضر بارش شهابی کار فقط خوب است. این یک اعلان است. اجازه بدهید من آن را کمی را بزرگتر بنابراین ما می توانید ببینید. این به نظر می رسد کمی متفاوت از چه شما ممکن است به شما مورد استفاده قرار واقعا نیاز به استفاده از Mongo ها. نقطه تمام من در اینجا این است به طوری که شما می توانید جاوا اسکریپت استفاده کنید. اما اگر شما کنجکاو هستید، API Mongo ها را نمی کند استفاده از SQL، پرس و جو زبان ساخت یافته. آن استفاده می کند زبان خود را که به نظر می رسد بسیاری مانند جاوا اسکریپت. بسیار به سرعت، ما می توانیم پیدا جدول طریق db.tasks. و آن را به من گفتن معلوم است اگر ما اجرا پیدا، نوع شبیه به آنچه که ما با حال شهاب، ما می توانیم تمام عناصر بارگذاری. مشکل این است که، ما نمی در واقع هر گونه وظایف تعریف شده است. پس از آن می توانید آنها را دریافت کنید. 

ما می توانید وارد، هر چند. بنابراین ما می توانیم درج اجرا با دستور درج. و ما فقط آن را به من بدهید یک شی، و ما فقط مطمئن شوید که فرمت آن چیزی است که ما انتظار داریم. اگر ما در مرحله دو نگاه، دیدیم که هر کار یک شی با یک متن بود به عنوان کلید و هر خود را به انجام مورد به عنوان یک متغیر بود. بنابراین ما می توانیم چیزی در اینجا انجام. 

ما می توانیم آن را درج یک کار به نام من از Mongo ها آمده است. و ما را فشار دهید را وارد کنید، و آن را اجرا می کند. ما می توانیم اجرای دوباره پیدا کنید، و ما ببینید که در اینجا یک شی وجود دارد. Mongo ها آن اختصاص شناسه، که شما واقعا نیاز به نگرانی در مورد. داده چه برای شما مهم است شما در قرار داده، داده ها شما را دریافت کنید. 

بیایید به بازگشت به وب سایت ما، و هی، وظیفه ما لود می شود. و شما می توانید ببینید که به دلیل بارش شهابی بسیار هوشمند است و همیشه تازه را برای شما، من مجبور به لمس صفحه نیست. این به طور خودکار لود می شود. 

بیایید برخی از کد اجرا در جاوا اسکریپت هر چند به انجام این کار. مانند ما گره در پشت پایان به اجرا کردن جاوا اسکریپت، ما همچنین می توانیم جاوا اسکریپت اجرا به طور مستقیم در مرورگر ما. شما می توانید این ویژگی را انجام به نام بازرسی عنصر. اگر من درست در یک کلیک بخش از صفحه، یک گزینه وجود دارد به نام بازرسی عنصر. اگر شما در حال اجرا مرورگر مانند صفری، شما ممکن است نیاز به فعال توسعه خود را ابزار قبل از شما از این ویژگی. 

کنسول آنچه ما در مورد مراقبت از است. بنابراین ما فقط به خواهد رفت کنسول در پایین. حالا ما می توانیم هر جاوا اسکریپت اجرا در اینجا، مانند جاوا اسکریپت فایل های من در مثال جی اس نشان داد. اما در حال حاضر اجازه دهید در کارهای نگاه کنید. ما می توانیم فرمان ما اجرا شود. و امیدوارم من قادر خواهید بود به آن را کمی بزرگتر بنابراین ما می توانیم تمام را ببینید. 

اگر ما اجرا tasks.find، و شما ببینید که این همان کد دقیق آن است که استفاده فایل جاوا اسکریپت در مرحله سه، این task.find. ما می توانیم همین کار را اجرا، و ما در حال حاضر برخی چیزهای عجیب و غریب دریافت کنید. چگونه ما در واقع دریافت داده؟ خب، ما باید برای اجرای این دستور به نام واکشی. 

این بسیار مفید برای اشکال زدایی است. چه شما در اینجا دریافت کنید مکان نما، و این است یک راه خوب شهاب است اطلاعات واکشی بهینه شده است. این مکان نما دارای تمام ویژگی برای به روز رسانی زنده و طراوت صفحه زمانی که چیزی تغییر کرده است. اما آن را به ما داده می کنید. ما می توانیم اطلاعات از طریق واکشی دریافت کنید. و شما می بینید ما یک شی، و درست مثل آنچه که ما در Mongo ها به حال، با شناسه و متن ما در قرار داده است. 

پس چگونه ما یک آیتم در بارش شهابی درج؟ خب، ما فقط باید وظایف. و سپس ما می توانیم اجرا همان دستور درج، دادن یک فرهنگ لغت یا یک شی با همان فرمت، متن و پس از آن من از کنسول آمده است. نگاهی به فوق به خاطر وقتی که من انجام این کار، آن را نشان می دهد تا بر روی وب سایت به صورت خودکار. 

توجه کنید که شما می توانید هر چیزی را شما در این موارد می خواهید. این کار نیست یک ساختار ثابت. من می توانم برابر داشته شماره سه و B مساوی false. و آن همه کار می کند. من حتی می توانید انتخاب کنید نه به شامل یک متن در همه. این فقط توصیه نمی شود هر چند چون شهاب نمی دانم چه باید نمایش داده شود. اما در هر صورت، ما دریافت شناسه، و این شناسه شی شما می توانید استفاده کنید. 

همانطور که ما با ادامه گام چهارم و مرحله پنج، آموزش به شما روش های نشان می دهد که شما می توانید عناصر UI با استفاده از ایجاد HTML شما بدانید ایجاد کارهای متفاوت است. بیایید در مرحله چهار نگاه واقعا به سرعت. خواهیم دید که ما اضافه بخش مورد حوادث. قالب می توانید یاران، که ما را داده است. اما همچنین می تواند وقایع تماس بگیرید. و این که در آن مسائل است مفید است، زیرا حوادث در حال آنچه اتفاق می افتد زمانی که شما با کلیک بر روی چیزهای مختلف در وب سایت شما. 

در اینجا، کد ما است گفتن ما برای اضافه کردن این رویداد. اضافه کردن آن را هنگامی که شما ارائه کرده ام چیزی با کار جدید کلاس. انتخاب CSS چیزی که در اینجا است. بنابراین این فقط به نظر می رسد برای HTML عنصری است که وظیفه جدید کلاس. و به نظر می رسد برای این رویداد، مانند ارسال کنید. حوادث دیگر عبارتند از کلیک، شناور، دوبار کلیک کنید، مشابه به آنچه که شما در HTML عادی دریافت کنید. 

چه شما آن را در اینجا را در حال حاضر یک تابع. و شما می توانید خود را کد را در آن تابع. این تابع چیزی است که به پایان می رسد تا گرفتن به نام وقتی که شما این کار جدید ارسال کنید. بیایید در HTML نگاه می کردم بنابراین ما درک آنچه این کار جدید است. ما یک فرم اضافه شده در اینجا با کلاس کار جدید. و آن را تا به ورودی که طول می کشد متن. و این است که در آن ما خواهد وظایف جدید ما اضافه کنید. 

بیایید گام چهار اجرا در وب سایت برای دیدن آنچه آن را مانند به نظر می رسد. ما می توانیم برای اولین بار از ترک از مانگودیبی ما تا به حال از قبلی ما به عنوان مثال با کنترل C. و اجازه دهید آن را به تغییر گام چهار دایرکتوری. ما شهاب دوباره اجرا برای شروع سرور. و متاسفانه، من تا به حال شهاب در حال اجرا در ترمینال دیگر. بنابراین من فقط رفتن به مطمئن شوید که این بسته است. بیایید این و تغییر ترک به قسمت چهار، گام چهارم. باشه. 

در حال حاضر کد بارش شهابی ما در حال اجرا است. و شما می توانید ببینید که آن را به روز، بدون ما حتی نیاز به تازه کردن صفحه. آنچه به اینجا تغییر کرده است در حال حاضر که ما هیچ وظایف را نداشته باشند، اما ما باید یک فرم در اینجا، این جعبه متن، برای اضافه کردن وظایف جدید ما. و ما می توانیم وظیفه ما در اینجا تایپ کنید. من از صفحه HTML است. وقتی که من را فشار دهید را وارد کنید، آن را مشاهده کنید کردم. 

ما می توانید ببینید چه به عنوان اتفاق افتاده است تعریف شده توسط کد جاوا اسکریپت. چه این تابع انجام داد را به متن از فرم، و پس از آن فقط به نام tasks.insert، مانند ما در کنسول انجام داد. آنها همچنین تصمیم به اضافه کردن یک تاریخ createdAt. این است که چگونه شما را مشخص زمان کنونی. پس از آن، آن را پاک فرم های ساخت مطمئن شوید که ارزش رشته خالی است. 

و سپس آن را بازگشت کاذب به مطمئن شوید هیچ چیز دیگری اتفاق می افتد. هنگامی که شما بازگشت از نادرست رویداد فرم، که متوقف می شود اعدام. بگو یک فرم اکشن، مانند به یک صفحه PHP ارسال کنید. اگر شما برگردانده نمی بود نادرست، شما می خواهم به راست. این امر می تا پایان ساخت که درخواست. ره گیری نادرست آن و آن متوقف می شود سمت راست وجود دارد. 

به طوری که نسخه ی نمایشی کمی در مورد بود چگونه بارش شهابی کار می کند، و ما کرده ایم پس از آموزش برای مدتی بوده است. و شما می توانید لطفا رایگان به ادامه انجام این کار. مقدار زیادی از منابع وجود دارد، و آموزش است که در واقع فقط بسیار خوب در مورد توضیح چه خبره. من نمی خواهم به شما نشان می دهد، در دقیقه چند ما را ترک کرده اند، چه برخی از هستند ویژگی های کولر از بارش شهابی، و چه برخی از هستند بسته های مفید تر. یکی از چیزهایی که در مورد شهاب این است که شما باید یک سیستم بسته. شما به راحتی می توانید کد ترکیب که هزاران بسیاری از توسعه دهندگان در سراسر جهان نوشته شده است به پروژه شهاب کنید. یک نمونه از این چیزی است که شما ممکن است انجام در مرحله نه از آموزش، که در آن شما در حال تلاش برای اضافه کردن حساب به پروژه شهاب کنید. اگر ما یک CS50 پی اچ پی پروژه، ما باید به چارچوب تکیه و یا کد خود ما را به مطمئن باشید ما امن مسئولیت رسیدگی به کلمات عبور و نام های کاربری و ذخیره سازی پایگاه داده و همه از آن. 

به نظر می رسد شهاب تا به برخی از بسته به انجام این کار برای شما، و این کار را انجام راحتی. چه ما می توانیم انجام دهیم این است اضافه کردن چند بسته. بنابراین اجازه دهید که حق انجام در حال حاضر در کنسول ما. من قصد دارم به ترک پروژه و در حال حاضر به ساده todos بروید. در حال حاضر، ساده todos است پروژه است که شما پس از در حال انجام دارند با گام 11 یا مرحله 12، در پایان این آموزش. و اجازه دهید به سرعت نگاه در آن را به چه ویژگی های مختلف ما هستند. بیایید فقط مطمئن شوید که آن را در حال اجرا. گاهی اوقات آن را طول می کشد در حالی که به روز کردن، اما در اینجا آن است. 

ما گزینه ما برای مخفی کردن وظایف کامل، و ما می توانیم به سیستم وارد شوید. و این با انجام شد بسته شهاب. عالیه. ما در حال حاضر نام کاربری و علامت رمز عبور در. اما اگر ما می خواستیم برای اضافه کردن نوع دیگری از مکانیزم ورود؟ بیایید می گویند من می خواستم برای ورود با حساب شهاب من. من قصد دارم به اجرا شهاب سنگ اضافه کنید، و این نحو برای اضافه کردن بسته های است. من می توانم حساب، و accounts.meteor می گویند. آن را به حال حاضر پیدا کردن بسته و آن را بارگذاری. شما می توانید ببینید که من آن را نمی پیدا نام بسته سمت راست. 

پس چگونه شما پیدا کردن در مورد بسته؟ خوب است یک وب سایت بزرگ، ساخته شده وجود دارد در دسترس مردم شهاب، نام atmospherejs.com. Atmospherejs، یک کلمه، نقطه کام، یک مخزن بزرگ است برای پیدا کردن همه از شهاب بسته در مخزن. من می توانم حساب جستجو، و پس از آن آن را به من همه چیز مربوط به نشان می دهد، همه بسته ها را با نام حساب است. 

در حالی که بارهای، ما می توانید سعی کنید اضافه کردن برخی از بسته های دیگر. شاید بسته شهاب کار نمی در حال حاضر، اما من می توانم فیس بوک اضافه کنید. من می توانم حساب را اضافه کنید و پس از آن دوباره اجرا پروژه شهاب. به محض این که شروع می شود، بیایید ببینید آنچه که بر روی وب سایت تغییر کرده است. شما می توانید see-- من ممکن باید آن را تازه کردن اینجا. 

من یک دکمه به پیکربندی ورود به فیس بوک. و در اینجا، من همه دستورالعمل شهاب تا برای شما برای آماده راه اندازی یک برنامه فیس بوک. و شما می توانید استفاده کنید که اطلاعات برای اضافه کردن شناسه های خود را. هنگامی که انجام داده، شما باید ورود به فیس بوک مشغول به کار در برنامه شما. 

من فقط رفتن برای گرفتن ID نرم افزار و راز، فقط به شما نشان دهد که چگونه این ممکن است کار می کنند. شما یک حساب فیس بوک نیاز برای استفاده از گزینه های توسعه دهنده فیس بوک. اجازه بدهید من فقط به سرعت پیدا کردن کلید های شهاب که لازم است. من یکی دیگر از پروژه شهاب داشته که من قصد دارم برای استفاده، و من فقط رفتن را کلید از آن فایل. 

و یک بار آن را پیدا کنم، من فقط قادر خواهد بود برای کپی کردن این کلید به فیس بوک من. بنابراین در اینجا یک کلید است. و این راز است. شما نباید به اشتراک گذاری این با مردم است. و سپس شما آن را مخفی برنامه شما می دهد. و این است تا فیس بوک می داند که شما که هستید. و شما پیکربندی ذخیره کنید. 

من در روند من فکر می کنم برنامه شهاب من را متوقف کرده اند. بنابراین من فقط می خواهم مطمئن شوید که آن هنوز هم وجود دارد. خوب، اجازه دهید مطمئن شوید سرور شهاب ما در حال اجرا است به طوری صفحه وب در حال اجرا است. توجه کنید اگر ما توقف شهاب سرور، صفحه هنوز هم وجود دارد. این نه فقط به روز دیگر. سرور شهاب لازم است برای اطمینان از اینکه صفحه زنده است. 

خوب، من آن را پیشنهاد کرده ام، و در حال حاضر من می توانم با فیس بوک ورود به سیستم. در حال حاضر آن را فقط یک ماده از است داشتن یک پاپ فیس بوک تا و قرار دادن در حساب شما اطلاعات و ورود به سیستم در. هنگامی که شما انجام این کار، فیس بوک ممکن است نق نقو شما برای برخی از امنیت بیشتر. بنابراین ما فقط وجود دارد را متوقف کند. نکته این است که هنگامی که شما انجام می شود با آن، شما ورود به فیس بوک داشته باشد. 

شهاب دارای یک دسته از بسته های دیگر نیز هست. شما می توانید با + Google به سیستم وارد شوید. شما می توانید با گیتهاب به سیستم وارد شوید. شما می توانید با توییتر ورود به سیستم. و یا اگر شما جستجو میکنید، پیدا کردن مقدار زیادی از چیزهای دیگر مانند Meetup، لینک، و توسعه شهاب. بنابراین توسعه شهاب بود بسته من به دنبال. شهاب سنگ اضافه حساب-شهاب سنگ-توسعه. در این میان، من همچنین می خواهم به توصیه برخی از بسته های دیگر برای پروژه های شما. این ممکن است مفید شامل بسته جی کوئری. این اجازه می دهد تا شما را به استفاده jQuery را در شما و مشتریان شما. شما فقط می تواند این کار را با یک خط، و شهاب مطمئن خواهند شد که شما را به روز کنید jQuery در. من هم توصیه هوستون: ADMIN. 

این نوع مانند یک از phpMyAdmin نوع ابزار برای مانگودیبی خود را. این اجازه می دهد تا شما را به ویرایش اطلاعات خود را به راحتی بدون نیاز به رفتن به پوسته Mongo ها، مثل من که قبلا در سمینار انجام داده بود. بنابراین در حال حاضر که در حال اجرا، اجازه دهید اجرا دوباره شهاب سنگ و ببینید چه چیزی می توانیم انجام دهیم. 

شما متوجه است که با اضافه کردن برخی از بسته های ممکن است برخی از آنها را هشدار ارائه. شما نمی خواهد نیاز به نگرانی در در مورد آن با هوستون. بنابراین ما در حال حاضر می توانید گزینه دارند برای پیکربندی شهاب مدیر. و آنها به شما جهت می دهد اگر شما می خواهید به مجموعه که تا. 

ما همچنین می توانیم در حال حاضر به / admin برو. این به شما به ارمغان آورد توسط بسته هوستون. و این بارش شهابی مدیر رابط است. شما فقط ایجاد مدیر حساب، مانند. و اگر شما صفحه را تازه کنید، شما ممکن است برخی از مجموعه نشان می. 

این یک ابزار بسیار مفید است، و من به شدت آن را توصیه. شما می توانید به دلیل دید که هوستون شد به برخی از اشتباهات، ما هیچ مجموعه ندارد نمایش در حال حاضر. راه که می خواهد هوستون استفاده است مطمئن شوید این تابع می شود نام خود را در ساده todos. بنابراین می کند هوستون نمی می دانید که چه کارهای من هستند. 

ما راه اندازی یک Mongo ها مجموعه نام وظایف. بیایید به ساده todos و فقط به مطمئن شوید که در جاوا اسکریپت، ما وظایف به مجموعه ما اضافه شده اند. ما در حال حاضر ذخیره کرده اید، و آن را ساخت نرم افزار، طراوت. و اجازه دهید را ببینید. در حال حاضر ما این کارها. و ما می توانیم برخی از وظایف جدید اضافه کنید. اما اگر ما می خواهیم برای اضافه کردن وظایف، اجازه دهید این کار را با خود نرم افزار. 

در حال حاضر ما می توانیم برخی از داده اضافه کنید. سلام، این یک وظیفه است. به نظر می رسد نوع که عجیب و غریب ما شاهد هر وظایف نیست. ما ممکن است بخواهید برای بررسی اگر ما هر رو خطاها در اینجا، و یا شاید جایی دیگر. اگر ما به admin برو، که عجیب و غریب به نظر می رسد. اگر شما را بکشد مخزن پس از این سمینار، من مطمئن شوید که ساده todos با هوستون کار می کند. متاسفانه، آن را به نظر نمی رسد شود کار در این لحظه بسیار. 

آیا هر گونه سؤال دیگر وجود دارد؟ هوستون به طور معمول است ابزاری است که به خوبی کار می کند. هوستون به طور خاص کمی است buggier از آنهایی که دیگر، اما من توصیه آن زمانی که کار می کند. آره. 

رسید چه می توانید انجام دهید با بسته فیس بوک یک بار یک کاربر به سیستم وارد شده است با فیس بوک خود را؟ 

راجر ZURAWICKI: هنگامی که کاربر به سیستم وارد شده در، شما می توانید تماس را به API فیس بوک را. بسیاری از نهفته است که بیشتر در چگونه فیس بوک API خود را باز می کند. شهاب، مطمئن شوید که شما دارای اتصال. اما همه چیز پس از آن یک موضوع است یادگیری چگونگی استفاده از API فیس بوک. رسید [نامفهوم]. راجر ZURAWICKI: همه راست. از شما بسیار سپاسگزارم برای این سمینار CS50 در بارش شهابی. اگر شما هر گونه سوال، شما می توانید به من ایمیل به آدرس ایمیل من ذکر شده در زیر سمینار. و من خوشحال خواهم بود سوالات خود را پاسخ دهد. من هم در است CS50 هکاتون باید به کمک نیاز دارید با پروژه های شهاب کنید. با تشکر از شما برای تماشای.