DAVID J. MALAN: Bütün sağ, bu burada Myo qolu band, bir neçə olan biz CS50 final layihələr üçün var. Və biz sıraya nümayişi idi əvvəlcədən yerləşir mahiyyətcə siz up Bu kifayət qədər sıx silah burada band Sizin əzələ hərəkətləri dinləyir sonra proqram eşlenen ki, burada Colton Notebooku olan idi iTunes və mahnı artıq sıraya. Əksinə oxşar demoing daha, Colton laboratoriya oldu aydın bütün həftə nümayiş əldə bir igid könüllü hazır. Kimsə gəlib istəyirsinizsə gündəmə ilk əl gördüm. Qədər Hadi. [00:01:09] Bütün hüquqlar. Və adı nədir? [00:01:13] Auditoriya: Uh, Maria. [00:01:14] DAVID J. MALAN: Maria, görmək gözəl. Burada gəlib. Mənə Colton sizə təqdim edək. Colton, bu Maria edir. [00:01:21] COLTON: Hi, siz cavab gözəl. [00:01:23] DAVID J. MALAN: Bütün sağ, belə ki, biz istəyirik, bir addım gedən qoymaq üçün ön kol üçün bu bu, olduqca ki, dirsək yaxınlığında sıx. Və eyni zamanda, sahib çıxaq Google Glass qoymaq və biz bu gün texnologiyalar qarışdırmaq lazımdır. [00:01:33] COLTON: İlk lazımdır şeyi bu çəngəl. [00:01:36] DAVID J. MALAN: OK. Əslində, kimi silah qoymaq bildirin mümkün kimi bu kabel yaxın belə ki, biz ilk eşzamanlayabilirim ki. [00:01:41] COLTON: Bunu edək. [00:01:42] DAVID J. MALAN: Və eyni zamanda, belə hər kəs bir daha nəzər əldə edə bilərsiniz ki, biz Andrew kamera silkələmək lazımdır orada ekranda. Beləliklə, biz ki, bir USB kabel Maria pazıbent takıldığından olunur. Və mənə Colton ekran silkələmək edək növbəti proyektor üzrə. [00:02:00] Belə ki, Colton cihaz qeydiyyatdan edir bir Myo bu kabel bağlı indi. İndi nə Maria-nin bir anda edəcəyimiz həqiqətən vasitəsilə gəzmək kalibrləmə addımlar və proqram öyrətmək necə öz əzələlərin cavab O zaman müəyyən pre-müəyyən proqram anlayan gestures. Siz getmək istəyirsinizsə ekran qarşısında. OK, çalışırıq saxlamaq. [00:02:30] COLTON: oxşar gedin. Və kimi. Və sağ bütün yolu. Geri dön. [00:02:35] DAVID J. MALAN: OK. Müxtəlif perspektiv. Bu deyil. Bu, bizi var. [00:02:40] MARIA: OK. DAVID J. MALAN: No. Ali qədər var, belə ki, hərəkət edək dirsək yaxın, və ya hətta sıx. Bütün hüquqlar. [00:02:52] Burada biz gedin. Bu CS52X üçün yaxşı bir zaman ola bilər. Biz orada getmək. [00:02:57] Çox gözəl. OK. Thumb sərçə üçün. [00:03:02] Çox gözəl. Barmaqlarını yayılmışdır. Yaxşı. Sağ dalğa. Bu işin göstərən oldu sol, əl ilə [00:03:17] COLTON: Bəli, wierd var. DAVID J. MALAN: Wave Sağ və irəli hərəkət. Tez irəli keçmək və ya növbəti. Ki, OK Wave doğru. [00:03:25] MARIA: Mən gözləyin do not. [00:03:26] DAVID J. MALAN: bəzi kömək lazımdır? [00:03:28] COLTON: Belə ki, bu kimi olacaq. MARIA: Bu dönüş oldu başqa bir şey olsa. COLTON: Bu. DAVID J. MALAN: Bəli, mən bilmirəm niyə bir leftie göstərən oldu. COLTON: Niyə Cəhd deyil yalnız bu kimi davam edin. [00:03:38] DAVID J. MALAN: No? Bəlkə silah olmaq Bir az straighter həyata və bu kimi daha kəskin etmək. Bəli, OK, gəlib. [00:03:48] MARIA: Üzgünüm. DAVID J. MALAN: Bu sizin günah deyil. COLTON: Bu gözəl var. DAVID J. MALAN: Bütün sağ. Well-- [00:03:56] MARIA: biz sonra, bu keçmək lazımdır? DAVID J. MALAN: Bəli, edək çəngəl off imkan. Hər bir etmək istəyirsinizsə Belə ki, Bu qabaqcıl istifadə yekun layihə hardware, həyata yalnız bilər alışma bir az almaq. Və Hələ reallıq bu əslində çox kənar qanaxma. [00:04:10] Bu deyirlər nə geliştirici kit olan əhəmiyyətli bir pre-reliz deməkdir belə insanlar məhz nə edə bilər ki, bu mübarizə Hələ, rəqəm həyata necə insanların orqanlarının iş texnologiya ilə. Istədiyiniz Belə ki, əgər sonra, mühazirə sonra, biz gəlmək bildirin bilər və onu başqa bir zərbə almaq. Alqış Lakin başqa, dəyirmi, əgər Biz gələn üçün Maria, bilər. [00:04:26] MARIA: Təşəkkür edirəm. [00:04:28] DAVID J. MALAN: Təşəkkür edirəm. Biz bu asmaq lazımdır, lakin biz verəcək Səninlə necə bir stress topu haqqında? Oh, and-- və əgər Bəli, thanks. Bütün hüquqlar. Siz idi maraqlı, əgər belə səs seçimi ilə tanımadığı Biz orada ki, əvvəl, bir gözəl TV göstərir ki, Siz tamamilə olmalıdır binge-seyr Netflix olmaq burada biridir. [00:04:51] HOPARLÖR 1: Xanımlar və cənablar, Josh adlı bir sehrbaz. [00:05:04] DAVID J. MALAN: Və yəqin, bu bir şey indi mühazirə zamanı mənə mətn. Mən deyilmə alıram Maria dünən bir ad idi. Belə ki, happy birthday Maria CS50 həmçinin. [00:05:18] Belə ki, son ay oxumaq ola bilər ki, burada bu cənablar, Steve Həqiqətən olan Ballmer, kollec 1977-ci sinfi, Bu yaxınlarda Microsoft təqaüdçü. O, burada bir lisenziya idi sonra bir neçə il sonra özünü tapdı Stanford Business School O telefon qəbul edərkən onun kim bir dost zəng salonda aşağı yaşamış burada Harvard ondan. Ki Dostunuzun adı Bill idi Gates, və zaman, o olmaq Steve cəlb çalışır ilk biznes şəxs, həqiqətən, kiçik bir şirkət Microsoft adı. [00:05:45] Uzun hekayə qısa, Steve nəticədə qazandı, zaman Microsoft qoşulub yalnız 30 işçisi var. Və zaman o Bu yaxınlarda təqaüdçü, Şirkət 100,000 işçisi var Son bir neçə il ərzində. Və belə bir web The Verge kimi tanınan video bu ziyarət hazırlanan biz istədiyiniz düşündüm ki, verir ki, paylaşılan yalnız nə qədər enerji Steve hissi O verir hər hansı bir təqdimat gətirir. [Video playback] Microsoft dördüncü uşaq kimi. Uşaqlar evi tərk yoxdur. Bu halda, hərhalda Mən ev tərk edirəm. Bill Hey, whazzap? [00:06:23] -Wazzap? [00:06:24] -Hey, Wazzap? Biz verilmişdir etdik böyük imkan. Və Bill bizə imkan verdi. Mən ki, Bill təşəkkür etmək istəyirəm. Mən sizə çox istəyirəm. Yenilik tempi yavaş etmək niyyətində deyil. [00:06:42] Bu, daha sürətli və daha sürətli olacaq. Bir neçə rəqibləri ola bilər təəssüf ki, ləğv edilir! [00:06:54] Mən bu şirkət sevirəm. Bəli! Mən PC və mən bu şirkət sevirəm! [00:07:08] Yaradıcılar, developers, developers, developers, developers, developers, developers, developers. Bəli! Web developers! [00:07:19] Web developers! Web developers! Qulaq asmaq başqa nə heç bir əlavə pulsuz almaq! [00:07:28] MS-DOS icra görüş təqvim, bir kart qalaq, qeyd pad, bir saat, bir kontrol paneli. Və, siz iman edə bilərsiniz? Reversie! [00:07:35] CD onları yandırmaq! MSN onları! Siz dostlara onlara göndərin! [00:07:40] Bir klik ilə bütün! One Microsoft, bir strategiya bir team-- intizamlı, professional, diqqət, və biz bütün ekspert. Mənə köhnə film bir xətt istifadə edək. [00:07:52] Münasibətlər shirks kimi. Onlar irəli hərəkət və ya onlar dəyişir. Mən, həqiqətən, texnologiya edirəm şirkətlər eynidir. [00:08:01] [END video playback] DAVID J. MALAN: Biz belə edirik Steve bizə qoşulmaq olunacaq elan burada CS50 növbəti Çərşənbə adi yer və burada vaxt. Space ehtimal məhdud olacaq. Belə ki, şəxs bizə edin qoşulmaq qısa müddət sonra bu gün rəhbərlik və ya cs50.harvard.edu/register üçün. [00:08:22] Və biz təqib edəcək Çərşənbə axşamı ləkələr təsdiq. Növbəti gözləyirik CS50 mühazirə zamanı Çərşənbə. İndi, digər xəbərlər, mən oldu The Crimson bu rast gəlmək yalnız digər gün. [00:08:34] Bu CS50 heyəti biri çıxır ki, və CS50 tələbə ən azı bir Hal-hazırda UC üçün çalışan prezidenti və vitse-prezidenti, olan məni geri gətirdi öz gün geri Mən boynuburuq UC seçimi itirdi. Lakin gümüş astarlı ki, mən həmişə deyil hekayə ki, demək I bir əmin deyiləm bir çox səbəbləri I itirilmiş seçki tam olmaması idi ictimai danışan üçün bir istedad. Və kifayət qədər vicdanla, onu məni qovdu, təcrübə Mən kiçik il, həqiqətən hesab qeydiyyatdan hesab Harvard Kompüter Cəmiyyəti, üçün hansı qrup şəhərciyində ki, müxtəlif texniki danışıqlar aparır və başqa şeylər. Mən öz tədris götürdü seminarlar və buna görə də bir fürsəti tutdu gözəl imkan, məhz bu iş başlamaq üçün. Lakin, bir fürsət idi Bu təcrübə zamanı özümü bütün daha HTML öyrətmək. Və mən ötən gecə procrastinated HTML based web vasitəsilə axtarır Mən, 1997-ci kimi '98 etdi mənim Burada bu kimi görünür kampaniyası. Mən bilirəm. [00:09:29] Çünki və əlbəttə, bildiriş 1998-ci ildə bu gözəl dizayn qərar və ya etajer. Siz istədiyiniz ilk şey istifadəçilər Sizin veb ziyaret sonra nə etmək başqa bir keçid yalnız basın var rahib burada haqqinda daxil arxasında bir kəfən pərdə kimi yəqin mənim kampaniya platforma idi. Və bu almaq lazımdır bütün bu gün yalnız bir ekran var. Amma kimi, oxumaq idi Mənim kampaniyasına keçən gecə və platform. [00:09:50] Mən vaxt belə qəzəbli idi. Bu maraqlı idi əmrində deyilirdi: Mənim platform. Mən sonra sakitləşdi etdik. Amma bir gün, mən yenə davam edəcək və Bu vaxt off inşallah daha yaxşı. [00:10:03] Belə ki, HTML, Mən olan dil Siz in-- ki tezliklə daha more-- etmək lazımdır Biz olduğunuz bir şey deyil Gec söhbət və əsasən indi verilən alaraq biz digər dillərdə köçürülüb etdik. Ancaq bir an fasilə imkan və Bu məzmunda bəzi şeyləri qoymaq. Belə ki, bir cümlə, HTML nədir? [00:10:18] Və ya nə üçün istifadə olunur? Hər kəs? Bəli. [00:10:20] Auditoriya: web saytları üçün Markup. DAVID J. MALAN: haqqinda üçün Markup. Belə ki, bir biçimlendirme dili var ki, Bir web page strukturu imkan verir. Header burada gedir, adı burada gedir, bədən burada gedir. Bu edir boldface edir ətraflı ki, sort italics--. [00:10:33] OK, yaxşı. Belə ki, CSS səni və mən imkan verir bəzi azadlıqlarının etdi qalın-üzləşdiyi və kursiv çünki daha yaxşı bu həyata var. CSS nə That? Bir cümlə söyləyin. Hər kəs bütün. Bəli. [00:10:46] Auditoriya: bəzək və dizayn necə kimi stuff. DAVID J. MALAN: OK, yaxşı. Imkan verir ki, bəzək dizayn və ya stylize boldface və kimi şeylər italik və rəng və daha gözəl elementləri damarlı yerləşdirilməsi. Bu cür şeyi verir son mil məsələn, əgər, pset7, siz qeyd ola bilər sizin portfel səhifə bu nöqtədə əgər artıq default masa ki, siz istifadəçi fond holdinq göstərəcək etmək və pul yəqin ki, olduqca çirkin görünür ağ kosmik ilə ismarıcları. Crammed Hər şey cür birlikdə satır və sütun. [00:11:18] Bəli, bir az CSS, həyata bilər, həqiqətən çimdik və edə bilərsiniz daha tanış və çox şey gözəlləşir baxmaq. Belə ki, CSS haqqında web stilləşdirmə. Amma sonra biz başqa bir təqdim Bizə nə imkan verir dil, PHP? [00:11:36] Yalnız nə edək? Hər kəs. Kənarda müəssisə üçün Got ilk bir neçə satır. Bəli. [00:11:40] Auditoriya: dinamik məzmun yaradın. DAVID J. MALAN: Perfect. Dinamik məzmun yaradın. Və bunu edə bilərsiniz Dil hansı bir sayı. Biz çünki PHP istifadə etmək nə C sintaksis belə oxşar hissəsində. [00:11:50] Lakin PHP dəqiq ki, yoxdur. Bu dinamik çıxış yaratmaq imkan verir. Və çıxış bəziləri ola bilər HTML, biz adətən bunu etdik kimi. Bu, çünki o da var bir proqramlaşdırma dili deyil mexanizmi vasitəsilə biz bazaları danışmaq olar. [00:12:03] Və biz sorğu edə bilər Yahoos kimi digər server və program şey həqiqətən başqa bilər etmək üçün bir kompüter məcbur etmək istəyirəm. Belə ki, PHP us başlamaq imkan verir dinamik məzmun tipi. Bu məntiq Belə ki, mən yox idi geri 1998-ci ildə dinamik haqqinda. [00:12:16] Bu yalnız bir statik web page oldu. Mənim content tərəfindən dəyişdirilə idi əl gedit və ya bəzi ekvivalenti ilə. Amma PHP biz istifadə və ya nə istifadə edə, daha doğrusu, Bu kimi bir şey Frosh Ani website olan qeydiyyatdan etmək idi və users-- şeyi bir siyahısı idarə həqiqətən çox dəyişir Biz nə baxmayaraq zaman, Perl, müxtəlif istifadə zaman dil. [00:12:35] Və sonra nəhayət, biz təqdim SQL-- Query Language Strukturlaşdırılmış. Belə ki, başqa bir dil ki, nə üçün istifadə edir? Nə üçün istifadə olunur? Biz slight-- risk edə bilər OK, biz getmirik çox uzaq almaq üçün burada orkestr çox. Auditoriya: Bu protokol var verilənlər bazası danışmaq üçün istifadə olunur. DAVID J. MALAN: A protokol verilənlər bazası danışmaq üçün istifadə olunur. Mənə çimdik imkan verir. Bu istifadə və təbii dil var databases-- seçir danışmaq və edər və silir və yenilikləri və həqiqətən hətta daha çox xüsusiyyətləri ki, biz hətta dived yoxdur daxil lakin siz explore-- istəyirəm bilər demək, son layihə tədqiq etmək. Belə ki, bu müxtəlif ədəd var. [00:13:09] Və inşallah pset7, baxmayaraq onun dəqiqləşdirilməsi, olduqca uzun Bu gəzmək qəsdən uzun necə bu şeyi bütün bilərsiniz vasitəsilə birlikdə çap edilə. İndi Bazar ertəsi biz haqqında bizim son dil təqdim Biz rəsmi təqdim lazımdır ki, , JavaScript ki kursu. Bu, PHP kimi, bir şərh dil. [00:13:25] Lakin əsas fərq Bazar ertəsi təklif PHP isə icra və ya ki, server haqqında şərh olunur olan bu halda CS50 cihaz deyil, və ya bəzi kommersiya web ola bilər internet server, JavaScript ümumiyyətlə klient çalışır ki, bir dil brauzer deyil server side-- belə. Hansı yalnız mən açdığı kimi, demək Facebook mənbə kodu və bütün aşkar bu js faylları, dolayısı idi Siz Facebook və ya ziyarət zaman ən saytları bu gün, siz almaq yalnız HTML, yalnız CSS, lakin JavaScript bütün dəstə tez-tez js faylları şəklində kodu. Və sonra bu browser öz var Kod icra edən Mac və ya PC--. [00:14:03] Lakin browser onu həyata keçirir. Siz Sandbox növ hesab edə bilər. JavaScript kodu olmamalıdır Belə ki, Sizin kompüter faylları silmək mümkün. Bu mümkün ola bilməz sizin adınıza e-poçt göndərin. Kısıtladığı Sizin browser cür siz nə edə bilərsiniz. [00:14:17] Belə ki mənada, bu bir az var az güclü, bəlkə də, daha C. Amma JavaScript bilərsiniz kimi bir kənara, server istifadə edilə, danışmaq etməyin lazımdır, baxmayaraq Bu kontekstdə bu barədə. Belə ki, indi birlikdə bu bağlamaq imkan. Bir həftə plus əvvəl biz bəzi HTML təqdim əgər sol super qazma web page. [00:14:34] Just salam dünya deyir. Və sonra mən təklif Sağ biz növ fikir oğurlamaq bilər bizim müzakirə C data strukturları və bu iyerarxik haqqında düşünmək sol biçimlendirme dili tərtib və ya yaddaş həyata keçirilə bilər qovşaqlarının ilə faktiki ağac strukturu kimi göstəricilərinə və ətraflı bu cür və. Sağ, dediyimiz bir DOM-- sənəd Olan yalnız Model-- Obyekt ağac deyərək bir xülya yolu. [00:14:56] İndi niyə bu faydalı Bu şəkildə düşünün? İndi Çünki JavaScript, çünki bizdə Bu oynamaq olur ki, kodu mühit var ki, faktiki HTML brauzer göndərilib artıq və artıq tərəfindən yaddaş instantly edilmişdir Sizin kompüter nin bir ağaca browser Bu kimi RAM, biz JavaScript istifadə edə bilərsiniz həqiqətən axır ya gəzmək və ya axtarış və ya DOM ağac Ancaq biz istəyirik ki, dəyişir. Belə ki, əslində, hesab edirəm ki, əgər haqqında facebook.com, Siz chat sistemini istifadə əgər siz istifadə Gmail və Gchat xüsusiyyət, Siz harada bir şey təkrar gələn mesajlar və yenə o mesajlar, yəqin ki, kimi, LI tag siyahısı Item tags, bəlkə. [00:15:35] Və ya bəlkə onlar yalnız görünen saxlamaq divs hər zaman bir mesaj almaq. Və belə ki, yalnız nə deməkdir Facebook və ya Google edir heç bir zaman bir almaq server mesaj, onlar yəqin ki, JavaScript istifadə yalnız başqa node əlavə etmək bu bu başqa bir node ağac sonra vizual yalnız görünür ki, ağac ekranda mətn yeni xətt kimi. Lakin onlar daxil edirik Bu data strukturu. [00:15:57] Kimi dərsləri Belə ki, CS124 və başqaları, siz lazımdır əslində qarşı daha kodu yazmaq bu kimi data strukturları. Amma indi JavaScript üçün, biz yalnız güman lazımdır bu işlevselliği bütün almaq dil özü pulsuz. Belə bir misal baxaq. [00:16:09] Mənə form.html adlı bir fayl açmaq edək. Bu super sadə. Bu, sadəcə bu kimi görünür. [00:16:15] No CSS, estetik heç bir fikir. Bu sırf funksional deyil və yəqin mən deyiləm Bir e-poçt üçün xahiş, bir parol, yenidən parol, və sonra bir çek bəzi şərtlər razı. Bu üçün mənbə kodu yəqin ki, bir şey kimi görünür Bir ilə tahmin bilər İndi fikir az bit. Mən burada bir forma tag var. [00:16:32] Fəaliyyət yəqin gedir register.php adlı fayl gedin. Mən istifadə gedirəm metodu almaq. Və sonra mən bir mətn var adı e-poçt sahəsində. [00:16:40] Mən bir parol sahə var parol Adı. Mən başqa var Onun adı parol sahədə qədər özbaşına təsdiq edir. Bu, yalnız bir HTTP parametr var. [00:16:49] Və sonra biz başqa bu istifadə etdik Bu Frosh Ani sinif demo ildən olan bir onay qutusu yalnız növü çek bərabərdir. Mən ki, müqavilə zəng edəcəyik. Mən var cür özbaşına, lakin rahat bu sahələri adına. Bu forma olur, indi zaman, belə ki, təqdim, nə görmək edək. Mən malan@harvard.edu varsa, Mən allıq bir parol edəcəyik. Mən heç bir şey bir parol edəcəyik. Üzrə əməkdaşlıq edək. [00:17:10] Mən kutuyu deyil. Mənə Qeydiyyat basın edək. Və bu hm, qeydiyyatdan edirik, deyir. Həqiqətən. [00:17:16] Amma URL dəyişdi. Belə ki, bu formu aydın icazə register.php təqdim etmək. Amma güman edirəm olmalıdır bu səhvlərin bəzi tutmaq. İndi pset7 və bəzi Bizim mühazirə nümunələri, biz ümumiyyətlə çap olardı Burada böyük bir qırmızı səhv baş beledir deyərək adını itkin, və ya parolunuzu itkin. Biz əvvəl biz etdik görülən server yan səhv aşkar. [00:17:37] Lakin bir çox saytlarda bu gün klient səhv aşkar edə burada URL dəyişmir. Bütün səhifə yenilemek deyil. Siz ani rəy almaq brauzer. Bəlkə bir şey qırmızı gedir. [00:17:48] Bəlkə bir pop up almaq. Amma göndərilməsi vaxt sərf etməyin natamam olan server data. Belə ki, necə biz ola görək kimi yaxşı xüsusiyyət nail olmaq. [00:17:56] Mənə form1.html gedək eyni görünür. Amma bu dəfə mən əgər malan@harvard.edu və allıq yazın və mən daha əməkdaşlıq deyil lakin Qeydiyyat basın, indi görürsünüz. Bu seksual həll deyil. Mən ən azı bu səhv tutdu etdik. Mən siqnalı istifadə etdiyiniz JavaScript funksiyası biz yalnız sinif istifadə edirik. Ümumiyyətlə, bu istifadə etməməlidir çox tez çıxmaq bilər, çünki nəzarət. Amma uyğun deyil parol səhv edir. [00:18:19] Mənə irəli getmək və OK basın edək. Amma burada əsas paket URL dəyişdirmək etməyib ki. Mən narahat etdik israf server zaman xahiş Mən ola bilər ki, bir sual özüm cavab fiqurlu. [00:18:30] Və istifadəçi, baxmayaraq bu barədə söhbət istifadəçi artıq Bu barədə düşünmək gedir, ani Əlaqə gedir. Heç bir gizlilik ilə var şəbəkə bağlantısı. Belə ki, bu mənbə kodu baxaq. [00:18:40] Form1.html görünür burada struktur oxşar. Forması əslində eynidir. Amma mən burada nə görmək bildirin. Və bunu müxtəlif yolları var. Mən ən düz etdik hələ ən zərif şəkildə follower deyil. Mən bir script tag var. Mən sonra zəng document.getElementByID (qeydiyyat). Mən ki, dəyəri saxlamaq şəklində bir dəyişən. [00:19:04] Belə ki, mən nə etmişəm? Siz hesab edə bilər document.getElementByID kimi xüsusi funksiyası JavaScript verir sanki bir əlləri ki, qovşaqlarının biri pointer bu ağac və ya düzbucaqlı. Belə ki, indi ki, nə bizim formu dəyişən JavaScript əslində işarə edir. [00:19:21] Belə ki, indi sintaksis fərqli C. Amma biz burada bir neçə şeyi edirik. One, bu bir az qəribə deyil C. qarşı əlbəttə, axtarır Amma line 35 baxmaq. Sol form.onsubmit belə. Ki onsubmit Xatırladaq struct bir sahə kimi. Siz formu dəyişən düşünüyorsanız yalnız bir C struct olunur, bəzi sahələri ola bilər. [00:19:42] Geri gün, biz tələbələr adları idi, Kimlikleri, Evlər sahələrdə o cür. Bir başqa sahə olaraq onsubmit düşünürəm. Amma bu, çünki bir xüsusi sahə var browser gözləmək preprogrammed edir .onsubmit bir dəyəri deyil bir sıra və ya string kimi, lakin əslində bir funksiyası olacaq və ya bir funksiyası ünvanı kompüter yaddaşında. [00:20:02] Və həqiqətən, nə ki Bu söz burada yoxdur. Bu mənə yeni bir funksiyası vermək, deyir. Amma onun adı nədir yəqin, olacaq? [00:20:09] Bazar ertəsi geri düşüncələri. Bunun adı nədir Bu sintaksis əsasında funksiyası? Xeyr, mən demək, aydın var heç bir adı əlbəttə associated-- Mən burada qeyd etdik nə. [00:20:21] Amma əslində OK. Bu anonim funksiyası, və ya zəng edə bilər bəzi lambda funksiyası. Və yalnız deməkdir hələ bir funksiyası var. Bu adı ilə zəng edə bilməz, yalnız var. Amma ki, OK. Yenə Çünki browser olmuşdur Google kimi şirkətlər tərəfindən preprogrammed Microsoft və ya Mozilla və ya digər ya yalnız bilirik .onsubmit sahəsində əgər bir forma element var daxilində dəyəri bir funksiyası kimi müalicə bir funksiyası pointer, Siz. Şəklində təqdim zaman zəng. [00:20:46] Belə ki, nə code icra olunmalıdır zaman forması təqdim edilir? Görünür, hər şey buruq brace daxilində. Və bu, yalnız üslub edir. [00:20:53] Siz kimi bunu edə bilər biz CS50 edirlər. Amma JavaScript, insanların çoxu eyni xətt üzrə davam edirlər yalnız daha aydın, çünki ki, söz funksiyası ilə bağlı. Belə ki, indi nə mən bunu edirəm? [00:21:03] Form.email.value bərabərdir bərabərdir əgər boş string və ya heç bir şey, burada Mən demək gedirəm bir uyarı, Sizin e-mail təmin etməlidir və sonra saxta qayıtmaq. Və bu qayıdışı yalan ki, təqdim edilməsinə formu qarşısını alır. Eyni zamanda, parol dəyəri nə əgər boş, mən istifadəçi fəğan gedirəm və bir parol təmin etməlidir, deyirlər. [00:21:21] Eyni zamanda hər şeyi əldə burada bir az meraklısı. Form.password.value deyilsə bərabər form.confirmation.value, digər sahə, fəğan istifadəçi parol onlar kimi uyğun deyil bir an əvvəl etmədi. Və sonra bu bir az sexier, çünki mən Mən konseptual bilirdi ki, yoxlanılır bir onay qutusu adı. [00:21:40] Mən yalnız bir nida istifadə edə bilərsiniz çek deyilsə point demək yoxlanılır bu Boolean var doğru və ya yalan dəyəri, Mən bu səbəbdən istifadəçi fəğan lazımdır. Əks halda, biz vasitəsilə almaq bütün bu şərtlər, yalnız doğru qayıtmaq bildirin. Şəklində təqdim edək. Və bu sonra baş verəcək. [00:21:56] Allıq yazın edək. Nin qutusu yoxlamaq edək, Qeydiyyat basın. İndi təyinat keçir. İndi, heç bir verilənlər bazası var. Maraqlı bir şey var register.php edir. Mən yalnız bir şey lazım həqiqətən danışmaq. Mənə burada, fasilə edək. Biz yalnız etdik nə hər hansı bir sualınız və ya bu yeni sintaksis bəzi nədir? Bəli, OK? [00:22:17] Auditoriya: Belə ki, onay avtomatik Boolean edir. Siz kimi bəyan yoxdur. [00:22:21] DAVID J. MALAN: Correct. Sizə göndərilən hər hansı bir onay Sizin JavaScript kodu bir HTML forma kimi, bəli, müalicə olunacaq Boolean doğru və ya yalan dəyər. Bu yaxşı sual var. Digər dəyərləri Halbuki, və Əlbəttə ki, mətn, AKA strings olmuşdur. [00:22:36] Bütün hüquqlar, belə ki, mənə bildirin bir az daha geri. Bu bütün point nə idi? Just aydın olmalıdır. Kimi, biz artıq belə pset7 dən bilirik və hətta keçən həftə mühazirə biz açıq-aydın kontrol edə bilərsiniz ki nümunələri, Istifadəçi bizə vermək əgər $ _GET $ _POST bax boş dəyər. PHP boş funksiyası saxla. [00:22:54] Belə ki, yalnız nə, aydın olmaq biz də ola bilər bir səbəbi Bu səhv yoxlanılması etmək istəyirəm Brauzer daxili? Burada motivasiya nədir? Bəli. [00:23:06] Auditoriya: Faster, və siz deyil server yararsız data göndərin. DAVID J. MALAN: Yaxşı. Bu sürətli. Siz yararsız göndərmək yoxdur server data. [00:23:12] Belə ki, bir daha geri almaq dərhal cavab. Və ümumi istifadəçi təcrübə yaxşıdır. Alternativ düşünün. [00:23:17] Gmail-- və idi illər əvvəl halda. Yeni bir e-poçt Gmail var düşünək hesab, lakin yalnız yolu kimi üçün görmək, bütün səhifəni yenidən. Yoxsa basın güman bir link bir e-poçt oxumaq üçün. [00:23:29] Hər şey belə yeniden var Siz e-poçt edə bilərsiniz ki. Və ya bir chat mesaj almaq Facebook--. Siz yeniden qədər görmürəm Bu səhifə və ya bir link basın. [00:23:36] Kimi, bu bağrı bir olacaq annoying istifadəçi təcrübəsi. Və bu, bu kimi nə edir aydın, geri Mən UC üçün qaçdı zaman və web daha az dinamik idi təbliğ və JavaScript deyil kimi indi. Və hər şeyi daha alır daha dinamik və daha çox O mənada klient. [00:23:49] Amma tutmaq burada, və bu annoying Gotcha növüdür. Yalnız klient əlavə çünki bu kimi aşkar demək deyil Siz və ya tərk bilər server yan aşkar. Siz mahiyyətcə qoymaq istəyirəm həm yerlərdə yoxlanılması səhv. Biri nə çünki öyrənildi dərsin Məqalədə Mən bəzi çıxarışlar oxumaq Bu axmaq CMS system-- ilə olan Ki, Content Management System-- onun identifikasiyası sisteminin həyata keçirilməsi, nə mexanizm vasitəsilə giriş? JavaScript. [00:24:20] Auditoriya: JavaScript. DAVID J. MALAN: JavaScript, dəqiq, sağ? JavaScript istifadə edilmişdir. Və sözün, uşaqlar var yəqin ki, bir az oynadı Chrome inspektor ilə. Mən bunu edə bilərsiniz, əgər element yoxlamaq. [00:24:30] Mənə nə üzərində getmək edək Chrome variantları bütün. Və bu nə qədər asandır bir brauzerinizin JavaScript aradan. , Heç bir daha çox JavaScript yoxlayın. [00:24:38] Belə ki, ədalət, bir çox bu gün web yalnız çünki pozmaq niyyətindədir Gmail və digər sites-- Ki, güman Facebook-- JavaScript effektiv. Amma axmaq bir şey edirik, əgər kimi yalnız users daxil doğrulama və yoxlanılması klient tərəfində səhvlər, bir rəqib asanlıqla bunu edə bilər. Və sonra belə asan Siz uşaqlar kimi rəqib İndi Telnet və ya Curl istifadə edə bilər və ya yalnız command line əmrləri və həqiqətən server mesaj göndər ki, eyni yoxlanılır səhv deyil. [00:25:05] Belə ki, bu bir daha çox istifadəçi interfeysi qərar texniki faktiki daha improvement-- həyata bu kimi bir şey klient. Belə ki, indi tez nəzər, lakin sonra Mən online gəzmək uzatmaq lazımdır bu bir vasitəsilə. Formada iki, biz həqiqətən vasitəsilə getdi və kodu bir az təmizlənmiş. Amma mənə bir təxirə edək Video biz güman lazımdır yalnız bir göstərir ki, pset8 embed adlı kitabxana istifadə edərək, oxşar sintaksis super, super olan jQuery, JavaScript məşhur kitabxana ki, səmimi insanların çoxu yalnız bu gün istifadə və hətta çaşdırmaq olan JavaScript özü. [00:25:37] Və cəlb etmək çalışır Bəzi dollar əlamətləri və sənəd kimi açar sözlər Burada mötərizədə. Ancaq yenə də, mənə təxirə izlə online bəzi yavaş Dərsliklər daha çox yalnız sintaksis bağladı almaq. Nin hərəkət edək bir az soyuq bir şey bu tətbiqləri baxımından. [00:25:50] Xüsusilə Belə ki, mənə gedək irəli və burada bu qədər açıq. Hadi. Biz orada getmək. [00:25:59] Mənə burada bu şəkil açmaq edək. Lazımsız mürəkkəb axtarır, lakin adlı texnika təsvir AJAX-- Asynchronous JavaScript və XML, harada XML üçün X əslində artıq həqiqətən istifadə. Bu bir şey istifadə etmək niyyətindədir başqa JSON çağırıb. [00:26:13] Amma burada necə bir şey kimi Google Maps və ya Google Earth işləyir. Həqiqətən, Tez bu cəhd edək. Mənə davam və açmaq bildirin mənim brauzerinizin up Chrome. [00:26:21] Və mənə gedək , maps.google.com deyirlər. Və həqiqətən, siz köhnə əgər nə xatırlamaq kifayət qədər, kimi, MapQuest, gün geri kimi idi və bəlkə onlar hələ də bu kimi işləyəcək. Siz bir şey üçün axtarış üçün istifadə zaman 33 Oxford Street, Cambridge, Mass, nin Hələ sizə nə edək həqiqətən ki, əgər up pan istəyirdi və aşağı, sol və sağ Bir kimi baxmaq big üst arrow, və başqa göstərmək olardı burada Xəritədə çərçivəsində. Yoxsa siz sol və basın olardı burada getmək, və ya başqa bir klik olardı və burada artıq getmək olardı. Ancaq bu gün biz əlbəttə yalnız biz getmək bilər ki, verilən almaq Cambridge ətrafında olduqca tez yalnız tıklayarak və sürükleyerek. Lakin bəzi glitches var görürsünüz. [00:26:59] Mən kifayət qədər sürətli bunu əgər, nə baş görünür Mən sürükleyin kimi bir az çox sürətli Kompüter üçün saxlamaq üçün? Nə görürsünüz? Bəli. [00:27:07] Auditoriya: The piksel yenilemek deyil. DAVID J. MALAN: The pixels yenilemek deyil. Həqiqətən, və var əslində, bu oldu, Siz online və fasilə seyr etdiyiniz halda Bu və ya həqiqətən, hər şeyi aşağı yavaşlatır once-- üçün var ki, görəcəksiniz plitələr, meydanların, və ya düzbucaqlı ki Xəritədə qədər itkin bir split ikinci sonra, daha çox məlumat, həqiqətən daha images ekranda görünür. Və əslində, biz baxaraq bunu əgər nin, Chrome-- deyək Chrome's-- qədər görək. Biz bunu edə bilməz. [00:27:31] Whoops, Oh. Nin maps.google.com açmaq edək. Yenə də pəncərə böyük edək. [00:27:36] Geri 33 Oxford Street gedin. Bu yaxınlarda mən idi haqqinda nə idi? Mən bu kimi xüsusi təmtəraqla danışmaq idi Özümü sonra ani mesaj istədiyiniz ki, online olan hər hansı bir dost kim eşitmək istəyirdi. Bəzi web var. Mən belə Comcast-- hesab çox böyük Amerika ISP. Siz yeni kabel üçün, yazılmaq zaman modem xidmət və ya kabel TV xidmət, onlar çox ağıllısı bir forma var onlar sizin ünvan üçün xahiş edirik. Bu gözəl var tam avtomatik adlı xüsusiyyət, Google kimi ki, doldurmaq başlayır Sizin suala cavab. [00:28:04] Bu problem, onlar tam avtomatik bunu edir Siz yazın ki, ilk şeyi. Belə ki, 33 yazaraq başlamaq əgər, onu hər ev sözün sizə göstərəcək Amerikada başlayır sayı 33 davam əvvəl Daha çox yazın gözləyirik. Siz Oxford 33 yazın Belə ki, sonra hər küçə göstərir Amerikada 33 Oksford var ki, asılı olmayaraq şəhər onun adı, Siz etdiyiniz. [00:28:25] Və sonra yazmağa davam edir. Və nəhayət, onlar deyil ki, həyata keçirir Cambridge ev təklif xidmət və ya kimi bir şey. Lakin baxımından bu, ən deyil avtomatik asinine həyata keçirilməsi Heç tam. [00:28:34] Mən yalnız off gedirəm Bu toxunan yenidən. Amma yaxşı yolu var JavaScript və pis yolları istifadə edin. Və mütləq yaxşı bir deyil. [00:28:40] Amma bu əvvəl burada point, tirade, alətlər burada açmaq idi və, geliştirici alətləri açmaq biz əvvəl təşviq etdiyiniz kimi, və şəbəkə izləmək tab Mən, həqiqətən, sürətli basın kimi. Və bütün dəstə qeyd sorğu baş almaq. Mən sürüklənəcəklər ildən bu bütün oldu. [00:28:57] Və çox güman ki, həqiqətən bu satır çox İndi image çizgi JPEG var MIME növləri və ya məzmun növləri. Nə Xrom ki, var Mən basın və sürükleyin hər zaman, basın və mən bu oh, həyata var drag edir kafel Google soruşmaq getmək lazımdır burada ki, xəritədə, tez HTTP vasitəsilə yükləyə, sonra qondarma DOM əlavə yaddaş ağac web browser nümayəndəliyi istifadəçi ki, Mənə yenilənir kafel görür. Bu üzündən deyil AJAX adlı texnika. Geri gün, həqiqətən bu halda idi əgər ekranda nə dəyişdirmək istəyirdi, Siz basın lazımdır, aşağı, sol, hüququ. Və sonra yeni bir səhifə açmaq olardı. Amma bu gün hər şey daha dinamik edir. Biz insanlar ki şəkildə olur Bu, həqiqətən interaktiv ümid edirik. Və bu nail adlı texnika yolu Bəlkə yaxşı olan AJAX, bir misal ilə izah. Birincisi, mənə irəli gedək və bir fayl açmaq da quote.php adlı bugünkü distribution kodu. [00:29:53] Və sonra mənə rəmzi whoops edək. Mənə simvolu edək = GOOG yalnız bəzi fond üçün. Və ya həqiqətən də nə edək Pset PULSUZ bir. Daxil edin. [00:30:05] İndi geri almaq nə görürsünüz. Belə ki, bu həqiqətən qısa PHP fayl ki, mən sadəcə kodu borc yazırdı ki, pset7 nin axtarış funksiyası bu buruq brace istifadə spits və quotes və kolon notation, yəqin, Bu üçün cari fond qiyməti Siz almaq vasitəsilə keçir ki, şirkət. Belə ki, bu fərqli biz nə ən çox Mən xəbəri həyata sözün həyata spitting nə JavaScript kodu kimi görünür. [00:30:27] Əslində, bu bir JavaScript obyekt. Əslində, yalnız daha aydın olmaq JSON-- Notation-- JavaScript Obyekt Siz ki, yalnız bir xülya yoludur qədər JavaScript data təmsil edə bilər kimi PHP bilərsiniz əsas dəyər cüt istifadə. Mən bəyan etmək istəyirdi əgər Belə ki, JavaScript dəyişən üçün, Zamyla təmsil Zamyla-- üçün struct misal və biz bunu edəcəyik tələbə, bu dəyişən. Onun ID ev, bir Winthrop, və adı Zamyla edir. [00:30:53] Amma mən də obyektlərin bir sıra ola bilər. Mən, həqiqətən, var istəyirdi olan JavaScript bir sıra Çox belə obyektlərin, bu vaxt, heyəti təmsil Mən bu üç ola bilər geri kodu chunks Bu üçün geri geri üç keçmiş heyət üzvləri. Belə ki, sintaksis, olduqca PHP both-- oxşar. Amma bu, xüsusilə JavaScript edir. Bu obyekt notation var. Belə ki, bu üçün faydalı nədir? [00:31:17] Mən kodu yazmaq ki, əgər spits JSON-- Məhsulları Notation-- JavaScript Obyekt ki Bu və ya məhsulları kimi görünür ki, Zamyla quruluşu kimi görünür Mən, həqiqətən, bu istifadə edə bilərsiniz proqramları I yazın. Mənə ajax0.html gedək. Bu çox deyil too-- estetik verilən düşündüm. Amma nə olur baxın. [00:31:34] Mənə irəli getmək və burada pulsuz yazın edək. Quote almaq basın. Və URL dəyişməyib fark. Amma yəqin ilə bir pop up almaq idi $ 0.15 bugünkü quruş fond qiymət. Belə ki, bütün pis deyil. Amma fərq, elə deyil Bu data birbaşa mənə geri gəldi. Amma doğru bir addım götürək daha tanış bir şey. Bu versiya bir ildə mənə bildirin quote alın basın, pulsuz daha yazın, və oh now--, bu idi əslində jQuery versiyası. Mən deyil me-- qoy kifayət qədər kifayət qədər fast-irəli. Mənə versiyası iki gedək Mən istəyirdim yerdir. Mən burada etdik nə edək. Mən bir web səhifə və super var Hər hansı bir web page sadə versiyası Bir mətn sahəsində bu gün istifadə edə bilər Burada pulsuz və sonra yəqin yalnız mətn. [00:32:14] Bu yəqin, burada bir forma deyil. Amma basın əgər almaq quote, mənim web page qeyd I sanki dəyişdirmək haqqında yeni bir ani mesaj var və ya yalnız köçürülüb sanki xəritə və daha çox məlumat almaq üçün lazım web page dinamik əlavə URL dəyişən və istifadəçi olmadan təcrübə müdaxilə olmaq. Həqiqətən, mən hələ edirəm eyni place-- ajax2.html. [00:32:35] Beləliklə, bu nümunə yalnız baxaq və bu baş necə. Mənə ajax2.html daxil edək. Və ilk şəklində qeyd. [00:32:44] Burada Down, mən dönüş alıram avtomatik tam off. Bəzən olur Brauzer əgər annoying göstərmək üçün çalışır bütün tarixi. Belə ki, HTML bunu edə bilər yalnız avtomatik off başa deyərək. [00:32:53] Mən bu mətn sahəsində bir etdik rəmzi simvolu deyil, bir ID. İndi, bu maraqlı xüsusiyyət. Biz span haqqında söhbət yoxdur lakin bu barədə düşünmək olar bir paraqraf tag və ya div tag kimi. Bu deyirlər nə var in-line element olan bir paraqraf almaq deyil deməkdir yuxarıda və aşağıda pozub. Bu, sadəcə olmadan in-line qalmaq olacaq daxil ekvivalent vuruş. Mən HTML bu yığın verdik benzersiz bir tanıdan təyin olunacaq Mən özbaşına qiymət çağırdı. Və mən bir Submit düyməsinə var. [00:33:21] İndi burada və bu, çünki həqiqətən super gözəl az kodu Siz nə yaza bilərsiniz hər şeyə nisbətən səliqəli qeyd Mən, mən əgər burada etdik nə bu səhifənin başına qədər gedin. Mən ilk daxil etdik mənim rəhbəri bir script tag həqiqətən istinadlar bir JavaScript başqa fayl. Bu təşkilat edir ki, jQuery yazır və bu, yalnız son verir onların jQuery kitabxana versiyası. [00:33:42] Belə ki, bu iti kimi növ edir C daxil və ya PHP tələb edir. Siz script tag istifadə mənbə atributu ilə. Amma indi öz kodu burada doğru olacaq. [00:33:52] Mən funksiyası adlanır Quotes var bildiriş. Və bu bir az görünür ilk baxışdan sirli. Amma bu ayrı tease bildirin. Mənə bir dəyişən adlı URL verin. Sanki bu simli təyin. Belə ki, bir quotes, ikiqat quotes JavaScript yalnız Mənə bir string verir. Artı nə edir? Concatenation. [00:34:08] Belə ki, bu, indi jQuery sintaksis olan alışma bir az edir. Amma bu yalnız mənə DOM almaq getmək deməkdir Onun unikal identifikator rəmzidir node. Var deməkdir hashtag Unikal identifikator rəmzidir. [00:34:21] Da Dollar işarəsi yalnız demək parantez, bu paketi gizli sousu jQuery bir növ belə əlavə funksionallığı almaq. Və sonra Val yəqin deyil bir funksiyası, və ya biz indi deyildiyi kimi, bu node daxilində üsulu yalnız siz dəyər verir. Qısa çirkin və confusing belə Bu ilk baxışdan görünür kimi, Bu yalnız Yığdığınız istifadəçi ilə almaq deməkdir da, simli sonunda qoyun bu concatenating tərəfindən. Vəssalam. [00:34:43] Belə ki, indi, son üç xətləri. Siz bir çox sıxmaq bilər üç xətləri həyata funksionallıq. Bir Bu dollar işarəsi, kənara, yalnız bir ləqəb deyil xüsusi qlobal dəyişən üçün jQuery sözün çağırıb. [00:34:55] Dollar işarəsi yalnız cool görünür. Belə ki, jQuery icma yalnız cür onların xüsusi rəmzi kimi istifadə olunur. Bu PHP nə deməkdir demək deyil. JavaScript, dollar əlamətidir yalnız əlifba məktub kimi və ya bir dəyişən üçün bir sıra. [00:35:07] Siz yalnız adı kimi ola bilər. Yalnız cool görünür. Icma Belə ki, bir ləqəb kimi qəbul jQuery adlı öz kitabxana üçün. [00:35:13] Və bu super məşhur deyil. Belə ki, JSON ki, məhz almaq. Bu bir funksiyası var ki, jQuery insanlar yazdı ki, bir server-- olan JSON olur JavaScript Obyekt Notation. Nə URL dən gedir ki, məlumat almaq? Göründüyü kimi, burada bu URL. [00:35:27] Və browser kimi nə etməliyəm Bu cavab geri alır tezliklə? Bu AJAX sehrli, belə ki, XML danışmaq Asynchronous JavaScript. Belə bir ilə görmək çətindir biz burada idi sadə misal. [00:35:41] Amma bu asynchronous idi Bu mənada ki, mənim kodu zaman Bu mesaj göndərdi icra server Mənə bir JSON almaq getmək. Və super sürətli oldu Mən bir cavab var. Amma nə maraqlı bu ki, kod line mənim kompüter asmaq etməyib. [00:35:55] Mən bir iplik icon görmədim. Mən itirmədi siçan hərəkət qabiliyyəti. Mənim browser həqiqətən mükəmməl gözəl idi. [00:36:01] Yol JavaScript emal çünki aşağıdakı kimi server cavab. Siz zəng istədiyiniz nə qeydiyyatdan bir callback funksiyası yalnız hey, JavaScript deməkdir. Kimi tezliklə server kimi JSON cavab, bu anonim funksiyası zəng edin. [00:36:18] Bu funksiyası keçdi edin nə simli server tüpürmək bir dəlil data deyilən kimi. Belə ki, başqa sözlə, əgər Mən dinamik montaj alıram bu keçən bir URL quote.php pulsuz və ya GOOG ya etajer kimi rəmzi, Mən sonra deyirəm JavaScript URL almaq gedin. Brauzerinizin ki saxla bir şey geri gedir Biz bu əvvəllər gördüm kimi görünür. [00:36:42] Və nə ikinci arqument burada JSON deyərək almaq üçün bu funksiya zəng edir zaman server geri alır 10 ms olub İndi və ya artıq 10 saniyə dan. Və tezliklə Bunu kimi, Səhifənin qiyməti əlavə edin. Bu syntax burada yalnız node almaq getmək deməkdir onun unikal identifikator ağac biz əvvəllər gördüm ki span price-- edir. [00:37:01] HTML adlanan bu üsul yalnız əvəz getmək deyir data.price var ki, HTML. Data.price nədir? Yaxşı, browser, geri, oxşar geri gələn göstərdi. Belə ki, bu məlumatdır. [00:37:14] Və belə ki, bir az sirli Bu virgül burada görmək. Amma əslində, mənə bunu bildirin. Mənə yalnız bu yapışdırıb imkan real sürətli gedit daxil biz kimi göstərdilər və bu göstərmək Əvvəllər ZAMYLA strukturu. [00:37:27] Nə server geri göndərir bir bu kimi görünür ki, az obyekt. Və data.price edir yalnız mənə 0,1515 verilməsi. Hərəkət Belə ki, bir çox hissələri burada bütün bir dəfə. [00:37:39] Amma əsas takeaways edir bu qabiliyyəti var ki, əlavə HTTP etmək JavaScript istifadə sorğu səhifə yeniden olmadan. Və sonra biz həqiqətən bilərsiniz Tez web page dəyişir. Və bu çıxır ki, JavaScript və digər dillərdə indi istifadə edilə bilər yalnız web pages mutate, lakin əslində proqram yazmaq üçün faktiki kompüter, yalnız Chrome və ya kimi məhdudlaşmır. [00:38:00] Əslində, siz Colton olardı və əgər Bizi buraya geri qoşulmaq istəyirəm Sizin laboratoriya kodu, və Chang həmçinin? Nin danışdıq edərək, davam edək anonim funksiyaları və callbacks və həqiqətən burada taleyi aldatmaq qanaxma ilə canlı demo ilə texnologiya biri Bu Elite Motion cihazlar. İndi bu cihaz, geri, bir az USB cihaz ki, həmçinin beautiful-- var that-- ki, USB port üçün prizler. [00:38:25] Və sonra daxil edir insan gestures şəklində infraqırmızı şüaları istifadə təsbit edərək, mahiyyətcə, sizin silah hərəkəti. Belə ki, Maria cəhd nə isə əvvəl, əzələ idi faktiki değişen nə hiss Sizin silah, bu based infraqırmızı. Belə ki, daxilində hərəkəti üçün axtarır ayaq və ya belə sahəsinin sort cihaz özü. [00:38:46] Belə ki, niyə mən etmirlər Bu ilk bir vurmaq? Və nin irəli getmək və atmaq imkan burada yerüstü siz. Belə ki, burada Colton-nin laptop qədər qoymaq bildirin. Biz TV Andrew var. Və mənə ilk nə istəyirəm? [00:39:00] COLTON: irəli və yalnız getmək Bu oğlan üzərində əlləri qoymaq və bəzi inanılmaz parıltı görəcəksiniz. [00:39:04] DAVID J. MALAN: Çox gözəl. Bu, bütün real vaxt baş verir. OK. Bütün hüquqlar, və yep. Belə ki, gözəl. Bütün sağ, biz başqa nə edə bilər? [00:39:15] COLTON: növbəti ekran gedin və baxın. [00:39:17] DAVID J. MALAN: Bütün sağ. [00:39:19] COLTON: A fun az oyun harada robotlar almaq. [00:39:21] DAVID J. MALAN: Bütün sağ, belə ki, bu Mənə nə göstərən saxta əlində deyil. COLTON: Bəli Belə ki, davam və blokları bir işğalçı ki, robot bədən üst qoyun. DAVID J. MALAN: Oh, mənim əl var. Oh. OK, sitayişə layiq. OK, bir dəqiqə gözləyin. Biz orada getmək. [00:39:41] COLTON: qəza bir etdi. [00:39:43] DAVID J. MALAN: OK, mən bu oğlan almaq lazımdır. Kahretsin! Biz bu son təcrübə zaman gecə, bu devolved nə bilirik? [00:39:51] Bu kimi. OK. Növbəti bir? [00:39:55] COLTON: Sure. [00:39:56] DAVID J. MALAN: Bütün sağ, və üçüncü var. Bütün hüquqlar. COLTON: Bu biri, siz to-- almaq DAVID J. MALAN: Oh, bu bir gözəl. COLTON: --yeah, bu gül ayrı seçin. DAVID J. MALAN: OK. No? Buraxılmış. [00:40:14] COLTON: Oh, siz getmək. [00:40:15] DAVID J. MALAN: Ah ki, baxın. Çox gözəl. Yaxşı, niyə biz alırıq 'dont burada bir könüllü həyata olan qədər gəlmək istəyirəm. Necə haqqında orada yaşıl, bu deyil? [00:40:27] Bütün hüquqlar, və yaxşıdır edək yerinə, bəzi bunu Bu oyun bilirik bilər burada bəlkə, ip kəsilmiş? Baxaq. Biz burada bizim eynək var? [00:40:37] OK. Təşəkkür edirəm. Sizin adınız nədir? [00:40:39] Auditoriya: Laura. [00:40:40] DAVID J. MALAN: Laura? Görmək Nice. Qoyulması ağla deyil Sizin eynək üzərində Google Glass. Bu Colton edir. [00:40:46] COLTON: Hi. Görüşmək Nice. [00:40:48] DAVID J. MALAN: OK, ətrafında gəlir. Bütün hüquqlar, belə ki, siz olacaq nə burada əvvəl bu ifa edərək, sizin əl qoymaq burada Leap Motion. Və indi arrow hərəkət etməlidir. Xeyr, Oh. [00:40:57] Auditoriya: Xeyr [00:40:58] DAVID J. MALAN: Biz hələ çıxmaq istəmirəm. OK, gözləyin. Buraya. Siz keçirilməsi kimi Belə ki, qeyd sizin bir şey üzərində barmaq, siçan yaşıl getmək başlayır, siz basın necə. [00:41:06] Belə Play üzərində hover. Və yalnız bir barmaq gözəl. İndi az basın sol yaşıl oğlan. Bu yaşıl doldurur qədər və indi keçirilməsi. Yaxşı. İndi kimi, üst qədər səviyyəli bir. [00:41:16] Auditoriya: Bəli, biz istəyirik burada səviyyədə bir. [00:41:20] DAVID J. MALAN: Yaxşı. OK, belə ki, bütün var ip kəsmək nə etmək. Sizin kursor orada ağ biridir. [00:41:28] Çox gözəl. Bütün sağ, çətindir almaq haqqında. Belə ki, növbəti artıq barmaq basıb saxlayın. Yaxşı. Bu çətindir. [00:41:39] Auditoriya: Oh crap. OK. Bu yol getmək istəyir. Oh crap, that-- [00:41:44] DAVID J. MALAN: Bəli. Orta məqsədi bütün ulduzları əldə etməkdir. Bütün hüquqlar, növbəti. [00:41:53] Bu üçüncü bir əldə edə bilərsiniz əgər in nəzər salaq. Yaxşı. OK, orada getmək. [00:42:06] Sure. Oh, çox gözəl. Bütün hüquqlar. [00:42:11] Belə ki, niyə biz bu gün burada təxirə yoxdur? Hər kəs oynamaq istəyən qədər gəlsin. Bizim könüllü Laura üçün çox təşəkkür edirik. Biz bazar ertəsi görəcəksiniz. [00:42:18] Auditoriya: Siz yəqin ki, bu geri istəyirəm. [00:42:21] HOPARLÖR 2: Növbəti CS50 hazırda