ALLISON BUCHHOLTZ-AU: Pekala herkes.
Bölümüne hoş geldiniz.
Bu bizim sondan bir önceki bölümü.
Çok üzücü.
Ben yapacağım bilmiyorum Her Pazartesi Sizi görmeden.
Ben sadece-- sanırım belki biz sadece
Burada karşılamak ve akşam yemeği ya da bir şey var.
Bilmiyorum.
Ben yemek yerine getireceğim.
Biz sadece konuşacağız.
Ama evet, gelecek hafta olacak Bizim son bölüm olacak.
>> Bu kayda göre, gelecek hafta bir sınav var.
Ben, ben gibi, benim yapmak unuttum biliyorum İki hafta önceden haber geçen hafta,
ama umarım siz Bu geldiğini biliyordu.
Umarım bu son biridir dönem için sizin için ara sınav.
Ama hepsini kapsayacak şekilde gidiyor Biz üzerine gittim malzeme.
Yani sadece unutmak gibi değil yaklaşık dört döngüler veya değişken.
Öğrendik Çünkü Başlangıçta, bu,
Bu tabii ki vardır senin sınav için adil oyun.
>> Aynı biçimi olacak, aynı uzunluk, bu yüzden size zaten kullanılır.
Orada oluyor El sorunları kodlama,
belki bazı true false, belki bazı kısa cevap.
Yani olmalı formatı aşina,
özellikle alırsan uygulama testleri.
Ben burada söylemek Ama, bu kadar kümülatif, ama biz kesinlikle konum
gidiş odaklanarak edilecek itibaren hafta altı gelen şeyler.
Yani, biz muhtemelen konum gitmiyor kaç bayt hakkında sormak için
Her bir türü ya da şeyler bu tür,
ama biz muhtemelen olacağız Bağlantılı listeleri gibi şeylere ilgi,
ya da farklı veri yapıları, ya da farklı algoritmalar
Konuştuğumuz ettik.
Yani emin gerçekten sen yapmak Bu kadar, ve eğer
herhangi bir kaynak gerekiyor, Burada kaynakların çok var.
Ben sadece tür verdim Orada hızlı bir liste.
>> Sonraki hafta yarışması olacak Bu süre içinde gözden.
Herhangi bir sorunuz varsa Yani ya da belirli konular,
quiz özel şeyler olduğunu Eğer gitmek istiyorum lütfen
Ben, böylece vaktinden onları bana gönderin tür bunun için bazı malzeme hazırlamak.
Ve buna ilave olarak bölüm yorumu, biz olacak
Ayrıca tutarak dersi çapında Geçen zaman yaptığımız gibi gözden geçirin.
Ve o olacak Aynı kişi tarafından yapılır.
Ben bilmiyorum daha iyi ya da kötü hale getirir,
ama beni olacak, Yine Hannah, Davan, ve Gabe.
Eğer görmek gelmek istiyorsanız Bize birbirleri ile tüm şaka
ve sınav size yol Yorum, kesinlikle gerekir
Ayrıca önümüzdeki Pazartesi gel.
Yani sadece Pazartesi reçel olacak iyi bilgi yarışması inceleme, paketlenmiş
sonra Salı çünkü her şeyi ile işlemek için.
>> Ama kesinlikle kontrol edebilirim Bu kaynaklar dışında.
Study.csv.net Ben, bugüne kadar olduğu , en yararlı biri, düşünmek
çoğunlukla, çünkü örnek kod bir sürü,
tüm Güç Noktaları vardır Bunun üzerine tüm notlar,
ki ben en çok çizmek gerçekten ne olduğunu benim bölüm malzemeleri.
Bir şey önceki içinde varsa Ben dışarı gönderdi olabilir bölümler
Eğer sahip olmayabilir kazanılmış, sadece bana bildirin.
Geçen haftaki örnek kod gibi, Herkes bu alamadım eğer,
Sadece bana e-posta ya da bana konuşma gel, ve ben bunu almak emin yapacağız.
>> Bununla Yani, bugün gidiyoruz JavaScript bahsediyoruz olmak.
Yani burada ben Tommy, biz Sadece dün gece seninle konuşuyorum.
Ben Tommy seviyorum.
JavaScript onun favori dil, burada diyor.
Onlar deneyin ve olduğunu anlatacağım iyi değil, onlar yanlış olacaktır.
Yani Tommy JavaScript ustasıdır.
Ben onun oldukça değilim seviye, ama ben, gibi oldu
"Tommy, nasıl öğretiyorsunuz Bu çocuklar JavaScript? "
Yani öylesine, bazı ipuçları var umarım onlar işe.
>> Bilmek Yani bir kaç şey olduğunu JavaScript istemci tarafı komut dosyası olduğunu
dil, PHP şey ise yani daha sunucu tarafı düşündüklerini,
o, sunucuya yüklemek edildi derlenmiş ve orada idam.
Bu çalıştırılır Kendi makinenizde.
TAMAM MI?
Yani bazı JavaScript sayfayı yüklemek, ve makinede yürütür.
Sözdizimi C ve PHP çok benzer.
Biz aracılığıyla gidiyoruz JavaScript bazı örnekler,
ve bunu görmek için gidiyoruz Biz değişkenler hakkında konuşmak yolu, döngüler
ve koşulların tümü çok benzer.
TAMAM MI?
onlar çok benzer olmasıdır muhtemelen sizin bazı yolculuk olacak
kadar, bazı durumlarda, sırf C biraz dahil edeceğiz
Orada burada olmamalıdır.
Belki denemek ve bir şey yazın o yazdığınız olmamalıdır zaman.
>> Ve bu konuda, bir şey için biliyorum JavaScript
Bir dinamik yazılmışsa PHP gibi dil,.
Siz hatırlıyorum Yani eğer Geçen hafta bölümünden,
Biz nazik ne zaman yapıyor Bizim PHP kurs,
Biz dize biri olabilir nasıl gördü bir int biri dönüştü, ve benzeri.
senin değişkenlerin türü çalışma zamanında belirlenir,
böylece değişebilir Programın ki,
ve aynı şekilde biz asla Gerçekten PHP değişkenleri için türlerini bildirebilirsiniz,
Aynı yapıyor olması gidiyoruz Burada bir şey, biz gerçekten değiliz nerede
değişkenler türlerini kontrol, Biz C. yapmak gibi öylesine, konuşmak
>> Ve sonra bir şey Bu oldukça serin olduğunu
Eğer hata olabilir konsol üzerinden kontrol
bu büyük fonksiyonlu console.log, burada
Farklı yazdırmak için izin verir değişkenler veya yaparız nesneler
hakkında konuşmak.
Sadece ben ne zaman geçen hafta gibi gibi, dökümü ile ", bu işlevi kullanın"
hakkında pset bu bir fonksiyonudur Eğer kullanmak console.log istiyorum.
Ben çok şaşırdım kaç Mesai saatleri öğrenciler
dökümü işlevi hakkında bilmiyordum.
Ve ben çocuklar "gibi, bu irade oldu hayatınızı çok daha kolay hale getiriyor. "
>> Pekala, bu yüzden bir tür oldu Sadece kısa bir şey, her zaman olduğu gibi,
Biz örnekler var.
Ben siz o sevdiğini biliyorum.
Yani burada bir çok örneği var basit bir JavaScript dosyasını burada.
Yani sadece oluşturmak için gidiyor diyor bu pop-up,
"Merhaba dünya" Seni sayfasına girin, ama diyelim
deneyin ve bu biraz yürüyelim.
Yani açıkçası bu sadece bir Normal index.html gibi.
Yani, burada sadece bizim normal bir şablon, ve biz başımızı var, HTML var,
ve sadece CSS ile gibi, nasıl Sağ, bazı dış dosya dahil mi?
Biz bazı script type var JavaScript metin.
Ve kaynak, hello.js olduğunu aşağı olan burada.
Bu hello.js tüm dosyasıdır.
Ve sonra bazı var başlık ve bazı vücut HTML
biz gerçekten umurumda değil ki.
>> Ne olur, biz bu sayfayı yüklediğinizde, otomatik olarak bu komut yürütür.
TAMAM MI?
Yani JavaScript olacak otomatik çalıştırmak.
Yani bunu yapmak için gidiyor, ne gidiyor Hemen gidip bu yürütmek için.
Ve o "uyarı söyleyecek.
Selam Dünya. "
Işlevi hangi uyarı olduğunu Aslında bu kutuyu oluşturur.
TAMAM MI?
Yani bu tür tüm kapsayacak bu.
Hiçbir şey biz ekstra var Sadece uyarı yanında yapmak,
ve sonra ne olursa olsun istedik Bizim Uyarı kutunun içinde.
TAMAM MI?
Yani bu sadece bir süper basit JavaScript neler yapabileceğini örneği.
>> Gerçekten harika biri şeyler, biz göreceğiz gibi,
JavaScript size izin vermesidir web sayfalarını işlemek için,
zorunda kalmadan Onlara her zaman yeniden.
Örneğin want-- Yani, eğer Eğer bir şey üzerinde seyretmektedir,
Siz hiç varsa Menü çubukları gibi görülen,
veya bazı üzerine geldiğinizde Konu, Bir Damla-aşağı menüsü görüntülenir
çünkü JavaScript var.
TAMAM MI?
Yani bütününü yeniden değilsin sayfa bu menü göstermek almak için,
Sadece bazı özel arıyorsanız Kullanıcı almıştır aksiyon,
hangi biz alırsınız olayları denir içine, ve sen demek, görüyoruz kez,
"Tamam, bu bir şey düzenlemek sayfa ve farklı görünmesi,
ama sadece bu özel şeyleri düzenlemek.
Her şeyi yeniden etmeyin. "
Yani aslında çok güzel, ve Eğer, sayfalarınızı yeniden yüklemek zorunda değilsiniz
ve gerçekten serin.
>> Yani değişken bildirimleri, böylece ne tür görebilirsiniz
Ben gevşek daktilo, burada üstüne koydu.
Yani bu çok PHP gibi.
Biz söylememe gerek yok Ne tür biz konum JavaScript
Bu değişkenlerin her bekliyor olması.
Onlar istedikleri türleri olabilir.
Bu durumda fark Yani, biz ilan Sadece "var" ile onları çok basit,
ve sonra ne olursa olsun biz istiyoruz Bizim değişken adı olarak.
Unutulmaması gereken bir şey olduğunda sizi o değişken adının önünde var in koymak,
o yerel olarak kapsamları.
TAMAM MI?
Bu sizin için tamamen makul Tamamen sadece Var silmek için
ve sadece s CS50 eşittir var, ve bu sadece bir global değişken olacaktır.
TAMAM MI?
Yani bunu her iki yönde başlatılamıyor, Sadece bunu istiyorum nasıl bağlıdır.
Eğer başlatılıyor eğer Yani Bir işlev içinde bu,
ve bu değişkeni istediğiniz o işlev içinde kapsamlı kalmak
Eğer yapmak istediğiniz gidiyoruz var gibi bir şey, bir değişken adı
Eğer isterseniz karşı küresel sen, kapsamlı
Sadece adını yapabilirsiniz Değişken ve daha sonra
İstediğiniz ne olursa olsun eşit ayarlayın.
TAMAM MI?
>> Bu güzel bir şey tür aşağı burada bizim değişken fark çünkü eğer
b doğru olarak başlar.
Ve ne bu can does-- Herkes bu ne söyle?
Bu yüzden bazı uyarı var.
Ne b yazarsınız Başlangıçta olabilir mi?
HEDEF KİTLE: Boolean.
ALLISON BUCHHOLTZ-AU: Boolean.
Sağ.
Ve sonra b yeniden atayın Bu dizeye, değil mi?
Öyleyse burada, b ne tür olacak?
Bu doğru, bir dize olurdu?
Peki önemlidir haber biz o c olduğunu
Neredeyse yapmak asla böyle bir şey.
Biz bir değişken olması gerekirdi, başka bir şey olarak döküm,
belki bir iki bazı işlev yapmak Ben, bir tamsayı bir ücret gitmek.
Ama biz, burada b fark ederseniz çok kolay yazın değiştirir.
>> İZLEYİCİ: Bekleyin, bu yüzden sadece can "bir tamsayı b yapmak?", gibi
>> ALLISON BUCHHOLTZ-AU: Evet.
Sadece bir tamsayı b atayabilirsiniz.
>> İZLEYİCİ: Gerçekten mi?
>> ALLISON BUCHHOLTZ-AU: Evet.
Ve sonra bir int olacaktır.
Yani değişkenler üzerinde değiştirebilirsiniz çok programın ders.
Onlar kesinlikle yazılan değildir.
Çok gevşek yazılır.
TAMAM MI?
Temelde değişkenleri yapmak ne olursa olsun biz tür PHP ile gördüğümüz gibi onlar, istiyorum.
Onlar, çılgın şeyler yapabilirsiniz oldukça dikkatli olmak önemlidir.
Sıra değişkenleri adlandırın.
Eğer aniden değil, yoksa Eğer, böyle olmaya gidiyoruz
"Ben bu olduğunu düşündüm, bekleyin dize, ve şimdi bir int var,
ve ben gerçekten emin değilim Burada ne oluyor. "
Yani bu sadece basit bir örnek gösteren nasıl bir değişken kolayca yapabilirsiniz
türünü içinde değişebilir Bir programın ders.
>> Tamam.
Yani bu görünmelidir süper, süper tanıdık.
Yani bu JavaScript bizim döngüler vardır.
Onlar hariç, tam olarak aynı Bunun yerine ben sıfır eşittir dört int,
biz sadece var i sıfıra eşittir söyleyebiliriz.
Ve sonra bizim aynı tür olabilir durumun, güncelleme aynı tür,
Ben artı artı gayet güzel çalışıyor.
Ayak aynıdır Dolayısıyla, whiles aynıdır
ve yapmak whiles tam olarak aynıdır.
Genel biçimi aynı tür.
Biz fark, dört, parantez, parantez, hepsi aynı.
Ayrıca noktalı virgül olacak Biz örnek kodu olsun.
Bunu güzel olduğunu göreceksiniz aynı c fazla.
>> Işlev bildirimleri için, Yine, çok benzer.
Biz bazı işlevi vardır sadece bir işlev olduğunu, ve o diyor
adı bizim fonksiyonu ve girişler.
Ve biz, biz fark yine eğer olursa olsun burada türleri var.
Doğru?
Biz hiçbir şey bu söyleyerek var int veya çiftler, ya da yüzer olması gerekir.
Onlar ne isterlerse olabilir.
Ne önemli olduğunu fark olduğunu biz önceden işlevi yazmak gerekiyor
JavaScript bildirmek için Bu aslında bir işlevdir.
>> Yani bu sadece bazı basit toplamıdır x veya y döndüren fonksiyonu,
ve sonra ne de serin Bu aslında can olduğunu
Bir değişkene bir işlev atamak.
Yani bu durumda, toplamı şimdi aslında toplamı yapar işlevi.
Burada dikkat ederseniz Yani, biz var fonksiyonu, fonksiyon ismi, giriş.
Doğru?
Burada biz sadece fonksiyon ve girişleri var.
Yani bu bir anonim fonksiyon denir.
Ve bu yeni olması gereken bir şeydir Size en adamlar, hepiniz değilse.
Yani temelde ne olduğunu aracı biz yapmak olduğunu
adına gerek bizim Bu durumda, işlev görmektedir.
Biz sadece Tamam, ben gidiyorum "diyebilirsiniz Burada, çalıştırır bu işlevi var
onun girişler, ve burada ne yapacak. "
Ve özellikle atama yaparken Bazı değişkene bir işlev
Eğer işlemek için gidiyoruz, Eğer ille yapmak
çünkü isim gerekir Eğer atıfta gidiyoruz
Bu değişken tarafından kendisine isim, değil neyse tarafından
işlevi aslında denirdi.
TAMAM MI?
>> Burada görmek Yani, biz Şimdi bazı değişken toplamı var
eşittir Üç ve beş toplamı.
Ve biz bu olsun istiyorum.
Ve bu sadece bazı uyarı olurdu, Üç artı beş numarayı eşittir.
Bu artı sadece sıralamak olacak ne olursa olsun bizim cevap dize üzerine oldu.
Ayrıca serin, artı dizeleri arada kullanabilirsiniz.
>> JavaScript için, PHP gibi, HTML, CSS ve biz söylediğimiz gibi,
Bunun bir sürü alarak konum tür bir Burada kapalı antrenman tekerlekler
ve siz know bir şey var nasıl gerçekten bunları anlamak için.
Onlar biraz farklı konum, ama onlar kadar yabancı değiliz
ve bir şeyler Google'dan olamaz ya w3 okullar ile onları online bakmak.
Ve biz gerçekten bekliyorlar , tür, deney adamlar
ve kendi öğrenirler.
Yani, ben bu biraz görünebilir biliyorum c bazı şeyleri daha az kapsamlı
Yaptığımız, ama bu bir nedeni aslında.
Ama umarım çok değil Farklı ve ezici değil.
JavaScript >> Yani diziler, yine çok benzer.
Doğru?
Biz bazı değişken dizi var Bu, boş parantez eşit bulunuyor
ve bu sadece boş bir dizi var.
Bu genellikle denir edebi dizi gösterimde.
İşte biz diyoruz sadece bir şey.
Burada dizi iki görürseniz, bazı var üç unsuru vardır edebi dizi,
değil mi?
Ve sonra bazı var var var Üçüncü unsur
Sadece bu bazı değişken , JS, bu dize tutmak için gidiyoruz.
>> Fark için iyi elemanları, virgülle ayrılır,
sadece biz beklediğiniz gibi.
Yaptığımız gibi Ve ayrıca, bu erişebilirsiniz Bu indeks gösterimi ile C, içinde, değil mi?
PHP çok farklı Şimdi, biz geri gidiyoruz
sadece tür atıfta için endeksi ile şeyler.
Sadece C gibi, o da sıfır endeksi var.
Gerçekten zalim olacak gibi hissediyorum aniden JavaScript birini yaptıysanız
indeks ve vardı tamamen Eğer diziler hakkında ne düşünüyorsunuz düşünmek.
>> Bir serin şey yerine bir sürekli eğer sanıyor- zorunda
Bir dizinin uzunluğunu istedi Belki bunu yineleme
Size gelene kadar bazı ucunu bulmak, ya da Eğer sadece ne olduğunu bilemez.
Javascript daha çok gevşek olduğundan Sadece tip daha yolları, biz, burada görmek
biz sadece bu dizi yapabilirsiniz büyük biz karar çünkü.
Biz dizi üç fark ederseniz başlatmak için üç şey vardır
ama sonra aniden, oh, sadece şaka "gibi biz konum.
Biz aslında gidiyoruz o 101 şeyler yapmak için. "
Hiç bilmek istiyorsanız senin dizinin gerçek uzunluğu,
Eğer böyle yapmak.
Ve biz çok görmeye gidiyoruz örneklerde bu gösterimin,
ancak JavaScript ile genellikle ne olursa olsun
Bahsettiğin nesne fonksiyonun nokta ne tür
Eğer uygulanmış istediğiniz.
TAMAM MI?
>> Bu durumda Yani bizim nesne, dizi iki
ve biz istiyoruz ki dizinin iki uzunluğu.
Yani bu sadece bu uzunluk gibi çağırır.
Ve bu senin boyunu dönecektir.
Ayrıca dikkat edilmesi gereken bir şeydir bizim diziler fark ederseniz ki,
C aksine, onlar yok Aynı türdeki tüm olması.
Bu PHP gibi çok daha fazla.
JavaScript gibi temelde C ve PHP'nin bu ilginç birleşmek.
Yani biz bu içine alırsınız.
Şimdilik, sadece varsayalım diyelim senin diziler temelde olduğunu
bu C diziler gibi Onlar sıfır endekslidir.
Tamam, böylece her şey.
Ayrıca, sadece bir uzatabilir Eğer istersen endeksi dizi.
Bu muhtemelen seg oysa size hata veya bazı hata verir,
JavaScript nah, bu iyi ", gibi.
Ben bu aldım.
Biz sadece düz gidersiniz nereye istiyorum. "
>> Tamam, nesneler çok önemlidir.
Siz bu çok kullanarak olacak K kümesinde, eğer ben yanlış hatırlamıyorsam.
Bu olduğu şey Yani C benzer yapılar bulunmaktadır.
Yani ne zaman about-- düşünebilirsiniz Biz örnek gitmek doğru
Bundan sonra ben olacak düşünüyorum çok daha sense-- yapmak
ama biz temelde nesneleri kullanmak dersle ilgili bilgilerin düzenlemek.
Konuştuğumuz zaman C yapılar, sık sık
Bazı isim vardı bir öğrenci hakkında konuşmak, Kimlik, ev, bilirsin, konsantrasyon.
Ve aynı tür bir şey var biz burada nesneleri kullanın.
Bu düzenleme sadece var benzeri bilgiler.
>> Ayrıca daha gibi bu düşünebilirsiniz PHP diziler çağrışım benzer.
Yani bu tür bir şey olacağını bazı değere sahip bazı anahtar var burada,
PHP çok benzer.
Yani bazı başlatılamıyor Boş nesne, biz burada gördüğünüz gibi,
sadece kaşlı ayraçlar ile.
Yani diziler köşeli parantezler vardır.
Boş nesneler kaşlı vardır.
İyi ayrım var.
Ve bunlar sadece iki farklı yolları özelliklerini ayarlamak için.
Yani bu tür bir Bir şekilde daha fazla olduğu
ile, PHP benzer bizim Bizim tuşu ile ilişkilendirilebilir diziler,
ve bizim değer, oysa bu o-- soğumaya çalışır
JavaScript bu daha çok görüyorum.
Bu kongre olma eğilimindedir.
Ve aynı şekilde biz mi Dizi iki nokta uzunluğu, bu, diyor
"Tamam, bana bunu vermek Bu nesnenin bağlıyor. "
Doğru?
Yani gibiydi aynı şekilde, "Bana ver dizinin iki öznitelik uzunluğu "
Bu bana biraz ver ", diyor Bizim boş nesnenin özelliği. "
Ya da, bu durumda, biz Burada bazı değere atama.
Ama aynı zamanda bu şekilde erişebilir.
>> Ve sonra burada bu sadece bir İki farklı uyarıları gösteren.
Yani bu uyarıları gösterir aynı olurdu,
o sadece iki farklı yol var İstediğimiz elemanı erişme.
Bu herkese mantıklı mı?
Ben bu gibi hissediyorum muhtemelen daha mantıklı,
sadece biz PHP kapalı geliyor çünkü.
Ama biz daha fazla örnekler, bu gibi kelimenin tam anlamıyla aynıdır.
Bunun bir sürü sadece sözdizimi değiştirecek.
>> Tamam, örnekler böylece.
Ben örnek seviyorum.
Yani burada bazı CS50 olduğunu bir amacı, değişken,
ve hepimiz bu depolamak Bu konuda bilgi.
Bu yüzden ders var, eğitmen, tfs, psets ve bantlanmış.
Yani bu neredeyse olduğunu fark farklı türleri.
Doğru?
Yani nesneler saklayabilirsiniz Farklı türde bağlamaktadır.
Çok var paha Biz düşünebilirsiniz PHP bizim ilişkisel dizi benzer.
Yani anahtar, değer, anahtar, değer, anahtar, değer, vb ve benzeri.
Ne de aynı şekilde ilginç Biz diziler içinde diziler var ki,
biz de içinde nesneleri olabilir nesneler içinde nesneler, ya da diziler.
Gerçekten sınırlı asla konum Sadece şeyler tek tek.
Biz sadece, çok Inceptionesque alabilirsiniz Orada tavşan deliğinden aşağı devam.
>> Biz biz fark Yani eğer Bazı dersi var
bir dize var bir dize, eğitmen, bir ve dizi, int ve bir Boolean.
Yani bu farklı şeylerin hepsini.
>> Pekala, yani, biz bir tane var.
Yani bu durumda, biz var nesneleri bir dizi.
Yani sadece bir nesne gibi İçinde bir dizi olabilir.
Biz de nesneler dizisi olabilir.
Bu yararlı olabilir tür benzer düşünmek
nasıl bir karma vardı masa, biz bir dizi vardı
Bütün bu farklı bir yapılar türleri bu
Farklı vardı işaretçiler düğümleri ve etajer.
Ancak bu durumda biz nesnelerinin bir dizi var.
Yani bu bir dizi gibi birleştirici diziler.
Bu yüzden bazı ilk elemanı olacağını var adıyla James ile nesne
ve Winthrop ev.
>> Siz hatırlıyor olabilir Bu çok benzer bir şey
Son pset ile nerede eğer senin veritabanından bir şey çekti
İlk tür senin dizide şeydi
hakkında tüm bilgiler Onu tanıştığım ilk kullanıcı,
ve sonra o içine indeksi vardı kendi stok veya önbelleği almak için
veya etajer.
Yani bu çok aynı şey, sadece küçük bir değişiklik
sözdizimi olarak, biraz değişiklik kelime biz onları tanımlamak için kullanın.
>> Istedik, herkes söyleyebilir Yani Bana bu uyarı burada ne yapacağını?
Ya da ne bu biraz Kod bizim için yapardı?
HEDEF KİTLE: Size tüm isimleri vereceğim.
ALLISON BUCHHOLTZ-AU: Sağ, bu yüzden bu sadece tüm isimleri ile uyarmak istiyorum
içinden gitmek istiyorum çünkü Yazlık i, yani sıfırdan başlamak istiyorum.
Yani Tamam biz arıyoruz, derdim bu ilk nesneye en hangi
Bizim dizide ilk yuvasıdır.
Ve bu bana ver "diyor , o nesnenin adını bağlıyorlar. "
Yani burada biz gitmek, biz çok zevkli olur Tarama, biz adını bulmak istiyorum,
ve biz yazdırmak istiyorum James, Molly, ve Carl.
Herhangi bir sorunuz kadar?
JavaScript maalesef olmak için gidiyoruz
hesabınızla kadar bakarak bir sürü yapıyor Kendi, sözdizimi bulmaktan,
onunla uğraşıyor.
Ama tabii ben hep buradayım, ofis saatleri burada her zaman vardır.
Ben bu hafta Salı günleri olabilir.
Orada iseniz, you can Yani Bu hafta beni ziyarete gel.
Bu harika olurdu.
>> Tamam, bu yüzden DOM Belge Nesne Modeli-olduğunu.
Yani bu sadece bir yoludur biz düşünmek istiyorum ki
nasıl bizim HTML ve her şey hakkında içinde organize edilir.
Bu çok şey olduğunu muhtemelen quiz gelecektir.
Ben burada benim gibi yıl, biliyorum HTML dosyası, bunun için DOM doldurun.
Ve sadece küçük şeyler doldurun.
Bunlar umarım kolay noktaları olmalıdır.
Umarım see-- edeceğiz
>> İZLEYİCİ: [Duyulmaz]
>> ALLISON BUCHHOLTZ-AU: Yani Burada bu ağacı görüyor musun?
>> İZLEYİCİ: Evet.
>> ALLISON BUCHHOLTZ-AU: Yani kullanımı soracak
bünyesinde gider ne doldurmak için.
Belki bünyesinde, bazı var divs ya da biz, bazı paragrafları var
ve biz doldurmak isteyeceğiz çok böyle bir ağaç.
Yani biz yürürken olacak.
Yani Belge Nesne- Model sadece bir yoludur
yapısı ve düşünmek için grafiksel bizim HTML hakkında.
Ve ayrıca biz olsun Daha fazla JavaScript içine,
o olacak yolu biz aslında
Farklı manipüle sayfadaki öğeleri.
Her erişmek için bir yol gerekir Bizim HTML şeylerin,
ve böylece bu bize çok verir Beton standart yolu
çeşitli web sayfaları arasında yapmak.
>> Yani biz sadece yürümek durumunda Bu burada, elbette
Bizim belge bizim tüm dosya gibidir.
Bu tabii ki mantıklı en yüksek şey olduğunu,
ve sonra bizim gerçek HTML var, Burada hangi Bu etiketin karşılık gelir.
Ayrıca etiketleri girinti içinde eğer düzgün, daha sonra bu DOM ağacı oluşturma
süper basit hale gelir.
Yani biz burada biraz kafa var.
Biz bazı vücudu var Biz HTML kapalı kök görmek
hangi biz baş ve vücuda sahip yüzden.
Kafa içinde, bazı var başlık etiketi, bir uç başlık etiketi,
bu yüzden biz bu kafa sonra geliyor biliyorum.
Ve bizim başlık etiketi içinde, merhaba, dünya var.
TAMAM MI?
Yani bütün bu sol dal var.
Ve sonra sağ dalı için Burada, biz HTML olduğunu görmek,
Tamam biz bu kafa kısmını yaptık, biz sadece vücudun bakıyoruz
bu yüzden bazı vücut alanı var.
Ve bu içinde, sadece Elimizdeki şey dünya, merhaba.
TAMAM MI?
Biz gibi şeyler olsaydı Bazı dirsek p ve ardından
merhaba, dünya ve sonra başka veda dirsek p, dünya,
Biz iki kabarcıklar olurdu Buraya kapalı geliyor.
Bunlar, gövdenin altında iki Çünkü ancak bunlar ayrı paragraflar bu durumda değilsin.
Uygulama kesinlikle yok önceki sınavlar bu konuda,
bunun yanı sıra online bol olarak.
Tamam yani, bu sadece sağlar Bize güzel şeyi görmek
ve şeyleri manipüle çok sistematik.
TAMAM MI?
Biz nasıl tam olarak biliyorum Bu ağacın içinden çapraz,
bu yüzden biz erişmek istediğini biliyorum.
İstediğimiz neden >> Tamam yani bu Modelin bu tür var,
Bu gibi şeyler kullanabilirsiniz, böylece, ve biz onlar demek istediğimi anlamak,
ve standart konum Yaptığımız her şey karşısında.
Yani belge nokta başlığı sadece bir our-- başlıktaki tüm bu
güzel kendini açıklayıcıdır, Ben düşünmek istiyorum.
Yani ilk üç örnekler sadece söyleyerek,
"Tamam, bana ver Bu web sayfasının başlığı. "
Bu yüzden size ne başlık karşılık gelir.
>> Belge nokta vücut size verecek ne olursa olsun bu vücut etiketleri içinde.
Yani o işleyebilirsiniz.
Ve Belge nokta vücut nokta HTML bir çok serin biridir girin,
ve belki de süper gibi değil sezgisel, ancak iç HTML
Burada bu hakkın karşılık gelir.
Yani hiç istiyorsanız Bir sayfada metin işlemek,
genellikle yapıyor olması gidiyoruz Vücut nokta iç HTML ile bir şey.
TAMAM MI?
Yani iç HTML başvurmak için eğilimindedir ne bu etiketleri arasında aslında.
TAMAM MI?
Ve sonra kullanışlı fonksiyonlar.
Almak istedim Yani eğer bunlardan herhangi biri, herhangi bir öğe,
bazı Kimliği var, sınıf adı veya etiket adı.
Bu, çok benzer olduğunu şeyler doğru, CSS ile mi?
Bazı seçicileri var nerede Bir etiketi ya karşılık, bir sınıf
biz onları, ya da bir kimliği vermek.
Bu çok aynı yoldur.
Eğer bir şey varsa o , köpek bazı sınıf vardır
ve etiket adına göre öğeleri almak demek, ve sen orada-- veya üzgün köpek koymak
sınıf adı.
Orada nokta koyabilirsiniz.
Bu olanların hepsi geri gidiyor Bu sınıf var size unsurlar.
Yani sadece bu işleyebilirsiniz.
Aynı şekilde, belki sadece bu yüzden, bazı başlık işlemek istiyorum
Bazı h1 başlık yaptığımız gibi.
Sen etikete göre öğeleri almak yapabileceğini h1 etiketi adıdır, çünkü isim.
Ve aynı şekilde, sen almak istiyorsanız bazı benzersiz bir şey, sen olsun etiketi yapabilirsiniz.
Id tarafından elemanı alın.
Ve aslında bu bir sürü vardır.
Bunlar ancak çok sayıda üç gibidir.
Yani siz, çevrimiçi giderseniz Ben teşvik gidiyorum
Yapmanız ve bazı yapmak Kendi araştırma,
Ben kesinlikle tavsiye tüm bu içine bakarak.
Onlar süper olabilir yararlıdır, özellikle
Eğer sadece tür işlemek istiyorum kalmadan çok özel şeyler
geçmesi ve denemek için her şeyi ayrıştırmak için.
>> Tamam, bu yüzden son şey JavaScript olaylar.
Peki ne zaman önce konuşuyordum Bir web sitesi üzerine gidiş hakkında,
ve bir şey üzerine geldiğinizde, veya fare şey üzerinde gezinen,
başka bir şey olmuyor.
Bu biz istiyoruz ne bir olay olarak düşünmek.
Biz bu kudretini var Peki ne onclick burada yararlı olabilir.
Yani benim ben, hangi, vurgulu oldu oldukça emin, sadece vurgulu olduğunu.
Bunlardan Ayrıca bir ton bakmanız olabilir.
Bir bütün liste çevrimiçi var farklı şeyler
için dinleyebilirsiniz.
>> Ama JavaScript olaylar temelde sadece şeyler yanıt
Bu kullanıcı yapıyor.
Doğru?
Yani kullanıcı yok şey, bu bir olay,
ve JavaScript cevap verecektir Ancak bunu istiyorum.
Bu doğrultuda cevap verecektir.
Yani bu durumda, biz var Bazı pencere nokta onload.
Yani bu ne diyor, "bekle Pencere en yüklü kadar. "
TAMAM MI?
Peki ne zaman her şey yüklü, Onload, o zaman bu işlevi yürütebilirsiniz.
Peki ne zaman her şey Yüklenen, gidiyoruz
Bazı arama düğmesi var Bu, Id tarafından bir eleman alır
ve ne olursa olsun o yazdırır eleman arama düğmesi gibidir.
Ve sonra bu değişkeni var, Biz "Tamam, onclick." derler
Yani biz bir tık sesi duyarsınız Ara butonuna,
bir bu işlevi, yürütmek uyarı, Ara düğmesine tıkladım.
>> Yani bu ne güzel olur o-- olduğunu Burada küçük grafik gösterimi.
Yani bizim belge yükler, bizim Onload var,
Bizim Ara bulmak bu düğme.
Biz bizim Arama düğmesi arıyoruz.
Ve Arama düğmesi ardından zaman tıklandığında, o burada karşılık gelir.
Onclick.
Sonra nihayet, bizim kullanıcıyı uyarmak hangi burada son satırı.
TAMAM MI?
Bu dört adımın her Yani sadece Dört kutuları karşılık
Orada alt.
Bu herkese mantıklı mı?
>> Ve sonra ben sadece gidiyorum bir şey Çok, çok kısaca, bu ben söz
Size göre çocuklar teşvik olduğunu daha fazla bakmak gitmek
sadece bir kütüphane jQuery, Bu JavaScript üstüne inşa edilmiştir.
Bu gibi, süper yararlıdır En kütüphaneleri ile.
Fonksiyonların bir sürü vardır.
Hiç bir şey varsa o yüzden Eğer, JavaScript yapmak istiyorum
İlk içgüdüsü düşünmek olmamalıdır
bir, "hangi işlevi olmalıdır Ben kod? "Bu, olması gerektiği
"Bana birisi olduğunu görelim Zaten benim için bu yapılır. "
On üzerinden dokuz kez Çünkü, Birisi, zaten yapmış olacak
ve muhtemelen daha iyi yapmış.
İnsanlar, bunları yaparken çok fazla zaman harcamak ve JavaScript çok yaygın kullanılır,
böylece insanlar sürekli olarak daha iyi yapmaya çalışıyorum.
Ve jQuery fonksiyonları bir yeri vardır muhtemelen sizin için yararlı olacaktır
son projede sen eğer web tasarımı ile bir şey yapıyor.
Ben söylemek istiyorum gibi, "iş zor değil, akıllı. "
Siz bunu, bu harika olacak.
Biz hackathon olduğunuzda I do not olmak üzere istediğiniz tüm dışarı vurguladı.
Ben sizin gibi olmak istiyorum, "I got Bu. jQuery benim geri aldım.
Ben bu işlevleri yazmaya gerek yok. "
Için >> Yani sadece iki şey Ben gidiyorum, hatırlamak
izin Siz daha bakmak kendi jQuery içine.
Ben söylemek için gidiyorum tüm bu olduğunu Bazı oldukça harika şeyler yapar
ve hayatınızı yapabilirsiniz Bir sürü daha kolay.
Ama ne istiyorsun ne olursa olsun dosya
Bunu kullanarak için gidiyoruz, Bu iki satır istediğiniz gidiyoruz.
İstediğiniz gidiyoruz js jQuery nokta js komut dosyası.
Ve aslında kaynak bazı URL olacak.
JQuery, Google Eğer Google aslında sizin için tüm dosyaları ev sahipliği yapıyor.
Yani kesinlikle istiyorum Giriş yerine URL söyledi.
Ben sadece burada bu koymak basitlik aşkına.
Tüm bu demektir yer olan jQuery kütüphanesini bulmak.
Eğer istemiyorsanız, bu yüzden büyük var Kendi bilgisayarınızda barındırmak için
Bunu önlemek eğer, hangi biz neden Sadece Google'ın URL koymak eğilimindedir ki
sizin için bu dosyaların hepsi ev sahipliği yapıyor.
TAMAM MI?
Ben söz veriyorum, bunu Google'a orada olacak.
>> Ve ne olursa olsun, Sen JavaScript dosyası
Bu yüzden sadece bazı dış olduğunu kullanılarak JavaScript kullandığınız dosya.
Bizim CSS bağlantı aynı şekilde Dosyaları, bu şey aynı tür.
Bu sadece dosyaya bağlantılar nerede JavaScript olduğunu.
Ve ben bazı örnekler var Basit JavaScript ile.
Yani biz bu kadar gidiyorum.
Ve sonra endeksi JavaScript içinde, hangi JavaScript dosyasını burada olduğunu,
Bu sargının tür jQuery için var.
Neredeyse 99.9 konum zaman yüzde gidiyor
senin index.js dosyasında bu var.
Bu diyor ne Çünkü "Bir şey yürütmek yok
Belgeniz aslında kadar tam olarak ne istediğinizi olan "hazır.
Belgeniz hazır değilse Çünkü ve jQuery şeyler yapıyor başlar,
sadece bir karmaşa.
Yani her zaman bu sarıcı istiyorum.
Ve sonra oraya gitmek şeyler için, ben senin adamların kendi incelerken bırakın eder.
>> Tamam, bu nedenle herhangi bir soru doğru var Şimdi genel olarak JavaScript hakkında?
Veya DOM modeli?
Değilse, biz biraz serin var Biz gidebilirsiniz örnekler,
Bu çocuklar bana kodu yardımcı olabilir.
Ama ben de olacağım süper güzel ve eğer
bir şey söylemek istemiyorum Bunlar için, bu iyi.
Ben de sadece sana örnekler verebilirim.
Ama üzerinde herhangi bir şey PowerPoint biz geçmeden önce?
Serin.
Siz enerjiye ihtiyaç gibi >> hissediyorum.
Yani biz başlatmak için gidiyoruz düşünüyorum İlk benim parti örnek.
Biz üç örnek var, Eğer seçim var.
Bu yüzden saat, biz gidiyoruz var bu gerçek bir saati uygulamak için
Zaman geçtikçe güncelleme olacak.
Biz bu büyük Twitter'da işlevi var.
Eğer, bekle biliyorum bu--.
Biz bu gitmek için gidiyoruz.
Bam.
TAMAM MI.
>> Bu büyük Twitter'da işlevi vardır Burada, ben biliyorum ki-, değil mi?
Harika olacak.
Siz heyecanlı mısınız?
Bu sayısını saymak için gidiyor Eğer yapmamışlar karakter,
bu yüzden şimdi yazarsanız, Açıkçası hala 140, diyor
ama biz bu durumda olmadığını biliyorum.
Ve sonra son biri ile Burada, parti için buraya tıklayın.
Ne olacak ne zaman olduğunu Biz arka en tıklayın
renkleri değiştirmek için gidiyor.
Yani siz sizin seçeneğiniz var hangisinin ilk yapmak istiyorum.
Ben sana çok kolay alacağım söz veriyorum.
Herkes tür gibi hissediyorum Bugün anahtarı sadece çok düşük.
Peki nasıl adım adım bu bütün uygulayacak.
Eğer uymak istiyorsanız içinde, bu harika, ama ben
Herkes biraz yorgun hissediyorum.
Yani sadece size yol Bu örnekler üzerinden.
Biz bir şey var mı ki İlk yapmak istiyorum?
Herkes?
Hiçbir tercih?
TAMAM MI.
Biliyor musun?
Biz parti konum.
Siz biraz-- ihtiyacınız gibi hissediyorum böylece, ilk parti birini yapacağız.
TAMAM MI.
>> Bu yüzden ötürü-- ne işte orada olması gerekiyordu.
Şimdi iyi.
TAMAM MI.
Peki biz burada ne var ise Sadece basit bir HTML sayfası
Siz tüm süper olması gerektiğini Son iki psets aşina.
Biz burada bizim doc türü var.
Herkes görebilir miyim?
TAMAM MI.
Serin.
Biz tabii ki bizim HTML var.
Biz bazı başlık var Bir stil sayfasına bağlı olduğunu
sadece benim yazı güzel ve büyük ve kalın yaptı.
Yani bu konuda endişelenmeyin.
>> Bazı vücudu ile var Bir Kimliği arka plan, tamam mı?
Biz olmak için gidiyoruz çünkü arka plan değiştirme.
Bu yüzden değişiyor yaparken Vücudumuzun arka plan,
iki hafta önce hatırlıyorum biz web sayfaları ile ilgileniyor.
Bu olması çok güzel.
Ve bazı Kimliği parti eşittir var.
Bu h ref kiloluk sadece anlamına gelir aynı sayfaya gitmek için gidiyor.
Ve parti için buraya tıklayın hangi biz tıkladığınızda neden,
o minnetle, renklerini değiştirmek gerekir.
>> Ve sonra biz burada bazı komut dosyası var Sadece bu parti nokta js bağlıdır
Çünkü boş dosya, Henüz hiçbir şey bitmiş değil.
Ve o kadar üzücü.
Ama çok yakında, bu değişecek renkler, ve bu harika olacak.
>> Yani sadece sizi yürümeye gidiyorum Bu yaklaşım nasıl aracılığıyla.
Ilk şey Böylece biz yapmak isteyebilirsiniz,
biz arka plan değişiyor eğer Vücut, ilk şey isteyebilirsiniz
Aslında kapmak yapmak için Vücut doğru, nedir?
Bu yüzden toplamı istiyorum, bizim, Arka plan ve fark ederseniz,
Ben sadece otomatik yazmaya başlayın.
Özel bir şey yok biz o JavaScript dosyaları için yapmak gerekir.
Ben değişkenleri ilan başlayabilirsiniz, ve rastgele fonksiyonlar ilan.
Ve çok daha serbest form var.
C ile, size hepsini verdim gibi var Bu sert kurallar ve sen büyüdü
bu yüzden, "ileri gitmek gibisin.
Özgür olmak.
Ne istediğinizi yapın. "
Ve bu JavaScript budur.
Yani biz burada bazı arka plan var.
Bizim DOM modeli ile, biz biliyoruz Belge nokta elemanı olsun yapabilirsiniz,
ve biz burada fark ederseniz, vücudumuzun bir kimliği vardır.
Doğru?
Yani biz belgeyi almak yapabilirsiniz Burada id, ve basit bir biri.
Burada isteyen Kimliği nedir?
HEDEF KİTLE: Arka plan.
ALLISON BUCHHOLTZ-AU: Arka plan.
Mükemmel.
Ve sonunda noktalı virgül.
Bu henüz ortadan kalkmıştır.
Hala noktalı virgül gerekir.
TAMAM MI.
Yani bu bizim ilk biri.
Ve biz bir şey tıkladığınızda, biz Sağ gerçekleşmesi için bir şey istiyorum?
Bu yüzden bazı değişken isteyebilirsiniz bir tıklama için bekliyor.
Ne yapacağız biz gidiyoruz olduğunu Bir düğmeye bizim bağlantı daha benzer hale.
Bu yüzden bazı düğme var gidiyoruz Id tarafından elemanı almak nokta belge eşittir.
Ve ben bahsediyorum eğer bağlantısını tıklayın veya parti için buraya tıklayın
bağlantı, benim Kimliği burada ne olabilir?
Parti.
Doğru.
Çok kötü şimdiye kadar Tamam.
Herkes ne yaptığımızı olsun?
>> Tamam, şimdi biz var bizim düğmesi, ve biz istiyoruz
bunun üzerine tıkladığınızda şeyleri değiştirmek için.
Yani bizim PowerPoint hatırlıyorum eğer, Yapabileceğimiz çok basit bir şey
sadece düğmeye nokta doğru, onclick mi?
Ve bazı fonksiyon eşit olacak.
Bu bir anonim fonksiyondur.
Ve bu sadece ben değilim aslında as-- Bu biraz daha büyük yapacağız.
>> Peki ben yaptım Burada ben, tamam, diyorum edilir
bizim düğmesini tıklatın zaman hangi Biz sadece sevk Bu linki,
Biz yürütmek için gidiyoruz Bu anonim işlev.
Biz herhangi bir girişlerini ihtiyacımız yok.
Biz kullanıcı ne diyor umrumda değil.
Onlar tıkladığınızda, biz konum İstediğimiz ne yapacağız,
hangi arka plan rengini değiştirmek olduğunu.
TAMAM MI?
Biz herhangi bir girişleri yoktur bu yüzden Bu yüzden Biz sadece bu anonim işleve sahiptir.
Ve şimdi biz aslında gidiyoruz Bu fonksiyon yazmak.
>> Yani yolları bir grup var sen rastgele bir renk üretebilir.
Ben yaptım yolu oldu Üç rastgele sayılar üretmek
ve bir RGB üçlü onları dönüştürmek.
Yani bu sadece sana biraz serin gösterir şeyler oh "gibi eğer ki,
Ben rastgele oluşturmak gerekir numara. "Eğer Googled eğer,
bu ne bulacağını olduğunu.
>> Bu yüzden farklı üç var şeyler, var, yine kırmızı değil, yeşil.
Doğru?
Bu yüzden üç vardır Bir renk makyaj şeyler.
Mavi, kırmızı, yeşil ve.
Serin.
Ve ne yapabiliriz biz biliyoruz ki Bu 255 arasında olması gerekir ki,
ve yukarı baktım, bazı rasgele sayı üreteci,
Eğer matematik gibi bir şey alabilir Eğer bu kadar bakarsanız, hangi rastgele nokta
bir sayıya döner sıfır ve bir arasında yer almaktadır.
TAMAM MI?
Ve ne numaralar yapmak bizim RGB üç katına arasında gidip?
Sıfır ne?
Ne kadar gidebilir?
255.
Matematik rastgele dot Yani eğer sıfır ve bir arasında gider
nasıl bu dönüştürmek isteyebilirsiniz?
HEDEF KİTLE: Zaman?
ALLISON BUCHHOLTZ-AU: Evet, kesinlikle.
Yani zaman 255 olduğunu.
>> İZLEYİCİ: [Duyulmaz] Bu [duyulamaz] gibi.
ALLISON BUCHHOLTZ-AU: Matematik rastgele nokta.
HEDEF KİTLE: Serin.
ALLISON BUCHHOLTZ-AU: Evet.
JavaScript sadece sizin ilgilenir.
TAMAM MI.
Bu yüzden tüm bu için bunu yapabilirsiniz.
Doğru?
Matematik rastgele kez 255 dot.
Anlaşıldı.
Serin.
Şey Yani, bu olabilir Bir tamsayı dönmek.
Doğru?
Belki biraz numarasını almak sıfır ve bir arasında,
ve bu genişlik neden olur kapalı ve bizim RGBS yüzen olamaz.
Onlar ints olması gerekiyor.
Eğer bu çalıştı, muhtemelen ediyorum Yani Bazı hatalı davranış var.
Biraz korkak olur.
Peki ne yapmak biz yapmak istediğim Emin bu yuvarlak olduğunu,
ve her iki şekilde yuvarlak olabilir.
Ben zemin yuvarlanır.
Bu yüzden her zaman emin yaptı aşağı yuvarlanır ki.
Ama nasıl basit gidiyor onu Sadece rastgele bir sayı almak oldu,
Eğer biz sizce nasıl Zemin bu numarayı olabilir?
Çok benzer.
Herhangi bir fikir?
Sadece matematik nokta oldu rastgele Yani eğer rastgele, bu yüzden biz zemin yapacağını düşünüyorsunuz?
Matematik nokta zemin.
Ve ayrıca matematik nokta tavan yapabilir.
Yuvarlak belirsiz tür değil çünkü
yuvarlamak ya da aşağı yuvarlamak olmadığını bilmek.
Yani tipik her zaman matematik yapmak nokta zemin, matematik nokta tavan.
Ancak honestly--
>> İZLEYİCİ: Zemin yuvarlak aşağı mu?
>> ALLISON BUCHHOLTZ-AU: Kat aşağı yuvarlar.
Ve bu benim parçası sadece bir seçimdir.
>> Peki şimdi bizim üç sayı var rastgele oluşturulmuş edildiğini,
ve ne şimdi yapacağımız biz konum olduğunu Sadece arka planı değiştirmek için gidiyor.
TAMAM MI?
Yani biz zaten bizim, sahip Arka plan tür saklanan
arka plan denilen bu elemanı.
Peki ne fark edeceksiniz eğer, ise Eğer, bu etrafında oynadı
Biz stilini değiştirmek istiyorum.
Ve bu şeyin tür olduğunu Google ve anlamaya istiyorum
rengini değiştirmek için nasıl gibi.
>> Ama yolu bu renk erişmek arka plan stil nokta arka plan nokta.
Yani bu verilen söyleyerek olduğunu Bu nesne, arka plan,
ki bu değinmektedir Orada elemanı Kimliği,
biz bakmak için gidiyoruz tarzı içinde stil,
biz arka bakmak için gidiyoruz.
TAMAM MI?
Ve sen gidip bu kadar bakarsanız, bu, biraz daha mantıklı olabilir
ama bu temelde sadece, diyor "Bana bu çok özel niteliği vermek
Ben daha önce tanımladığınız ne. "
Peki biz ne olduğunu için değiştiriyoruz Bazı RGB, mantıklı çünkü.
Biz doğru, RGB üç katına kullanıyorsunuz?
Ve biz emin I yapmak istiyorum have-- Burada tırnak doğru sayıda olsun.
Peki biz ne biz ise RGB ve biz gidiyoruz
Bu gibi amaçlara yönelik kırmızı birleştirme.
Ve sonra bazı virgül istiyoruz.
Ve sonra, yeşil artı istiyorum sonra bazı virgül, ve bazı mavi.
>> Peki bu artılar sadece birleştirme gibi demek.
Yani bu sadece bu yaratıyor RGB içinde gidiyor dize.
TAMAM MI?
>> İZLEYİCİ: [duyulamaz] artı sonra Yeşil bir artı daha sonra kırmızı.
>> ALLISON BUCHHOLTZ-AU: Evet, Ben o kadar berbat çünkü.
O kişinin gayet iyi.
Ah, bekle.
Hayır.
Ben emin olmak gerekir, çünkü Ben tüm bu hakkı var ki.
Yani uno momento anlatacağım.
Mükemmel, mavi, yeşil.
Şimdi ben bittim.
Inanıyorum.
>> Tamam.
Peki bu ne, bu arka plan Bazı dize ayarlanmış olacak.
Doğru?
Hangi burada ne var.
Bazı RGB 255 virgül olacak 255 virgül sıfır, ya da ne olursa olsun sayı size
Orada var.
Yani biz burada yapıyoruz, bazı dize var.
Biz ne yapmak istediğinizi ve biz konum olduğunu tür dinamik yaratmak
biz aslında bu programı çalıştırdığınızda söyledi.
Yani bu biraz dizedir.
Artı ile birleştirir kırmızı olan değeri,
olan bir ile birleştirir bunu birleştirir virgül,
ne yeşil, ve böylece, ve benzeri yer alır.
TAMAM MI?
Çok sonuna kadar Burada bu RGB parantez kapatma.
TAMAM MI?
>> Peki bu gidiyor bazı komut gerçekten oluşturmak
Bu üç sayı RGB Bu arka plan şimdi ayarlanır.
TAMAM MI?
Yani bu işler bakalım.
Ben, öyle umuyoruz o çünkü eğer , gerçek üzgün olacağım değildir.
Oh hayır.
Tamam, bekle.
Kesinlikle plan nokta nokta tarzı arka plan.
Ben kesinlikle kaçırıyorum Sadece küçük bir şey.
Değil siz o nefret ediyor musunuz?
Ne zaman sadece bir küçük küçük bir hata var?
Yüce arka plan.
RGB.
>> İZLEYİCİ: [Duyulmaz]
ALLISON BUCHHOLTZ-AU: Hayır
Ben sınıfta önce bu çalıştı.
Ben daha önce yaptım her şeyi var Sınıf durumda ben, gibi oldu
"Ben yanlış yaptın, ne beklemek?"
Ben ", gibi çünkü ben muhtemelen olacak bir noktada karışıklık bu kadar. "
Artı yeşil.
Bu kadar her şey gibi görünüyor doğru birleştirilmiş.
TAMAM MI.
>> İZLEYİCİ: [Duyulmaz]
>> ALLISON BUCHHOLTZ-AU: Oh, oraya gitmek.
Ben gerekli buydu.
Şuna bak.
Tiffany kurtarmak için.
Mükemmel.
TAMAM MI.
Şimdi o inşaat bakalım.
Aman Tanrım.
TAMAM MI.
Tut.
>> İZLEYİCİ: İkinci artı Uzay sonra.
>> ALLISON BUCHHOLTZ-AU: Hangisi?
Oh bekleyin, bekle.
Uzay giyim?
>> İZLEYİCİ: İkinci plus Yeşil birleştirme.
ALLISON BUCHHOLTZ-AU: Oh.
HEDEF KİTLE: boşluk yok artı sonra, evet.
ALLISON BUCHHOLTZ-AU: Sen Bu gerek yok, ama-
HEDEF KİTLE: Ah, değil mi?
ALLISON BUCHHOLTZ-AU: Bu güzel görünüyor.
HEDEF KİTLE: Tamam.
TAMAM MI.
>> ALLISON BUCHHOLTZ AU: Bu işleri Bakalım.
TAMAM MI.
Açıkçası de başarısız ediyorum hatırlatıyor bu demo,
Bir dersin diğer hafta, ama ben bu işe biliyorum.
Ben bu işe biliyorum.
Çok yakın.
Ben yanlışlıkla silinen sürece bu bir benim komut.
Hayır, bu parti nokta js olduğunu.
Tamam tutun.
Ben bu kopyalamak için gidiyorum, ve ben de değilim sadece her şeyi silmek için gidiyoruz,
Ben bu çalışma daha önce vardı çünkü.
>> Ben çalıştığını söz veriyorum.
Değilse, ben Tommy ne olduğunu gösterecektir.
Ve orada.
>> İZLEYİCİ: Sen baþvurduðunuzu parti nokta CSS, ve bir parti nokta js var.
>> ALLISON BUCHHOLTZ-AU: kuyu, Ah Burada parti nokta js olduğunu.
Tamam, ben farklı ne yaptım?
Bu şimdi çalışıyor, Tamam, biz göreceğiz.
Bam.
Ben farklı ne yaptım Yani, ben bilmiyorum, ama bunun ne olduğunu.
Biraz serin.
Sonsuza dek, gibi, bu tıkladım.
Ama biz denemek ve ne yaptığımı görebiliyorum farklı bu vardı.
Ben sizin hakkınızda biliyorum, ama bu yok Ben sadece yazdım temelde ne görünüyor.
Muhtemelen bir eksik vardı noktalı virgül yerde benim şeydir.
Aslında sonra, ben eksik düşünüyorum Burada aslında bir noktalı virgül.
Ama ben çünkü göremiyordu ekranın kapalı idi.
Biz fark varsa >> Ama, bu güzel Ben sadece yazdım tam olarak ne kadar.
Ben en zor kısmı muhtemelen hakkında düşünmek bu şey sadece tür doğru
Burada, anlayış ne var yapıyor.
Öğrenmek şeyler Bu tür gerçekten sadece dürüst Googling tarafından
Sadece çalışıyorum.
Eğer düşünüyorsanız bazı var Muhtemelen orada, bağlıyor.
Yani deneyin.
Ne olur bak.
Dediğim gibi, bir çok şey var JavaScript ile deney,
ve PHP, ve tüm bu şeyler, ve CSS özellikle.
Bu doğru tek bulunuyor Bunu anlamak için bir yol.
>> Tamam, bu yüzden parti ile bu fiyasko sonra nokta js, biz diğer iki seçeneğiniz var.
Biz saat veya Twitter var.
İkisi de ilginç.
Belki değil oldukça parti gibi eğlenceli, hangi serin bir küçük stroblanan vardı
sonunda bir şey.
Siz herhangi bir tercih var mı?
HEDEF KİTLE: Saat?
ALLISON BUCHHOLTZ-AU: Saat?
TAMAM MI.
Serin.
>> Yani yine, biz bizim Boş JavaScript dosyası.
Ve biz burada gördüğünüz gibi, biz bazı çok basit HTML var.
Biz, bizim stil sayfasını var sadece o gibi görünmelidir ne biçimlendirir.
Biz bizim div var saatin bir kimliği, hangi
Sadece "bu bir saat olmalıdır." diyor
Ve bizim bağlantı var JavaScript dosyası
aslında gidiyor bizim için saat oluşturmak.
Serin bir şey, çünkü can olduğunu otomatik yenilemek için JavaScript set
kendisi.
TAMAM MI?
Yani yerine beklemekten Kullanıcı bir sayfada Yenile vurmak
Alacağınız böylece güncelleştirilmiş saat, JavaScript
o seviyor ancak güncelleyebilirsiniz.
>> Peki, bizim sonuncusu olduğu gibi, biz istedik Bizim arka plan erişmek için, değil mi?
Yani olabilir ne düşünüyorsunuz Burada yapmak istediğim ilk şey?
Biz tür kapalı gidiyoruz Burada paradigma bu tür?
Biz muhtemelen istiyoruz Doğru, bizim saati erişmek?
Yani, bazı var dosya Saat, equals--
biz olacak ne düşünüyorsunuz?
Belge nokta da ben by-- elemanı olsun Sublime-- Kimliği seviyorum ve bizim Kimliği saat.
Noktalı virgül.
Almak için emin olmak için var Bu noktalı virgül bu kez,
Ben böyle hissediyorum, çünkü Sorun son kez oldu.
Tamam yani, ben sadece çalışırken diyordu JavaScript kendini yenilemek zorunda,
bu büyük işlevi, orada ben kullanışlı geçen yıl geldi biliyorum,
Ben bunun için kullanışlı geliyor emin değilim pset, ancak set aralık denir.
Ve bu gerçekten aslında Serin siz bir şey yapmak durumunda
zaman veya alma ile güncel bilgiler.
Son için bir web sitesi üzerinde Proje, bu muhtemelen
Eğer istediğiniz bir işlev Süper tanımak.
Peki aralığını ayarlayın yapar olduğunu biz bir işlev vermek için gidiyoruz,
ve ne sıklıkta olması gerektiği Bu işlevini çağırın.
TAMAM MI?
>> Peki bu durumda, biz sadece gidiyoruz yine bazı anonim işlevi oluşturmak,
Tamam, bu almak için gidiyor Bizim tarih ve bizim zaman,
ve sonra bir şeyler güncellemek ve görüntüler.
Bu yüzden bu konuda endişe edeceğiz.
Burada saati oluşturmak gibi biz olacağız.
Ama biz ne ihtiyacımız nasıl sık sık yenilemek için.
Bu nedenle, bu durumda, sadece milisaniye var.
Yani biz sadece gidiyoruz 100 milisaniye yapmak.
Tabii ki, tamamen keyfi.
Eğer isteseydi bunu güncellemek için çok daha yavaş, sen-ebil.
Biz etrafında karışıklık olabilir set aralığı ile,
ne kadar büyük biz aldıktan sonra bizim aralık Bir çalışma saati, umarım olacak
olsun.
Yani bu sadece Tamam, çağrı ", diyor Bu fonksiyon her 100 milisaniyede. "
TAMAM MI?
Yani öyle hepsi.
>> Biz bizim işlevi istiyorum Peki yapmak bazı tarih var istediğim
ve biraz zaman ne olduğunu biz gidiyoruz.
Yani Biz başlayabilirsiniz bizim Tarih şey eşittir,
ve bizim zaman bir şey eşittir Henüz bilmiyoruz.
Ya da aslında, biz sadece, çünkü tarih ihtiyacımız Tarih her şeyi kapsar gidiyor.
Yine hakkında sadece Google eğer bir şey Yapmak istediğiniz ne yazarsanız, "Tamam,
Ben zaman almak istiyorum JavaScript, "Bu yoluyla
bu harika verecek olsun tarih çağrılan işlev.
Kelimenin tam anlamıyla, birçok şey Eğer yapmak istediğiniz,
JavaScript sahip oluyor zaten sizin için yapılır.
Yani yeni gibi tam anlamıyla var creating-- olsun tarih,
veya yeni tarih, rather-- Hangi oluşturuyor
Bir tarih temsil bazı nesne.
>> Ve ne biz burada yapacağız olduğunu Bu Ben, bu yazmak için gidiyorum bu--
ve sonra ne açıklar.
Yani ben bu hakkı elde emin yapacağız.
>> Tamam, ne yani bu fonksiyon yapar, biz sadece konum olduğunu
aslında HTML oluşturma saatin bizim div id içinde gidecek.
Peki bu yapıyor olacak sadece Tamam, bazı dize oluşturuyor?
O zaman olacak Bizim HTML içine nakledilen.
Temelde ne yapacak olan ne sana göstereceğim ne biz--
ne olursa olsun biz, HTML olduğunu söylüyorlar Burada bu metni değiştirmek için gidiyoruz
ne olursa olsun HTML.
Yani bu izin gidiyor bizim Saat nokta değiştirmek için
Bu sadece metin olmaktan HTML Bir saat olmalıdır aslında gösteren
umrumuzda numaraları ve işler hakkında, aslında saat olacak.
>> Yani sen ne yapacağız olduğunu Bu HTML üreten başlayacağım.
Biz kullanılan aynı şekilde Yani yapmak artı tamsayılar için eşittir için,
Şimdi, dizeleri için bunu yapabilirsiniz dışında onları birleştirmek için gidiyor.
Doğru?
Biz parti nokta js, bu sadece gördüğümüz gibi hep birlikte bunları birleştirir.
Yani farklı bit arada kullanabilirsiniz HTML değişkenleri, ya da dizeleri bitten
Eğer dışarı yazmanızı Kendinizi, ve bu sadece
Gerçekten dinamik sağlar oldukça serin olduğu, HTML oluşturmak.
Eğer bir şey varsa Yani Belirli derece kullanıcı,
Bu bunu sağlayabilirsiniz.
>> Bu yüzden ben gidiyorum için, HTML var deneyin ve ben bu hakkı almak emin olun.
Bu yüzden bazı h1 başlığı yapmak için gidiyoruz.
Peki burada gerçekleştirmek için önemlidir Bu aslında sadece HTML olmasıdır.
Doğru?
Biz gerçek yazıyoruz Burada HTML kodu bu kadar
Normal değil sadece bir dize Biz bu konuda düşünmek istiyorum yolu.
Bu yüzden bazı HTML var.
Bu olsa burada bir dize olarak kabul edilir.
Ve biz biz dot-- tarih yapmak Bizim saat almak istiyorum.
Eğer olsaydı Yine, bakmak Bugüne kadar hakkında bir şey,
bu hepsi söylerdim özellikleri, bu tarih vardır.
Ve burada bunun üzerinde kullanabileceğiniz budur.
Yani muhtemelen gibi şeyler vardır saat almak ve dakika olsun,
ve saniye olsun, ve milisaniye olsun, ve kim oldukları başka ne bilir.
Ama içine bakarsanız dokümantasyon, hepsi orada olacak.
>> Bu yüzden saat almak var, ve sonra isteyeyim
Ben Şarkı söylemeyi kes ki bitiştirmek Burada bu hareket edecek.
Şimdi sağ üreten eğer Böylece, biz konum Aslında zaman üreten, değil mi?
Biz saatimiz var, ve sonra ne var Saat ve dakika arasında?
Haklısınız, bir noktalı virgül var?
Yani biz burada bazı noktalı virgül yapmak istiyorum.
Ve sonra sitemizi almak istiyorum dakika, aynı şekilde çok
Biz tarih nokta saat almak zorunda olduğunu, nasıl bizim dakika alabilirsiniz?
Bu nokta olsun TARİH anlamıyla var Ben tür gibi dakika.
Bu, nasıl oh ", gibi Ben dakika alabilirim? "
Ben sadece dakika olsun.
>> Tamam.
Ve sonra biz burada başka bir kolon var.
Ve sonra isterseniz almak için bizim saniye, nasıl bizim ikinci alabilirsiniz?
Tarih saniye olsun nokta.
Ben oldukça serin olduğunu düşünüyorum.
Ve önemli ne gerçekleştirmek biz bu da
Çünkü, burada bizim HTML etiketini kapatmak gerekir hala geçerli HTML, yani h1 olmalıdır.
Serin.
>> Peki bundan sonra, biz saat yapabiliriz nokta iç HTML HTML eşittir.
TAMAM MI?
Dedim nasıl bu kadar hatırlıyorum İç HTML temelde
arasında ne olursa olsun alır Konuştuğumuz iki etiketleri
ve ek ya da işlediği Orada ne olduğunu?
Peki bu ne, eğer Biz bizim saat geri
Saat atıfta olduğunu Bu div içinde her şey.
Bu iç HTML Bu Id saat div.
Ve böylece bunu değiştirmek için gidiyor Biz sadece oluşturulan HTML,
hangi hangi umarım, umarım, umarım,
Şu anda zaman gösterecektir.
Göreceğiz.
Elbette.
Pek çok teknik konular.
Ben Allison sadece-- Benim oyun bugün çocuklar kapalı.
Tamam, o çalışır.
Saat iç HTML nokta.
Gerçekten HTML oldu?
Ayrıca bu ne olur.
Bir şey göremiyorum zaman, seni sadece kaynak kodu bakmak.
TAMAM MI.
Istediğin etrafında serin bir işi biliyor musunuz biz burada yapmaya gidiyoruz?
>> İZLEYİCİ: Eğer büyük harf yapabilir miyim?
büyük harfler?
Eğer saat almak zorunda olduğundan, ve daha sonra dakika olsun.
>> ALLISON BUCHHOLTZ-AU: Bu oh saat almak ve get-- olduğunu.
Sen altın yıldız mudur.
Bu, çocuklar hepsi bir test.
Ben dersten önce çalışıyordu söz veriyorum.
>> Tamam, ama biliyorum serin şey Bazen eğer also-- ki
Harici dosyalar Biraz deli alıyorum,
Ayrıca sadece düz koyabilirsiniz Burada, hangi şeyleri düzeltmek için eğilimindedir.
Dışında bu gerçekten çirkin gibi.
Elbette her şeyi biçimlendirmek.
Tüm oldukça emin olun.
TAMAM MI.
>> Ben tüm serin demolar yapmak istedim, ve onlar sadece çalışma dışarı değil.
TAMAM MI.
Senaryo var saat.
Neyse, önemli olan ise Bu genel yol olduğunu
JavaScript biçimlendirmek söyledi.
Gördüğünüz gibi, bu olabilir Çok titiz, bazen,
Hatta zaman tam anlamıyla oldu İki saniye önce çalışma.
Ya da iki saniye önce, ama çok, çok yakın zamanda.
>> Peki, bu gibi görünmelidir ne göstermek için ve ben deli değilim ki size göstermek için,
ve her şeyin tam olarak Aynı, bu böyle görünüyor olmalı budur.
Sadece bu üst kısmını yapmak için gidiyoruz Burada, ve sayfa kaynağını görüntülemek eğer,
Eğer fark varsa, o bazı yaptı çılgın şeyler, ben basitleştirilmiş.
Ayrıca, Tommy kredi McWilliam, aslında kim
Bana bu örnekleri oluşturmak yardım, ki ben işe biliyorum yüzden.
Tommy JavaScript ustası olduğu için.
Biz fark Ama eğer, bazı dizi var.
Biz burada bizim saat fonksiyonu var.
Bu, tüm JavaScript olduğunu biz sadece yazdı, ya da bazı.
Biz sadece burada bu bir yazdı.
Ve o bir ekstra var sadece pedleri fonksiyonu
Bir önce sıfır koyarak mektup veya eğer bir numara önce
Bunlardan sadece biri.
Eğer fark varsa Yani, bu güzel biz sadece yazdı tam olarak ne kadar.
Bazı değişken saat olduğunu var Bizim elemanı vardır, KODU elemanı olsun,
hangi saati.
Bizim set aralığı var işlevi, bu
Bir anonim işlev bu, tüm yürütür.
Biz bazı dize başlangıç ​​var HTML o zaman dinamik biz
Bazı alarak oluşturmak h1 başlık, bitiştirmekten
ile, saat olsun artı Bizim kolon, artı alıyorum
dakika artı başka kolon, artı saniye,
ve nihayet bitiş HTML.
Ve sonra bizim saatini güncellemek HTML iç HTML nokta,
ve biz her 100 milisaniyede güncelleme.
TAMAM MI?
>> Ben deli değilim söz görün.
Bilmiyorum.
O beni sevmiyor neden bilmiyorum.
Aynı görünüyor gibi hissediyorum ama görünüşe göre benden nefret ediyor.
>> Yani üç iyi giderse yuvarlak görelim.
Biz görmek üzereyiz.
Ben bu gidecek nasıl emin değilim.
Herkes en az alıyor sadece genel tema gibi eksileri,
JavaScript olsa?
Ben en azından kullanışlı, daha umut Biraz titiz olduğunu gösteren daha.
Ama sorunun seti çok eğlenceli olacak.
Harika olacak.
Bu oldukça sıkıcı olmayacak Bu gibi, sanmıyorum.
Aslında alırsınız gerçekten harika şeyler görmek.
>> Yani son ama en az değil, Biz Twitter'da birini deneyeceğim.
Ben, şimdi çocuklar gerçekten korkuyorum.
Ben bu gidecek bilmiyorum.
Ama sadece sana biraz vermek Daha fazla tat ve bu aslında
manipüle dizeleri ve girişler, ne yapacağız
Biz HTML-- burada fark ederseniz, bir bu bir biraz var more--
bazı metin alanına sahip olan Burada bu metin alanına karşılık gelir.
TAMAM MI?
Ve bu metnin bir kimliği vardır.
Biz bunu biraz restyled Bazı genişlik ve yükseklik ile
Biz önceden belirlenmiş ettik, ve biz h1 var
hangi sadece bizim başlık biri olduğunu Bizim karakter kaldı temsil eder.
Biz bunu bazı kimliği verdi karakter kaldı,
ve daha sonra bazı komut dosyası var Burada, hangi gerçekten değilim
üçüncü kez en umut Burada cazibesi, çocuklar.
>> Peki ne yapmak istediğinizi, aynı genel damar
Biz saat nokta js ile yaptık ve parti nokta js biz fark ettik
biz aslında kapma başladım edilir Doğru umrumuzda şeyler?
Bu durumda Yani, iki tane vardır tamam, umurumda şeyler?
Biz tür aslında konum bir şey içine bakarak ve veri çekme,
ve bir şey biz aslında değişen ediyoruz.
Yani bizim HTML var.
Bu bizim web sayfası ise, ne biz bakıyoruz veri?
Bu ne olursa olsun olacak Bizim kutularına metin, değil mi?
Yani burada yazın ne olursa olsun.
Ben bilmek istiyorum, ya da ne var ben bakmak istiyorum ne.
Ve ne olacak Bizim web sayfasında değişiyor?
karakter kaldı.
Aynı şekilde Yani, biz istiyoruz değişkenleri başlatılırken başlayın
aslında bu unsurların üzerine tutun.
TAMAM MI?
Bazı var var ise Bu, bizim metin alanı
ve biz kalan bazı var dosya.
Doğru?
Peki bu gidiyor Bu iki şeyi tutun.
Yani bir şey aynı tür, Belge Ben, tamam dot--
Bu olduğundan emin olmak için gidiyor Bu sefer işe.
Ben çok kararlıydı duyuyorum.
Tamam, eğer öyleyse istediğimiz bizim Metin alanı, uygun
Bizim HTML, bizim tanımlayıcı ne?
Bizim Kimliği nedir?
Bu sırf metin olacak Bu tamam, bizim metin alanı oluşturur,
Bu yüzden bizim Kimliği metin, bir nasıl biz orada ne yakalayabilir.
Tamam, noktalı virgül.
Ben süper olacağım Bu konuda hassas,
Ben istiyorum çünkü bu defa işe.
Tamam, aynı şeyi yapmak, Id tarafından elemanı olsun.
Ben gerçekten ne var merak ediyorum karışıklık yukarıya diğer iki neden oldu.
Tamam, o zaman bu birinde, ne erişmek istiyorsun?
Bizim Kimliği burada ne var?
Biz başka bir kimliği var Bizim HTML, ne oldu?
HEDEF KİTLE: Karakterler kalan.
ALLISON BUCHHOLTZ-AU: Karakterler kalan.
>> Tamam.
Serin.
Ben sadece gidiyorum gerçekten hızlı yazıyorum.
Ben sadece ikinci bu yazmak için gidiyorum.
Yani metin alanı.
Ne ilginç orada B function-- olduğunu fonksiyonları çok olduğu, sadece
uygun kayıt Fare, ama klavye.
TAMAM MI?
Herhangi bir tuşa olduğunda Yani söyleyebiliriz basılı, böyle şeyler yapabilirsiniz.
Biz kullanmakta olduğunuz bir Yani , yukarı tuşu üzerinde denir
Eğer herhangi bir tuşa basıldığında ettik "diyor Kullanıcı kaldırdı klavye,
Bu kapama düğmesi kendi parmak, ve anahtar, basılmamış olmuştur
o zaman bir şeyler yapmak için gidiyoruz. "
TAMAM MI?
Yani bu doğru, mantıklı?
Her karakter Çünkü Biz yazın biz gidiyoruz
kapalı bizim parmak kaldırmak zorunda o yüzden tuşu yukarı gittiğinde,
Biz azaltma biliyor olabilir Bizim karakterler kalan.
>> Bu yüzden bazı anahtar var kadar, ve aynı şekilde,
biz demek için gidiyoruz "Tamam, biz bunu ne zaman, biz
Bazı işlevi oluşturmak için gidiyoruz Bu durumda, "e alacak,
ve ne yapmak istiyorum Kalan sayısını hesaplamak.
Tamam, bu yüzden Sadece başlayalım Bir değişken oluşturarak.
Bu yüzden bazı değişken r var, Bu temsil için gidiyor
Biz sol kaç karakter.
TAMAM MI?
Biz başlamak olduğunu biliyorum 140, ve biz bilmek istiyorsanız,
, diyelim bu uzunluğu izin Giriş oldu dize,
do Siz herhangi bir fikrin var bunu nasıl yapabilir?
Sadece açık kapalı dayalı şeyler, biz, saat gibi isteseydi
Biz saat almak kullanılır.
Biz bizim nesne olduğunu biliyoruz Metin alanı, ama olabilir siz
ondan sonra gelebilir ne düşünüyorsunuz?
Herhangi bir fikir?
Daha az >> Yani bu kişinin tür sezgisel, ancak değer nokta uzunluğu var.
Yani sadece bana biraz ver değer nitelik olduğunu
aslında bu dizenin uzunluğu.
Yani tamam, ben arıyorum "demek oluyor Metin alanı içinde tüm bu dizge,
ve ben anlatacağım Eğer ne kadar olduğunu. "
Biz dizeleri hatırlıyorum çünkü eğer gerçekten sadece diziler vardır,
böylece biz sadece onları uzunluğunu alabilir.
Yani biz var.
Serin.
>> Sonra bizim yapmak istediğimiz ne olduğunu asla kullanıcıya izin vermek istiyorum
daha girişine daha fazla 140 karakter, değil mi?
Çünkü, oh "gibi demek eğer Sadece bu kadar kalan var, "
ve sonra onlara bu yapalım neyse, biz yalan oldum.
Ve bu başka bir şeydir şey JavaScript
Gerçekten iyi olabilir için, kullanıcı doğrulama ise
ve emin senin Kullanıcı herhangi bir kurallar dahilinde
Onlara sağladığınız.
Eğer yapmak gibi şeyler yapmak istiyorsanız Emin birisi girişi e-posta adresi,
veya emin onlar İki şifreleri girmek, onlar eşleşti.
JavaScript yapabilir.
Sen ", gibi bir şey yapmak istiyorum Form gibi, sunulan "veya
"Ne zaman Formu düğmesi Gönder tıklandığında, tüm bunları kontrol edin. "
Ve biz JavaScript yapabilir.
Yani bu sadece ne var Burada yapmak için gidiyoruz.
>> Peki olmadığını denetlemek için bir yol olabilir onlar 140 karakter üzerine gittim?
Ne ne olacak r bizim değeri, deneyin?
Bu doğru, negatif olacak?
Ya da daha az olacak daha veya sıfıra eşit.
Yani eğer öyleyse biz kullanabilirsiniz Sadece her şeyi seviyorum.
TAMAM MI?
Ve bazı metin alanı nokta var değer, ve biz burada ne yapıyoruz
biz sadece ne cutting-- konum nedir?
Özür dilerim.
Bu bir, biz sadece yanlış dönmek istiyorum.
Kafam karıştı.
Tüm çalışmıyor şeylerden frazzled.
Tamam, biz sadece istiyoruz biz sonra return false, ve
görüntülemek istediğiniz karakterleri kalan, değil mi?
Saati ile Dolayısıyla, yaptığımız İç HTML ile bir şey, değil mi?
Biz bazı eşit set Nerede Değişken, bu yüzden burada ne olabilir?
Ne iç HTML değişiyor?
>> İZLEYİCİ: Kalan?
>> ALLISON BUCHHOLTZ-AU: Biz kalan değiştiriyoruz.
Pekala, ve biz ne eşit olarak ayarlamak istediğiniz?
O çünkü r olacak Bizim karakterler kalan olmalıdır.
TAMAM MI?
Yani eğer görmek gerçekten sinirliyim Bu artık çalışıyor, ama biz göreceğiz.
Bu bırakın.
Bu gerçekten hızlı.
[Duyulamaz] Tamam.
Yine, ben sadece sana göstermek için gidiyorum.
Sebebi ne olursa olsun, benim, işe karar verdiği
ama ne sana göstereceğim bu olduğunu Bu-- ah ben koymak gerekiyordu.
Tamam, biz aynı tür fark Burada bir şey, metin alanını alıyorum.
>> Ayrıca, eğer adam bildirimi var, eğer Yapmak istediğiniz şey hiç,
ve nasıl bilmiyorum o, sadece, Sayfa Kaynağını tıklayın
ve onlar size söylemek için gidiyoruz.
Bazen şifreli olacak.
Senin pset için, biz her şeyi şifrelemek, bu yüzden sadece anlamsız gibi görünüyor.
Ama hiç gerçekten varsa Beğendiğiniz serin web sitesi,
Sadece Sayfa Kaynağını tıklarsanız, bunu nasıl yapacağınızı söyleyecek.
Yani yine, sert, akıllı değil çalışır.
Ve burada, tüm gördüğünüz gibi bunlar aynı.
Bu kimse burada sadece bazı alt dize alır Bu, ben bu tam olarak ne unutmak.
Ama belli ki bazı alt dize alır On sıfıra değer,
ve durdurmak ne false döndürür Artık girerek kullanıcı,
ve o zaman tabii ki güncellemeleri Orada iç HTML.
>> Serin.
Bugünden itibaren Yani büyük almak sonuçlar, Deney, kaynak kodu bakmak
size çok yardımcı olacak çünkü, bazen herkes, JavaScript
ile çalışmak zor ve yok edebilir Her zaman, sen bunu bekliyoruz şekilde çalışır
ama sadece denemeye devam Ben söz veriyorum, çünkü o olacak.
Ben bu örneklerin hepsi söz sınıfın önünde çalışıyorlardı.
Ben ne anlamıyorum.
Ben tam anlamıyla her şeyi aynı olması.
>> Bir şey daha ben sadece istiyorum ki Size süper yararlı olabilir adamlar göstermek
önce çalışma ne in-- nedir?
Biz, iş partiyi değil mi?
Ben öyle düşünüyorum.
Evet.
Biz yaptık.
Korku.
Tamam, bu yüzden bir şey Siz bilmeli
Ben hakkında konuştuk konsol günlüğü.
Yani merhaba dot günlüğünü teselli.
Yani bu tür Printf JavaScript eşdeğer.
Yani hiç istiyorsanız senin değişkenleri incelemek
ya da ne var oluyor bakın ne Biz elemanı incelemek eğer, yapmak yapabilirsiniz
Gitmek istediğiniz ne için, ve konsol gidin,
Eğer merhaba basılı olduğunu görürsünüz.
>> Peki biz buna sahip olabilir ne olursa olsun istedik baskı.
İstediğimiz Eğer arka plan yazdırmak için nokta nokta tarzı arka plan,
biz görmek gerekir RGB üçlü gelir.
Ya da değil.
Ben tam olarak nasıl unutmak Böyle bir değişken yazdırmak,
ama mümkün olmalıdır Böyle şeyler çıktı.
Bu çok faydalı olacaktır senin pset zaman için
Eğer işlemek için çalışıyoruz koordinatları veya etajer.
Yani onlar da sınıfta bu parça değiştirin.
Bu nedenle, son yıllarda farklı sadece TFs güzel olacak, ya da TF'ler
Biz çünkü, yerine ofis saat Eğer çocuklar ile birlikte öğrenme tür.
Ama konsol günlüğü süper, süper oldu Geçen yıl JavaScript için yararlı.
Yani onu seviyorum.
Nasıl kullanılacağını öğrenin.
O yüzden, GDB daha kullanmak daha kolay en azından bir artı noktası olmalıdır.
Ama teşekkür ederim adamlar benimle taşıyan vardır.
Ben üzgünüm benim Herhangi bir nedenle örnekler
Sadece istemiyordu Benimle işbirliği, ama ben
o yardım umuyoruz tür olsun bir JavaScript bölgesinde biraz daha fazla.
Ve bana tüm sorularınızı gönderebilirsiniz Ben süper tamir edilebilir, böylece gelecek hafta,
ve ben şeker ve hatta ekstra getireceğim şeker bu saçma çünkü.
Ama siz, büyük ve müthiş bir hafta var.