Allison BUCHHOLTZ-AU: Bone ĉiuj.
Bonvenon reen al sekcio.
Estas nia antaŭlasta sekcio.
Estas tiel malĝoja.
Mi ne scias kion mi tuj faros sen vidi vin infanoj ĉiun lundon.
Mi supozas ke ni devus just-- eble ni povus simple
renkonti ĉi tie kaj havi vespermanĝon aŭ ion.
Mi ne scias.
Mi alportos manĝaĵon anstataŭe.
Ni simple paroli.
Sed jes, proksima semajno esti nia lasta sekcio.
>> En tiu noto, vi havas kvizon venontan semajnon.
Mi scias ke mi forgesis fari mian, kiel, du semajno anticipo avizo pasintsemajne,
sed espereble vi uloj sciis ĉi venas.
Espereble tiu estas unu el la lastaj midterms por vi uloj por la semestro.
Sed tuj kovri ĉiujn materialo kiu ni transiros.
Do ĝi ne estas kiel vi povas simple forgesi ĉirkaŭ kvar maŝojn aŭ variabloj.
Ĉar ni lernis tiuj en la komenco,
tiuj estas evidente justa ludo por via kvizo.
>> Ĝi tuj estos la sama formato, sama longo, do vi jam estas uzitaj al ĝi.
Tie tuj estos kodigo mane problemoj,
eble iuj vera falsa, eble iuj mallongaj respondo.
Do vi devus esti familiara kun la formato,
speciale se vi prenos la praktiko provoj.
Sed kiel mi diras ĉi tie, estas akumula, sed ni estas definitive
tuj estos centrita en aĵoj de semajno ses antaŭen.
Do, ni verŝajne ne tuj demandi vin pri kiom da bajtoj
estas en ĉiu tipo aŭ tiujn varojn de aĵoj,
sed ni probable tuj estos interesiĝas pri aĵojn kiel ligitaj lertaj,
aŭ malsamaj datumstrukturoj, aŭ malsamaj algoritmoj
ke ni raportis.
Do certigi ke vi estas vere supren sur tiuj, kaj se vi
bezonas rimedojn, jen multaj rimedoj.
Mi simple donis al vi specon de rapida lerta tie.
>> Sekva semajno estos kvizo revizii dum tiu tempo.
Do se vi havas demandojn aŭ specifaj temoj,
specifajn aferojn sur la kvizon ke vi ŝatus iri super, bonvolu
sendi ilin al mi anticipe de tempo do mi povas speco de prepari iun materialon por tio.
Kaj krom tio sekcio recenzo, ni
ankaŭ esti tenante la kurso Monda revizii kiel ni faris lastan fojon.
Kaj ĝi tuj estos farita de la samaj homoj.
Mi ne scias se tiu faras pli bona aŭ plej malbona,
sed tuj estos mi, Hannah, Davan, kaj Gabe denove.
Do se vi volas veni vidi ni ĉiuj ŝercoj reciproke
kaj marŝi vin tra kvizo recenzo, vi devus definitive
venu al tiu proksima lundo ankaŭ.
Do vi nur devas lundo marmelado pakis de kvizo revizio, kiu estas bona
ĉar tiam vi havos mardo procesi tra ĉio.
>> Sed definitive faras kontrolu el tiuj rimedoj.
Study.csv.net estas por for, mi opinias, unu el la plej utilaj,
ĉefe ĉar ĝi havas multe de specimeno kodo,
ĝi havas ĉiujn Power Punktoj kun ĉiuj notoj en ĝi,
kiu estas vere kion mi tiros plej de miaj sekcio materialoj el.
Se estas io en antaŭa sekcioj kaj mi forsendis
ke vi ne havu alveninta, simple lasu min scii.
Ŝati pasinta semajno specimeno kodo, se iu ne havas tiun,
nur retmesaĝi min eniradon alparolas min, kaj mi certigi ke vi ricevas tion.
>> Do kun tiu, ni hodiaŭ iras esti parolante pri Ĝavoskripto.
Do jen ni Tommy, kiu mi estis ĝuste parolus al vi hieraŭ nokte.
Mi amas Tommy.
JavaScript estas lia favorito lingvo, kiel li diras tie.
Ili provos kaj diri vin ke ĝi estas ne la pli bona, kaj ili estos malprava.
Do Tommy estas JavaScript mastro.
Mi ne komprenis pro lia nivelo, sed mi estis kiel,
"Tommy, kiel mi instruas tiuj infanoj JavaScript? "
Kaj mi acxetis iujn konsilojn, do espereble ili funkciis.
>> Do paro tion scii estas ke JavaScript estas kliento-flanko scripting
lingvo, do dum PHP estas io ke ni konsideras pli servilo-flanko,
estis alŝuti al la servilo, kompilita kaj ekzekutita tie.
Ĉi tiu estas ekzekutita en via propra maŝino.
OK?
Do vi ŝarĝi iuj Javascript paĝo, kaj ĝi ekzekutas en via maŝino.
Sintakso estas tre simila al C kaj PHP.
Ni intencas iri tra iuj ekzemploj de Ĝavoskripto,
kaj vi tuj vidos, ke la Tiel ni parolas pri variabloj, loops,
kaj kondiĉojn estas ĉiuj tre similaj.
OK?
La fakto ke ili estas tiel similaj estas probable tuj trip iuj el vi
supren, en iuj kazoj, nur ĉar vi korpigi iom de C
kie devus ne esti.
Eble vi provu tajpi ion kiam gxi ne tajpis.
>> Kaj en tiu, unu afero scii estas ke Ĝavoskripto
estas dinamike tajpita lingvo, kiel PHP.
Do se vi infanoj memoras de sekcio pasintsemajne,
kiam ni estis speco de faranta niaj PHP kraŝo Kompreneble,
ni vidis, kiel ĉenon oni povas esti igitaj int unu ks.
La tipo de viaj variabloj estas determinitaj je tempo de ekzekuto,
do ili povas ŝanĝi dum la kurso de la programo,
kaj en la sama maniero ke ni neniam vere deklari tipoj por PHP variabloj,
ni tuj faros la saman afero tie, kie ni ne estas vere
kontroli la tipojn de nia variabloj, tiel diri, kiel ni faras en C.
>> Kaj tiam unu afero kiu estas sufiĉe malvarmeta estas
ke vi povas eraro kontroli tra la konzolo,
kun tiu granda funkcio console.log, kiu
permesas al vi presi malsamajn variabloj aŭ objektoj kiujn ni
paroli.
Nur kiel lasta semajno, kiam mi estis kiel, "uzi tiun funkcion", kun nekropsia
de via pset ĉi estas funkcio vi volas uzi, console.log.
Mi estis tiom surprizita kiom lernantoj ĉe oficejo horoj
ne sciis pri la nekropsia funkcio.
Kaj mi estis kiel, "knaboj, tiu volo faros vian vivon multe pli facila. "
>> Bone, tiel ke estis speco de nur mallongan aferon, kiel cxiam,
Ni havas ekzemplojn.
Mi konas vin infanoj amas tiujn.
Do jen ekzemplo de tre simpla Javascript dosieron tie.
Do ĝi estas nur tuj kreos ĉi popo-up kiu diras,
"Saluton mondo" kiam vi eniri la paĝon, sed ni
provu kaj trairu ĉi iomete.
Do evidente tio estas nur kiel via normala index.html.
Do, nur nia normala ŝablono ĉi tie, kaj ni havas HTML, ni havas nian kapon,
kaj ĝuste kiel kun CSS, kiel ni inkludis iuj ekstere dosiero, dekstra?
Ni havas kelkajn skripto tipo teksto kiu estas JavaScript.
Kaj la fonto estas hello.js, kio estas malsupren tie.
Tiu estas la tuta dosiero de hello.js.
Kaj tiam ni havas kelkajn titolo kaj iuj korpo HTML
ke ni ne vere zorgas pri.
>> Kio okazas estas, kiam ni ŝarĝas la paĝon, ĝi aŭtomate ekzekutas ĉi skripton.
OK?
Do Javascript volo ekzekuti aŭtomate.
Do kio okazos al fari, ĝi okazas tuj iru kaj ekzekuti ĉi.
Kaj ĝi tuj diros, "garde.
Saluton mondon. "
Kiu garde estas la funkcio kiu fakte generas ĉi skatolon.
OK?
Do estas speco de ĉiuj ampleksas.
Estas nenio ekstra ni devis fari krom nur garde,
kaj tiam, kion ajn ni volis ene nia Alert skatolo.
OK?
Do tio estas nur súper simpla Ekzemplo de kion JavaScript povas fari.
>> Unu el la vere malvarmeta aferojn, kiel ni vidos,
estas ke JavaScript permesas manipuli via retpaĝojn,
sen devi reŝarĝi ilin ĉiufoje.
Do se vi want-- ekzemple, se vi sxvebis super io,
se vi uloj iam havi vidita kiel Menuo rigliloj,
aux kiam vi ŝvebi super iu temon, oni falmenuo aperas,
tio estas ĉar de Ĝavoskripto.
OK?
Do vi ne reŝargi la tutan paĝo por akiri ĉi tiu menuo montri supren,
vi nur serĉas iun specifan ago kiu la uzanto prenis,
kiuj estas nomitaj okazaĵoj kiujn ni ricevos en, kaj iam vi vidos tion, vi diras,
"OK, korektas ion sur tiu paĝo kaj fari simili malsamaj,
sed nur eldoni tiujn specifajn aferojn.
Ne reŝargi la tutan aferon. "
Do ĝi vere estas multe pli agrablaj, kaj vi ne devas reŝarĝi vian paĝoj,
Kaj ĝi estas vere malvarmeta.
>> Do variablo deklaroj, do vi povas ia vidi,
Mi surmetis supro tie, lakse tajpita.
Do ĉi aspektas kiel PHP.
Ni ne bezonas diri Ĝavoskripto kion tipo ni estas
atendante ĉiu el tiuj variabloj esti.
Ili povas esti kio ajn tipojn ni volas.
Do vi rimarkas en ĉi tiu kazo, ni deklaras ili tre simple, nur kun "var"
kaj tiam kion ni volas niaj variablo nomo esti.
Unu afero noti estas ke kiam vi metis var antaŭ variablo nomo,
ĝi loke medioj ĝi.
OK?
Estas tute racie por vi tute simple viŝi la var
kaj ĝuste havi s egalas CS50, kaj ke estus nur tutmonda variablo.
OK?
Do vi povas pravalorizi ĝi ambaŭ vojoj nur dependas de kiel vi volas.
Do se vi inicialización tio ene de funkcio,
kaj vi volas ke variablo al resti scoped ene de tiu funkcio,
Vi tuj volas fari iu kiel var enoficigi ŝanĝiĝemaj,
kontre se vi volas ŝin tutmonde scoped, vi
povas simple fari la nomon de la variablo kaj tiam
ajn vi volus gxin starigu egala al.
OK?
>> Tiu estas speco de malvarmeta afero ĉi tie, ĉar se ni rimarkos nian variablo
b komencas kiel vera.
Kaj kio ĉi does-- povas Iu diru al mi kio ĉi faras?
Do ni havas iujn garde.
Kio estus tajpi de b esti en la komenco?
Publiko: Bulea.
Allison BUCHHOLTZ-AU: Bulea.
Rajto.
Kaj tiam ni religi b al tiu ĉeno, dekstra?
Tial ĉi tie, kion tipo de b esti?
Estus ĉenon, dekstra?
Do kio estas grave atenton estas ke en C, ni
povis preskaŭ neniam faras iel simile.
Necesus havi variablon, jxetu gxin kiel ion alian,
eble fari iu funkcio kun du i, iri de ŝargon al entjero.
Sed se ni rimarkos tie, b tre facile ŝanĝas tajpi.
>> Publiko: Wait, tiel ke oni nur esti kiel, "fari b entjero?"
>> Allison BUCHHOLTZ-AU: Yeah.
Vi povas simple religi b al entjero.
>> Publiko: Really?
>> Allison BUCHHOLTZ-AU: Yeah.
Kaj tiam estus int.
Do via variabloj povas ŝanĝi super la paso de la programo ankaŭ.
Ili ne estas strikte tajpita.
Ĝi estas tre loze tajpita.
OK?
Esence via variabloj povas fari kion ili volas, kiel ni ia vidis kun PHP.
Ili povas fari iuj frenezaj aĵoj, tiel gravas esti bela zorgema.
Nomo viaj variabloj bone.
Se ne, subite vi estas iranta esti kiel,
"Atendu, mi pensis tio estis kordoj, kaj nun ĝi estas int,
kaj mi ne vere certas kio okazas ĉi tie. "
Do ĉi tiu estas nur simpla ekzemplo de montrante kiel variablo povas facile
ŝanĝi lia tipo super la kurso de programo.
>> Akcepti.
Do tiu devus rigardi Super, Super familiara.
Tiuj estas niaj maŝojn en JavaScript.
Ili estas ekzakte la sama, krom anstataŭ kvar int i egalas nulo,
Ni povus simple diri var i egalas nulo.
Kaj tiam ni povus havi nian sama speco de kondiĉo, sama speco de ĝisdatigo,
i plus plus laboras ĝuste fajnaj.
Do kvarpiede estas samaj, Momentoj estas samaj,
kaj fari Momentoj estas ekzakte la sama.
Sama speco de ĝenerala formato.
Ni rimarkas, kvar, krampoj, krampoj, estas tutegale.
Ankaŭ estos punktokomojn kiam ni atingos ekzemple kodon.
Vi vidos estas sufiĉe la samo kiel C.
>> Por funkcio deklaroj, denove, tre similaj.
Ni havas iom funkcio kiu ĝuste diras ke ĝi estas funkcio, kaj tiam
la nomo de nia funkcio, kaj la eniroj.
Kaj cetere, se ni rimarkos, ni ne havas tipoj tie ajn.
Dekstra?
Ni havas nenion por diri, ke tiuj bezonas esti ints aŭ duobloj, aŭ kaleŝegoj.
Ili povus esti kio ajn oni volas.
Kio estas grava estas rimarki ke ni devas skribi funkcion antauxzorgu
lasi Javascript scias ke ĉi tio vere estas funkcio.
>> Do ĉi tiu estas nur iuj simplaj sum funkcio kiu redonas x aŭ y,
kaj tiam kio estas same malvarmeta estas ke vi povas efektive
asigni funkcio al variablo.
Do en ĉi tiu kazo, ĝi adicias nun la funkcio kiu reale faras sumo.
Do se vi rimarkos tie, ni havi funkcio, nomo de funkcio, enigoj.
Dekstra?
Ĉi tie ni nur devas funkcio kaj enigoj.
Do tio nomiĝas anoniman funkcion.
Kaj tiu estas iu kiu devus esti nova al plejparto de vi uloj, se ne ĉiuj el vi.
Do esence kion tio rimedoj estas ke ni ne
bezonas nomon de nia funkcio en ĉi tiu kazo.
Ni simple povas diri, "Bone, mi iros al havas tiun funkcion kiu ekzekutas, ĉi tie
estas lia enigoj, kaj jen kio okazos al fari. "
Kaj precipe kiam vi asignanta funkcio por iuj variablo
ke vi tuj manipuli, Vi ne nepre
bezonas enoficigi ĝin ĉar vi iras al esti referente
al gxi cxi tiu variablo nomo, ne per nenial
la funkcio estis fakte nomita.
OK?
>> Do se ni vidas ĉi tie, ni havi iom variablo sumo nun
kiu estas egala al la sumo de tri kaj kvin.
Kaj ni akirus ĉi.
Kaj ĉi tio nur havi iu garde, tri plus kvin egalas la nombro.
Ĉi plus simple concatenate ajn nia respondo estis sur la ŝnuro.
Ankaŭ malvarmeta, pli povas concatenate kordoj.
>> Por JavaScript, kiel kun PHP, HTML, kaj CSS, kiel ni diris,
multon de ĝi ni ia prenante la trejnado radoj ekstere tie
kaj vi uloj havas multajn la Know kiel vere kompreni tion.
Ili estas iomete malsamaj, sed ili ne estas tiom fremda
kaj ke vi ne povas Guglas aĵoj aŭ serĉi ilin en linio kun W3 lernejoj.
Kaj ni vere atendis vin infanoj por, ia, eksperimento
kaj lerni sur via propra.
Do, mi scias ĉi povus ŝajni iom malpli funda ol iuj de la c aferoj
ni faras, sed tio estas vere por kialo.
Sed espereble tio ne tro malsama, kaj ĝi ne estas abrumadora.
>> Do arrays en JavaScript, denove tre, tre similaj.
Dekstra?
Ni havas kelkajn variablo tabelo tio estas egala al malplena krampoj,
kaj tiu nur malplenan tabelo.
Tiu estas ofte nomata laŭvorta tabelo skribmaniero.
Tio estas nur unu afero, kiun ni nomas ĝin.
Se ni vidas tabelo du ĉi tie, ni havas kelkajn laŭvorta tabelo kiu havas tri elementojn,
dekstra?
Kaj tiam ni havas kelkajn var tria elemento kiu estas
iu variablo kiu estas nur tuj teni ĉi kordo, JS.
>> La elementoj, bone rimarki, estas apartigitaj per komoj,
ĝuste kiel ni atendus.
Kaj vi povas ankaŭ aliri tiujn, kiel ni faris en C, kun tiu indekso skribmaniero, dekstra?
Tiel malsama de PHP nun, ni iras reen
ricevi justan speco de referenco al aferoj per indekso.
Ĝuste kiel C, ĝi estas ankaŭ nulo indekso.
Mi sentas min kiel estus vere kruela se ili subite faris Javascript unu
indekso, kaj vi devis tute repensi kiel vi pensas pri arrays.
>> Unu malvarmeta afero estas ke anstataŭ devi do-- se vi iam
volis la longo de tabelo, eble vi persisti tra ĝi
ĝis vi trovas iun finon, aŭ vi nur scias kio ĝi estas.
Ĉar JavaScript estas tre flojo en pli manieroj ol justa tipo, kiel ni vidas ĉi tie,
ni povas nur fari ĉi tabelo pli granda ĉar ni decidas.
Se ni rimarkas tabelo tri havas tri aferojn komenci,
sed tiam subite, ni estas kiel, "Ho, estas ŝerco.
Ni fakte irante fari ŝin 101 aĵoj. "
Do se vi iam volis scii la fakta longo de via tabelo,
vi faras ĝin kiel tio.
Kaj ni tuj vidos multe de tiu skribmaniero en ekzemploj,
sed kun JavaScript ĝi estas tipe ajn
celo kiu vi parolas dot ajn speco de funkcio
vi volas aplikita al ĝi.
OK?
>> Do tiukaze nia Objekto estas tabelo du,
kaj ni diras, ke ni volas, ke la longo de tabelo du.
Do ĉi nur nomas kiel longeco sur tio.
Kaj kiu revenos via longeco.
Ankaŭ io noti estas ke se ni rimarkos nia arrays,
kontraste C, ili ne havas esti ĉiu de la sama tipo.
Tiu estas multe pli kiel PHP.
JavaScript estas esence nur kiel tiu interesa meld de C kaj PHP.
Do ni akiros en tiun.
Nuntempe, ni nur supozas ke via arrays estas esence
kiel C sensilo, en kiuj ili nulo indeksita.
OK, do tio estas ĉio.
Vi povas ankaŭ ĝuste etendi tabelo al kiom indekso vi volas.
Dum tiu versxajne SEG riproĉos vin aŭ doni vin iu eraro,
JavaScript estas kiel, "Nah, tio estas bone.
Mi akiris ĉi.
Ni simple iri rekte kie vi volas. "
>> OK, do objektoj estas tre grava.
Vi ĉiuj uzos multan tiuj en via P aro, se mi memoras ĝuste.
Do la afero, ke tiuj estas similaj al en C estas structs.
Do vi povas pensi about-- kiam ni iru al ekzemplo dekstra
post tio mi opinias ke la vetero fari multon pli sense--
sed ni esence uzas celoj organizi kompreneble rilataj informoj.
Kiam ni parolis pri structs en C, ni ofte
paroli pri lernanto kiu havis iun nomon, ID, domo, vi scias, koncentriĝo.
Kaj tio estas speco de la sama aĵo ke ni uzas celoj por tie.
Estas nur por organizi simila informo.
>> Vi povas ankaŭ pensi pri tiuj kiel pli simila al Asocia arrays en PHP.
Do ĉi estus speco de la afero kie ni havas kelkajn ŝlosilo kun iu valoro,
tre simila al PHP.
Do vi povas pravalorizi iuj malplena objekto, kiel ni vidas nin tie,
nur kun frizita krampoj.
Do arrays estas kvadrataj krampoj.
Malplena celoj estas frizita krampoj.
Bonan distingon havi.
Kaj tiuj estas nur du malsamaj manierojn por agordi propraĵoj.
Do ĉi tiu estas speco de multe pli de modo kiu
estas simila al PHP, kun niaj asocieca sensilo, kun niaj ŝlosilaj,
kaj nia valoro, dum ĉi tiu is-- Vi
vidu tiun multon pli en JavaScript.
Ĉi inklinas esti la konvencio.
Kaj en la sama maniero kiun ni faris tabelo du dot longo, tiu diras,
"Bone, donu al mi ĉi atributo de tiu objekto. "
Dekstra?
Do la sama vojo estis kvazaŭ, "donu al mi la atributo longo de tabelo du, "
tiu diras, "donu al mi iom da proprieto de niaj malplenaj objekto. "
Aŭ en ĉi tiu kazo, ni trovas atribuante ĝin al iu valoro tie.
Sed vi povus ankaŭ aliri ĝin tiel.
>> Kaj tiam tie ĉi estas ĝuste montrante du malsamaj atentigoj.
Do tio montras la atentigoj estus la ĝusta sama,
estas nur du malsamaj formoj de alirante la elemento kiun ni deziras.
Ĉu tio havas sencon por ĉiuj?
Mi sentas kiel ĉi tiu probable faras pli sentita,
ĝuste ĉar ni elspezi de PHP.
Sed kiel ni faru pli ekzemploj, tiu Estas laŭvorte precize la samaj.
Multaj estas simple ŝanĝi en sintakso.
>> OK, do ekzemploj.
Mi amas ekzemploj.
Do jen kelkaj CS50 variablo kiu estas objekto,
kaj ni stoki ĉiuj ĉi informo pri ĝi.
Do ni havas kurson, instructor, TFS, psets, kaj surbendigis.
Do ni rimarkas tiuj estas preskaŭ ĉiuj malsamaj tipoj.
Dekstra?
Do celoj povas stoki ecoj de malsamaj tipoj.
Ni povas pensi this-- ĝi estas tre simila al niaj asociaj tabelo en PHP.
Do ŝlosilo, valoro, ŝlosilo, valoro, ŝlosilo, valoro, ktp, ks.
Kio estas ankaŭ interesa en la sama vojo ke ni povas havi arrays ene sensilo,
ni povas ankaŭ havi celojn ene celoj, aŭ arrays ene celoj.
Vi neniam vere limigita al nur unu unu de aĵoj.
Ni povas ricevi tre Inceptionesque, ĝuste gardu subiro la kuniklotruon tie.
>> Do se ni rimarkos, ni havi iun kurson kiu
estas ĉeno, instructor tio estas kordoj, kaj tabelo, oni int, kaj Bulea.
Do ĉiuj tiuj malsamaj aferoj.
>> Bone, do, ni havas alia.
Do en ĉi tiu kazo, ni havas tabelo de objektoj.
Do ĝuste kiel objekto povas havi tabelo en ĝin.
Ni povas ankaŭ havi tabelo de objektoj.
Tio povas esti utila al pensi simila al speco
de kiel ni havis hash tablo ni havis tabelo
de ĉiuj ĉi tiuj malsamaj tipoj de structs ke
estis punteros al malsamaj nodoj kaj whatnot.
Sed en ĉi tiu kazo, ni havas aron da objektoj.
Do ĉi tio estas kiel tabelo de asocia arrays.
Do ni havas iujn unua elemento estus esti la objekto kun la nomo James
kaj domo Winthrop.
>> Vi ĉiuj povus memori iu tre simila al tiu
kun via lasta pset, kie se vi tiris ion el via datumaro,
la unua speco de afero en via tabelo estis
ĉiuj de la informo pri la unua uzanto kiu renkontis ŝin,
kaj tiam vi devis indekson en kiuj por akiri sian stock aŭ lia caché
aŭ whatnot.
Do tiu estas tre multe la sama afero, nur iom ŝanĝo
en sintakso, iomete ŝanĝo la vortoj kiujn ni uzas por priskribi ilin.
>> Do se ni volas, vi povas paroli diru min kion tiu atentigo farus tie?
Aŭ kio estas tiu bito de kodo devus fari por ni?
Publiko: Ĝi donos al vi ĉiujn nomojn.
Allison BUCHHOLTZ-AU: Dekstra, do estus ĝuste alarmi kun ĉiuj nomoj
ĉar ĝi irus tra dometo i, do ĝi volas komenci ĉe nulo.
Do ĝi dirus, OK ni serĉas je tiu unua objekto, kiun
Estas la unua fendo en nia tabelo.
Kaj ĝi diras, "donu al mi la atributo, la nomon de tiu objekto. "
Do ni iru tien, ni dirus scan, ni ŝatus trovi nomon,
kaj ni volas elprinti James, Molly, kaj Carl.
Demandojn ĝis nun?
Ĝavoskripto bedaŭrinde vi tuj estos
faranta multan suprenrigardinte sur via propra, elŝeligi la sintakso,
grappling kun ĝi.
Sed kompreneble mi estas ĉiam tie, oficejo horoj estas ĉiam tie.
Mi povus esti sur Mardo tiu semajno.
Do se vi estas tie, vi povas venu viziti min ĉi-semajne.
Estus granda.
>> OK, do DOM estas Dokumento-Objekto Modelo.
Do ĉi tio estas nur maniero ke ni ŝatas pensi
pri kiel nia HTML kaj ĉio en ĝi estas organizita.
Tiu estas tre iu kiu verŝajne sin levu en via kvizo.
Mi konas miajn jaro, ĝi estis kiel jen HTML-dosiero, plenigu la DOM por ĝi.
Kaj vi simple plenigu etulojn.
Tiuj devus esti facila punktoj espereble.
Espereble vi see--
>> Publiko: [inaudible]
>> Allison BUCHHOLTZ-AU: Do vi vidas tiun arbon tie?
>> Publiko: Yeah.
>> Allison BUCHHOLTZ-AU: Do ili demandos uzo
plenigi en kio iras sub la korpo.
Eble sub la korpo, ni havas kelkajn divs aŭ ni havas iujn alineojn,
kaj ni petas vin plenigi arbo tre multe ŝatas tion.
Do ni estu marŝante tra ĝi.
Do la Dokumento-Objekto Modelo estas simple maniero
strukturi kaj pensi pri nia HTML grafike.
Kaj ankaŭ kiam ni atingos en pli Ĝavoskripto,
ĝi tuj estos la tiel ke ni reale
manipuli malsamajn elementoj sur la paĝo.
Ni bezonas manieron por aliri ĉiu el la aĵoj en nia HTML,
kaj tial ĉi tiu donas ni tre konkretaj normigita formo
trans diversaj retpaĝoj fari tion.
>> Do se ni simple promeni tra ĉi tie, kompreneble
nia dokumento estas kiel nia tuta dosiero.
Tio evidente havas sencon ke ĝi estas la plej alta afero,
kaj tiam ni havas niajn realajn HTML, kiu korespondas al tiu etikedo tie.
Ankaŭ se vi en skripto vian etikedoj konvene, tiam kreante ĉi DOM arbo
igas súper simpla.
Do ni havas iujn kapon tie.
Ni havas kelkajn korpo kiu ni vidas stem ekstere de HTML,
tial ni havas kapon kaj korpon.
Ene kapo, ni havas kelkajn titolo etikedo, pinto titolo etikedo,
tial ni scias ke venas post kapo.
Kaj ene de nia titolo etikedo, ni havos saluton, mondo.
OK?
Do tio ĉi tuta maldekstra mano branĉon.
Kaj tiam por la dekstra mano branĉo tie, ni vidas ke ni havas HTML,
OK ni faris tiun kapon parto, ni serĉas ĝuste en korpo,
do ni havos iuj korpo areo.
Kaj ene de tiu, la sola afero ni havas estas saluton, mondo.
OK?
Se ni havis aĵojn kiel iuj krampo p kaj tiam
saluton, mondo, kaj alidirekten krampo p de adiaŭ, mondo,
ni havus du bobeloj elspezi de tie.
Ĉar ili estas ambaŭ sub korpo, sed ili estas apartaj alineoj ĉi kazo.
Definitive praktiko sur kiu en antaŭaj kvizojn,
tiel kiel multe en linio sur ĝi.
OK tiel, tiu simple lasas Ni rigardu ĉiun bele
kaj manipuli aĵojn tre sisteme.
OK?
Ni scias ĝuste kiel _traverse_ tra tiu arbo,
tial ni scias kion ni volas aliri.
>> OK tiel ĉi estas kial ni volas havi tian modelon,
tiel ke ni povas uzi aĵojn kiel tiu, kaj ni kompreni kion ili signifas,
kaj ili estas normigita trans cxio, kion ni faras.
Do dokumenton dot titolo estas nur la titolo de our-- ĉiuj tiuj
Estas bela aŭto explicativo, Mi ŝatas pensi.
Do la unuaj tri ekzemploj estas ĝuste diri:
"Bone, nur donu al mi la titolo de ĉi tiu retpaĝo. "
Do ĝi donos vin kio respondas al la titolo.
>> Dokumento dot korpo tuj donos vin kiom estas ene de tiuj korpo etikedoj.
Do vi povas manipuli tiun.
Kaj dokumento dot korpo dot eniri HTML estas tre malvarmeta unu,
kaj eble ne estas kiel la super intuicia, sed la interna HTML
respondas al tiu ĉi tie.
Do se vi iam volis manipuli la tekston en paĝo,
tipe vi estas iranta esti faranta iun kun korpo dot ena HTML.
OK?
Do interna HTML inklinas raporti al kio estas fakte inter tiuj etikedoj.
OK?
Kaj tiam utilaj funkcioj.
Do se vi volas ricevi iu, ajna elemento,
ni havos kelkajn Id, klaso nomo, aŭ etikedo nomo.
Ĉi tio estas tre simila al tion ni faris kun CSS, ĉu ne?
Kie ni havas kelkajn selectores ke respondas al ĉu tag, klaso
ke ni donu al ili, aux Id.
Tio estas tre tre simila maniero.
Se vi havas iun kiu havas iun klason de hundo,
kaj vi diras akiri elementoj laŭ etikedo nomo, kaj vi metos hundo en there-- aŭ pardono,
klaso nomo.
Vi povas meti punkton en tie.
Iĝos reveni ĉiuj tiuj elementoj al vi ke havi tiun klason.
Do vi povas manipuli ĝuste tiuj.
En la sama maniero, eble vi simple volas manipuli iun kaplinio, do
iuj h1 kaplinio, kiel ni faris.
Vi povus fari akiri elementoj laŭ etikedo nomo, cxar h1 estas etikedo nomo.
Kaj en la sama maniero, se vi volas ricevi iu unika afero, kiun vi povas fari get etikedo.
Get elemento Id.
Kaj fakte estas multaj tiuj.
Tiuj estas nur tri el tre multaj.
Do se vi iros en linio, kiel Mi iras kuraĝigi
vi devas fari, kaj fari kelkajn esploro sur via propra,
Mi definitive rekomendas rigardantaj al ĉiuj el tiuj.
Ili eblus súper utila, speciale kiam
vi volas nur speco de manipuli tre specifajn aĵojn sen devi
iri tra kaj provu sintakse analizebla el ĉio.
>> OK, do la lasta aĵo estas JavaScript okazaĵoj.
Do kiam mi parolis antaŭe proksimume iras sur retejo,
kaj kiam vi ŝvebi super io, aŭ via muso ŝvebas super io,
io alia okazas.
Tio estas kion ni ŝatus pensi kiel okazaĵo.
Do kion ni havas ke potenco esti utila tie estas onclick.
Do mia estis sur ŝvebado, kiun, mi estas sufiĉe asekuro, estas ĝuste en ŝvebado.
Ankaŭ tuno de tiuj ke vi povas serĉi.
Ekzistas tuta listo en linio de la malsamaj aferoj
ke vi povas aŭskulti por.
>> Sed Javascript eventoj esence ĝuste respondi tion
ke via uzanto estas faranta.
Dekstra?
Do via uzanto faras io, tio estas evento,
kaj JavaScript respondos tamen vi ŝatus ĝin.
Ĝi respondos konsekvence.
Do en ĉi tiu kazo, ni havas iuj fenestro dot onload.
Do kio estas tiu diras estas, "atendi ĝis la fenestro estas ŝarĝita. "
OK?
Do kiam ĉio estas ŝarĝita, onload, tiam vi povas ekzekuti ĉi tiu funkcio.
Do kiam ĉio ŝarĝitaj, vi tuj
havi iun serĉo butono kiu metas elementon Id,
kaj ĝi presas kion ajn tio elemento estas kiel la Serĉo butonon.
Kaj tiam ni havas ĉi variablo, ni diras, "Bone, onclick".
Do kiam ni aŭdas clic sur la serĉo-butonon,
ekzekuti ĉi tiu funkcio, kiu estas garde, alklakita la Serĉo butonon.
>> Do kio okazas is-- ĉi estas bela iom grafika reprezento tie.
Do nia dokumento ŝarĝoj, tio estas nia onload,
ni trovu nian Serĉo butono, kiu estas tiu.
Ni serĉas nian Serĉo butonon.
Kaj tiam kiam la Serĉo butono estas clicked, ĝi korespondas al dekstra tie.
Onclick.
Poste ni fine alarmi nia uzanto, kio estas tiu lasta lineo tie.
OK?
Do ĉiu el tiuj kvar ŝtupoj simple respondas al la kvar skatolojn
tie malsupre sur la fundo.
Ĉu tio havas sencon por ĉiuj?
>> Kaj tiam unu afero ke mi simple irante mencii tre, tre mallonge, ke mi
kuraĝigas vin infanoj al iras aspektas pli en estas
jQuery, kiu estas nur biblioteko ke estas konstruita sur supro de Ĝavoskripto.
Estas súper utila, kiel kun plej bibliotekoj.
Ekzistas multaj funkcioj.
Do, se estas iam iu kiu Vi volas fari en JavaScript,
via unua instinkto ne devus esti pensi
de, "kia funkcio devus Mi kodon? "Ĝi devus esti,
"Montru al mi iun estas jam faris tion por mi. "
Ĉar naŭ fojoj el dek, iu estos farintaj jam,
kaj ili verŝajne farus pli bone.
Homoj pasigas multan tempon farante tiuj, kaj JavaScript estas tre vaste uzata,
do homoj estas konstante provante fari ĝin pli bone.
Kaj jQuery havas multajn funkciojn kiu verŝajne estos utila por vi
en via fina projekto se vi estas faranta ion kun dezajno retejo.
Kiel mi ŝatas diri, "laboro inteligenta, ne pli forte. "
Se vi uloj faras tion, tio estos granda.
Kiam ni estas en la hackathon mi ne volas ke vi estu cxio emfazis eksteren.
Mi volas ke vi estu kiel, "Mi akiris ĉi. jQuery sukcese mian dorson.
Mi ne bezonas skribi tiujn funkciojn. "
>> Do nur du aferojn memori, Mi iras
lasi vin ĉiuj aspektas pli en jQuery sur via propra.
Ĉiuj Mi tuj diros estas faras iujn belajn Timindajxojn
kaj povas fari vian vivon tuta loto facila.
Sed kion vi volas havas estas ajn dosieron
ke vi estas iranta esti uzanta ĝin, Vi tuj volas tiuj du linioj.
Vi tuj volas la skripton de JS jQuery dot js.
Kaj fakte via fonto tuj estos iu URL.
Se vi Guglas jQuery, Google fakte gastigas ĉiujn dosierojn por vi.
Do vi certe volos input ke URL anstataŭe.
Mi ĵus metis ĉi tien por simpleco gajno.
Ĉio ĉi signifas estas kie trovi vian jQuery biblioteko.
Estas masiva, do vi ne volas gastigi ĝin sur via propra komputilo
se vi povas eviti ĝin, kio estas kial ni emas simple meti en Google URL ke
gastigas ĉiujn tiujn dosierojn por vi.
OK?
Vi Guglas ĝin, mi promesas ĝi estos tie.
>> Kaj tiam ajn JavaScript dosiero ke vi estas
uzante, tial ĉi estas nur iuj eksteraj JavaScript dosiero ke vi uzas.
En la sama maniero kiun ni ligas al nia CSS dosierojn, ĉi tiu estas la sama tipo de aĵoj.
Ĉi nur ligiloj al la dosiero kie estas via JavaScript.
Kaj mi havas kelkajn ekzemplojn kun simpla JavaScript.
Do ni iru tra gxi.
Kaj tiam en via indekso Ĝavoskripto, kio estas via JavaScript dosiero tie,
ĉi estas afabla de la envoltorio ke vi havas pro jQuery.
Vi estas preskaŭ 99,9 procento de la tempo iras
havi tion en vian index.js dosiero.
Pro kio tiu diras estas, "Ne ekzekuti ion
ĝis via dokumento estas vere preta, "kiu estas precize kion vi deziras.
Ĉar se via dokumento ne estas preta, kaj jQuery ekas fari aferojn,
estas nur salaton.
Do vi ĉiam volas havi ĉi envoltorio.
Kaj tiam por aĵoj kiuj iras tien, mi ne lasu al via infanoj 'propra perusing.
>> OK, do trovigxas neniaj demandoj dekstra nun pri Ĝavoskripto ĝenerale?
Aŭ la DOM modelo?
Se ne, ni havas iom malvarmeta ekzemploj kiujn ni povas iri tra,
ke vi uloj povas helpi min kodo.
Sed mi ankaŭ tuj estos súper bela, kaj se vi
ne volas diri ion por tiuj, kiuj estas bone.
Mi povas ankaŭ simple doni vin ekzemploj.
Sed ion sur la PowerPoint antaŭ ni pluiru?
Cool.
>> Mi sentas kiel vi uloj bezonas energion.
Do mi pensas, ke ni tuj komencos kun mia partio ekzemplo unue.
Ni havas tri ekzemplojn, vi havas preferatan.
Do ni havas horloĝon, kien ni iras implementar reala horloĝo tio
tuj ĝisdatigi kiel tempo iras per.
Ni havas tiun grandan Twitter funkcio.
This-- vi scias kio, atendu.
Ni intencas fari ĉi foriri.
Bam.
Akcepti.
>> Ni havas tiun grandan Twitter funkcio tie, that-- Mi scias, ĉu ne?
Ĝi tuj estos granda.
Ĉu vi uloj ekscitita?
Kiu iras al kalkuli la nombron de karakteroj kiujn vi forlasis,
do se mi tajpas nun, evidente ĝi ankoraŭ diras 140,
sed ni scias, ke tio ne estas la kazo.
Kaj tiam kun nia lasta tie, klaku ĉi tie por partio.
Kio okazos estas kiam ni klaku, la fono de
tuj ŝanĝos kolorojn.
Do vi infanoj havas vian ebloj de kiun el ili vi volas fari unue.
Mi promesas Mi prenos ĝin tre facila sur vi.
Mi sentas kiel chiuj speco de nur tre malalta klavo hodiaŭ.
Do mi devos marŝi vin tra kiel ni efektivigos ĉiujn tiujn.
Se vi volas chime en, tio estas granda, sed mi
sentas kiel ĉiuj estas iom laca.
Do mi simple marŝi vin tra tiuj ekzemploj.
Ĉu ni havas iun kiu Ni ŝatus fari unue?
Iu ajn?
Neniu prefero?
Akcepti.
¿Scias kion?
Ni estas sur partio.
Mi sentas kiel vi uloj bezonas little-- tiel, ni faros la partio unua.
Akcepti.
>> Do kion ni havas here-- tio ne supozis esti tie.
Nun estas bona.
Akcepti.
Do kion ni havas ĉi tie estas nur simpla HTML-paĝo
ke vi uloj devus ĉiuj esti súper konanta el via lasta du psets.
ni havos niajn doc tipo tie.
Povas ĉiuj rigardi?
Akcepti.
Cool.
Ni havas niajn HTML evidente.
Ni havas kelkajn kaplinio ke estas ligitaj al stilo folio kiu
ĵus faris mian tiparo bela kaj granda kaj aŭdaca.
Do ne zorgu pri tio.
>> Ni havas kelkajn korpo kun IRU fono, OK?
Ĉar ni tuj estos ŝanĝanta la fono.
Do kiam ni ŝanĝas la fonon de nia korpo,
ni memoras el du semajnoj kiam ni estas kontraktanta kun retpaĝoj.
Do bone havi tion.
Kaj ni havas kelkajn Id egalas partio.
Ĉi h ref funto simple signifas ke ĝi tuj iru al la sama paĝo.
Kaj klaku ĉi tie por partio, tial kiam ni klaku ĝin,
ĝi devus ŝanĝi kolorojn, dankeme.
>> Kaj tiam ni havas iun skripton tie estas nur ligitaj al ĉi tiu partio dot js
dosiero, kiu estas malplena ĉar ni ne faris ion ankoraŭ.
Kaj ĝi estas tiel malĝoja.
Sed tre frue, ĝi ŝanĝos kolorojn, kaj ĝi estos terura.
>> Do mi simple tuj iru vi uloj tra kiel ni povus alveni tian.
Do la unua afero, kiun ni volus fari,
se ni ŝanĝas la fonon de la korpo, la unua afero ni povus voli
fari estas efektive ekpreni kion la korpo estas, ĉu ne?
Do ni volas havi sumo, nia fono, kaj se vi rimarkos,
Mi simple aŭtomate simple ektajpu.
Nenio speciala, ke ni bezonas fari por nia JavaScript dosierojn.
Mi povas komenci deklarante variabloj, kaj deklarante hazarda funkcioj.
Kaj estas multe pli libera formo.
Estas kiel kun C, ni donis al vi ĉiujn tiuj malmolaj reguloj, kaj vi plenkreskis,
do ni estas kiel, "foriri.
Esti libera.
Faru kion vi volas. "
Kaj tio estas kio JavaScript.
Do ni havas iujn fono tie.
Kun niaj DOM modelo, ni scias ke ni povas fari dokumenton dot akiri elementon,
kaj se ni rimarkos tie ĉi, nia korpo havas ID.
Dekstra?
Do ni povas fari ricevi dokumenton Id, kaj ĉi tie estas simpla.
Kio estas nia Id ke ni volas ĉi tie?
Publiko: fono.
Allison BUCHHOLTZ-AU: fono.
Perfekta.
Kaj punktokomo ĉe la fino.
Tio ne foriris ankoraŭ.
Vi ankoraŭ bezonas vian punktokomojn.
Akcepti.
Do jen nia unua.
Kaj kiam ni klaku io, ni deziras ion por okazi, ĉu ne?
Do ni eble volas iuj variablo ke'S atendante clic.
Kion ni faros estas ni tuj fari nian ligilo pli simila al butono.
Do ni iras por havi iun butonon, kiu egalas dokumenti dot akiri elementon Id.
Se mi parolas pri la klaki ligilon aŭ alklaku ĉi tie al partio
ligilo, kio povus Resti esti tie?
Partio.
Korekta.
OK ne tro malbona ĝis nun.
Ĉiuj ricevi kion ni faras?
>> OK, do nun ni havas niajn butonon, kaj ni volas
tion ŝanĝi kiam ni alklakas ĝin.
Do se ni memoras el nia PowerPoint, tre simpla afero, kiun ni povas fari
Estas ĝuste butonon dot onclick, dekstra?
Kaj ke tuj egalos iu funkcio.
Tiu estas anonima funkcio.
Kaj tiu simple as-- reale mi estas tuj fari ĉi iom pli granda.
>> Do kion mi ĝuste faris tie mi estas diranta, OK,
kiam ni klaku nia butono, kiu estas tiu ligo kiun ni ĵus menciita,
Ni tuj ekzekuti tiu anonima funkcio.
Ni ne bezonas neniun enigoj.
Ni ne zorgas kion la uzanto diras.
Kiam ili klaku sur ĝin, ni estas tuj fari kion ni volas,
kio estas ŝanĝi la fonan koloron.
OK?
Do jen kial ni ne havas ajnan enigoj, ni nur havas ĉi anonima funkcio.
Kaj nun ni vere irante skribi ĉi tiu funkcio.
>> Do tie estas faskon da manieroj vi povis generi hazarda koloro.
La vojo kiun mi faris estis al generi tri hazardaj nombroj
kaj konverti ilin al RGB triobla.
Do ĉi nur montras al vi iom malvarmeta tion ke se vi estas kiel, "Ho,
Mi bezonas generi hazarda nombro. ", se vi Googled ŝin,
ĉi tiel vi trovus.
>> Do ni havas tri malsamajn aferojn, var, ne ruĝa denove, verdaj.
Dekstra?
Do tiuj estas la tri aferojn, kiuj konsistigas koloron.
Blua, ruĝa kaj verda.
Cool.
Kaj kion ni povas fari estas, ke ni sciu kiu bezonu esti inter 255,
kaj se vi ekrigardante iom hazarda nombra generilo,
vi povus havi ion kiel math pentras al la hazardo, kiu se vi rigardas ĉi supren
Revenas al iu nombro inter nul kaj unu.
OK?
Kaj kio numerojn fari nian RGB triopoj iri inter?
Nulo kaj kio?
Kion ili povas iri sur?
255.
Do se math ŝprucas hazarda iras inter nul kaj unu,
kiom eble ni volas igi ĉi?
Publiko: Tempo?
Allison BUCHHOLTZ-AU: Yeah, precize.
Do la tempo estas 255.
>> Publiko: [inaudible] Estas kiel [inaudible].
Allison BUCHHOLTZ-AU: Math ŝprucas hazarda.
Publiko: Cool.
Allison BUCHHOLTZ-AU: Jes.
Ĝavoskripto nur prizorgas vin.
Akcepti.
Do ni povas fari tion por ĉiuj el tiuj.
Dekstra?
Math ŝprucas hazarda fojojn 255.
Kopiu tio.
Cool.
Do la afero estas, tio eble ne reveni entjero.
Dekstra?
Eble ni atingos iun numeron inter nul kaj unu,
kaj tio igas ĝin esti iomete malproksime, kaj nia RGBs ne povas esti kaleŝegoj.
Ili bezonas esti ints.
Do se vi provus ĉi tion, ĝi volonte probable havi iom konduto errático.
Estus iom funky.
Do kion ni faras estas ni volas fari certa ke tiuj estas rondoformaj,
kaj vi povus grupigi ĉu vojo.
Mi rondigita kun etaĝo.
Do mi ĉiam certigis ke rondoforma suben.
Sed pafante de lin simpla kiu estis al nur la numeron aleatorio,
kiel vi pensas ni multobligita etaĝon tiu nombro?
Estas tre similaj.
Ajna ideo?
Do se hazardo estis nur math dot hazarda, do vi opinias ke ni faru planko?
Math dot etaĝon.
Kaj vi povas ankaŭ fari math dot plafono.
Ronda estas speco de dubasenca ĉar vi ne
sciis ĉu rastas aŭ rondaj suben.
Do tipe ĉiam faras math dot etaĝon, math dot plafono.
Sed honestly--
>> Publiko: Ĉu etaĝon ronda malsupren?
>> Allison BUCHHOLTZ-AU: Etaĝo kugloj suben.
Kaj tio estas nur elekto miaflanke.
>> Do nun ni havas niajn tri numeroj kiuj estis hazarde generitaj,
kaj kion ni faros nun estas ni nur tuj ŝanĝos la fonon.
OK?
Do ni jam havas nian fono ia stokitaj
en tiu elemento nomita fono.
Do kion vi rimarkos estas, se vi ludis ĉirkaŭ kun tio,
ni volas ŝanĝi la stilon.
Kaj ĉi tiu estas speco de iu kiu vi estus Google kaj elkompreni,
plaĉas kiel ŝanĝi la koloron.
>> Sed la vojo vi aliron ĉi koloro estas fono ŝprucas stilo dot fono.
Do tiu diras donita tiu objekto, fonon,
kiuj referencas al tiu elemento Id tie supre,
ni iras al rigardi la stilo ene de la stilo,
ni iras por rigardi la fonon.
OK?
Kaj se vi iros kaj rigardos tiun supren, ĝi povus fari iom pli sentita,
sed tiu estas esence nur diras, "Donu al mi ĉi tre specifa atributo
kiel multe mi difinis pli frue. "
Do kion ni ŝanĝante ĝin al estas iuj RGB, ĉar tio havas sencon.
Ni uzas RVB triopoj, dekstra?
Kaj ni have-- mi volas certigi min akiri la rajton kvanto de citaĵoj en ĉi tie.
Do kion ni faras estas ni havas RGB, kaj ni tuj
to-- ĉi estas kiel kunmeto, kiu estas ruĝa.
Kaj poste ni volas iun komon.
Kaj poste ni volas pli verdaj, tiam iuj komo, kaj iuj bluaj.
>> Tiuj pluses simple signifi kiel kunmeto.
Do tiu estas ĝuste krei ĉi ĉeno kiu okazas ene RGB.
OK?
>> Publiko: [inaudible] plus tiam la verda alpago tiam la ruĝa.
>> Allison BUCHHOLTZ-AU: Yeah, ĉar mi paneas ke supren.
Tiu estas bone.
Ho, atendu.
No.
Ĉar mi bezonas por certigi ke mi kunvenigis tiujn rajton.
Do mi eksplikos en uno momento.
Verda, blua, perfekta.
Nun mi faris.
Mi kredas.
>> Akcepti.
Do kio tio estas, estas ke fono tuj enkadrigeblajn por iu kordo.
Dekstra?
Kio estas kion ni havas ĉi tie.
Ĝi tuj estos iuj RGB 255 komo 255 komo nulo, aŭ kion ajn nombro vin
havi tie.
Do ni faras ĉi tie, ni havos iuj kordoj.
Kaj kion ni volas fari, estas ni speco de dinamike krei
ke kiam ni efektive kuri ĉi programo.
Do ĉi tiu estas iom da ŝnuro.
Plus concatena ĝin per la valoro kiu ruĝa havas,
kiu concatena ĝin per komo, kiu concatena ĝi
kun kio verda estas, kaj tiel plu, kaj tiel plu.
OK?
Ĝis la fino, kiu estas la fermante krampoj de ĉi RVB tie.
OK?
>> Do kio estas tiu tuj generas estas iu komando vere
ke estas RGB de tri numeroj ke fonon nun starigis al.
OK?
Do ni vidu se ĉi funkcias.
Mi esperas ke jes, ĉar se ĝi Ne, mi tuj estos reala malĝoja.
Ho ne.
OK, rezisti.
Definitive fono dot stilo dot fono.
Mi definitive malaperis io justa malgranda.
Ĉu ne vi uloj malamas tion?
Kiam ĝi estas nur malgranda iom eraro?
Ĉiopova fono.
RGB.
>> Publiko: [inaudible]
Allison BUCHHOLTZ-AU: No.
Mi provis tion antaŭ klaso.
Mi havas ĉion kion mi faris antaŭe klaso en kazo mi estis kiel,
"Atendu, kion mi ne faris krimon?"
Ĉar mi estis kiel, 'Mi volas probable salato ĉi supre en iu punkto. "
Plus verdo.
Ĉio aspektas kiel ĝi estas concatenadas korekte.
Akcepti.
>> Publiko: [inaudible]
>> Allison BUCHHOLTZ-AU: Ho, jen vi iru.
Tio estas kion mi bezonis.
Rigardu tiun.
Tiffany por elliberigi.
Perfekta.
Akcepti.
Nun ni vidu se ĝi funkcias.
Ho mia Dio.
Akcepti.
Atendu.
>> Publiko: Spaco post la dua pli.
>> Allison BUCHHOLTZ-AU: Kiun?
Ho atendu, atendu.
Spaco eluziĝo?
>> Publiko: Dua plus en la verda kunmeto.
Allison BUCHHOLTZ-AU: Ho.
Publiko: Mankas spaco post la alpago, yeah.
Allison BUCHHOLTZ-AU: Vi ne bezonas tiun, but--
Publiko: Ho, vi ne fastas?
Allison BUCHHOLTZ-AU: Ĝi aspektas bela.
Publiko: OK.
Akcepti.
>> Allison BUCHHOLTZ AU: Vidu se tio funkcias.
Akcepti.
Mi evidente malsukcesante ĉe tiu demo, kiu memorigas min
de prelego alia semajno, sed mi scias tio funkcios.
Mi scias tio funkcios.
Tiel proksimaj.
Se mi ne hazarde forviŝita mian skripton en tiu unu.
Ne, ĝi estas partio dot js.
OK rezisti.
Mi tuj kopii ĉi, kaj mi ankaŭ nur tuj forviŝi ĉion,
ĉar mi havis ĉi laborista antaŭe.
>> Mi promesas funkcias.
Se ne, mi montros al vi kion Tommy estas.
Kaj tie.
>> Publiko: Vi referenco partio dot CSS, kaj ĝi estas partio dot js.
>> Allison BUCHHOLTZ-AU: Ah, bone dekstra tie estas partio dot js.
OK, kion mi faras malsamajn?
OK, ni vidos se ĉi laboras nun.
Bam.
Do, mi ne scias kion mi faris, alimaniere, sed tiu estas kion debeto okazi.
Kinda cool.
Mi alklakis ĉi, kiel, ĉiam.
Sed ni povas provi kaj vidi kion mi faris malsame kiun ĉi tiu havis.
Mi ne scias pri vi uloj, sed ĉi aspektas esence kion mi ĵus skribis.
Estis probable mankanta punktokomo ie estas mia afero.
Efektive post, mi kredas ke mi estis malaperita punktokomo ĝuste ĉi tie fakte.
Sed mi ne povis vidi ŝin ĉar ĝi estis ekstere de la ekrano.
>> Sed se ni rimarkos, tiu estas bela multe precize kion mi ĵus skribis.
Mi kredas probable la plej malfacila parto pri tiu estas nur speco de tiu afero dekstra
tie, kompreno kio ĝi estas faranta tie.
Tiajn aferojn oni lernas vere nur Googling kaj honeste
nur provas.
Se vi kredas ke fago iu atributo, tie probable estas.
Do provu ĝin.
Vidu kio okazas.
Kiel mi diris, ekzistas multaj eksperimentado kun JavaScript,
kaj PHP, kaj cxio, kion uzatajxojn, kaj CSS speciale.
Tio estas la sole veran maniero kompreni ĝin.
>> OK, do post tiu fiasko kun partio dot js, ni havas du aliajn opciojn.
Ni havas horloĝon aŭ Twitter.
Ili ambaŭ estas interesa.
Eble netute kiel amuza kiel partio, kiu havis malvarmetan iom strobing
afero fine.
Ĉu vi uloj havas iun preferon?
Publiko: Horloĝo?
Allison BUCHHOLTZ-AU: Horloĝo?
Akcepti.
Cool.
>> Do denove, ni havas niajn malplena JavaScript dosiero.
Kaj kiel ni vidas ĉi tie, ni havas plurajn tre simpla HTML.
Ni havas nian stilon folio, kiu ĵus formatoj kio devus aspekti.
Ni havas niajn div kun IRU de horloĝo, kiu
nur diras, "tiu devus esti horloĝo."
Kaj ni havas nian ligilo al nia JavaScript dosiero
Tiu estas certe tuj generi nia horloĝo por ni.
Ĉar la malvarmeta afero estas ke vi povas starigu JavaScript por aŭtomate refreŝigi
mem.
OK?
Do anstataŭ atendante la uzanto bati Refresh en paĝo
tiel ke vi povas akiri ĝisdatigita tempo, Ĝavoskripto
povas ĝisdatigi ĝin tamen li ŝatas.
>> Do, kiel ĉe nia lasta, ni volis aliri nian fono, dekstra?
Do kion vi pensas povus esti la ni unue volas fari tie?
Se ni ia pafante tian paradigmo tie?
Ni probable volas konsenti niajn horloĝon, ĉu ne?
Do, ni havas kelkajn var horloĝo, kiun equals--
Kion ni kredas ke tuj estos?
Dokumento dot akiri elementon by-- mi ankaŭ amas Sublime-- Id kaj nia Id estas horloĝo.
Punktokomo.
Got certigi akiri tiuj punktokomojn tiu tempo,
ĉar mi sentas, ke estis la problemo lastan fojon.
OK tiel, kiel mi ĵus diris kun klopodi havi JavaScript refreŝigi sin,
tie estas tio granda funkcio, mi scias venis oportuna pasintjare,
Mi ne certas ke venas en oportuna por ĉi pset, sed ĝi nomiĝas aro intervalo.
Kaj tiu estas vere vere malvarmeta se vi uloj faras ion
kun tempo aŭ akiri ĝisdatigita informo.
Sur retpaĝaro por fina projekto, ĉi tiu estas probable
funkcio vi volas akiri súper familiara kun.
Do kio starigis intervalo faras estas ke ni tuj doni ĝin funkcio,
kaj kiom ofte devus nomas tiun funkcion.
OK?
>> Do en ĉi tiu kazo, ni simple tuj krei iujn anonima funkcio denove,
OK, kiu tuj akiri nia dato, kaj nia tempo,
kaj tiam ĝisdatigi aferojn kaj vidigi ĝin.
Do ni zorgu pri tio.
Ni estos kiel generi horloĝon tie.
Sed kion ni bezonas estas kiel ofte por refreŝigi ĝin.
Do en ĉi tiu kazo, estas nur milisekundoj.
Do ni simple tuj faras 100 milisekundoj.
Kompreneble, tute arbitra.
Se vi volis ĝisdatigi multe pli malrapide, oni povus.
Povas salaton ĉirkaŭe kun la aro intervalo,
kiom granda nia intervalo estas post ni preni funkciantan horloĝon, kiu espereble Mi timige
atingi.
Do tiu estas nur diras, "Bone, alvoko tiu funkcio ĉiu 100 milisekundoj. "
OK?
Jen ĉio faras.
>> Do kion ni volas nian funkcio fari estas ni volas havi iun daton
kaj iam estas kio ni tuj havos.
Do ni povas starti kun nia dato egalas io,
kaj nia tempo egalas ion ke ni ne scias ankoraŭ.
Aŭ fakte, ni nur bezonas dato, ĉar dato tuj inkludas ĉion.
Denove, se vi simple Google ion pri kion vi volas fari, kiam vi skribas, "OK,
Mi volas akiri la tempon tra JavaScript, "ĝi
donos al vi tiun grandan funkcio nomita get dato.
Laŭvorte, plej aferoj ke vi volas fari,
Ĝavoskripto tuj havos farite al vi jam.
Do estas laŭvorte kiel nova akiri dato, kiu estas creating--
aŭ nova dato, rather-- kiu iras generante
iu celo kiu reprezentas daton.
>> Kaj kion ni faros ĉi tie estas ĉi is-- Mi tuj skribos ĉi,
kaj tiam ekspliki kion ĝi faras.
Do mi devos certigi mi ricevas tiun rajton.
>> OK, do, kio estas tiu funkcio faras, estas ni ĵus
krei la HTML tio estas vere tuj iros ene nia div Id de horloĝo.
Do kio estas tiu tuj estos faranta Estas nur generante iuj kordoj, OK?
Kiu tiam tuj estos transplantis en nian HTML.
Esence kio okazas fari estas ajn we-- kion mi montros al vi
Estas ke kion ajn ni diru HTML estas, ni tuj anstataŭos ĉi tiun tekston ĉi tie
kun ajn HTML estas.
Do tiu tuj permesos ni ŝanĝos nian horloĝon dot
HTML de esti nur la teksto de tiu devus esti horloĝo, al reale montrante
la nombroj kaj aĵoj kiujn ni zorgas turninte kaj reale esti horo.
>> Do kion ni volas fari estas ni tuj komenci generante ĉi HTML.
Do en la sama maniero kiun ni uzis fari pli egalas por entjeroj,
vi povas nun fari tion por kordoj, se gxi ne tuj concatenate ilin.
Dekstra?
Kiel ni vidis kun partio dot js, tiu simple concatena cxion tion kune.
Do vi povas concatenate malsamaj bitoj de HTML de variabloj, aŭ bitoj de kordoj
ke vi skribas el mem, kaj ĉi tiu nur
vere vi permesas dinamike generi HTML, kiu estas sufiĉe malvarmeta.
Do se vi havas ion tre uzanto specifas,
ĉi povas permesi vin fari tion.
>> Do ni havas HTML, al mi tuj provu kaj certiĝu mi ricevas tiun rajton.
Do ni tuj faros iun h1 kaplinio.
Do kio estas grava al kompreni ĉi tie estas ke tiu estas vere nur HTML.
Dekstra?
Ni skribas fakta HTML kodo en ĉi tie, estas
Ne nur ĉenon en la normala tiel ke ni pensus pri ĝi.
Do ni havas iujn HTML.
Tiu estas konsiderata kordo tie tamen.
Kaj ni faras daton dot-- ni volas ricevi niajn horojn.
Denove, se vi estus rigardi supren ion pri dato,
ĝi dirus al vi tiuj estas ĉiuj la atributoj tiu dato havas.
Kaj jen kio vi povas uzi ĝin.
Do ĝi verŝajne havas aĵojn kiel preni horojn, kaj instigi minutoj,
kaj akiri duaj kaj instigi milisegundos, kaj kiu scias kion pli havas.
Sed se oni kontrolas la dokumentado, cxio estos tie.
>> Do ni havas get Horoj, kaj tiam ni volus
al concatenate ke with-- min tuj movos ĉi tien.
Do se ni generas nun, ni estas reale generi la tempo, ĉu ne?
Ni havas horojn, kaj tiam kio estas inter horoj kaj minutoj?
Vi havas punktokomo, dekstra?
Do ni volas fari iun punktokomo tie.
Kaj poste ni volas ricevi niajn minutoj, do en la sama vojo
ke ni havas dato dot get Horoj, kiom eble ni preni nian minutoj?
Estas laŭvorte Dato dot akiri minutoj, kiujn mi ia ŝatas.
Estas kiel, "Ho, kiel igi mian minutoj? "
Mi nur prenos mian minutoj.
>> Akcepti.
Kaj tiam ni havas alian dupunkto tie.
Kaj tiam se ni volas ricevi niajn sekundoj, kiom eble ni preni nian duan?
Dato ŝprucas akiri sekundoj.
Mi kredas ke estas sufiĉe malvarmaj.
Kaj kio estas grave rimarkas, estas ke ni ankaŭ
bezonas fermi niajn HTML tag tie, ĉar ĝi devus ankoraŭ esti valida HTML, do h1.
Cool.
>> Do post tio, ni povas fari horloĝo dot interna HTML egalas al HTML.
OK?
Do memoru, ke mi diris ena HTML esence
prenas kion ajn estas inter la du etikedoj ke ni parolis pri
kaj inserta aŭ manipulas kiom estas en tie?
Do kio estas tiu faras, se Ni reiru al nia horloĝo,
estas ke horloĝo referencas al ĉio ene de ĉi div.
Tiu estas la interna HTML de tiu Id horloĝo div.
Kaj tiel tuj ŝanĝos ĝin HTML ke ni simple generita,
kiu, kiuj, mi esperas, espereble, espereble,
montros la tempon nun.
Ni vidos.
Kompreneble.
Tantas teknikaj temoj.
Allison la just-- min mian ludon hodiaŭ infanoj.
OK, kiu funkcias.
horloĝo ŝprucas interna HTML.
Estis HTML vere?
Ankaŭ ĉi estas kio okazas.
Kiam oni ne povas vidi ion, vi nur rigardi vian fontkodon.
Akcepti.
Ĉu vi volas scii ŝika laboro ĉirkaŭ ke ni tuj faros ĉi tie?
>> Publiko: Ĉu vi povas fari majusklojn?
La majuskloj?
Ĉar vi devas akiri horoj, kaj tiam preni minutoj.
>> Allison BUCHHOLTZ-AU: Ĝi estas akiri horoj kaj get-- io.
Vi are-- oro stelo.
Ĉio teston, knaboj.
Mi promesas laboris antaŭ klaso.
>> OK, sed io malvarmeta scii estas ke vi povas also-- se kelkfoje
via ekstera dosieroj ricevas iom freneza,
vi ankaŭ povas simple enmetu ilin rektaj en tie, kiuj emas ripari tion.
Krom tiu estas kiel vere malbela.
Kompreneble formati ĉio.
Certiĝu estas ĉiuj belaj.
Akcepti.
>> Mi volis fari ĉiujn malvarmeta donas, kaj ili estas simple ne funkcias eksteren.
Akcepti.
Skripto var horloĝo.
Anyways, kio estas grava estas ke tio estas la ĝenerala formo
ke vi formati Javascript.
Kiel vi povas vidi, ĝi povas esti tre finicky kelkfoje,
eĉ kiam ĝi estis laŭvorte laborante du duaj malantaŭen.
Aŭ ne du dua malantaŭen, sed tre, tre malmulta.
>> Do por montri vin kio ĝi devus aspekti, kaj montri al vi, ke mi ne estas freneza,
kaj ke ĉio estas ĝuste la sama, tiu estas kio devus aspekti.
Vi simple tuj faros ĉi supron parto tie, kaj se vi vidi paĝo fonto,
se vi rimarkas, li faris kelkajn pli freneza aĵoj, mi simplificado ĝin.
Ankaŭ, kredito al Tommy McWilliam, kiuj reale
helpis min krei ĉi tiuj ekzemploj, tial mi scias ke ili laboras.
Ĉar Tommy estas JavaScript mastro.
Sed se ni rimarkos, ni havas iu aro.
Ni havas nian horloĝon funkcion tie.
Jen ĉiuj Javascript ke ni nur skribis, aŭ iom da ĝi.
Ni nur skribis ĉi tiun rajton tie.
Kaj li havas ekstran funkcio kiu ĝuste almohadillas ĝi
per meto de nulo antaŭ letero aŭ antaŭ kelkaj se estas
nur unu el ili.
Do se vi rimarkas, tio estas bela multe ĝuste kion ni ĵus skribis.
Vi havas kelkajn variablo horloĝo kiu havas nian elemento, akiri elementon de IRU,
kio estas horloĝo.
Ni havas niajn aro intervalo funkcio, tio estas
anonima funkcio kiu ekzekutas ĉion ĉi.
Ni iuj komencante ĉenon de HTML kiu ni tiam dinamike
generi por havi iuj h1 kaplinio, concatenando
kun akiri la horoj, pli nia dupunkto, plus atingi
la minutoj, plus alia dupunkto, plus nia sekundoj,
kaj fine la finaĵo HTML por ĝi.
Kaj tiam ni ĝisdatigi nian horloĝon ŝprucas interna HTML al HTML,
kaj ni ĝisdatigas ĉiu 100 milisekundoj.
OK?
>> Vidu mi promesas Mi ne freneza.
Mi ne scias.
Mi ne scias, kial li ne ŝatas min.
Mi sentas min kiel aspektas la sama, sed ŝajne ĝi malamas min.
>> Do ni vidu se rondaj tri iras bone.
Ni estas proksimume vidi.
Mi ne certas, ke tiu tuj iri.
Estas ĉiuj almenaŭ atingi la contras, kiel nur la ĝenerala temo
de JavaScript, kvankam?
Mi esperas ke estas almenaŭ utila, pli ol montrante ke ĝi estas iom finicky.
Sed via problemo aro estos tre amuza.
Ĝi tuj estos granda.
Ne estos tiom teda kiel tiu, mi ne kredas.
Vi reale preni al vidi vere malvarmeta aĵoj.
>> Do laste sed ne malpleje, ni provos la Twitter unu.
Mi vere timigita nun, knaboj.
Mi ne scias kiel ĉi tio tuj iros.
Sed ĝuste por doni vin iom pli gusto, kaj ĉi tiu estas reale
manipulanta kordoj kaj enigoj, kion ni faros
estas, se ni rimarkos tie kun HTML-- ĉi tiu havas iom more--
ni havos kelkajn tekstujo, kiu respondas al tiu tekstujo tie.
OK?
Kaj kiu havas ID de teksto.
Ni reestilizada ĝi iomete kun iuj larĝeco kaj alteco
ke ni antaŭdeterminita, kaj ni H1,
kio ĝuste estas nia kaplinio kiu reprezentas nian karakteroj forlasis.
Ni donis al ĝi iun Id de karakteroj ceteraj,
kaj tiam ni havas iun skripton tie, kio mi estas vere
atendante tria fojo la la ĉarmon tie, knaboj.
>> Do kion ni volas fari, en la sama ĝenerala vejno
ke ni faris kun horloĝo dot js kaj partio dot js kiel ni jam rimarkis,
Estas ni komencis per reale grabbing tion, kion ni interesas, ĉu ne?
Do en ĉi tiu kazo, estas du aferojn ni zorgas pri, OK?
Unu afero kiun ni estas efektive speco de rigardantaj al kaj desegnante datumojn de,
kaj unu afero ni reale ŝanĝante.
Do tie estas nia HTML.
Se ĉi tiu estas nia retpaĝo ĉi tie, kio estas la datumoj kiujn ni rigardas?
Ĝi tuj estos ajn la teksto en niaj skatoloj, dekstra?
Do kion mi tajpas en tie.
Tio estas kion mi volas scii, aŭ ke estas kion mi volas rigardi.
Kaj kio okazas al esti ŝanĝanta en nia retpaĝo?
La karakteroj ceteraj.
Do en la sama maniero, ni volas starti per inicialización variabloj
kiu fakte teni sur tiuj elementoj.
OK?
Do se ni havas iun var ke estas nia tekstujo,
kaj ni havas iujn var restanta.
Dekstra?
Tiuj tuj gardas tiujn du aferojn.
Do la saman tiaj aferoj, dokumento dot-- OK, mi estas
tuj certigi ĉi estas tuj funkcios ĉi tiam.
Mi estas tre firma.
OK, do se ni volas nian tekstujo, laŭ
al nia HTML, kio estas nia ensalutilo?
Kio estas nia Id?
Ĝi simple tuj estos tekston ĉar tio kreas nian tekstujo, OK,
kaj nia Id estas teksto, do tio estas kiel ni povas kapti kio estas en tie.
OK, punktokomo.
Mi iras al esti súper preciza pri tio,
ĉar mi volas ĉi labori ĉi tempo.
OK, faru la samon, akiri elementon Id.
Mi vere scivolas kio havas kaŭzis la aliaj du al mess up.
OK, tiam en ĉi tiu, Kion ni volas aliri?
Kio estas nia Id tie?
Ni havas alian Id en nia HTML, kio estas?
Publiko: Gravuloj ceteraj.
Allison BUCHHOLTZ-AU: Gravuloj ceteraj.
>> Akcepti.
Cool.
Do mi simple tuj skribi ĉi vere rapida.
Mi nur intencis skribi ĉi tion en dua.
Do tekstkampon.
Kio estas interesa estas B function-- tie inkluzivas amason de funkcioj kiuj ne nur
respondas al via muso, sed via klavaro.
OK?
Do vi povas diri kiam ajn ŝlosilo estas premis, vi povas fari tion tiel.
Do kiu ni uzas tuŝas ŝlosilo supren, kio
diras, "se vi premis ajnan ŝlosilon sur via klavaro, kiam la uzanto levis
ilian fingron off kiu butonon, kaj la ŝlosilo fariĝis malpremita,
tiam ni tuj fari ion. "
OK?
Do tiu havas sencon, ĉu ne?
Ĉar ĉiu karaktero ni tajpas, ni iras
havi levi niajn fingrojn for de ĝi, do kiam la ŝlosilo iras supren,
ni povas scii al dekremento niaj karakteroj ceteraj.
>> Do ni havas iujn sur klavon supren, kaj en la sama maniero,
Ni tuj diru, "Bone, kiam ni faras tion, ni
tuj kreos iun funkcion kiu tuj prenos e, "en tiu kazo,
kaj kion ni volas fari estas kalkuli la numeron ceteraj.
OK, do ni komencu kreante variablo.
Do ni havas iujn variablo r, ke tuj reprezenti
kiom da karakteroj kiom restas.
OK?
Ni scias, ke ni komencu per 140, kaj se ni deziras scii,
diru, la longeco de tiu ĉeno kiu pasis enigo,
ĉu vi infanoj havas neniun ideon kiel ni povus fari tion?
Nur bazita ekstere de la evidenta aferoj, kiel se ni volis horoj,
ni uzis akiri horoj.
Ni scias, ke nia celo estas tekstujo, sed vi povis infanoj
pensi pri kio povus veni post tio?
Ajna ideoj?
>> Do ĉi tiu estas iom malpli intuicia, sed estas valoro dot longo.
Do nur doni al mi iom da valoro atributo kiu
estas fakte la longeco de tiu linio.
Do estas dironta, "Bone, mi serĉas je ĉi tiu tuta ĉeno ene tekstujo,
kaj mi tuj diros vi kiom longe ĝi estas. "
Ĉar se ni memoras kordoj Estas vere nur arrays,
tial ni povas simple preni la longo de ili.
Do ni havas tion.
Cool.
>> Do kion ni volas fari estas ni neniam volas permesi al la uzanto
enigi pli ol 140 karakteroj, dekstra?
Ĉar se ni diras kiel, "Ho, vi nur havi ĉi multo restas "
kaj poste ili faras tion anyways, ni kuŝis.
Kaj ĉi tiu estas alia kion Ĝavoskripto
povas esti vere bona por, estas uzanto validación
kaj certigante ke via uzanto encuadra ene ajna reguloj
ke vi provizis al ili.
Do se vi volas fari aĵojn kiel farante certa persono enigo siaj retadreson
aŭ certigante ke kiam ili eniri du pasvortoj, ili kongruis.
JavaScript povas fari tion.
Vi farus ion kiel, "kiam formo estas prezentita, "aŭ kiel,
"Kiam formularajn butono estas clicked, kontrolu cxion tion. "
Kaj ni povas fari tion Javascript.
Do tio estas nur kion ni faros ĉi tie.
>> Do kio povus esti vojo por kontroli se Ili jam pasis super 140 karakteroj?
Kio okazos al nian valoron de r se ili provas?
Ĝi tuj estos negativa, dekstra?
Aŭ ĝi tuj estos malpli ol aŭ egala al nulo.
Do ni povas uzi se tio estas ĝuste kiel cxio alia.
OK?
Kaj ni havas kelkajn tekstkampon dot valoron, kaj kion ni faras ĉi tie
Estas Ni nur cutting-- kio estas?
Pardonu.
Ĉi tiu, ni nur volas reveni falsaj.
Mi ekkonfuziĝis.
Ĉiuj frazzled de aferoj ne funkcias.
OK, ni nur volas reveni falsa, kaj tiam ni
volas vidigi la ceteraj karakteroj, dekstra?
Do kun la horloĝo, ni faris iun kun interna HTML, dekstra?
Kie ni starigis ĝin egala al iu variablo, do kion povus ni fari tie?
Kion ni ŝanĝas la interna HTML de?
>> Publiko: Sidante?
>> Allison BUCHHOLTZ-AU: Ni ŝanĝanta ceteraj.
Bone, sed kion ni volas restarigi gxin egala al?
Ĝi tuj estos r, ĉar tio estu niaj karakteroj ceteraj.
OK?
Do mi estas vere nervoza vidi se tio funkcias nun, sed ni vidos.
Lasu ĉi.
Tio estas vere rapida.
[Inaudible] OK.
Denove, Mi nur tuj montros al vi.
Ial ajn Miaj decidas ne labori,
sed kion mi montros al vi estas, ke tiu is-- Ho mi estis supozita por enkalkulu en.
OK, ni rimarkas la saman specon de afero tie, alvenante la tekstkampon.
>> Ankaŭ, se vi guy avizon, se ekzistas iam ion vi volas fari,
kaj vi ne scias kiel fari ĝin, simple alklaku Vidi Paĝo Fonto,
kaj ili tuj rakontos al vi.
Kelkfoje ĝi malebligos esti ĉifrita.
Por via pset, ni ĉifri ĉio, do ĝi nur aspektas kiel rubo.
Sed se ekzistas iam vere malvarmeta retejo kiu vin ŝatas,
se vi simple alklaku Vidi Paĝo Fonto, ĝi tuj diros al vi kiel fari ĝin.
Do denove, labori pli inteligenta, ne pli malfacile.
Kaj kiel vi vidas tie, ĉiuj tio estas la samaj.
tiu ĉi ankaŭ nur prenas kelkajn subĉeno ke mi forgesas precize kion tiu faras.
Sed evidente prenas iujn subĉeno de la valoro de nulo ĝis dek,
kaj False kio devus halti la uzanto de inputting anymore,
kaj tiam evidente Ĝisdatigas la interna HTML-tie.
>> Cool.
Do granda take aways ekde hodiaŭ, eksperimento, rigardu fontkodo
ĉar tuj helpi vin sufiĉe, kaj ĉiuj, iam Ĝavoskripto
povas esti malfacile labori kun kaj ne ĉiam laboras la vojo vi atendas ĝin,
sed gxuste provadi ĉar mi promesas volas.
Mi promesas ĉiuj de ĉi tiuj ekzemploj laboris antaŭ klaso.
Mi ne komprenas kio okazis.
Mi laŭvorte havas ĉiu la sama.
>> Unu pli afero, kiun mi volas nur montri vi uloj kiuj povas esti súper utila
estas in-- kion laboris antaŭ?
Ni akiris partion al laboro, cxu ne?
Mi pensas tiel.
Jes.
Ni faris.
Imponega.
OK, do unu afero vi uloj devus scii
Estas la konzolo log ke mi raportis.
Do konsoli dot loglibro de saluton.
Do ĉi tiu estas speco de la Ĝavoskripto ekvivalento de printf.
Do se vi iam volis inspekti via variabloj
aŭ vidu kio okazas tie, kio vi povas fari estas, se ni inspekti elemento,
Estas kion vi volas iri al, kaj vi iru konsoli,
vi vidos ke ĝi presas saluton.
>> Do ni povus havi ĝin print ajn ni volis.
Se ni volis presi fono dot stilo dot fono
ni devus povi vidi la RGB triobla venintan.
Aŭ ne.
Mi forgesas precize kiom vi presi variablo kiel tiu,
sed vi devus povi presi aĵoj kiel tiu.
Tio estos tre utila por via pset kiam
vi provas manipuli kunordigas aŭ whatnot.
Do ili ankaŭ ŝanĝi tiun pecon en klaso.
Tiu estas malsama de lastaj jaroj, do nur esti bela al via TFS, aŭ la TFS
ĉe oficejo horoj pli, cxar ni estas speco de lernado kune kun vi uloj.
Sed la konzolo log estis súper, súper helpemaj por JavaScript pasintjare.
Do amas ŝin.
Lernu kiel uzi ĝin.
Pli facilas uzi ol GDB, por ke devus esti minimume unu plus punkto.
Sed dankon infanoj portantaj kun mi.
Mi bedaŭras ke mia ekzemploj ial
nur ne volas kunlabori kun mi, sed mi
esperas ke ĝi helpis ia al Vi iom pli en la zono de Ĝavoskripto.
Kaj sendu al mi ĉiujn viajn demandojn por proksima semajno tiel mi povas súper riparita,
kaj Mi alportos dolĉaĵojn kaj eĉ ekstra bombono ĉar tiu estis ridindaj.
Sed vi uloj estas geniaj, kaj havi awesome semajnon.