ALLISON Buchholtz-AU: Selvä kaikille.
Tervetuloa takaisin osiosta.
Se on meidän toiseksi viimeinen jakso.
Se on niin surullista.
En tiedä, mitä aion tehdä näkemättä te joka maanantai.
Kai meidän pitäisi just-- Ehkä voisimme vain
tavata täällä ja on illallinen tai jotain.
En tiedä.
Tuon ruoan sijaan.
Me vain puhua.
Mutta kyllä, ensi viikolla olla viimeinen jakso.
>> Komitea suosittelee, että sinulla on tietokilpailu ensi viikolla.
Tiedän unohdin tehdä minun, kuten, kaksi viikko etukäteen viime viikolla,
mutta toivottavasti te tiesi tämän olevan tulossa.
Toivottavasti tämä on yksi viimeisistä midterms sinulle kaverit lukukauden.
Mutta se tulee kattamaan kaikki materiaalia, että olemme menneet yli.
Joten se ei ole kuin voit vain unohtaa noin neljä silmukoita tai muuttujia.
Koska olemme oppineet kuin alussa,
nämä ovat ilmeisen reilun pelin tietokilpailun.
>> Se tulee olemaan samassa muodossa, sama pituus, joten olet jo tottuneet siihen.
Siellä tulee olemaan koodaus käsin ongelmia,
ehkä jotkut tosi vääriä, ehkä jotkut lyhyt vastaus.
Joten kannattaa olla tuttu formaatti,
varsinkin jos otat käytännön testejä.
Mutta kuten sanoin täällä, se on kumulatiivinen, mutta olemme varmasti
aiotaan keskittyen asioita viikolla kuusi eteenpäin.
Joten, emme todennäköisesti aio kysyä, kuinka monta tavua
ovat jokaisen tyypin tai tuollaiset asiat,
mutta emme luultavasti olemaan kiinnostunut asioista, kuten liittyvät luettelot,
tai erilaisia ​​tietorakenteita, tai eri algoritmien
että olemme puhuneet.
Joten varmista, että olet todella ylös ne, ja jos
tarvitse mitään resursseja, täällä on paljon resursseja.
Annoin teille sellainen nopeasäätöistä lista siellä.
>> Ensi viikolla tulee tietokilpailu arvostelu tänä aikana.
Joten jos sinulla on kysyttävää tai tietyistä aiheista,
erityisiä asioita tietokilpailu, joka haluaisit mennä yli, ota
lähettää ne minulle etuajassa niin voin eräänlainen valmistella materiaalia siitä.
Ja tämän lisäksi jakson tarkastelu, me
myös pitämällä kurssin laajuinen arvostelu kuten teimme viime kerralla.
Ja se tulee olemaan tehdään samat ihmiset.
En tiedä, jos se tekee sen paremmin tai huonommin,
mutta se tulee olemaan minulle, Hannah, Davan, ja Gabe taas.
Joten jos haluat tulla katsomaan meille kaikille pilailu keskenään
ja opastaa tietokilpailu tarkastelu, sinun pitäisi ehdottomasti
tullut, että ensi maanantaina myös.
Joten sinun täytyy vain maanantai hillo pakattu Quiz tarkastelun, joka on hyvä
koska silloin olet tiistai käsitellä kaiken läpi.
>> Mutta ehdottomasti tehdä tarkistaa näitä resursseja.
Study.csv.net on ylivoimaisesti, I ajatella, yksi hyödyllinen,
lähinnä koska se on paljon mallikoodi
se on kaikki tehopisteet kaikki muistiinpanoja siitä,
jotka ovat todella mitä piirrän eniten minun jaksossa materiaaleja.
Jos on jotain edellisten kohdat, jotka olen saattanut lähettää pois
että sinulla ei ehkä ole mennyt, juuri minulle.
Kuten viime viikolla mallikoodi jos joku ei saada, että
vain sähköpostia minulle tai tulla juttelemaan, ja minä varmista, että saat sen.
>> Niin, että tänään olemme menossa puhuvan JavaScript.
Joten tässä me Tommy, joka olin vain juttelemassa viime yönä.
Rakastan Tommy.
JavaScript on hänen suosikki kieli, kuten hän sanoo täällä.
He yrittävät kertoa teille, että se on ei paras, ja ne ovat väärin.
Joten Tommy on JavaScript mestari.
En ole aivan hänen tasolla, mutta olin kuin,
"Tommy, miten opetan nämä lapset JavaScript? "
Joten sain joitakin vinkkejä, niin toivottavasti he työskentelevät.
>> Joten pari asiaa tietää, että JavaScript on client-side scripting
kieli, joten taas PHP on jotain että me pidetään enemmän palvelinpuolen,
se ladata palvelimelle, koottu ja teloitettiin siellä.
Tämä suoritetaan omalla koneella.
OK?
Joten lataat joitakin JavaScript sivu, ja se suorittaa koneellasi.
Syntaksi on hyvin samanlainen kuin C ja PHP.
Aiomme käydä läpi esimerkkejä JavaScript,
ja te tulette näkemään, että miten puhumme muuttujia, silmukoita,
ja olosuhteet ovat kaikki hyvin samankaltaisia.
OK?
Se, että ne ovat niin samanlaisia ​​on luultavasti laukaisee jotkut teistä
up, joissakin tapauksissa vain siksi voit sisällyttää hieman C
jossa ei pitäisi olla.
Ehkä yrität kirjoittaa jotain kun se ei pidä kirjoittaa.
>> Ja sinä, yksi asia tietää, että JavaScript
on dynaamisesti kirjoitettu kieli, kuten PHP.
Joten jos te muistaa osastosta viime viikolla,
kun olimme tavallaan tekee Meidän PHP pikakurssin,
näimme kuinka merkkijono voisi olla muuttui int yksi, ja niin edelleen.
Tyyppi muuttujat määritetään suorituksen aikana,
joten ne saattavat muuttua ajan ohjelman aikana,
ja samalla tavalla, että emme koskaan todella julistaa tyypit PHP muuttujia,
aiomme tehdä saman juttu täällä, missä emme ole oikeastaan
ohjataan tyypit meidän muuttujia, niin sanoakseni, kuten mekin C.
>> Ja sitten yksi asia että on aika siistiä on
että voit virhe Tarkista kautta konsolin,
tämän suuren toiminto console.log, joka
voit tulostaa eri muuttujia tai esineitä, jotka me will
puhua.
Aivan kuten viime viikolla, kun olin kuten, "käytä tätä toimintoa," jossa dump
teidän pset tämä toiminto haluat käyttää, console.log.
Olin niin yllättynyt, kuinka monta opiskelijoiden virka
ei tiennyt dump-toiminto.
Ja olin kuin, "kaverit, tämä tahto tehdä elämästäsi paljon helpompaa. "
>> Okei, joten se oli sellainen vain lyhyt juttu, kuten aina,
meillä on esimerkkejä.
Tiedän te rakastatte niitä.
Joten tässä on esimerkki hyvin yksinkertainen JavaScript-tiedosto täällä.
Joten se on vain luomassa tämä pop-up, joka kertoo,
"Hello World", kun anna sivun, mutta katsotaanpa
yrittää kulkea tätä hieman.
Joten ilmeisesti tämä on vain kuten normaali index.html.
Joten, vain normaalin mallin täällä, ja meillä on HTML, meillä on pää,
ja aivan kuten CSS, miten me myös joitakin ulkopuolella tiedoston, eikö?
Meillä on joitakin script type tekstiä, joka on Javascript.
Ja lähde on hello.js, joka on täällä.
Tämä on koko tiedosto hello.js.
Ja sitten meillä on joitakin otsikko ja jotkut elin HTML
että emme välitä.
>> Mitä tapahtuu on, kun me ladata tämä sivu, se suorittaa automaattisesti tämä kirjoitus.
OK?
Joten JavaScript suorittaa automaattisesti.
Joten mitä se aikoo tehdä, se menee heti mennä ja suorita tämä.
Ja se tulee sanoa, "hälytys.
Hei maailma. "
Mikä hälytys on toiminto, joka todella syntyy tähän ruutuun.
OK?
Joten se on eräänlainen kaikkien lukeutuvat.
Ei ole mitään ylimääräistä meillä oli tehdä lisäksi vain hälytys,
ja sitten mitä halusimme meidän Alert ruutuun.
OK?
Niin, että vain Super yksinkertainen esimerkki siitä, mitä JavaScript voi tehdä.
>> Yksi todella cool asioita, kuten tulemme näkemään,
on, että JavaScript voit manipuloida Web-sivuja,
ilman ladata ne joka kerta.
Joten jos want-- esimerkiksi jos olet leijuu jotain,
jos te koskaan nähnyt kuten Menu baareja,
tai kun viet yli joitakin aihe, pudotusvalikosta näkyviin,
se johtuu JavaScript.
OK?
Joten et ole uudelleenlastauksen koko sivun päästä tätä valikkoa näy,
olet vain etsivät tiettyjä toimia, jotka käyttäjä on tehnyt,
joita kutsutaan tapahtumia saamme osaksi, ja kun näet, että sanot,
"OK, muokata jotain tästä sivu ja tehdä se näyttää eri,
mutta vain muokata näitä tiettyjä asioita.
Älä lataa koko juttu. "
Joten se todella on paljon mukavampaa, ja sinun ei tarvitse ladata sivuillesi,
ja se on todella siistiä.
>> Joten muuttuva julkilausumat, joten voit eräänlainen nähdä,
Laitoin päälle täällä, löyhästi kirjoitettu.
Joten tämä on hyvin samankaltainen kuin PHP.
Meidän ei tarvitse kertoa JavaScript millaista olemme
odottaa kaikkien näiden muuttujien.
Ne voivat olla mitä tahansa tyyppiä haluamme.
Joten huomaat tässä tapauksessa, me julistamme ne hyvin yksinkertaisesti, pelkästään "var"
ja sitten mitä haluamme meidän muuttujan nimi olla.
Yksi asia huomata on, että kun laittaa var edessä muuttujan nimi,
se paikallisesti laajuuksia se.
OK?
Se on täysin kohtuullista sinulle kokonaan vain poistaa var
ja vain vertaistuki CS50, ja että olisi vain globaali muuttuja.
OK?
Joten voit alustaa sen kummallakin tavalla, vain riippuu miten haluat sen.
Joten jos olet alustetaan se sisällä toimintoa,
ja haluat, että muuttujan pysyä scoped sisällä että toiminto,
olet menossa haluavat tehdä jotain var nimi muuttuja,
vs. jos haluat maailmanlaajuisesti scoped, sinun
voi vain tehdä nimeä muuttuja ja sitten
mitä haluat sen asetettu yhtä suureksi.
OK?
>> Tämä on eräänlainen cool juttu täällä, koska jos huomaamme meidän muuttuja
b alkaa out totta.
Ja mitä tämä does-- voi joku kertoa minulle, mitä tämä tekee?
Joten meillä on joitakin hälytys.
Mitä tyyppi b olla alku?
Yleisö: Looginen.
ALLISON Buchholtz-AU: Looginen.
Oikea.
Ja sitten me siirtää b Tämän merkkijonon, eikö?
Niin täällä, millaista b olla?
Eihän merkkijono, eikö?
Joten mikä on tärkeää huomautus on, että C, me
voisi melkein koskaan tehdä jotain.
Meidän täytyisi olla vaihteleva, heittää sitä jotain muuta,
ehkä tehdä joitakin funktion kaksi i, menevät maksutta kokonaisluku.
Mutta jos huomaamme täällä, b hyvin helposti muuttuu kirjoitat.
>> Yleisö: Odota, joten voit vain olla, "tee b kokonaisluku?"
>> ALLISON Buchholtz-AU: Joo.
Voit vain siirtää b kokonaisluku.
>> Yleisö: Oikeasti?
>> ALLISON Buchholtz-AU: Joo.
Ja sitten se olisi int.
Joten muuttujat voivat muuttua ajan ohjelman aikana liikaa.
Ne eivät ole tarkasti kirjoitetaan.
Se on hyvin löyhästi kirjoitettu.
OK?
Periaatteessa muuttujat voi tehdä mitä he haluavat, koska me tavallaan näki PHP.
He voivat tehdä joitakin hulluja asioita, niin on tärkeää olla melko varovainen.
Nimeä muuttujat hyvin.
Jos et, yhtäkkiä aiot olla,
"Odottaa, ajattelin, että tämä oli merkkijono, ja nyt se on int,
ja en ole aivan varma mitä täällä tapahtuu. "
Joten tämä on vain yksinkertainen esimerkki osoittavat, miten muuttuva helposti
muuttaa sen tyyppiä yli aikana ohjelman.
>> OK.
Joten tämä pitäisi näyttää super, super tuttu.
Joten nämä ovat silmukoita JavaScript.
Ne ovat täsmälleen samat, lukuun ottamatta neljän sijasta int i on nolla,
voisimme sanoa var i on nolla.
Ja sitten meillä voisi olla meidän samanlainen kunnon, samanlaista päivityksen,
i plus plus toimii hienosti.
Joten nelosta ovat samat, Whiles ovat samat,
ja tehdä whiles ovat täsmälleen samat.
Samanlainen yleiseen muotoon.
Huomaamme, neljä, suluissa, suluissa, se on aivan sama.
Myös siellä on puolipisteellä uusista esimerkin koodin.
Näet ihan paljon samaa kuin c.
>> Saat toiminto julkilausumat, jälleen, hyvin samanlainen.
Meillä on joitakin toiminto, joka vain sanoo, että se on tehtävä, ja sitten
nimi meidän toiminto, ja tulot.
Ja vielä jos huomaamme, me ei ole tyyppejä täällä lainkaan.
Oikea?
Meillä ei ole mitään sanomalla, että nämä täytyy olla ints tai tuplaa, tai kelluu.
Ne voisivat olla mitä he haluavat.
Tärkeää on huomata, että Meidän täytyy kirjoittaa toiminto etukäteen
anna JavaScript tietää, että tämä on todella tehtävä.
>> Joten tämä on vain muutamia yksinkertaisia ​​summa funktio, joka palauttaa x: n tai y,
ja mitä sitten on myös viileä on, että voit todella
määrittää toiminnon muuttujaan.
Joten tässä tapauksessa, summa on nyt toiminto, joka todella tekee summa.
Joten jos huomaat täällä, meillä on toiminto, nimi toiminto, tuotantopanosten.
Oikea?
Täällä meidän on vain tehtävä ja tulot.
Joten tämä on nimeltään anonyymi funktio.
Ja tämä on jotain, että pitäisi olla uusi useimpiin te, jos ei kaikkia teitä.
Joten periaatteessa, mitä se tarkoittaa, että emme
täytyy nimi meidän tässä tapauksessa toimi.
Voimme vain sanoa, "OK, aion on tämä toiminto, joka suorittaa tässä
ovat sen tuloa, ja tässä mitä se aikoo tehdä. "
Ja varsinkin kun olet osoitetaan toiminto jokin muuttuja
että aiot manipuloida, et välttämättä
täytyy nimetä, koska aiot viittaavan
sille tämän muuttujan nimi, ei millä tahansa
toiminto erotuksesta.
OK?
>> Joten jos näemme täällä, me joitakin vaihteleva summa nyt
joka on yhtä suuri kuin summa kolme ja viisi.
Ja saisimme tämän.
Ja tämä olisi vain joitakin hälytys, kolme plus viisi on yhtä monta.
Tämä plus vain liität mikä vastauksemme oli kiinni merkkijono.
Myös viileä, plus voi liität jouset.
>> JavaScript, kuten PHP, HTML ja CSS kuten sanoimme,
paljon se, että olemme tavallaan ottaen apupyörät pois täällä
ja teillä on paljon tietotaitoa miten todella ymmärtää näitä asioita.
He hieman erilainen, mutta ne eivät ole niin ulko-
ja että et voi googlettaa asioita tai etsiä niitä verkossa W3 kouluissa.
Ja me todella odottanut sinua kaverit, sellainen, kokeilu
ja oppia itse.
Joten, tiedän tämä saattaa tuntua hieman vähemmän perusteellista kuin jotkut c asioita
teemme, mutta se oikeastaan ​​syy.
Mutta toivottavasti se ei ole liian erilainen, ja se ei ole ylivoimainen.
>> Joten levyjärjestelmän JavaScript, jälleen hyvin, hyvin samanlainen.
Oikea?
Meillä on joitakin vaihteleva joukko se sama tyhjä suluissa,
ja se on vain tyhjä joukko.
Tätä kutsutaan usein kirjaimellinen array merkintätapa.
Se on vain yksi asia, me kutsumme sitä.
Jos näemme array kaksi täällä, meillä on joitakin kirjaimellinen array että on kolme tekijää,
oikeassa?
Ja sitten meillä on joitakin var kolmas elementti, joka on
jokin muuttuja, joka on juuri aikoo järjestää tämän merkkijono, JS.
>> Elementtejä, hyvä huomata, erotetaan toisistaan ​​pilkuilla,
aivan kuten odotamme.
Ja voit myös käyttää näitä, kuten teimme C, jossa tämä indeksi notaatio, eikö?
Joten eroaa PHP Nyt olemme menossa takaisin
vain sellainen viittaavat asioita indekseittäin.
Aivan kuten C, se on myös nolla-indeksi.
Tunnen maali olisi todella julmaa jos he äkisti JavaScript yksi
indeksi, ja sinun piti täysin pohtia, miten ajattelee paneelit.
>> Yksi kova juttu on se, että sen sijaan joutua do-- jos joskus
halusi pituus array, ehkä kerrata läpi
kunnes löytää lopussa, tai te vain tiedä mitä se on.
Koska JavaScript on hyvin löysä lisää muutenkin kuin tyyppi, kuten näemme täällä,
Voimme vain tehdä tämän taulukon suurempi, koska päätämme.
Jos huomaamme array kolme on kolme asiaa aloittaa,
mutta sitten yhtäkkiä, olemme kuin "oi, vain leikkiä.
Olemme todella menossa jotta se 101 asiaa. "
Joten jos joskus haluat tietää todellinen pituus teidän array,
teet sen näin.
Ja me nähdä paljon Tämän merkintätapa esimerkeissä,
mutta JavaScript se on yleensä mitä
objekti että puhut dot tahansa sellainen toiminta
haluat soveltaa.
OK?
>> Joten tässä tapauksessa, meidän esine on array kaksi,
ja sanomme haluavamme pituus array kaksi.
Joten tämä vain vaatii, kuten pituus siitä.
Ja joka palauttaa pituus.
Myös jotain huomata että jos huomaamme meidän paneelit,
toisin kuin C, heillä ei ole olla kaikki samaa tyyppiä.
Tämä on paljon enemmän kuin PHP.
JavaScript on pohjimmiltaan aivan kuten tämä mielenkiintoinen sulautuvat C ja PHP.
Joten saamme tuohon.
Nyt haluan vain olettaa että paneelit ovat pohjimmiltaan
kuten C matriiseja, että ne nolla indeksoitu.
OK, niin että on kaikki kaikessa.
Voit myös vain laajentaa array mitä indeksi haluat.
Tämä luultavasti Seg vika sinua tai antaa sinulle joitakin virhe,
JavaScript on kuin, "Nah, se on hieno.
Sain tämän.
Me vain mennä suoraan missä haluat. "
>> OK, esineet ovat erittäin tärkeitä.
Te tulee käyttämään paljon näitä teidän P joukko, jos muistan oikein.
Joten asia, että nämä ovat samanlainen C ovat structs.
Joten voit ajatella about-- kun menemme esimerkki oikealle
tämän jälkeen mielestäni se tulee tehdä paljon enemmän sense--
mutta olemme periaatteessa käyttää esineitä järjestää tietenkin liittyvää tietoa.
Kun puhuimme structs C, usein
puhua opiskelija, joka oli jonkin nimen, ID, talo, te tiedätte, keskittyminen.
Ja se on tavallaan sama asia että käytämme esineitä täällä.
Se on vain järjestää vastaavia tietoja.
>> Voit myös ajatella näitä enemmän samanlainen yhdistysmuotoisia taulukot PHP.
Joten tämä olisi sellainen asia jossa meillä on joitakin keskeisiä joidenkin arvo,
hyvin samankaltainen PHP.
Joten voit alustaa joitakin tyhjä esine, kuten näemme täällä,
vain aaltosulkumerkkien.
Joten paneelit ovat hakasulkeissa.
Tyhjät esineet ovat aaltosulkeita.
Hyvä ero on.
Ja nämä ovat vain kaksi eri tapoja asettaa ominaisuuksia.
Joten tämä on eräänlainen paljon enemmän niin, että
on samanlainen PHP, meidän assosiatiiviset taulukot, jossa keskeisiä,
ja meidän arvo, kun taas tämä is-- sinua will
katso tämä paljon enemmän JavaScript.
Näin näyttää olevan yleissopimuksen.
Ja samalla tavalla, että teimme array kaksi piste pituus, tämä sanoo,
"OK, anna minulle sitä Yhdistän tämän esineen. "
Oikea?
Joten samalla tavalla se oli kuin, "anna minulle määrite pituus array kaksi "
tämä sanoo, "antaa minulle omaisuus meidän tyhjä esine. "
Tai tässä tapauksessa, me olemme merkitsemällä se jotain arvoa täällä.
Mutta voit myös käyttää sitä, että tavalla.
>> Ja sitten täällä on vain osoittaa kaksi eri hälytyksiä.
Joten tämä osoittaisi hälytykset olisi täsmälleen sama,
se on vain kaksi erilaista tapaa päästä elementti, että haluamme.
Onko järkeä kaikille?
Tunnen kuten tämä luultavasti järkevämpää,
vain koska olemme tulossa pois PHP.
Mutta kun teemme enemmän esimerkkejä, tämä on kirjaimellisesti täsmälleen sama.
Paljon se on vain muuttaa syntaksia.
>> OK, niin esimerkkejä.
Rakastan esimerkkejä.
Joten tässä on joitakin CS50 muuttuja, joka on esine,
ja me tallentaa kaikki tämä tietoja.
Joten meillä on tietenkin, opettaja, TFS, psets ja teipattu.
Joten huomaamme nämä ovat lähes kaikki erilaisia.
Oikea?
Joten esineet voidaan tallentaa attribuutteja eri tyyppejä.
Voimme ajatella this-- se on hyvin samanlainen kuin meidän assosiatiivisia array PHP.
Joten avain, arvo, avain, arvo, avain, arvo, niin edelleen ja niin edelleen.
Mikä on myös mielenkiintoinen samalla tavalla että voimme olla paneelit sisällä paneelit,
Voimme myös esineitä esineitä, tai taulukoita sisällä esineitä.
Et koskaan rajoitu vain yksi yksi asioista.
Voimme saada hyvin Inceptionesque, vain jatka alas kanin reikä siellä.
>> Joten jos huomaamme, me on joitakin kurssi,
on merkkijono, ohjaaja, joka on merkkijono, ja array, int, ja Boolen.
Joten kaikki nämä eri asioita.
>> Okei, joten meillä on toinen.
Joten tässä tapauksessa, meillä on joukko esineitä.
Joten aivan kuten esine voi olla array siinä.
Voimme myös joukko esineitä.
Tämä saattaa olla hyödyllistä ajatella samanlainen laji
miten meillä oli hash pöytä, meillä oli joukko
Kaikkien näiden eri tyyppisiä tietueet, jotka
oli viitteitä eri solmut ja vaikka mitä.
Mutta tässä tapauksessa, me on joukko esineitä.
Joten tämä on kuin joukko assosiatiivisia taulukoita.
Joten meillä on joitakin Ensimmäisen osatekijän olla objekti nimi James
ja talo Winthrop.
>> Te ehkä muistaa jotain hyvin samanlainen kuin tämä
kanssa viime pset, jossa jos veti jotain tietokannasta,
ensimmäinen sellainen asia matriisisi oli
kaikki tiedot ensimmäinen käyttäjä, joka tapasi sitä,
ja sitten piti indeksi tuohon saada varastossa tai niiden välimuisti
tai vaikka mitä.
Joten tämä on hyvin paljon samaa juttu, vain vähän muutoksia
syntaksia, hieman muutos sanamme kuvaamaan niitä.
>> Joten jos halusimme, voi joku kertoa minulle, mitä tämä hälytys tekisi täällä?
Tai mitä tämä vähän koodi tekisi meille?
Yleisö: Se annan teille kaikki nimet.
ALLISON Buchholtz-AU: Oikea, joten se olisi vain varoittaa kaikkia nimiä
koska se menisi läpi mökki i, niin se olis alkavat nollasta.
Joten se sanoisi, OK etsimme Tämän ensimmäisen esineen, joka
on ensimmäinen rako meidän array.
Ja se sanoo, "anna minulle attribuutin nimi että esine. "
Joten mennään täällä, me osaisimme skannaus, olimme löytää nimi,
ja olimme tulostaa James, Molly, ja Carl.
Kaikki kysymykset tähän mennessä?
JavaScript valitettavasti aiot olla
tekee paljon etsii teidän oma, mietitään syntaksin,
painiskelevat se.
Mutta tietenkin olen aina täällä, Aukioloajat ovat aina täällä.
Saatan olla tiistaisin tällä viikolla.
Joten jos olet siellä, voit tulla käymään luonani tällä viikolla.
Se olisi hienoa.
>> OK, joten DOM on Document-Object Model.
Joten tämä on vain tapa että haluamme ajatella
siitä, miten HTML ja kaikkea sisällä se on järjestetty.
Tämä on hyvin paljon jotain, luultavasti keksiä tietokilpailun.
Tiedän vuosi, se oli kuin tässä HTML-tiedosto, täytä DOM sitä.
Ja juuri täyttää vähän asioita.
Näiden pitäisi olla helppoa pistettä toivottavasti.
Toivottavasti sinun see--
>> Yleisö: [äänetön]
>> ALLISON Buchholtz-AU: Niin näet tämän puun täällä?
>> Yleisö: Joo.
>> ALLISON Buchholtz-AU: Joten he kysyvät käyttö
täyttää mikä menee rungon alle.
Ehkä rungon alla, meillä on joitakin divs tai meillä on joitakin kohtia,
ja pyydämme sinua täyttämään puu hyvin paljon tästä.
Joten me voidaan kävely läpi.
Joten Document-Object Malli on vain tapa
jäsentää ja ajatella meidän HTML graafisesti.
Ja myös uusista useampaan JavaScript,
se tulee olemaan tavalla, että me todella
manipuloida eri elementtejä sivulla.
Meidän tapa saada jokaisen asioita meidän HTML,
ja niin tämä antaa meille hyvin betoni standardoitu tapa
politiikan eri web-sivuja tehdä.
>> Joten jos me vain kävellä läpi täällä, tietenkin
meidän asiakirja on kuin meidän koko tiedoston.
Tämä tietenkin järkevää että se on korkein asia,
ja sitten meillä on todellinen HTML, joka vastaa tätä tunnistetta täällä.
Myös jos on luetelmakohdassa tageja oikein, luomalla sitten tämä DOM-puuhun
tulee super yksinkertainen.
Joten meillä on pää täällä.
Meillä on joitakin elimen näemme varsi pois HTML,
minkä vuoksi meillä on pään ja vartalon.
Sisällä pää, meillä on joitakin otsikkokoodien loppua otsikkokoodien
joten tiedämme, että tulee sen jälkeen pää.
Ja meidän otsikko tag, meillä on hei, maailma.
OK?
Niin, että tämä koko vasemmalla haara.
Ja sitten oikea käsi haara tässä näemme, että meillä on HTML,
OK olemme tehneet tämän pään osa, etsimme juuri ruumiin,
joten meillä on joitakin kehon alueella.
Ja tuossa, vain asia meillä on hei, maailma.
OK?
Jos meillä olisi asioita, kuten jotkut kiinnike p ja sitten
Hei, maailma, ja sitten toinen kiinnike p hyvästit, maailman,
meillä olisi kaksi kuplia tulossa pois täältä.
Koska he molemmat rungon alla, mutta he eri kohdissa tässä tapauksessa.
On varmasti käytäntö siitä, että aiemmissa tietokilpailuja,
sekä runsaasti verkossa sitä.
OK niin, tämä vain antaa meitä näkemään kaiken hienosti
ja manipuloida asioita hyvin järjestelmällisesti.
OK?
Tiedämme tarkalleen, miten kulkea läpi tämän puun,
joten tiedämme, mitä haluamme päästä.
>> OK joten tästä syystä haluamme saada tällaista mallia,
jotta voimme käyttää asioita, kuten tämä, ja ymmärrämme, mitä ne tarkoittavat,
ja he standardoitu kaikissa asioita, joita teemme.
Joten asiakirja dot otsikko on vain otsikko our-- kaikki nämä
ovat melko itsestään selvä, Haluan ajatella.
Joten ensimmäinen kolmen esimerkkejä vain sanomalla,
"OK, anna minulle otsikko tällä sivulla. "
Joten se antaa sinulle mitä vastaa otsikkoa.
>> Asiakirja piste elin on aio antaa teille mikä on näissä kehon tageja.
Joten voit muokata sitä.
Ja asiakirja dot body piste Kirjoita HTML on hyvin viileä yksi,
ja ehkä ei ole, kuten Super intuitiivinen, mutta sisäinen HTML
vastaa tätä täällä.
Joten jos haluat joskus manipuloida tekstiä sivulla,
tyypillisesti aiot tehdä jotain kehon pisteellä sisäinen HTML.
OK?
Joten sisäinen HTML taipumus viitata mikä on todella välillä nämä tagit.
OK?
Ja sitten hyödyllisiä toimintoja.
Joten jos halusi saada mitään näistä, mitä tahansa elementti,
meillä on joitakin Id, luokka nimi tai tunnistetta.
Tämä on hyvin samankaltainen asioita teimme CSS, eikö?
Jos meillä on jokin valitsin, että vastaavat joko tag, luokka
että annamme heille, tai Id.
Tämä on hyvin paljon samalla tavalla.
Jos sinulla on jotain, on joitakin luokan koira,
ja te sanotte saat elementit tunnistetta, ja laitat koiran there-- tai anteeksi,
luokan nimi.
Voit laittaa piste siellä.
Se tulee palauttaa kaikki nämä elementtejä, että on, että luokka.
Joten voit käsitellä vain niitä.
Samalla tavalla, ehkä vain haluavat manipuloida joitakin header, joten
Joissakin H1 otsikko, kuten teimme.
Voisit tehdä saada elementit tag nimi, koska h1 on tunnisteen nimi.
Ja samalla tavalla, jos haluat saada joitakin ainutlaatuisia asia, voit tehdä get tag.
Hanki elementti Id.
Ja ne ovat todella paljon näitä.
Nämä ovat vain kuin kolme erittäin paljon.
Joten jos menet verkossa, kuten Aion kannustaa
voit tehdä, ja tehdä joitakin tutkimusta omasta,
Olen ehdottomasti suositella tutkii kaikki nämä.
Ne voisivat olla erittäin hyödyllinen erityisesti silloin, kun
Haluatko vain sellainen manipuloida hyvin konkreettisia asioita ilman
käydä läpi ja yrittää jäsentää kaiken.
>> OK, joten viimeinen asia on JavaScript-tapahtumia.
Joten kun puhuin aiemmin menossa päälle verkkosivuilla,
ja kun viet yli jotain, tai hiiren leijuu jotain,
jotain muuta tapahtuu.
Tämä on mitä me haluaisimme ajatella tapahtumana.
Eli meillä että voima olla hyödyllistä tässä onclick.
Joten minun oli häilyä, jonka olen melko varma, on juuri häilyä.
Myös ton näistä että voit etsiä.
On koko lista verkossa Eri asioita
että voit kuunnella.
>> Mutta JavaScript tapahtumat ovat pohjimmiltaan vain vastaamalla asioita
että käyttäjä tekee.
Oikea?
Joten käyttäjä ei jotain, joka on tapahtuma,
ja JavaScript vastaamme mutta haluat sen.
Se tulee vastaamaan.
Joten tässä tapauksessa, meillä on Joissakin ikkuna dot onload.
Joten mitä tämä sanoo, on, "odottaa kunnes ikkuna kuormitettujen. "
OK?
Joten kun kaikki on ladattu, onload, voit suorittaa tämän toiminnon.
Joten kun kaikki on ladattu, olet menossa
on joitakin hakupainike että saa elementtiin Id,
ja se tulostaa mitä se elementti on niin haku-painiketta.
Ja sitten meillä on tämä muuttuja, sanomme, "OK, onclick."
Eli kun kuulet naksahduksen Haku-painiketta,
suorita tämä toiminto, joka on hälytys, klikkasit Haku-painiketta.
>> Mitä tapahtuu is-- tämä on kiva pikku graafinen esitys täällä.
Joten meidän asiakirja kuormia, se on meidän onload,
löydämme haku painike, joka on tässä.
Etsimme meidän haku-painiketta.
Ja sitten kun hakupainikkeen napsautetaan, se vastaa täällä.
Onclick.
Sitten vihdoin varoittaa meidän käyttäjä, mikä on tämä viimeinen rivi täällä.
OK?
Joten jokainen näistä neljästä vaiheesta vain vastaa neljä laatikkoa
siellä pohjassa.
Onko järkeä kaikille?
>> Ja sitten yksi asia, että olen juuri menossa mainita hyvin, hyvin lyhyesti, että olen
Kannustamme sinua kaverit mennä katsomaan paremmin on
jQuery, joka on vain kirjasto joka on rakennettu päälle JavaScript.
Se on erittäin hyödyllinen, koska useimpien kirjastojen.
Siellä on paljon toimintoja.
Joten jos on koskaan jotain, haluat tehdä JavaScript,
ensimmäinen vaisto ei pitäisi ajatella
on, "mitä toimintaa tulee Olen koodin? "Sen pitäisi olla,
"Anna minun nähdä jonkun jo tehnyt tämän minulle. "
Koska yhdeksän kertaa kymmenestä, joku on tehnyt sen jo,
ja he luultavasti ovat tehneet sen paremmin.
Ihmiset viettävät paljon aikaa tehdä näitä, ja JavaScript on käytetty erittäin laajasti
joten ihmiset ovat jatkuvasti yrittävät tehdä sen paremmin.
Ja jQuery on paljon toimintoja Todennäköisesti sinulle hyötyä
lopullisessa projektissa jos olet tehdä mitään web design.
Kuten sanoa, "työ fiksummin, ei kovemmin. "
Jos teette, että se tulee olemaan suuri.
Kun me olemme hackathon en haluamme teidän olevan kaikki stressaantunut.
Haluan sinun olevan kuin "sain tämä. jQuery: n sain takaisin.
En tarvitse kirjoittaa näitä toimintoja. "
>> Joten vain kaksi asiaa Muistan, aion
antaa te etsiä lisää osaksi jQuery itse.
Kaikki aion sanoa on se tekee joitakin melko mahtavia asioita
ja voi tehdä elämästäsi paljon helpompaa.
Mutta mitä haluat on on mitä tiedosto
että aiot käyttää sitä, olet menossa haluavat nämä kaksi riviä.
Olet menossa halua käsikirjoituksen js jQuery dot js.
Ja oikeastaan ​​lähde tulee olemaan noin URL.
Jos googlettaa jQuery, Google oikeastaan ​​isännöi kaikki tiedostot puolestasi.
Joten et varmasti halua tulo että URL sijaan.
Sain laittaa täällä yksinkertaisuuden vuoksi.
Kaikki tämä tarkoittaa sitä, mistä löytää jQuery kirjasto.
Se on massiivinen, joten et halua isäntä se omalle koneelle
jos sen voi välttää, ja siksi taipumus vain laittaa Googlen URL että
isännöi kaikki nämä tiedostot puolestasi.
OK?
Sinä googlettaa, lupaan se on siellä.
>> Ja sitten mitä tahansa JavaScript-tiedosto, että olet
käyttäen, joten tämä on vain jokin ulkoinen JavaScript-tiedoston, että käytät.
Samalla tavalla, että me linkittää meidän CSS tiedostoja, tämä on samanlainen asia.
Tämä vain linkkejä tiedosto jossa JavaScript on.
Ja minulla on joitakin esimerkkejä yksinkertaisia ​​JavaScript.
Joten me olla menossa läpi.
Ja sitten sinun indeksi JavaScript, mikä on JavaScript-tiedosto täällä,
tämä on eräänlainen kääreen että sinulla on jQuery.
Olet melkein 99,9 prosenttia ajasta menee
on tämä teidän index.js tiedosto.
Koska mitä tämä sanoo ei, "Älä suorita mitään
kunnes asiakirja on tosiasiallisesti valmis ", joka on juuri sitä mitä haluat.
Koska jos asiakirja ei ole valmis, ja jQuery alkaa tehdä asioita,
se on vain sotkua.
Joten haluat aina olla tämän kääre.
Ja sitten asioita, jotka menevät sinne, I jättää oman kaverit omien Silmäillessäni.
>> OK, joten onko mitään kysyttävää oikeus nyt noin JavaScript yleensä?
Tai DOM malli?
Jos ei, meillä on hienoja esimerkkejä siitä, että voimme mennä läpi,
että te auttaa minua koodin.
Mutta olen myös olemaan Super mukava, ja jos
halua sanoa mitään Näiden, se käy hyvin.
Voin myös vain antaa sinulle esimerkkejä.
Mutta mitään PowerPoint ennen kuin siirrymme?
Cool.
>> Tunnen te tarvitse energiaa.
Joten mielestäni me aiomme aloittaa kanssa puolueeni esimerkki ensimmäinen.
Meillä on kolme esimerkkiä, sinulla on valintasi.
Joten meillä on kello, minne olemme menossa toteuttaa todellinen kellon, joka on
päivittämässä ajan myötä.
Meillä on tämä suuri Twitter toimintoa.
This-- tiedät mitä, odota.
Aiomme tehdä tämän mennä pois.
Bam.
OK.
>> Meillä on tämä suuri Twitter toiminto täällä, that-- tiedän, eikö?
Se tulee olemaan suuri.
Oletko kaverit innoissaan?
Tämä on menossa laskea montako merkkejä sinulla on jäljellä,
joten jos kirjoitan nyt, ilmeisesti se vielä sanoo 140,
mutta me tiedämme, että se ei pidä paikkaansa.
Ja sitten meidän viimeinen täällä, klikkaa tästä juhlia.
Mitä tulee tapahtumaan on, kun me sitten, tausta n
aio muuttaa väriä.
Joten teillä teidän vaihtoehtoja mitä haluat tehdä ensin.
Lupaan ottaa erittäin helppoa sinulle.
Tunnen kaikki on tavallaan vain hyvin pieni avain tänään.
Joten minä opastaa miten me toteuttaa kaikki nämä.
Jos haluat säestää vuonna, että on hienoa, mutta en
tuntuu jokainen on hieman väsynyt.
Joten minä vain kävelen kautta näihin esimerkkeihin.
Onko meillä jotain haluaisimme tehdä ensin?
Kuka tahansa?
Ei valintaa?
OK.
Tiedätkö mitä?
Olemme puolue.
Tunnen te tarvitset little-- niin, me teemme puolue ensin.
OK.
>> Eli meillä here-- se ei pitäisi olla siellä.
Nyt se on hyvä.
OK.
Joten mitä meillä täällä on pelkkä HTML sivu
että te kaikkien pitäisi olla erittäin tuntee teidän kahden viimeisen psets.
meillä asiak tyyppi täällä.
Voivatko kaikki nähdä?
OK.
Cool.
Meillä on HTML ilmeisesti.
Meillä on joitakin otsikko, joka on liittyy tyylisivu
juuri tehnyt minun font mukava ja iso ja rohkea.
Joten älä ole huolissasi, että.
>> Meillä on joitakin kehon Id tausta, OK?
Koska aiomme olla muuttamalla tausta.
Joten kun olemme muuttumassa tausta kehomme,
muistamme kaksi viikkoa sitten kun olemme tekemisissä web-sivuja.
Niin hyvä on, että.
Ja meillä on joitakin Id yhtä suuri puolue.
Tämä h Tuomari punta vain tarkoittaa, että se tulee menemään samalla sivulla.
Ja klikkaa tästä juhlia, siksi kun klikkaa sitä,
se pitäisi vaihtaa väriä, onneksi.
>> Ja sitten meillä on kirjoitus täällä, että on vain liittyy tämän puolueen piste js
tiedosto, joka on tyhjä, koska emme ole tehneet vielä mitään.
Ja se on niin surullista.
Mutta hyvin pian, se muuttuu värit, ja se on mahtava.
>> Joten olen juuri menossa kävelemään te kautta, miten voisimme lähestyä tätä.
Joten ensimmäinen asia, että saatamme haluta tehdä,
jos olemme muuttamassa taustalla elin, ensimmäinen asia, joka meidän kannattaa
vain todella napata mikä elin on, eikö?
Joten haluamme summa, meidän tausta, ja jos huomaat,
Minä vain automaattisesti vain aloittaa kirjoittamisen.
Ei ole mitään erityistä, että me täytyy tehdä meidän JavaScript-tiedostot.
Voin aloittaa julistaa muuttujia, ja julistaa satunnainen toimintoja.
Ja se on paljon enemmän vapaamuotoinen.
Se on kuin C, me annoimme teille kaikille Näiden kova sääntöjä, ja te kasvoin,
joten olemme kuin "lähteä.
Ole vapaa.
Tee mitä haluat. "
Ja sitähän JavaScript on.
Joten meillä on joitakin tausta täällä.
Meidän DOM malli, tiedämme voi tehdä dokumentti dot saada elementti,
ja jos huomaamme täällä, kehomme on Id.
Oikea?
Joten voimme tehdä saada asiakirja Id, ja tässä on yksinkertainen.
Mikä meidän Id että haluamme täällä?
Yleisö: tausta.
ALLISON Buchholtz-AU: tausta.
Perfect.
Ja puolipiste.
Tämä ei kuitenkaan ole kadonnut vielä.
Sinun vielä oman puolipistein.
OK.
Niin, että meidän ensimmäinen.
Ja kun klikkaa jotain, me haluavat jotain tapahtuu, eikö?
Joten me haluta jokin muuttuja joka on odottamassa napsautuksella.
Mitä aiomme tehdä, on aiomme tekevät linkki lähempänä painiketta.
Joten olemme menossa on joitakin painike, joka on yhtä dokumentoida dot saada elementin Id.
Ja jos puhun klikkaa linkkiä tai klikkaa tästä juhlia
linkki, mitä voisi minun Id olla täällä?
Party.
Oikea.
OK ei liian huono toistaiseksi.
Jokainen saa mitä me teemme?
>> OK, joten nyt meillä on painiketta, ja haluamme
asiat muuttuvat kun klikkaa sitä.
Joten jos muistamme meidän PowerPoint, hyvin yksinkertainen asia, mitä voimme tehdä
on vain painikkeen piste onclick, eikö?
Ja että menee yhtä jonkin toiminnon.
Tämä on anonyymi funktio.
Ja tämä vain as-- itse olen aikoo tehdä tähän hieman isompi.
>> Joten mitä tein täällä on Sanon, OK,
kun klikkaa meidän painiketta, joka on linkki että me vain tarkoitettu,
aiomme toteuttaa nimettömiä toimintoa.
Emme tarvitse mitään tuloa.
Emme välitä mitä käyttäjä sanoo.
Kun he klikkaa sitä, olemme aio tehdä mitä haluamme,
joka on vaihtaa taustavärin.
OK?
Joten siksi meillä ei ole mitään tuloa, meillä on vain tämä Nimetön toiminto.
Ja nyt olemme todella menossa kirjoittamaan tätä toimintoa.
>> Joten siellä on joukko tapoja sinulle voisi tuottaa satunnainen väri.
Siten, että tein sen oli tuottaa kolme satunnaisia ​​numeroita
ja muuntaa ne RGB kolminkertainen.
Joten tämä vain osoittaa sinulle hienoja asioita, että jos et pidä, "Oh,
Minun täytyy satunnaisen numero. "jos googlettaa sen,
tämä on mitä voit löytää.
>> Joten meillä on kolme eri asioita, var, ei punaista uudelleen, vihreä.
Oikea?
Joten ne ovat kolme asioita, jotka muodostavat väri.
Sininen, punainen ja vihreä.
Cool.
Ja mitä voimme tehdä on, että tiedämme että sen on oltava välillä 255,
ja jos katsoi joitakin satunnaislukugeneraattori,
voisit saada jotain matematiikka dot satunnainen, joka, jos tarkastellaan tämän ylös
palaa noin numero nollan ja yhden välillä.
OK?
Ja mitä numerot teemme RGB kolminkertaistaa mennä välillä?
Zero ja mitä?
Mitä he voivat mennä jopa?
255.
Joten jos matematiikka piste satunnainen menee nollan ja yhden välillä,
miten voisi haluamme muuttaa tämän?
Yleisö: Aika?
ALLISON Buchholtz-AU: Joo, täsmälleen.
Joten aika on 255.
>> Yleisö: [äänetön] Se on kuin [kuultavissa].
ALLISON Buchholtz-AU: Math piste satunnainen.
Yleisö: Cool.
ALLISON Buchholtz-AU: Kyllä.
JavaScript juuri huolehtii sinusta.
OK.
Joten voimme tehdä, että kaikki nämä.
Oikea?
Math piste satunnainen kertaa 255.
Selvä.
Cool.
Joten asia on, tämä voi ei palaa kokonaisluku.
Oikea?
Ehkä saamme numeron nollan ja yhden välillä,
ja se aiheuttaa sen olevan hieman pois, ja meidän RGBS voi olla kellukkeet.
Niiden on oltava ints.
Joten jos olet yrittänyt tätä, se luultavasti on joitakin arvaamaton käyttäytyminen.
Olisi hieman outoja.
Joten mitä teemme, on haluamme tehdä Varmista, että nämä ovat pyöristettyjä,
ja voisit pyöristää joko tavalla.
Olen pyöristetty lattia.
Joten olen aina varmistanut että se pyöristetään alaspäin.
Mutta menossa pois, kuinka helppoa oli vain saada satunnaisluku,
miten luulet meidän pitää lattia tämän numeron?
Se on hyvin samankaltainen.
Jokainen idea?
Joten jos satunnainen oli vain matematiikka dot satunnainen, joten luulet meidän tekisin lattia?
Math dot lattia.
Ja voit myös tehdä matematiikasta piste kattoon.
Pyöreä on sellainen epäselvä koska et
onko pyöristää ylöspäin tai pyöristää alaspäin.
Joten yleensä teemme aina matematiikka dot lattia, matematiikka piste katto.
Mutta honestly--
>> Yleisö: Onko lattia kierroksella alas?
>> ALLISON Buchholtz-AU: Floor pyöristää.
Ja tämä on vain valinta minun osaltani.
>> Joten nyt meillä on kolme numeroa jotka on satunnaisesti luotu,
ja mitä me aiomme tehdä nyt olemme juuri menossa muuttaa taustan.
OK?
Joten meillä on jo meidän tausta sellainen tallennettu
Tämän elementin nimeltä tausta.
Joten mitä huomaat on, jos olet pelannut tätä,
haluamme muuttaa tyyliä.
Ja tämä on tavallaan jotain, voisitte Google ja selvittää,
kuten miten muuttaa väriä.
>> Mutta miten voit käyttää tätä väriä on tausta dot tyyli dot tausta.
Joten tämä sanoo annetaan Tämän objektin, tausta,
joka viittaa, että elementti Id siellä,
olemme menossa katsomaan tyyli sisällä tyyli,
olemme menossa katsomaan taustalla.
OK?
Ja jos menet ja etsiä tämän ylös, se voisi tehdä vähän enemmän järkeä,
mutta tämä on pohjimmiltaan vain sanomalla, "Anna minulle sitä hyvin erityinen ominaisuuden
mitä olen määritellyt aiemmin. "
Joten mitä me muuttaen sen on Joissakin RGB, koska se on järkevää.
Käytämme RGB kolminkertaistuu, eikö?
Ja me have-- haluan varmistaa I saada oikea määrä lainauksia täällä.
Joten mitä teemme, on meillä RGB, ja olemme menossa
to-- tämä on kuin ketjutus, joka on punainen.
Ja sitten me haluamme joitakin pilkku.
Ja sitten me haluamme plus vihreä, sitten jotkut pilkku, ja sinistä.
>> Joten nämä plussia vain Tarkoitatko ketjuttamista.
Joten tämä on vain luoda tämän merkkijono, joka menee sisällä RGB.
OK?
>> Yleisö: [äänetön] plus sitten vihreä plus sitten punainen.
>> ALLISON Buchholtz-AU: Joo, koska olen sekaisin, että jopa.
Tuo hieno.
Voi pitää.
Nro
Koska minun täytyy varmistaa että sain kaikki nämä oikeassa.
Joten selitän uno momento.
Vihreä, sininen, täydellinen.
Nyt olen valmis.
Uskon.
>> OK.
Joten tässä on, että tausta aiotaan asettaa joitakin merkkijono.
Oikea?
Tästähän meillä on täällä.
Se tulee olemaan noin RGB 255 pilkku 255 pilkku nolla, tai mitä tahansa numero
on siellä.
Joten me teemme täällä, meillä on joitakin merkkijono.
Ja mitä me haluamme tehdä, on olemme sellainen dynaamisesti luoda
että kun me todella ajaa tätä ohjelmaa.
Joten tämä on joitakin merkkijono.
Plus ketjuttaa sen arvo että punainen on,
joka ketjuttaa sen pilkku, joka ketjuttaa se
mitä vihreät on, ja niin edelleen, ja niin edelleen.
OK?
Loppuun asti, joka on sulkumerkki tämän RGB täällä.
OK?
>> Joten tässä on menossa tuottavat jonkin verran komento todella
että on RGB kolmen numeron Tätä taustaa on nyt asetettu.
OK?
Katsotaanpa, jos tämä toimii.
Toivon, että se tekee, koska jos se ei, aion olla todellinen surullinen.
Voi ei.
OK, pitää.
Ehdottomasti tausta dot tyyli dot tausta.
Olen ehdottomasti puuttuu jotain aivan pieni.
Ettekö te vihata, että?
Kun se on vain pienen pieni virhe?
Kaikkivaltias tausta.
RGB.
>> Yleisö: [äänetön]
ALLISON Buchholtz-AU: No.
Olen kokeillut tätä ennen luokan.
Olen kaiken tein ennen luokan tapauksessa olin kuin,
"Odottaa, mitä tein väärin?"
Koska olin kuin, "en todennäköisesti sotku tämä jossain vaiheessa. "
Plus vihreä.
Kaikki näyttää se ketjutetaan oikein.
OK.
>> Yleisö: [äänetön]
>> ALLISON Buchholtz-AU: Oh, siellä mennään.
Se mitä tarvitsin.
Katsokaa tuota.
Tiffany pelastaa.
Perfect.
OK.
Katsotaanpa nyt, jos se toimii.
Voi luoja.
OK.
Pidä kiinni.
>> Yleisö: Space jälkeen toinen plus.
>> ALLISON Buchholtz-AU: Kumpi?
Voi odottaa, pitää kiinni.
Space kulumista?
>> Yleisö: Toinen plussa vihreä ketjutus.
ALLISON Buchholtz-AU: Oh.
Yleisö: Ei ole tilaa jälkeen plus, joo.
ALLISON Buchholtz-AU: You ei tarvitse, että but--
Yleisö: Voi, et?
ALLISON Buchholtz-AU: Se näyttää melko.
Yleisö: OK.
OK.
>> ALLISON Buchholtz AU: Katsotaanpa, jos tämä toimii.
OK.
Olen tietenkin epäonnistuvat demon, mikä muistuttaa minua
luennon toinen viikko, mutta tiedän, että tämä toimii.
Tiedän, että tämä toimii.
Niin lähellä.
Ellei Poistin vahingossa käsikirjoitukseni tässä yksi.
Ei, se on puolue piste js.
OK pidä.
Aion kopioida tämän, ja olen myös juuri menossa poistaa kaiken,
koska minulla oli tätä työtä aikaisemmin.
>> Lupaan se toimii.
Jos ei, minä näytän sinulle, mitä Tommyn on.
Ja siellä.
>> Yleisö: Olet löytymistä puolue dot CSS, ja se osapuoli piste js.
>> ALLISON Buchholtz-AU: Ah, hyvin täällä on osapuolena piste js.
OK, mitä minä tein erilaisia?
OK, näemme, jos tämä toimii nyt.
Bam.
Joten, en tiedä mitä tein eri tavalla, mutta tämä on mitä pitäisi tapahtua.
Kinda jäähtyä.
Klikkasin tämän, kuten, ikuisesti.
Mutta voimme yrittää nähdä, mitä tein eri, että tämä oli.
En tiedä teistä, mutta tämä näyttää pohjimmiltaan mitä juuri kirjoitin.
Siellä oli luultavasti puuttuva puolipiste jossain on minun juttuni.
Oikeastaan ​​jälkeen, luulen puuttui puolipiste täällä todella.
Mutta en voinut nähdä sitä, koska se oli pois ruudulta.
>> Mutta jos huomaamme, tämä on melko paljon mitä minä vain kirjoitti.
Mielestäni luultavasti vaikein osa noin tämä on juuri sellainen tämä asia oikealle
täällä, ymmärrys mitä se tekee siellä.
Nämä millaisia ​​asioita opit oikeastaan ​​vain Googling ja rehellisesti
vain yrittää.
Jos luulet on joitakin Yhdistän, ei luultavasti.
Joten kokeile sitä.
Katso mitä tapahtuu.
Kuten sanoin, siellä on paljon kokeilua JavaScript,
ja PHP, ja kaikki, juttuja, ja CSS erityisesti.
Se on ainoa todellinen tapa ymmärtää sitä.
>> OK, niin sen jälkeen fiasko puolueen dot js, meillä on kaksi muuta vaihtoehtoa.
Meillä on kello tai Twitter.
He ovat molemmat mielenkiintoisia.
Ehkä ei aivan yhtä hauskaa kuin puolue, joka oli viileä hieman välkkyvän
asia lopussa.
Onko teillä mitään parempana?
Yleisö: Kello?
ALLISON Buchholtz-AU: Kello?
OK.
Cool.
>> Joten jälleen, meillä on tyhjä JavaScript-tiedoston.
Ja kuten näemme täällä, me on joitakin hyvin yksinkertaisia ​​HTML.
Meillä tyylitiedosto, että vain muotoilee, mitä sen pitäisi näyttää.
Meillä div Id kellon, joka
vain sanoo, "tämä olisi kellon."
Ja meillä on yhteys meidän JavaScript-tiedoston
joka on todella menossa generoi kellon meille.
Koska kova juttu, että voit asetettu JavaScript automaattisesti päivittää
itse.
OK?
Joten sen sijaan odottaa käyttäjä lyödä Päivitä sivulla
niin, että voit saada päivitetty aika, JavaScript
voit päivittää sen kuitenkin se tykkää.
>> Joten, meidän viimeinen, halusimme pääsyn meidän tausta, eikö?
Joten mitä luulet voisi olla Ensimmäinen asia, me haluamme tehdä täällä?
Jos me tavallaan menossa pois tällainen paradigman täällä?
Me varmaan Pääset kellon, eikö?
Niin, meillä on joitakin var kello, joka equals--
mitä ajattelemme se tulee olemaan?
Asiakirja dot saada elementti by-- minäkin Rakastan Sublime-- Id ja meidän Id on kello.
Puolipiste.
Täytyy varmista, että saat ne puolipisteellä tällä kertaa,
koska minusta tuntuu, että oli ongelma viime kerralla.
OK niin, kuten juuri kerroin kanssa yrittää olla JavaScript virkistää itseään,
on tämä loistava toiminto, I tietää se oli käyttöä viime vuonna,
En ole varma, että se on kätevä tähän pset, mutta sitä kutsutaan asetetun ajan.
Ja tämä on oikeastaan ​​todella mahtavaa, jos te tehdä mitään
ajan tai saada päivitettyä tietoa.
On verkkosivuilla lopullinen projekti, tämä on luultavasti
toiminnon haluat saada Super tuttuja.
Joten mitä asetettu aikaväli ei ole, että me aiomme antaa sen funktio,
ja kuinka usein se pitäisi kutsuvat tätä toimintoa.
OK?
>> Joten tässä tapauksessa, me vain menossa luoda joitakin Nimetön toiminto uudelleen,
OK, että on menossa meidän päivämäärä, ja aikamme,
ja sitten päivittää asioita ja näyttää sen.
Joten me huolehtia siitä.
Tulemme kuin tuottaa kellon täällä.
Mutta mitä me tarvitsemme on miten usein päivittää sitä.
Joten tässä tapauksessa, se on vain millisekuntia.
Joten olemme juuri menossa do 100 millisekuntia.
Tietenkin täysin mielivaltaista.
Jos halusi sitä päivittää paljon hitaammin, voit.
Voimme pelleillä kanssa asetetun ajan,
kuinka iso meidän aika on sen jälkeen saamme työskentelevät kellon, joka toivottavasti will
päästä.
Joten tämä on vain sanomalla, "OK, call Tämän toiminnon jokaisen 100 millisekuntia. "
OK?
Siinä kaikki se tekee.
>> Joten mitä me haluamme toiminto tehdä, on haluamme olla joitakin mennessä
ja jonkin aikaa on mitä aiomme olla.
Voimme siis aloittaa meidän päivämäärä on sama jotain,
ja aikamme yhtä kuin jotain että emme tiedä vielä.
Tai oikeastaan, meidän täytyy vain päivämäärä, koska päivämäärä on menossa sisältävät kaiken.
Taas jos vain Google mitään mitä haluat tehdä, jos kirjoitat, "OK,
Haluan saada aikaan Javascriptin avulla, "se
antaa sinulle tämän suuren toiminto nimeltään get päivämäärä.
Kirjaimellisesti, useimmat asiat että haluat tehdä,
JavaScript tulee olemaan se sinulle tehnyt jo.
Joten se on kirjaimellisesti kuin uusi saada päivämäärä, joka on creating--
tai uusi päivämäärä, rather-- joka tuottaa
jonkun esineen, joka edustaa päivämäärä.
>> Ja mitä me aiomme tehdä tässä Tämän is-- Aion kirjoittaa tähän,
ja sitten selittää, mitä se tekee.
Joten minä varmista saan tämän oikeuden.
>> OK, niin mitä tämä toiminto tekee, on me vain
luoda HTML se oikeastaan menossa meidän div id kellon.
Joten mitä tämä aiotaan tehdä on vain tuottaa joitakin merkkijono, OK?
Se on sitten olemaan istutetaan meidän HTML.
Periaatteessa mitä se aikoo tehdä, on mitä we-- mitä minä näytän sinulle
on, että mitä tahansa sanomme HTML on, aiomme korvata tätä tekstiä täällä
kanssa, mitä HTML on.
Joten tämä on menossa, jotta meitä muuttamaan kellon piste
HTML on vain teksti tämän pitäisi olla kello, todella osoittaa
numeroita ja asioita, jotka välitämme noin, ja itse asiassa olla kello.
>> Joten mitä aiomme tehdä, on että olemme menossa alkaa tuottaa tämän HTML.
Niin samalla tavalla, että käytimme tehdä plus yhtä kuin kokonaislukuja,
voit nyt tehdä, että jouset, paitsi se tulee liität ne.
Oikea?
Kuten näimme puolueen piste js, tämä vain ketjuttaa kaikki nämä asiat yhdessä.
Joten voit ketjuttaa eri bittiä HTML muuttujia, tai bittiä jouset
että kirjoitat ulos itse, ja tämä vain
todella avulla voit dynaamisesti luoda HTML, joka on aika siistiä.
Joten jos sinulla on jotain hyvin käyttäjäkohtaisia,
Näin voit tehdä sen.
>> Joten meillä on HTML, että aion yritä ja varmista saan tämän oikeuden.
Joten aiomme tehdä joitakin h1 otsikkoa.
Joten mikä on tärkeää ymmärtää täällä on se, että tämä on oikeastaan ​​vain HTML.
Oikea?
Kirjoitamme todellinen HTML-koodi tänne, se on
ei vain merkkijono normaali tavalla, että me ajattelemme sitä.
Joten meillä on joitakin HTML.
Tätä pidetään merkkijono täällä kuitenkin.
Ja me teemme päivämäärä dot-- me haluavat saada meidän tuntia.
Jälleen, jos olit etsiä up mitään päivämäärää,
se olisi kertoa teille nämä ovat kaikki määritteet, päivämäärä on.
Ja tässä mitä voit käyttää sitä.
Joten se on todennäköisesti asioita, kuten saada tuntia, ja saat minuuttia,
ja saada sekuntia, ja saat millisekuntia, ja kuka tietää mitä muuta he ovat.
Mutta jos tarkastellaan osaksi asiakirjat, se kaikki on siellä.
>> Meillä on siis saada tuntia, ja sitten me haluaisimme
ketjuttaa että with-- olen Siirrymme tämän tänne.
Joten jos me tuottaa nyt, olemme itse tuottaa aika, eikö?
Meillä tuntia, ja sitten mitä välillä tuntia ja minuuttia?
Sinulla on puolipiste, eikö?
Joten me haluamme tehdä joitakin puolipiste täällä.
Ja sitten me haluamme saada meidän minuuttia, joten samalla tavalla
että meillä on päivämäärä piste päästä tuntia, miten voisi saamme minuuttia?
Se kirjaimellisesti päivämäärä, piste päästä minuuttia, jonka olen sellainen like.
Se on kuin, "oi, miten saan minuuttia? "
Minä vain saan minuuttia.
>> OK.
Ja sitten meillä on toinen paksusuolen täällä.
Ja sitten jos haluamme saada meidän sekuntia, miten voisimme saada meidän toinen?
Päivämäärä piste päästä sekuntia.
Minusta se on aika siistiä.
Ja mikä on tärkeää ymmärtää, että me myös
täytyy sulkea HTML tag täällä, koska se olisi silti voimassa HTML, joten H1.
Cool.
>> Joten sen jälkeen, mitä voimme tehdä kellon dot sisäinen HTML on yhtä HTML.
OK?
Joten muista, kuinka minä sanoin sisempi HTML pohjimmiltaan
ottaa mitä on välillä kaksi tunnisteita puhuimme
ja insertit tai manipuloi mitä on olemassa?
Joten mitä tämä tekee, jos palaamme meidän kellon,
on, että kello viittaa kaiken tämän div.
Tämä on sisäinen HTML- Tämän Id kellon div.
Ja niin se tulee muuttaa sen HTML että me vain syntyy,
joka, joka toivottavasti toivottavasti, toivottavasti,
näyttää aika juuri nyt.
Saa nähdä.
Tietenkin.
Niin paljon teknisiä kysymyksiä.
Allison just-- olen pois minun peli tänään kaverit.
OK, joka toimii.
kello dot sisäinen HTML.
Se oli HTML Oikeasti?
Myös tämä on mitä tapahtuu.
Kun et näe jotain, katsokaa lähdekoodia.
OK.
Haluat tietää viileä kiertää että aiomme tehdä täällä?
>> Yleisö: Voitko tehdä isoja kirjaimia?
Isoilla kirjaimilla?
Koska sinulla on saada tuntia, ja sitten saada minuuttia.
>> ALLISON Buchholtz-AU: Se on saada tuntia ja get-- oh.
Voit are-- kulta tähti.
Se kaikki testin, kaverit.
Lupaan se toimi ennen luokan.
>> OK, mutta jotain kivaa tietää että voit also-- jos joskus
ulkoisen tiedostot saada vähän hullu,
voit myös vain laittaa ne suoraan täällä, jolla on taipumus korjata asioita.
Paitsi tämä on kuin todella ruma.
Tietenkin alustaa kaiken.
Varmista, että se on kaikki kaunis.
OK.
>> Halusin tehdä kaikki viileä demot, ja he vain eivät toimi.
OK.
Script var kello.
Anyways, mikä on tärkeää on että tämä on yleinen tapa
että sinulla olisi alustaa JavaScript.
Kuten näette, se voi olla erittäin nirso joskus,
vaikka se oli kirjaimellisesti työskentelee kaksi sekuntia sitten.
Tai ei kaksi toista sitten, mutta hyvin, hyvin äskettäin.
>> Joten näyttää mitä sen pitäisi näyttää, ja osoittaa teille, että en ole hullu,
ja että kaikki on täsmälleen sama, tämä on mitä se näyttää.
Olet juuri menossa tekemään tämän yläosa täällä, ja jos katsot sivun lähde,
jos huomaat, hän teki joitakin hullumpi asioita, olen yksinkertaistanut sitä.
Myös luottojen Tommy McWilliam, jotka todella
auttoi minua luomaan näitä esimerkkejä, minkä vuoksi tiedän ne toimivat.
Koska Tommy on JavaScript mestari.
Mutta jos huomaamme, meillä on joitakin sarja.
Meillä kellotoiminnon täällä.
Tämä on kaikki JavaScript joka me vain kirjoitti, tai osa siitä.
Olemme vain kirjoitti tämä yksi täällä.
Ja hän on ylimääräinen toiminto, joka vain pads se
laittamalla nolla ennen kirjain tai ennen numeron, jos se on
vain yksi niistä.
Joten jos huomaat, tämä on melko paljon mitä me vain kirjoitti.
Sinulla on joitakin muuttuja kello, joka on meidän elementti, saat elementti tunnus,
joka on kello.
Meillä on asetetun ajan toiminto, joka on
Nimetön toiminto joka suorittaa kaikki tämä.
Olemme jotkut alkaa merkkijono HTML että me sitten dynaamisesti
tuottaa saamalla jotkut h1 header, ketjuttamalla
kanssa saada tuntia, plus meidän kaksoispiste, plus saada
minuuttia, plus toinen paksusuoli, plus meidän sekuntia,
ja lopulta päättyy HTML sitä.
Ja sitten me päivitämme kello dot sisäinen HTML HTML,
ja päivitämme joka 100 millisekuntia.
OK?
>> Katso Lupaan En ole hullu.
En tiedä.
En tiedä, miksi se ei pidä minusta.
Tunnen näyttää samalta, mutta ilmeisesti se vihaa minua.
>> Katsotaanpa, jos kierros kolme menee paremmin.
Olemme tulleet.
En ole varma, miten tämä tulee menemään.
Onko jokainen ainakin saada haittoja, kuten juuri yleinen teema
JavaScript, vaikka?
Toivon, että on ainakin hyödyllinen, lisää kuin siitä, että se on hieman nirso.
Mutta ongelma joukko on hyvin hauskaa.
Se tulee olemaan suuri.
Se ei ole aivan niin tylsiä koska tämä, en usko.
Sinun itse saada nähdä todella hienoja asioita.
>> Joten viimeisenä mutta ei vähäisimpänä, yritämme Twitter yksi.
Olen todella peloissani nyt, kaverit.
En tiedä, miten tämä tulee menemään.
Mutta vain antaa sinulle hieman enemmän makua, ja tämä on itse asiassa
manipuloimalla jouset ja tuloa, mitä aiomme tehdä
on, jos huomaamme täällä HTML-- tämä on hieman more--
meillä on joitakin tekstiä alue, joka vastaa tämän tekstin alue täällä.
OK?
Ja että on Id tekstiä.
Me uusittua sitä vähän joidenkin leveys ja korkeus
että olemme ennalta, ja olemme H1,
joka juuri on meidän header joka edustaa meidän merkkiä jäljellä.
Annoimme sille joitakin Id merkkiä jäljellä,
ja sitten meillä on joitakin käsikirjoitus täällä, joka olen todella
toivoen kolmannen kerran n viehätys täällä, kaverit.
>> Joten mitä me haluamme tehdä, samaan yleiseen tapaan
että olemme tehneet kello dot js ja puolue piste js kuten olemme huomanneet,
on meillä aloitetaan todella tarttumalla asioita, jotka välitämme, eikö?
Joten tässä tapauksessa, on kaksi asioita, jotka välitämme, OK?
Yksi asia, että olemme itse asiassa eräänlainen tutkii ja piirustus tietoja,
ja yksi asia, että olemme todella muuttuu.
Joten ei meidän HTML.
Jos tämä on meidän sivun täällä, mitä tiedot että me tarkastelemme?
Se tulee olemaan mitä Tekstin meidän laatikot, eikö?
Joten mitä kirjoitan tänne.
Se mitä haluan tietää, tai se mitä haluan katsoa.
Ja mitä tulee olemaan muuttuvat nettisivuillamme?
Merkkiä jäljellä.
Joten samalla tavalla, haluamme aloittaa alustamalla muuttujat
joka todella pitää kiinni niistä.
OK?
Joten jos meillä on var se on meidän tekstialueelle
ja meillä on var, joka pysyy.
Oikea?
Joten nämä ovat menossa pitää nämä kaksi asiaa.
Joten sama sellainen asia, asiakirja dot-- OK, olen
aikoo varmistaa tämä on menossa töihin tällä kertaa.
Olen hyvin järkkymätön.
OK, joten jos haluamme tekstialueelle mukaan
meidän HTML, mitä meidän tunniste?
Mitä meidän Id?
Se vain olemaan tekstiä, koska tämä luo meidän tekstialueelle, OK,
ja meidän tunnus on tekstiä, niin se miten voimme napata mitä siellä.
OK, puolipiste.
Aion olla super tarkkoja tästä,
koska haluan, että tämä toimi tällä kertaa.
OK, tehdä sama asia, saada elementin Id.
Olen todella miettinyt, mitä on aiheutti kaksi muuta sotkea.
OK, niin tässä yksi, mitä me haluamme päästä?
Mitä meidän Id täällä?
Meillä on toinen Id meidän HTML, mikä se on?
Yleisö: merkkiä jäljellä.
ALLISON Buchholtz-AU: Merkkiä jäljellä.
>> OK.
Cool.
Joten olen juuri menossa kirjoittaa tämä todella nopeasti.
Olen juuri menossa kirjoittaa tämän toisen.
Joten tekstikenttään.
Mielenkiintoista on B function-- siellä on paljon toimintoja, ei vain
vastaavat hiiri, mutta näppäimistön.
OK?
Joten voit sanoa, kun mitä tahansa näppäintä on painettuna, voit tehdä tuollaista.
Joten joka käytämme on kehottanut ylös, joka
sanoo, "jos olet painanut mitään näppäintä näppäimistön, kun käyttäjä on poistanut
sormensa pois, että painiketta, ja avain on tullut puristamatta,
sitten aiomme tehdä jotain. "
OK?
Joten tämä on järkevää, eikö?
Koska jokainen merkki kirjoitamme, olemme menossa
täytyy nostaa sormet pois sitä, joten kun avain menee ylös,
voimme tietää dekrementoidaan meidän merkkiä jäljellä.
>> Joten meillä on joitakin keskeisiä ylös, ja samalla tavalla,
aiomme sanoa, "OK, kun teemme sen, me
luomme jonkin toiminnon, joka vie e, "tässä tapauksessa,
ja mitä haluamme tehdä, on laskea numero jäljellä.
OK, joten haluan vain aloittaa luomalla muuttuja.
Joten meillä on muuttuja r, että menee edustamaan
kuinka monta merkkiä on jäljellä.
OK?
Tiedämme, että aloitamme 140, ja jos haluamme tietää,
sanotaanko, pituus tämän merkkijono, joka on ollut tulo,
Onko teillä mitään käsitystä miten voisimme tehdä?
Aivan perustuu pois ilmeinen asioita, kuten jos halusimme tuntia,
käytimme saada tuntia.
Tiedämme, että meidän esine on tekstialueelle, mutta voisitteko kaverit
ajatella, mitä voisi tulla sen jälkeen?
Onko ideoita?
>> Joten tämä on tavallaan vähemmän intuitiivinen, mutta sen arvo piste pituus.
Joten antaa minulle arvo määrite että
on todella pitkä merkkijonon.
Joten se tulee sanoa, "OK, minä etsin Tämän koko merkkijonon sisällä tekstialueelle
ja aion kertoa kuinka kauan se on. "
Koska jos me muistamme jouset oikeastaan ​​vain paneelit,
joten voimme vain ottaa pituutta niistä.
Meillä on siis, että.
Cool.
>> Sitten, mitä haluamme tehdä, on meillä koskaan halua sallia käyttäjä
syötettävä enemmän kuin 140 merkkiä, eikö?
Koska jos sanomme, kuten "Voi, te vain näin paljon jäljellä, "
ja anna heidän tehdä, että anyways, olemme valehtelee.
Ja tämä on toinen asia, että JavaScript
voi olla todella hyvä varten, on käyttäjän validointi
ja varmista, että käyttäjä sopii mitään sääntöjä
että olet vienyt niitä.
Joten jos haluat tehdä asioita, kuten mikä varma, että joku syöttää sähköpostiosoitteen,
tai varmista, että kun ne Kirjoita salasanat, he Hyväksytty.
JavaScript voi tehdä.
Sinun tekisi jotain, "kun lomake lähetetään, "tai vastaava,
"Kun Lähetä lomake -painiketta on napsautetaan, katso kaikki nämä asiat. "
Ja voimme tehdä, että JavaScript.
Niin, että juuri aiomme tehdä täällä.
>> Joten mikä voisi olla tapa tarkistaa, jos he ovat menneet yli 140 merkkiä?
Mitä tulee tapahtumaan meidän arvo r jos he yrittävät?
Se tulee olemaan negatiivinen, eikö?
Tai se tulee olemaan vähemmän kuin tai yhtä suuri kuin nolla.
Joten voimme käyttää, jos se on aivan kuten kaikki muukin.
OK?
Ja meillä on jotain tekstiä alueen piste arvoa, ja mitä teemme täällä
on me vain cutting-- mikä se on?
Anteeksi.
Tämä yksi, me vain haluamme palata vääriä.
Sain hämmentynyt.
Kaikki frazzled asioilta ei toimi.
OK, me vain haluamme return false, ja sitten me
haluat näyttää loput merkit, eikö?
Joten kellon, teimme jotain sisäinen HTML, eikö?
Jos asetamme se vastaa noin muuttuja, joten mikä voisi teemme täällä?
Mitä me muuttuvat sisäinen HTML?
>> Yleisö: Jäljellä?
>> ALLISON Buchholtz-AU: Olemme muuttamassa jäljellä.
Selvä, ja mitä me haluat määrittää sen yhtä?
Se tulee olemaan r, koska pitäisi olla merkkiä jäljellä.
OK?
Joten olen todella hermostunut, onko tämä toimii nyt, mutta saa nähdä.
Jätä tämä.
Se on todella nopea.
[Äänetön] OK.
Jälleen olen juuri menossa näyttämään.
Jostain syystä, minun päättää ei työskennellä,
mutta mitä minä näytän sinulle, että tämän is-- oh Minun piti laittaa että.
OK, huomaamme samanlaista juttu täällä, saada tekstikenttään.
>> Lisäksi, jos kaveri ilmoituksen, jos siellä koskaan jotain haluat tehdä,
ja et tiedä miten tehdä se, klikkaa View Page Source,
ja he aikovat kertoa.
Joskus se tulee salata.
Oman pset, me salata kaiken, niin se vain näyttää siansaksaa.
Mutta jos on koskaan todella viileä verkkosivuilla, että pidät,
jos klikkaa Näytä sivun lähdekoodi, se tulee kertoa, miten tehdä se.
Joten jälleen, työskennellä fiksummin, ei kovemmin.
Ja kuten näette täällä, kaikki nämä asiat ovat samat.
tämä täällä vain vie jonkin alimerkkijono että unohdan, mitä tämä tekee.
Mutta se vie tietenkin joitakin alimerkkijono arvon nollasta kymmeneen,
ja palauttaa vääriä mitä pitäisi lopettaa käyttäjän syöttämistä enää,
ja sitten tietysti päivittää sisempi HTML siellä.
>> Cool.
Joten iso take away tänään, kokeilu, katso lähdekoodi
koska se tulee auttamaan sinua paljon, ja jokainen, joskus JavaScript
voi olla vaikea työskennellä ja ei aina toimi odotetulla tavalla sen,
mutta vain pitää yrittää koska Lupaan se tulee.
Lupaan kaikki nämä esimerkit työskentelivät ennen luokan.
En ymmärrä mitä tapahtui.
Olen kirjaimellisesti on kaikki samat.
>> Yksi asia, joka haluan vain näyttää kaverit, jotka voivat olla erittäin hyödyllisiä
on in-- mitä toimi ennen?
Saimme osapuoli työtä, ei me?
Luulen niin.
Kyllä.
Teimme.
Mahtavaa.
OK, niin yksi asia, joka te pitäisi tietää
on konsoli loki että puhuin.
Joten lohduttaa dot loki hei.
Joten tämä on eräänlainen JavaScript vastaa printf.
Joten jos haluat joskus tarkastaa muuttujat
tai mitä siellä tapahtuu, mitä voit tehdä on, jos me tarkastaa elementti,
on mitä haluat mennä sen, ja menet lohduttaa,
näet, että se tulostaa hei.
>> Joten meillä voisi olla se Tulosta mitä halusimme.
Jos halusimme tulostaa tausta dot tyyli dot tausta,
meidän pitäisi pystyä näkemään RGB kolminkertainen, joka tulee.
Tai sitten ei.
Unohdan kuinka voit tulostaa muuttuja kuin että,
mutta sinun pitäisi pystyä tulostaa tuollaista.
Se on erittäin hyödyllinen oman pset kun
yrität manipuloida koordinaatit tai vaikka mitä.
Joten he myös muuttaa tämän pala luokassa.
Tämä on erilainen kuin viime vuosina, niin vain olla kiltti TFS tai TF:
toimistossa tuntia pikemminkin, koska olemme eräänlainen oppimisen ohella teitä.
Mutta konsoli loki oli super, super hyödyllistä JavaScript viime vuonna.
Niin rakastan sitä.
Opettele käyttämään sitä.
On helpompi käyttää kuin GDB, jotta tulisi olla vähintään plus kohta.
Mutta kiitos kaverit kantavat minua.
Olen pahoillani, että minun esimerkkejä jostain syystä
vain ei halua yhteistyötä kanssani, mutta minä
toivon, että se auttoi sellaista saada sinut hieman vyöhykkeellä JavaScript.
Ja lähetä minulle kaikki kysymykset ensi viikolla, joten en voi olla erittäin korjata,
ja minä tuon karkkia ja jopa ylimääräistä karkkia, koska tämä oli naurettavaa.
Mutta te olette suuri, ja on mahtava viikko.