ALLISON Buchholtz-AS: Visos teisės visiems.
Sveiki sugrįžę į skyrių.
Tai mūsų priešpaskutinė skyriuje.
Tai taip liūdna.
Aš nežinau, ką aš ruošiuosi daryti nematydami jums vaikinai kiekvieną pirmadienį.
Manau, turėtume just-- gal galėtume tiesiog
susitikti čia ir papietauti ar kažką.
Nežinau.
Atnešiu maisto vietoj.
Mes tiesiog pasikalbėti.
Bet taip, kitą savaitę bus būti paskutinis mūsų skyriuje.
>> Tą dėmesį, jūs turite viktorinoje kitą savaitę.
Aš žinau, aš pamiršau darysiu, kaip, dviejų savaičių išankstinis pranešimas praėjusią savaitę,
bet tikiuosi jus vaikinai žinojau, tai buvo ateina.
Tikimės, kad tai yra vienas iš paskutinės kontrolinius už jus vaikinai už semestrą.
Bet jis ketina padengti visas medžiagos, kad mes perėjo.
Taigi tai nėra, kaip jūs galite tiesiog pamiršti apie keturių kilpų ar kintamieji.
Kadangi mes sužinojome tie, iš pradžių,
jie yra akivaizdžiai teisingas žaidimas jūsų viktorina.
>> Tai bus tą patį formatą, tas pats ilgis, todėl jau yra naudojami į jį.
Ten bus kodavimo rankomis problemas,
gal kai tiesa klaidinga, gal kai trumpas atsakymas.
Taigi, jūs turėtumėte būti susipažinęs su formatu,
ypač jei vartojate kad praktiškai bandymai.
Bet, kaip aš sakau, čia, tai kumuliacinės, bet mes tikrai
bus dėmesio skiriama dalykų iš savaitę šešių tolimesnės.
Taigi, mes tikriausiai nesiruošia paklausti apie tai, kiek baitų
yra kiekvieno tipo ar tie dalykų rūšių,
bet mes tikriausiai bus domina dalykų, pavyzdžiui, susijusių sąrašus,
ar skirtingų duomenų struktūros, arba skirtingi algoritmai
kad mes kalbėjome apie tai.
Todėl įsitikinkite, kad jūs tikrai ant tų, ir jei jus
reikia jokių išteklių, čia daug išteklių.
Aš tiesiog davė jums natūra iš greito sąrašą ten.
>> Kitą savaitę bus viktorina peržiūrėti per šį laiką.
Taigi, jei turite kokių nors klausimų ar konkrečias temas,
konkrečių dalykų apie viktoriną, kad norite pereiti, prašome
siųsti juos man iš anksto, kad aš galiu rūšies parengti kai medžiaga už tai.
Ir be to, šis skyrius peržiūra, mes
visos kursą taip pat laikydami peržiūrėti, kaip mes padarėme paskutinį kartą.
Ir tai bus padaryta pačiomis žmonėms.
Aš nežinau, jei tai todėl geriau ar blogiau,
bet tai bus man Ona, Davan ir Gabe dar kartą.
Taigi, jei norite ateiti pamatyti mums visiems Kpinkować tarpusavyje
ir jums per viktorina apžvalga, jums reikia būtinai
ateiti į šį pirmadienio pat.
Taigi jums tereikia pirmadienį uogiene supakuoti viktorinų peržiūrą, kuri yra gera
nes tada jūs turite antradienis apdoroti per viską.
>> Bet tikrai tai patikrinti iš šių išteklių.
Study.csv.net yra iki šiol, aš manau, vienas iš labiausiai naudinga,
daugiausia dėl to ji turi Mėginio kodas aikštelė,
ji turi visas Maitinimo Taškai su visais ant jo pastabas,
kurie yra tikrai tai, ką darau pats mano skyriuje medžiagų iš.
Jei yra kas nors Ankstesnis skyriai, kad aš galėjo išsiųstos
kad jūs negalite turėti Dotarłeś, tik leiskite man žinoti.
Kaip praėjusią savaitę mėginio kodą, jei kas negavau, kad
tiesiog rašykite man arba ateiti pasikalbėti su manimi, ir aš įsitikinkite, kad jūs gaunate tai.
>> Taigi su tuo, šiandien mes ketiname būtų kalbėti apie "JavaScript".
Taigi čia mes Tommy, kuris man buvo tiesiog kalbėtis su jumis praeitą naktį.
Aš myliu Tommy.
JavaScript yra jo mėgstamiausia kalba, kaip jis sako čia.
Jie išbandyti ir pasakyti, kad tai ne pats geriausias, ir jie bus neteisūs.
Taigi Tommy JavaScript meistras.
Aš nesu visiškai ne jo lygis, bet aš buvo, pavyzdžiui,
"Tommy, kaip man mokyti šie vaikai JavaScript? "
Taigi gavau keletą patarimų, todėl Tikimės, kad jie dirbti.
>> Taigi pora dalykų, kuriuos reikia žinoti yra tai, kad JavaScript yra klientas-side scripting
kalba, todėl tarpu PHP yra kažkas kad mes laikomi daugiau server-side,
ji buvo įkelti į serverį, Kaupiama ir ten vykdoma.
Tai vienas vykdomas į savo mašiną.
Gerai?
Taigi jūs įkelti šiek JavaScript puslapį, ir jis vykdo savo kompiuteryje.
Sintaksė yra labai panaši į C ir PHP.
Mes ketiname eiti per kai JavaScript pavyzdžiai,
ir jūs ketinate pamatyti, kad Taip mes kalbame apie kintamuosius, kilpos,
ir sąlygos, visi yra labai panašios.
Gerai?
Tai, kad jie yra tokie panašūs yra tikriausiai ketina kelionę kai kurie iš jūsų
aukštyn, kai kuriais atvejais, tik dėl to, jums įtraukti šiek tiek C
ten, kur neturėtų būti.
Gal bandote ir tipo kažką kai ji neturėtų būti įvestas.
>> Ir, kad vienas dalykas, žinau, kad "JavaScript"
yra dinamiškai įvedėte kalba, kaip ir PHP.
Taigi, jei jus vaikinai prisiminti iš dalies praėjusią savaitę,
kai mes buvome rūšies daro mūsų PHP avarijos metu,
mes matėme, kaip styginių vienas gali būti virto int vieną, ir taip toliau.
Jūsų kintamųjų tipas nustatomi vykdymo metu,
todėl jie gali keistis laikui programos Žinoma,
ir tuo pačiu būdu, kad mes niekada tikrai paskelbti tipai PHP kintamųjų,
mes ketiname daryti pats dalykas čia, kur mes tikrai ne
kontroliuoti mūsų kintamųjų tipus, taip sakant, kaip mes darome C
>> Ir tada vienas dalykas tai yra gana kietas yra
kad galite klysti Tikrinti per konsolę,
su šiuo dideliu funkcija console.log, kuris
leidžia atsispausdinti skiriasi kintamieji ar objektus, kurie mes
kalbėti apie.
Tiesiog kaip ir praėjusią savaitę, kai buvau pavyzdžiui, "naudoti šią funkciją", su sąvartyną
iš savo pset tai funkcija norite naudoti, console.log.
Buvau labai nustebęs, kiek studentai darbo valandomis
nežinojo apie iškelties funkcija.
Ir man buvo, pavyzdžiui, "vaikinai, tai padaryti jūsų gyvenimą daug lengviau. "
>> Gerai, taip, kad buvo rūšies tik trumpas dalykas, kaip visada,
mes turime pavyzdžių.
Aš žinau, jūs vaikinai patinka tie.
Taigi čia apie labai pavyzdys paprastas failas JavaScript čia.
Taigi tai tik ketina sukurti tai pop-up, kad sako,
"Hello world", kai jums Įveskite puslapio, bet tegul
išbandyti ir vaikščioti per šį truputį.
Taigi akivaizdu, tai tik kaip savo įprastą index.html.
Taigi, tiesiog mūsų normalu šablonas čia ir mes turime HTML, mes turime galvą,
ir kaip su CSS, kaip mes įtraukti šiek tiek ne failą, tiesa?
Mes turime scenarijų tipas tekstas, kuris yra JavaScript.
Ir šaltinis yra hello.js, kuris yra neveiksnus čia.
Tai visą failą hello.js.
Ir tada mes turime kai pavadinimas ir kai organizmas HTML
kad mes nelabai rūpi.
>> Kas atsitinka, kai mes įkelti šį puslapį, jis automatiškai vykdo šį scenarijų.
Gerai?
Taigi Javaskriptą bus vykdyti automatiškai.
Taigi, ką jis ketina daryti, tai vyksta nedelsiant eiti ir vykdyti tai.
Ir jis ketina pasakyti, "įspėjimą.
Hello world ".
Kuris perspėjimas yra funkcija, kuri iš tikrųjų sukuria šį langą.
Gerai?
Taigi tai tipo visi Encompass.
Nėra nieko papildomai mes turėjome padaryti be tik perspėjimas,
ir tada ką mes norėjome per mūsų įspėjimo dėžutę.
Gerai?
Taigi tai tik super paprasta pavyzdys, ką galima padaryti JavaScript.
>> Vienas iš tikrai cool dalykų, kaip matysime,
yra tai, kad "JavaScript" leidžia jums manipuliuoti savo tinklalapius,
nereikalaujant įkelti juos kiekvieną kartą.
Taigi, jei jūs want-- pavyzdžiui, jei Jūs sklandė virš kažko,
jei jus vaikinai kada nors matyti, kaip meniu barai,
arba kai jūs Pakimba virš kai temą, išskleidžiamajame meniu pasirodo,
tai todėl, kad "JavaScript".
Gerai?
Taigi jūs ne visiškai iš naujo puslapis gauti šiuo meniu, galite parodyti,
jūs tiesiog ieško kai konkretus veiksmų, kad ėmėsi vartotojas,
kurie vadinami įvykius, mes susisieksime į, ir kai pamatysite, kad jūs sakote,
"Gerai, redaguoti kažką tai puslapis ir kad ji atrodo skirtingi,
bet tik redaguoti šiuos konkrečius dalykus.
Negalima perkrauti visa tai. "
Taigi ji iš tikrųjų yra daug gražiau, ir Jūs neturite įkelti savo puslapius,
ir tai tikrai kietas.
>> Taigi kintamųjų deklaracijos, todėl jūs galite pamatyti, kokios,
Aš įdėti ant čia silpnai įvedėte.
Taigi tai yra labai daug, kaip PHP.
Mums nereikia pasakyti JavaScript kokios mes
tikėtis, kiekviena iš šių kintamųjų turi būti.
Jie gali būti bet kokio tipo norime.
Taigi jūs pastebėsite, kad šiuo atveju mes pareiškiame juos labai paprastai, tiesiog su "var"
ir tada ką nori mūsų kintamojo vardas būtų.
Vienas dalykas, reikia pažymėti, kad, kai jūs įdėti var priešais kintamojo pavadinimas,
tai vietoje apimtis ją.
Gerai?
Tai visiškai pagrįsta jums visiškai tiesiog ištrinti var
ir tiesiog -ai lygus CS50 ir kad būtų tiesiog pasaulinį kintamąjį.
Gerai?
Taigi galite inicijuoti tai abiem būdais, tiesiog priklauso nuo to, kaip norite.
Taigi, jei jūs Inicijuojama tai per funkcija,
ir norite, kad kintamąjį likti scoped per tą funkciją,
jūs ketinate norite daryti kažkas panašaus var pavadinimas kintamąjį,
palyginti, jei norite ją pasaulyje scoped, jūs
galite tiesiog padaryti vardas kintamasis, o tada
ką norite tai prilyginta.
Gerai?
>> Tai tipo kietas dalykas žemyn čia nes jei pastebime mūsų kintamasis
b prasideda kaip tiesa.
Ir ką tai does-- gali anyone tell me, ką šis daro?
Taigi, mes turime tam tikrą įspėjimą.
Ką tipas B būti pradžios?
AUDITORIJA: Būlio.
ALLISON Buchholtz-AS: Būlio.
Teisė.
Ir tada mes perleisti b į šią eilutę, tiesa?
Taigi čia kokio tipo b būti?
Tai būčiau eilutė, tiesa?
Taigi, kas yra svarbu pranešimas yra tai, kad į C, mes
gali beveik niekada padaryti kažkas panašaus.
Mes norime turėti kintamąjį, mesti jį kaip kažkas,
gal ką nors funkciją dviejų i eiti iš mokesčių, sveikasis skaičius.
Bet jei pastebime čia b labai lengvai keičia tipo.
>> AUDITORIJA: Palaukite, todėl galite tiesiog būti, pavyzdžiui, "kad b yra sveikasis skaičius?
>> ALLISON Buchholtz-AS: Taip.
Jūs galite tiesiog perleisti B sveikasis skaičius.
>> AUDITORIJA: Tikrai?
>> ALLISON Buchholtz-AS: Taip.
Ir tada jis būtų int.
Taigi jūsų kintamieji gali keistis Programos kursas taip pat.
Jie nėra griežtai įvedėte.
Jis labai silpnai įvedėte.
Gerai?
Iš esmės jūsų kintamieji gali daryti ką jie nori, kaip mes rūšies pjūklas su PHP.
Jie gali padaryti kai beprotiškas dalykų, todėl svarbu būti gana atsargūs.
Vardas kintamuosius gerai.
Jei ne, visi staiga jūs ketinate būti kaip,
"Palauk, aš pagalvojau, kad tai buvo eilutė, o dabar tai int,
ir aš nesu tikras, kas čia vyksta. "
Taigi tai yra tiesiog paprastas pavyzdys parodyti, kaip kintamasis gali lengvai
pakeisti jos tipą per iš programos kursą.
>> Gerai.
Taigi tai turėtų atrodyti super, super pažįstamas.
Taigi tai yra mūsų kilpos JavaScript.
Jie yra lygiai taip pat, išskyrus vietoj keturių int i lygus nuliui,
galėtume tiesiog pasakyti var i lygus nuliui.
Ir tada mes galime turėti savo pačios rūšies nuo būklės, tos pačios rūšies atnaujinimo,
i plius plius veikia tiesiog puikiai.
Taigi Fours yra tas pats, whiles yra tas pats,
ir daryti whiles yra lygiai tas pats.
Pačios rūšies bendro formato.
Pastebime, keturi, skliausteliuose, kronšteinai, tai visi tą patį.
Taip pat bus kabliataškiai kai mes gauname pavyzdžiui kodą.
Pamatysite, kad tai gana daug pati, kaip c.
>> Dėl funkcijos deklaracijų, vėl, labai panašios.
Mes turime funkciją, kad tik sako, kad tai funkcija, tada
iš mūsų vardas funkcija, ir įėjimai.
Ir vėl, jei pastebime, mes neturiu tipai čia apskritai.
Teisė?
Mes turime nieko sakydamas, kad jie reikia ints ar vaikinai ar plūdės.
Jie gali būti, ką jie nori.
Kas yra svarbu pastebėti, kad turime parašyti funkciją anksto
tegul JavaScript žinote, kad iš tikrųjų tai yra funkcija.
>> Taigi tai tik keletas paprastų suma funkcija, kuri grįžta x arba y,
ir kas tada taip pat kietas yra tai, kad jūs galite iš tikrųjų
priskirti funkciją į kintamąjį.
Taigi, šiuo atveju, suma yra dabar funkcija, kuri iš tiesų sumą.
Taigi, jei pastebėjote čia turime funkcija, pavadinimas funkcija, įėjimai.
Teisė?
Čia mes tiesiog funkciją ir įėjimai.
Taigi tai vadinama anoniminė funkcija.
Ir tai yra kažkas, kad turi būti nauja daugeliui iš jūsų vaikinai, jei ne visi iš jūsų.
Taigi, iš esmės, ką tai reiškia, kad mes ne
reikia pavadinimo mūsų funkcija ir šiuo atveju.
Galime tik pasakyti, "Gerai, aš ruošiuosi turi šią funkciją, vykdančiai čia
yra jos įėjimai, ir čia ką jis ketina daryti. "
Ir ypač, kai jūs priskiriant funkcija tam tikru kintamuoju
kad jūs ketinate manipuliuoti, Jūs nebūtinai
reikia pavadinti, nes jūs ketinate būti nuoroda
jai pagal šį kintamąjį vardas, o ne kokia
funkcija iš tikrųjų buvo vadinamas.
Gerai?
>> Taigi, jei mes matome čia, mes turėti tam tikrą kintamą sumą dabar
kuris yra lygus suma iš trijų ir penkių.
Ir mes gauti šią.
Ir tai tik turėti tam tikrą įspėjimą, trys plius penki lygu numerį.
Tai plius tiesiog Jungiant kas mūsų atsakymas buvo į eilutę.
Taip pat kietas, plius gali Jungiant eilutes.
>> Dėl JavaScript, nes su PHP, HTML, CSS ir kaip mes sakėme,
tai daug mes natūra imtis mokymo ratai off čia
ir jūs vaikinai turite žinoti daug kaip iš tikrųjų suprasti šiuos dalykus.
Jie šiek tiek skiriasi, bet jie ne taip užsienio
ir kad jūs negalite Google dalykus arba žiūrėti juos internete su W3 mokyklose.
Ir mes tikrai tikimės jus vaikinai, tipo, eksperimentas
ir sužinoti savo.
Taigi, aš žinau, tai gali atrodyti šiek tiek mažiau išsami nei kai kurie iš c dalykų
mes, bet tai tikrai ne be priežasties.
Bet tikiuosi, kad dar ne per skiriasi, ir tai nėra absoliuti.
>> Taigi masyvai JavaScript, vėl labai, labai panašios.
Teisė?
Mes turime kintamąjį masyvo tai lygus tuščių skliausteliuose,
ir tai tik tuščias masyvas.
Tai dažnai vadinama pažodinis masyvo žymėjimas.
Tai tik vienas dalykas, mes jį vadiname.
Jei mes matome masyvo du čia, mes turime kai pažodinis masyvas, kuris turi tris elementus,
tiesa?
Ir tada mes turime kai var trečiasis elementas, kuris yra
kai kintamasis, kuris tiesiog ketina surengti šį eilutę, JS.
>> Elementai, geri pastebėti, atskiriami kableliais,
kaip galima būtų tikėtis.
Ir jūs taip pat galite gauti prieigą prie šių, kaip mes padarėme C, šią indekso notacijos, tiesa?
Taigi skiriasi nuo PHP dabar mes ketiname atgal
tiesiog rūšies nuoroda dalykų, pagal indeksą.
Tiesiog kaip ir C, tai taip pat nulis indeksas.
Aš jaučiu, kaip jis būtų tikrai žiaurus jei jie staiga tapo JavaScript vieną
indeksas, ir jums teko visiškai permąstyti, kaip jūs manote apie matricas.
>> Vienas kietas dalykas yra tas, kad vietoj to, kad do-- jei jūs kada nors
norėjau masyvo ilgį, gal pakartoti per jį
iki radote pabaigą, arba jūs tiesiog žinau, kas tai yra.
Kadangi JavaScript yra labai laisvi daugiau būdų ne tik tipo, kaip matome čia
mes galime tik padaryti šį masyvo didesnis, nes mes nuspręsime.
Jei pastebime masyvo trys turi tris dalykus pradėti,
bet tada visi staiga, mes, pavyzdžiui, "Oh, just kidding.
Mes iš tikrųjų ketiname kad jai 101 dalykų. "
Taigi, jei jūs kada nors nori žinoti faktinis ilgis savo masyvas,
jūs tai darote, kaip šis.
Ir mes ketiname pamatyti daug Šio žymėjimo į pavyzdžius,
bet su JavaScript tai paprastai kokia
objektas, jūs kalbate apie dot bet kokios rūšies funkcijos
Norimą taikyti jį.
Gerai?
>> Taigi šiuo atveju, mūsų objektas yra masyvas du,
ir mes sakome, mes norime ilgis masyvo du.
Taigi, tai tik ragina, kaip ilgis apie tai.
Ir tai bus grąžinti savo ilgį.
Taip pat kažkas, reikia pažymėti, kad jei pastebime mūsų masyvus,
skirtingai C, jie neturi būti visi yra tokio paties tipo.
Tai daug daugiau, kaip PHP.
JavaScript yra iš esmės tik kaip Tai įdomu meld C ir PHP.
Taigi mes gauti į tai.
Nes dabar, tegul tiesiog manyti, kad jūsų matricos yra iš esmės
kaip C matricos, nes jie nulį indeksuoti.
Gerai, taip, kad yra viskas.
Jūs taip pat galite tiesiog pratęsti masyvas kokia indekso norite.
Kadangi tai tikriausiai SEG kaltės jums ar duoti jums šiek tiek klaidų,
JavaScript yra, pavyzdžiui, "Ne, tai gerai.
Aš tai.
Mes tiesiog eiti tiesiai ten, kur norite. "
>> Gerai, kad objektai yra labai svarbūs.
Vaikinai bus naudojant šiuos daug jūsų P rinkinys, jei teisingai pamenu.
Taigi dalykas, kad tai yra panašus į C yra structs.
Taigi jūs galite galvoti about-- kai mes einame į Pavyzdžiui teisė
Po to aš manau, kad jis bus padaryti daug daugiau sense--
bet mes iš esmės naudoja objektus į organizuoti žinoma susijusią informaciją.
Kai mes kalbėjome apie structs C, mes dažnai
kalbėti apie studentų, kurie turėjo tam tikrą vardą, ID, namas, žinote, koncentracija.
Ir tai rūšies to paties dalyko kad mes naudojame objektus čia.
Tai tiesiog organizuoti panaši informacija.
>> Jūs taip pat galite galvoti apie tai, kaip daugiau panašus asociatyvines matricos PHP.
Taigi, šis būtų rūšies dalykas kur mes turime tam tikrą raktą su kai verte,
labai panašus į PHP.
Taigi galite inicijuoti kai tuščias objektas, kaip matome čia,
tik su garbanotieji petnešų.
Taigi matricos yra skliausteliuose.
Tuščios objektai yra garbanotieji petnešų.
Geras atskirti turėti.
Ir tai tik du skirtingi būdai, kaip nustatyti tokias savybes.
Taigi tai yra rūšies daug daugiau būdu, kad
yra panašus į PHP, su mūsų asociatyvių masyvų su mūsų pagrindiniais,
ir mūsų vertė, o tai vienas is-- jums
pamatyti tai daug daugiau JavaScript.
Tai yra linkęs būti konvencija.
Ir tuo pačiu būdu, kad darėme masyvas dviejų taškų ilgis, tai sakydamas,
"Gerai, duok man tai priskirti šį objektą. "
Teisė?
Taigi taip ir buvo, pavyzdžiui, "duok man atributas ilgis masyvo dviejų "
tai sakydamas: "man pateikti keletą ištrinamas iš mūsų duomenų tuščias objektas. "
Arba šiuo atveju, mes paskiriant jį į tam tikrą vertę čia.
Bet jūs taip pat galėtų naudotis, kad taip.
>> Ir tada čia tai tik rodo du skirtingus perspėjimus.
Taigi tai rodo įspėjimus Būtų patį,
tai tik du skirtingus būdus gauti elementą, kad mes norime.
Ar tai prasminga visiems?
Jaučiu, kaip šis tikriausiai daugiau prasmės,
tik todėl, kad mes atskilimas PHP.
Bet kaip mes darome daugiau pavyzdžių, tai yra tiesiog lygiai taip pat.
Jo partija yra tiesiog pakeisti sintaksė.
>> Gerai, kad pavyzdžiai.
Aš myliu pavyzdžių.
Taigi čia yra keletas CS50 kintamasis, kuris yra objektas,
ir mes laikyti visa tai informacija apie jį.
Taigi, mes turime Žinoma, instruktorius, TFS, psets ir šeimininku.
Taigi matome, tai yra beveik visi skirtingų tipų.
Teisė?
Taigi objektus galima laikyti priskiria skirtingų tipų.
Mes galime galvoti this-- tai labai panašus į mūsų masyvą PHP.
Taigi svarbiausia, vertę, svarbiausia, vertę, raktas, vertę, taip toliau ir taip toliau.
Kas taip pat įdomus tuo pačiu būdu, kad mes galime turėti matricos per masyvus,
mes taip pat gali turėti daiktus per objektus, ar masyvų per objektus.
Jūs niekada tik tik vieną kartą, dalykų.
Mes galime gauti labai Inceptionesque, tiesiog nesustoti žemyn triušio skylę ten.
>> Taigi, jei pastebime, mes turėti tam tikrą kursą, kad
yra eilutė, instruktorius tai eilutė, ir masyvas, int ir Būlio.
Taigi visų šių skirtingų dalykų.
>> Gerai, kad mes turime dar vieną.
Taigi, šiuo atveju, turime Objektų masyvo.
Taigi tiesiog patinka objektą gali turėti jame masyvo.
Mes taip pat gali turėti objektų masyvo.
Tai gali būti naudinga, kad galvoti apie panaši į tokio pobūdžio
kaip mes turėjome maišos stalo, mes turėjome masyvą
Visų šių skirtingų tipų structs kad
buvo rodyklės į skirtingus mazgai ir Papuošalą.
Bet šiuo atveju, mes turi daiktų masyvo.
Taigi, tai yra kaip masyvo Association masyvai.
Taigi, mes turime šiek tiek pirmąjį elementą būtų būti objektas su pavadinimas James
ir namo Winthrop.
>> Vaikinai gali prisiminti kažkas labai panašus į tai
su jūsų paskutinio pset, kur, jei jums ištraukė kažką iš savo duomenų bazės,
Rikiuoti nuo dalykas jūsų masyvas buvo
visa informacija apie pirmasis vartotojas, kad įvykdyti ją,
ir tada turėjo indeksą į tą gauti savo atsargų ar jų talpyklą
arba Papuošalą.
Taigi, šis yra labai daug pats dalykas, tiesiog šiek tiek pakeisti
sintaksės, šiek tiek pokytis žodžiai mes naudojame juos apibūdinti.
>> Taigi, jei mes norėjome, gali kas nors pasakyti man, ką šis perspėjimas būtų padaryti čia?
Arba ką tai tiek kodas būtų padaryti mus?
AUDITORIJA: Tai duosiu jums visus vardus.
ALLISON Buchholtz-AS: Teisė, todėl būtų tiesiog įspėti su visomis pavadinimų
nes tai būtų eiti per Kotedžas aš, todėl reikia pradėti nuo nulio.
Taigi sakyčiau, gerai mes ieškome bent šio pirmojo objekto, kuris
yra pirmasis lizdas mūsų masyvo.
Ir ji sako, "man atributas, apie tą objektą vardą. "
Taigi mes einame čia mes norime skenavimas, mes norime surasti vardą,
ir mes norime spausdinti Jokūbas, Molly, Carl.
Turite klausimų iki šiol?
JavaScript deja jūs ketinate būti
daro daug ieško ant jūsų savo, suprasti, sintaksę,
grumiasi su juo.
Bet, žinoma, aš visada čia Darbo valandos visada čia.
Aš gali būti antradieniais šią savaitę.
Taigi, jei esate ten, jūs galite ateiti pas mane šią savaitę.
Tai būčiau didelis.
>> Gerai, kad DOM Dokumento objektinis modelis.
Taigi tai yra tiesiog būdas kad mums patinka galvoti
apie tai, kaip mūsų HTML ir viskas per ji organizuota.
Tai labai daug ką, kad tikriausiai ateis ant jūsų viktorina.
Aš žinau, mano metų, tai buvo tarsi čia HTML byla, užpildykite už jį DOM.
Ir jūs tiesiog įveskite smulkmenos.
Tai turėtų būti lengvai taškų tikiuosi.
Tikimės, kad jums see--
>> Auditorija: [nesigirdi]
>> ALLISON Buchholtz-AS: Taigi matote šį medį čia?
>> AUDITORIJA: Taip.
>> ALLISON Buchholtz-AS: Taigi jie prašys naudoti
užpildyti, kas eina po kūną.
Gal pagal kūną, mes turime kai Divs ar mes turime keletą dalių,
ir mes prašome užpildyti Medis labai panašus į šį.
Taigi mes vaikščioti per ją.
Taigi Dokumento-objektas Modelis yra tik būdas
susisteminti ir manau, apie mūsų HTML grafiškai.
Ir taip pat, kai mes gauname į daugiau JavaScript,
tai bus būdas, kad mes iš tikrųjų
manipuliuoti skiriasi elementai puslapyje.
Mes turime būdą, kaip prieiti prie kiekvieno iš mūsų HTML dalykų,
ir todėl tai suteikia mums labai betono standartizuotas būdas
įvairiuose tinklalapiuose, kaip tai padaryti.
>> Taigi, jei mes tiesiog pasivaikščioti ši čia, žinoma
Mūsų dokumentas yra tarsi mūsų visą failą.
Akivaizdu, kad prasminga kad tai didžiausias dalykas,
ir tada mes turime realią HTML, kuri atitinka šiai žymai čia.
Taip pat, jei jūs įtrauka jūsų žymės tinkamai, tada kuriant šią DOM medį
tampa super paprasta.
Taigi, mes turime tam tikrą galvą čia.
Mes turime kūną, kad matome kamieninių off HTML,
kuris yra, kodėl mes turime galvą ir kūną.
Per galvą, mes turime kai žymės pavadinimą, pabaigos žymės pavadinimą,
todėl mes žinome, kad ateina po galvos.
Ir per mūsų žymės pavadinimą, turime Hello, World.
Gerai?
Taigi, kad visa ši kairėje filialas.
Ir tada už dešinėje šakos Čia matome, kad turime HTML,
Gerai mes padarėme šį galvos dalį, Mes ieškome tik ne kūno,
todėl mes turime tam tikrą kūno plotą.
Ir per, kad tik dalykas, kurį mes turime, yra Labas, pasauli.
Gerai?
Jei mes turėjome tokius dalykus kaip kai laikiklis p ir tada
Labas, pasauli, ir tada kitą Laikiklis P atsisveikinti, pasaulio,
mes turime dvi burbulų atskilimas čia.
Kadangi jie abu pagal kūną, bet jie atskirus punktus ir šiuo atveju.
Yra tikrai praktika apie tai ankstesniuose viktorinos,
taip pat daug internete apie tai.
Gerai, kad tai tik leidžia mums pamatyti viską gražiai
ir manipuliuoti dalykus labai sistemingai.
Gerai?
Mes žinome, kaip tiksliai feed per šio medžio,
todėl mes žinome, ką mes norime pasiekti.
>> Gerai, kad tai, kodėl mes norime turėti šį modelį rūšiuoti,
kad mes galime naudoti dalykų, kaip tai, ir mes suprantame, ką jie reiškia,
ir jie standartizuoti per visų dalykų, kad mes darome.
Taigi dokumentas taškas pavadinimas yra tiesiog iš our-- pavadinimas visi šie
yra gana savaime suprantama, Man patinka galvoti.
Taigi pirmieji trys pavyzdžiai yra tiesiog pasakyti,
"Gerai, tik duok man pavadinimas šį tinklalapį. "
Taigi jis duos jums tai, ką atitinka pavadinimu.
>> Dokumento taškas kūno ketina suteikti jums kas yra tose kūno žymes.
Taigi jūs galite manipuliuoti, kad.
Ir dokumentas dot dot kūnas įvesti HTML labai kietas vienas,
o gal yra ne taip, kaip super intuityvus, bet vidinis HTML
atitinka šios teisės čia.
Taigi, jei jūs kada nors norite manipuliuoti tekstą puslapyje,
paprastai jūs ketinate daryti kažkas su kūno dot vidinio HTML.
Gerai?
Taigi, vidinis HTML linkęs kreiptis į kas iš tikrųjų tarp šių žymes.
Gerai?
Ir tada naudingų funkcijų.
Taigi, jei norite gauti bet kuris iš šių, bet koks elementas,
mes turime tam tikrą ID klasė pavadinimas arba žyma, pavadinimas.
Tai yra labai panašus į tai, ką mes padarėme su CSS, tiesa?
Kur mes turime keletą selektoriai, kad atitinka arba žymos, klasė
kad mes suteikiame jiems, ar ID.
Tai labai taip pat.
Jei turite kažką, kad turi tam tikrą šuo klasę,
ir sakote gauti elementus pagal žymę vardu, ir jūs įdėti šuo there-- arba Atsiprašome,
klasės pavadinimas.
Jūs galite įdėti taškas ten.
Jis ketina grįžti visi tie elementai jums, kurie turi šią klasę.
Taigi jūs galite manipuliuoti tik tiems.
Lygiai taip pat, o gal tiesiog nori manipuliuoti kai galva, taip
kai h1 antraštės, kaip mes padarėme.
Tai galite padaryti gauti elementus pagal žymę pavadinimas, nes h1 žyma, pavadinimas.
Ir tuo pačiu būdu, jei nori gauti kai unikalus dalykas, jūs galite padaryti get žymą.
Gauk elementą Id.
Ir jie yra iš tikrųjų daug jų.
Tai yra tik kaip trys labai daug.
Taigi, jei jūs einate internete, kaip Aš ruošiuosi skatinti
jums reikia padaryti, ir ką nors tyrimai savo,
Aš tikrai rekomenduoju žiūrėdamas į visus tuos.
Jie gali būti itin naudinga, ypač kai
norite tiesiog rūšies manipuliuoti labai konkrečių dalykų, be kurių
eiti per ir bandykite neįtrauktų į viską.
>> Gerai, kad paskutinis dalykas yra JavaScript įvykiai.
Taigi, kai aš kalbu anksčiau apie vyksta į svetainę,
ir kai jūs Pakimba virš kažko, ar jūsų Užeikite pele kažką,
kažkas atsitiks.
Tai yra tai, ką mes norėtume galvoti apie kaip įvykis.
Taigi, ką mes turime, kurie gali būti naudinga čia yra onclick.
Taigi mano buvo hover, kuris, aš tikiu, yra tik ant hover.
Taip pat jų tona kad jūs galite ieškoti.
Yra Visą sąrašą internete skirtingų daiktų
kad jūs galite klausytis.
>> Bet JavaScript renginiai iš esmės tik reaguoti į tai, kas
kad savo vartotojo daro.
Teisė?
Taigi savo vartotojo daro kažkas, tai įvykis,
ir "JavaScript" atsakys Tačiau norėtumėte ją į.
Tai bus atitinkamai reaguoti.
Taigi, šiuo atveju, turime kai langas taškas įkėlimo.
Taigi, kas tai sako yra "laukti kol langas pakrautas.
Gerai?
Taigi, kai viskas pakrautas, įkėlimo, galite atlikti šią funkciją.
Taigi, kai viskas pakrautas, jūs ketinate
turėti tam tikrą paieškos mygtuką kad gauna elementą Id,
ir jis spausdina kas, kad elementas yra "mygtuką Ieškoti.
Ir tada mes turime šį kintamąjį, mes sakome: "Gerai, onclick".
Taigi, kai mes išgirsite spragtelėjimą mygtuką Paieška,
vykdyti šią funkciją, kuri yra perspėjimas, jūs paspaudėte mygtuką Pateikti užklausą.
>> Taigi, kas atsitinka is-- tai gražus tiek grafinis čia.
Taigi, mūsų dokumentų kroviniai, kad mūsų įkėlimo,
randame mūsų paieškos mygtuką, kuris yra tai.
Mes ieškome mūsų mygtuką Ieškoti.
Ir tada, kai mygtukas yra Ieškoti paspaudėte, ji atitinka čia.
Onclick.
Tada mes pagaliau įspėti mūsų vartotojas, kuris tai paskutinė eilutė čia.
Gerai?
Taigi kiekvienas iš šių keturių žingsnių tik atitinka keturių dėžės
ten ant dugno.
Ar tai prasminga visiems?
>> Ir tada vienas dalykas, kad aš tik ketina paminėti labai, labai trumpai, kad aš
skatinti jus vaikinai į eiti ieškoti daugiau į tai
JQuery, kuri yra tik biblioteka kuris yra pastatytas ant JavaScript.
Tai yra super naudingas, nes su dauguma bibliotekų.
Yra daug funkcijų.
Taigi, jei ten kada nors, kad norite padaryti JavaScript,
Jūsų pirmasis instinktas turėtų būti ne galvoti
d "kokią funkciją turėtų Aš kodą? ", Jis turėtų būti,
"Leiskite man pamatyti, kas yra jau tai padarė už mane. "
Nes devynis kartus iš dešimties, kažkas tai padarė jau
ir jie tikriausiai tai padarė geriau.
Žmonės praleidžia daug laiko daro tai, ir "JavaScript" labai plačiai naudojami,
todėl žmonės nuolat bando padaryti tai geriau.
Ir JQuery turi daug funkcijų kad tikriausiai bus naudinga jums
savo galutinio projekto, jei esate ką nors su web dizainas.
Kaip aš norėčiau pasakyti, "darbas protingesni, o ne sunkiau. "
Jei vaikinai tai padaryti, tai bus didelis.
Kai mes tuo hackathon aš ne norime, kad jūs visi pabrėžė.
Aš noriu, kad jūs, pavyzdžiui, "aš tai. JQuery "gavo mano nugaros.
Man nereikia rašyti šias funkcijas. "
>> Taigi tik du dalykus atminkite, kad aš ruošiuosi
kad jums vaikinai atrodo daugiau į JQuery savo.
Viskas, ką aš ruošiuosi pasakyti, kad daro kai kurie gana awesome dalykų
ir gali padaryti jūsų gyvenimą visai daug lengviau.
Bet tai, ką norite turi tai, ką failą
kad jūs ketinate naudoti jį, jūs ketinate nori šias dvi eilutes.
Jūs ketinate nori scenarijus Js JQuery dot js.
Ir iš tikrųjų jūsų šaltinis bus kai URL.
Jei "Google" jQuery, Google iš tikrųjų vyksta visus failus jums.
Taigi jūs tikrai norite įėjimo, kad URL vietoj.
Aš tiesiog tai čia Paprastumo dėlei.
Visa tai reiškia, yra kur rasti savo jQuery biblioteką.
Tai didžiulis, todėl jūs nenorite surengti jį savo kompiuteryje
jei galite išvengti, kuris yra, kodėl mes linkę tiesiog įdėti į "Google" URL,
visagalis visus šiuos failus.
Gerai?
Jūs Google, aš pažadu jis bus ten.
>> Ir tada kokia Failas JavaScript, kad esate
naudojant, todėl tai yra tik keletas išorės Failas JavaScript, kad jūs naudojate.
Lygiai taip pat, kad mes Prisijunkite prie mūsų CSS failai, tai tos pačios rūšies dalykas.
Tai tiesiog nuorodos į failą kur jūsų "JavaScript" yra.
Ir aš turiu keletą pavyzdžių su paprasta JavaScript.
Taigi mes, vyksta per ją.
Ir tada jūsų indeksą JavaScript, kuri yra jūsų "JavaScript" failą čia
tai yra rūšies įvynioklio kad jūs turite JQuery.
Jūs beveik 99,9 procentų laiko vyksta
turėti tai savo index.js failą.
Nes tai, ką ši sako yra, "Nevykdo nieko
kol jūsų dokumentas yra iš tikrųjų pasiruošę ", kuri yra būtent tai, ko norite.
Nes jei jūsų dokumentas nėra pasirengę, ir JQuery pradeda daryti dalykus,
tai tik netvarka.
Taigi jūs visada norite turėti šį įvynioti.
Ir tada dalykų, kad eiti ten, aš palieka jūsų vaikinai pačių perusing.
>> Gerai, kad yra kokių nors klausimų teisė Dabar apie JavaScript apskritai?
Arba DOM modelis?
Jei ne, mes turime kai kietas pavyzdžių, kad mes galime eiti per,
kad jus vaikinai galite man padėti kodą.
Bet aš taip pat bus super gražus, ir jei jus
nenoriu nieko už tai, kad bauda.
Taip pat galiu tiesiog suteikti jums pavyzdžių.
Bet nieko apie "PowerPoint", kol mes pereiti?
Nemokama.
>> Jaučiu, kaip jus vaikinai reikia energijos.
Taigi manau, kad mes ketiname pradėti su mano šalies pavyzdys pirmą.
Mes turime tris pavyzdžius, turite savo pasirinkimą.
Taigi, mes turime laikrodis, kur mes einame įgyvendinti realų laikrodį, kad yra
ketina atnaujinti, kaip laikas eina.
Mes turime šį puikų Twitter funkciją.
This-- žinote, ką, laikykis.
Mes ketiname padaryti tai praeina.
Bam.
Gerai.
>> Mes turime šį puikų Twitter funkciją čia that-- Žinau, tiesa?
Tai bus puikus.
Ar jūs vaikinai susijaudinęs?
Tai vyksta suskaičiuoti skaičių Ženklų, kad jums paliko,
Taigi, jei aš tipo dabar, žinoma, ji vis dar sako 140,
bet mes žinome, kad tai ne tas atvejis.
Ir tada mūsų paskutinis Čia, spauskite čia ir linksmintis.
Kas nutiks, kai mes spustelėkite, fonas s
ketina keisti spalvas.
Taigi vaikinai turi savo variantus kuris iš jų norite padaryti pirmiausia.
Pažadu Imsiu, kad tai labai lengva jums.
Aš jaučiu, kaip visi tipo tiesiog labai mažas raktas šiandien.
Taigi, aš padėsime jums, kaip mes įgyvendinti visiems.
Jei norite varpelių į, tai puiku, bet aš
jaučiasi kiekvienas šiek tiek pavargęs.
Taigi aš tiesiog vaikščioti jus per šiuos pavyzdžius.
Ar mes turime ką nors, kad mes norėtume padaryti pirmiausia?
Kiekvienas?
Nesvarbu?
Gerai.
Jūs žinote, ką?
Mes nuo šalies.
Jaučiu, kaip jus vaikinai reikia little-- taip, mes padarysime partijos vienas pirmas.
Gerai.
>> Taigi, ką mes turime here-- tai ne turėtų būti ten.
Dabar tai gerai.
Gerai.
Taigi, ką mes turime čia tiesiog paprastas HTML puslapis
kad jus vaikinai visi turėtų būti super susipažinęs su iš savo dviejų paskutinių psets.
mes turime doc tipo čia.
Ar visi matote?
Gerai.
Nemokama.
Mes turime HTML akivaizdu.
Mes turime antraštę, kuri yra susietas su stiliaus lapo, kad
tiesiog padarė mano šrifto gražus ir didelis ir drąsus.
Taigi nesijaudinkite apie tai.
>> Mes turime tam tikrą kūną Id fone, gerai?
Kadangi mes ketiname būti keisti foną.
Taigi, kai mes keičiasi fonas mūsų kūno,
mes prisimename iš prieš dvi savaites kai mes susiduriame su interneto svetainėse.
Taigi gerai, kad tai.
Ir mes turime kai Id lygus šalis.
Ši val teisėjas svaras tiesiog reiškia, kad jis ketina eiti į tą patį puslapį.
Ir spustelėkite čia linksmintis, kuris yra, kodėl kai mes spustelėkite jį,
ji turėtų keisti spalvas, laimei.
>> Ir tada mes turime tam tikrą scenarijų, kad čia yra tik susijęs su šios partijos dot js
failas, tai yra tuščias, nes mes nieko nepadarė dar.
Ir tai labai liūdna.
Tačiau labai greitai, tai bus pakeisti spalvų, ir tai bus nuostabus.
>> Taigi, aš tik ketina eiti jums vaikinai per kiek mes galime priartėti tai.
Taigi pirmas dalykas, kad mes norime daryti,
jei mes keičiant foną kūnas, pirmas dalykas, kurį mes norime
daryti iš tikrųjų patraukti ką kūnas, tiesa?
Taigi, mes norime turėti sumą, mūsų fonas ir, jei pastebėsite,
Aš tiesiog automatiškai tiesiog pradėkite spausdinti.
Nėra nieko ypatinga, kad mes reikia padaryti mūsų JavaScript failus.
Galiu pradėti skelbiantis kintamuosius, ir deklaruojant atsitiktinių funkcijų.
Ir tai daug laisvos formos.
Tai kaip su C, mes davė jums visiems Šie standieji taisyklės ir užaugo,
todėl mes, pavyzdžiui, "pasitrauktų.
Būkite nemokamai.
Ar tai, ką nori. "
Ir tai, ką JavaScript.
Taigi, mes turime tam tikrą foną čia.
Su mūsų DOM modelis, mes žinome, mes gali padaryti dokumentas taškas gauti elementą,
ir jei pastebime čia mūsų kūnas turi Id.
Teisė?
Taigi, mes galime padaryti gauti dokumentą ID, ir čia paprasta.
Kas mūsų Id, kad mes norime čia?
AUDITORIJA: faktai.
ALLISON Buchholtz-AS: faktai.
Puikiai.
Ir kabliataškiu pabaigoje.
Tai niekur nedingo dar.
Jūs vis dar reikia jūsų Kabliataškis.
Gerai.
Štai mūsų pirmasis.
Ir kai mes spustelėkite kažką, mes nori kažką atsitikti, tiesa?
Taigi mes norime kai kintamasis Štai laukia paspaudimu.
Ką mes ketiname padaryti, tai mes ketiname kad mūsų ryšys labiau panašus į mygtuką.
Taigi mes ketiname turėti tam tikrą mygtuką, kad lygus dokumentuoti taškas gauti elementą Id.
Ir jei aš kalbu apie spustelėkite nuorodą arba paspauskite čia, šalis
ryšys, ką gali mano Id čia?
Šalis.
Teisingas.
Gerai nėra labai blogai iki šiol.
Kiekvienas gauna tai, ką mes darome?
>> Gerai, kad dabar mes turime mygtuką, ir mes norime,
dalykų, kuriuos reikia pakeisti, kai mes paspauskite ant jo.
Taigi, jei mes prisimename iš mūsų PowerPoint, labai paprastas dalykas, ką galime padaryti
yra tik mygtukas taškas onclick, tiesa?
Ir tai vyksta lygus tam tikrą funkciją.
Tai anoniminė funkcija.
Ir tai tik as-- tikrųjų aš ketina padaryti tai šiek tiek didesnis.
>> Taigi, ką aš ką tik padariau čia aš sakau, gerai,
kai mes spustelėkite mūsų mygtuką, kuris yra ši nuoroda, kad mes tiesiog nurodyta,
mes ketiname vykdyti tai anoniminė funkcija.
Mums nereikia jokių įėjimai.
Mums nerūpi, ką vartotojas sako.
Kai jie spustelėkite jį, mes ketina daryti, ką nori,
kuris yra pakeisti fono spalvą.
Gerai?
Štai kodėl mes neturime jokių sąnaudų, mes tiesiog šį anoniminį funkciją.
Ir dabar mes iš tikrųjų ketiname rašyti šią funkciją.
>> Taigi ten būdų krūva Jums gali generuoti atsitiktinius spalvą.
Būdas, kad aš padariau tai buvo generuoti tris atsitiktinius skaičius
ir konvertuoti juos į RGB trigubai.
Taigi, tai tik parodo jums kai kietas dalykų, kad, jei esate, pavyzdžiui, "O,
Man reikia generuoti atsitiktiniai skaičius. ", jei Googled ją,
tai, ką būtų galima rasti.
>> Taigi, mes turime tris skirtingus dalykų, var, o ne raudonos vėl žalia.
Teisė?
Taigi tie, kurie trys ką daryti, kad iki spalvą.
Mėlyna, raudona ir žalia.
Nemokama.
Ir tai, ką mes galime padaryti, tai, kad mes žinome, kad jis turi būti tarp 255,
ir jei jūs pažvelgė kai atsitiktinių skaičių generatorius,
galite gauti kažką panašaus matematika dot atsitiktinai, o jei peržvelgsite tai padaryti
grįžta į tam tikrą skaičių nuo nulio iki vieno.
Gerai?
Ir ką numeriai darome RGB triviečiai eiti tarp?
Nulis ir kas?
Ką jie gali eiti į?
255.
Taigi, jei matematikos dot atsitiktinai eina nuo nulio iki vieno,
kaip gali mes norime tai pakeisti?
AUDITORIJA: Laikas?
ALLISON Buchholtz-AS: Taip, tiksliai.
Taigi laikas yra 255.
>> Auditorija: [nesigirdi] Tai lyg [nesigirdi].
ALLISON Buchholtz-AS: Matematika dot atsitiktinai.
AUDITORIJA: cool.
ALLISON Buchholtz-AS: Taip.
JavaScript tik rūpinasi jumis.
Gerai.
Taigi, mes galime padaryti, kad visa tai.
Teisė?
Matematika dot atsitiktinius kartus 255.
Kopijuoti kad.
Nemokama.
Taigi dalykas yra, tai gali negrįžta sveikasis skaičius.
Teisė?
Gal mes kažkiek skaičių nuo nulio iki vieno,
ir tai sukelia, kad ji būtų šiek tiek išjungti, ir mūsų RGBs negali būti plūdės.
Jie turi būti ints.
Taigi, jei jūs bandė tai, tikriausiai turėti tam tikrą chaotiškai elgesį.
Būtų šiek tiek funky.
Taigi, ką mes darome, yra mes norime, kad Įsitikinkite, kad jie yra apvalios,
ir tu gali suapvalinti arba kelią.
Aš apvalinamos aukšte.
Taigi, aš visada įsitikinkite, kad jis apvalinamas.
Bet nenukryptų nuo to, kaip paprasta buvo tik gauti atsitiktinį skaičių,
Kaip manote, kad mes galėtų grindys šį numerį?
Tai labai panašus.
Bet idėja?
Taigi, jei atsitiktinai buvo tiesiog matematikos taškas atsitiktinai, todėl manai, mes norime padaryti grindis?
Matematika taškas grindų.
Ir jūs taip pat galite padaryti matematikos dot lubas.
Apvalaus rūšies dviprasmiška nes jūs neturite
žinoti, ar suapvalinti arba suapvalinti.
Taigi paprastai mes visada darome matematikos dot grindys, matematika taškų ribą.
Bet honestly--
>> AUDITORIJA: Ar grindų apvalinant?
>> ALLISON Buchholtz-AS: Grindų raundų žemyn.
Ir tai tik pasirinkimas mano pusės.
>> Taigi dabar mes turime tris numerius , kurie buvo atsitiktinai generuojami,
ir ką mes ketiname daryti dabar mes tik ketina keisti foną.
Gerai?
Taigi mes jau turime fonas rūšies saugomi
Šioje elementas vadinamas fonas.
Taigi, ką jūs pastebėsite, yra, jei Jūs grojo su šiuo,
mes norime pakeisti stilių.
Ir tai yra rūšies kažką, kad Jums būtų "Google" ir išsiaiškinti,
patinka, kaip pakeisti spalvą.
>> Bet kaip jūs prieiti tokios spalvos fonas dot dot stiliaus fone.
Taigi, tai sako suteikta šis objektas, fonas,
kuris nurodo, kad elementas Id ten,
mes ketiname pažvelgti stilius per stilių,
mes ketiname pažvelgti į fone.
Gerai?
Ir jei jūs einate ir surasti tai padaryti, tai gali padaryti šiek tiek daugiau prasmės,
bet tai iš esmės yra tiesiog pasakyti, "Man tai labai konkretų atributą
ką aš apibrėžta anksčiau. "
Taigi, ką mes jį pakeisti į tai kai RGB, nes tai turi prasmę.
Mes naudojant RGB triviečiai, tiesa?
Ir mes have-- Noriu įsitikinti, kad aš gauti tinkamą skaičių kabučių čia.
Taigi, ką mes darome, yra mes turime RGB, ir mes ketiname
to-- tai kaip concatenation, kuris yra raudonai.
Ir tada mes norime šiek tiek juos kableliais.
Ir tada mes norime plius žalia, tada kai kablelis, o kai mėlynas.
>> Taigi šie pliusai tik reiškia kaip sąryšis.
Taigi tai yra tiesiog sukurti tai eilutė, vyksta per RGB.
Gerai?
>> Auditorija: [nesigirdi], pridėjus tada žalia plius tada raudonai.
>> ALLISON Buchholtz-AS: Taip, nes aš messed kad iki.
Kad vienas bauda.
Oi, laikykis.
Ne.
Nes man reikia įsitikinti, kad aš turiu visus šiuos teisę.
Taigi aš paaiškinti uno Momento.
Žalia, mėlyna, tobula.
Dabar aš padaryti.
Manau.
>> Gerai.
Taigi, kas tai yra, yra ta, kad background vyksta būti nustatyti tam tikru eilutę.
Teisė?
O tai, ką mes turime čia.
Tai bus kai RGB 255 kablelis 255 kablelis nulis, ar kas telefono numerį, kuriuo
turi ten.
Taigi, ką mes darome čia mes turime tam tikrą eilutę.
Ir tai, ką norime daryti, tai mes rūšies dinamiškai kurti
kad kai mes iš tikrųjų paleisti šią programą.
Taigi tai yra kai eilutė.
Plius concatenates su vertė, kuri turi raudona,
kuri concatenates su kablelis, kuris ją concatenates
su tuo, kas žalia, ir tt, ir taip toliau.
Gerai?
Iki galo, kuris yra uždarymo skliausteliuose šio RGB čia.
Gerai?
>> Taigi, kas tai vyksta generuoti yra kai komanda tikrai
, kad yra RGB iš trijų numerių kad fonas dabar nustatyti.
Gerai?
Taigi pažiūrėkime, jei tai veikia.
Tikiuosi, kad jis daro, nes jei ji nėra, aš ruošiuosi būti realus liūdna.
O ne.
Gerai, laikykis.
Tikrai fonas dot dot stiliaus fone.
Aš tikrai trūksta kažkas tiesiog mažas.
Ar ne jūs vaikinai nekenčiu, kad?
Kai tai tik mažas mažas klaidą?
Visagalis fone.
RGB.
>> Auditorija: [nesigirdi]
ALLISON Buchholtz-AS: Ne
Bandžiau tai prieš klasę.
Turiu viską, ką aš padariau prieš klasė atveju aš buvo, pavyzdžiui,
"Palauk, ką aš padariau ne taip?"
Nes aš buvo, pavyzdžiui, "Aš tikriausiai netvarka tai iki tam tikru momentu. "
Plius žalia.
Viskas atrodo, kad jis yra sujungtas teisingai.
Gerai.
>> Auditorija: [nesigirdi]
>> ALLISON Buchholtz-AS: O, ten jūs einate.
Štai ko man reikia.
Pažvelkite, kad.
Tiffany gelbėti.
Puikiai.
Gerai.
Dabar pažiūrėkime, ar ji veikia.
Oh My God.
Gerai.
Prašome palaukti.
>> AUDITORIJA: Erdvė po antrojo plius.
>> ALLISON Buchholtz-AS: Kuris?
Oh wait, laikykis.
Erdvė drabužiai?
>> AUDITORIJA: Antrasis plius žalia sujungimas.
ALLISON Buchholtz-AS: O.
AUDITORIJA: Nėra vietos po pliuso, taip.
ALLISON Buchholtz-AS: Jūs nereikia, kad but--
AUDITORIJA: O, jūs ne?
ALLISON Buchholtz-AS: Tai atrodo gana.
AUDITORIJA: Gerai.
Gerai.
>> ALLISON Buchholtz AS: Leiskite pamatyti, jei ji veikia.
Gerai.
Aš, žinoma jei ne ši demo, kuris man primena
paskaitos kitą savaitę, bet aš žinau, tai veiks.
Aš žinau, tai veiks.
Taip arti.
Nebent aš atsitiktinai ištrintas mano scenarijus dėl šio vieno.
Ne, tai šalis dot JS.
Gerai išlaikyti.
Aš ruošiuosi kopijuoti tai, ir aš taip pat tik ketina ištrinti viską,
nes turėjau ši darbo anksčiau.
>> Pažadu ji veikia.
Jei ne, aš jums parodysiu, ką Tommy yra.
Ir ten.
>> Auditorija: Jūs nuorodos šalis dot CSS, ir tai šalis dot js.
>> ALLISON Buchholtz-AS: Ak, taip pat čia yra šalies dot JS.
Gerai, ką aš padariau skiriasi?
Gerai, mes pamatyti, jei ji veikia dabar.
Bam.
Taigi, aš nežinau, ką aš padariau kitaip, bet tai, kas turi įvykti.
Kinda kietas.
Aš spustelėjote tai, kaip, amžinai.
Tačiau mes galime išbandyti ir pamatyti, ką aš padariau kitaip, kad tai vienas turėjo.
Aš nežinau apie jus vaikinai, bet tai atrodo iš esmės, ką aš tik rašė.
Yra tikriausiai buvo trūkstama kabliataškis kažkur yra mano dalykas.
Tiesą sakant, kai, manau, kad trūksta kabliataškis čia iš tikrųjų.
Bet aš negalėjau pamatyti, nes tai buvo išjungti ekrano.
>> Bet jei pastebime, tai yra gana daug ką aš tik rašė.
Manau, turbūt sunkiausia dalis apie tai tiesiog rūšies šio dalyko teisė
čia supratimas ką jis čia veikia.
Šie dalykų rūšių jūs išmoksite tikrai tik "Google" paiešką ir sąžiningai
tiesiog bando.
Jei manote, kad yra keletas atributas, ten tikriausiai yra.
Taigi pabandykite jį.
Žiūrėkite, kas atsitinka.
Kaip jau sakiau, yra daug " eksperimentavimas su JavaScript,
ir PHP ir visa, Daiktai, ir CSS ypač.
Štai tik tiesa būdas ją suprasti.
>> Gerai, kad po šio fiasko su šalies dot JS, mes turime dvi kitas galimybes.
Mes turime laikrodį arba Twitter.
Jie abu įdomu.
Gal ne visai taip smagu, kaip šalis, kuri turėjo atvėsti mažai šviesos blyksniai
dalykas pabaigoje.
Ar jus vaikinai turite kokių nors pirmenybę?
AUDITORIJA: Laikrodis?
ALLISON Buchholtz-AS: Laikrodis?
Gerai.
Nemokama.
>> Taigi dar kartą, mes turime tuščias failas JavaScript.
Ir kaip matome čia, mes turi keletą labai paprastą HTML.
Mes turime stiliaus lapą, kad tik formatai, ką ji turėtų atrodyti.
Mes turime div su laikrodis ID, kuris
tiesiog sako, "tai turėtų būti laikrodis".
Ir mes turime mūsų nuorodą mūsų JavaScript failą
Štai tikrųjų ketiname generuoti mūsų laikrodis mums.
Kadangi cool dalykas yra tai, kad jūs galite nustatyti JavaScript, kad automatiškai atnaujinti
pati.
Gerai?
Taigi vietoj laukia vartotojui paspausti Atnaujinti puslapyje
taip, kad jūs galite gauti atnaujinamas, "JavaScript"
gali ją atnaujinti, tačiau ji sako, kad patinka.
>> Taigi, kaip ir mūsų paskutinis, mes norėjome prieiti prie mūsų foną, ar ne?
Taigi, ką jūs manote galėtų būti Pirmas dalykas, mes norime padaryti čia?
Jei mes rūšies nenukryptų ši paradigma čia rūšiuoti?
Mes tikriausiai norite prie mūsų laikrodis, tiesa?
Taigi, mes turime kai var laikrodis, kuris equals--
Ką mes manome, kad tai bus?
Dokumento taškas gauti elementą by-- Aš taip pat myliu Sublime-- ID ir mūsų identifikatorius yra laikrodis.
Kabliataškiu.
Turite įsitikinti, gauti tie kabliataškiai šį kartą,
nes aš jaučiu, kaip kad buvo problema paskutinį kartą.
Gerai taip, kaip man buvo tiesiog pasakyti su bando turėti JavaScript atnaujinti pati,
ten tai puiki funkcija, aš žinau, tai buvo naudinga ir pernai,
Aš nesu įsitikinęs, tai praverčia tai pset, tačiau ji vadinama nustatytu intervalu.
Ir tai yra tikrai tikrai cool, jei jus vaikinai nieko daryti
su laiku arba gauti atnaujintą informaciją.
Dėl pasiūlymo dėl galutinio svetainėje Projektas, tai tikriausiai
funkciją, kurią norite gauti super susipažinę su.
Taigi, kas nustatyta intervalą daro tai, kad mes ketiname suteikti funkciją,
ir kaip dažnai ji turėtų skambinti šią funkciją.
Gerai?
>> Taigi šiuo atveju, mes tik ketina vėl sukurti kai anoniminis funkciją,
Gerai, kad ketina gauti mūsų data ir mūsų laikas,
ir tada atnaujinti daiktus ir rodyti jį.
Taigi mes nerimauti apie tai.
Mes bus kaip sukurti laikrodį čia.
Bet ką mes turime, yra kaip dažnai reikia atnaujinti ją.
Taigi šiuo atveju, tai tik kelias milisekundes.
Taigi mes tik ketina padaryti 100 milisekundžių.
Žinoma, visiškai savavališkas.
Jei nori, kad atnaujinti daug lėčiau, galite.
Mes galime pažaisti su nustatytu intervalu,
kaip didelis mūsų intervalas yra, kai mes gauti darbo laikrodis, kuris tikiuosi bus
gauti.
Taigi tai yra tiesiog pasakyti, "Gerai, skambučių ši funkcija kas 100 milisekundžių.
Gerai?
Štai visa tai daro.
>> Taigi, ką mes norime, kad mūsų funkcija padaryti, tai mes norime turėti tam tikrą datą
o kai laikas yra tai, ką mes ketiname turėti.
Taigi, mes galime pradėti su mūsų data yra lygi kažką
ir mūsų laikas lygus kažką kad mes dar nežinome.
Arba iš tikrųjų, mes tiesiog reikia datą, nes data ketina apima viską.
Vėlgi, jei jūs tiesiog "Google nieko apie tai, ką norite daryti, jei rašote, "Gerai,
Noriu gauti laiką naudodama JavaScript ", tai
duos jums tai puikus funkcija vadinama GET data.
Drąsiai, daugelis dalykų kad jūs norite daryti,
JavaScript yra ketinate turėti tai padaryti už jus jau.
Taigi, tai tiesiog kaip naujas gauti datą, kuri yra creating--
arba nauja data, rather-- kuris yra generuoti
kai objektas, kuris atstovauja datą.
>> Ir tai, ką mes ketiname daryti čia yra tai is-- aš ruošiuosi rašyti tai,
ir tada paaiškinti, ką ji daro.
Taigi aš įsitikinkite, kad gauti šią teisę.
>> Gerai, kad tai, ką ši funkcija daro, yra Užtenka tik
sukurti HTML, kas iš tikrųjų ketinate eiti per mūsų div id laikrodis.
Taigi, kas tai ketina daryti yra tik generuoti šiek eilutę, gerai?
Tai tada bus persodinami į mūsų HTML.
Iš esmės tai, ką jis ketina padaryti, tai kokia we--, ką aš jums parodysiu
yra kad ir ką pasakyti HTML, mes ketiname pakeisti šį tekstą čia
su kokia HTML.
Taigi tai vyksta, kad būtų galima mums pakeisti mūsų laikrodis tašką
HTML gražu tai tekstas turėtų būti laikrodis, iš tikrųjų rodo
Skaičiai ir dalykų, kurie mums rūpi apie, ir iš tikrųjų būti val.
>> Taigi, ką mes ketiname daryti, tai mes ketina pradėti generuoti šį HTML.
Taigi, tuo pačiu būdu, kad mes naudojamas daryti plius lygus už sveikieji skaičiai,
dabar jūs galite padaryti, kad stygos, išskyrus tai vyksta Jungiant juos.
Teisė?
Kaip matėme su šalies dot JS, tai tik concatenates visus šiuos dalykus kartu.
Taigi galite Jungiant skirtingus bitai HTML iš kintamųjų, ar bitai stygos
kad jūs rašyti Būk, ir tai tik
tikrai leidžia dinamiškai generuoti HTML, kuris yra gana kietas.
Taigi, jei turite kažką patogus naudoti konkrečius,
tai gali leisti jums tai padaryti.
>> Taigi, mes turime HTML, kad aš ruošiuosi išbandyti ir įsitikinti, kad aš galiu gauti šią teisę.
Taigi mes ketiname daryti, kai h1 antraštę.
Taigi, kas yra svarbu suvokti čia yra tai, kad tai yra iš tikrųjų tik HTML.
Teisė?
Rašome tikrasis HTML kodas čia, tai
ne tik į įprastas styginių būdas, kad mes apie tai galvoti.
Taigi, mes turime šiek tiek HTML.
Manoma, kad tai eilutė čia nors.
Ir mes tai darome datą dot-- mes norite gauti mūsų valandas.
Vėlgi, jei jums buvo ieškoti iki nieko apie datą,
tai papasakoti visa tai yra atributus, kad data yra.
Ir štai, ką jūs galite naudoti jį.
Taigi tikriausiai jis toks ir yra dalykų, pavyzdžiui, gauti valandas, ir gauti minutes,
ir gauti sekundžių, ir gauti milisekundžių, ir kas žino, ką dar jie turi.
Bet jei pažvelgti į dokumentacija, tai visi bus ten.
>> Taigi, mes turime gauti valandas, ir tada mes norime
Jungiant kad with-- aš ketina perkelti tai čia.
Taigi, jei mes generuoti dabar, mes faktiškai generuoti laiko, tiesa?
Mes turime valandas, o tada kas tarp valandų ir minučių?
Turite kabliataškį, tiesa?
Taigi mes norime ką nors kabliataškį čia.
Ir tada mes norime gauti mūsų minučių, todėl tuo pačiu būdu,
kad mes turime data taškas gauti valandas, kaip gali mes gauname mūsų minučių?
Tai tiesiog datuojami taškas gauti minučių, kurias aš lyg.
Tai, pavyzdžiui, "O, kaip aš gauti savo minutes? "
Aš tiesiog gauti savo minutes.
>> Gerai.
Ir tada mes turime kitą dvitaškis čia.
Ir tada, jei norime gauti mūsų sekundžių, kaip gali mes gauti mūsų sekundę?
Data dot gauti sekundžių.
Manau, kad tai gana kietas.
Ir kas svarbu suprasti, yra tai, kad mes taip pat
reikia uždaryti mūsų HTML tegus čia, nes ji vis dar turėtų galioti HTML, taigi H1.
Nemokama.
>> Taigi, po to, ką galime padaryti, laikrodis dot vidinis HTML yra lygus HTML.
Gerai?
Taigi prisiminti, kaip sakiau vidinis HTML esmės
trunka kokia yra tarp du žodžius, kad mes kalbėjome apie
ir įdėklai ar manipuliuoja kas yra ten?
Taigi, kas tai daro, jei mes einame atgal į mūsų laikrodis,
yra tai, kad laikrodžio reiškia viskas per šį div.
Tai yra vidinis HTML Šio Id laikrodis div.
Ir taip ji ketina jį pakeisti HTML, kad mes tik sukurtas,
kuris, kuri, tikiuosi, tikiuosi, tikiuosi,
rodys laiką dabar.
Pamatysime.
Žinoma.
Tiek daug techninių klausimų.
Allison anketa just-- aš nuo mano žaidimo šiandien vaikinai.
Gerai, kad veikia.
laikrodis dot vidinį HTML.
Tai buvo HTML Tikrai?
Taip pat tai, kas vyksta.
Kai jūs negalite pamatyti kažką, jums tiesiog pažvelgti į savo kodo.
Gerai.
Ar jūs norite žinoti, vėsioje darbą aplink kad mes ketiname daryti čia?
>> AUDITORIJA: Ar jūs didžiųjų raidžių?
Didžiosios raidės?
Kadangi jūs turite gauti valandas, ir tada gauti minutes.
>> ALLISON Buchholtz-AS: Tai yra gauti valandas ir get-- oh.
Jūs are-- aukso žvaigždė.
Tai visų bandymų, vaikinai.
Pažadu, kad dirbau prieš klasę.
>> Gerai, bet kažkas kietas žinoti kad galite also-- jei kartais
Jūsų išoriniai failai vis tiek kvailai,
Taip pat galite tiesiog įdėti juos tiesiai čia, kuris yra linkęs nustatyti dalykus.
Išskyrus tai, kaip iš tiesų negraži.
Žinoma formatuoti viską.
Įsitikinkite, kad viskas gana.
Gerai.
>> Aš norėjau padaryti visas cool demo, ir jie tiesiog nėra darbo.
Gerai.
Scenarijaus var laikrodis.
Anyways, kas svarbu , kad tai yra bendras būdas
kad jums būtų formatuoti JavaScript.
Kaip matote, ji gali būti labai smulkmeniškas, kartais,
net tada, kai ji buvo tiesiog darbo prieš dvi sekundes.
Arba ne du antros prieš bet labai, labai neseniai.
>> Taigi, norint parodyti, ką jis turėtų atrodyti, ir parodyti jums, kad aš nesu pamišęs,
ir kad viskas yra tiksliai Tas pats, tai yra, ką ji turėtų atrodyti.
Jūs esate tik ketina tai padaryti viršutinę dalį čia, o jei jums peržiūrėti puslapio šaltinį,
jei pastebėjote, jis padarė kai crazier dalykų, aš supaprastintas ją.
Be to, kredito Tommy McWilliam, kurie iš tikrųjų
man padėjo sukurti šių pavyzdžių, kuris yra, kodėl aš žinau, kad jie dirba.
Kadangi Tommy JavaScript meistras.
Bet jei pastebime, mes turime tam tikrą rinkinį.
Mes turime laikrodžio funkciją čia.
Tai viskas Javaskriptą, kad mes tiesiog rašė, arba kai iš jo.
Mes tiesiog parašė šią vieną čia.
Ir jis turi papildomai funkcija, kuri tiesiog kilimėliai ją
įgyvendinant nulis prieš laiškas arba prieš skaičių, jei tai
tik vienas iš jų.
Taigi, jei pastebėjote, tai yra gana daug ką mes ką tik parašė.
Jūs turite šiek tiek kintama laikrodis turi savo elementą, gauti elementą ID
kuris yra laikrodis.
Mes turime nustatytą intervalą funkcija, tai
Anoniminis funkcija kad vykdo visa tai.
Mes kai pradeda string HTML, kad mes tada dinamiškai
generuoti, turintys kai H1 antraštė, concatenating
su gauti valandas, plius mūsų dvitaškis, plius gauti
protokolą, plius dar Dvitaškis, plius mūsų sekundžių,
ir, galiausiai, baigiant HTML už jį.
Ir tada mes atnaujiname mūsų laikrodis dot vidinį HTML HTML,
ir mes atnaujiname kas 100 milisekundžių.
Gerai?
>> Žr Pažadu aš nesu pamišęs.
Nežinau.
Aš nežinau, kodėl ji nemėgsta manęs.
Jaučiu, kaip atrodo tas pats, bet, matyt, jis nekenčia manęs.
>> Taigi pažiūrėkime, jei ištisus tris eina geriau.
Mes pasiruošę žiūrėt.
Aš nesu įsitikinęs, kaip tai vyksta eiti.
Ar kiekvienas bent gauti trūkumus, pavyzdžiui, tik bendrojo tema
JavaScript, nors?
Tikiuosi, kad tai bent naudinga daugiau nei rodo, kad tai šiek tiek smulkmeniškas.
Bet jūsų problema rinkinys bus labai smagu.
Tai bus puikus.
Tai nebus visai taip nuobodu kaip šis, aš nemanau, kad.
Jūs iš tikrųjų gauti pamatyti tikrai cool dalykų.
>> Taigi paskutinis, bet ne mažiau svarbu, mes bandysime Twitter vieną.
Aš tikrai bijau dabar vaikinai.
Aš nežinau, kaip tai vyksta eiti.
Bet tiesiog suteikti jums šiek tiek daugiau skonis, ir tai yra iš tikrųjų
manipuliuoti stygos ir įėjimai, ką mes ketiname daryti
yra, jei pastebime čia HTML-- tai vienas truputį more--
mes turime tam tikrą teksto sritį, kuri atitinka šio teksto srityje čia.
Gerai?
Ir tai yra teksto Id.
Mes perdaryta tai truputį su tam tikru pločio ir aukščio
kad mes iš anksto, ir mes h1,
kuri tiesiog yra mūsų antraštės vienas, kad atstovauja paliko mūsų simbolių.
Mes davė jam šiek id Likę personažai,
ir tada mes turime tam tikrą scenarijų čia, o aš tikrai
tikiuosi trečias kartas s žavesys čia, vaikinai.
>> Taigi, ką mes norime padaryti, toje pačioje bendrojo veną
kad mes padarėme su laikrodžio dot js ir šalies taškas JS kaip mes pastebėjome,
yra mes pradėtas iš tikrųjų greiferiniai dalykų, kurie mums rūpi, ar ne?
Taigi, šiuo atveju, yra du dalykų, kurie mums rūpi, gerai?
Vienas dalykas, kad mes iš tikrųjų rūšies ieško ir piešimo duomenis,
ir vienas dalykas, kad mes iš tikrųjų keičiasi.
Taigi mūsų HTML.
Jei tai yra mūsų interneto puslapis čia, kas duomenų, kad mes ieškome?
Tai bus whatever mūsų dėžės tekstas, tiesa?
Taigi, ką aš tipo čia.
Štai ką aš noriu žinoti, ar kad tai, ką aš noriu pažvelgti.
Ir kas bus keičiasi mūsų tinklalapį?
Personažai likę.
Taigi, tuo pačiu būdu, mes nori pradėti Inicijuojama kintamuosius
kad iš tikrųjų eiti į šiuos elementus.
Gerai?
Taigi, jei mes turime kai var tai yra mūsų teksto sritis,
ir mes turime tam tikrą var, kad yra likę.
Teisė?
Taigi jie ketina palaikykite šiuos du dalykus.
Taigi tos pačios rūšies dalykas, dokumentas dot-- Gerai, aš
ketina įsitikinti, kad tai yra ketina dirbti šį kartą.
Esu labai nepermaldaujamas.
Gerai, kad jeigu mes norime, kad mūsų teksto sritis, pagal
mūsų HTML, kas mūsų identifikatorius?
Kas mūsų Id?
Tai tiesiog bus tekstas, nes tai sukuria mūsų teksto sritį, gerai,
ir mūsų identifikatorius yra tekstas, kad tai kaip mes galime paimti tai, kas ten.
Gerai, kabliataškis.
Aš ruošiuosi super tiksli apie tai,
nes aš noriu šį darbą šį kartą.
Gerai, daryti tą patį, gauti elementą Id.
Aš tikrai įdomu, kas yra sukelia kitas dvi bałagan.
Gerai, tada šį vieną, ką mes norime pasiekti?
Kas mūsų Id čia?
Mes turime dar vieną ID Mūsų HTML, kas tai yra?
AUDITORIJA: likę simboliai.
ALLISON Buchholtz-AS: Likusi simbolių.
>> Gerai.
Nemokama.
Taigi, aš tik ketina rašyti tai tikrai greitai.
Aš tik ketina rašyti tai sekundę.
Taigi teksto srityje.
Kas įdomu yra B function-- ten Yra daug funkcijų, kad ne tik
atitinka jūsų pelė, bet jūsų klaviatūra.
Gerai?
Taigi jūs galite pasakyti, kada nors svarbiausia yra nuspaustas, tai galite padaryti dalykų, pavyzdžiui, kad.
Taigi vienas, kad mes, naudodami šaukiamas klavišą aukštyn, o
sako: "jei jūs paspaudėte bet kurį mygtuką Jūsų klaviatūra, kai vartotojas pakėlė
jų pirštu išjungti tą mygtuką, ir svarbiausia tapo nepaspaustu,
tada mes ketiname kažką daryti. "
Gerai?
Taigi, tai turi prasmę, ar ne?
Kadangi kiekvieną simbolį mes tipo, mes ketiname
turi pakelti mūsų pirštais jo, todėl, kai raktas eina aukštyn,
mes galime žinoti, kad Mažėja mūsų Liko simbolių.
>> Taigi, mes turime kai kurie raktas į viršų, ir tuo pačiu būdu,
mes ketiname pasakyti, "Gerai, kai mes darome, kad mes
ketina sukurti tikrą funkciją, ketina imtis e ", šiuo atveju,
ir ką mes norime padaryti, tai apskaičiuoti skaičių likusį.
Gerai, kad galime tik pradėti sukuriant kintamąjį.
Taigi, mes turime tam tikrą kintamojo r, kad ketina atstovauti
kiek simbolių mes palikome.
Gerai?
Mes žinome, kad pradėti 140, ir jei mes norime žinoti,
tarkim, kad šis ilgis eilutė, kad buvo įvesti,
Ar jums vaikinai turi kokią nors idėją, kaip mes galime padaryti?
Tiesiog pagrįstas ne akivaizdu dalykų, pavyzdžiui, jei mes norėjome valandas,
mes naudojome gauti valandas.
Mes žinome, kad mūsų tikslas yra teksto srityje, tačiau gali jums vaikinai
galvoti apie tai, kas gali ateiti po jo?
Any ideas?
>> Taigi tai vienas anketa rūšies mažiau intuityvus, bet tai vertė taškas ilgis.
Taigi tiesiog man kai vertė atributas,
iš tikrųjų yra šio eilutės ilgis.
Taigi jis ketina pasakyti: "Gerai, aš ieškau ne visos šios eilutės per teksto srityje,
ir aš ruošiuosi pasakyti Jums, kaip ilgai ji yra. "
Nes jei mes prisimename stygos yra tikrai tik matricos,
todėl mes galime tiesiog pasiimti iš jų ilgį.
Taigi, mes turime tai.
Nemokama.
>> Tada, ką mes norime padaryti, tai mes niekada nori leidžia naudotojui
įvesti daugiau nei 140 simbolių, tiesa?
Nes jei mes sakome, pavyzdžiui, "O, jūs tik tai kas likę "
ir tada tegul tai padaryti Anyways, mes buvo melas.
Ir tai yra dar dalykas, kad "JavaScript"
gali būti tikrai geras Nes yra vartotojas patvirtinimas
ir įsitikinkite, kad jūsų vartotojas telpa jokių taisyklių
kad jūs jiems suteikta.
Taigi, jei jūs norite padaryti kažką panašaus padaryti kad kas nors įvesties savo elektroninio pašto adresą,
arba užtikrinti, kad, kai jie įvesti du slaptažodžius, jie atitiko.
JavaScript gali tai padaryti.
Galima būtų padaryti kažką panašaus, "kai forma pateikta ", arba kaip,
"Kai Pateikti mygtuką Forma yra paspaudėte, patikrinkite visus šiuos dalykus. "
Ir mes galime padaryti, kad "JavaScript".
Štai ką mes ketiname padaryti čia.
>> Taigi, kas gali būti būdas patikrinti, ar jie dingo daugiau kaip 140 simbolių?
Kas nutiks Mūsų vertė r, jei jie bando?
Tai bus neigiamas, tiesa?
Arba jis bus mažiau nei arba lygus nuliui.
Taigi, mes galime naudoti, jei tai tiesiog kaip ir visa kita.
Gerai?
Ir mes turime tam tikrą teksto srities tašką vertė, o tai, ką mes darome čia
yra mes tiesiog cutting-- kas tai yra?
Atsiprašau.
Tai vienas, mes tiesiog norime grįžti klaidinga.
Aš susipainiojo.
Viskas frazzled iš dalykų neveikia.
Gerai, mes tiesiog norime grįžti klaidinga, ir tada mes
norite, kad būtų rodomas Likusi simbolių, tiesa?
Taigi su laikrodžiu, mes padarėme kažkas su vidiniu HTML, tiesa?
Kur mes nustatyti, kad jis lygus kai kintamasis, tai kas gali mes čia?
Ką mes keisti vidinį HTML yra?
>> AUDITORIJA: Likęs?
>> ALLISON Buchholtz-AS: Zmieniamy likę.
Viskas gerai, ir ką mes norite nustatyti, kad jis lygus?
Tai bus r, nes tai turėtų būti likęs mūsų simbolių.
Gerai?
Taigi, aš tikrai nervų norėdami pamatyti, jei tai veikia dabar, bet mes pamatysime.
Palikite tai.
Tai tikrai greitai.
[Nesigirdi] Gerai.
Vėlgi, aš tik ketina parodyti jums.
Dėl kokios priežasties, mano nusprendžia nedirbti,
bet ką aš jums parodysiu, kad tai is-- oh turėjau įdėti, kad.
Gerai, pastebime, tos pačios rūšies dalykas čia, gauti teksto sritį.
>> Be to, jei jums vaikinas pranešimas, jei nėra kada ką jūs norite daryti,
ir jūs nežinote, kaip tai padaryti jis, tiesiog spustelėkite Rodyti puslapio šaltinį,
ir jie ketina pasakyti jums.
Kartais tai bus šifruojamas.
Jūsų pset, mes užšifruoti viską, todėl tik atrodo svaičiojimas.
Bet jei ten kada nors tikrai kietas svetainė, kuri jums patinka,
jei jūs tiesiog spustelėkite Rodyti puslapio šaltinį, jis ketina pasakyti jums, kaip tai padaryti.
Taigi dar kartą, dirbti sumaniau, o ne sunkiau.
Ir kaip matote čia, visi šie daiktai yra ta pati.
tai vienas čia tik užima šiek eilutės kad aš pamiršti, ką šis daro.
Bet tai akivaizdžiai užima šiek eilutės vertės, nuo nulio iki dešimties,
ir grąžina klaidinga, kas turėtų sustoti naudotojas iš įvesdami daugiau,
ir tada akivaizdžiai atnaujina vidinis HTML nėra.
>> Nemokama.
Taigi didelis Imtis paėmimai iš šiandien Eksperimentas, pažvelgti kodo
nes jis ketina padėti jums daug, ir visi, kartais Javaskriptą
gali būti sunku dirbti ir ne visada veikia taip, kaip tikitės jį,
bet tiesiog stengiuosi nes aš pažadu, kad bus.
Pažadu visi šie pavyzdžiai dirbo prieš klasę.
Aš nesuprantu, kas atsitiko.
Aš tiesiog turi viską tą patį.
>> Dar vienas dalykas, kad aš tik noriu parodyti jums, vaikinai, kurie gali būti itin naudinga
yra in-- kas dirbo anksčiau?
Mes turime partiją į darbą, nebuvo mes?
Manau, kad taip.
Taip.
Mes padarėme.
Nuostabus.
Gerai, kad vienas dalykas, kad vaikinai turėtų žinoti
yra konsolės žurnalas, kad aš kalbėjau apie tai.
Taigi konsolės dot žurnalą labas.
Taigi tai yra rūšies JavaScript ekvivalentas printf.
Taigi, jei jūs kada nors norite patikrinti savo kintamuosius
arba pamatyti, kas vyksta ten, ką Jūs galite padaryti, tai, jei mes patikrinti elementą,
yra tai, ką jūs norite eiti kad ir jūs einate į paguosti,
Jūs pamatysite, kad jis atspausdintas Hello.
>> Taigi, mes galime jį Spausdinti kokia norėjome.
Jei mes norime, kad ji spausdinti fone dot dot stiliaus fone,
turėtume sugebėti pamatyti RGB trivietis, kad ateina.
Arba ne.
Aš pamirštu, kaip tiksliai jums spausdinti panašaus kintamojo,
bet jums turėtų būti suteikta galimybė spausdinti dalykų, pavyzdžiui, kad.
Tai bus labai naudinga Jūsų pset jei toks
Jūs bandote manipuliuoti koordinuoja arba Papuošalą.
Taigi jie taip pat pakeisti šį kūrinį klasėje.
Tai skiriasi nuo pastaruosius metus, todėl tiesiog malonu jūsų TFS arba TFS
ne darbo valandomis, o, nes mes esame rūšies mokymosi kartu su jumis vaikinai.
Bet konsolės žurnalas buvo super, super naudinga JavaScript pernai.
Taigi tai patinka.
Sužinokite, kaip jį naudoti.
Tai lengviau naudoti nei GDB, kad turėtų būti bent pliusas.
Bet Dėkojame vaikinai guolis su manimi.
Aš atsiprašau, kad mano pavyzdžiai kažkodėl
tiesiog nenorėjo bendradarbiauti su manimi, bet aš
tikiuosi, kad tai padėjo rūšies jums tiek daugiau JavaScript zonoje.
Ir man atsiųsti visus savo klausimus Kitą savaitę, kad galėčiau būti super remontuoti,
ir aš pareikšti saldainiai ir net papildomai saldainiai, nes tai buvo juokinga.
Bet jūs vaikinai yra didelis, ir turėti nuostabus savaitę.