ALLISON BUCHHOLTZ-AU: All haki ya kila mmoja.
Karibu tena kwa sehemu.
Ni sehemu yetu penultimate.
Ni hivyo kusikitisha.
Sijui nini mimi kwenda kufanya bila kuona nyie kila Jumatatu.
Nadhani tunapaswa just-- labda tunaweza tu
kukutana hapa na kuwa na chakula cha jioni au kitu.
Sijui.
Mimi itabidi kuleta chakula badala yake.
Tutaweza tu kuzungumza.
Lakini ndiyo, wiki ijayo mapenzi kuwa sehemu yetu ya mwisho.
>> On kukumbuka kwamba, una Jaribio wiki ijayo.
Mimi najua alisahau kufanya yangu, kama, ilani mapema wiki mbili wiki iliyopita,
lakini hopefully you guys alijua hii alikuwa anakuja.
Hopefully hii ni moja ya mwisho midterms kwa guys kwa ajili ya muhula.
Lakini ni kwenda cover yote vifaa kwamba tumeenda juu.
Hivyo si kama unaweza kusahau tu minne loops au vigezo.
Kwa sababu sisi kujifunza wale walio katika mwanzo,
wale ni wazi haki mchezo kwa jaribio yako.
>> Ni kwenda kuwa utaratibu huo huo, sawa urefu, hivyo tayari ni kutumika yake.
Kuna kwenda kuwa coding na matatizo mkono,
labda baadhi ya uongo wa kweli, labda baadhi jibu fupi.
Hivyo unapaswa kuwa ukoo na format,
hasa kama wewe kuchukua vipimo vya mazoezi.
Lakini kama mimi kusema hapa, ni nyongeza, lakini sisi ni dhahiri
kwenda kulenga mambo kutoka wiki sita na kuendelea.
Hivyo, sisi ni pengine si kwenda kuuliza kuhusu jinsi ka wengi
ni katika kila aina au wale aina ya mambo,
lakini sisi ni pengine ni kwenda kuwa nia ya mambo kama orodha wanaohusishwa,
au miundo mbalimbali data, au algorithms mbalimbali
kwamba tumekuwa aliyesema kuhusu.
Hivyo kuhakikisha wewe ni kweli juu hizo, na kama wewe
haja rasilimali yoyote, hapa kura ya rasilimali.
Mimi tu alitoa wewe aina ya orodha ya haraka huko.
>> Wiki ijayo itakuwa jaribio kupitia kwa wakati huu.
Hivyo kama una maswali yoyote au mada maalum,
mambo maalum juu ya chemsha bongo kwamba Ningependa kwenda juu, tafadhali
kuwatuma mimi kabla ya muda ili niweze aina ya kujiandaa baadhi ya vifaa kwa ajili hiyo.
Na katika Mbali na hayo sehemu ya mapitio, tutaweza
pia kuwa wakishika shaka kote tathmini kama tulivyofanya wakati wa mwisho.
Na itakuja kuwa kufanywa na watu sawa.
Sijui kama kwamba inafanya bora au mbaya,
lakini inaenda kuwa mimi, Hana, Davan, na Gabe tena.
Hivyo kama unataka kuja kuona sisi wote banter na kila mmoja
na kutembea wewe kupitia jaribio mapitio, unapaswa dhahiri
kuja kuwa Jumatatu ijayo pia.
Hivyo itabidi tu Jumatatu jam Zikiwa ya jaribio mapitio, ambayo ni nzuri
kwa sababu kisha una Jumanne mchakato wa kupitia kila kitu.
>> Lakini dhahiri kufanya kuangalia nje rasilimali hizo.
Study.csv.net ni kwa mbali, mimi kufikiri, moja ya muhimu sana,
hasa kwa sababu ina mengi ya sampuli kificho,
ina nguvu zote Points pamoja na maelezo yote juu yake,
ambayo ni kweli nini mimi kuteka zaidi ya kifungu yangu vifaa kutoka.
Kama kuna kitu katika uliopita sehemu nipate kuwa kupelekwa nje
kwamba unaweza kuwa na wamezipata, tu basi mimi kujua.
Kama sampuli ya wiki iliyopita code, kama mtu hakuwa na kupata kwamba,
tu email yangu au kuja kuzungumza na mimi, na mimi itabidi kuhakikisha kuwa wewe kupata hiyo.
>> Hivyo, pamoja na kwamba, leo sisi ni kwenda kuwa kuzungumza juu ya JavaScript.
Hivyo hapa sisi Tommy, mimi ni nani tu kuzungumza na wewe jana usiku.
Mimi upendo Tommy.
JavaScript ni favorite yake Lugha, kama yeye anasema hapa.
Wao utakuwa kujaribu na kuwaambia kwamba ni si bora, nao watakuwa sahihi.
Hivyo Tommy ni JavaScript bwana.
Mimi si kabisa katika yake ngazi, lakini mimi nilikuwa kama,
"Tommy, jinsi gani mimi kufundisha watoto hawa JavaScript? "
Basi, mimi got baadhi ya vidokezo, hivyo hopefully wao kazi nje.
>> Hivyo mambo kadhaa kujua ni kwamba JavaScript ni mteja-upande scripting
lugha, hivyo ambapo PHP ni kitu kwamba sisi kuchukuliwa zaidi server-upande,
ilikuwa upload kwa server, ulioandaliwa na kunyongwa huko.
Hii moja ni kunyongwa kwenye mashine yako mwenyewe.
OK?
Hivyo kupakia baadhi ukurasa JavaScript, na executes kwenye mashine yako.
Syntax ni sawa na C na PHP.
Sisi ni kwenda kwenda kwa njia ya baadhi ya mifano ya JavaScript,
na wewe ni kwenda kuona kwamba njia ya sisi majadiliano juu ya vigezo, loops,
na hali ni wote ni sawa.
OK?
ukweli kwamba wao ni hivyo sawa ni pengine ni kwenda safari baadhi yenu
up, katika baadhi ya kesi, kwa sababu tu utasikia kuingiza kidogo ya C
ambapo kuna haipaswi.
Labda wewe kujaribu na aina ya kitu wakati ni lazima kuwa typed.
>> Na juu ya kwamba, jambo moja kwa kujua ni kwamba JavaScript
ni dynamically typed lugha, kama PHP.
Hivyo kama wewe guys kumbuka kutoka sehemu wiki iliyopita,
tulipokuwa aina ya kufanya PHP yetu ajali bila shaka,
tuliona kamba moja inaweza kuwa akageuka katika int moja, na kadhalika.
aina ya vigezo yako ni kuamua wakati kukimbia,
ili waweze kubadilika baada ya kozi ya mpango,
na katika njia sawa kwamba sisi kamwe kweli kutangaza aina kwa PHP vigezo,
tunakwenda kuwa kufanya hivyo kitu hapa, ambapo sisi siyo kweli
kudhibiti aina ya vigezo yetu, hivyo kusema, kama sisi kufanya katika C.
>> Na kisha jambo moja kuwa ni pretty baridi ni
kwamba unaweza makosa kuangalia kupitia console,
na kazi hii kubwa console.log, ambayo
utapata magazeti nje mbalimbali vigezo au vitu tutaweza
kuzungumzia.
Tu kama wiki iliyopita wakati mimi nilikuwa kama, "kutumia kazi hii," na dampo
kutoka pset yako hii ni kazi unataka kutumia, console.log.
Mimi nilikuwa na kushangaa jinsi wengi wanafunzi katika masaa ya ofisi
hakujua kuhusu dampo kazi.
Na mimi nilikuwa kama, "guys, dhamira hii ya kufanya maisha yako rahisi sana. "
>> Haki wote, ili kwamba ilikuwa aina ya tu kitu kifupi, kama siku zote,
tuna mifano.
Mimi najua wewe guys upendo hizo.
Hivyo hapa ni mfano wa sana rahisi JavaScript faili hapa.
Hivyo ni tu kwenda kujenga hii pop-up kwamba anasema,
"Hello dunia," wakati wewe kuingia ukurasa, lakini hebu
kujaribu na kutembea kwa njia hii kidogo.
Hivyo ni wazi hii ni kama index.html yako ya kawaida.
Hivyo, tu template yetu ya kawaida hapa, na tuna HTML, tuna vichwa vyetu,
na kama tu na CSS, jinsi sisi pamoja na baadhi ya faili nje, haki?
Tuna baadhi ya aina script Nakala kwamba ni JavaScript.
Na chanzo ni hello.js, ambayo ni hapa chini.
Hii ni faili nzima ya hello.js.
Na kisha tuna baadhi ya cheo na baadhi HTML mwili
kwamba sisi si kweli huduma ya juu.
>> Nini kinatokea ni kwamba, wakati sisi mzigo ukurasa huu, ni moja kwa moja executes script hii.
OK?
Hivyo JavaScript mapenzi nitafanya moja kwa moja.
Hivyo kile ni kwenda kufanya, ni kwenda kwa mara moja kwenda na nitafanya hii.
Na ni kwenda kusema, "tahadhari.
Wapendwa dunia. "
Ambayo tahadhari ni kazi ambayo kweli inazalisha sanduku hili.
OK?
Hivyo ni aina ya yote imewazunguka.
Kuna kitu ziada tulikuwa kufanya badala ya tahadhari tu,
na kisha chochote tulitaka ndani ya sanduku wetu Alert.
OK?
Hivyo hiyo ni super rahisi mfano wa kile JavaScript wanaweza kufanya.
>> Moja ya kweli ya baridi mambo, kama tutaweza kuona,
ni kwamba JavaScript utapata kuendesha mtandao kurasa yako,
bila ya kuwa na Reload nao kila wakati.
Hivyo kama wewe want-- kwa mfano, kama wewe ni hovering juu ya kitu,
kama wewe guys milele na kuonekana kama Menu baa,
au wakati hover juu ya baadhi ya mada, orodha Drop-down inaonekana,
hiyo ni kwa sababu ya JavaScript.
OK?
Hivyo wewe si reloading nzima ukurasa kupata orodha hii kuonyesha up,
wewe ni kuangalia tu kwa baadhi maalum hatua ambayo user imechukua,
ambayo ni kuitwa matukio ambayo tutaweza kupata ndani, na mara moja unaweza kuona kwamba, unaweza kusema,
"OK, hariri kitu juu ya hili ukurasa na kufanya ni kuangalia tofauti,
lakini tu hariri mambo haya maalum.
Je, si upya jambo zima. "
Hivyo ni kweli ni kiasi nicer, na huna Reload kurasa yako,
na ni kweli cool.
>> Maazimio Hivyo variable, hivyo unaweza aina ya kuona,
Mimi kuweka juu hapa, loosely typed.
Hivyo hii ni mengi sana kama PHP.
Hatuna haja ya kuwaambia JavaScript ni aina gani tuko
wanatarajia kila ya vigezo hivi kuwa.
Wanaweza kuwa chochote aina tunataka.
Hivyo taarifa katika kesi hii, sisi kutangaza yao sana tu, tu na "var"
na kisha chochote tunataka jina letu variable kuwa.
Jambo moja kukumbuka ni kwamba wakati wewe kuweka var mbele ya jina variable,
ni ndani ya nchi scopes yake.
OK?
Ni busara kabisa kwa ajili yenu kabisa tu kufuta var
na tu s sawa CS50, na kwamba ingekuwa tu kuwa variable kimataifa.
OK?
Hivyo unaweza initialize njia zote mbili, inategemea tu jinsi unataka.
Hivyo kama wewe ni initializing ndani ya kazi,
na unataka kuwa kutofautiana kwa kukaa scoped ndani ya kazi hiyo,
wewe ni kwenda wanataka kufanya kitu kama var jina variable,
dhidi ya kama unataka kimataifa scoped, wewe
unaweza tu kufanya jina la kutofautiana na kisha
chochote Ningependa ni kuweka sawa na.
OK?
>> Hii ni aina ya kitu baridi hapa chini, kwa sababu kama sisi taarifa variable wetu
b kuanza nje kama kweli.
Na nini hii does-- unaweza yeyote anaweza kuniambia nini hii?
Hivyo tuna tahadhari fulani.
Je, aina ya b kuwa katika mwanzo?
Watazamaji: Boolean.
ALLISON BUCHHOLTZ-AU: Boolean.
Haki.
Na kisha sisi reassign b kwa kamba hii, sawa?
Hivyo basi hapa, ni aina gani ya b kuwa?
Ni d kuwa kamba, haki?
Basi nini muhimu ilani ni kwamba katika c, sisi
inaweza karibu kamwe kufanya kitu kama hicho.
Tunatarajia kuwa na kutofautiana, kuwatupia kama kitu kingine,
labda kufanya baadhi ya kazi na mbili i, kwenda kutoka malipo kwa integer.
Lakini kama sisi taarifa hapa, b sana kwa urahisi mabadiliko aina.
>> Watazamaji: Ngoja, hivyo unaweza tu kuwa kama, "kufanya b integer?"
>> ALLISON BUCHHOLTZ-AU: Yeah.
Unaweza tu reassign b kwa integer.
>> Watazamaji: Kweli?
>> ALLISON BUCHHOLTZ-AU: Yeah.
Na basi itakuwa int.
Hivyo vigezo yako inaweza kubadilika baada ya kozi ya mpango pia.
Wao si madhubuti typed.
Ni loosely sana typed.
OK?
Kimsingi vigezo yako wanaweza kufanya lolote wanataka, kama sisi aina ya kuona kwa PHP.
Wanaweza kufanya baadhi ya mambo mambo, hivyo ni muhimu kuwa pretty makini.
Jina vigezo yako vizuri.
Kama huna, kwa ghafla wewe ni kwenda kuwa kama,
"Kusubiri, Nilidhani hii ilikuwa kamba, na sasa ni int,
na mimi nina uhakika nini kinaendelea hapa. "
Hivyo hii ni mfano tu rahisi ya kuonyesha jinsi variable urahisi
mabadiliko ya aina yake juu ya kozi ya mpango.
>> OK.
Hivyo hii inapaswa kuangalia super, super ukoo.
Basi hizi ni loops wetu katika JavaScript.
Wao ni sawa, isipokuwa kwa badala ya nne int i sawa sifuri,
tunaweza tu kusema var i sawa sifuri.
Na kisha sisi inaweza kuwa na aina yetu sawa ya hali, aina hiyo ya update,
i plus plus kazi nzuri tu.
Hivyo fours ni sawa, whiles ni sawa,
na kufanya whiles ni sawa.
Same aina ya ujumla format.
Sisi taarifa, nne, mabano, mabano, ni sawa.
Pia kutakuwa na semicolons wakati sisi kupata mfano code.
Utaona ni pretty kiasi sawa kama c.
>> Kwa ajili ya kazi maazimio, tena, sawa sana.
Tuna baadhi ya kazi ambayo tu anasema kwamba ni kazi, na kisha
jina la yetu kazi, na pembejeo.
Na tena kama sisi taarifa, sisi hawana aina hapa wowote.
Haki?
Tuna chochote akisema kwamba hawa haja ya kuwa na ints au mara mbili, au ikifungwa.
Wao wanaweza kuwa chochote wanachotaka.
Kitu muhimu ni noticing kwamba tunahitaji kuandika kazi kabla
basi JavaScript kujua kwamba hii ni kweli kazi.
>> Hivyo hii ni baadhi tu ya hesabu rahisi kazi kwamba anarudi x au y,
na kisha nini pia baridi ni kwamba unaweza kweli
hawawajui kazi kwa kutofautiana.
Hivyo katika kesi hii, jumla ni sasa kazi ambayo kwa kweli anafanya jibu.
Hivyo kama wewe taarifa hapa, tuna kazi, jina la kazi, pembejeo.
Haki?
Hapa sisi tu kazi na pembejeo.
Hivyo hii inaitwa kazi bila majina.
Na hii ni kitu ambacho lazima mpya kwa zaidi ya wewe guys, kama si wote wa wewe.
Hivyo kimsingi nini kwamba njia ni kwamba sisi kufanya si
haja kwa jina la yetu kazi katika kesi hii.
Tunaweza tu kusema, "Sawa, mimi nina kwenda kuwa na kazi hii kwamba executes, hapa
ni pembejeo yake, na hapa ni nini kinaendelea kufanya. "
Na hasa wakati wewe ni kumshirikisha kazi na baadhi ya kutofautiana
kwamba wewe ni kwenda kuendesha, huna lazima
haja ya jina hilo kwa sababu wewe ni kwenda kuwa akimaanisha
hiyo na variable hii jina, na si kwa chochote
kazi ilikuwa kweli kuitwa.
OK?
>> Hivyo kama sisi kuona hapa, sisi kuwa na baadhi ya Jumla variable sasa
ambayo ni sawa na Jumla ya tatu na tano.
Na tunataka kupata hii.
Na hii ingekuwa tu kuwa tahadhari fulani, tatu pamoja na tano sawa idadi.
Plus Hii tu concatenate chochote jibu yetu ilikuwa kwenye kamba.
Pia baridi, pamoja na unaweza concatenate masharti.
>> Kwa JavaScript, kama na PHP, HTML, CSS na kama sisi alisema,
mengi ya ni sisi aina ni ya kuchukua magurudumu mafunzo mbali hapa
na nyie kuwa na mengi ya know jinsi ya kweli kuelewa mambo haya.
Wao ni tofauti kidogo, lakini wao siyo hivyo kigeni
na kwamba huwezi kwenye Google mambo au kuangalia yao juu online na shule W3.
Na sisi ni kweli wanatarajia wewe guys kwa, aina ya, majaribio
na kujifunza juu yako mwenyewe.
Hivyo, najua hii inaweza kuonekana kidogo chini uhakika zaidi kuliko baadhi ya c mambo
sisi kufanya, lakini hiyo ni kweli kwa sababu.
Lakini hopefully si pia tofauti, na si balaa.
>> Hivyo arrays katika JavaScript, tena sana, sawa sana.
Haki?
Tuna baadhi ya safu variable hiyo ni sawa na mabano tupu,
na kwamba tu safu tupu.
Hii ni mara nyingi huitwa halisi safu nukuu.
Hilo ni jambo moja tu sisi kuiita.
Kama tunaona safu mbili hapa, tuna baadhi ya halisi safu kwamba ina mambo matatu,
haki?
Na kisha tuna baadhi ya var tatu kipengele kwamba
baadhi variable kwamba tu kwenda kushikilia kamba hii, JS.
>> vipengele, nzuri kwa taarifa, ni kutengwa kwa koma,
tu kama sisi bila kutarajia.
Na unaweza pia kupata huduma hizi, kama tulivyofanya katika C, na nukuu hii index, haki?
Hivyo tofauti na PHP sasa, tunakwenda nyuma
tu aina ya akimaanisha mambo na index.
Tu kama C, pia ni zero index.
Najisikia kama itakuwa ni kweli kikatili kama wao ghafla alifanya JavaScript moja
index, na wewe alikuwa na kabisa kufikiri upya jinsi unafikiri kuhusu arrays.
>> Jambo moja baridi ni kwamba badala ya kuwa na do-- kama wewe milele
alitaka urefu wa safu, labda wewe iterate kwa njia hiyo
mpaka kupata baadhi mwisho, au wewe ingekuwa tu kujua ni nini.
Kwa sababu JavaScript ni huru sana katika zaidi njia kuliko aina tu, kama sisi kuona hapa,
tunaweza tu kufanya safu hii kubwa kwa sababu sisi kuamua.
Kama sisi taarifa safu tatu ina mambo matatu ya kuanza,
lakini kisha kwa ghafla, sisi ni kama, "oh, just kidding.
Sisi ni kweli kwenda kufanya hivyo mambo 101. "
Hivyo kama wewe milele unataka kujua halisi urefu wa safu yako,
unaweza kufanya hivyo kama hii.
Na sisi ni kwenda kuona mengi ya nukuu hii katika mifano,
lakini pamoja na JavaScript ni kawaida chochote
kitu kuwa wewe ni kuzungumza juu ya dot chochote aina ya kazi
unataka inatumika juu yake.
OK?
>> Hivyo katika kesi hii, yetu kitu ni safu mbili,
na tunasema tunataka urefu wa safu mbili.
Hivyo hii wito tu kama urefu juu ya hilo.
Na kwamba atarudi urefu wako.
Pia Kitu cha kushangaza ni kwamba kama sisi taarifa arrays zetu,
tofauti C, hawana kuwa yote ya aina moja.
Hii ni zaidi kama PHP.
JavaScript ni kimsingi tu kama meld hii ya kuvutia ya C na PHP.
Hivyo tutaweza kupata katika hiyo.
Kwa sasa, hebu tu kudhani kwamba arrays yako ni kimsingi
kama C arrays, kwa kuwa wao ni zero indexed.
OK, hivyo kwamba ni kila kitu.
Unaweza pia kuongeza tu safu ya chochote index unataka.
Wakati hii pengine seg kosa juu yenu au kukupa makosa baadhi,
JavaScript ni kama, "nah, ni nzuri.
I got hii.
Tutaweza tu kwenda moja kwa moja ambapo unataka. "
>> OK, hivyo vitu ni muhimu sana.
You guys itakuwa kutumia mengi ya haya katika P kuweka yako, kama mimi kukumbuka kwa usahihi.
Kwa hivyo jambo la kwamba hizi ni sawa na katika C ni structs.
Hivyo unaweza kufikiri about-- wakati sisi kwenda mfano haki
baada ya hii nadhani ni itabidi kufanya mengi sense-- zaidi
lakini sisi kimsingi kutumia vitu kwa kuandaa bila shaka kuhusiana na habari.
Wakati kuongelea structs katika C, sisi mara nyingi
majadiliano juu ya mwanafunzi ambaye alikuwa na baadhi ya jina, ID, nyumba, unajua, utulivu.
Na hiyo ni aina ya kitu kimoja kwamba sisi kutumia vitu kwa hapa.
Ni tu kuandaa habari hiyo.
>> Unaweza pia kufikiria kama haya zaidi sawa na associative arrays katika PHP.
Hivyo hii itakuwa ni aina ya kitu ambapo tuna baadhi ya muhimu na baadhi ya thamani,
sawa na PHP.
Hivyo unaweza initialize baadhi kitu tupu, kama tunaona hapa,
tu na braces curly.
Arrays Hivyo ni mabano mraba.
Vitu tupu ni braces curly.
Tofauti nzuri ya kuwa na.
Na hawa ni baadhi tu ya mawili tofauti njia ya kuweka mali.
Hivyo hii ni aina ya zaidi ya njia ya kuwa
ni sawa na PHP, na yetu arrays associative, na muhimu yetu,
na thamani yetu, ambapo hii moja is-- utasikia
kuona hii zaidi mengi katika JavaScript.
Hii huelekea kuwa mkataba.
Na katika njia sawa kwamba sisi alifanya safu mbili dot urefu, hii ni kusema,
"OK, nipe hii sifa ya hii kitu. "
Haki?
Hivyo njia hiyo ilikuwa kama, "Nipe sifa urefu wa safu mbili, "
hii ni kusema, "kunipatia mali ya kitu yetu tupu. "
Au katika kesi hii, sisi ni kumshirikisha kwa baadhi ya thamani hapa.
Lakini pia unaweza kupata njia hiyo.
>> Na kisha hapa hii ni kuonyesha alerts mbili tofauti.
Hivyo hii wataonyesha alerts itakuwa halisi huo,
ni njia mbili tu tofauti ya kupata kipengele kwamba tunataka.
Je, hiyo mantiki kwa kila mtu?
Najisikia kama hii moja pengine mantiki zaidi,
tu kwa sababu sisi ni kuja mbali ya PHP.
Lakini kama sisi kufanya mifano zaidi, hii ni literally sawa.
mengi ya ni mabadiliko tu katika syntax.
>> OK, hivyo mifano.
Mimi upendo mifano.
Hivyo hapa ni baadhi CS50 variable kwamba ni kitu,
na sisi kuhifadhi yote hii habari kuhusu hilo.
Hivyo tuna shaka, mwalimu, TFS, psets, na taped.
Hivyo sisi taarifa hizi ni karibu yote ya aina mbalimbali.
Haki?
Hivyo vitu unaweza kuhifadhi sifa ya aina mbalimbali.
Tunaweza kufikiria this-- ni sana sawa na associative yetu safu katika PHP.
Hivyo muhimu, thamani, muhimu, thamani, muhimu, thamani, kadhalika na kadhalika.
Nini pia kuvutia katika njia hiyo kwamba tunaweza kuwa na arrays ndani ya arrays,
sisi pia unaweza kuwa na vitu ndani vitu, au arrays ndani ya vitu.
Wewe kamwe kweli mdogo kwa single moja ya mambo tu.
Tunaweza kupata Inceptionesque sana, tu kuendelea chini ya shimo sungura huko.
>> Hivyo kama sisi taarifa, sisi kuwa na baadhi ya shaka kwamba
ni kamba, mwalimu kwamba kamba, na safu, int, na Boolean.
Hivyo mambo yote haya tofauti.
>> Haki wote, hivyo, tuna mtu mwingine.
Hivyo katika kesi hii, tuna safu ya vitu.
Hivyo tu kama kitu unaweza kuwa na safu ndani yake.
Sisi pia unaweza kuwa na safu ya vitu.
Hii inaweza kuwa na manufaa kwa kufikiri juu ya sawa na aina
ya jinsi tulikuwa hash meza, tulikuwa safu
ya yote haya tofauti aina ya structs kwamba
walikuwa kuyatumia kwa tofauti nodes na whatnot.
Lakini katika kesi hii, sisi safu ya vitu.
Hivyo hii ni kama safu ya associative arrays.
Hivyo tuna baadhi ya kipengele kwanza itakuwa kuwa kitu kwa jina James
na nyumba Winthrop.
>> You guys wanaweza kukumbuka kitu sawa na hii
na pset yako ya mwisho, ambapo kama wewe vunjwa kitu kutoka database yako,
aina ya kwanza ya kitu katika safu yako alikuwa
wote wa habari kuhusu user kwanza alikutana yake,
na kisha alikuwa na index katika kwamba kupata hisa zao au cache yao
au whatnot.
Hivyo hii ni sawa sana kitu, tu mabadiliko kidogo
katika syntax, kidogo mabadiliko katika maneno sisi kutumia kuelezea yao.
>> Hivyo kama sisi alitaka, mtu yeyote anaweza kuwaambia mimi nini tahadhari hii bila kufanya hapa?
Au nini hii kidogo ya code bila kufanya kwa ajili yetu?
Watazamaji: Ni nitakupa majina yote.
ALLISON BUCHHOLTZ-AU: Right, hivyo ingekuwa tu tahadhari na majina yote
kwa sababu ingekuwa kwenda kwa njia ya Cottage i, hivyo d kuanza saa sifuri.
Hivyo ni Ningependa kusema, OK sisi ni kuangalia katika hii kitu ya kwanza, ambayo
ni yanayopangwa kwanza katika safu yetu.
Na inasema, "nipe sifa, jina la kitu hicho. "
Hivyo sisi kwenda hapa, sisi d Scan, tunatarajia kupata jina,
na tunatarajia magazeti nje James, Molly, na Carl.
Maswali yoyote hadi sasa?
JavaScript kwa bahati mbaya wewe ni kwenda kuwa
kufanya mengi ya kuangalia juu yako mwenyewe, kuhesabia nje syntax,
wanakabiliana nayo.
Lakini bila shaka mimi nina daima hapa, masaa ya ofisi ni daima hapa.
Nipate kuwa siku za Jumanne wiki hii.
Hivyo kama wewe ni huko, unaweza kuja kutembelea mimi wiki hii.
Ni d kuwa kubwa.
>> OK, hivyo DOM ni Document-Object Model.
Hivyo hii ni njia tu kwamba sisi kama kufikiri
kuhusu jinsi HTML yetu na kila kitu ndani yake ni kupangwa.
Hii ni mengi sana kitu ambacho pengine kuja juu ya chemsha bongo yako.
Najua mwaka wangu, ilikuwa ni kama hapa HTML faili, kujaza DOM kwa ajili yake.
Na wewe tu kujaza mambo kidogo.
Haya lazima pointi rahisi hopefully.
Hopefully itabidi see--
>> Watazamaji: [inaudible]
>> ALLISON BUCHHOLTZ-AU: Hivyo unaweza kuona mti huu hapa?
>> Watazamaji: Yeah.
>> ALLISON BUCHHOLTZ-AU: Hivyo wao kuuliza matumizi
kujaza yale yanayoendelea chini ya mwili.
Labda chini ya mwili, tuna baadhi ya divs au tuna baadhi ya aya,
na tutakuuliza kujaza mti sana kama hii.
Hivyo tutaweza kuwa kutembea kwa njia hiyo.
Hivyo Document-Object Mfano ni njia tu
muundo na kufikiri kuhusu HTML wetu graphically.
Na pia wakati sisi kupata katika zaidi JavaScript,
ni kwenda kuwa njia kwamba sisi kweli
kuendesha tofauti vipengele kwenye ukurasa.
Tunahitaji njia ya kupata kila ya mambo katika HTML yetu,
na hivyo hii inatupa sana halisi sanifu njia
hela kurasa za mtandao mbalimbali ya kufanya hivyo.
>> Hivyo kama sisi tu kutembea kwa njia ya hii hapa, bila shaka
hati yetu ni kama file yetu yote.
Hiyo ni wazi mantiki kwamba ni jambo juu,
na kisha tuna HTML yetu halisi, ambayo sambamba na tag hii hapa.
Pia kama wewe katika indent vitambulisho yako vizuri, kisha kujenga mti huu DOM
inakuwa super rahisi.
Hivyo tuna baadhi kichwa hapa.
Tuna baadhi ya mwili kwamba tunaona shina mbali ya HTML,
ambayo ni kwa nini tuna kichwa na mwili.
Ndani ya kichwa, tuna baadhi ya cheo tag, tag mwisho cheo,
hivyo tunajua kwamba inakuja baada ya kichwa.
Na ndani ya cheo tag wetu, tuna hello, ulimwengu.
OK?
Hivyo hiyo ni hii yote mkono wa kushoto tawi.
Na kisha kwa ajili ya mkono wa kulia tawi hapa, tunaona kwamba tuna HTML,
OK tumefanya hii sehemu ya kichwa, sisi ni kuangalia tu katika mwili,
hivyo tuna baadhi ya eneo mwili.
Na ndani ya kwamba, tu Jambo tuna ni hello, ulimwengu.
OK?
Kama tungekuwa na mambo kama baadhi p bracket na kisha
hello, dunia, na kisha mwingine bracket p ya kwaheri, dunia,
tunataka kuwa Bubbles mbili kuja mbali ya hapa.
Kwa sababu wao ni wote chini ya mwili, lakini wao uko tofauti aya kesi hii.
Kuna ni dhahiri mazoezi juu ya kwamba katika Quizzes uliopita,
kama vile mengi online juu yake.
OK hivyo, hii inakuwezesha tu sisi kuona kila kitu nicely
na kuendesha mambo utaratibu sana.
OK?
Sisi kujua hasa jinsi ya traverse kwa njia ya mti huu,
hivyo tunajua nini tunataka kupata.
>> OK hivyo hii ni kwa nini tunataka kuwa na aina hii ya mtindo,
ili tuweze kutumia mambo kama hayo, na sisi kuelewa nini maana,
na wao uko sanifu juu ya vitu vyote kwamba sisi kufanya.
Hivyo hati dot cheo ni tu jina la our-- yote haya
ni pretty maelezo binafsi, Mimi kama kufikiri.
Hivyo kwanza tatu mifano ni kusema tu,
"OK, tu nipe jina la ukurasa huu wa wavuti. "
Hivyo itakuwa kukupa kile sambamba na cheo.
>> Document dot mwili ni kwenda kukupa chochote ni ndani ya vitambulisho wale mwili.
Hivyo unaweza kuendesha hiyo.
Na hati dot dot mwili kuingia HTML ni moja baridi sana,
na labda si kama super Intuitive, lakini HTML ndani
sambamba na haki hii hapa.
Hivyo kama wewe milele unataka kuendesha maandishi katika ukurasa,
kawaida wewe ni kwenda kufanya kitu na mwili dot HTML ndani.
OK?
Hivyo HTML ndani huelekea kwa kutaja nini ni kweli kati ya hizi tags.
OK?
Na kisha kazi muhimu.
Hivyo kama wewe alitaka kupata yoyote ya hizi, kipengele yoyote,
tuna baadhi ya Id, darasa jina, au jina tag.
Hii ni sawa na mambo ya sisi alivyofanya kwa CSS, haki?
Ambapo tuna baadhi ya selectors kwamba yanahusiana na aidha tag, darasa
kwamba sisi kuwapa, au Id.
Hii ni mengi sana kwa njia hiyo hiyo.
Kama una kitu ambacho ina baadhi ya kundi la mbwa,
na unasema kupata vipengele kwa jina tag, na kuweka mbwa katika there-- au sorry,
darasa jina.
Unaweza kuweka dot huko.
Ni kwenda na kurudi wote wa wale mambo ya wewe kuwa na darasa hilo.
Hivyo unaweza kuendesha wale tu.
Kwa njia hiyo hiyo, labda wewe tu wanataka kuendesha baadhi header, hivyo
baadhi header h1, kama tulivyofanya.
Unaweza kufanya kupata vipengele kwa tag jina, kwa sababu h1 ni jina tag.
Na kwa njia hiyo hiyo, kama unataka kupata baadhi Jambo la kipekee, unaweza kufanya get tag.
Kupata kipengele kwa Id.
Na wao ni kura ya haya kweli.
Hizi ni tu kama tatu za wengi sana.
Hivyo kama wewe kwenda online, kama Mimi nina kwenda kuhamasisha
kufanya, na kufanya baadhi utafiti juu yako mwenyewe,
Mimi dhahiri kupendekeza kuangalia katika wale wote.
Wao wanaweza kuwa super muhimu, hasa wakati
unataka tu aina ya kuendesha maalum sana mambo bila ya kuwa
kwenda kwa njia na kujaribu Hazrat nje kila kitu.
>> OK, hivyo jambo la mwisho ni matukio JavaScript.
Hivyo wakati mimi alikuwa akizungumza mapema kuhusu kwenda kwenye tovuti,
na wakati hover juu ya kitu, au panya yako hovers juu ya kitu,
kitu kingine kinachotokea.
Hii ni nini tunatarajia kufikiri kuhusu kama tukio hilo.
Hivyo kile tuna nguvu kwamba kuwa na manufaa hapa ni onclick.
Hivyo mgodi juu ya hover, ambayo, mimi nina pretty uhakika, ni tu juu ya hover.
Pia tani ya haya kwamba unaweza kuangalia kwa.
Kuna orodha nzima ni online ya mambo mbalimbali
kwamba unaweza kusikiliza kwa.
>> Lakini JavaScript matukio ni kimsingi kukabiliana tu na mambo
kwamba mtumiaji yako ni kufanya.
Haki?
Hivyo user yako haina kitu, hiyo ni tukio,
na JavaScript kujibu Hata hivyo Ningependa kwa.
Itakuwa kujibu ipasavyo.
Hivyo katika kesi hii, tuna baadhi dirisha dot onload.
Hivyo kile hii anasema ni, "kusubiri mpaka dirisha la kubeba. "
OK?
Hivyo wakati kila kitu ni kubeba, onload, basi unaweza nitafanya kazi hii.
Hivyo wakati kila kitu kubeba, wewe ni kwenda
kuwa na baadhi ya kifungo search kwamba anapata kipengele kwa Id,
na prints chochote kile kipengele ni kama Search button.
Na kisha tuna variable hii, tunasema, "Sawa, onclick."
Hivyo wakati sisi kusikia click juu ya Search kifungo,
nitafanya kazi hii, ambayo ni tahadhari, wewe clicked Search button.
>> Hivyo kile kinachotokea is-- hii ni nzuri kidogo graphic uwakilishi hapa.
Hivyo hati mizigo yetu, hiyo ni onload yetu,
tunaona Search wetu kifungo, ambayo ni hii.
Sisi ni kuangalia kwa Search wetu button.
Na kisha wakati Search kifungo ni clicked, ni sambamba na haki hapa.
Onclick.
Kisha sisi hatimaye tahadhari ya mtumiaji wetu, ambayo ni line hii ya mwisho hapa.
OK?
Hivyo kila moja ya hatua hizo nne tu sambamba na masanduku nne
chini huko chini.
Je, hiyo mantiki kwa kila mtu?
>> Na kisha jambo moja kwamba mimi nina kwenda tu kutaja sana, kwa ufupi sana, kwamba mimi
moyo guys kwa Kwenda kuangalia zaidi katika ni
jQuery, ambayo ni tu maktaba ambayo imejengwa juu ya JavaScript.
Ni super muhimu, kama na maktaba nyingi.
Kuna kura ya kazi.
Hivyo kama kuna milele kitu ambacho unataka kufanya katika JavaScript,
Instinct yako ya kwanza haipaswi kufikiria
wa, "nini kazi lazima I kanuni ya? "Ni lazima,
"Napenda kuona mtu ni tayari amefanya hivyo kwa ajili yangu. "
Kwa sababu mara tisa kati ya kumi, mtu wamefanya hivyo tayari,
na pengine wamefanya hivyo bora.
Watu kutumia muda mwingi kufanya haya, na JavaScript ni sana sana kutumika,
hivyo watu ni daima kujaribu kufanya hivyo bora.
Na jQuery ina mengi ya kazi kwamba pengine kuwa na manufaa kwako
katika mradi wako wa mwisho kama wewe ni kufanya kitu chochote na kubuni mtandao.
Kama mimi kama kusema, "kazi nadhifu, si vigumu. "
Kama wewe guys kufanya hivyo, utakuwa na kubwa.
Wakati tuko katika hackathon mimi si wanataka wewe kuwa wote alisisitiza nje.
Mimi nataka wewe kama, "I got huu. jQuery got nyuma yangu.
Sina haja ya kuandika kazi hizi. "
>> Hivyo tu mambo mawili kumbuka, mimi nina kwenda
basi wewe guys kuangalia zaidi katika jQuery juu yako mwenyewe.
All I nina kwenda kusema ni gani baadhi ya mambo pretty kutisha
na wanaweza kufanya maisha yako rahisi sana nzima.
Lakini nini unataka kuwa ni faili chochote
kwamba wewe ni kwenda kuwa na kutumia katika, wewe ni kwenda kutaka mistari hizi mbili.
Wewe ni kwenda kutaka script ya JS jQuery dot JS.
Na kwa kweli chanzo yako ni kwenda kuwa baadhi URL.
Kama kwenye Google jQuery, Google kweli majeshi mafaili yote kwa ajili yenu.
Hivyo wewe dhahiri wanataka pembejeo kwamba URL badala yake.
Mimi tu ya kuweka hii hapa kwa ajili ya unyenyekevu ya.
Yote hii ina maana ni wapi kupata maktaba yako jQuery.
Ni mkubwa, hivyo hawataki kuwa mwenyeji wa kwenye kompyuta yako mwenyewe
kama unaweza kuepuka hayo, ambayo ni kwa nini sisi huwa na tu ya kuweka katika URL Google kwamba
majeshi yote ya files haya kwa ajili yenu.
OK?
You kwenye Google hilo, mimi ahadi itakuwa huko.
>> Na kisha chochote JavaScript faili kwamba wewe ni
kutumia, hivyo hii ni baadhi tu ya nje JavaScript faili kwamba unatumia.
Katika njia sawa kwamba sisi zilizounganishwa na CSS wetu files, hii ni aina moja ya kitu.
Hii tu viungo faili ambapo yako JavaScript ni.
Na mimi kuwa baadhi ya mifano na rahisi JavaScript.
Hivyo tutaweza kuwa kwenda kwa njia hiyo.
Na kisha katika ripoti yako JavaScript, ambayo ni yako JavaScript faili hapa,
hii ni aina ya wrapper kwa kuwa kwa jQuery.
Wewe ni karibu 99.9 asilimia ya muda kwenda
kuwa na hii katika faili yako index.js.
Kwa sababu nini hii anasema ni, "Hawana nitafanya chochote
mpaka hati yako ni kweli tayari, "ambayo ni nini hasa unataka.
Kwa sababu kama hati yako si tayari, na jQuery kuanza kufanya mambo,
ni tu fujo.
Hivyo daima wanataka kuwa wrapper hii.
Na kisha kwa ajili ya mambo ambayo kwenda huko, mimi atamwacha kwa guys wako perusing mwenyewe.
>> OK, hivyo kuna maswali yoyote haki sasa kuhusu JavaScript kwa ujumla?
Au mfano DOM?
Kama siyo, tuna baadhi ya baridi mifano kuwa tunaweza kwenda kupitia,
kwamba wewe guys unaweza kunisaidia code.
Lakini mimi nina pia kwenda kuwa super nzuri, na kama wewe
hawataki kusema chochote kwa ajili ya haya, hiyo faini.
Pia naweza kukupa tu ya mifano.
Lakini kitu chochote juu ya PowerPoint kabla ya kuendelea?
Baridi.
>> Najisikia kama nyie haja ya nishati.
Hivyo nadhani tunakwenda kuanza na chama changu mfano wa kwanza.
Tuna mifano mitatu, una uchaguzi wako.
Hivyo tuna saa, ambapo tunakwenda kutekeleza saa halisi kwamba
kwenda update kama wakati unaendelea na.
Tuna kazi hii kubwa Twitter.
This-- unajua nini, kushikilia.
Sisi ni kwenda kufanya hili kwenda mbali.
Bam.
OK.
>> Tuna kazi hii kubwa Twitter hapa, that-- Mimi najua, haki?
Ni kwenda kuwa kubwa.
Je, wewe ni guys msisimko?
Hiyo ni kwenda kuhesabu idadi ya wahusika kwamba umeacha,
hivyo kama mimi aina sasa hivi, ni wazi kuwa bado anasema 140,
lakini tunajua kwamba si kesi.
Na kisha kwa moja yetu ya mwisho hapa, bonyeza hapa chama.
Nini kinaendelea kutokea ni wakati sisi click, background ya
kwenda na mabadiliko ya rangi.
Hivyo wewe guys kuwa chaguzi yako ya ambayo moja unataka kufanya kwanza.
Mimi ahadi mimi itabidi kuchukua ni rahisi sana kwa ajili yenu.
Najisikia kama kila mtu ni aina ya tu chini sana muhimu leo.
Hivyo mimi itabidi kutembea wewe kupitia jinsi sisi kutekeleza yote haya.
Kama unataka chime katika, kwamba ni kubwa, lakini mimi
kujisikia kama kila mtu ni kidogo kuchoka.
Hivyo mimi itabidi kutembea wewe kupitia mifano hiyo.
Je, sisi kuwa na kitu ambacho tunatarajia nini kwanza?
Mtu yeyote?
Hakuna upendeleo?
OK.
Unajua nini?
Sisi ni juu ya chama.
Najisikia kama nyie haja little-- hivyo, tutaweza kufanya moja chama cha kwanza.
OK.
>> Hivyo tuna nini here-- kwamba si walidhani kuwa huko.
Sasa ni vizuri.
OK.
Hivyo nini sisi hapa ni rahisi tu HTML ukurasa
kwamba nyie lazima wote super ukoo na kutoka psets yako miwili iliyopita.
tuna doc aina yetu hapa.
Je, kila mtu kuona?
OK.
Baridi.
Tuna HTML yetu ni wazi.
Tuna baadhi header kwamba ni wanaohusishwa na karatasi style kwamba
tu alifanya font yangu nzuri na kubwa na ujasiri.
Hiyo msiwe na wasiwasi juu ya hilo.
>> Tuna baadhi ya mwili na Id background, OK?
Kwa sababu sisi ni kwenda kuwa kubadilisha background.
Hivyo wakati sisi ni kubadilisha background ya mwili wetu,
tunakumbuka kutoka wiki mbili zilizopita wakati sisi ni kushughulika na kurasa za mtandao.
Hivyo nzuri ya kuwa na hiyo.
Na tuna baadhi Id sawa chama.
Hii h ref pound tu ina maana kwamba ni kwenda kwenda kwenye ukurasa huo.
Na bonyeza hapa chama, ambayo ni kwa nini wakati sisi bonyeza yake,
ni lazima mabadiliko ya rangi, nashiriki.
>> Na kisha tuna baadhi script hapa kwamba ni tu wanaohusishwa na hii chama dot JS
file, yaani tupu kwa sababu hatujafanya chochote bado.
Na ni hivyo kusikitisha.
Lakini haraka sana, itabadilika rangi, na itakuwa ya kutisha.
>> Hivyo mimi nina kwenda tu kutembea wewe guys njia ya jinsi sisi tupate mbinu hii.
Hivyo jambo la kwanza kwamba sisi kutaka kufanya,
kama sisi ni kubadilisha historia ya mwili, jambo la kwanza sisi kutaka
kufanya ni kweli kunyakua kile mwili ni, haki?
Hivyo tunataka kuwa na kiasi, yetu background, na kama taarifa,
Mimi moja kwa moja tu tu kuanza kuandika.
Kuna kitu maalum kwamba sisi haja ya kufanya kwa ajili yetu files JavaScript.
Naweza kuanza kutangaza vigezo, na kutangaza kazi random.
Na ni mengi zaidi bure fomu.
Ni kama na C, tuliwapa wote sheria hizi ngumu, na wewe ilikua juu,
hivyo sisi ni kama, "watatoka.
Kuwa huru.
Je, unataka nini. "
Na kwamba ni nini JavaScript ni.
Hivyo tuna baadhi background hapa.
Kwa DOM mtindo wetu, tunajua unaweza kufanya hati dot kupata kipengele,
na kama sisi taarifa hapa, mwili yetu ina Id.
Haki?
Hivyo tunaweza kufanya kupata hati kwa Id, na hapa ni moja rahisi.
Nini Id yetu kwamba tunataka hapa?
Watazamaji: Background.
ALLISON BUCHHOLTZ-AU: Background.
Perfect.
Na semicolon mwishoni.
Hiyo ina si wamekwenda bado.
Bado unahitaji semicolons yako.
OK.
Hivyo hiyo ni moja yetu ya kwanza.
Na wakati sisi bonyeza kitu, sisi wanataka kitu kutokea, haki?
Hivyo sisi kutaka baadhi variable hiyo kusubiri kwa click.
Nini tunakwenda kufanya ni tunakwenda kufanya kiungo wetu zaidi sawa na kifungo.
Hivyo sisi ni kwenda kuwa na baadhi ya kifungo kwamba sawa kumbukumbu dot kupata kipengele kwa Id.
Na kama mimi kuzungumza juu bonyeza kiungo au bonyeza hapa kwa chama
kiungo, nini kinaweza Id yangu kuwa hapa?
Sherehe.
Sahihi.
OK si mbaya sana hadi sasa.
Kila mtu kupata nini sisi ni kufanya?
>> OK, hivyo sasa tuna yetu kifungo, na tunataka
mambo kubadilika wakati sisi bonyeza juu yake.
Hivyo kama sisi kukumbuka kutoka PowerPoint wetu, kitu rahisi sana tunaweza kufanya
ni tu ya kifungo dot onclick, haki?
Na kwamba kinaendelea sawa baadhi ya kazi.
Hii ni kazi bila majina.
Na hii tu as-- kweli mimi nina kwenda kufanya hii kubwa kidogo.
>> Hivyo kile mimi tu alifanya hapa ni mimi kusema, OK,
wakati sisi bonyeza kifungo yetu, ambayo ni kiungo huu kwamba sisi tu inajulikana,
sisi ni kwenda kutekeleza kazi hii bila majina.
Hatuna haja ya pembejeo yoyote.
Hatujali nini user anasema.
Wakati wao bonyeza juu yake, tuko kwenda kufanya chochote tunataka,
ambayo ni mabadiliko ya rangi ya asili.
OK?
Hivyo ndiyo sababu hatuna pembejeo yoyote, sisi tu kazi hii bila majina.
Na sasa sisi ni kweli kwenda kuandika kazi hii.
>> Hivyo kuna kundi la njia wewe inaweza kuzalisha rangi random.
njia ambayo mimi alifanya hivyo mara kwa kuzalisha tatu namba random
na kubadili yao kwa RGB tatu.
Hivyo hii inaonyesha tu baadhi ya baridi mambo ambayo kama wewe ni kama, "oh,
Mimi haja ya kuzalisha random idadi. "kama wewe Googled yake,
hii ni nini ungependa kupata.
>> Hivyo tuna tatu tofauti mambo, var, si nyekundu tena, kijani.
Haki?
Basi hizo tatu mambo kwamba kufanya juu ya rangi.
Bluu, nyekundu, na kijani.
Baridi.
Na nini tunaweza kufanya ni kwamba sisi kujua kwamba inahitaji kuwa kati ya 255,
na kama wewe inaonekana up baadhi random idadi jenereta,
unaweza kupata kitu kama math dot random, ambayo kama wewe kuangalia hii up
anarudi baadhi ya simu kati ya sifuri na moja.
OK?
Na nini namba kufanya yetu RGB triples kwenda kati?
Zero na nini?
Nini wanaweza kwenda hadi?
255.
Hivyo kama math dot random huenda kati ya sifuri na moja,
jinsi gani tunataka kubadilisha hii?
Watazamaji: Time?
ALLISON BUCHHOLTZ-AU: Yeah, kwa uhakika.
Hivyo wakati ni 255.
>> Watazamaji: [inaudible] Ni kama [inaudible].
ALLISON BUCHHOLTZ-AU: Math dot random.
Watazamaji: Cool.
ALLISON BUCHHOLTZ-AU: Ndiyo.
JavaScript tu inachukua huduma ya wewe.
OK.
Hivyo tunaweza kufanya hivyo kwa haya yote.
Haki?
Math dot mara random 255.
Nakala ya kwamba.
Baridi.
Kwa hiyo, jambo ni, hii inaweza si kurudi integer.
Haki?
Labda sisi kupata baadhi ya simu kati ya sifuri na moja,
na sababu yake kuwa kidogo mbali, na RGBs yetu haiwezi kuwa ikifungwa.
Wanahitaji kuwa ints.
Hivyo kama wewe walijaribu hii, ni d pengine kuwa na baadhi ya tabia zisizokuwa na uhakika.
Itakuwa funky kidogo.
Hivyo kile sisi kufanya ni tunataka kufanya kuhakikisha kwamba hizi ni mviringo,
na unaweza pande zote ama njia.
Mimi rounded na sakafu.
Hivyo mimi daima alihakikisha kuwa ni rounded chini.
Lakini kwenda mbali ya jinsi rahisi ni ilikuwa ni kupata tu idadi random,
jinsi gani unadhani sisi nguvu sakafu idadi hii?
Ni sawa sana.
Wazo lolote?
Hivyo kama random mara tu math dot random, hivyo unafikiri tunatarajia kufanya ghorofa?
Math dot sakafu.
Na unaweza pia kufanya math dot dari.
Pande zote ni aina ya utata kwa sababu huna
kujua kama kwa pande zote juu au pande zote chini.
Hivyo kawaida sisi daima kufanya math dot sakafu, math dot dari.
Lakini honestly--
>> Watazamaji: Je sakafu pande zote chini?
>> ALLISON BUCHHOLTZ-AU: sakafu raundi chini.
Na kwamba tu uchaguzi kwa upande wangu.
>> Hivyo basi, tuna namba tatu wetu ambayo yamekuwa nasibu yanayotokana,
na nini tunakwenda kufanya sasa ni tuko tu kwenda na mabadiliko background.
OK?
Hivyo tayari tuna wetu background aina ya kuhifadhiwa
katika kipengele hiki kuitwa background.
Hivyo kile utasikia taarifa ni, kama wewe kucheza karibu na hii,
tunataka mabadiliko style.
Na hii ni aina ya kitu ambacho ungependa Google na takwimu nje,
kama jinsi ya mabadiliko ya rangi.
>> Lakini njia wewe kupata alama hii ni background dot style dot background.
Hivyo hii ni akisema kutokana na hii kitu, background,
ambayo inahusu kwamba kipengele Id huko,
tunakwenda kuangalia style ndani ya style,
tunakwenda kuangalia background.
OK?
Na kama wewe kwenda na kuangalia hii juu, inaweza kufanya hisia zaidi kidogo,
lakini hii ni kimsingi tu kusema, "Nipe sifa hii maalum sana
kile nilicho defined mapema. "
Hivyo kile sisi ni kubadilisha kwa ni baadhi RGB, kwa sababu inafanya hisia.
Sisi ni kutumia RGB triples, haki?
Na sisi have-- nataka kuhakikisha mimi kupata idadi ya haki ya quotes katika hapa.
Hivyo kile sisi kufanya ni sisi kuwa RGB, na tunakwenda
to-- hii ni kama concatenation, ambayo ni nyekundu.
Na kisha tunataka baadhi comma.
Na kisha tunataka plus kijani, kisha baadhi comma, na baadhi ya rangi ya bluu.
>> Hivyo pluses haya tu maana kama concatenation.
Hivyo hii ni kujenga tu hii kamba kwamba kinaendelea ndani ya RGB.
OK?
>> Watazamaji: [inaudible] plus basi kijani a plus kisha nyekundu.
>> ALLISON BUCHHOLTZ-AU: Yeah, kwa sababu mimi messed up.
Faini kwamba mtu.
Oh, kushikilia.
No.
Kwa sababu mimi haja ya kuhakikisha kwamba mimi got hizi haki yote.
Hivyo mimi kueleza kwa uno momento.
Kijani, bluu, kamilifu.
Sasa mimi nina kufanyika.
Naamini.
>> OK.
Hivyo kile ni hii, ni kwamba background ni kwenda kuwa na kuweka baadhi kamba.
Haki?
Ambayo ni nini sisi hapa.
Ni kwenda kuwa baadhi RGB 255 comma 255 comma zero, au chochote idadi wewe
huko.
Hivyo sisi ni kufanya hapa, tuna baadhi ya kamba.
Na nini tunataka kufanya, ni tuko aina ya dynamically kujenga
kwamba wakati sisi kweli kukimbia mpango huu.
Hivyo hii ni baadhi kamba.
Plus concatenates ni pamoja na thamani kuwa nyekundu ina,
ambayo concatenates ni pamoja na comma, ambayo concatenates ni
na kile kijani ni, na kadhalika, na kadhalika.
OK?
Mpaka mwisho sana, ambayo ni kufunga mabano ya RGB hii hapa.
OK?
>> Hivyo kile hii ni kwenda kuzalisha baadhi ya amri kweli
yaani RGB ya namba tatu kwamba background sasa kuweka.
OK?
Basi hebu angalia kama hii kazi.
Natumaini hivyo, kwa sababu kama ni haina, mimi nina kwenda kuwa kweli kusikitisha.
Oh no.
OK, kushikilia.
Dhahiri background dot dot style background.
Mimi nina dhahiri kukosa kitu kidogo tu.
Je, si nyie hate kwamba?
Wakati ni ndogo kosa kidogo tu?
Mwenyezi background.
RGB.
>> Watazamaji: [inaudible]
ALLISON BUCHHOLTZ-AU: No.
Nilijaribu hii mbele ya darasa.
Mimi kila kitu alifanya kabla darasa katika kesi Mimi nilikuwa kama,
"Kusubiri, nini alifanya mimi kufanya makosa?"
Kwa kuwa nilikuwa kama, "Mimi pengine hii fujo hadi saa fulani. "
Plus kijani.
Kila kitu inaonekana kama ni concatenated usahihi.
OK.
>> Watazamaji: [inaudible]
>> ALLISON BUCHHOLTZ-AU: Oh, kuna kwenda.
Hiyo ni nini mimi inahitajika.
Angalia hiyo.
Tiffany kuwaokoa.
Perfect.
OK.
Sasa hebu angalia kama ni kazi.
Oh Mungu wangu.
OK.
Kushikilia.
>> Watazamaji: Nafasi baada plus pili.
>> ALLISON BUCHHOLTZ-AU: Ni moja?
Oh kusubiri, kushikilia.
Nafasi kuvaa?
>> Watazamaji: Pili pamoja katika concatenation kijani.
ALLISON BUCHHOLTZ-AU: Oh.
Watazamaji: Hakuna nafasi baada plus, yeah.
ALLISON BUCHHOLTZ-AU: You hawana haja ya kuwa, but--
Watazamaji: Oh, huna?
ALLISON BUCHHOLTZ-AU: Inaonekana pretty.
Watazamaji: OK.
OK.
>> ALLISON BUCHHOLTZ AU: Hebu tuone kama hii matendo.
OK.
Mimi nina wazi kushindwa katika demo hii, ambayo inanikumbusha
wa hotuba wiki nyingine, lakini najua hii itafanya kazi.
Najua hii itakuwa kazi.
Hivyo karibu.
Kama mimi ajali ilifutwa script wangu juu ya hili.
Hapana, ni chama dot JS.
OK kushikilia.
Mimi nina kwenda nakala hii, na mimi nina pia tu kwenda kufuta kila kitu,
kwa sababu nilikuwa kazi hii mapema.
>> Mimi ahadi ni kazi.
Kama siyo, mimi nitakuonyesha nini Tommy ni.
Na huko.
>> Watazamaji: Wewe ni referencing chama dot CSS, na ni chama dot JS.
>> ALLISON BUCHHOLTZ-AU: Ah, vizuri haki hapa ni chama dot JS.
OK, nini mimi kufanya tofauti?
OK, tutaweza kuona kama hii kazi sasa.
Bam.
Kwa hiyo, mimi sijui nini mimi tofauti, lakini hii ni nini lazima kutokea.
Kinda baridi.
Mimi clicked juu ya hili, kama, milele.
Lakini tunaweza kujaribu na kuona nini mimi tofauti kwamba hii moja alikuwa.
Sijui kuhusu wewe guys, lakini hii inaonekana kimsingi nini mimi tu aliandika.
Kulikuwa na pengine missing semicolon fulani ni kitu yangu.
Kweli baada ya, nadhani ilikuwa kukosa semicolon haki hapa kwa kweli.
Lakini sikuweza kuona ni kwa sababu ilikuwa mbali screen.
>> Lakini kama sisi taarifa, hii ni pretty sana hasa nini mimi tu aliandika.
Nadhani pengine sehemu ya gumu kuhusu hii ni aina tu ya jambo hili haki
hapa, uelewa nini ni kufanya huko.
Aina ya mambo haya wewe kujifunza kweli tu na googling na kwa uaminifu
tu kujaribu.
Kama unafikiri kuna baadhi ya sifa, kuna pengine ni.
Hivyo kujaribu.
Kuona nini kinatokea.
Kama nilivyosema, kuna mengi ya majaribio kwa JavaScript,
na PHP, na yote stuff, na CSS hasa.
Hiyo ni kweli tu njia ya kuelewa.
>> OK, hivyo baada ya kuwa fiasco na chama dot JS, tuna njia nyingine mbili.
Tuna saa au Twitter.
Wao ni wote kuvutia.
Labda si kabisa kama fun kama chama, ambayo ilikuwa baridi kumulika kidogo
Jambo mwishoni.
Je guys kuwa na upendeleo wowote?
Watazamaji: Clock?
ALLISON BUCHHOLTZ-AU: Clock?
OK.
Baridi.
>> Hivyo tena, tuna yetu tupu JavaScript file.
Na kama sisi kuona hapa, sisi kuwa na baadhi ya HTML rahisi sana.
Tuna karatasi yetu style, kwamba tu format nini ni lazima kuangalia kama.
Tuna div wetu na Id ya saa, ambayo
tu anasema, "hii inapaswa kuwa saa."
Na tuna kiungo wetu kwa JavaScript faili wetu
hiyo ni kweli kwenda kuzalisha saa kwa ajili yetu.
Kwa sababu jambo zuri, ni kwamba unaweza kuweka JavaScript moja kwa moja mahitaji
yenyewe.
OK?
Hivyo badala ya kusubiri kwa user kuikumba Refresh juu ya ukurasa
ili uweze kupata muda updated, JavaScript
Unaweza update ni hata hivyo anapenda.
>> Hivyo, kama ilivyo kwa moja yetu ya mwisho, tulitaka kupata background yetu, haki?
Hivyo unafikiri nini inaweza kuwa Jambo la kwanza tunataka kufanya hapa?
Kama sisi ni aina ya kwenda mbali aina hii ya dhana hapa?
Sisi pengine wanataka kupata saa yetu, haki?
Hivyo, tuna baadhi ya var saa, ambayo equals--
nini tunafikiri ni kwenda kuwa?
Document dot kupata kipengele by-- mimi pia upendo Sublime-- Id na Id yetu ni saa.
Semicolon.
Got kufanya na uhakika wa kupata wale semicolons wakati huu,
kwa sababu mimi kuhisi kama kwamba na tatizo wakati wa mwisho.
OK hivyo, kama mimi alikuwa akisema tu na kujaribu kuwa na JavaScript mahitaji yenyewe,
kuna kazi hii kubwa, mimi kujua alikuja katika Handy mwaka jana,
Sina hakika inakuja katika Handy kwa ajili ya hii pset, lakini ni kuitwa kuweka Interval.
Na hii ni kweli kweli baridi kama wewe guys kufanya kitu chochote
na wakati au kupata updated habari.
Kwenye tovuti kwa ajili ya mwisho mradi, hii pengine ni
kazi unataka kupata super familiar with.
Hivyo kile kuweka Interval gani ni kwamba tunakwenda kuwapa kazi,
na jinsi mara nyingi ni lazima wito kazi hii.
OK?
>> Hivyo katika kesi hii, sisi ni kwenda tu kwa kujenga baadhi ya kazi bila majina tena,
OK, kwamba ni kwenda kupata tarehe yetu, na wakati wetu,
na kisha update mambo na kuonyesha yake.
Hivyo tutaweza wasiwasi juu ya hilo.
Tutaweza kuwa kama kuzalisha saa hapa.
Lakini tunahitaji nini ni jinsi mara nyingi na kupata mahitaji yake.
Hivyo katika kesi hii, ni milliseconds tu.
Hivyo sisi ni kwenda tu kwa kufanya 100 milliseconds.
Bila shaka, kabisa holela.
Kama alitaka update taratibu zaidi, unaweza.
Tunaweza fujo karibu na kuweka muda,
jinsi kubwa ya muda wetu ni baada ya sisi kupata saa za kazi, ambayo hopefully mimi itabidi
kupata.
Hivyo hii ni kusema tu, "OK, wito kazi hii kila milliseconds 100. "
OK?
Hayo ni yote ni gani.
>> Hivyo nini tunataka kazi yetu kwa kufanya ni tunataka kuwa na baadhi ya tarehe
na baadhi ya wakati ni nini tunakwenda kuwa.
Hivyo Tunaweza kuanza na yetu tarehe sawa na kitu,
na muda wetu ni sawa na kitu kwamba hatujui bado.
Au kweli, sisi tu haja sasa, kwa sababu tarehe ni kwenda pamoja na kila kitu.
Tena kama wewe tu Google chochote kuhusu nini unataka kufanya, kama wewe kuandika, "Sawa,
Nataka kupata muda kupitia JavaScript, "ni
nitakupa kubwa kazi kuitwa kupata tarehe.
Literally, mambo mengi kwamba unataka kufanya,
JavaScript ni kwenda kuwa ni kufanyika kwa ajili yenu tayari.
Hivyo ni literally kama mpya kupata tarehe, ambayo ni creating--
au tarehe mpya, rather-- ambayo ni kuzalisha
kitu fulani kwamba inawakilisha tarehe.
>> Na nini tunakwenda kufanya hapa ni hii is-- mimi nina kwenda kuandika hii,
na kisha kueleza kile ni gani.
Hivyo mimi itabidi kuhakikisha mimi kupata haki hii.
>> OK, hivyo nini kazi hii gani, ni tuko tu
kujenga HTML kwamba ni kweli kwenda ndani ya div yetu Id ya saa.
Hivyo nini hii ni kwenda kufanya ni kuzalisha baadhi tu kamba, OK?
Hiyo ni basi kwenda kuwa kuatikwa HTML yetu.
Kimsingi nini kinaendelea kufanya ni chochote we-- nini mimi nitakuonyesha
ni kwamba chochote tunasema HTML ni, tunakwenda nafasi ya asilia hii hapa
na chochote HTML ni.
Hivyo hii ni kwenda kuruhusu sisi kubadili saa zetu dot
HTML kutoka kuwa maandishi tu ya hii lazima saa, kwa kweli kuonyesha
namba na mambo ambayo sisi huduma kuhusu, na kwa kweli kuwa kamili.
>> Hivyo nini tunakwenda kufanya ni tuko kwenda kuanza kuzalisha HTML hii.
Hivyo katika njia sawa kwamba sisi kutumika kufanya plus sawa kwa integers,
sasa unaweza kufanya hivyo kwa masharti, ila ni kwenda concatenate yao.
Haki?
Kama tulivyoona na chama dot JS, hii tu concatenates pamoja mambo yote hayo.
Hivyo unaweza concatenate bits mbalimbali za HTML kutoka vigezo, au bits ya masharti
kwamba wewe kuandika mwenyewe, na hii tu
kweli utapata dynamically kuzalisha HTML, ambayo ni pretty cool.
Hivyo kama una kitu user sana maalum,
hii inaweza kuruhusu kufanya hivyo.
>> Hivyo tuna HTML, na mimi nina kwenda kujaribu na kuhakikisha mimi kupata haki hii.
Hivyo sisi ni kwenda kufanya baadhi header h1.
Basi nini muhimu kutambua hapa ni kwamba hii ni kweli tu HTML.
Haki?
Sisi ni kuandika halisi HTML code katika hapa, ni
si tu kamba katika kawaida njia ambayo tunataka kufikiri juu yake.
Hivyo tuna baadhi HTML.
Hii ni kuchukuliwa kamba hapa ingawa.
Na sisi kufanya tarehe dot-- sisi wanataka kupata masaa yetu.
Tena, kama ungekuwa na kuangalia up chochote kuhusu tarehe,
ingekuwa kukuambia haya yote ni sifa tarehe ambayo ina.
Na hapa ni nini unaweza kutumia juu yake.
Hivyo pengine ana mambo kama kupata masaa, na kupata dakika,
na kupata sekunde, na kupata milliseconds, na ambaye anajua kile kingine wao.
Lakini kama wewe kuangalia katika nyaraka, yote itakuwa huko.
>> Hivyo tuna kupata masaa, na kisha tunataka wanataka
kwa concatenate kwamba with-- mimi nina kwenda hoja hii zaidi ya hapa.
Hivyo kama sisi ni kuzalisha sasa hivi, tuko kweli kuzalisha wakati, haki?
Tuna masaa, na kisha nini kati ya saa na dakika?
Una semicolon, haki?
Hivyo tunataka kufanya baadhi ya semicolon hapa.
Na kisha tunataka kupata yetu dakika, hivyo katika njia hiyo
kwamba tuna tarehe dot kupata masaa, jinsi gani sisi kupata dakika yetu?
Ni literally tarehe dot kupata dakika, ambayo mimi aina ya kama.
Ni kama, "oh, jinsi kufanya mimi kupata dakika yangu? "
I just kupata dakika yangu.
>> OK.
Na kisha tuna koloni nyingine hapa.
Na kisha kama tunataka kupata yetu sekunde, jinsi gani sisi kupata pili zetu?
Tarehe dot kupata sekunde.
Nadhani ni pretty cool.
Na nini muhimu kutambua, ni kwamba sisi pia
haja ya karibu HTML tag yetu hapa, kwa sababu ni lazima bado kuwa HTML halali, hivyo h1.
Baridi.
>> Hivyo baada ya kuwa, tunaweza kufanya saa dot HTML ndani ni sawa na HTML.
OK?
Basi kumbuka jinsi mimi alisema HTML ndani kimsingi
inachukua chochote ni kati ya tags mawili ambayo kuongelea
na kuwekeza au kuyaharibu vilivyomo katika huko?
Hivyo gani hii, kama sisi kurudi nyuma kwa saa yetu,
ni kwamba saa inahusu kila kitu ndani ya div hii.
Hii ni HTML ndani hii div Id saa.
Na hivyo ni kwenda mabadiliko hayo kwa HTML kwamba sisi tu yanayotokana,
ambayo, ambayo, hopefully, hopefully, hopefully,
itaonyesha wakati hivi sasa.
Tutaona.
Bila shaka.
Masuala mengi ya kiufundi.
Allison just-- mimi nina off mchezo wangu leo ​​guys.
OK, kwamba kazi.
saa dot HTML ndani.
Ilikuwa HTML Kweli?
Pia hii ni kile kinachotokea.
Wakati huwezi kuona kitu, wewe tu kuangalia chanzo code yako.
OK.
Je unataka kujua kazi ya baridi karibu kwamba sisi ni kwenda kufanya haki hapa?
>> Watazamaji: Je, unaweza kufanya herufi kubwa?
herufi?
Kwa sababu una kupata masaa, na kisha kupata dakika.
>> ALLISON BUCHHOLTZ-AU: Ni ni kupata masaa na get-- oh.
You are-- dhahabu nyota.
Ni mtihani wote, guys.
Mimi ahadi ilikuwa kazi kabla ya darasa.
>> OK, lakini kitu baridi kujua ni kwamba unaweza also-- kama wakati mwingine
files yako nje ni kupata kidogo mambo,
unaweza pia tu ya kuweka yao moja kwa moja katika hapa, ambao huelekea kurekebisha mambo.
Ila hii ni kama kweli mbaya.
Bila shaka format kila kitu.
Kuhakikisha ni wote pretty.
OK.
>> Nilitaka kufanya demos yote ya baridi, na siyo tu kazi nje.
OK.
Script var saa.
Anyways, nini ni muhimu ni kwamba hii ni njia ya kawaida
kwamba ungependa kuunda JavaScript.
Kama unaweza kuona, inaweza kuwa finicky sana wakati mwingine,
hata wakati ilikuwa literally kazi sekunde mbili zilizopita.
Au siyo wawili pili iliyopita, lakini sana, sana hivi karibuni.
>> Hivyo kuonyesha nini ni lazima kuangalia kama, na kuonyesha kwamba mimi si mambo,
na kwamba kila kitu ni sawa huo, hii ni nini ni lazima kuangalia kama.
Wewe ni tu kwenda kufanya sehemu hii ya juu hapa, na kama wewe kuona ukurasa chanzo,
kama taarifa, alifanya baadhi ya mambo crazier, mimi kilichorahisishwa yake.
Pia, mikopo kwa Tommy McWilliam, ambaye kwa kweli
imenisaidia kujenga mifano hii, ambayo ni kwa nini mimi wanajua kazi.
Kwa sababu Tommy ni JavaScript bwana.
Lakini kama sisi taarifa, tuna baadhi ya kuweka.
Tuna saa kazi yetu hapa.
Hii yote ni JavaScript kwamba sisi tu aliandika, au baadhi ya yake.
Sisi tu aliandika hii moja ya haki hapa.
Na ana ziada kazi hiyo tu usafi ni
kwa kuweka zero kabla barua au kabla simu kama ni
tu mmoja wao.
Hivyo kama wewe taarifa, hii ni pretty sana hasa nini sisi tu aliandika.
Una baadhi saa variable kwamba ina kipengele yetu, kupata kipengele kwa ID,
ambayo ni saa.
Tuna seti yetu ya muda kazi, hiyo ni
kazi bila majina kwamba executes haya yote.
Sisi baadhi kuanzia kamba ya HTML kwamba sisi basi dynamically
kuzalisha kwa kuwa baadhi header h1, concatenating
na kupata masaa, pamoja na COLON wetu, pamoja na kupata
dakika, pamoja na mwingine koloni, pamoja na sekunde yetu,
na hatimaye kuishia HTML kwa ajili yake.
Na kisha sisi update saa zetu dot HTML ndani ya HTML,
na sisi update kila milliseconds 100.
OK?
>> Angalia mimi ahadi mimi nina si mambo.
Sijui.
Sijui ni kwa nini hapendi mimi.
Najisikia kama inaonekana sawa, lakini inaonekana mimi wanichukia.
>> Basi hebu angalia kama raundi ya tatu huenda bora.
Sisi ni juu ya kuona.
Sina hakika jinsi hii ni kwenda.
Je kila mtu angalau kupata hasara, kama tu mandhari ya jumla
ya JavaScript, ingawa?
Natumaini kwamba angalau muhimu, zaidi kuliko kuonyesha kwamba ni kidogo finicky.
Lakini tatizo kuweka yako itakuwa furaha sana.
Ni kwenda kuwa kubwa.
Itakuwa si kabisa kama tedious kama hii, sidhani.
Wewe utakuwa kweli kupata kuona mambo kweli cool.
>> Hivyo mwisho lakini si uchache, tutaweza kujaribu moja Twitter.
Najisikia hofu sasa, guys.
Sijui jinsi hii ni kwenda.
Lakini tu kukupa kidogo zaidi ladha, na hii ni kweli
kufanyia masharti na pembejeo, nini tunakwenda kufanya
ni, kama sisi taarifa hapa na HTML-- moja hii ina kidogo more--
tuna baadhi Nakala eneo, ambayo sambamba na eneo hili maandishi hapa.
OK?
Na kwamba ina Id wa maandishi.
Sisi restyled ni kidogo kidogo pamoja na baadhi ya upana na urefu
kwamba tumekuwa predetermined, na sisi H 1,
ambayo tu ni header yetu moja kwamba inawakilisha wahusika wetu wa kushoto.
Sisi akampa baadhi Id ya wahusika iliyobaki,
na kisha tuna baadhi script hapa, ambayo mimi nina kweli
matumaini mara ya tatu ya charm hapa, guys.
>> Hivyo kile tunataka kufanya, katika huo ujumla mshipa
kwamba tumefanya na saa dot JS na dot chama JS kama tumekuwa niliona,
ni tumekuwa kuanza kwa kweli grabbing mambo ambayo sisi huduma ya juu, haki?
Hivyo katika kesi hii, kuna mambo mawili mambo ambayo sisi huduma ya juu, OK?
Jambo moja kwamba sisi ni kweli aina ya kuangalia katika na kuchora data kutoka,
na jambo moja kwamba sisi ni kweli kubadilika.
Hivyo kuna HTML yetu.
Kama hii ni mtandao wetu ukurasa hapa, nini data kwamba sisi ni kuangalia?
Ni kwenda kuwa chochote Nakala katika masanduku yetu, haki?
Hivyo chochote mimi aina katika hapa.
Hiyo ni nini nataka kujua, au kwamba ni nini nataka kuangalia.
Na nini kinaendelea kuwa kubadilisha kwenye mtandao ukurasa wetu?
wahusika iliyobaki.
Hivyo katika njia hiyo hiyo, tunataka kuanza kwa initializing vigezo
kwamba kweli kushikilia kwenye mambo hayo.
OK?
Hivyo kama sisi kuwa na baadhi ya var yaani eneo letu maandishi,
na tuna baadhi ya var kwamba ni iliyobaki.
Haki?
Basi hao ni kwenda kushikilia mambo hayo mawili.
Hivyo aina moja ya kitu, hati dot-- OK, mimi nina
kwenda kuhakikisha hii ni kwenda kufanya kazi wakati huu.
Mimi ni gumu sana.
OK, hivyo kama tunataka yetu Nakala eneo, kwa mujibu
kwa HTML yetu, nini kitambulisho yetu?
Nini Id yetu?
Ni tu kwenda kuwa maandishi kwa sababu hii inajenga eneo letu maandishi, OK,
na Id yetu ni maandishi, hivyo hiyo ni jinsi gani tunaweza kunyakua nini huko.
OK, semicolon.
Mimi nina kwenda kuwa super sahihi juu ya hili,
kwa sababu nataka hii kazi wakati huu.
OK, kufanya kitu kimoja, kupata kipengele kwa Id.
Mimi nina kweli anashangaa ina unasababishwa wengine wawili kwa fujo up.
OK, basi katika hii moja, nini tunataka kupata?
Nini Id yetu hapa?
Tuna Id mwingine katika HTML yetu, ni nini?
Watazamaji: Nyingine iliyobaki.
ALLISON BUCHHOLTZ-AU: Nyingine iliyobaki.
>> OK.
Baridi.
Hivyo nina kwenda tu kuandika hii kweli haraka.
Mimi tu kwenda kuandika hii katika pili.
Hivyo Nakala eneo.
Nini kuvutia ni B function-- kuna kura ya kazi ambayo si tu
yanahusiana na yako panya, lakini keyboard yako.
OK?
Hivyo unaweza kusema wakati yoyote ya msingi ni taabu, unaweza kufanya mambo kama hayo.
Hivyo moja kwamba sisi ni kutumia ni wito muhimu up, ambayo
anasema, "kama umefanya taabu yoyote ya msingi juu ya keyboard yako, wakati mtumiaji ina lile
kidole yao mbali kwamba kifungo, na muhimu imekuwa unpressed,
kisha tunakwenda kufanya kitu fulani. "
OK?
Hivyo hii hufanya akili, haki?
Kwa sababu kila tabia sisi aina, tunakwenda
kuwa na kuinua vidole wetu off yake, hivyo wakati muhimu huenda juu,
tunaweza kujua kwa mapunguzo wahusika yetu iliyobaki.
>> Hivyo tuna baadhi ya muhimu up, na katika njia hiyo hiyo,
tunakwenda kusema, "OK, wakati sisi kufanya hivyo, sisi
ni kwenda kujenga baadhi ya kazi ambayo ni kwenda kuchukua e, "katika kesi hii,
na nini tunataka kufanya ni mahesabu ya idadi iliyobaki.
OK, hivyo hebu kuanza tu kwa kujenga kutofautiana.
Hivyo tuna baadhi r variable, ambayo inaenda kuwakilisha
jinsi wahusika wengi tuna kushoto.
OK?
Tunajua kwamba sisi kuanza na 140, na kama tunataka kujua,
hebu sema, urefu wa hii kamba kwamba imekuwa pembejeo,
kufanya nyie kuwa na wazo lolote jinsi sisi anaweza kufanya hivyo?
Tu msingi mbali ya wazi mambo, kama kama sisi alitaka masaa,
sisi kutumika kupata masaa.
Tunajua kwamba kitu yetu ni Nakala eneo, lakini inaweza nyie
kufikiria nini inaweza kuja baada yake?
Mawazo yoyote?
>> Hivyo aina hii ya mtu wa chini Intuitive, lakini ni thamani dot urefu.
Hivyo tu nipe baadhi thamani sifa kwamba
ni kweli urefu wa kamba hii.
Hivyo ni kwenda kusema, "Sawa, mimi nina kuangalia wakati huu string nzima ndani ya eneo maandishi,
na mimi nina kwenda kuwaambia jinsi ya muda mrefu ni. "
Kwa sababu kama sisi kukumbuka masharti ni arrays kweli tu,
ili tuweze tu kuchukua urefu wao.
Hivyo tuna hiyo.
Baridi.
>> Kisha nini tunataka kufanya ni sisi kamwe wanataka kuruhusu user
pembejeo zaidi ya Wahusika 140, sawa?
Kwa sababu kama sisi kusema kama, "oh, wewe tu sana hii iliyobaki, "
na kisha waache kufanya hivyo anyways, tumekuwa uongo.
Na hii ni mwingine Jambo kwamba JavaScript
unaweza kuwa mzuri kwa maana, ni user uthibitisho
na kuhakikisha kuwa wako user inafaa ndani ya sheria yoyote
ambayo umetoa kwao.
Hivyo kama unataka kufanya mambo kama kufanya uhakika mtu pembejeo barua pepe zao,
au kuhakikisha kwamba wakati wao kuingia nywila mbili, wao kuendana.
JavaScript anaweza kufanya hivyo.
Ungependa kufanya kitu kama, "wakati fomu ni kuwasilishwa, "au kama,
"Wakati Wasilisha Fomu kifungo ni clicked, kuangalia mambo hayo yote. "
Na tunaweza kufanya kwamba JavaScript.
Hivyo hiyo ni nini tunakwenda kufanya hapa.
>> Hivyo kile inaweza kuwa njia ya kuangalia kama Wamepitia juu ya wahusika 140?
Nini kinaendelea kutokea kwa thamani yetu ya r kama wao kujaribu?
Ni kwenda kuwa hasi, haki?
Au ni kwenda kuwa chini zaidi kuliko au sawa na sifuri.
Ili tuweze kutumia kama kwamba ni tu kama kila kitu kingine.
OK?
Na tuna baadhi Nakala eneo dot thamani, na kile tunachokifanya hapa
ni sisi ni cutting-- tu ni nini?
Sorry.
Hii moja, sisi tu wanataka kurudi uongo.
I got kuchanganyikiwa.
All frazzled na mambo si kazi.
OK, sisi tu wanataka kurudi uongo, na kisha sisi
wanataka kuonyesha wahusika iliyobaki, haki?
Hivyo, pamoja na saa, sisi alifanya kitu na HTML ndani, haki?
Ambapo sisi kuweka sawa na baadhi variable, hivyo nini kinaweza sisi kufanya hapa?
Je, ni sisi kubadilisha HTML ndani ya?
>> Watazamaji: Iliyobaki?
>> ALLISON BUCHHOLTZ-AU: Tunabadilisha iliyobaki.
Haki zote, na sisi kufanya nini wanataka kuweka kwa sawa?
Ni kwenda kuwa r, kwa sababu hiyo lazima wahusika yetu iliyobaki.
OK?
Hivyo mimi nina kweli neva ili kuona kama hii kazi sasa, lakini tutaona.
Acha hii.
Hiyo ni kweli kwa haraka.
[Inaudible] OK.
Tena, mimi nina kwenda tu kuonyesha.
Kwa sababu yoyote, yangu anaamua si kufanya kazi,
lakini kile Mimi nitakuonyeshea ni kwamba hii is-- oh mimi ilitakiwa kuweka kwamba katika.
OK, sisi taarifa aina hiyo ya kitu hapa, kupata eneo maandishi.
>> Pia, kama wewe guy ilani, kama kuna milele kitu unataka kufanya,
na huna kujua jinsi ya kufanya hiyo, bonyeza tu Tazama Asili ya Ukurasa,
na wao wanaenda kukuambia.
Wakati mwingine ni utakuwa encrypted.
Kwa pset yako, sisi encrypt kila kitu, hivyo tu inaonekana kama gibberish.
Lakini kama kuna milele kweli baridi tovuti ya kwamba wewe kama,
kama wewe bonyeza tu Tazama Asili ya Ukurasa, ni kwenda kukuambia jinsi ya kufanya hivyo.
Hivyo tena, kazi nadhifu, si vigumu.
Na kama unaweza kuona hapa, yote ya mambo haya ni sawa.
hii moja hapa tu inachukua baadhi substring kwamba, mimi kusahau nini hasa gani hii.
Lakini ni wazi inachukua baadhi substring ya thamani kutoka sifuri hadi kumi,
na anarudi uongo kile lazima kuacha user kutoka inputting tena,
na basi ni wazi updates HTML ndani huko.
>> Baridi.
Aways Hivyo kubwa kuchukua kuanzia leo, majaribio, kuangalia chanzo code
kwa sababu ni kwenda kukusaidia sana, na kila mtu, wakati mwingine JavaScript
inaweza kuwa vigumu kufanya kazi na hana daima kazi njia unatarajia kwa,
lakini tu kuendelea kujaribu kwa sababu mimi ahadi itakuwa.
Mimi ahadi mifano yote haya walikuwa wakifanya kazi mbele ya darasa.
Sielewi nini kilichotokea.
I literally kuwa na kila kitu sawa.
>> Jambo moja zaidi kwamba mimi nataka tu kuonyesha guys ambayo inaweza kuwa super manufaa
ni in-- nini alikuwa akifanya kazi kabla?
Sisi got chama kazi, hakuwa na sisi?
Nadhani hivyo.
Ndiyo.
Sisi alifanya.
Kutisha.
OK, hivyo jambo moja kwamba nyie anapaswa kujua
ni console logi kwamba Mimi kuongelea kuhusu.
Hivyo kuwafariji dot logi ya hello.
Hivyo hii ni aina ya JavaScript sawa na printf.
Hivyo kama wewe milele unataka kukagua vigezo yako
au kuona nini kinatokea huko, nini unaweza kufanya ni, kama sisi kukagua kipengele,
ni nini unataka kwenda kwa, na wewe kwenda kuwafariji,
utaona kwamba kuchapishwa hello.
>> Hivyo tunaweza kuwa ni magazeti chochote sisi alitaka.
Kama sisi alitaka magazeti background dot dot style background,
tuwe na uwezo wa kuona RGB triple kwamba anakuja juu.
Au la.
Mimi kusahau hasa jinsi magazeti variable kama kwamba,
lakini unapaswa kuwa na uwezo wa magazeti mambo kama hayo nje.
Hiyo itakuwa muhimu sana kwa pset yako wakati
wewe ni kujaribu kuendesha kuratibu au whatnot.
Hivyo wao pia kubadili kipande hii darasani.
Hii ni tofauti na miaka iliyopita, hivyo tu kuwa nzuri kwa TFS yako, au TFS
katika masaa ya ofisi badala yake, kwa sababu sisi ni aina ya kujifunza pamoja na nyie.
Lakini console logi alikuwa super, super manufaa kwa JavaScript mwaka jana.
Hivyo kupenda.
Kujifunza jinsi ya kutumia hiyo.
Ni rahisi kutumia zaidi ya GDB, ili lazima angalau plus uhakika.
Lakini asante guys ni kuzaa na mimi.
Mimi nina sorry kwamba yangu mifano kwa baadhi ya sababu
tu hakutaka kushirikiana na mimi, lakini mimi
matumaini kwamba alisaidia aina ya kupata wewe kidogo zaidi katika ukanda wa JavaScript.
Na mimi kutuma maswali yako yote kwa ajili ya wiki ijayo hivyo siwezi kuwa super umeandaliwa,
na mimi itabidi kuleta pipi na hata ziada pipi kwa sababu hii ilikuwa ridiculous.
Lakini nyie ni kubwa, na kuwa na wiki kutisha.