JASON Hirschhorn: Xoş gəlmisiniz, Həftə doqquz hər kəs. Önümüzdə bir maraqlı həftə biz final problem set var. Biz də bir marka yeni bir dil var, Əgər siz artıq olan JavaScript, Bunun üçün yalnız istifadə midst problem set, lakin bir çox olacaq yəqin ki, final üçün istifadə layihələr, xüsusilə web-based final layihələr. Belə ki, biz sonra bu gün artıq getmək lazımdır nə ehtiyatları barədə qısaca söhbət, biz hər həftə hansı. Biz sonra JavaScript daxil jump, lazımdır biz ilə bölməsində bütün sərf edəcəyik Dolphin Trainer kodlaşdırma fəaliyyəti hands-on Madden kimi olan 2K13, 2013, lakin delfinlər üçün və JavaScript. [Gülüş] JASON Hirschhorn: Belə ki, həmişə siyahısı Siz kontrol üçün resursların. Bu ehtiyatlar xüsusilə vacibdir gələn həftə, çünki Çərşənbə viktorina bir, sizin ikinci və bu kursa final viktorina. Just viktorina sıfır kimi, bu 75 dəqiqə 1 PM sonra bir az başlayır. Bu gün sıfır bəri hər şeyi əhatə edir Bu, əlbəttə, lakin əlbəttə ki, ki, hər şey vurğulayır viktorina bir ildən baş verib. Amma əlbəttə ki, biz loops üçün əhatə İlin əvvəlində. Loops yəqin ki, hələ gedir üçün Bu viktorina bir hissəsi olmaq, belə ki, deyil kimi hər şeyi iqnor edə bilər ki, Həftə beş və ya viktorina sıfır əvvəl baş Bu kurs qurur, çünki özü bir çox. Amma əlbəttə ki, vurğu olacaq biz Həftə altı ildən öyrəndim şeylər. Ki, PHP, JavaScript, SQL daxildir əmin, həmçinin daha inkişaf etmiş ola biz C. danışdı data strukturları A bütün digər mövzular host, lakin biz Növbəti həftə müzakirə edəcək biz viktorina üçün nəzərdən kimi. Və həmçinin, həmişə olduğu kimi, hər hansı bir varsa Siz etdiyiniz kimi viktorina suallar hazırlanması, çekinmeyin onlara mənim yol göndərin. Hal-hazırda, heç bir yoxdur viktorina haqqında tez suallar? OK. Bu və ya qəribə narahat ehtiyac yoxdur indi haqqında, lakin ki, saxlamaq sizin ruh geri ki, çünki İndi bir həftə və bir gün olur. Nəhayət, biz doğru çalışan bilirik semestr sonu - sonra cəmi iki bölmələr var Bu - lakin mən hələ də həyəcanlı və edirəm Geribildiriminiz üçün can Əgər varsa. Mən o etmək istəyirəm Heç yaxşı iki bölmələr. Onlar yəqin ki, olacaq hər çünki bölmə gözəl və ən yaxşı. Bunun mümkün necə bilirik, amma yoxdur onlar bütün fantastik oldum, mən hesab edirəm. Mən əldə etdiyiniz Əlaqə off trailed edib üçün bəri heç bir şey və heç həftə son bir neçə, belə verin siz var əgər mənə bəzi rəy. Bu üç dəqiqə çəkir. Siz yaxşı şey sizə mənə deyə bilərsiniz Mənə bunu saxlamaq istəyirik və ya hər şeyi mən işləyə bilər. Mən yaxşı müəllim olmaq üçün çalışıram mümkün, və ya ən yaxşısını etməyə çalışıram Mən, amma edə bilməz ki, mən əgər uşaqlar bunu necə bilirik. Və bu düşən etdiyiniz niyə demək çətindir sinif asleep, belə ki, mənə bildirin ki, hal idi sonra bilirik. Mən keçən həftə bu image göstərdi. Bu Teenage mutant Ninja Turtles edir Mən gənc olanda mən velosiped, və biz sizə uşaqlar təkan davam edir təlim təkərlər olmadan biz batırmaq kimi Başqa dildə siz. Amma arxayın, JavaScript, PHP kimi, Siz var şeyi çox oxşardır keçmişdə görülmüş. Məntiq bir çox varsa, artıq köçürən deyil sintaksis, tam bir-üçün-bir. Ancaq yenə də, bu dillərin bütün Biz son bir neçə ildə üzərində getdi sonra həftə, onlar böyük görünür baxmayaraq, inanılmaz güclü və imkan verir Siz yekun layihə bir çox etmək və yəqin ki, digər saytları siz gələcəkdə kodu. Belə ki, daha ADO olmadan, biz gedirik JavaScript dalğıc başlamaq üçün. Biz qısa bu barədə danışmaq gedən və sonra həqiqətən hands-on nəzərə almaq Bu bölmədə hissəsini kodlaşdırma. Belə JavaScript müştəri-side scripting edir bu deməkdir dil, PHP fərqli və müxtəlif var C. JavaScript tərtib və deyil daha bu server tərəfindən icra deyil. Əksinə, onu yük. Siz yük zaman bir JavaScript səhifə yüklemek bir web səhifə və sonra icra Sizin maşın. Hansı bilərsiniz deməkdir bütün Ki, JavaScript kodu kompüter göndərildi. Bəzən bir qısaldılmış və ya kodlu var bit, bir az şifreli ki neler aydın deyə bilməz. Məsələn, CS50 və ya kontrol əgər Bu həftə üçün kadr həll , problem müəyyən və service.js getmək siz həqiqətən deyə bilməz görəcəksiniz biz sizə verdi nə etmək. Biz etmək üçün bir az şifrelenmiş bir az daha çətin ki,. Buna baxmayaraq, siz dəqiq bilərsiniz Biz icra olunur ki, JavaScript fayl və proqram çalışan. Belə ki, bu olmaq nə deməkdir var müştəri-side scripting dili. C və PHP, baxmayaraq ki, JavaScript oxşar loops üçün, əgər / başqa var şərait, loops isə. PHP oxşar, bir var foreach loop həmçinin. Bu və daha çox oxşar biz gördük ki syntaxes Biz artıq var ki, dillər işləmişdir. Nəhayət, keyfiyyətli hissələrindən biri JavaScript, və biz olacaq bir şey Bu gün bir çox edir, və yəqin ki, olacaq Sizin P dəsti ilə bir çox məşğul siz əgər artıq təcrübəli deyil, siz Siz bütün səhvlər kontrol edə bilərsiniz JavaScript Console vasitəsilə kodu. Biz bir az keçən həftə baxdı. Biz konsol müxtəlif növü baxdı bir səhifə yoxlamaq, lakin üçün Chrome, yenə, siz layout bilərsiniz, HTML, sizin səhifə olduğunu sənəd ekranda göstərən. Siz həmçinin JavaScript bütün bilərsiniz kimi, bu səhifəni yaratmaq, və siz də edə bilərsiniz Dedim, səhvlər bütün görmək JavaScript Console. Və biz təcrübə lazımdır ki, daha çox biz kodlaşdırma başlamaq zaman bir az. Haqqında qeyd etmək bir şey JavaScript dəyişənlər. PHP dəyişənlərin kimi, onlar loosely-tipli, belə ki, ehtiyac yoxdur onlara xüsusi növü verir. Əhatə baxımından, ki, müəyyən edilir Bu "var" söz. Belə ki, qarşısında bir söz qoymaq yoxsa bir şey, yalnız adını yazmaq dəyişən, sonra bir tapşırıq operator, bu halda bərabər işarəsi. Mən orada bir nöqtəli vergül unutmadan alıram lakin bir nöqtəli vergül var güman orada. Sonra oluşturuyorsanız qlobal dəyişən. Əgər "var" söz qoymaq, əgər Siz yerli bir növü ötürür həcmi, ki olub bir funksiyası və ya bir loop. Belə ki, bir şey deyil dəyişənlərin üçün qeyd. JavaScript dilidir. jQuery üst inşa kitabxana JavaScript dil, və siz mühazirə əvvəl görüldü. Siz olacaq əgər mən yüksək gəlir Sizin final JavaScript istifadə layihə, siz jQuery bilmək almaq. Bu istədiyiniz hər şey edir daha asan, çox etmək. O, həmçinin gözəl ilə gəlir sənədləşdirmə və kömək üçün nümunələr Siz başladı. Bu gün biz olacaq həmçinin jQuery istifadə. Bu, nə mən bu slide var, jQuery çox əsasları var. HTML fayl və ya üst nə - Sizin index.php fayl, sizin index.html fayl - Siz lazımdır Bu iki xətləri daxildir. Bu olduqca ümumi xətləri var. Ilk line jQuery daxildir JavaScript fayl, və ikinci xətt yazdıq yerdə daxildir Öz JavaScript kodu. Və əlbəttə, çünki sizin Siz yəqin ki, istifadə etdiyiniz JavaScript kodu bəzi jQuery kitabxana funksiyaları, ki, sonra getmək lazımdır jQuery daxil script. Biz bu tədqiq edəcək yenə bir anda. Və nəhayət, JavaScript fayl, Mən bir index.js çağırırıq. Bu scripts.js ola bilər. Bu nə olursa olsun, nə JavaScript fayl, siz ümumiyyətlə start kodu bu xətti ilə, dollar işarəsi, açıq paren, sənəd, yaxın paren, dövr, hazır, açıq paren, funksiyası, sonra açıq paren, yaxın paren, və buruq brace. Sonra içəridə kodunuzu atmaq, və yaxın, bir buruq burğu ilə başa paren, nöqtəli vergül. Belə ki, bir bu almaq. Siz jQuery istifadə etmək olacaq, kesmek daxilində jQuery kodu bütün kodu bu xətt. Və biz ikinci bir daha görəcəksiniz. Yenə biz, jQuery ilə iş olacaq biz getmək kimi və sual edin Bu gün, lakin heç bir yoxdur jQuery və ya suallar Indi JavaScript? OK. Belə ki, daha ADO olmadan, mən təqdim Dolphin Trainer 2K13 sizə. Mən bu son haqqında super heyecan edirəm məhsulun versiyası. Xeyr, Oh! Mən belə həyəcanlı idi. Mən sizə uşaqlar onu göstərmək niyyətində idi, biz var kimi görünür hələ həyata keçirilir. Bu bir az böyük etmək edək. Mən Dolphin üçün kod yük əgər Trainer - Bu dang. Üzr, uşaqlar edirəm. I sinif əvvəl bunun üzərində işləyirdi. Mən başa istədiyiniz düşündüm, lakin mən hələ də bəzi var tapmaq ediləcək iş buraxdı. Amma şükürlər olsun ki, uşaqlar bütün bəzi JavaScript və jQuery təcrübə, belə nin irəli getmək və bitirək birlikdə bu. Mən sizə uşaqlar bu surəti göndərilir hesab Mən super həyəcanlı idi, çünki Bu barədə, belə ki, olmalıdır Mən eyni kodu. Üzrə daxil rəhbərlik edək - Bu dang, uşaqlar, üzgünüm. Nin baxmayaraq, terminal daxil rəhbərlik edək. Sadəcə keçmiş problem kimi dəstləri, siz mənim varsa - Bu bir az daha böyük edək, çox, siz oğlanlara - Siz mənim zip faylı aldı. Siz ehtimalla onu unzipped. Burada gedək. Və sonra ümid edirəm ki, siz onu köçürülüb xilas eyni directory Sizin problem səkkiz kodu müəyyən. Və biz belə mən kataloq yadda saxla daxil - və ya biz bütün əldə edə bilərsiniz Chrome brauzerinizin kodu bizim kompüter. Və yenə, siz ki, kodu almaq üçün sadəcə aşkar ünvan yazın alt, sağ tərəfdən aşağı burada sizin cihaz. Siz IP ünvanı tapmaq. Siz Chrome brauzer ki, yazın Sizin kompüter və bu halda, Biz bölməsində doqquz qovluq etdiyiniz ildən, biz də bir əlavə etmək bölmə doqquz doğramaq. Mənə imkan - oops. Mən bunu bu minimuma endirmək üçün gedirəm vasitəsilə tıklayarak saxlamaq lazımdır. Belə ki, mən bu kodu qurmaq necə. Mən artıq etdik. Mən o yolu getmək niyyətində deyiləm ki, addımlar, çünki nə müəyyən problem başlayan gəzinti Siz necə vasitəsilə. Belə ki, davam və bu müəyyən almaq lazımdır ikinci, lakin ilk edək up bir qrup kimi bu kodu araşdırmaq. Mən nə görmək edək. Mən görülən bu ən almaq üçün çalışırdılar sinif əvvəl, lakin mən hesab edirəm bir az arxasında idi. Belə ki, index.html açmaq bildirin. OK. Və index.html həqiqətən sadə Mən etdim səhifə çünki çox crazy almaq istəyirəm. Mən, həqiqətən, əmin etmək istəyirdi iş, lakin hərhalda mən ki, uzaq almaq etməyib. Burada doğru gəlir olan baş var o HTML tags daxilində və biz bildiriş Sağ yarasa off bir neçə şey. Biz CSS fayl hüququ vardır burada və müvafiq CSS fayl yeri. Biz, burada jQuery kitabxana var və siz fərqli bir şey görəcəksiniz Bu barədə. Mənbə şeydir həqiqətən, həqiqətən, uzun. ajax.googleapis.com/-- sort bu bir URL kimi görünür, ancaq əlbəttə ki, kimi baxmaq deyil js / jquery.js. Mən qərar çünki ki, ki, mən download üçün istəmirəm jQuery fayl, və sürükleyin və saxlamaq Mənim kitabxana ki, ola bunun üçün məsul. Əksinə, mən yalnız almaq üçün gedirəm JavaScript fayl Google Host. Belə ki, Google həqiqətən bir sıra keçirilir kitabxana, və jQuery, bir ildən ən məşhur, bu keçirilib bir həmçinin. Onu hosting, çünki, mən deyil bu barədə narahat lazımdır, və onlar onlar yeniləmə zaman, baxmayaraq ki, onu yeniləmək Mən yəqin ki, bu dəyişdirmək lazımdır burada nömrələri. Amma yalnız mənim bütün fayl etmək var Sistem bir az təmiz. Mən, həqiqətən, hosting sevmiyorum bütün bu faylları. Bu çox gözəl, əgər Google mənim üçün onlara ev sahibliyi var. Belə ki, bu, yenə də bütün olur JavaScript fayl, lakin bu, yalnız olan oldu Google əvəzinə on ev sahibliyi mənim mənim kompüter fayl sistemi. Biz də iki qoymaq görürük faylları dolphins.js və trainer.js. Biz ikinci o baxmaq lazımdır. Və nəhayət, burada bu adı. Kim içərisində nə bu kodu mənə deyə bilərsiniz Bu adı tags, harada ki, səhifə üzrə gedir? Auditoriya: ki, şey kimi ki, toolbar və ya nə? JASON Hirschhorn: Bəli, kiçik nişanı Chrome pəncərə üst. Mətn gedir harada ki. Bədən Inside, siz kimi burada çox stuff. Mən yalnız üç divs var. Mən onlara bir kimlikleri vermək, və Mən içəri bir az mətn qoymaq Amma biz bunu niyə ki, deyil tapmaq burada artıq bir şey oldu. Əslində, biz Dolphin Trainer 2K13 görürük. Biz TODO görürük. Ki, gələn yerdə mən bilmirəm Mən ki, burada görmürəm, çünki. Belə ki, bəlkə biri var Mənim JavaScript faylları. Biz ikinci olduğu yoxlamaq lazımdır. Başqası mənə nə deyə bilərsiniz Bu ID burada deməkdir? Auditoriya: Bu zəng bir yol var xüsusi [Işitilemez] bölməsində fayl? JASON Hirschhorn: Bəli. Bu istinad üçün bir yoldur bu div. Kimlikleri ideal unikal edir. OK? Tough izdiham. Belə ki, kimlikleri ümumiyyətlə unikal edir. Siz bir xüsusi onlara kodunu element. Mən bir sıra istinad istədiyini əgər ki, CSS üçün olsun elementlər, üslubu və ya jQuery? Mən onlara nə atribut verə bilər? Auditoriya: Class. JASON Hirschhorn: A sinif, dəqiq. Sağ. OK, belə ki, index.html, yenə, çox burada gedən deyil. Belə ki, başqa bir fayl açmaq bildirin. Mən var nə edək. Mən burada bütün var. Nin JS qovluğa getmək edək. Mən narahat fikrində deyiləm indi üçün CSS. Nin dolphins.js açmaq bildirin. Oops. Və ya daha - OK. Belə ki, dolphins.js, bu həqiqətən görünür kodu bəzi olduqca oxşar problem verildi səkkiz seçin. Siz vasitəsilə hərəkət edə bilər. Heç mənə deyə bilərsiniz, baxmayaraq ki, DOLPHINS nədir? Bu, bütün caps DOLPHINS? Ki, nədir? Nə növü məlumatın var? Auditoriya: Array. JASON Hirschhorn: Bu bir sıra var. Və biz bir sıra var bilirəm, çünki mən burada bu kvadrat mötərizə görürük. Və başqası, nə bu bir array? Auditoriya: Objects? JASON Hirschhorn: Bu obyektlərin bir sıra. Və siz görə bilərsiniz. Və necə bu bilirik obyektlərin bir sıra? Auditoriya: Bu kolon var qıvrım aşırma arasında boot? JASON Hirschhorn: Right. Mən, burada bu qıvrım aşırma var və sonra vergül bilərsiniz müxtəlif ayıran Bu array obyektləri. Və sonra hər obyekt daxili, mən bir şey kolon və başqa bir şey. Və nə ümumiyyətlə bu ilk hissəsi, kolon sol şey? Nə deyirlər? Ümumi? Necə ki, istinad edirsiniz? Auditoriya: Index? JASON Hirschhorn: Index, və ya, yəqin ki, ümumiyyətlə, əsas. Və sonra sağ yan, dəyəri. Belə ki, index, əsas. Amma biz o bəhs edirsinizsə, biz ümumiyyətlə üzrə şey deməkdir sol tərəfdən. Sadə array, yenə, biz göstəriciləri 0. 1. 2. 3. 4. Və delfinlər, biz, delfin 0 lazımdır delfinlər 1, delfinlər 2, 3 yunus delfinlər 4. Biz də bu obyekt daxili var, biz ümumiyyətlə şeyi istinad deyil. Yoxsa biz yalnız bu obyekt hüququ varsa burada biz obyekt 0 demək fikrində deyilik obyekt 1, 2 obyekt. Biz object adını demək olacaq, və ya edirik obyekt növü, obyekt uzunluğu, et Cetera. Və biz dəyər almaq lazımdır necə sağ tərəfində. Biz obyekt adı dedi Belə ki, əgər, məsələn, biz bu simli almaq olardı, "Grace". Sizlərin mənə, delfinlər dediyim kimi belə sadəcə obyektlərin bir sıra edir. Və siz obyektlərin bütün görmək bir adı, növü, bir cins var. Ki, düzgün tələffüz olunur? Hər kəs? Cins? Böyük. A uzunluğu çəki. Ki, düzgün tələffüz olunur? Mən belə düşünürəm. Və bir şəkil, bir URL online bəzi fayl. Və burada, biz array yaxın, sağ aşağı orada çox sol tərəfdən mənim ekran yan. Belə ki, bütün dolphins.js edir. Oh, Allah mənim. Bu izah edir. Mən başa istədiyiniz düşündüm hər şey, lakin göz. Bütün bu todos var. OK, inşallah biz birlikdə bu yoxdur. Biz əvvəl, ilk edək ki, yalnız vasitəsilə gəzmək Bu kodu çox tez. Qeyd Belə ki, biz çox bax Mən idi ki, bu xətt başlayan slaydlar, (sənəd). hazırdır (function (). Və mahiyyətcə nə olacaq sizin hər şey qədər gözləyin yoxdur pages dolu, belə qədər gözləyin edilmişdir bütün array, hər şey yaxşı var getmək, sonra həyata başlamaq Bu kodu. Siz əgər, bəzi PHP run lazımdır əgər Bəzi şəkillər almaq üçün lazım bu nə, bütün kodu olmuşdur set və index səhifə getmək üçün hazır və ya nə səhifə yüklü edilmiş, və indi başlamaq olacaq kodunuzu həyata. Beləliklə, biz nə ilk şey biz bu array qurmaq. Mən var söz yoxdur orada belə nə bu serialın daxilində? Auditoriya: Bu qlobal var. JASON Hirschhorn: Bu qlobal var, belə ki, ocean_array əldə edilə bilər bu fayl hər hansı. Və sonra biz loop üçün görürük. Bu foreach demək, lakin bu deyil mahiyyətcə bir foreach loop edir. Və bu, yalnız JavaScript versiyası, belə DOLPHINS hər var delfin, nə data type? Baxmayaraq, yenə JavaScript deyil var Bu data növləri başına se, nə data type delfin? Auditoriya: bir obyekt. JASON Hirschhorn: Bu obyekt var. Biz hər bir obyekt əldə etdiyiniz Bu DOLPHINS array. Mən unuttum kimi Belə ki, burada, bu, görünür bu delfinlər bütün qoymaq bizim nəhəng DOLPHINS daxil edirəm ocean_array, belə ki, biz yəqin ki, bunu etməliyik ilk. Və sonra adlı bir şey bu hovuz dəyişən. Mən null qəbulu alıram. Və sonra mən bu funksiya zəng draw_ocean. Mən bir delfin məşq zaman onun şəkil tıklandığında - Mən etmədi ki - və bir delfin pulsuz set zaman düyməsini tıklandığında. Belə ki, bu mən nə etmək lazımdır şeylər. Mən sizə bir verməlidir tapmaq Mən nə üçün çalışır nə background. Biz burada getmək əgər Belə ki, nə mən, həqiqətən istəyirdim bir array up kimi bu baxmaq burada, əksinə "TODO," Mən deyərək daha ilə, mahiyyətcə, bir masa istədi bütün delfinlərin şəkillər. Və sonra, bir şəkil basın zaman Mən onu yazmaq istədi alt ekranın yarısı və vermək siz bütün məlumat və ki, hovuz delfin olardı, Siz təlim idi delfin. Mən, həqiqətən, sərin olardı düşündüm. Siz okean bütün bu delfinlər var burada, sonra bir basın, və hovuz getmək, və istədiyiniz sonra onu yetişdirmək bilər. Belə ki, mən etməyə çalışırıq nə var. Və sonra aşağı burada bir düyməsinə var olarıq hovuz, və basın bilər, kimi, "Azad Set" və təyin edə bilər Pulsuz Dolphin və o, geri getmək olardı okeana. Belə ki, mən yaratmaq üçün çalışırıq nə var, Amma yenə mən yardım lazımdır gedirəm onu yaratmaq. Bu açar sözlər Beləliklə, ümid edirəm, bəzi və ya bu baxımından bəzi başlayacaq kontekstində indi hissi edilməsi Bu proqramın. Bu faylı vasitəsilə axtarır saxlamaq edək. Biz bu funksiya draw_ocean çağırırıq. Bu dediyimiz bir və yalnız funksiyası var Bu document.ready bölümünde. Beləliklə, biz bu draw_ocean funksiyası zəng və bir string yaradır kimi görünür, bir dəyişən, burada. Simli qoymaq bir şey daha əlavə edir simli stuff daha əlavə edir simli stuff, və sonra kodu bu xətt. Mən HTML simli çap deyirlər. Və kimsə mənə izah nə kodu bu xətt yoxdur? Bəli, ilk növbədə, nə ki, dollar işarəsi deməkdir? Bu PHP dəyişən deyil, lakin nə ki, dollar işarəsi deməkdir? Auditoriya: HTML ID bağlanma - Bu HTML kodu bağlandığı kimi var? JASON Hirschhorn: Nə haqqında ki, dollar işarəsi? Ki, dollar işarəsi nəyə işarə edir? Auditoriya: birtəhər HTML bağlanma? JASON Hirschhorn: Harada biz gördük Bu dollar JavaScript əvvəl imzalanacaq? Biz mühazirə gördüm. Biz bu barədə danışdıq. Dollar işarəsi nə deməkdir? Auditoriya: jQuery ilə bir şey? JASON Hirschhorn: Məhz hüququ. Bu jQuery ilə bir şey var. Bu dollar işarəsi Mən istifadə edirəm deməkdir burada jQuery kitabxana funksiyası. Məhz hüququ. Belə ki, biz sonra dollar işarəsi yazmaq və biz bu açıq paren var və qapalı paren, və gedir nə var daxili içəridə bir istifadə etdiyiniz zaman jQuery kitabxana funksiyası, və ya siz jQuery kitabxana istifadə? Yenə, mühazirə bu gördüm. Kimsə mənə verə bilər - və siz da burada bir şey oldu. Nə var daxilində gedir? Jeff, mənə bir tahmin verir. Bu # okean kimi görünür? Harada biz əvvəl gördük? Auditoriya: bir kitabxana mı və ya bir şey? Mən heç bir fikrim yoxdur. JASON Hirschhorn: Yaxşı, qoy Mənə index nöqtə açmaq - nope səhv yerdə. Belə ki, biz bir şey var bax burada okean çağırıb. Harada biz # okean hashtag gördük okean, syntax əvvəl? Bəli? Auditoriya: CSS! JASON Hirschhorn: CSS. Beləliklə, biz bir şey stil istəyirdi, biz hashtag CSS qoymaq olardı xatırlayıram selector, və ya hashtag okean, misal üçün, və biçimlendirme bütün biz şey vermək istəyirdi ki, ID okean biz daxili qoymaq. Belə ki, daxili burada CSS deyil selector burada gedir. jQuery öz müəyyən seçiciler növü. Lakin bu, həqiqətən, eyni fikirdir, və onların bir çox CSS ilə üst-üstə düşür. Əgər siz bu açıq mötərizə içərisində belə bir selector, və nə qoymaq selector aiddir ki, nə istifadə etmək olacaq. Belə ki, bu halda, mən deyiləm ID okean seçilməsi. Mən bir sinif idi varsa - mən hər şeyi bir sinif var deyək "images" adlı və mən bir ki, vermək elementləri çox, necə istinad yoxdur "images?" adlı şeyi bir sinif Auditoriya: Mən dot idi. JASON Hirschhorn: a dot ilə. Əvəzinə mən burada dot images qoymaq, əgər ki, mənə sinif verəcək şeylər "images." adlı Əlbəttə ki, bu super güclü, və Siz çox şey istinad edə bilər. Əslində, mən əsasən istinad edə bilər HTML hər hansı bir tag. Mən bunu istəyirdi Belə ki, td, ki biz əvvəl gördüm ki, bir tag zaman bir masa yaratmaq. Siz yəqin ki, tanış olduğunuz P ki, yeddi seçin. Bu halda, bu, həqiqətən gedir onların hamısı seçin. Bu mənə array vermək olacaq bütün td tags. Amma bir az böyük əldə edə bilərsiniz, belə fro indi biz istəyirik yalnız qalmaq üçün gedən kimlikleri sened. Belə ki, bu nə, yenidən, bu halda, olur - sorry. Index.html üçün, getmək burada. Bu olduqca okean ID, bir okean var bir div, bu bu hissəsi istinadlar kodu xətt ki, div olur. Və sonra bu dot çağırışı edirəm deməkdir bir funksiyası, və adı funksiyası HTML edir. Sizlərin gördüm ki, üçün qısa əvvəl, dollar işarəsi, sənəd almaq dot ID element, daxili HTML nöqtə. Bu yalnız jQuery versiyası. Belə ki, HTML funksiyası yalnız daxili HTML olur. Ki, element. Biz burada geri baxmaq əgər Belə ki, yenə biz will heç bir daxili HTML var bax. Mən bunu əgər belə, mən HTML almaq üçün çalışırıq. Mən bu yazın, mən deyiləm HTML qəbulu. Mən simli üçün bu funksiyanı keçən alıram, Mən yaratdıq ki, string burada ki, qoymaq deyərək okean div daxilində. Bəli? Auditoriya: Əgər almaq zaman HTML, yalnız əldə etdiyiniz surəti bu doğru əgər? Siz aradan qaldırılması deyilik. JASON Hirschhorn: Right. Mən bunu və istəyirdi var bu saxlamaq üçün - oops. Ki, bütün informasiya almaq olardı var idi və başqa saxlamaq dəyişən, bir kopyasını etmək. Auditoriya: OK. Var. JASON Hirschhorn: Biz bəzi yaratmışdır HTML, simli ki edin. Biz bir daha edin. Burada ki, TODO simli görürük. Biz harada ki, yəqin ki, var zaman ki, TODO əldə biz page getmək. Və həqiqətən, mən sağ TODO basın əgər, Element yoxlamaq, biz danışdıq Bu son həftə. Ki, biz HTML görmək necə var bizim səhifəsində strukturu. Siz burada aşağı görəcəksiniz - nin çox, bu bir az böyük imkan - biz burada div ID okean var. Hamı kodu ki, xətt görmək? Və biz nə cür var index.html da. Bunun Inside, biz bu indi bax kodu masa line. Və kodu ki, masa line, nə ki, biz yalnız daxil kodu var Bu element. Və biz bunu daxilində axtarmaq, biz heç vaxt tipli colgroup və tbody. Ki, bizim üçün əlavə edildi çünki biz bəzi fancy stuff etdi. Amma tr var görəcəksiniz, TODO ilə td var. , Yenə, kimi Belə ki, görünür biz burada yazmışdır ki, kodu. Ki, dəqiq nə bu line edirdi. Bu, bizim HTML simli alaraq və Bu daxili qoyaraq burada div. O, əvvəlcə heç bir şey yoxdur. Bu səhifə yüklənmiş olur. Dollar işarəsi, document.ready. Bu həyata başlayır. Biz draw_ocean funksiyası zəng və biz almaq draw_ocean funksiyası daxilində Bu HTML və div daxilində qoydu. Biz yalnız yolu ilə getdi orada bir çox. Heç bir sualınız varmı ki, haqqında? Və ya necə işləyir, və ya jQuery? Çünki siz anlamaq ki, əgər, sonra jQuery inşallah gəlməlidir nisbətən asandır. Bəli? Auditoriya: Siz daxili idi nə printout HTML altında parantez string ki, adı HTML dəyişən ki əvvəllər elan var? JASON Hirschhorn: burada Bu hüquq? Auditoriya: Bəli JASON Hirschhorn: Bəli. Auditoriya: Belə ki, adına əgər başqa bir şey ki, başqa bir şey Burada qoymaq nə idi. JASON Hirschhorn: Məhz hüququ. Və yaxşı bir nöqtə var. Bu, bir az confusing edir Mən HTML, html var. Burada Bu daxili adı mənim dəyişən, və burada bu doğru deyil jQuery funksiyası adı. Auditoriya: Amma jQuery üçün işləmək üçün fəaliyyət, siz vermək üçün Bəzi HTML input? JASON Hirschhorn: Exactly. Və ya bir string vermək lazımdır. Bu daxili ki, simli qoymaq div və ya hər hansı. Bu yalnız bir simli edir. Bu HTML olduğunu deyil, açıq-aydın olmaq məqsədilə format etibarlı HTML. Ki, sual cavab verirmi? Auditoriya: Bəli. JASON Hirschhorn: OK. Bəli? Auditoriya: Nə istinad okean bir düyməsinə və ya bir şey? Bu. Html nə edərdiniz? Ki, dəyişiklik olacaq Düyməsini mətn? JASON Hirschhorn: Belə ki, sual nə bir düyməsinə sövq əgər? Bu daxili dəyişəcək Bir şey HTML. Belə ki, açıq tag və yaxın varsa tag, bu arasında bir şey qoyacaq açıq və yaxın tag. Açıq və yaxın heç bir var, əgər tag, bu bir şey deyil. Auditoriya: Bu sözün surəti və şey yapışdırıb sort? JASON Hirschhorn: Bəli. Bu nüsxə və pastalar bir şey Mən bunu keçmək nə dəyişən, string Mən o daxili, onu keçmək açıq və yaxın tags. Burada aşağı baxaq. Oh, Allah mənim. draw_pool etmədi orada heç bir şey. Ki, bir bummer var. Wow, hazırlanması. OK, bundan başqa başqa çox deyil. Belə ki, in başlamaq bildirin, və Bu qədər düzeltmek bildirin. Mən hamı ehtiyacı gedirəm bu görülən almaq üçün kömək edir. Həqiqətən çox xətləri yoxdur kodu, mən yazmaq, düşünürəm. Mən bir neçə il bundan əvvəl bunu düşünmək Bu 2K12 versiyası üçün, və orada ki, bir çox xətləri olmamalıdır yazmaq üçün kod. Mən kodu silindi olmamalıdır. Mən yalnız onu xilas olmalıdır. Oh, crazy. Hər halda, in başlamaq bildirin. Mən bu serialın deyiləm, və ya bu deyiləm line, və mən ocean_array var. Və mən buna bütün qoymaq istəyirəm, Bu faylı, mənim daxil hər şey ocean_array. Belə ki, necə hər şeyi edə bilər var, və onu qoymaq ocean_array? Bu kod bir xətt var. Kim mənə kodu xətt və ya verə bilər mənə, bəzi fikir nə xətt var kodu etməliyəm? Niyə biz burada başlamaq deyil, sonra biz will oda ətrafında hərəkət davam suallara cavab. Kurt? Ilk nədir? Auditoriya: Ocean_array, bracket, delfin. DOLPHINS, bracket, delfin Bərabər? Kapital hər şey ilə DOLPHINS. JASON Hirschhorn: OK. Nin sintaksis vasitəsilə gəzmək edək. Burada, bu foreach loop kimi, belə ki, həqiqətən bir çox edir Bizim üçün hər şeyi. Və delfin bir obyekt deyil. Beləliklə, biz bir şey yazmaq lazım deyil delfinlər, delfin, çünki kimi delfin özü edir Mən istəyirəm ki, etiraz. Bu index deyil. Ki, hissi edirmi? Auditoriya: Bəli. JASON Hirschhorn: Belə ki, necə siz kodunuzu dəyişən təklif? Bildiyimiz Əgər biz index sunulur? Oh, sorry. Siz yaxşı istəyirik. Amma necə - mənə müxtəlif sual verək. Biz istəyirsinizsə - həqiqətən bu yazmaq imkan verir. Mind heç vaxt. Biz bu yazmaq olacaq. Ki, böyük. Üzr istəyirik. Mən orada çox çaşdırıcı oldu. İndi orada tərk edək, və biz bir delfin təlim geri gəlmək lazımdır, bir delfin qəbulu. Yalnız ilk rəsm okean düzeltmek bildirin funksiyası, və biz geri gəlmək lazımdır , Kurt ki. Lakin bu günə qədər belə yaxşı. Nin draw_ocean daxilində baxaq. Yanlış ola görünür ki, xətt bu Delfinlər in "mağaza şəkillər Bu bir HTML simli okean. "Və İndi, yalnız TODO kimi mən, amma həqiqətən delfinlər qoymaq istəyirəm Okean şəkillər. Belə ki, Nuh, siz düşünürsünüz Mən nə lazımdır ilk şey? Mən bütün vasitəsilə getmək istəyirsinizsə array, ilk nədir mən nə etməliyəm şey? Auditoriya: Biz lazımdır loop üçün yaradır. JASON Hirschhorn: loop üçün. Və nə olmalıdır ki, loop üçün kimi baxmaq? Auditoriya: üçün - biz hər delfin keçmək lazımdır okean array. Da var delfin üçün belə - Siz okean array yazmaq olar? JASON Hirschhorn ki kimi? Auditoriya: Yəqin ki, doğru. JASON Hirschhorn: ilə stick edək İndi, sonra biz will ki, geri gəlir. Və məsul olacaq ki, xətt üçün. Mən loop tərəfindən var. Michael, indi istəyirik. Mən indi nə etməliyəm? Auditoriya: Siz almaq lazımdır ki, delfinlər şəkillər saxlamayın. JASON Hirschhorn: Belə ki, ki, saxlanılır? Auditoriya: delfin array ildə? JASON Hirschhorn: İndi qarışıq alıram çox neler haqqında. Biz debug necə anlamaq edək Bu, sonra mən gəlmək lazımdır OK, sizə geri? Ekvivalent nədir JavaScript printf? Annie? Auditoriya: Bu yazmaq ki, bir sənəd var? JASON Hirschhorn: Və ya necə Mən bir şey görmək alt təsəlli? Auditoriya: Console.log. JASON Hirschhorn: Console.log, dəqiq. Belə ki, console.log bunu bildirin, və edək yalnız OK ildə "delfin" qoymaq? Bu işləri ideal, biz olacaq var - geri ki, fayl, görək dolphins.js, altı delfinlər, var idi Mən almaq lazımdır altı və ya bir şey ümid çap Konsol, sağ? Biz bu günə qədər harada ki, çünki biz burada Qurdun xətt, sonra biz Nuhun loop üçün idi və biz bu var line ki, inşallah, biz görmək lazımdır altı konsol çap şeylər. Belə ki, burada gidelim, açmaq bildirin bizim təsəlli və səhifəni yenileyin. OK, belə ki, bu kimi görünür biz altı göstəriciləri gördüm. Zero, bir, iki, üç, dörd-beş, evet. Auditoriya: necə əldə edirsiniz sizin daxili that page - JASON Hirschhorn: necə əldə edirsiniz aşağı burada bu şey? Auditoriya: Xeyr, Chrome səhifə içərisində [Işitilemez] cihaz. Biz baxın və ya bilməz? JASON Hirschhorn: Bu Chrome Burada səhifə? Auditoriya: Bəli. JASON Hirschhorn: Belə ki, yalnız kimi P dəsti səkkiz, mən Chrome pəncərə açdı etdik mənim masa üstü, mənim Macintosh masa üstü. Və siz burada bu URL up bildiriş əgər bu IP eşleşen sol üst, burada həll. Belə ki, bunu, baxmayaraq ki, başlanğıcı problemin müəyyən spec siz dolaşır məhz bunu necə vasitəsilə. Amma yalnız əvəzinə ki, təqib və və servis kodu ilə, Mən yalnız öz kodu. Bu sərin şey biz də bilər deyil ocean_array yoxlayın. Ocean_array kimi belə görünür bir altı obyektlərin array, və Hər bir açaq. Boom! Biri. Kimi belə Kurt, görünür sizin kodu mükəmməl işləmişdir. Hər şey ocean_array da açılmış oldu. Mən əvvəllər misspoke Çünki. Amma bəli, zəhmli iş. The ocean_array doğru və bu, görünür kimi indi biz delfin görürük 5 0 bir sıra, belə ki, baxdı bir sıra bir göstəriciləri kimi. Belə ki, bilik, Michael, verilmiş biz indi nə etməliyəm? Yüksək səslə düşünün. Biz nə istəyirik bir şey nədir? Auditoriya: Biz almaq istəyirəm Hər delfin JPEG. JASON Hirschhorn: OK. Belə ki, necə biz istinad edə bilər - necə biz JPEG əldə edə bilərsiniz? Harada biz başlar? Hər şey Harada saxlanılır? Auditoriya: ocean_array ildə? JASON Hirschhorn: OK. Auditoriya: Belə ocean_array, delfin - JASON Hirschhorn: necə etmək daxili bir şey almaq - bu bizə obyekt verir. Və biz əvvəl bu gördüm Bu Struc ilə. Belə ki, notation nə cür biz istifadə etmək lazımdır? Auditoriya: Bu dot olardı. JASON Hirschhorn: A dot. Və sonra hansı sahədə? Auditoriya: Picture? Və ya bir sahədə deyil - JASON Hirschhorn: bu nədir dolphins.js adlı? Və siz baxmaq edə bilər, bax. Biz yalnız burada geri bilərsiniz. Biz ocean_array bilərsiniz biz bunu tədqiq edə bilərsiniz. Nə deyirlər? Auditoriya: Type. Gözləyin. Picture? Mən şəkil bildirib. JASON Hirschhorn: Picture. Sağ. Bildiyiniz kimi səs nə Siz baxmayaraq, bəhs. Bu daha bir tahmin kimi səsləndi. Belə ki şəkil vermək ki, us şəkil URL. Jeff, bir sual var? Auditoriya: Bəli, mən nə ala bilməz Siz Chrome var mənim kompüter browser. Mən yalnız bir "uncaught arayış almaq səhv, console müəyyən deyil. " JASON Hirschhorn: Siz var hər şeyi qurmaq? Auditoriya: Bəli, mən hesab edirəm ki, hər şeyi etdi böyük ekranda etdi. JASON Hirschhorn: Və bütün faylları chmodded? Və Siz getmək idi bütün quraşdırma? Auditoriya: Mən yenidən cəhd edəcəyik. JASON Hirschhorn: OK. Mən artıq atlandı ki, bir çox başlayan, lakin siz getmək lazımdır Bu yalnız kimi bütün quraşdırma Bu problem set spec başlayan. Chmod şey və əmin daxil olun Auditoriya: Mən getmək və kontrol ikiqat. Mən bunu düşündüm, amma Mən çek ikiqat lazımdır. JASON Hirschhorn: Belə ki, bu görünür kimi bizə verəcəyik simli və bir şəkil. Böyük. Biz şəkil URL var. Necə biz indi onu qoymaq yoxdur - biz yazmaq ne olur yalnız bu, Michael? Auditoriya: Bu, yalnız şəkil alır. Bu, həqiqətən onu keçirmək deyil. JASON Hirschhorn: edək nə görmək. Biz saxlaya bilərsiniz. Biz burada run lazımdır. Biz bir şey yoxdur kimi görünür. Mən bu masa araşdırmaq varsa, daxili kimi görünür - Mən bir şey yoxdur kimi Bəli, görünür. Auditoriya: biz var - JASON Hirschhorn: Bu bir string, burada bu kodu. Mən bu string qoymaq harada istəyirsiniz? Auditoriya: Siz istəyirəm okean qoydu? JASON Hirschhorn: OK. Və aşağı burada bir string qoyulması alıram okean html çağırıb. Auditoriya: Belə ki dollar olacaq işarəsi, okean, html [işitilemez]. JASON Hirschhorn: Bu ki düz orada qoyun. Amma nə əlavə etmək istəyirsinizsə - Mən artıq sağ, simli yaradılması alıram? Okean qoymaq, nə ki, simli adı? Auditoriya: HTML. JASON Hirschhorn: HTML. Belə ki, nə mən növbəti yazmaq edirsiniz? Auditoriya: bərabərdir, Bərabər. Və ya yalnız bərabərdir? JASON Hirschhorn: Nə Mən bərabərdir yazmaq əgər nə? Auditoriya: ki, müəyyən deyil bərabər - və ya deyil - Auditoriya: Ata? JASON Hirschhorn: Bu təyin edəcək, lakin nə hər şey nə olacaq ki, əvvəl onu saxlanılır? Auditoriya: Bu qurtarmaq lazımdır. JASON Hirschhorn: Bu qurtarmaq lazımdır. Belə ki, necə Mən onu sonunda əlavə edə bilərsiniz? Mən yalnız surəti olacaq - Auditoriya: Plus bərabərdir. JASON Hirschhorn: Plus mükəmməl, bərabərdir. Dəqiq doğru. Belə ki, indi bu nə kontrol imkan. Boom! Oh, Allah mənim. Ki, mətn yalnız bir çox deyil. OK. Biz bir çox var kimi görünür mətn, lakin böyük deyil. Siz uşaqlar görmüşük - Mən bu ağır olduğunu, bu yeni. İndiyə qədər uşaqlar üç fantastik etdik. OK, siz növbəti istəyirik. Biz növbəti nə etməliyəm? Biz açıq-aydın bunu istəmirik yalnız simli oynamaq. Bəli? Auditoriya: yalnız bir sual var. Siz ocean_array nə zaman, bilirsiniz delfin, Mötərizədə deyil assosiativ kimi Dolphin özlüyündə array? JASON Hirschhorn: I misspoke. Dolphin index var. Auditoriya: lakin var deyil okean delfin - Siz əvvəlcə kimi yüklemek zaman mən demək yaxşı, delfinlərin var delfin deyil ki, bir assosiativ array Dolphin? JASON Hirschhorn: Bu delfin? Auditoriya: Bəli. JASON Hirschhorn: Xeyr Bu delfin göstəricidir. Auditoriya: OK. Belə ki, bir delfin dəyişən var? Mən delfin əsas kimi, demək assosiativ array? JASON Hirschhorn: Right here? Kimi, dolphin.name? Auditoriya: Bəli, var delfin dot kimi - kimi nəzərdə Dolphin deyil hər obyekt olacaq? Auditoriya: Bəli, ki, Mən də düşündüm nə. Auditoriya: Mən delfin kimi idi düşündüm DOLPHINS ildə assosiativ array. Altı assosiativ var, çünki DOLPHINS da serialların, sağ? JASON Hirschhorn: Right. Biz bu yazılı yolu İndi, bu deyil. Auditoriya: Niyə? JASON Hirschhorn: Biz bunu bilər və bir jQuery funksiyası həqiqətən var adlı. verir hər hansı hər şey. Amma bu syntax deyil - Mən əvvəllər misspoke - Bu syntax ki, index var deyil. Bu yalnız bizə göstəriciləri verir. Amma dollar işarəsi edə bilər. Hər, bir jQuery funksiyası var. Yəni hər verəcək asılı array. Belə ki, oldu. Lakin bütün bu kodu nə var. Auditoriya: loop üçün Beləliklə, bu ilk, mən ki, altı dəfə təkrarlamaq danışarlar Siz altı göstəriciləri var. Və sonra loop üçün ikinci, ki, iterating deyil dəfə eyni məbləği? JASON Hirschhorn: Bəli. Auditoriya: Belə ki, heç həqiqətən var - biz loop üçün ilk yazılı ola bilər yenidən və o, işləyib olardı. DOLPHINS kimi, var delfin? JASON Hirschhorn: Bəli, amma biz istəyirik İndi bir ocean_array istifadə. Biz daxil hər şey hərəkət etdik ocean_array çünki biz heç istəyirsiniz dolphins.js nə dəyişdirmək, və ya əgər biz ocean_array manipulyasiya etmək istəyirəm sonra, biz manipulyasiya etmək istəmirik delfinlər, dəyişən. Biz bir surəti manipulyasiya etmək istəyirəm, çünki biz bir şey almaq istəyirsinizsə out, bu yolla biz yalnız istəyirik təhlükəsiz olacaq. Mənada ki, yoxdur. Auditoriya: Bəli. JASON Hirschhorn: OK. Belə ki, Carlos, necə bu string almaq yoxdur əvəzinə bir şəkil etmək və almaq faktiki image? Siz əvvəl bu kodu görmək etdik. Mən page bir şəkil daxil etmək necə? Auditoriya: o biz etdi şey varmı ki, HTML plus te zəng edin tire bərabərdir eni, o silindi? JASON Hirschhorn: Bu burada stuff? Auditoriya: Bəli. Şərti. JASON Hirschhorn: yoxdur ki, narahat. Bu yalnız HTML string başlayır. Mən bir resim daxil istəyirsinizsə mənim HTML web page, nə tag istifadə edirsiniz? Auditoriya: Mən xatırlamıram. JASON Hirschhorn: OK. Avie, ona yardım? Auditoriya: o anker olacaq, href, və sonra keçid? JASON Hirschhorn: Belə Çapa kimi A. Auditoriya: Siz ehtiyac yoxdur sağ, baxmayaraq ki, bu keçid? JASON Hirschhorn: Nə əgər mən yalnız bir image yaratmaq istəyirsiniz? Auditoriya: O img və olacaq src simli nə bərabərdir? JASON Hirschhorn: OK, belə ki, doğru, img var. Carlos, siz olacaq buradan aparın. img "image" üçün dayanır və src stendləri "qaynaq". üçün və siz vermək lazımdır bir URL və ya - hətta bir URL. Bəzi yer ki image saxlanılır. Belə ki, mənə bir olacaq bilirik ki, image, indi necə mən bütün bu qoymaq yoxdur birlikdə, fikir? Mən düzeltmek lazımdır bəzi sintaksis var. Nə məhz mən ehtiyac yoxdur , Carlos yazın? Auditoriya: Mən nə əldə etmir Siz çalışdığınız. Belə ki, bütün qoymaq çalışdığınız bir masa daxil images? JASON Hirschhorn: Biz göstərmək istəyirik Səhifənin bütün images. Və biz kodu hüququnun necə bu xətt gördüm Bizim HTML simli burada əlavə strings və bu kimi onları çap. Biz yerinə images keçirmək istəyirəm. Və biz izah, Maru həyata ki, kodu bu xətt - belə ki, burada nin baxaq. Biz getdi və tədqiq, biz will HTML kimi redaktə. Maru, dedi biz bu cür əgər sintaksis, biz bir şəkil almaq. Belə ki, mənada edir? Bu simli növü ki, biz həqiqətən okean içərisində qoymaq istəyirəm dive deyil, sadəcə mətn özü. Auditoriya: [işitilemez] JASON Hirschhorn: Bağışlayın? Auditoriya: yalnız kopyalanamıyor Kianna verdi ki, bir, və onu qoymaq - JASON Hirschhorn: Bu kopyalayın və burada bu qoymaq? Auditoriya: Bəli. JASON Hirschhorn: Bu yaxın, lakin bu bir problem var, və nə var? HTML simli və biz lazım bu strings əlavə. Auditoriya: Beləliklə siz qoyun - nah. JASON Hirschhorn: Biz üç - Burada bu doğru bir simli deyil. Necə bir string edə bilərəm? Siz həmişə edə bilərəm bir string bir şey? Auditoriya: Mən bilmirəm. JASON Hirschhorn: Mən mətn varsa, necə bir string edə bilərəm? Burada bu xətt burada up kimi? Auditoriya: bir masa qoyun? JASON Hirschhorn: Nə bu? Auditoriya: Quote. JASON Hirschhorn: Double quotes, sağ? Double quotes bir şey edir bir string. Belə ki, bir string ki, edir və bu simli edir. Mən iki strings qoymaq yoxdur birlikdə JavaScript? Auditoriya: Dot. JASON Hirschhorn: dot deyil. Bu PHP var. Auditoriya: Plus. JASON Hirschhorn: Plus, doğru. Nə sonra belə plus, və Mən burada nə təklif? Auditoriya: Digər quote. JASON Hirschhorn: Digər quote, OK. Nasıl bir string başa edirsiniz? Auditoriya: Digər quote. JASON Hirschhorn: Digər quote. Mən necə bu simli qoymaq yoxdur birlikdə bu simli ilə? A plus. Dəqiq doğru. Siz yalnız bizim üçün bu idi. Bu mükəmməl deyil. Belə ki, indi bu göstərməyə imkan verir. Və baxmaq biz bütün var images dəstə. Oh, mənim Allah. Həmin scary var. Biz araşdırmaq olacaq ikinci onlara. Bəli, Noah? Auditoriya: Mən, həqiqətən deyil bilirik olsun, ancaq siz yaxın olmalıdır image tag ilə elementləri? JASON Hirschhorn: Biz bilər, əgər biz istədik, bizim image bağlamaq yalnız kimi tag. Ki render edək. On, yox, biz bunu edə bilməz. Auditoriya: Oh, mən bunu qırdı. JASON Hirschhorn: Mən bu düşünün baxmayaraq ki, doğrulama edir. Mən sizə lazımdır düşünmürəm yekun çizgi. OK, bu böyükdür. Carlos, təşəkkür edirəm. İndiyə qədər uşaqlar dörd bir zəhmli iş görmüşük. Gördüyünüz kimi əlbəttə, biz istəyirik masa bevel bir növü yaratmaq. Və mən bu şeyləri istəyirəm bir masa olacaq. Mən bu qoymaq yoxdur bir masa şeylər? Mən aydın bir daha HTML lazımdır. Assam, HTML nə cür itkin edirəm? Auditoriya: Nə sorry, nə istəyirsiniz? JASON Hirschhorn: Mən bütün qoymaq istəyirəm bir masa bu images, belə ki, hər image Masanın bir sütun olmalıdır. Mən bu bir sütun deyirsiniz? Siz əvvəl bu kodu gördüm. Bu P yeddi müəyyən edir. Auditoriya: Mən bir xatırlayıram az idi? JASON Hirschhorn: tr sıra üçün. Auditoriya: Mən onu bilmirəm mənim ürək, amma yoxlamaq bilər. JASON Hirschhorn: mu kimsə saxla? Auditoriya: td? JASON Hirschhorn: td, doğru. td bir sütun kimi qoyur. Mən orada td qoymaq əgər, Assam, Mən nə qoymaq lazımdır? Mən əlavə etmək üçün başqa nə lazımdır? Auditoriya: Siz bağlamaq lazımdır? JASON Hirschhorn: Exactly. Harada getmək deyil? Auditoriya: Sağ var? JASON Hirschhorn: Right here? Auditoriya: Mən belə düşünürəm. JASON Hirschhorn: Bu nədir Burada bağlanması? Bu nədir? Ki, mavi şey? Auditoriya: Bu şəkil üçün var. Bu sonra getmək lazımdır deyə düşünürəm. JASON Hirschhorn: OK, doğru. Belə ki, bu nə görmək bildirin. Oh, yöndəmsiz var. Okean, masa açmaq edək, masa bədən, tr. Beləliklə, biz bir ton var, amma Bu şəkilləri görmürəm. Bu qəribə deyil. Bu inşa kimi görünür, ancaq Mənə şəkilləri göstərmək etməyib. Hər hansı bir fikir niyə bu halda ola bilər? Hər hansı bir fikir? Auditoriya: Əgər hərəkət varsa aşağı, siz onları görəcəksiniz. JASON Hirschhorn: Boom! Belə ki, onlar orada istəyirik, lakin qəribə ki, onlar orada bütün yol istəyirik. Auditoriya: Onlar üst-üstə də bütün istəyirik. JASON Hirschhorn: Onlar bir bütün istəyirik sıra, və onlar bütün müxtəlif ölçülü istəyirik. Belə ki, Assam, mənə kod bir daha xətti vermək Mən hər image edə bilərsiniz əgər Mən var kimi eyni ölçüsü, və görünür artıq ölçüsü I göstərilən onları olmaq istədiyiniz. Mən hər image edə bilər eyni ölçüdə? Bir vəhşi tahmin verin. Nə kodu bu xətti haqqında? Auditoriya: siz edə bilərsiniz Sabit kimi? JASON Hirschhorn: Və ya başqa Mən kodu bu xətt qoymaq bilər yerləşdirmək Mən yalnız onu surəti əgər? Auditoriya: Bütün yol down ki, eyni xətt üzrə? JASON Hirschhorn: OK, qoymaq bildirin burada da, doğru. İndi nə görmək edək. Allah mənim oh! Biz almaq üçün başlanğıc etdiyiniz kimi indi görünür bir şey, və onlar kimi görünür Bütün növ cədvəldə uyğun biz hər TD inşa etdik. Həmçinin, Assam, mən istəyirəm deyək onların bir az çox olacaq yüksəkliklərdə - Bu yüksəkliklərdə şey mənə off atma, belə ki, Mən onların hündürlüyü müəyyən etməlidir? Hər hansı bir sayı seçin. Auditoriya: 200? JASON Hirschhorn: 200. Mən 100 seçmək gedirəm. Ki, böyük. Həqiqətən 200 kimi üçün. Biz orada getmək! OK, indi bu bir az baxmaq başlayır daha yaxşı və bir az daha mütəşəkkil. Biz lazımdır nə üçün hər hansı digər fikir delfinlər şəkilləri saxlamaq üçün nə? Bəli? Auditoriya: quotes, və ya tək edirsiniz üçün dəyərlər ətrafında quotes, mənbə, hündürlüyü, eni, o isteğe var? JASON Hirschhorn: Harada tək quotes var? Auditoriya: nümunələri bəzi kimi, Siz hündürlüyü kimi istiyorum quote "150." bərabərdir Edir ki, lazım deyil. JASON Hirschhorn: Belə nin burada aşağı baxmaq. Biz okean basın varsa, masa getmək, Siz, həqiqətən, burada aşağı görəcəksiniz mənim üçün o quotes əlavə edib. Auditoriya: OK. JASON Hirschhorn: Və mən nə bilirik biz edirik əzabla yavaş görünür. Biz yalnız kodu üç xətləri yazdıq bu günə qədər, və ya dörd kodu xətləri, lakin Bu əslində proses olduğunu Mən istəyirəm hər zaman keçmək Bu veb etmək. Xətti ilə line aşağı konsol istifadə burada şeyi kəşfiyyat və figuring Mən istəyirəm nə addım-addım həyata. Belə ki, ümid edirəm ki, siz uşaqlar üçün bu mimics nə yaxşı, pedaqoji şəkildə həqiqətən zaman məşğul olacaq Siz web yaratmaq. Üzrə hərəkət edək. Biz bu şeylər yaratdıq. Mən, həqiqətən, gedirəm - Avie, mən sizin üçün böyük bir sual var. Biz də hərəkət edəcəyik, bilmirəm. Qatar delfin "gedək zaman onun şəkil tıklandığında. "Siz necə Mən kodu ki, xətt yazmaq təklif? Auditoriya: bir funksiyası var "qatar." adlı JASON Hirschhorn: bir funksiyası var doğru ", qatar" adlı. Auditoriya: Bu indeks gözləyir. JASON Hirschhorn: Train gözləyir bir index, belə ki, OK. Avie, bu məhz əsaslandırıcı edir Mən görmək üçün sevirəm ki. Train indeksi gözləyir. Auditoriya: Belə ki, olacaq loop üçün var. JASON Hirschhorn: Bəli, mən bunu istəyirəm bir şəkil tıklandığında, Avie belə bir necə nəzarət edirsiniz şəkil tıklandığında? Bunu etmək üçün bir neçə yolu var. Bu JavaScript güc və jQuery, həm də çətin hissəsidir. Auditoriya: mötərizə varsa, deyil. Və ya mötərizə hadisə, və ya bir şey nisbətən sadə? JASON Hirschhorn: Beləliklə, biz gördük bir neçə mühazirə bunu yolları. Bir şey, aşağı burada, edə bilərdi idi Bir yarada bilər kimi bir şey funksiyası klik kimi, və ya klik kimi bir şey. Hər kəs görən xatırlayıram kimi bir şey? Siz HTML tag daxilində bunu. Mən bəzi boş üzlərini görmək. Bəzi insanlar kimi nə , söhbət? Mən hesab edirəm, çünki ki, gözəl var bunu daha mürəkkəb yol. Biz daha asan etmək olacaq yol jQuery istifadə. Belə ki, Avie? Auditoriya: Hm? JASON Hirschhorn: Mən etmək istəyirsinizsə bir şey jQuery, mən açıq-aydın başlamaq, kimi əvvəl, bu dollar işarəsi ilə, açıq paren, yaxın paren və ikiqat burada quotes. İndi mən burada bir selector lazım bilirik. Nə selector tətbiq olardı təklif edirsiniz hər bir şəkil və ya hər bir bir şəkil? Auditoriya: Image? JASON Hirschhorn: var doğru. Ki, hər bir image müraciət edəcək. Onların bütün alır. Bu, o bir sinif deyil, bir ID deyil tag növü və bu gedir hər bir almaq. Və indi mən bu demək gedirəm indi üçün, və daha çox baxa bilərsiniz sonra sənədləri, lakin bu şey hadisələr əqdlərin "on" çağırıb. Beləliklə, nə siz indi bunu almaq, və super güclü, demək hansı növ aradığınız nə edirik hadisə zaman Siz istədiyiniz ki, hadisə alır. Mən sizə bir az vermək gedirəm bit daha kodu Avie, sonra OK, getmək üçün var? Auditoriya: OK. Auditoriya: On - biz demək olacaq , Bu halda "basın" olan will ümumiyyətlə istifadə edin. Belə ki, klik, sonra biz olacaq bu anonim funksiyası keçir. Bu syntax görmək olacaq bir çox, və ümid siz bir çox yazılı. Bu nə klik, yenidən, deyilən bir şey image, nə olursa olsun, image adlı bir şey, biz gedir bu anonim funksiyanı çalıştırmak üçün. Mən bir ad verilməsi deyiləm. Mən hər hansı arqumentlər keçən deyiləm. Mən burada yaradılması, kimi, yalnız deyiləm var fəaliyyət, və burada nə kod Siz olacaq. Bu syntax vasitəsi ilə var. Siz görəcəksiniz kimi də, bu, görünür burada bu çox oxşar ki, biz əvvəl yazmışdır. OK, Avie. Beləliklə, siz indeksi qatar zəng etmək istəyirəm. Ki, siz istədiyiniz nədir? Auditoriya: Bəli. JASON Hirschhorn: Yəni? OK. Nə görmək edək. Auditoriya: baxmayaraq ki, gözləyin. Index indi dəyişən deyil. JASON Hirschhorn: Belə index deyil dəyişən indi. Siz onu aldığı bilmirəm. Auditoriya: [işitilemez]. Belə ki, ilk anlamaq lazımdır olan delfin tıklayan var? JASON Hirschhorn: Əla. Siz anlamaq üçün lazım olan delfin tıklayan olmuşlar. Bu qaranlıq bir vəhşi shot edir. Kimse Yok Mu anlamaq bilər necə heç bir fikir var həyata nə delfin tıklayan var? Əgər, mən yalnız sizə verəcəyik Bu olduqca crazy, çünki. OK. Belə ki, console.log vasitəsilə çap edək. Bu şey. Belə ki, dollar işarəsi, açıq paren, Bu yaxın paren. Mən bu image basın zaman, mən gedirəm konsol bu çap, və nə görmək edək. Nin burada geri getmək edək. Nin təsəlli gedək. No səhvlər, çox şükür. OK. I tıklayan. Mənə bir daha nə edək. Mən bu ilk image tıklayan və bu konsol çap oldu, şeyi bu xətt. Mən istifadə gedirəm Sözü "bu" bir çox. Burada bu şey, bu, çox deyil xüsusi və dəqiq nə işi var Avie bunu istəyir. Bu, nə əldə edir və ya nə tıklayan. Yenidən, bu selector olur, çünki çox şeylər ilə məşğul, biz bunu mütləq biz etdiyiniz şey bilirik söhbət, biz anlamaq istəyirəm həyata olan odur ki, biz söhbət edirik Bu sintaksis vasitəsilə haqqında. Burada bu halda, hashtag okean, biz həmişə etdiyiniz nə şey bilirik söhbət olacaq, belə ki, biz, həqiqətən, bu lazım heç vaxt bir hashtag okean içərisində. O, həmişə okean ki, div var. Bu ID var, yalnız bir mümkün şey. Lakin bu halda, bu bir çox tətbiq images, əslində, altı images, və biz nə xüsusi bilmək istəyirəm image tıklayan edilib. Bu kimi və bu görünür məlumat cür almaq. Biz bəzi böyük kimi görünür almaq string və biz bütün bu almaq Bu məlumat. Biz ton və ton almaq və stuff ton. jQuery super güclü edir. Bu bizə məlumat bir ton verilməsi oldu bu HTML element haqqında. Avie, nə biz bilirik istəyirəm Bu HTML element haqqında? Auditoriya: şəxsiyyət kimi bir şey. JASON Hirschhorn: An ID. Bəli, biz bir mənbə var, eni və hündürlüyü. Auditoriya: Biz mənbə istifadə edə bilərsiniz. JASON Hirschhorn: Biz mənbə istifadə edə bilərsiniz. Bizə bir string vermək lazımdır, bir URL string. Biz nə ilə gedir ki, bir dəfə biz var? Necə geri almaq bizim ocean_array index? Auditoriya: Biz müqayisə edə bilərsiniz bu digər. JASON Hirschhorn: Beləliklə, biz hər vasitəsilə loop. İndi biz yenə loop bilər və sonra bu müqayisə. Nə bir sadə yol olacaq nəzərdə tutur, Siz yalnız bir təsəvvür bilər? Auditoriya: loop olan deyil. JASON Hirschhorn: loop olan deyil. Auditoriya: Just həyata figuring delfin, [işitilemez]. JASON Hirschhorn: figuring həyata nə delfin. OK. Belə ki, məlumat saxlamaq bildirin Bu image tag. Bu məhsulları və yenidən, indi, part yalnız sehrli Mən ola bilər, çünki , ilk dəfə bu göstərən lakin ümid bu şeylər Siz bunu etmək olacaq. Belə ki, bu bir şey deyil sehrli siz edə bilərsiniz. Siz bəzi əlavə metadata saxlaya bilərsiniz bir element. Bu deyil, göstərilir deyil bir şey təsir göstərir. Siz yalnız orada saxlaya bilərsiniz. Və biz qazanc təklif hər image ilə index. Belə ki, nə yol yaratmaq bir data dash adlı atribut və sonra nə adı sizə vermək istəyirəm. Data tire edir ki, xüsusi bir şey deyil sizə verilən və bu deyir istifadəçi yaratmaq niyyətindədir şey. Beləliklə, biz adlanan bu şey yaratmaq index, bu əsas indeksi çağırıb. Və daxilində biz qoymaq üçün gedir bir hər zaman deyil, yalnız, lakin nə biz Avie, bu daxilində qoymaq? Nə burada gedir? Auditoriya: Dolphin. JASON Hirschhorn: Dolphin. Ki, söz deyil. Dolphin. Və yenə, biz artıq delfin çap əvvəllər, 0, 1, 2, 3, 4, 5, və biz image ilə qənaət edirik. Belə ki, indi mən əgər - və daha, ki, metadata edin. Necə ki, metadata daxil edə bilərəm? Bu, sadəcə adlı funksiyası var "data". Və siz bir keçmək lazımdır və yalnız bir arqument, olan şey adıdır. Mən, bu çap gedirəm və sonra mən suallar almaq lazımdır. Amma mahiyyətcə, mən deyirəm mənə vermək tıklayan ki, obyekt, baxmaq onun data atributları bütün, adlı bir "dizine" mənə dəyər verir. Və zaman nə görmək edək biz bu səhifəni yenileyin. Biz gözlənilir dəqiq nə. Yenə olduqca sehrli idi. Biz yalnız sağ orada bir çox idi. Kim ki, hər hansı bir sualınız var? Bəli? Auditoriya: yalnız bir sual var canlı indeksi haqqında. Siz ikiqat bir quote kimi istifadə quote, orada kimi. JASON Hirschhorn: Burada. Auditoriya: Bəli. Siz niyə bir səbəbi var tək quote, ikiqat quote? JASON Hirschhorn: bir səbəbi var, və bu geri nə Marcus gedir əvvəllər istədi. Bu xətt, bir olan oldu mənim kodlaşdırma daha yaxşı bit. Mən bu istəyirəm, və bu nə vicdanla Bu, bütün görülən olmalıdır eni və hündürlüyü üçün vaxt, xüsusilə. Burada aşağı baxaq. Siz burada görürsünüz, ki, edə bilərsiniz? Mən bu cür kiçik olduğunu bilirik, lakin data dash index ikiqat quotes edir. Həmin şeylər həmişə lazımdır ikiqat quotes olmaq. Dəyəri hər zaman lazımdır ikiqat quotes ola bilər. Amma burada, mən bir ikiqat quote əgər ki, burada bu simli sona çatacağını, və indi olmaz simli yazaraq. Mən yalnız istifadə edərək ətrafında almaq bir quote, çünki bir quote JavaScript simli son deyil, değilseniz HTML qayğı deyil bu bir quotes verilməsi və ya ikiqat quotes. Bu, sadəcə onu şərh edəcəyik ikiqat quotes kimi. Ki, hissi edirmi? Bəli? Auditoriya: necə almaq ki, IP ünvanı Sizin müştəri altındakı? Mine heç bir IP ünvanı deyir. Mən olmalıdır bir şey var [Işitilemez] görmüşük. JASON Hirschhorn: Sizin cihaz olaraq, heç bir şey var? Auditoriya: Bəli. JASON Hirschhorn: bir şey yoxdur siz düzeltmek üçün nə edə bilər, lakin mən deyiləm gəzinti vaxt sərf etmək niyyətindədir İndi vasitəsilə. Amma biz bölməsində sonra bunu edə bilərsiniz. Auditoriya: Siz geri varsa Konsol, niyə oldu 012321 listelenen sayı? JASON Hirschhorn: Console? Oh, mən yalnız tıklayarak, çünki ətrafında vəhşicəsinə. Auditoriya: OK, Oh. Mind heç vaxt. JASON Hirschhorn: Və yenə, mən basın bir şey bir bajillion dəfə. Auditoriya: Mən bir sual var Sizin loop yenə loops üçün. Siz P bilirik, çünki onlar, səkkiz müəyyən ki, loop fərqli bir formada istifadə. Belə ki, onlar var kimi i i az, 0 bərabərdir yoxdur ocean_array.length, i + +, daha. O ekvivalent? JASON Hirschhorn: Yəni loop üçün standart. Və ya yeah ki, loops üçün var. Əslində, biz ekvivalent var gördük. Auditoriya: Belə ki ekvivalent var Siz burada etdik nə? Bir daha hesab olunur başqa? JASON Hirschhorn: Xeyr Belə ki, yenə biz getdi Bəzi şeylər artıq. Biz indi bizim rahatlıq zona üzərindən hərəkət etdik və bəzi həqiqətən sərin bunu açılmış biz mütləq getdi deyil ki, hər şeyi üzərində sinif əvvəl, lakin edəcək inşallah çox güclü ola kodlaşdırma zaman sizin üçün. Avie, qədər burada geri gedək. Mən Yunus index var. İndi mən nə etmək lazımdır? Auditoriya: Siz çox məşq etmək lazımdır. Belə ki, əvəzinə, sizə console.log qoyulması ki, bir dəyişən bərabər bilərsiniz? JASON Hirschhorn: OK. Belə ki,? Auditoriya: Mən əmin deyiləm Siz bunu edə bilərsiniz, əgər. JASON Hirschhorn: Belə var x bərabərdir Bu qaytarır, nə bu, onu qayıtmaq lazımdır. Fərqi yoxdur. Bu hər hansı bir dəyişən qayıda bilər. Burada heç bir növ var. Auditoriya: Və ya yalnız bilər funksiyası zəng etmək. JASON Hirschhorn: Bəli, niyə bunu yoxdur? Just funksiyası zəng etmək. Auditoriya: Bəli. Parantez bir set qoyun. JASON Hirschhorn: Perfect. Dəqiq doğru. Belə ki, qatar funksiyası zəng edəcək. Əlbəttə ki, heç bir şey qatar edir funksiyası, belə ki, Akshar, nə mən təklif qatar funksiyası etməlidir. Mənə bir yalançı kodu verin. Auditoriya: Mən sizə aradan qaldırılması lazım olduğunu düşünürəm orijinal masa delfin. JASON Hirschhorn: Bu olur Nuh əvvəllər niyə biz surəti yeni bir sıra daxil bu. Sağ, biz çünki redaktə etmək üçün deyil bizim delfinlər array çünki başqa varsa proqram istifadə və ya nə biz istəyirsinizsə başqa bir yerdə olmaq üçün? Biz surəti etmək istəyirəm ki, var biz redaktə olacaq bir. Auditoriya: Sonra yerləşdirilməlidir Bu yeni yeri. JASON Hirschhorn: Və nə biz bundan sonra nə etmək lazımdır? Auditoriya: Və sonra çap edilmiş Yunus haqqında məlumat. JASON Hirschhorn: var doğru. Biz ocean_array aradan qaldırılması, biz biz çəkmək sonra hovuz qoymaq və hovuz okean. Necə delfin aradan qaldırılması yoxdur Bu ocean_array dən? Auditoriya: Siz index getmək. OK, Oh. Bir splice funksiyası istifadə edin. JASON Hirschhorn: OK, belə ki, doğru. Mən splice funksiyasından istifadə edə biləcək bir sıra bir şey edir və onu kondensasiya. Bu yeni bir şey, biz var əvvəl görmədim. Amma həqiqətən bir yer saxlamaq istəyirəm Mən çap etmək istəyirəm, çünki Okeanında boş. Auditoriya: Beləliklə siz image bilərsiniz ki, index, bu ocean_array index dot şəkil. JASON Hirschhorn: OK, ocean_array, index. Auditoriya: Dot şəkil. JASON Hirschhorn: Dot şəkil. Auditoriya: Və null müəyyən? JASON Hirschhorn: null Bərabər. OK. Belə ki, heç bir şey, sonra var, belə ki, necə Mən hovuz qoymaq edirsiniz? Constantine, necə Mən hovuz qoymaq? Biz adlanan bu dəyişən var, burada, hovuz çağırıb. Auditoriya: Biz yalnız bərabərdir edirsiniz ocean_array index? Auditoriya: Siz olmalıdır sifariş keçid? JASON Hirschhorn: One sec. Bəli? Auditoriya: Bəli, ki, həqiqətən yaxşı bir nöqtəyə. JASON Hirschhorn: Burada gedir? Auditoriya: o index mı? JASON Hirschhorn: Index, dəqiq. Və siz, Constantine nə dedi biz etmək lazımdır şeydir? Auditoriya: Biz bəlkə olmalıdır sifariş keçid. JASON Hirschhorn: Və nə olmalıdır biz bəlkə, sifariş keçid? Auditoriya: Çünki ki, artıq null qeyd. JASON Hirschhorn: Belə ki, bütün null deyil, lakin biz image URL itirdim. Biz əbədi itirmişdir? Auditoriya: Texniki heç? JASON Hirschhorn: Have biz əbədi unutmusunuz? Auditoriya: Xeyr JASON Hirschhorn: Bəli, o? Auditoriya: orijinal Yunus - JASON Hirschhorn: Bu delfinlər var, lakin ocean_array da biz əbədi itirdim. Belə ki, Constantine, bir təklif edə bilər Bu xətt yazmaq yaxşı yoludur? Əslində, sorry, bu hovuz xilas oldu. Biz hovuz var, çünki hovuz, sağ obyekt? Ocean_array index bir ocean_array obyektlərin bir sıra edir. Belə ki, hovuz bir obyekt deyil, və biz aşağı orada URL, və burada null müəyyən edir. Yəni əslində, biz var əbədi itirdi. Bu, yalnız hovuz xilas oldu. Amma bu, ocean_array əlbəttə deyil və kimi Carlos, bu olduğunu ifadə edərək, delfinlər array. Belə ki, bu şirin görünür. Və sonra necə çəkmək yoxdur okean və hovuz? Mario? Auditoriya: Siz yalnız zəng edə bilərsiniz draw_pool və draw_ocean? Belə ki, kimi, draw_pool, və sonra - yaxşı, Bəli, bir şey deyil. JASON Hirschhorn: Great. Nə draw_pool nə olacaq? Auditoriya: hovuz Draw? JASON Hirschhorn: Bəli, yaxşı, nə etmək olacaq? Auditoriya: Bağışlayın. Siz eyni edə şey kimi var - JASON Hirschhorn: tutun, biz orada almaq olacaq. Heç bir şey. Bu indi heç bir şey yoxdur. Baxmayaraq ki, bu işləri əgər in nəzər salaq. Kim bizə kodu verdi? Akshar və Constantine bizə kodu verdi? OK, nə görmək edək. Ah! Ki, maraqlı idi. O getdi. Oh, boy. O cür çirkin var. Yaxşı, biz geri getmək olar və sonra düzeltmek. Mən harada görəsən? Biz hovuz dəyişən onu xilas. Bu halda, mən necə anlamaq olar ki, hovuz dəyişən? Bəli, yenə, JavaScript güc, və xüsusilə tools ki, Chrome indi bilərsiniz, sizə verir ki, hovuz dəyişən yoxlayın. Qlobal var, xatırlayıram? Biz var söz qoymadı. Mən burada daxil edin yazın əgər, Constantine, siz mən nə düşünürsünüz mən daxil hit zaman olacaq? Auditoriya: Mən bilmirəm. JASON Hirschhorn: Guess. Auditoriya: Heç bir şey? JASON Hirschhorn: yanlış bir şey. Baxmayaraq ki, bir yaxşı tahmin idi. Mən obyekt var. Mənə verdi xatırlayıram kodu ki, xətt. Pool, o saxlanılır dəyişən bir obyekt. Və həqiqətən, biz obyekt görmək siz xilas. Bu zəhmli deyil. Biz buradan yoxlayacaq bilər. Demək olar ki, real vaxt gdb kimi ki, biz kod vasitəsilə baxmaq edə bilərsiniz stuff anlamaq. Bu super sərin və super güclü edir. OK, bu qədər bitirək. Beş dəqiqə hovuz cəlb edək. Maru, mənə bir xətt vermək hovuz cəlb kodu. Auditoriya: Siz başqa ola bilər dəyişən HTML, lakin üçün /. JASON Hirschhorn: Nin edək indi üçün çox sadə. Yalnız adını çap edək yunus biz təlim edirik. Auditoriya: Və sonra dollar nə edə bilər imza, açıq parantez, və sonra açıq quote. Əgər mən, funt hovuz tapmaq ki, bir şey idi. Yadımda deyil. JASON Hirschhorn: geri baxaq. Mən bir şey hesab edirəm. Auditoriya: OK, evet. Və sonra yaxın quote, yaxın parantez . Html, açıq parantez, və sonra mən açıq bracket kimi, hovuz tapmaq 0 və ya kimi bir şey. Yaxın dot adı. Ki, işləyir, əgər mən bilmirəm. Auditoriya: OK, nə görmək edək. "Əmlak adı oxumaq bilmir undefined. "Belə ki, yenə, burada nə biz yoxlamaq olacaq. Biz bu araşdırmaq olacaq. Siz hovuz, açıq bracket0. Adını etdi. Yenə bu bütün vaxt, və mən neler qarışıq, nə Bu xəbərdarlıq deməkdir. Hovuz baxaq. Hovuz bracket baxaq 0, undefined. Biz çalışan olduğunuz Belə ki, Bizim problem, sağ? Pool bracket 0 deyil, açıq-aydın, mövcuddur. Nə varmı düşünürsünüz? Auditoriya: pool mı yalnız özü tərəfindən object? JASON Hirschhorn: Yaxşı, nə sağ burada deyir? Biz hövzəsində Enter zaman onu nə deyir? Auditoriya: Object. JASON Hirschhorn: Bu, bir obyekt? Auditoriya: Bəli, Oh. Belə ki, yalnız əvəzinə pool.name - JASON Hirschhorn: Pool.name verir Siz nə istədiyini dəqiq. Və mən bu yolu gedirəm həyata yavaş-yavaş və bu nöqtəyə belaboring, lakin bu mən bu məhsulları nə dəqiq necə. Bu hatalar daxil olacaq son layihə zamanı, mən ümid Bu etmək üçün səlahiyyət bütün bu vasitələrdən istifadə etmək. Bu mühüm və iradə super duper uzaq almaq. Mən istəmirəm yalnız adı çap. Nin bir az etmək edək Bu çox gözəl bit. Auditoriya: Biz nə etmək istəyirsiniz? JASON Hirschhorn: gözəl, OK. Biz yalnız bu edəcəyik. Uf. Uşaqlar, heç bir həyat var. OK, boom, var. Yaxşı görünür. Siz, aşağı burada, Akshar görəcəksiniz biz null, tapılmadı. Hələ çalışırıq kimi görünür bəzi image tapmaq, və bunu etmədi dəqiq nə biz etmək istəyirdi. İndi ki, getmək üçün gedir, lakin deyilik təmiz yol yəqin ki, var bunu. Auditoriya: Siz kimi tərk edə bilər image üçün boş? Kimi yerinə null onu yaradılması, Siz boş kimi təyin edə bilər string və ya bir şey? JASON Hirschhorn: Bu kimi? Auditoriya: Bəli. JASON Hirschhorn: [işitilemez]. Tapılmadı. Belə ki, bunu daha yaxşı bir yol var. Mən bunu təklif edirəm. Just null orada qəbulu. Sonra əlbəttə, nə nə olacaq? Bu tamamilə uzaq getmək olacaq. Biz bir yer saxlamaq və etmək istəyirdi Belə ki, əgər ki, biz yəqin ki, bir şey etmək istəyirəm burada həmçinin. Mən sizə başlamaq üçün gedirəm. Akshar, mənə bu xətti vermək kodu həqiqətən hızlı. Auditoriya: ocean_array varsa, delfin, , bərabərdir bərabərdir bərabərdir - null bərabərdir? Bəli. JASON Hirschhorn: Sonra nə? Auditoriya: Sonra html yoxdur. Siz, həqiqətən, alt kodu kopyalayın. JASON Hirschhorn: nə kopyalayın? Auditoriya: Siz köçürə bilərsiniz - JASON Hirschhorn: Bu? Auditoriya: Bəli. JASON Hirschhorn: Bütün bunlar? Biz bir resim yoxdur. Auditoriya: Mən sizə demək yalnız bir tərk edə bilər - Bəli, yalnız yaxın bilər. Amma siz eni təyin etmək üçün var. JASON Hirschhorn: Bəli, yalnız boş sütun yaratmaq. OK. Və sonra bu halda, biz yəqin ki, will eləcə də bunu istəyirik. Oops. Oh. Iş deyil, lakin biz deyilik mi ki, səhv əldə. Burada aşağı nə görmək edək. Belə ki, orada heç bir şey var, belə ki, nə Siz olmalıdır demək idi? Auditoriya: Biz müəyyən etməlidir sıra eni. JASON Hirschhorn: nə üçün? Auditoriya: 150 hesab edirəm. Auditoriya: Bəli, bu 150 idi. JASON Hirschhorn: Biz burada bu qoymaq lazımdır ardıcıl mənim kodu saxlamaq üçün. Amma bu bir deyil. Yaxşı, OK. Olunub. OK? Belə ki, hələ üz olacaq. Auditoriya: Oh, eni zəng? JASON Hirschhorn: görünür kimi eni 150-dir. Baxaq. İndi biz final nə olacaq, Mən ki, cool, güclü şey sizə göstərmək niyyətindədir. Biz bu kodu bitirmək niyyətində deyilik biz bütün bu çıxmaq online əvvəl kodu doğru olacaq. Mən sizə korrektə versiyası e-poçt göndereceğiz öz üslubu bəzi sonra bölmə, və online olunub olacaq. Mən bu kəşfiyyat saxlamaq təşviq və bir sened kimi istifadə, lakin mən Bu üçün son alət göstərmək istəyirik sinif, və burada deyil sağ tərəfdən. Və biz indi bu ötən həftə baxdı, lakin ümid edirəm ki, bir az daha tanış Sizə və rahat. Siz dinamik oynaya bilər Bir səhifə CSS ilə. Biz, həqiqətən artıq bizə gördüm dinamik HTML ilə oynayır. Biz doğru idi xatırlayıram Edit kimi HTML basın? Burada? Beləliklə, biz dinamik ifa etdiyiniz HTML ilə. Konsol, siz dinamik oynaya bilər bir səhifə JavaScript ilə. Məsələn, bir etibarlı JavaScript line. Boom, Mən istəyirdim dəqiq nə var. Beləliklə, biz dinamik ilə oynaya bilər HTML, dinamik ilə oynamaq JavaScript. İndi biz dinamik olacaq CSS ilə oynayır. Bu kimi çünki bu bütün ani, siz gdb Əlaqə yaşayır və olan əvvəl bir şey hüququnu bilirik kodunuzu getmək, və siz üçün bir şey var nə tahmin deyil kimi baxmaq niyyətində. Belə ki, bu super duper sərindir. Və nəhayət dinamik baxaq CSS ilə oynayır. Ki, sağ üzərində burada tərəfdən, element.style. Bu gedək. Burada element var. Nin bəzi əlavə CSS verək. Və ya üzr, biz bəzi əlavə verə bilər CSS, lakin biz yəqin ki, bu halda, Bu atributu dəyişdirmək istəyirik. Belə ki, bu xətt burada gedək. Oh, mən burada bunu edə bilməz. Üzr istəyirik. AS Edit - belə ki, siz CSS redaktə edə bilər necə. Biz bu CSS redaktə etmək niyyətində deyil ikinci, lakin biz redaktə etmək istəyirik HTML və vermək əlavə atributu. Bu dəyişən nə təklif etdi? Mən Avie bir təklif idi düşündüm. Auditoriya: Col width? JASON Hirschhorn: Bu kimi baxdı bu da bir şey etmədim. Nin CSS cəhd edək. Auditoriya: [işitilemez] sinif? JASON Hirschhorn: Bu deyir bu iş deyil. Bu sarı şey verir. Auditoriya: Amma [işitilemez]. Auditoriya: Əgər eni qəbulu deyil 150 resim bunu zaman? Kimi yalnız istifadə eni deyil? JASON Hirschhorn: Bəli. Auditoriya: Amma biz yoxdur artıq bir image. JASON Hirschhorn: Xeyr Biz orada heç bir şey yoxdur. Beləliklə, biz həll etmək fikrində deyilik xüsusi problem. Biz Akshar nin geri getmək olacaq həll, bir təyin etmək istəyirəm, çünki olan zaman üçün pulsuz delfin, və ya son var Mən bitirmək istəyirəm şey. Beləliklə, biz burada bu tərk etmək olacaq tanınması isə kifayət qədər var düzgün, və biz olacaq geri gəlmək. Üzr istəyirik. Mən biz dinamik bilər bildirib CSS dəyişir. Ki baxmaq və edək ki, həqiqətən tez. Mən aşağı burada bu element yoxlamaq əgər, və, mən mavi etmək istəyirsiniz siz burada artıq gələ bilər, rəng, çünki Mən rəng dəyişikliklər bilirik bir şey, və gördük necə bu mavi dəyişdi. Belə ki, dinamik mənə CSS dəyişir. Sonra yaxşı dəyişdirmək deyil, Mən CSS faylı geri getmək bilər və bir obyekt rəngini dəyişir. OK. Bir çox idi. Biz mənim gözəl proqram başa gəlmədi. Mənə yalnız real sürətli sizə göstərmək edək sonra biz rəhbərlik lazımdır. Oh, harada o? Xeyr! Tutun. OK, siz qablaşdırılması etdiyiniz kimi belə bir gözəl preview, və ya ön növbəti dəfə keçirmək. Bu Dolphin Trainer 2013 və bu iş deyil. Böyük. [Gülüş] JASON Hirschhorn: Oh! Boom! Bu nə deməkdir? Auditoriya: Siz chmod etməyib. JASON Hirschhorn: Mən bunu chmod etməyib. Auditoriya: bir sıra. JASON Hirschhorn: Oh, ki, baxın. OK. Belə ki, mən altı delfinlər var. Nə olar? Baxaq. Mən bir məşq, indi Lili təlim. Oh, mən, pulsuz Lili siz müəyyən istəyirəm. Burada geri okean getmək. Belə ki, bu həftə idi. Hər hansı bir sualınız varsa, biz xaricində olacaq. Və yenə, mən göndərmək lazımdır Bu kodu istirahət. , Uşaqlar təşəkkür edirəm.