>> JASON HIRSCHHORN: Karibu, kila mtu, kwa wiki tisa.
Tuna wiki kusisimua mbele yetu kwa sababu tuna seti yetu ya mwisho tatizo.
Sisi pia kuwa bidhaa lugha mpya, JavaScript, kwamba wewe ni tayari katika
katikati ya kutumia si tu kwa ajili ya hii kuweka tatizo, lakini wengi wa wewe
pengine kutumia ni kwa ajili ya fainali miradi, hasa
mtandao msingi miradi mwisho.
Hivyo kwamba ni nini tutaweza kwenda juu leo ​​baada ya kuzungumza kwa ufupi juu ya rasilimali,
ambayo sisi kufanya kila wiki.
Tutaweza kuruka ndani ya JavaScript, na kisha tutaweza kutumia yote ya sehemu na
mikono juu ya shughuli coding Dolphin mkufunzi 2K13, ambayo ni kama Madden
2013, lakini kwa dolphins na katika JavaScript.
>> [Kicheko]
>> JASON HIRSCHHORN: Kwa hiyo kama siku zote, orodha wa rasilimali kwa ajili wewe kuangalia nje.
Rasilimali hizi ni muhimu hasa kwa sababu wiki ijayo juu ya
Jumatano ni jaribio moja, ya pili yako na jaribio ya mwisho katika kozi hii.
Tu kama jaribio zero, ni dakika 75 na kuanza kidogo baada ya 1:00.
Ni inashughulikia kila kitu tangu siku zero bila shaka hii, lakini ni hakika
inasisitiza kila kitu ina kilichotokea tangu jaribio moja.
>> Lakini bila shaka, sisi kufunikwa kwa loops katika mwanzo wa mwaka.
Kwa loops pengine bado kwenda kuwa sehemu ya jaribio hili, hivyo si
kama unaweza kupuuza kila kitu kilichotokea kabla ya wiki tano au jaribio zero
kwa sababu bila shaka hili hujenga yenyewe mengi.
Lakini kwa hakika Mkazo utakuwa katika mambo tumejifunza tangu wiki sita.
Kuwa ni pamoja na PHP, JavaScript, SQL kwa kuwa na uhakika, na pia juu zaidi
miundo data kuongelea katika C. jeshi lote la mada nyingine, lakini sisi
kujadili kwamba wiki ijayo kama sisi kupitia kwa jaribio.
>> Na pia, kama siku zote, kama una maswali kuhusu jaribio kama wewe ni
kuandaa, jisikie huru kuwatuma njia yangu.
Hivi sasa, haina mtu yeyote kuwa na yoyote maswali ya haraka kuhusu jaribio?
>> OK.
Hawana haja ya wasiwasi kuhusu hilo au kituko nje kuhusu haki sasa, lakini kuendelea kuwa katika
nyuma ya akili yako, kwa sababu hiyo kinachotokea wiki na siku kuanzia sasa.
>> Hatimaye, najua sisi ni mbio kuelekea mwisho wa muhula -
kuna sehemu mbili tu kushoto baada ya hii - lakini mimi bado msisimko na
hamu kwa maoni yako kama una yoyote.
Nataka kufanya wale sehemu mbili bora milele.
Pengine itakuwa, kwa sababu kila sehemu ni ya ajabu na bora milele.
Sijui jinsi inawezekana, lakini wameweza wote imekuwa ajabu, nadhani.
>> maoni mimi wameweza kujipatia ina trailed mbali na chochote na hakuna tangu kwa
mwisho ya wiki kadhaa, hivyo tafadhali kutoa me baadhi ya maoni kama una hiyo.
Inachukua dakika tatu.
Unaweza kuniambia yale mambo mema unataka mimi kuendelea kufanya au
mambo siwezi kazi.
Mimi nina kujaribu kuwa mwalimu bora inawezekana, au mimi nina kujaribu kufanya kazi nzuri
Naweza, lakini siwezi kufanya hivyo kama mimi si kujua jinsi guys wanafanya.
Na ni vigumu kuwaambia kwa nini wewe ni kuanguka amelala katika darasa, hivyo basi mimi
kujua baada ya kwa nini hiyo ilikuwa kesi.
>> Mimi ilionyesha sanamu hii wiki iliyopita.
Hii ni Teenage Mutant Ninja Turtles baiskeli mimi alikuwa na wakati nilikuwa mdogo,
na sisi ni kuendelea kushinikiza guys ninyi bila magurudumu mafunzo kama sisi kutumbukiza
kwa lugha nyingine.
Lakini wengine uhakika, JavaScript, kama PHP, ni sawa na mambo wameweza
kufanyika katika siku za nyuma.
mengi ya mantiki uhamisho juu, kama si syntax, hasa moja kwa moja.
Lakini tena, kila lugha hizi kwamba tumeenda juu katika michache iliyopita
wiki, ingawa wao kuonekana kubwa sana, ni incredibly nguvu na kuruhusu
kufanya mengi katika mradi wako wa mwisho na pengine tovuti nyingine kwamba
code katika siku zijazo.
>> Hivyo bila wasiwasi zaidi, tunakwenda kuanza mbizi katika JavaScript.
Tunakwenda kuzungumza kuhusu suala hilo kwa ufupi na kisha kweli kupata katika mikono juu ya
coding sehemu ya sehemu hii.
Hivyo JavaScript ni mteja upande scripting lugha, ambayo maana yake ni
tofauti PHP na ni tofauti kuliko C. JavaScript si ulioandaliwa na
siyo kuuawa kwa server.
Badala yake, mzigo yake.
Mzigo JavaScript ukurasa wakati mzigo ukurasa wa mtandao, na kisha executes
kwenye mashine yako.
Ambayo ina maana unaweza kuona yote JavaScript kificho kwamba alikuwa
alimtuma kompyuta yako.
>> Wakati mwingine ni walioteuliwa au kutolewa a kidogo, encrypted kidogo, ili
hatujui wazi nini kinaendelea.
Kwa mfano, kama wewe kuangalia nje ya CS50 au ufumbuzi wafanyakazi kwa wiki hii
kuweka tatizo, na kwenda service.js, utasikia taarifa huwezi kweli kuwaambia
nini cha kufanya kutoka yale maagizo tuliyowapeni.
Sisi encrypted ni kidogo kwa kufanya kuwa kidogo ngumu zaidi.
Hata hivyo, unaweza kuona halisi JavaScript faili kwamba sisi ni utekelezaji wa
na mpango wetu ni mbio juu ya.
Hivyo kwamba ni nini maana ya kuwa mteja upande scripting lugha.
>> Sawa na C na PHP, ingawa, JavaScript ina kwa tanzi, ikiwa / mwingine
hali, wakati tanzi.
Sawa na PHP, ina foreach kitanzi kama vizuri.
Na tena, ni sawa na syntaxes kuwa tumeona katika
lugha ambayo tumekuwa tayari kazi pamoja.
>> Hatimaye, moja ya sehemu coolest ya JavaScript, na kitu tutaweza kuwa
kufanya mengi leo, na pengine itabidi kufanya mengi kwa P kuweka yako kama wewe
si uzoefu tayari, ni wewe Unaweza kuangalia makosa wote una
katika kanuni yako kupitia JavaScript Console.
Tuliangalia wiki kidogo mwisho.
Tuliangalia aina tofauti ya console kukagua ukurasa, lakini katika
Chrome, tena, unaweza kuona layout, HTML, hati kwamba ukurasa wako ni
kuonyesha juu ya screen.
Unaweza pia kuona yote ya JavaScript kuunda ukurasa kwamba, na unaweza pia, kama
Mimi alisema, kuona yote ya makosa katika JavaScript Console.
Na tutaweza uzoefu kwamba zaidi katika kidogo wakati sisi kuanza coding.
>> Jambo moja kukumbuka kuhusu JavaScript vigezo.
Kama PHP vigezo, wao ni loosely-typed, hivyo hawana haja ya
kuwapa aina maalum.
Katika suala la upeo, kwamba inaelezwa na "var" keyword.
Hivyo kama huna kuweka keyword mbele ya kitu, wewe andika tu jina
ya kutofautiana, kisha kazi operator, katika kesi hii ni ishara sawa.
Mimi nina kusahau semicolon haki pale, lakini kudhani kuna semicolon
haki pale.
>> Basi wewe ni kujenga variable kimataifa.
Kama kuweka "var" keyword, basi wewe ni kutoa ni baadhi ya aina ya ndani
upeo, kama hiyo ni kwa kazi au kitanzi.
Hivyo kwamba ni jambo moja kwa kumbuka kwa vigezo.
>> JavaScript ni lugha.
jQuery ni maktaba umejengwa juu ya Lugha JavaScript, na una
kuonekana ni kabla ya katika hotuba.
Mimi sana kupendekeza, kama wewe ni kwenda kwa kutumia JavaScript katika fainali yako
mradi, kwamba kupata kujua jQuery.
Inafanya kila kitu unataka kufanya mengi, rahisi.
Pia kuja na ajabu nyaraka na mifano kusaidia kupata
wewe kuanza.
Leo tunakwenda kuwa na kutumia jQuery pia.
>> Hizi, je, mimi na juu ya slide hii, ni misingi kabisa ya jQuery.
Katika juu ya HTML faili yako au chochote - index.php file yako, yako
index.html file - unahitaji ni pamoja na mistari hizi mbili.
Hizi ni mistari pretty ya kurefusha maisha.
mstari wa kwanza ni pamoja na jQuery JavaScript faili, na mstari wa pili
ni pamoja na popote umefanya imeandikwa JavaScript yako mwenyewe code.
Na bila shaka, kwa sababu katika yako JavaScript code umefanya pengine kutumika
baadhi jQuery kazi maktaba, kwamba mahitaji ya kwenda baada ya
jQuery kuingizwa script.
Sisi kuchunguza hii tena katika wakati huu.
>> Na hatimaye, katika JavaScript file, Mimi wito huu moja index.js.
Inaweza kuwa scripts.js.
Chochote ni, chochote JavaScript file wewe, unaweza kuanza kwa ujumla
na line hii ya kificho, ishara ya dola, paren wazi, hati, paren karibu,
kipindi, tayari, paren wazi, kazi, paren wazi, paren karibu, na kisha
curly brace.
Kutupa code yako ndani ya huko, na kisha mwisho ni pamoja na brace curly, karibu
paren, semicolon.
>> Hivyo kuchukua hii kama huo.
Kama wewe ni kwenda kwa kutumia jQuery, kufuta yote ya jQuery code yako ndani ya
mstari wa code.
Na tutaweza kuona kwamba tena katika pili.
>> Tena tutaweza kufanya kazi na jQuery, na tafadhali kuuliza maswali kama sisi kwenda
leo, lakini haina mtu yeyote kuwa na yoyote maswali kuhusu jQuery au
JavaScript sasa hivi?
>> OK.
Hivyo bila wasiwasi zaidi, mimi sasa wewe Dolphin mkufunzi 2K13.
Mimi ni super msisimko juu ya hii ya karibuni toleo la bidhaa.
>> Oh, no!
Mimi nilikuwa na msisimko.
Mimi alikuwa anaenda kuonyesha kuwa na nyie, lakini inaonekana kama sisi na si
kutekelezwa ni bado.
Hebu kufanya hii kidogo kubwa.
Basi, ikiwa mimi mzigo kanuni kwa ajili ya Dolphin Mkufunzi - dang yake.
Samahani, guys.
Mimi nilikuwa nafanya kazi juu ya hili kabla darasa.
Nilidhani Ningependa kuwa ni kumaliza, lakini mimi nadhani bado baadhi ya
kazi kushoto kufanyika.
Bali nashiriki, you guys wote wana baadhi JavaScript na jQuery mazoezi, hivyo
hebu kwenda mbele na kumaliza hii kwa pamoja.
>> Nadhani alimtuma nyie nakala ya hii, kwa sababu nilikuwa super msisimko
kuhusu hilo, hivyo ni lazima kuwa na code sawa kwamba ninayo.
Hebu kichwa katika -
dang yake, guys, mimi nina sorry.
Hebu kichwa katika terminal, ingawa.
>> Tu kama na tatizo yako ya zamani seti, kama una yangu -
hebu kufanya hii kidogo kubwa, pia, kwa maana guys -
alichukua zip file yangu.
Wewe labda unzipped yake.
Hebu nenda hapa.
Na kisha hopefully, wewe wakiongozwa ndani saraka ya sawa ambapo kuokolewa
tatizo lako kuweka code nane.
Na sisi ila katika saraka ya kwamba ili niweze kupata hiyo - au sisi wote wanaweza kupata
code katika browser Chrome juu ya kompyuta yetu.
>> Na tena, na kupata kwamba kanuni, wewe tu aina katika anwani kupatikana katika
chini, upande wa kulia wa appliance yako, hapa chini.
Kupata anwani yako ya IP.
Wewe aina hiyo ndani ya browser Chrome kwenye kompyuta yako, na katika kesi hii,
tangu tuko sehemu tisa folder, sisi pia kuwa na kuongeza
kufyeka sehemu tisa.
>> Hebu -
oops.
Mimi nina kwenda kupunguza hii hivyo mimi si na kuweka kubonyeza kupitia hiyo.
>> Hivyo ndivyo mimi kuanzisha kanuni hii.
Nimekuwa tayari amefanya kwamba tayari.
Mimi si kwenda kwa wale hatua kwa sababu hiyo ndiyo
mwanzo wa kuweka tatizo anatembea ninyi kwa njia ya jinsi ya kufanya.
Hivyo kwenda mbele na utapata kuweka hii up katika pili, lakini hebu kwanza ya
kuchunguza kanuni hii kama kikundi.
>> Hebu kuona nini mimi.
Nilijaribu kupata zaidi ya hayo kufanyika kabla ya darasa, lakini nadhani
ilikuwa ni kidogo nyuma.
Basi hebu kufungua index.html.
>> OK.
Na index.html kwa kweli ni rahisi ukurasa kwa sababu mimi si
wanataka kupata pia mambo.
Mimi kwa kweli alitaka kuhakikisha alikuwa akifanya kazi, lakini mimi nadhani
hakuwa na kupata kuwa mbali.
>> Hapa ni kichwa, ambayo huja haki ndani ya wale HTML, na sisi taarifa
mambo ya wanandoa haki mbali bat.
Tuna CSS faili haki hapa na sahihi
eneo la CSS faili.
Tuna maktaba jQuery hapa, na wewe utakuwa taarifa kitu tofauti
kuhusu jambo hili.
chanzo ni kitu kweli, kweli kwa muda mrefu.
ajax.googleapis.com/--
aina ya inaonekana kama URL, lakini haina shaka kuangalia kama
JS jquery.js /.
>> Na kwamba kwa sababu niliamua kwamba hawataki kuwa na kushusha
jQuery faili, na Drag na kuokoa katika maktaba yangu, na kuwa na
kuwajibika kwa ajili yake.
Badala yake, Mimi tu kwenda kuchukua JavaScript faili kwamba Google majeshi.
Hivyo Google kweli majeshi ya idadi ya maktaba, na jQuery, kwa vile ni moja
maarufu zaidi, majeshi kwamba moja pia.
>> Na kwa sababu ni mwenyeji hiyo, mimi si haja ya kuwa na wasiwasi kuhusu hilo, na wao
update hiyo, ingawa wakati hawana taarifa hiyo Mimi itabidi pengine kuwa na mabadiliko ya haya
idadi ya haki hapa.
Lakini hiyo ni haki ya kufanya file wangu wote mfumo wa kidogo kidogo safi.
Mimi si kweli kama mwenyeji haya mafaili yote.
Ni kiasi nicer kama Google ina kuwa mwenyeji wa yao kwa ajili yangu.
Hivyo hii, tena, ni kupata zima JavaScript faili, lakini ni kuwa tu
mwenyeji na Google badala ya yangu mfumo faili kwenye kompyuta yangu.
>> Sisi pia kuona kwamba mimi kuweka katika mbili zaidi files dolphins.js na trainer.js.
Tutaangalia wale walio katika pili.
Na hatimaye, jina hili hapa.
Ambao wanaweza kuniambia nini kanuni hii ndani ya tags hizi cheo, ambapo
kwamba huenda juu ya ukurasa wangu?
>> Watazamaji: Kama kwamba kitu toolbar au chochote?
>> JASON HIRSCHHORN: Yeah, tab kidogo juu ya dirisha Chrome.
Hiyo ambapo Nakala kwamba unaendelea.
>> Ndani ya mwili, kama unaweza kuona, mambo si sana hapa.
Nina divs tatu tu.
Mimi kuwapa baadhi ya vitambulisho, na Mimi kuweka maandishi kidogo in
Lakini mimi nadhani kwamba ni kwa nini sisi si kuona kitu zaidi ya hapa.
Kweli, tunaona Dolphin mkufunzi 2K13.
Tunaona TODO.
Sijui ambapo kwamba kuja kutoka kwa sababu mimi si kuona kwamba hapa.
Hivyo labda kwamba katika moja ya yangu files JavaScript.
Tutaweza kuangalia kwamba nje katika pili.
>> Je, mtu mwingine kuniambia nini ID hii ina maana hapa hapa?
>> Watazamaji: Ni njia ya wito sehemu maalum katika [inaudible]
faili?
>> JASON HIRSCHHORN: Yeah.
Ni njia tu kwa kumbukumbu div fulani.
Vitambulisho vya ni walau ya kipekee.
OK?
Mgumu umati wa watu.
Hivyo, vitambulisho ni kwa ujumla kipekee.
Kuwapa maalum moja hiki katika kanuni yako.
>> Nini kama mimi alitaka kumbukumbu namba ya vipengele, kama hiyo ni kwa CSS
styling au jQuery?
Nini sifa naweza kuwapa?
>> Watazamaji: Hatari.
>> JASON HIRSCHHORN: darasa, hasa.
Haki.
>> OK, hivyo index.html, tena, si sana kinachoendelea hapa.
Basi hebu kufungua faili mwingine.
Hebu kuona nini mimi.
Hayo ni yote Mimi na katika hapa.
Hebu kwenda katika folder JS.
Mimi si kwenda na wasiwasi juu ya CSS kwa sasa.
Hebu kufungua dolphins.js.
>> Oops.
Au tuseme -
OK.
Hivyo, dolphins.js, ni kweli inaonekana pretty sawa na baadhi ya maadili ya ninyi
walipewa katika kuweka tatizo nane.
Unaweza kitabu kwa njia hiyo.
Je, mtu yeyote kuniambia, ingawa, nini ni dolphins?
Hii mechi zote dolphins?
Hiyo ni nini?
Ni aina gani ya data ni kwamba?
>> Watazamaji: Array.
>> JASON HIRSCHHORN: Ni safu.
Na sisi kujua ni safu kwa sababu mimi kuona mabano haya mraba hapa.
Na mtu mwingine, nini ni safu ya?
>> Watazamaji: vitu?
>> JASON HIRSCHHORN: Ni safu ya vitu.
Na unaweza kuona kwamba.
Na jinsi gani unajua ni safu ya vitu?
>> Watazamaji: Kwa sababu una koloni hii Boot kati ya braces curly?
>> JASON HIRSCHHORN: Haki.
Hivyo nina braces haya curly hapa, na kisha unaweza kuona comma
kutenganisha mbalimbali vitu katika safu hii.
Na kisha ndani ya kila kitu, mimi na kitu matumbo na kitu kingine.
Na nini kwa ujumla ni sehemu hii ya kwanza, kitu upande wa kushoto wa koloni?
Nini kwamba wito?
Yaliyotokea?
Jinsi gani sisi rejea hiyo?
>> Watazamaji: Index?
>> JASON HIRSCHHORN: Index, au pengine zaidi kwa ujumla, muhimu.
Na kisha upande wa kulia upande, thamani.
Hivyo index, muhimu.
Lakini kama tunazungumzia kuhusu wale, sisi kwa ujumla maana ya kitu juu ya
mkono wa kushoto upande.
>> Katika safu rahisi, tena, tulikuwa fahirisi 0.
1.
2.
3.
4.
Na katika dolphins, sisi itabidi dolphin 0, dolphins 1, dolphins 2, dolphins 3,
dolphins 4.
Sisi pia kuwa, ndani ya hii kitu, sisi si kwa ujumla rejea mambo.
Au kama sisi tu haki hii kitu hapa, sisi siyo kwenda kusema kitu 0,
kitu 1, kitu 2.
Sisi ni kwenda kusema jina kitu, au kitu aina, kitu urefu, na kadhalika.
Na kwamba ni jinsi gani tutaweza kupata thamani juu ya upande wa kulia.
Hivyo kama sisi alisema jina kitu, kwa mfano, tunataka kupata kamba hii,
"Grace."
>> Hivyo kama wewe guys aliniambia, dolphins ni tu safu ya vitu.
Na unaweza kuona ya vitu na jina, aina, jenasi.
Ni kwamba alitamka kwa usahihi?
Mtu yeyote?
Jenasi?
Kubwa.
>> urefu, uzito.
Ni kwamba alitamka kwa usahihi?
Nadhani hivyo.
Na picha, tu URL kwa baadhi ya faili online.
Na hapa, sisi karibu safu, haki ya chini huko katika mkono wa kushoto sana
upande wa screen yangu.
Hivyo kwamba ni dolphins.js wote ni.
>> Oh, yangu wema.
Hii inaeleza yake.
Nilidhani d kumaliza kila kitu, lakini kuangalia.
Kuna todos hayo yote.
OK, hopefully tunaweza kufanya wale pamoja.
Lakini hebu kwanza, kabla ya sisi kufanya kwamba, kutembea kwa njia ya
kanuni hii kwa haraka sana.
>> Hivyo kama nilivyoeleza, sisi kuona katika sana mwanzo mstari huu kuwa nilikuwa katika
slides, (hati). tayari (kazi ().
Na kimsingi ni nini ambayo inaenda kufanya ni kusubiri mpaka kila kitu katika yako
kurasa imekuwa kubeba, hivyo kusubiri hadi ni safu wote, kila kitu nzuri ya
kwenda, na kisha kuanza utekelezaji kanuni hii.
Hivyo kama wewe zinahitajika kuendesha baadhi PHP, kama unahitajika kupata baadhi ya picha,
chochote ni, kanuni wote imekuwa kuweka na tayari kwenda katika index ukurasa wako
au chochote ukurasa imekuwa kubeba, na sasa ni kwenda kuanza
utekelezaji code yako.
>> Hivyo jambo la kwanza sisi kufanya ni sisi kuanzisha safu hii.
Na sina var keyword huko, ili ni nini
wigo wa safu hii?
>> Watazamaji: Ni kimataifa.
>> JASON HIRSCHHORN: Ni ya kimataifa, hivyo ocean_array kulipata kutoka
mahali popote katika faili hii.
>> Na kisha sisi kuona hii kwa kitanzi.
Haisemi foreach, lakini hii kimsingi ni foreach kitanzi.
Na hii ni toleo JavaScript ya, hivyo kwa kila dolphin var katika dolphins,
nini data aina?
Hata ingawa, tena, JavaScript haina na aina hizi data per se, nini
aina data ni dolphin?
>> Watazamaji: kitu.
>> JASON HIRSCHHORN: Ni kitu.
Sisi ni kupata kila kitu katika dolphins safu.
Hivyo katika hapa, inaonekana kama I forgot kuweka yote ya dolphins haya kutoka wetu
dolphins kubwa kufikiri ndani ya ocean_array, hivyo tunapaswa pengine kufanya
ule wa kwanza.
>> Na kisha, kitu kinachoitwa hii pool kutofautiana.
Mimi nina kuweka kwa null.
Na kisha mimi wito kazi hii draw_ocean.
Mimi mafunzo dolphin wakati wake picha ni clicked -
Mimi sina kosa kwamba - na kuweka dolphin bure wakati
kifungo ni clicked.
>> Hivyo haya ni mambo mimi haja ya kufanya.
Mimi nadhani lazima kukupa baadhi background juu ya kile alikuwa anajaribu kufanya.
Hivyo kama sisi kwenda hapa, nini kweli alitaka hii kuangalia kama alikuwa safu up
hapa, badala ya ni kusema "TODO," Mimi alitaka meza, kimsingi, na
picha ya dolphins wote.
Na kisha wakati wewe bonyeza picha moja, Nilitaka kuiweka chini katika
nusu ya chini ya screen na kutoa taarifa yote juu yake, na
kwamba itakuwa dolphin katika pool, dolphin walikuwa mafunzo.
>> Kwa hiyo, nimeona itakuwa kweli cool.
Una dolphins haya yote katika bahari hapa, basi bonyeza mmoja,
na d kwenda pool, na basi unaweza kutoa mafunzo hayo.
Hivyo kwamba ni nini mimi alikuwa anajaribu kufanya.
Na kisha kuna Ningependa kuwa kifungo chini hapa katika pool, na unaweza click,
kama, "huru," na unaweza kuweka dolphin bure, na ingekuwa kwenda nyuma
ndani ya bahari.
>> Hivyo kwamba ni nini mimi alikuwa anajaribu kujenga, lakini tena, mimi nina kwenda wanahitaji msaada wako
kuunda.
Hivyo hopefully, baadhi ya maneno haya au baadhi ya maneno haya kuanza
kufanya hisia sasa katika mazingira wa mpango huu.
>> Hebu kuweka kutafuta njia ya faili hii.
Sisi wito huu draw_ocean kazi.
Ni moja na kazi tu sisi kuwaita kutoka sehemu document.ready.
Hivyo tunatoa wito kazi hii draw_ocean, na inaonekana kama inajenga kamba,
variable, hapa.
Kitu kuweka katika kamba, anaongeza zaidi mambo ya kamba, anaongeza zaidi
mambo ya kamba, na kisha line hii ya maadili.
Mimi kusema kwamba Prints nje kamba HTML.
Na mtu kueleza kwangu nini mstari wa code gani?
Naam, kwanza ya yote, gani kwamba ishara ya dola maana yake nini?
Siyo PHP variable, lakini kile gani kwamba ishara ya dola maana yake nini?
>> Watazamaji: Kuunganisha na HTML ID ya -
ni kama ni viungo kwa HTML code?
>> JASON HIRSCHHORN: Je kuhusu kuwa ishara ya dola?
Je, hiyo ishara ya dola yanaonyesha nini?
>> Watazamaji: Kuunganisha na HTML kwa namna fulani?
>> JASON HIRSCHHORN: wapi sisi kuonekana dola hii ishara kabla ya katika JavaScript?
Tumeona katika hotuba.
Sisi aliyesema kuhusu hilo.
Gani ishara ya dola maana yake nini?
>> Watazamaji: Kitu na jQuery?
>> JASON HIRSCHHORN: Hasa haki.
Hii ina kitu cha kufanya na jQuery.
Hii ishara ya dola ina maana mimi ni kwa kutumia jQuery kazi maktaba hapa.
Hasa haki.
>> Hivyo sisi kuandika ishara ya dola, na kisha tuna paren hii wazi na kufungwa
paren, na ndani ya huko, yale yanayoendelea ndani kuna wakati unatumia
jQuery kazi maktaba, au wewe ni kutumia maktaba jQuery?
Tena, walipoona hayo katika hotuba.
Je, mtu nipe - na wewe pia kuona kitu hapa.
Tufanye nini ndani ya huko?
>> Jeff, nipe nadhani.
Je, hii kuangalia kama, # bahari?
Wapi sisi kuonekana kwamba kabla?
>> Watazamaji: Je, ni maktaba au kitu?
Mimi sijui.
>> JASON HIRSCHHORN: Naam, hebu mimi kufungua index dot -
nope, mahali sahihi.
>> Hivyo tunaona tuna kitu aitwaye bahari hapa.
Wapi sisi kuonekana # bahari alama bahari, syntax kabla?
Yeah?
>> Watazamaji: CSS?
>> JASON HIRSCHHORN: Katika CSS.
Hivyo sisi alitaka style kitu, kumbuka tunataka kuweka alama CSS
selector, au alama ya bahari, kwa mfano, na wote wa formatting
kwamba sisi alitaka kutoa kwa kitu na ID bahari sisi kuweka huko ndani.
>> Hivyo ndani ya hapa siyo CSS selector huenda katika hapa.
jQuery amefafanua yake mwenyewe aina ya selectors.
Lakini ni wazo moja, na kwa kweli mengi yao kuingiliana na CSS.
Hivyo ndani ya mabano haya wazi, kuweka gia, na chochote
selector inahusu, kwamba ni nini utaenda kutumia.
>> Hivyo katika kesi hii, mimi nina kuchagua ID bahari.
Kama mimi alikuwa darasa -
hebu sema nina darasa ya mambo inayoitwa "picha," na mimi kutoa kwamba kwa
mengi ya mambo, jinsi gani mimi rejea darasa la mambo kuitwa "picha?"
>> Watazamaji: Nadhani ilikuwa ni dot.
>> JASON HIRSCHHORN: Kwa dot.
Hivyo kama badala mimi kuweka dot picha katika hapa, ambayo itanipatia darasa la
mambo kuitwa "images."
>> Bila shaka, hii ni super nguvu, na unaweza rejea mambo mengi.
Kwa kweli, mimi naweza kumbukumbu kimsingi tag yoyote katika HTML.
Basi, ikiwa mimi alitaka kufanya hivyo, magonjwa ya zinaa, hiyo ni tag kwamba tumeona kabla ya wakati
kujenga meza.
Wewe pengine ukoo na kwamba kutoka P kuweka saba.
Katika kesi hiyo, ni kweli kwenda kuchagua wao wote.
Ni anaenda kunipa safu wote tags td.
Lakini kwamba wanaweza kupata kidogo mno, hivyo huku sasa hivi sisi ni
kwenda fimbo tu inayozungumzia vitambulisho.
>> Basi nini hii, tena, ni kwamba anapata, katika kesi hii -
sorry.
Kwenda hapa, kwa index.html.
Ni bahari, badala ID bahari rejea div, hivyo sehemu hii ya hii
mstari wa kanuni anapata kwamba div.
>> Na kisha dot hii ina maana mimi nina wito kazi, na jina la
kazi ni HTML.
Na kwamba short kwa, kama wewe guys aliona kabla ya, dola ishara, hati, dot kupata
hiki na ID, dot HTML ndani.
Hii ni toleo jQuery ya.
Hivyo HTML kazi tu anapata HTML ndani.
Ya kwamba hiki.
Hivyo tena, kama sisi kuangalia nyuma hapa, tutaweza kuona hakuna HTML ndani.
Na hivyo kama mimi alifanya hivyo, napenda kuwa kujaribu kupata HTML.
Wakati mimi aina hii, mimi nina kuweka HTML.
Hivyo mimi nina kupita kazi hii kwa kamba, kamba kwamba nimepata kuundwa
hapa, na kusema kuweka kwamba ndani ya bahari div.
Yeah?
>> Watazamaji: Baada ya kupata HTML, wewe ni kupata tu
nakala kama yake, sawa?
Wewe si kuondoa hiyo.
>> JASON HIRSCHHORN: Haki.
Kama mimi hii na alitaka kuokoa hii katika var -
oops.
Ambayo ingeweza kupata taarifa zote kwamba alikuwa hapo na kuokoa ni katika mwingine
variable, kufanya nakala yake.
>> Watazamaji: OK.
Got it.
>> JASON HIRSCHHORN: Hivyo sisi aliumba baadhi HTML, ila katika kamba.
Sisi kuokoa baadhi ya zaidi.
Hapa unaweza kuona kamba kwamba TODO.
Hivyo kwamba pengine ambapo sisi ni kupata kwamba TODO kutoka wakati
sisi kwenda katika ukurasa wetu.
Na kwa kweli, kama mimi haki bonyeza TODO, kukagua Element, kuongelea
hii wiki iliyopita.
Hiyo ni jinsi gani tunaweza kuona HTML muundo wa ukurasa wetu.
>> Utagundua kuwa chini hapa -
hebu kufanya hii kidogo kubwa, pia -
tuna ID yetu div bahari hapa.
Kila mtu kuona kwamba mstari wa kanuni?
Na kwamba ni nini sisi aina katika index.html.
>> Ndani yake, tunaona sasa hii meza mstari wa kanuni.
Na yale ambayo meza mstari wa kanuni ni, kwamba code sisi tu kuingizwa katika
kipengele hiki.
Na sisi kuangalia ndani yake, sisi kamwe typed colgroup na tbody.
Kwamba alikuwa aliongeza kwa sisi kwa sababu sisi alifanya baadhi ya mambo dhana.
Lakini utasikia taarifa kuna tr, kuna magonjwa ya zinaa na TODO.
>> Hivyo inaonekana kama, tena, kificho kwamba sisi aliandika hapa.
Hiyo ni nini hasa hii line alikuwa akifanya.
Ni kuchukua kamba yetu HTML na kuweka ndani ya hii div hapa.
Mwanzoni ana kitu.
Ukurasa hii anapata kubeba.
Dollar ishara, document.ready.
Hii kuanza utekelezaji.
Tunatoa wito draw_ocean kazi, na ndani ya kazi draw_ocean sisi kuchukua
HTML hii na kuiweka ndani kwamba div.
>> Sisi tu akaenda kwa njia ya mengi pale.
Je, mtu yeyote una maswali yoyote kuhusu hilo?
Au jinsi ambayo inafanya kazi, au jQuery?
Kwa sababu kama wewe kuelewa kwamba, kisha jQuery lazima hopefully kuja
rahisi.
Yeah?
>> Watazamaji: Je, alikuwa ndani ya mabano chini ya printout HTML
kamba, kwamba ni jina la HTML variable kwamba
wametangaza mapema?
>> JASON HIRSCHHORN: Hii hapa hapa?
>> Watazamaji: Ndiyo
>> JASON HIRSCHHORN: Ndiyo.
Watazamaji: Hivyo kama alikuwa mmoja aitwaye kwamba kitu kingine, kwamba kitu kingine
ilikuwa nini bila kuweka katika hapa.
>> JASON HIRSCHHORN: Hasa haki.
Na hiyo ni hatua nzuri.
Hii ni utata kidogo kwa sababu Nina HTML, html.
Ndani ya hii hapa ni jina yangu variable, na haki hii hapa ni
Jina la kazi jQuery.
>> Watazamaji: Lakini ili jQuery kazi ya kufanya kazi, una kuwapa
baadhi HTML pembejeo?
>> JASON HIRSCHHORN: Hasa.
AU una kuwapa kamba.
Itakuwa kuweka kamba kwamba ndani ya ya div au chochote.
Hii ni kamba tu.
Hajui hii ni HTML, lakini wazi muundo ni kwa makusudi kwa kuwa
HTML halali.
Je, hiyo kujibu swali?
>> Watazamaji: Ndiyo.
>> JASON HIRSCHHORN: OK.
Yeah?
>> Watazamaji: Je, kama bahari inajulikana kifungo au kitu?
Gani html. Nini?
Je, kwamba mabadiliko ya Nakala ya kifungo?
>> JASON HIRSCHHORN: Kwa hiyo swali ni nini kama inajulikana button?
Ni mabadiliko ndani HTML ya kitu fulani.
Hivyo kama ana tag wazi na karibu tag, itakuwa kuweka kitu katika kati ya
wazi na karibu tag.
Kama hakuna wazi na karibu tag, itakuwa si kufanya kitu chochote.
>> Watazamaji: Ni literally nakala na kuweka aina ya kitu?
>> JASON HIRSCHHORN: Yeah.
Ni nakala na pastes kitu kutoka chochote variable mimi kupita,
kamba mimi kupita, ndani ya wale wazi na karibu vitambulisho.
>> Hebu tuangalie hapa chini.
Oh, yangu wema. draw_pool hakuwa kufanya chochote haki huko.
Hiyo ni bummer.
Mafunzo, wow.
OK, hivyo si kiasi kingine badala ya kuwa.
>> Basi hebu kuanza, na hebu kutatua tatizo hili up.
Mimi kwenda haja ya kila mtu kusaidia kupata hii kufanyika.
Kuna mistari kweli kwamba wengi ya maadili ya, nadhani, kwa kuandika.
Nadhani alifanya hivyo miaka michache iliyopita kwa ajili ya toleo 2K12, na kuna
haipaswi kuwa mistari kwamba wengi ya maadili ya kuandika.
Mimi haipaswi kuwa ilifutwa kwamba kanuni.
Mimi lazima tu kuokolewa.
Oh, mambo.
>> Hata hivyo, hebu kuanza.
Hivyo mimi nina katika safu hii, au mimi nina katika hii line, na mimi na ocean_array yangu.
Na nataka kuweka haya yote, kila kitu kutoka faili hii, katika wangu
ocean_array.
Hivyo ni jinsi gani mimi kuchukua kila kitu kutoka huko, na kuiweka katika
ocean_array?
Ni line moja ya kanuni.
Ambaye anaweza nipe kuwa mstari wa kanuni au niambie, kuwa na wazo baadhi nini mstari
ya maadili ya wanapaswa kufanya nini?
Kwa nini si sisi kuanza hapa, na kisha tutaweza kuendelea kusonga kuzunguka chumba
kujibu maswali.
Kurt?
Nini kwanza?
>> Watazamaji: Ocean_array, bracket, dolphin.
Sawa na dolphins, bracket, dolphin?
Dolphins na mji mkuu wa kila kitu.
>> JASON HIRSCHHORN: OK.
Hebu kutembea kwa njia ya syntax.
Haki hapa, hii ni kama foreach kitanzi, hivyo ni kweli kufanya mengi ya
mambo kwa ajili yetu.
Na dolphin ni kitu.
Hivyo hatuna haja ya kuandika kitu kama dolphins, dolphin, kwa sababu
dolphin yenyewe ni kitu kwamba mimi nataka.
Siyo index.
Je, hiyo mantiki?
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: Kwa hiyo ni jinsi gani unaweza kupendekeza mabadiliko ya code yako?
Kama tunajua ni kupewa index?
>> Oh, sorry.
Wewe ni mzuri.
Lakini jinsi -
napenda kuuliza swali tofauti.
Kama tunataka -
hebu kweli kuandika hii.
Kamwe akili.
Tunakwenda kuandika hii.
Hiyo ni kubwa.
Sorry.
Nilikuwa tu utata sana huko.
>> Hebu kuondoka kwamba kuna kwa sasa, na tutaweza kurudi kwa mafunzo ya dolphin,
kuweka dolphin.
Hebu tu kwanza ya kutatua tatizo hili kuchora bahari kazi, na tutaweza kurudi kwa
kwamba, Kurt.
Lakini hadi sasa, hivyo nzuri.
>> Hebu tuangalie ndani ya draw_ocean.
line kwamba inaonekana kuwa na makosa ni hii "Picha akiba ya dolphins katika
bahari katika kamba HTML. "Na haki sasa, mimi kama TODO, lakini mimi
kweli tunataka kuweka dolphins picha katika bahari.
Hivyo kile, Nuhu, unafikiri ni Jambo la kwanza mimi wanapaswa kufanya nini?
Kama mimi nataka kwenda kupitia nzima safu, ni nini kwanza
kitu mimi wanapaswa kufanya nini?
>> Watazamaji: Tunahitaji kujenga kwa kitanzi.
>> JASON HIRSCHHORN: A kwa kitanzi.
Na kile lazima kwamba kwa kitanzi kuangalia kama?
>> Watazamaji: Kwa -
sisi haja ya kwenda kwa kila dolphin katika bahari safu.
Hivyo kwa var dolphin katika -
unaweza kuandika bahari safu?
>> JASON HIRSCHHORN: Kama kwamba?
>> Watazamaji: Pengine hiyo ni haki.
>> JASON HIRSCHHORN: Hebu fimbo na kwamba kwa sasa, na kisha tutaweza
kuja nyuma yake.
Na wewe kwenda kuwajibika kwa kuwa mstari.
Hivyo nina na kwa kitanzi.
Michael, wewe ni hadi sasa.
Nifanye nini sasa?
>> Watazamaji: You ingekuwa kuchukua kuhifadhi picha kutoka dolphins.
>> JASON HIRSCHHORN: Hivyo ambapo ni kwamba kuhifadhiwa?
>> Watazamaji: Katika dolphin safu?
>> JASON HIRSCHHORN: Mimi kuchanganyikiwa sasa pia kuhusu nini kinatokea.
Hebu kufikiri ni jinsi gani tunaweza kufanya utatuzi huu, na kisha nitakuja
nyuma na wewe, OK?
Nini sawa na printf katika JavaScript?
Annie?
>> Watazamaji: Ni hati kwamba kuandika?
>> JASON HIRSCHHORN: Au jinsi gani Mimi naona kitu katika
kuwafariji chini kwa chini?
>> Watazamaji: Console.log.
>> JASON HIRSCHHORN: Console.log, hasa.
Basi hebu kufanya console.log, na hebu tu ya kuweka "dolphin" katika, OK?
Kusema ukweli kama kazi hii, tunakwenda na - hebu angalia, nyuma katika faili kwamba
dolphins.js, kulikuwa na dolphins sita, hivyo mimi lazima kupata sita au kitu
hopefully kuchapishwa kwa console, sawa?
Hiyo ambapo sisi ni hivyo mbali kwa sababu sisi alifanya line Kurt ya juu hapa, na kisha sisi
alivyofanya Nuhu kwa ajili ya kitanzi, na tuna hii line, hivyo hopefully tunapaswa kuona sita
mambo kuchapishwa na console.
Basi hebu kwenda hapa, hebu kufungua wetu kuwafariji na mahitaji ukurasa wetu.
>> OK, hivyo inaonekana kama tuliona fahirisi sita.
Zero, moja, mbili, tatu, nne tano, yeah.
>> Watazamaji: Jinsi gani unaweza kupata kwa kwamba ukurasa ndani ya yako -
>> JASON HIRSCHHORN: jinsi gani mimi kupata jambo hili hapa chini?
>> Watazamaji: Hapana, ukurasa Chrome ndani ya [Inaudible] appliance.
Tunaweza kuona kwamba au la?
>> JASON HIRSCHHORN: Chrome Hii ukurasa hapa hapa?
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: Hivyo tu kama katika P kuweka nane, nimekuwa alifungua dirisha Chrome
kwenye desktop yangu, yangu Macintosh desktop.
Na kama taarifa juu hapa URL hii juu ya upande wa juu kushoto, kwamba mechi IP hii
kushughulikia hapa chini.
Kufanya hivyo huu, ingawa, mwanzo ya kuweka tatizo spec matembezi yenu
kupitia hasa jinsi ya kufanya hivyo.
Lakini mimi tu ikifuatiwa kuwa, na badala yake ya pamoja na kanuni kuhamisha, mimi tu alifanya
kanuni zetu wenyewe.
>> jambo zuri ni tunaweza pia kukagua ocean_array.
Hivyo inaonekana kama ocean_array ni safu ya vitu sita, na
hebu kufungua kila mmoja.
Boom!
Moja.
>> Hivyo Kurt, inaonekana kama yako code kazi kikamilifu.
Kila kitu got kuanza katika ocean_array.
Kwa sababu mimi misspoke mapema.
Lakini ndiyo, kazi ya kutisha.
ocean_array ni sahihi, na inaonekana kama sasa tunaona kwamba dolphin ni
Idadi ya 0-5, hivyo inaonekana kama fahirisi katika safu.
Hivyo kutokana na kwamba maarifa, Michael, Tufanye nini sasa?
Fikiria kwa sauti.
Kitu tunataka kufanya ni nini?
>> Watazamaji: Tunataka kupata JPEG kwa kila dolphin.
>> JASON HIRSCHHORN: OK.
Hivyo ni jinsi gani sisi rejea -
jinsi gani tunaweza kupata JPEG?
Wapi sisi kuanza?
Ambapo ni kila kitu kuhifadhiwa?
>> Watazamaji: Katika ocean_array?
>> JASON HIRSCHHORN: OK.
>> Watazamaji: Kwa hiyo ocean_array, dolphin -
>> JASON HIRSCHHORN: Je, sisi kupata kitu ndani ya -
hivyo hii inatupa kwamba kitu.
Na tumeona hii kabla ya kwa zilizopangwa.
Hivyo ni aina gani ya nukuu Je, tunahitaji kutumia?
>> Watazamaji: Itakuwa dot.
>> JASON HIRSCHHORN: dot.
Na kisha nini shamba?
>> Watazamaji: Picture?
Au kwamba si shamba -
>> JASON HIRSCHHORN: Nini ni kuitwa katika dolphins.js?
Na kuona, unaweza kuangalia.
Tunaweza tu kwenda nyuma hapa.
Tunaweza kuona ocean_array, tunaweza kuchunguza yake.
Nini ni wito?
>> Watazamaji: Aina.
Kusubiri.
Picha?
Mimi alisema picha.
>> JASON HIRSCHHORN: Picture.
Haki.
Wewe hakuwa na sauti kama unajua nini walikuwa wanazungumza juu, ingawa.
Ni akapiga zaidi kama nadhani.
Hivyo picha kwamba, ili atangaze sisi URL ya picha.
Jeff, una swali?
>> Watazamaji: Yeah, siwezi kupata nini una juu ya Chrome yako
browser kompyuta yangu.
I just kupata "kumbukumbu uncaught makosa, console si defined. "
>> JASON HIRSCHHORN: You wameweza kuanzisha kila kitu?
>> Watazamaji: Naam, mimi nadhani alifanya kila kitu kwamba
alifanya juu ya screen kubwa.
>> JASON HIRSCHHORN: Na chmodded mafaili yote?
Na je, kupitia kuanzisha nzima?
>> Watazamaji: nitajaribu tena.
>> JASON HIRSCHHORN: OK.
Mimi skipped juu ya kwamba mengi katika mwanzo, lakini unahitaji kwenda kwa njia ya
kuanzisha lote tu kama katika mwanzo wa tatizo kuweka spec.
Chmod kila kitu na kuhakikisha ni in
>> Watazamaji nitakwenda na mara mbili ya kuangalia hilo.
Nilidhani alifanya hivyo, lakini Mimi itabidi mara mbili kuangalia.
>> JASON HIRSCHHORN: Kwa hiyo, hii inaonekana kama kutakuwa na kutupa
kamba na picha.
Kubwa.
Tuna URL ya picha.
Je, sisi sasa kuiweka katika -
kile kinachotokea kama sisi kuandika huu tu, Michael?
>> Watazamaji: Ni tu anapata picha.
Haina kweli kuonyesha ni.
>> JASON HIRSCHHORN: Hebu kuona nini kinatokea.
Tutaweza kuokoa hiyo.
Tutaweza kukimbia hapa.
Inaonekana kama sisi hawapati kitu chochote.
Kama mimi kutafiti meza hii, inaonekana kama ndani ya -
yeah, inaonekana kama mimi si kupata kitu chochote.
>> Watazamaji: Je, tuna -
>> JASON HIRSCHHORN: Hii ni kamba, hii code hapa.
Wapi nataka kuweka kamba hii?
>> Watazamaji: Unataka kuiweka katika bahari?
>> JASON HIRSCHHORN: OK.
Na chini hapa mimi nina kuweka kamba aitwaye html katika bahari.
>> Watazamaji: Kwa hiyo itakuwa ni dola ishara, bahari, html [inaudible].
>> JASON HIRSCHHORN: Hiyo ingekuwa kuiweka moja kwa moja huko.
Lakini ni nini kama nataka kuongeza kwa -
Mimi niko tayari kujenga kamba, sawa?
Kuweka katika bahari, nini jina la kamba hiyo?
>> Watazamaji: HTML.
>> JASON HIRSCHHORN: HTML.
Basi je, mimi kuandika ijayo?
>> Watazamaji: Usawa, sawa.
Au tu ni sawa na?
>> JASON HIRSCHHORN: Je, mapenzi kutokea kama mimi kuandika usawa?
>> Watazamaji: Je, si kwamba kuweka sawa - au si kwamba -
>> Watazamaji: Wape?
>> JASON HIRSCHHORN: Ni hawawajui, lakini itakuwaje kwa kila kitu
kwamba alikuwa kuhifadhiwa katika kabla ya?
>> Watazamaji: Ni utakuwa kujikwamua yake.
>> JASON HIRSCHHORN: Ni utakuwa kujikwamua yake.
Hivyo ni jinsi gani mimi kuongeza mwisho?
Napenda tu nakala -
>> Watazamaji: Plus sawa.
>> JASON HIRSCHHORN: Plus sawa, kamilifu.
Hiyo ni kweli kabisa.
Hivyo sasa hebu angalia kile gani hii.
Boom!
Oh, yangu wema.
Hiyo ni mengi ya maandishi.
OK.
>> Hivyo inaonekana kama sisi got mengi ya maandishi, lakini kwamba ni kubwa.
You guys wamefanya -
Mimi najua hili ni ngumu, hii ni mpya.
Hadi sasa tatu ya nyie wamefanya ajabu.
>> OK, wewe ni ijayo.
Tufanye nini baada ya hapo?
Sisi ni wazi hawataki kucheza kamba tu.
Yeah?
>> Watazamaji: Mimi tu na swali.
Unajua, wakati wa kufanya ocean_array, dolphin, katika mabano, ni si
dolphin kama associative safu katika yenyewe?
>> JASON HIRSCHHORN: Mimi misspoke.
Dolphin ni index.
>> Watazamaji: lakini si var dolphin katika bahari -
I mean, wakati awali mzigo kama vizuri, var dolphin katika dolphins, ni si
kwamba dolphin safu associative?
>> JASON HIRSCHHORN: dolphin huu?
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: Hapana
Dolphin Hii ni index.
>> Watazamaji: OK.
Hivyo ni kuna dolphin variable?
I mean, kama dolphin muhimu katika associative safu?
>> JASON HIRSCHHORN: Haki hapa?
Kama, dolphin.name?
>> Watazamaji: Yeah, kuna kama dolphin dot -
kama si dolphin maana kuwa kila kitu?
>> Watazamaji: Yeah, hiyo ni nilifikiri nini, pia.
>> Watazamaji: Nilidhani dolphin ilikuwa kama safu associative katika dolphins.
Kwa sababu kuna sita associative arrays katika dolphins, sawa?
>> JASON HIRSCHHORN: Haki.
njia ya sisi hii imeandikwa sasa, ni si.
>> Watazamaji: Kwa nini ni?
>> JASON HIRSCHHORN: Tunaweza kufanya hivyo, na kuna kweli kazi jQuery
kuitwa. kila ambayo inatoa wewe kila kitu.
Lakini syntax hii si -
Mimi misspoke mapema - syntax hii si kwamba index.
Hii anatupa tu fahirisi.
Lakini unaweza kufanya ishara ya dola. Kila mmoja, ambayo ni kazi jQuery.
Ambayo kukupa kila mshirika safu.
Ili kuangalia kwamba nje.
Lakini kwamba ni nini kanuni hii yote gani.
>> Watazamaji: Hivyo hii kwanza kwa kitanzi, mimi nadhani kwamba itakuwa iterate mara sita
kwa sababu una fahirisi sita.
Na kisha ya pili kwa kitanzi, si kwamba iterating
sawa kiasi cha mara?
>> JASON HIRSCHHORN: Yeah.
>> Watazamaji: Kwa hiyo kuna kweli hakuna - sisi inaweza kuwa imeandikwa kwanza kwa kitanzi
tena, na ingekuwa kazi.
Kama, var dolphin katika dolphins?
>> JASON HIRSCHHORN: Ndiyo, lakini sisi ni sasa kwa kutumia ocean_array.
Tumekuwa wakiongozwa kila kitu katika ocean_array kwa sababu kusema sisi milele wanataka
kubadili nini katika dolphins.js, au kama tunataka kuendesha ocean_array
baadaye, hatutaki kuendesha dolphins, kutofautiana.
Tunataka kuendesha nakala yake, kwa sababu kama tunataka kuchukua kitu
nje, kwa njia hii sisi ni tu kwenda kuwa salama.
Je, hiyo mantiki.
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: OK.
Hivyo, Carlos, jinsi gani mimi kuchukua kamba hii na kufanya sanamu badala yake, na kupata
halisi picha?
Umefanya kuona kanuni hii kabla.
Jinsi mimi kufanya pamoja na picha juu ya ukurasa?
>> Watazamaji: Je, ni kitu tulivyofanya kuhusu kwamba pamoja na HTML sawa na te wito dash
upana, yeye ilifutwa yake?
>> JASON HIRSCHHORN: Hii mambo ya haki hapa?
>> Watazamaji: Yeah.
Aina ya.
>> JASON HIRSCHHORN: si wasiwasi juu ya hilo.
Kwamba kuanza kamba tu HTML.
Kama mimi nataka pamoja na picha katika wangu HTML mtandao ukurasa, nini tag gani mimi kutumia?
>> Watazamaji: Mimi si kukumbuka.
>> JASON HIRSCHHORN: OK.
Avie, kumsaidia nje?
>> Watazamaji: Je, ni kuwa nanga, href, na kisha kuhusisha?
>> JASON HIRSCHHORN: Hivyo A kama katika Mtangazaji.
>> Watazamaji: You hawana haja ya kuhusisha, ingawa, sawa?
>> JASON HIRSCHHORN: Je, kama mimi tu wanataka kujenga picha?
>> Watazamaji: Itakuwa img, na kisha src sawa na chochote string ni?
>> JASON HIRSCHHORN: OK, hivyo hiyo ni haki, img.
Carlos, wewe kwenda kwa kuchukua kutoka hapa.
img anasimama kwa "sura," na src anasimama kwa ajili ya "chanzo." na unahitaji kuwapa
URL au baadhi ya -
hata URL.
Baadhi ya maeneo ambapo kwamba picha ni kuhifadhiwa.
Hivyo najua kwamba kupata me picha, kwa hivyo sasa ni jinsi gani mimi kuweka hii yote
pamoja, mawazo?
Mimi na baadhi ya syntax mimi haja ya kurekebisha.
Nini hasa nahitaji aina, Carlos?
>> Watazamaji: Mimi si kupata nini wewe ni kujaribu kufanya.
Hivyo wewe ni kujaribu kuweka wote images katika meza?
>> JASON HIRSCHHORN: Tunataka kuonyesha picha zote katika ukurasa.
Na tuliona jinsi mstari wa code haki masharti hapa aliongeza kwa kamba yetu HTML
na kuchapishwa yao nje kama hii.
Sisi badala wanataka kuonyesha images.
Na sisi barabara, Maru, aliiambia sisi kwamba line hii ya code -
hivyo hebu angalia hapa.
Kama sisi akaenda na uchunguzi, tutaweza hariri hii kama HTML.
Maru, alisema, kama sisi kazi ya aina hii ya syntax, sisi kupata picha.
Hivyo gani kwamba mantiki?
>> Hii ni aina ya kamba kwamba sisi kweli tunataka kuweka ndani ya bahari
dive, si tu Nakala yenyewe.
>> Watazamaji: [inaudible]
>> JASON HIRSCHHORN: Sorry?
>> Watazamaji: Je, si wewe tu nakala mtu mmoja Kianna alitoa,
na kuiweka katika kuwa -
>> JASON HIRSCHHORN: Nakala hii, na kuweka hii hapa hapa?
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: Hiyo ni karibu, lakini kuna tatizo moja na hii, na
nini hiyo?
HTML ni kamba, na sisi haja kuongeza masharti yake.
>> Watazamaji: Hivyo basi kuiweka - nah.
>> JASON HIRSCHHORN: Na tuna tatu - haki hii hapa ni si kamba.
Je, sisi kufanya hivyo kamba?
Jinsi gani unaweza daima kufanya kitu kamba?
>> Watazamaji: Mimi sijui.
>> JASON HIRSCHHORN: Kama mimi na maandishi, jinsi gani mimi kufanya hivyo kamba?
Kama hapa juu ya mstari huu hapa hapa?
>> Watazamaji: Kuweka katika meza?
>> JASON HIRSCHHORN: Nini kuhusu hili?
>> Watazamaji: Quote.
>> JASON HIRSCHHORN: Double quotes, sawa?
Double quotes hufanya kitu kamba.
Hivyo kwamba inafanya kwamba kamba, na hii ni kamba.
Je, mimi kuweka masharti mawili pamoja katika JavaScript?
>> Watazamaji: Dot.
>> JASON HIRSCHHORN: Si dot.
Hiyo ni PHP.
>> Watazamaji: Plus.
>> JASON HIRSCHHORN: Plus, hasa haki.
Hivyo plus, na kisha je, kupendekeza mimi kufanya zaidi ya hapa?
>> Watazamaji: quote mwingine.
>> JASON HIRSCHHORN: quote mwingine, OK.
Je, mimi mwisho kamba?
>> Watazamaji: quote mwingine.
>> JASON HIRSCHHORN: quote mwingine.
Na jinsi gani mimi kuweka kamba hii pamoja na kamba hii?
plus.
Hiyo ni kweli kabisa.
Wewe tu alifanya hivyo kwa ajili yetu.
Hii ni kamilifu.
>> Hivyo sasa hebu kutoa hii.
Na kuangalia, sisi tumepewa yote kundi la images.
Oh, Mungu wangu.
Wale ni inatisha.
Tunakwenda kuchunguza yao katika pili.
Yeah, Nuhu?
>> Watazamaji: Mimi najua ni kweli haina jambo, lakini lazima wewe karibu yako
mambo na picha tag?
>> JASON HIRSCHHORN: Tunaweza, kama tulitaka, karibu mfano wetu
tag tu kama hiyo.
Hebu kutoa hiyo.
On, no, hatuwezi kufanya hivyo.
>> Watazamaji: Oh, mimi kuvunja yake.
>> JASON HIRSCHHORN: Nadhani hii ni uthibitisho, ingawa.
Sidhani unahitaji kufunga slash.
OK, hii ni kubwa.
Carlos, asante.
Hadi sasa nne ya nyie wamefanya kazi kutisha.
>> Bila shaka, kama unaweza kuona, sisi ni kujenga baadhi ya aina ya meza bevel.
Na mimi nataka mambo haya kuwa katika meza.
Hivyo ni jinsi gani mimi kuweka haya mambo katika meza?
Mimi wazi haja ya baadhi ya HTML zaidi.
Assam, ni aina gani ya HTML mimi missing?
>> Watazamaji: Ni nini wanataka kufanya, sorry?
>> JASON HIRSCHHORN: Nataka kuweka yote picha hizi katika meza, hivyo kila picha
lazima katika safu moja ya meza.
Je, mimi kusema hii ni safu moja?
Umeona kanuni hii kabla ya.
Hii ni katika P kuweka saba.
>> Watazamaji: Nakumbuka mmoja alikuwa tr?
>> JASON HIRSCHHORN: tr ni kwa mfululizo.
>> Watazamaji: Mimi sijui ni mbali moyo wangu, lakini mimi nilikuwa kuangalia.
>> JASON HIRSCHHORN: Je, mtu kukumbuka?
>> Watazamaji: td?
>> JASON HIRSCHHORN: td, hasa haki. td kuiweka kama safu.
Basi, ikiwa mimi kuweka td huko, Assam, je, mimi haja kuweka?
Ni kitu gani mimi haja ya kuongeza?
>> Watazamaji: Una kuifunga?
>> JASON HIRSCHHORN: Hasa.
Ambapo gani kwamba kwenda?
>> Watazamaji: Haki huko?
>> JASON HIRSCHHORN: Haki hapa?
>> Watazamaji: Nadhani hivyo.
>> JASON HIRSCHHORN: Nini hii kufunga hapa hapa?
Nini hii kwa?
Kuwa bluu kitu?
>> Watazamaji: Hiyo ni kwa picha.
Ni lazima kwenda baada ya, nadhani.
>> JASON HIRSCHHORN: OK, hasa haki.
Basi hebu angalia nini alifanya hivyo.
Oh, hiyo ni Awkward.
Hebu kufungua bahari, meza, meza mwili, tr.
Hivyo tuna tani, lakini mimi hawaoni images.
Hiyo ni weird.
Inaonekana kama ni kujengwa lakini hakuwa na show me images.
Mawazo yoyote kwa nini ambayo inaweza kuwa kesi?
Mawazo yoyote?
>> Watazamaji: Kama kitabu chini, utaona yao.
>> JASON HIRSCHHORN: Boom!
Hivyo wao uko pale, lakini hiyo ni weird kwamba wao ni njia yote chini huko.
>> Watazamaji: Wao ni pia wote katika mstari.
>> JASON HIRSCHHORN: Na wao uko wote katika mstari, na wao uko wote ukubwa tofauti.
Hivyo Assam, nipe moja zaidi mstari wa kanuni kama naweza kufanya kila picha
ukubwa huo, na inaonekana kama mimi wameweza tayari unahitajika ukubwa mimi
wao wanataka kuwa.
Jinsi gani naweza kufanya kila picha sawa kawaida?
Kutoa nadhani pori.
>> Nini kuhusu mstari huu wa kanuni?
>> Watazamaji: Je, unaweza kufanya Kama mara kwa mara?
>> JASON HIRSCHHORN: Au ambapo ni mwingine mahali mimi naweza kuweka mstari wa kanuni,
kama mimi tu nakala yake?
>> Watazamaji: njia zote chini juu ya kwamba mstari huo?
>> JASON HIRSCHHORN: OK, hebu kuweka katika hapa, hasa haki.
Na sasa hebu angalia nini kinatokea.
Oh, yangu wema!
Sasa inaonekana kama sisi ni mapya ya kupata kitu, na inaonekana kama wao
kila aina ya fit katika meza tumekuwa yalijengwa katika kila td.
>> Pia, Assam, hebu sema mimi kama wao urefu kuwa kidogo zaidi -
urefu kitu ni kutupa me off, hivyo nifanye kuweka katika urefu wao?
Kuchukua idadi yoyote.
>> Watazamaji: 200?
>> JASON HIRSCHHORN: 200.
Mimi nina kwenda kuchukua 100.
Hiyo ni kubwa.
Kwa kweli kama 200.
Kuna sisi kwenda!
Sawa, sasa hii ni mapya ya kuangalia kidogo bora na kidogo kupangwa zaidi.
>> Mawazo mengine yoyote kwa nini tunahitaji kufanya kuhifadhi picha ya dolphins?
Yeah?
>> Watazamaji: Je, quotes, au moja quotes, karibu maadili kwa
chanzo, urefu, upana, ni wale hiari?
>> JASON HIRSCHHORN wapi ni quotes moja?
>> Watazamaji: Kama katika baadhi ya mifano, d na kama urefu
sawa na quote "150." Ni kwamba si lazima.
>> JASON HIRSCHHORN: Basi hebu kuangalia hapa chini.
Kama sisi bonyeza juu ya bahari, kwenda katika meza, utasikia taarifa hapa chini ni kweli
Aliongeza wale quotes kwa ajili yangu.
>> Watazamaji: OK.
>> JASON HIRSCHHORN: Na hivyo mimi kutambua nini sisi ni kufanya inaonekana umeenda polepole mno.
Tumekuwa tu imeandikwa mistari ya maadili ya hivyo mbali, au nne mstari wa kanuni, lakini
hii kwa kweli ni mchakato Mimi kwenda kwa kila wakati nataka
kufanya tovuti hii.
Mstari kwa mstari, kwa kutumia console chini hapa, kuchunguza mambo na kuhesabia
nje hatua kwa hatua nini nataka kufanya.
Hivyo hopefully, hii mimics kwa nyie katika hali nzuri, njia ya ufundishaji nini
kwa kweli kufanya wakati kujenga tovuti yako.
>> Hebu hoja juu ya.
Tumeunda mambo haya.
Mimi nina kwenda kwa kweli -
Avie, nina swali kubwa kwa ajili yenu.
Sijui, tutaweza kusonga mbele.
Hebu kwenda na "treni dolphin wakati wake picha ni clicked. "Jinsi gani unaweza
kupendekeza mimi kuandika kwamba mstari wa kanuni?
>> Watazamaji: Kuna kazi inayoitwa "treni."
>> JASON HIRSCHHORN: Kuna kazi inayoitwa "treni," hasa haki.
>> Watazamaji: Ni anatarajia index.
>> JASON HIRSCHHORN: Train anatarajia index, hivyo, OK.
Avie, hii ni hasa hoja kwamba nampenda kuona.
Train anatarajia index.
>> Watazamaji: Hivyo wewe ni kwenda kuwa kwa kitanzi.
>> JASON HIRSCHHORN: Naam, nataka kufanya wakati picha ni clicked, hivyo Avie,
jinsi gani mimi kufuatilia wakati picha ni clicked?
Kuna wanandoa njia ya kufanya hivyo.
Hii ni nguvu ya JavaScript na jQuery, lakini pia toughest sehemu.
>> Watazamaji: Kama mabano, si.
Au kama tukio mabano, au kitu rahisi?
>> JASON HIRSCHHORN: Hivyo tuliona wanandoa njia za kufanya hivyo katika hotuba.
Jambo moja lilikuwa, hapa chini, unaweza kufanya kitu kama unaweza kujenga
kazi kama juu ya click, au kufanya kitu kama juu ya click.
Kila mtu kumbuka kuona kitu kama hicho?
Kufanya hivyo ndani ya HTML tag.
Mimi naona baadhi nyuso tupu.
Baadhi ya watu ni kama, nini ni yeye kuzungumza juu?
>> Hiyo ni sawa kwa sababu nadhani hiyo ni njia ngumu zaidi kwa kufanya hivyo.
Sisi ni kwenda kufanya rahisi zaidi njia kwa kutumia jQuery.
Hivyo, Avie?
>> Watazamaji: Hm?
>> JASON HIRSCHHORN: Kama nataka kufanya kitu jQuery, mimi ni wazi kuanza,
kama kabla, na ishara hii ya dola, wazi paren, paren karibu, na mara mbili
ananukuu katika hapa.
Sasa tunajua mimi haja selector katika hapa.
Nini selector je, kupendekeza bila kuomba kwa kila picha moja au kila
moja picha?
>> Watazamaji: Image?
>> JASON HIRSCHHORN: Hiyo ni sahihi kabisa.
Kwamba itatumika kwa kila picha moja.
Anapata wao wote.
Siyo ID, siyo darasa, ni aina ya tag, na hii ni kwenda
kupata kila moja.
>> Na sasa mimi naenda kuwaambia hii kwa sasa, na unaweza kuangalia juu ya zaidi
nyaraka juu yake baadaye, lakini hii kitu kinachoitwa "juu ya" inahusika na matukio.
Basi nini kupata kufanya sasa, na ambayo ni super nguvu, ni kusema ni aina gani ya
tukio wewe ni kuangalia kwa nini na unataka kufanya wakati wewe
kupokea tukio hilo.
Hivyo nina kwenda kutoa kidogo code kidogo zaidi, Avie, basi
nimepata kwenda, OK?
>> Watazamaji: OK.
>> Watazamaji: On - tunakwenda kusema "Bonyeza" katika kesi hii, ambayo itabidi
ujumla kutumia.
Kadhalika click, na kisha tunakwenda kupita kazi bila majina.
Na syntax huu wewe ni kwenda kuona mengi, na hopefully wewe
kuwa kuandika mengi.
Nini hii ni mara ya pili, juu ya click ya kitu kinachoitwa picha, chochote,
kitu chochote aitwaye picha, sisi ni kwenda kuendesha kazi hii bila majina.
>> Mimi si kutoa jina.
Mimi si kupita hoja yoyote.
Mimi tu, kama, kujenga hapa kazi, na hapa ni nini code
wewe ni kwenda kufanya.
Hiyo ni kwa hii syntax njia.
Na pia, kama wewe utakuwa taarifa, inaonekana sawa na hii hapa kwamba sisi
aliandika kabla ya.
>> OK, Avie.
Kwa hiyo unataka kuwaita mafunzo juu ya index.
Ni kwamba nini unataka nini?
>> Watazamaji: Ndiyo.
>> JASON HIRSCHHORN: Hiyo ni?
OK.
Hebu kuona nini kinatokea.
>> Watazamaji: Ngoja, ingawa.
Index ni si variable hivi sasa.
>> JASON HIRSCHHORN: Kwa hiyo index ni si variable hivi sasa.
Sijui wapi got ni kutoka.
>> Watazamaji: [inaudible].
Hivyo unahitaji kwanza kufikiri ambayo dolphin got clicked?
>> JASON HIRSCHHORN: Excellent.
Unahitaji kufikiri ambayo dolphin got clicked.
Hii ni risasi pori katika giza.
Mtu yeyote kuwa na wazo lolote jinsi gani naweza kufikiri nini dolphin got clicked?
Kama siyo, mimi itabidi kukupa wewe, kwa sababu hii ni pretty mambo.
OK.
Basi hebu magazeti nje kupitia console.log.
>> Jambo hili.
Hivyo, ishara ya dola, paren wazi, hii paren karibu.
Hivyo wakati mimi bonyeza juu ya picha hii, mimi nina kwenda magazeti hii console,
na hebu angalia nini kinatokea.
Hebu turudi nyuma hapa.
Hebu kwenda kuwafariji.
Hakuna makosa, kuwashukuru wema.
>> OK.
Mimi clicked.
Hebu kufanya hivyo tena.
Mimi clicked picha hii kwanza, na hii got kuchapishwa na console,
line huu wa mambo.
Mimi nina kwenda kutumia neno "hili" mengi.
Jambo hili hapa, hii, ni sana maalum, na ni kufanya nini hasa
Avie anataka kufanya.
Ni kupata chochote kilichokuwa clicked juu au chochote.
Kwa sababu tena, selector hii hutokea kukabiliana na mambo mengi, hatufanyi
lazima kujua jambo ambalo sisi ni kuzungumza juu, hivyo tunataka kufikiri
nje jambo ambalo tunazungumzia kuhusu kupitia syntax hii.
Katika kesi hiyo hapa, alama ya bahari, sisi daima kujua nini kitu sisi ni
kwenda kuzungumza juu, hivyo sisi kamwe kweli zinahitajika hii
ndani ya alama ya bahari.
Ni mara ya bahari, kwamba div.
Ni ID, moja tu inawezekana kitu.
>> Lakini katika kesi hii, hii inatumika kwa kura wa picha, kwa kweli, picha sita,
na hivyo tunataka kujua nini hasa picha ilikuwa kwavyo.
Na inaonekana kama hii ni aina ya habari sisi kupata.
Sisi kupata inaonekana kama baadhi kubwa kamba, na sisi kupata yote ya hii
habari na hii.
Sisi kupata tani na tani tani ya mambo na.
jQuery ni super nguvu.
Ni anatupa tani ya habari kuhusu hasa hii HTML hiki.
Avie, je, tunataka kujua kuhusu kipengele hiki HTML?
>> Watazamaji: Kitu kama ID.
>> JASON HIRSCHHORN: ID.
Naam, tuna chanzo, upana, na urefu.
>> Watazamaji: Tunaweza kutumia chanzo.
>> JASON HIRSCHHORN: Sisi unaweza kutumia chanzo.
Kwamba kutakuwa na kutupa kamba, Kamba URL.
Je, ni sisi kwenda kufanya na kwamba mara tuna kuwa?
Jinsi gani sisi kupata nyuma yetu index katika ocean_array?
>> Watazamaji: Tunaweza kulinganisha kwa wengine.
>> JASON HIRSCHHORN: Kwa hiyo tunaweza kitanzi kwa njia ya kila mmoja.
Sasa tunaweza kitanzi tena na kisha kulinganisha hii.
Wanaangalia nini itakuwa njia rahisi, kama unaweza kufikiria tu moja?
>> Watazamaji: Si kuwa na kitanzi.
>> JASON HIRSCHHORN: Si kuwa na kitanzi.
>> Watazamaji: Just kuhesabia dolphin, [inaudible].
>> JASON HIRSCHHORN: Kuhesabia nini dolphin.
OK.
Basi hebu kuhifadhi taarifa ambazo katika tag picha hii.
Na tena, sasa hivi, sehemu ya mambo haya ni tu kichawi kwa sababu mimi ili
kuwa hii kuonyesha kwa mara ya kwanza, lakini hopefully haya ni mambo
wewe ni kwenda kufanya.
Hivyo hili ni jambo kichawi unaweza kufanya.
Unaweza kuokoa baadhi ya metadata ya ziada katika hiki.
Itakuwa si show up, itakuwa si kuathiri kitu chochote.
Unaweza tu ila ni huko.
Na mimi kupendekeza sisi kuokoa index na kila picha.
>> Hivyo njia ya kufanya hivyo ni kujenga sifa aitwaye data dash, na
kisha jina lolote ninyi wanataka kuwapa.
Takwimu dash ni kitu maalum ambayo ni aliyopewa na wewe, na anasema hii ni
kitu user ni kwenda kujenga.
Hivyo sisi ni kujenga hii kitu inayoitwa index, hii muhimu aitwaye index.
>> Na ndani yake, sisi ni kwenda kuweka moja si tu kila wakati, lakini nini
sisi kuweka ndani yake, Avie?
Tufanye nini hapa hapa?
>> Watazamaji: Dolphin.
>> JASON HIRSCHHORN: Dolphin.
Hiyo siyo neno hilo.
Dolphin.
Na tena, sisi tayari kuchapishwa dolphin awali, kwamba 0, 1, 2, 3, 4, 5, na
sisi ni kuokoa kwamba pamoja na picha.
>> Basi sasa, kama mimi kufanya - na tena, sisi kuokoa metadata hiyo.
Jinsi gani unaweza kupata metadata hiyo?
Ni na kazi tu kuitwa "data." Na unahitaji kupita moja
na hoja moja tu, ambayo ni jina la kitu.
Hivyo nina kwenda kwa magazeti hii nje, na kisha mimi itabidi kuchukua maswali.
Lakini kimsingi, mimi kusema kutoa hii mimi kitu kwamba alikuwa clicked juu, kuangalia
wakati wote wa sifa zake data, na mtu mmoja aitwaye "indexed,"
nipe thamani hiyo.
>> Na hebu angalia kile kinachotokea wakati sisi mahitaji ukurasa huu.
Nini hasa sisi ilivyotarajiwa.
Tena, kwamba alikuwa pretty kichawi.
Sisi tu alifanya mengi pale.
Ambaye ana maswali yoyote kuhusu hilo?
Yeah?
>> Watazamaji: Mimi tu na swali kuhusu code yako ya kuishi.
Unaweza kutumia kama quote moja, mbili quote, kama haki pale.
>> JASON HIRSCHHORN: Haki hapa.
>> Watazamaji: Yeah.
Je, kuna sababu kwa nini kufanya quote moja, mbili quote?
>> JASON HIRSCHHORN: Kuna sababu, na hii inakwenda nyuma kwa nini Marcus
aliuliza mapema.
Katika mstari huu, mimi mara kuwa kidogo bora katika coding yangu.
Nataka hii, na hii ni nini mimi uaminifu lazima waliofanya yote ya
wakati, kwa upana na urefu hasa.
Hebu tuangalie hapa chini.
Utaona hapa, unaweza kuona kwamba?
Mimi najua ni aina ya ndogo, lakini data dash index ni katika quotes mbili.
Mambo hayo daima haja ya kuwa katika quotes mbili.
thamani daima mahitaji ya kuwa katika quotes mbili.
>> Lakini hapa, kama mimi quote mara mbili, kwamba ingekuwa mwisho kamba haki hii hapa,
na sasa mimi bila kuwa na kuandika katika kamba.
Basi, mimi kupata kote kwamba kwa kutumia tu moja quote, kwa sababu quote moja
haina mwisho kamba JavaScript, lakini katika HTML haina huduma kama wewe ni
kutoa ni quotes moja au mbili quotes.
Ni itabidi kutafsiri kama quotes mbili.
Je, hiyo mantiki?
Yeah?
>> Watazamaji: Jinsi gani unaweza kupata kwamba anwani ya IP katika chini ya mteja wako?
Mine anasema hakuna anwani ya IP.
Je, kuna kitu mimi lazima wamefanya katika [inaudible].
>> JASON HIRSCHHORN: Katika appliance yako, ina kitu?
>> Watazamaji: Ndiyo.
>> JASON HIRSCHHORN: Kuna jambo unaweza kufanya ili kurekebisha, lakini nina
kwenda kutumia wakati kutembea njia ya kuwa hivi sasa.
Lakini tunaweza kufanya hivyo baada ya sehemu.
>> Watazamaji: Kama kwenda nyuma ya console, ilikuwa ni kwa nini
idadi waliotajwa 012,321?
>> JASON HIRSCHHORN: Console?
Oh, kwa sababu mimi tu ilikuwa kubonyeza karibu wildly.
>> Watazamaji: Oh, OK.
Kamwe akili.
>> JASON HIRSCHHORN: Na tena, siwezi bonyeza juu ya kitu bajillion mara kwa mara.
>> Watazamaji: Nina swali kuhusu kitanzi yako tena, yako kwa matanzi.
Kwa sababu unajua katika P kuweka nane, wao kutumia aina mbalimbali za kitanzi.
Hivyo hawana kama var i sawa na 0, i chini ya zaidi, ocean_array.length, i + +.
Ni wale sawa?
>> JASON HIRSCHHORN: Hiyo ni kiwango kwa kitanzi.
Au yeah, hiyo ni kwa matanzi.
Kwa kweli, tumeona kwamba ni sawa.
>> Watazamaji: Basi hiyo ni sawa kwa nini umefanya kosa hapa?
Ni moja kuchukuliwa bora zaidi kuliko nyingine?
>> JASON HIRSCHHORN: Hapana
>> Kwa hiyo, tena, tumekwenda juu ya baadhi ya mambo.
Tumekuwa sasa kuhamia nje faraja yetu na kuanza kufanya kweli baadhi ya baridi
mambo ambayo sisi si lazima wamekwenda juu katika darasa kabla, lakini mapenzi
hopefully kuwa na nguvu sana kwa ajili yenu wakati coding.
>> Avie, hebu kwenda nyuma hadi hapa.
Mimi na index ya dolphin.
Sasa nini mimi haja ya kufanya?
>> Watazamaji: Wewe haja ya kutoa mafunzo hayo.
Hivyo badala ya kuweka console.log, wewe unaweza kuweka variable sawa na ile?
>> JASON HIRSCHHORN: OK.
Hivyo?
>> Watazamaji: Mimi nina uhakika kama unaweza kufanya hivyo.
>> JASON HIRSCHHORN: Kwa hiyo var x sawa na hicho, bila kujali hili hurejea,
kutakuwa na kurudi.
Je, si jambo.
Ni anaweza kurudi variable yoyote.
Hakuna aina hapa.
>> Watazamaji: Au unaweza tu kufanya kazi simu.
>> JASON HIRSCHHORN: Yeah, kwa nini mimi kufanya hivyo?
Tu kufanya kazi simu.
>> Watazamaji: Yeah.
Kuweka mwingine seti ya mabano.
>> JASON HIRSCHHORN: Perfect.
Hiyo ni kweli kabisa.
Ili kuwaita kazi treni.
Bila shaka, kitu ni katika treni kazi, hivyo kupendekeza, Akshar, nini mimi
lazima kufanya kazi katika treni.
Nipe baadhi ya kanuni Pseudo.
>> Watazamaji: Nadhani unapaswa kuondoa dolphin kutoka meza ya awali.
>> JASON HIRSCHHORN: Na hii ni kupata Nuhu mapema kwa nini sisi nakala
ni katika safu mpya.
Haki, kwa sababu sisi si hariri wetu dolphins safu kwa sababu gani mtu mwingine
mpango wa kutumia au nini kama tunataka kupata mahali pengine?
Tunataka kufanya nakala, na kwamba moja tunakwenda hariri.
>> Watazamaji: Basi nafasi katika eneo lako mpya.
>> JASON HIRSCHHORN: Na kufanya nini tunahitaji kufanya baada ya hayo?
>> Watazamaji: Na kisha magazeti nje taarifa kuhusu dolphin.
>> JASON HIRSCHHORN: Hiyo ni sahihi kabisa.
Sisi kuondoa hiyo kutoka ocean_array, sisi kuiweka katika pool, na kisha sisi kuteka
bahari katika pool.
Je, mimi kuondoa dolphin kutoka ocean_array?
>> Watazamaji: Unaweza kwenda index.
Oh, OK.
Kutumia kazi ganga.
>> JASON HIRSCHHORN: OK, hivyo hiyo ni haki.
Mimi naweza kutumia kazi ganga ambayo inachukua kitu nje kutoka safu na
unabadilika yake.
Hiyo ni kitu kipya sisi hawajaona kabla ya.
Lakini mimi kwa kweli unataka kuweka nafasi huko kwa sababu nataka magazeti nje
nafasi tupu katika bahari.
>> Watazamaji: Hivyo basi unaweza kuweka picha ya kwamba index, ocean_array
index dot picha.
>> JASON HIRSCHHORN: OK, ocean_array, index.
>> Watazamaji: Dot picha.
>> JASON HIRSCHHORN: Dot picha.
>> Watazamaji: Na kuweka kwa null?
>> JASON HIRSCHHORN: Usawa null.
OK.
Hivyo hakuna huko, hivyo basi jinsi gani mimi kuweka katika pool?
Constantine, jinsi ya kufanya mimi kuiweka katika pool?
Tuna variable hii sisi kuitwa, aitwaye pool, hapa.
>> Watazamaji: Je, sisi tu kufanya usawa ocean_array index?
>> Watazamaji: Je, ninyi si kubadili utaratibu?
>> JASON HIRSCHHORN: sec One.
Yeah?
>> Watazamaji: Yeah, kwamba alikuwa kweli hatua nzuri.
>> JASON HIRSCHHORN: Je, huenda hapa?
>> Watazamaji: Je, ni index?
>> JASON HIRSCHHORN: Index, hasa.
Na nini ulisema, Constantine, ni kitu sisi wanapaswa kufanya nini?
>> Watazamaji: Tunapaswa labda kubadili utaratibu.
>> JASON HIRSCHHORN: Na kwa nini sisi kubadili utaratibu, labda?
>> Watazamaji: Kwa sababu wakati huo uhakika ni tayari null.
>> JASON HIRSCHHORN: Kwa hiyo si wote null, lakini tumekuwa waliopotea URL ya picha.
Je, sisi waliopotea milele?
>> Watazamaji: Kitaalam hakuna?
>> JASON HIRSCHHORN: Je, sisi waliopotea milele?
>> Watazamaji: Hapana
>> JASON HIRSCHHORN: Naam, ambapo ni nini?
>> Watazamaji: Katika dolphin yako ya awali -
>> JASON HIRSCHHORN: Ni katika dolphins, lakini katika ocean_array
tumekuwa waliopotea milele.
Hivyo Constantine, unaweza kupendekeza njia bora ya kuandika mstari huu?
Kwa kweli, sorry, ni kuokolewa katika pool.
Tuna katika pool kwa sababu pool ni kitu, sawa?
Ocean_array index, ocean_array ni safu ya vitu.
>> Hivyo pool ni kitu, na sisi na URL huko, na chini
hapa ni kuweka null.
Hivyo kweli, tuna si waliopotea milele.
Ni tu kuokolewa katika pool.
Lakini ni hakika si katika ocean_array, na kama wewe alisema, Carlos, ni katika
dolphins safu.
>> Hivyo hii inaonekana tamu.
Na kisha ni jinsi gani sisi kuteka bahari na pool?
Mario?
>> Watazamaji: Unaweza kupiga simu tu draw_pool na draw_ocean?
Hivyo kama, draw_pool, na kisha -
vizuri, yeah, haina kuchukua kitu chochote.
>> JASON HIRSCHHORN: Mkuu.
Nini draw_pool kwenda kufanya nini?
>> Watazamaji: Chora pool?
>> JASON HIRSCHHORN: Yeah, vizuri, nini ni kwenda kufanya nini?
>> Watazamaji: Sorry.
Unaweza kufanya hivyo kitu, kama na -
>> JASON HIRSCHHORN: Shika, tunakwenda ya kufika huko.
Chochote.
Ni kitu gani hivi sasa.
Hebu tuone kama kazi hii, ingawa.
Yeye alitupa sisi kwamba kanuni?
Akshar na Constantine alitupa kwamba kanuni?
OK, hebu angalia nini kinatokea.
>> Ah!
Hiyo ilikuwa ni ya kusisimua.
Ni gone.
Oh, mvulana.
Hiyo ni aina ya mbaya.
Naam, tunaweza kurudi nyuma na kurekebisha baadaye.
Nashangaa ambapo ni?
Sisi kuokolewa katika pool kutofautiana.
Jinsi gani naweza kufikiri kama ni kwa kuwa pool variable?
Naam, tena, nguvu ya JavaScript, na hasa zana kwamba
Chrome anatoa, ni unaweza sasa kukagua kwamba pool kutofautiana.
Ni kimataifa, kumbuka?
Sisi hakuwa na kuweka var keyword.
Basi, ikiwa mimi aina Kuingia hapa, Constantine, unafikiri mimi nina
kwenda kupata wakati mimi hit Enter?
>> Watazamaji: Mimi sijui.
>> JASON HIRSCHHORN: Nadhani.
>> Watazamaji: Hakuna?
>> JASON HIRSCHHORN: Hakuna, makosa.
Hiyo ilikuwa nadhani nzuri, ingawa.
I got kitu.
Kumbuka wewe alinipa kwamba mstari wa kanuni.
Pool, kuokolewa kwa kuwa variable kitu.
Na hakika, tunaona kitu kuokolewa ndani yake.
Hiyo ni ya kutisha.
Tunaweza kukagua kutoka hapa.
Ni karibu kama muda halisi GDB kwamba tunaweza kuangalia kwa njia ya kanuni zetu na
kufikiri mambo ya nje.
Hiyo ni super baridi na super nguvu.
>> OK, hebu kumaliza hii up.
Hebu kuteka pool katika dakika tano.
Maru, nipe mstari wa code kuteka pool.
>> Watazamaji: Unaweza kuwa na mwingine HTML variable, lakini / kwa.
>> JASON HIRSCHHORN: Hebu kufanya ni rahisi sana kwa sasa.
Hebu tu magazeti jina la dolphin sisi ni mafunzo.
>> Watazamaji: Na kisha unaweza kufanya dola ishara, mabano wazi,
na kisha wazi quote.
Nadhani pound pool, kama kwamba ilikuwa ni jambo.
Sikumbuki.
>> JASON HIRSCHHORN: Hebu kuangalia nyuma.
Nadhani ni jambo.
>> Watazamaji: OK, yeah.
Na kisha quote karibu, karibu mabano . Html, mabano wazi,
na kisha mimi nadhani pool, kama bracket wazi 0 au kitu kama hicho.
Karibu dot jina.
Mimi sijui kama kwamba kazi.
>> Watazamaji: OK, hebu angalia nini kinatokea.
"Je, si kusoma jina mali ya kisichojulikana. "Kwa hiyo tena, hapa ni nini
tunakwenda kuangalia nje.
Tunakwenda kuchunguza hii.
Wewe alifanya pool, bracket0 wazi, jina..
Tena, mimi kufanya hivyo wakati wote, na mimi nina kuchanganyikiwa nini kinaendelea, ni nini
onyo hili maana.
Hebu tuangalie pool.
Hebu tuangalie pool bracket 0, kisichojulikana.
Ili ambapo sisi ni mbio ndani ya tatizo letu, sawa?
Pool bracket 0 hana, wazi, kuwepo.
Je, unafikiri gani zipo?
>> Watazamaji: Je, pool tu kitu na yenyewe?
>> JASON HIRSCHHORN: Naam, ni nini gani kusema hapa hapa?
Wakati sisi hit Enter juu ya pool, ni nini wanasema ni?
>> Watazamaji: Object.
>> JASON HIRSCHHORN: Ni kitu, hivyo?
>> Watazamaji: Oh, yeah.
Hivyo tu pool.name badala ya -
>> JASON HIRSCHHORN: Pool.name inatoa hasa nini alitaka.
Na mimi kutambua mimi nina kwenda kwa njia hii polepole na belaboring hatua hii, lakini
hii ni hasa jinsi mimi kufanya mambo haya.
Wewe ni kwenda kukimbia katika mende haya wakati wa mradi yako ya mwisho, hivyo natumaini
hii ni kuwawezesha wewe kuwa na uwezo kutumia zana hayo yote.
Haya ni muhimu na mapenzi kupata super duper mbali.
>> Basi, mimi hawataki tu magazeti nje jina.
Hebu kufanya ni kidogo kidogo nicer zaidi kuliko huu.
>> Watazamaji: Ni kitu gani tunataka gani?
>> JASON HIRSCHHORN: OK, faini.
Tutaweza kufanya tu hii.
Ugh.
Guys, hamna uzima.
>> OK, boom, got it.
Inaonekana ni nzuri.
Utaona, Akshar, hapa chini, tuna null, si kupatikana.
Hivyo inaonekana kama ni bado kujaribu kupata baadhi ya picha, na kwamba hakuwa na kufanya
nini hasa sisi alitaka kufanya.
Sisi siyo kwenda katika kwamba sasa, lakini kuna pengine njia safi ya
kufanya hivyo.
>> Watazamaji: Je, kuondoka kama nafasi tupu kwa picha?
Kama badala ya kuiandaa kwa null, unaweza kuweka kwa kama tupu
kamba au kitu?
>> JASON HIRSCHHORN: Kama hii?
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: [inaudible].
Haikupatikana.
Hivyo kuna njia bora ya kufanya hivyo.
Napenda kupendekeza kufanya hivyo.
Tu kuweka null huko.
Basi bila shaka, nini kutatokea nini?
Ni kwenda na kwenda kabisa.
Hivyo kama sisi alitaka kuweka nafasi na kufanya kwamba, sisi pengine wanataka kufanya kitu
hapa up pia.
Mimi nina kwenda kupata wewe kuanza.
Akshar, nipe mstari huu ya maadili ya kweli haraka.
>> Watazamaji: Kama ocean_array, dolphin, sawa, sawa, sawa na - sawa na null?
Yeah.
>> JASON HIRSCHHORN: Basi kwa nini?
>> Watazamaji: Basi html.
Wewe tu nakala code chini, kwa kweli.
>> JASON HIRSCHHORN: Nakala nini?
>> Watazamaji: Unaweza nakala -
>> JASON HIRSCHHORN: Hii?
>> Watazamaji: Yeah.
>> JASON HIRSCHHORN: All yake?
Hatuna picha.
>> Watazamaji: I mean wewe unaweza tu kuondoka -
yeah, unaweza tu karibu yake.
Lakini nadhani una kuweka upana.
>> JASON HIRSCHHORN: Naam, tu kujenga safu tupu.
OK.
Na kisha katika kesi hiyo, sisi itabidi pengine wanataka kufanya hivyo pia.
>> Oops.
Oh.
Hakuwa na kazi, lakini sisi siyo kupata kosa hilo.
Hebu kuona nini kilichotokea hapa chini.
>> Hivyo kuna kitu huko, ili kile ulisema tunapaswa kuongeza?
>> Watazamaji: Tunatakiwa kuweka upana wa mfululizo.
>> JASON HIRSCHHORN: Kwa nini?
>> Watazamaji: Nadhani ni 150.
>> Watazamaji: Yeah, ni 150.
>> JASON HIRSCHHORN: Sisi itabidi kuweka hii hapa kuweka code yangu thabiti.
Lakini hii si moja.
OK, nzuri.
Posted.
OK?
Hivyo ni bado kwenda mbali.
>> Watazamaji: Oh, piga upana?
>> JASON HIRSCHHORN: Inaonekana kama upana ni 150.
Hebu angalia.
Sasa tunakwenda kufanya mwisho, baridi, nguvu kitu kwamba mimi nina
kwenda kuonyesha.
Sisi siyo kwenda kumaliza kanuni hii, lakini online kabla ya sisi kuacha, yote haya
code itakuwa ni sahihi.
Mimi itabidi barua pepe wewe toleo kusahihishwa na baadhi ya styling yangu mwenyewe baada ya
sehemu, na kwamba utakuwa posted online.
Mimi moyo kuweka kuchunguza hii na kutumia hii kama rejea, lakini mimi
wanataka kuonyesha ya mwisho chombo kwa hii darasa, na kwamba ni juu ya hapa juu ya
mkono wa kulia upande.
Na sisi inaonekana katika wiki hii ya mwisho, lakini sasa hopefully ni kidogo zaidi ya ukoo
wewe na starehe.
>> Unaweza dynamically kucheza na CSS ya ukurasa.
Tumekuwa kweli tayari kuona sisi dynamically kucheza na HTML.
Kumbuka sisi alifanya haki bonyeza Edit Kama HTML?
Hapa hapa?
Hivyo tumekuwa dynamically kucheza na HTML.
>> Katika console, unaweza dynamically kucheza na JavaScript ya ukurasa.
Kwa mfano, kwamba halali JavaScript line.
Boom, I got hasa nini nilitaka.
Ili tuweze dynamically kucheza na HTML, dynamically kucheza na
JavaScript.
Sasa tunakwenda dynamically kucheza na CSS.
>> Na hii yote ni kwa sababu ni kama papo, kuishi GDB maoni, na hivyo
unaweza kujua haki kitu kabla ya kuwa na kwenda code yako, na unaweza
si nadhani nini kitu ni kwenda kuangalia kama.
Hivyo hii ni super duper baridi.
>> Na hebu hatimaye kuangalia dynamically kucheza na CSS.
Hiyo ni juu ya hapa juu ya haki upande wa, element.style.
Hebu kwenda kwa hili.
Hapa ni hiki yetu.
Hebu kuwapa baadhi CSS ya ziada.
>> Au sorry, tunaweza kuwapa baadhi ya ziada CSS, lakini sisi pengine, katika kesi hii,
wanataka kubadili sifa hii.
Basi hebu kwenda chini hapa mstari huu.
Oh, siwezi kufanya hivyo hapa.
Sorry.
Hariri AS -
ili ni jinsi gani unaweza hariri CSS.
Sisi si kwenda hariri CSS wakati huu pili, lakini hatutaki hariri
HTML na kuwapa sifa ya ziada.
Je, wewe kupendekeza mabadiliko ya hii?
Nilidhani Avie alikuwa maoni.
>> Watazamaji: Kanali upana?
>> JASON HIRSCHHORN: Hiyo inaonekana kama hakuwa na kufanya kitu chochote ama.
Hebu jaribu CSS.
>> Watazamaji: [inaudible] darasa?
>> JASON HIRSCHHORN: Ni anasema haifanyi kazi.
Ni anatoa kwamba kitu njano.
>> Watazamaji: Lakini [inaudible].
>> Watazamaji: Je, si wewe kuweka upana ya picha 150 wakati wa kufanya hivyo?
Kama ingekuwa si wewe tu kutumia upana?
>> JASON HIRSCHHORN: Yeah.
>> Watazamaji: Lakini hatuna picha tena.
>> JASON HIRSCHHORN: Hapana
Sisi hawana chochote huko.
Hivyo sisi ni si kwenda kutatua tatizo maalum.
Sisi ni kwenda nyuma Akshar ya ufumbuzi, kwa sababu nataka kuweka
dolphin bure kwa wakati, au kwamba mwisho
jambo ambalo Mimi nataka kumaliza.
Hivyo sisi ni kwenda kwa kuondoka hapa na kutambua siyo kabisa
sahihi, na tunakwenda kuja nyuma yake.
>> Sorry.
Mimi alisema tunaweza dynamically kubadili CSS.
Hebu tuangalie kwamba na kufanya kwamba kweli haraka.
Basi, ikiwa mimi kukagua kipengele hiki hapa chini, na kusema mimi wanataka kufanya hivyo bluu,
unaweza kuja hapa, rangi, kwa sababu Najua kwamba mabadiliko ya rangi ya
kitu, na tuliona jinsi ni iliyopita ni rangi ya bluu.
Hivyo kwamba ni mimi dynamically kubadilisha CSS.
Je, si mabadiliko hayo kwa ajili ya mema, lakini basi Siwezi kurudi nyuma katika CSS faili yangu na
mabadiliko ya rangi ya kitu.
>> OK.
Hiyo ilikuwa ni mengi.
Hatukuwa kumaliza mpango wangu ajabu.
Napenda tu kuonyesha ni kweli haraka, na kisha tutaweza kichwa nje.
Oh, ambapo ni nini?
Hapana!
Kushikilia.
>> OK, hivyo kama wewe ni kufunga up, preview ya ajabu, au mbele
kuona, ya wakati ujao.
Hii ni Dolphin mkufunzi 2013, na haifanyi kazi.
Kubwa.
>> [Kicheko]
>> JASON HIRSCHHORN: Oh!
Boom!
Hii ina maana gani?
>> Watazamaji: You hawakuwa chmod.
>> JASON HIRSCHHORN: Mimi si chmod yake.
>> Watazamaji: mstari mmoja.
>> JASON HIRSCHHORN: Oh, kuangalia kwamba.
OK.
Hivyo, nina dolphins yangu sita.
Nini kinatokea?
Hebu angalia.
Kama mimi mafunzo moja, sasa mafunzo Lili.
Oh, nataka kuweka huru, Lili.
Kuna kwenda, nyuma katika bahari.
>> Ili kwamba ilikuwa wiki hii.
Kama una maswali yoyote, tutaweza kuwa nje.
Na tena, Mimi nitawapelekeni wengine wa kanuni hii.
Asante, guys.