TOMAS رایمرز: سلام، همه. نام من را توماس رایمرز. 

MIKE ریزو: و من مایک ریزو هستم. 

TOMAS رایمرز: ما دو CS50s TS. و امروز ما در حال پیشرو در سمینار جاوا اسکریپت و CSS برای برنامه های وب است. اگر شما می خواهید به دنبال همراه، لینک راست بیش از وجود دارد. و آیا شما می خواهید آن را قرار داده تا در به طور خلاصه به کامپیوتر؟ 

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

MIKE ریزو: بسیار خوب. بنابراین اجازه دهید آغاز خواهد شد. 

TOMAS رایمرز: بنابراین شما می خواهید را شروع کنم؟ OK. 

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

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

TOMAS رایمرز: پس فقط به روکش چه اتفاق می افتد، زمانی که شما در URL خود را به نوع مرورگر وب خود، که URL می شود تا در کامپیوتر نگاه کرد. و کامپیوتر شما متصل به یک کامپیوتر دیگر، که میزبان است که وب سایت. OK، بنابراین زمانی که شما به google.com بروید، شما متصل به یکی از گوگل کامپیوتر، که دارای فایل برای google.com. 

سپس برای یک فایل خاص می پرسد. بنابراین اگر شما به - من نمی دانم - example.com / index.html به یا / test.html، شما به درخواست که فایل خاص. و وب سرور در حال انجام به بازگشت آن را به شما. 

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

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

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

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

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

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

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

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

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

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

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

پس 110 در دودویی خواهد بود 6. 100 خواهد بود 4. همین کار را با جهان است. پس شماره شما می توانید برای دریافت مجوز برای این خواهد بود 644. 

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

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

TOMAS رایمرز: و پس از آن ما باید یک سریع لیستی از مجوز رایج است. بنابراین دایرکتوری، شما می خواهید در واقع سطح دسترسی 711. سریع به کنار - برای یک پوشه به مجوز اجرایی به این معنی که قادر برای باز کردن پوشه. تصاویر، CSS، جاوا اسکریپت، نیازهای HTML 644 چرا که، اساسا، جهان نیاز به عنوان خوانده شده مجوز. 

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

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

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

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

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

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

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

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

بنابراین ما باید از نوع اسکریپت برابر جاوا اسکریپت منبع برابر JavaScript.js. و اگر شما فکر می کنم به CS50 شما مشکل مالی تعیین می کنند، اگر شما در نگاه header.php را در پوشه قالب ها، شما باید دیده اند برخی از این گنجانده شده است. پس این یکی از اولین - اسکریپت - است از جمله یک کتابخانه جاوا اسکریپت. از جمله یک کتابخانه CSS است کمی متفاوت است. 

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

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

TOMAS رایمرز: OK، امیدوارم شما بچه ها در حال حاضر آشنا با توجه به پیوند CSS. شما تا به حال به انجام این کار در آخرین مجموعه قهوه ای خود را. جاوا اسکریپت، برخی از شما شاید برخی از تجربه با. برخی از شما ممکن نیست. 

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

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

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

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

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

MIKE ریزو: OK. بنابراین در حال حاضر بر روی نمونه های در حال حرکت از CSS واقعی. در این مرحله تا کنون، شما ممکن است این مواجه نشده است. اما شما ممکن است آن را در مواجه زندگی روزمره خود را در جایی چیزی که به نظر می رسد یکی از راه در یک مرورگر ممکن است نگاه همان راه در یک مرورگر دیگر. 

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

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

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

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

TOMAS رایمرز: و اگر شما در واقع ادامه مطلب کلیک سمت راست وجود دارد - با کلیک بر روی منبع در GitHub - در واقع شما می خواهید منبع باز را ببینید مجوز LICENSE.md سمت راست وجود دارد. و شما در اینجا خواهید دید است مجوز MIT بسیار محبوب است. باز هم، اگر شما را از طریق خواندن متن، شما قادر خواهید بود برای پیدا کردن آن در سایت ما قبل از ارجاع شود و قادر به درک آن را بدون نیاز به به عنوان خوانده شده از طریق اصطلاحات مخصوص یک صنف قانونی است. 

MIKE ریزو: OK، بزرگ است. به طوری که عادی است. ما می خواستیم به شما بدهد که واقعا به سرعت. اوه، یک سوال؟ 

رسید بنابراین، هنگامی که شما آن را دانلود کنید، شما درست است که کد است که آنها به دنبال زیر دکمه دانلود؟ 

TOMAS رایمرز: بله، تا زمانی که شما دانلود - 

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

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

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

فقط سریع به کنار - من متوجه شدم ما در این شروع به پریدن کرد. بقیه این مقاله برای رفتن به یک دید کلی. بررسی کتابخانههای. 

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

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

MIKE ریزو: دانلود. همه حق است، پس به صحبت در مورد فونت بسیار معروف. 

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

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

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

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

MIKE ریزو: دانلود، OK. 

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

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

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

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

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

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

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

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

TOMAS رایمرز: آیا هر کسی هر گونه سوالات تا کنون در مورد CSS به طور کلی؟ ما خوب است؟ بسیار معروف. 

MIKE ریزو: عالی. 

TOMAS رایمرز: بنابراین در حال حرکت به جاوا اسکریپت. 

MIKE ریزو: بنابراین ما می خواست به صحبت در مورد جی کوئری برای شروع با. تا کسی از jQuery شنیده قبل از و یا استفاده از آن؟ بله، یک زن و شوهر؟ بنابراین اگر شما فقط با مادری کار جاوا اسکریپت، شما به خودتان پیدا کنید تایپ کردن بسیاری از انتخاب های بلند زیادی. پس چه jQuery را انجام می دهد آن را فراهم می یک پوشش زیبا برای جاوا اسکریپت زبان است که اجازه می دهد تا شما به راحتی انتخاب کنید و دستکاری عناصر مختلف در مدل شیء سند از صفحه وب یا DOM، که من فکر می کنم شما بچه ها از در شنیده سخنرانی در این نقطه است. 

TOMAS رایمرز: اگر شما از آن چیزی نمی دانند آن و یا سخنرانی اگر شما تماشا در عین حال، مدل شیء سند است اساسا چگونه همه چیز نشان داده است. بنابراین HTML نوعی به نظر می رسد مثل یک درخت زمانی که به آن جلب شده است. شما از این عنصر HTML در بالای صفحه. شما باید سر و بدن. 

و پس از آن، که در آن شما باید هر چیز دیگری. که به عنوان DOM اشاره - سند مدل شیء. بنابراین یک مدل که نشان دهنده اشیاء در سند یک راه آسان برای فکر است در مورد آن. و یکی از نکته مهم در مورد جی کوئری است که واقعا باعث می شود تراورس که عناصر و دستکاری در که فوق العاده ساده است. 

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

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

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

MIKE ریزو: بنابراین اجازه دهید در مورد بحث نیست استفاده از jQuery یک کمی. درست مانند PHP، جی کوئری دارای خاص علاقه برای علامت دلار. بنابراین شما باید دریابید که هر جی کوئری - خوب، نه همه. شما گاهی اوقات می تواند جایگزین دلار ثبت نام با کلمه از jQuery. اما به طور کلی، فقط به خاطر این کوتاه تر، هر زمان که شما می بینید از jQuery بودن مورد استفاده آن را با یک علامت دلار باشد. 

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

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

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

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

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

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

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

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

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

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

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

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

TOMAS رایمرز: و این گسترش می یابد. این CSS گسترش می یابد. درست مانند CSS، شما می توانید همه را انتخاب کنید پیوند ها، که تولی کلاس. در اینجا، این همان چیزی است. 

شما می توانید a.foo انجام دهید، که می تواند انتخاب کنید همه از لینک های با تولی کلاس. شما می توانید یک نوار تیز انجام دهد، که می لینک با نوار ID و غیره را انتخاب کنید و غیره. هر گونه انتخاب CSS معتبر است انتخاب از jQuery. 

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

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

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

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

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

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

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

رسید بنابراین شما می توانید این را در درون جاسازی کد HTML را در نوعی، [نامفهوم]؟ 

MIKE ریزو: راست. بله، ما به شما دریافت کنید که به در کمی. آره، آن را مشابه است کمی به PHP. هنوز دقیقا مشابه است. 

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

TOMAS رایمرز: بنابراین یک راه برای فکر کردن در مورد این است اگر من کامپیوتر شما هستم و مایک است، مرتب از، سرور. چه اتفاقی خواهد افتاد این است که من قصد دارم به درخواست مایک، هی، می توانید یک کپی از من این صفحه وب؟ و او به من یک کپی از آن را به من بدهید. 

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

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

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

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

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

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

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

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

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

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

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

بنابراین در اینجا ما می توانید ببینید که تحریک و تشجیع کردن خواص طول می کشد به عنوان یک استدلال لازم است. و هر چیز دیگری اختیاری است. توجه داشته باشید جانبی - شما می توانید از این فکر می کنم، مرتب از، مانند صفحات مرد. صفحات man مستندات C و برای بسیاری از مسائل دیگر، و همچنین. 

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

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

TOMAS رایمرز: روش دیگر، شما در شناور است، که بسیار محبوب است. پس برگشت به قطره من پایین ایده منو. شما می توانید یکی از بالا در شناور داشته باشد. و سپس شما می توانید تغییر دهید. 

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

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

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

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

MIKE ریزو: آیا وجود دارد سوال در مورد این؟ این می تواند کمی گیج کننده است اولین بار که شما آن را ببینید. 

TOMAS رایمرز: در واقع شما می خواهید باز کردن یک فایل و آنها را نشان می دهد برخی از جی کوئری در حال حاضر؟ 

MIKE ریزو: آره، اجازه انجام این کار. OK. 

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

برای اولین بار است آن را به هم پیوند فایل جاوا اسکریپت. و ما در اینجا می بینیم که. ما می بینیم که در سر سند HTML، به خصوص. بنابراین شما وجود دارد را مشاهده خواهید کرد که ما، در واقع، می گویند SRC، که مخفف منبع. و این URL است. 

بنابراین در اینجا شما می توانید می گویند که ما کرده ایم شامل از jQuery. و ما همچنین شامل اسکریپت. راه دیگر برای عبارتند از جاوا اسکریپت است که شما می توانید اسکریپت های درون خطی عبارتند از برچسب که ما در پایین دارند که در آن می گوید: نوع اسکریپت متن جاوا اسکریپت است. 

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

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

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

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

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

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

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

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

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

MIKE ریزو: OK. بنابراین ما چیزی تغییر کرده است. اما به نظر نمی آید مانند آن را به پاسخ ما در همه دلیل آن را فقط به نوع آن را به عنوان به زودی آن را به عنوان لود شده در صفحه انجام داد. بنابراین در حال حاضر، به جای انجام این کار، به همین دلیل ما نه یک event handler را اضافه کنید. 

بنابراین اجازه دهید کاری انجام دهد به بدن دوباره. و اجازه دهید می گویند ما این کار را در - کلیک کنید. ما یک تابع را اضافه کنید. 

تغییر بگذارید: TOMAS رایمرز آن رنگ به قرمز خواهد کرد. چرا که نه؟ 

تغییر آره، اجازه دهید: MIKE ریزو رنگ آن به قرمز دوباره. بسیار خوب. بنابراین اجازه دهید صفحه را مجدد بارگذاری. OK، ما می بینیم - به عنوان انتظار می رود، آن را روشن نکنید قرمز است. اما پس از آن ما می توانید پیش بروید و آن را کلیک کنید. 

TOMAS رایمرز: و آن به رنگ قرمز تبدیل شود. 

MIKE ریزو: و آن قرمز به عنوان انتظار می رود. 

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

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

MIKE ریزو: OK. فقط به عنوان مثال - شما می کنید به این پیش از آن - من فقط به شما نشان می دهد آنچه در آن به نظر می رسد مثل وقتی که ما چیزی مخفی. پس من میام جلو و اسلاید کردن. 

TOMAS رایمرز: می خواهم به بسته بندی است که در یک نوع پاراگراف قبل از ما انجام این کار؟ 

MIKE ریزو: OK. آره، چرا ما نه انجام این کار فقط تا ما می توانید آن را کمی بیشتر را انتخاب کنید. 

TOMAS رایمرز: و اجازه دهید آن یک کلاس می دهد. 

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

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

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

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

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

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

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

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

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

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

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

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

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

TOMAS رایمرز: به دنبال در بالا دوباره، آن را بسیار شبیه به فونت سایت بسیار معروف. بسیاری از اسناد و مدارک شروع خواهد شد به نظر می رسد مشابه زمانی که شما دیده می شود به اندازه کافی از آن را. بنابراین در اینجا ما باید CSS بخشی از این. و شما خواهید دید که چگونه آن را می تواند چیزهای سبک. بنابراین اگر شما در جدول کلیک کنید، برای مثال، شما فورا می توانید یک را جدول بسیار به سادگی با اضافه کردن جدول کلاس به آن. 

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

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

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

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

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

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

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

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

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

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

MIKE ریزو: و این در واقع که در آن این میزبانی بیش از حد، اگر شما متوجه است. 

TOMAS رایمرز: آره. بنابراین اگر شما به بیش از برای عادی و به GitHub. بود این است که؟ 

MIKE ریزو: که کمی چیزی گربه نماد GitHub است. 

TOMAS رایمرز: اوه. بنابراین GitHub با استفاده از یک روش به نام دستگاه گوارش به کد فروشگاه. آیا شما نمی دانید که چه چیزی است و یا آن را به شما وحشت، که خوب است. شما لازم نیست بدانید که چه دستگاه گوارش است به دلیل GitHub دارای یک دکمه دانلود در سمت راست پایین. 

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

MIKE ریزو: ترک اینترنت. 

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

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

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

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

MIKE ریزو: پس اجازه دهید به جلو و کلیک بر روی این. توجه داشته باشید سریع - در حالی که، قبل از ما بودند انجام در، کلیک کنید. معلوم است JCorey کره نیز ساخته شده است در کلیک رویداد کنترل است که آن را با استفاده از فقط به خاطر اینکه آن را به چهره شما رفتن به می خواهید برای انجام بسیاری از مسائل زمانی که می خواهید کلیک کنید چیزی. 

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

TOMAS رایمرز: پس من واقعا سریع برنامه حق در اینجا، که می گوید: دکمه را بر روی کلیک کنید. بعد از آن ما باید یک حلقه for. برای من کمتر از 404 است. این فقط به ظاهر این پیام هشدار. 

MIKE ریزو: و آنچه بود کد 404 برای در HTML ایستاده بود؟ آیا کسی به یاد داشته باشید؟ یافت نشده، درست است. کروم نیز اضافه شده است این شسته و رفته چیزی که در آن شما می توانید - 

TOMAS رایمرز: از آنجا که مردم مانند مایک شروع به این کار بسیاری و کاربران آزار دهنده است، که اجازه می دهد شما را به دیدن اطلاعات. 

MIKE ریزو: آره. 

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

MIKE ریزو: هر چیزی که بچه ها می خواهم برای دیدن واقعا در مثل، سریع دو دقیقه یا کمتر؟ 

TOMAS رایمرز: هر چیزی. ما می توانیم روشن؟ چگونه برای نوشتن در - 

یک مدعو: [نامفهوم]؟ 

MIKE ریزو: بله، تا that's - 

TOMAS رایمرز: شما فقط می توانید آمار کنترل-U در وب سایت. 

MIKE ریزو: آه، من می دانم که نیست. 

TOMAS رایمرز: من فکر می کنم، آره. کنترل-U. آره. 

MIKE ریزو: اوه، به طوری که کد برای وب سایت. اما اگر شما واقعا می خواهید برای دانلود ما فایل ها و همه چیز، آن است که به میزبانی در github.com 

TOMAS رایمرز: بریده بریده نام من - توماس رایمرز - علامت ممیز سمینار خط CS50. 

MIKE ریزو: و شما می توانید پیدا کردن همه چیز وجود دارد. 

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

MIKE ریزو: آره، و اگر ما فقط کلیک کنید در index.html را واقعا به سرعت - 

TOMAS رایمرز: شما در اینجا خواهید دید است کد منبع برای وب سایت ما. 

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

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

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

MIKE ریزو: آره، لذت ببرید. شما بچه ها را ببینید. 

TOMAS رایمرز: مشاهده بله.