JASON Hirschhorn: Ongi etorri, denek, astean bederatzi. Zirraragarria aste bat dugu gurekin aurretik gure betiko arazo multzo dugulako. Halaber, marka hizkuntza berri bat dugu, JavaScript, zarela dagoeneko in ez bakarrik erabiliz honen erdian arazo multzo, baina zuetako askok izango Ziurrenik garatu da azken bost proiektuak, batez ere, Interneten diren azken proiektuak. Beraz, hori da gaur egun baino gehiago joan egingo dugu ondoren baliabideei buruzko laburki hitz egiten, horrek Astero egiten dugu. Egingo JavaScript salto dugu, eta, ondoren, atal guztiak igarotzen dugu batekin coding Dolphin Trainer jarduera esku- 2K13, zein Madden bezalakoa da 2013an, baina izurde egiteko eta Javascript-en. [Barreak] JASON Hirschhorn: beti Beraz gisa, zerrenda bat ikusteko zuretzat baliabide. Baliabide horiek bereziki garrantzitsuak dira delako, datorren astean on Asteazkena galdetegi bat, zure bigarren da eta Ikastaro amaierako galdetegia. Just galdetegi zero bezala, 75 minutu da eta hasten da apur bat 1 PM ondoren. Egun zero geroztik guztia estaltzen du Ikastaro honen, baina zalantzarik hori guztia azpimarratzen galdetegi bat geroztik gertatu. Baina noski, begiztak estalita dugu urtearen hasieran. For begiztak seguruenik oraindik joan galdetegi honen zati bat izan, beraz, ez da bezala, dena alde batetara utzi dezakezu astean bost edo galdetegi zero aurretik gertatu Ikastaro hau eraikitzen delako bertan asko. Baina zalantzarik gabe, arreta on izango Nik astean sei geroztik ikasi dugu gauzak. Biltzen dituen PHP, JavaScript, SQL ziur egon, eta, gainera, gehiago aurreratu Datu egiturak buruz hitz egin dugu C. Beste gai ostalari osoa bat, baina dugu Datorren astean hitz egingo du galdetegia berrikusi dugun bezala. Eta, gainera, beti bezala, edozein zalantza izanez gero galdetegia Oraindik gisa buruzko galderak prestatzen, sentitzeko free bidal iezaiozu nire bidea. Oraintxe bertan, ez dute inor edozein galdetegi buruzko galdera azkar? Ados. Behar ez duen edo freak kezkatu buruz oraintxe bertan, baina mantendu horretan zure gogoaren itzuli, hori delako aste bat eta egun bat gertatzen hemendik aurrera. Azkenik, ezagutzen dut bidean ari gara exekutatzen seihilekoaren amaieran - han utzi ondoren atal bi bakarrik dira hau - baina nago oraindik ere, ilusioa eta zure iritzia irrikaz izanez gero. Horiek egin nahi dut onena bi atal inoiz. Seguruenik izango da, bakoitzak duelako atalean harrigarria da eta onena inoiz. Ez dakit nola hori posible, baina ditudan guztiak izan dira fantastikoak, uste dut. Feedback ahaztuak ditudan trailed off ezer ez eta bat ere ez da geroztik azken bi aste, beraz, mesedez me feedback batzuk egiten badituzu. Hiru minutu behar izaten ditu. Esan ahal didazu gauza on you nahi egiten jarraitzeko me edo Gauzak ezin dut lan on. Irakasle onena izan saiatzen ari naiz posible, edo onena egin saiatzen ari naiz , Ezin dut baina ezin dut hori egin ez badut badakizu guys nola egiten ari. Eta zaila da zergatik erortzen ari zarela esango klasean lo, beraz, utzi nazazu zergatik zen horrelakorik egin ondoren jakingo. Erakutsi dut irudi honen azken astean. Hau da, Teenage Mutant Ninja Turtles bizikleta denean gazteagoa nintzen izan nuen, eta you guys bultza jarraitzen dugu prestakuntza gurpilak gabe murgildu gara beste hizkuntza batean duzu. Baina gainerako ziurtatu, JavaScript, PHP bezala, Oso duzun gauza antzekoa da iraganean egin. Logika asko eramaten baino gehiago, bada Ez sintaxia, zehazki-bat. Baina, berriro ere, hizkuntzak horiek guztiak desagertu baino gehiago dugu iragana pare batean asteetan, jasanezinak direla dirudi, nahiz eta, dira oso indartsu eta utziko asko egin behar duzu zure azken proiektuan eta seguruenik beste webgune duzula etorkizunean kodea. Beraz ADO gehiagorik gabe, goazen urpean hasteko JavaScript sartu. Ari gara, eta horri buruz hitz labur joan ondoren, benetan esku-sartu coding atal honen zati. Beraz Javascript bezero-aldeko scripting da hizkuntza, eta horrek esan nahi du da PHP baino desberdina eta desberdina da baino C. Javascript ez bildu eta ez da zerbitzariak exekutatu. Baizik eta, kargatzeko duzu. Kargatu duzu Javascript orri bat denean kargatu Web orri batean, eta, ondoren, exekutatzen zure makinan. Horrek esan nahi Ikusten duzun guztia Kodea JavaScript zela Zure ordenagailura bidaltzen. Batzuetan laburtu da edo kodetu bat bit, enkriptatutako pixka bat, beraz, ezin esplizituki kontatzeko zer ari den gertatzen. Adibidez, egiaztatu duzu CS50 edo bada langileek aste honetan soluzioa Arazo multzo, eta joan service.js behar duzu, nabarituko ezin benetan esango dituzu zer da zer eman dugu aurrera egin. Pixka bat enkriptatuta dugu egin Pixka bat zailagoa dela. Hala ere, zehatza ikusi ahal izango duzu Duten exekutatzen ari garen fitxategia JavaScript eta gure programa exekutatzen dagoela. Beraz, zer bat izan esan nahi du bezero-aldeko scripting hizkuntza. C eta PHP, ordea, Javascript antzekoa ditu loops, bada / bestela baldintzak, begiztak bitartean. PHP antzekoa, bat du foreach begizta baita. Eta, berriro ere, oso antzekoa duten ikusi dugu syntaxes dagoeneko dugu hizkuntzak lan egin. Azkenik, zati coolest bat Ikusteko Javascript-a, eta zerbait izango dugu gaur egun asko egiten, eta baliteke zuk be asko egiten zure P multzo ezkero ez bizi izan da dagoeneko, da duzu check out akatsak guztia duzu Zure kodea JavaScript Kontsola bidez. Pixka bat azken astean begiratu dugu. Begiratu kontsola mota bat dugu orri bat aztertuko du, baina hemen Chrome, berriro, diseinua ikusi ahal izango dituzu, HTML, dokumentatzeko duten zure orria da duzu erakusten pantailan. Ere Javascript-guztiak ikusi ahal izango orri hori osatzeko, eta, gainera, ahal duzun bezala, Esan nuen, ikus-akatsak, guztiak JavaScript kontsolan. Eta esperientzia dugu horretan gehiago pixka bat denean coding hasten gara. Gauza bati buruz, kontuan izan JavaScript aldagaiak. PHP aldagaiak bezala, ari dira baziren-idatzi, beraz, ez duzu behar den mota zehatz bat emateko. Esparrua dagokionez, hori definitzen da "var" hitz gakoaren arabera. Beraz, ez baduzu jarri keyword baten aurrean zerbaiten, izena idatzi besterik ez duzu aldakorra du, ondoren zeregina operadorea, kasu honetan, berdin ikurra. Puntu eta koma bat ahantzi dut bertan, baina bere gain hartzen bertan puntu eta koma da bertan. Orduan sortzen ari zaren aldagai global bat. "Var" hitz gakoa jarri bada, orduan emanez zaren tokiko mota batzuk esparrua, ala hori da funtzio bat edo begizta bat. Beraz, gauza bat da aldagai kontutan. JavaScript hizkuntza da. jQuery liburutegiaren gainean eraiki da JavaScript lengoaia, eta duzu lehenago ikusi du hitzaldia. Gomendatzen dut, zaren bada beharreko JavaScript erabiliz zure finalean proiektua, jQuery ezagutzeko duzula. Nahi duzun guztia egiten du askoz errazago egin ahal izateko. Era berean, zoragarri batekin dator dokumentazioa eta adibideak laguntzeko Ezertan hasi. Gaur gabiltza izango da jQuery erabiltzen baita. Horiek, zer dute diapositiba honetan dut, jQuery oinarriak dira. Zure HTML fitxategi edo goiko edozein izanda ere - zure index.php fitxategia, zure index.html fitxategia - behar duzun bi lerro hauen artean, besteak beste. Horiek lerro nahiko orokorrak dira. Lehen lerroan sartzen dira jQuery du JavaScript fitxategia, eta bigarren lerroa lekuan idatzitakoa biltzen ditu zure JavaScript kodea egin. Eta, jakina, zeren zure Seguruenik duzun erabiltzen JavaScript kodea batzuk jQuery liburutegiaren funtzioak, horren atzetik joan behar jQuery inclusión gidoi. Hau aztertuko dugu berriro une batean. Eta, azkenik, Javascript fitxategian, Hau deitzen dut index.js bat. Scripts.js izan zitekeen. , Edozein dela ere Whatever da JavaScript fitxategia duzu, oro har, hasten zara kode-lerro honekin, dolarraren ikurra, paren, dokumentu, itxi paren, epea, prest, paren, funtzioa, paren, itxi paren, eta, ondoren, kizkur giltza. Bota zure kodea barruan dago, eta, ondoren, amaituko da kizkur giltza batekin, hurbil paren, puntu eta koma. Beraz, hartu hau jakin bat bezala. Duzu behar jQuery erabiltzen ari zaren bada, biltzeko Zure jQuery kodea barrutik guztia kode-lerro hau. Eta berriro ikusiko dugu bigarren bat. Berriro dugu jQuery egingo duzun lan, eta mesedez eskatu galdera goazela gaur, baina ez dute inor edozein jQuery edo buruzko galderak JavaScript oraintxe? Ados. Beraz ADO gehiagorik gabe, aurkezten dut duzu Dolphin Trainer 2K13 izateko. Nago super azken hau hunkituta produktuaren bertsio. Oh, ez! Beraz, ilusioa. I zen erakusteko guys joan, baina badirudi ez dugu atsegin oraindik abian da. Dezagun pixka bat hau handiagoa. Dolphin kodea kargatu dut hala bada Entrenatzaile - Dang da. Barkatu, guys naiz. Hontan ari nintzen lanean klase aurretik. Amaitu izan nuen pentsatu nuen, baina asmatzen dut, oraindik ere batzuk ditut lana utzi egin behar da. Baina zorionez, guztiak mutilak duzu batzuk JavaScript eta jQuery Praktikan, beraz, dezagun aurrera, eta, bukatzeko, hau elkarrekin. You guys bidali nuen honen kopia dela uste dut, super ilusioa izan dut delako horri buruz, beraz, izan behar dituzu hori daukat kode bera. Dezagun burua sartu - Dang da, mutilak, sentitzen dut. Dezagun burua terminalean sartu, baina. Just zure iraganeko arazo bezala multzo, nire badaukazu - dezagun pixka bat hau handiagoa, gehiegi, you guys - nire zip fitxategia hartu zenuen. Zentzuzkoa unzipped duzu. Goazen hemendik. Eta, ondoren, zorionez, mugitu sartu duzu non gorde den direktorioan Zure arazoa ezarri zortzi kodea. Eta direktorio horretan gorde dugu, beraz, ezin dut sartzeko da - edo denok sartu ahal izango da Chrome nabigatzailean kodea gure ordenagailuan. Eta berriro ere, kode hori lortzeko, zuk besterik gabe aurkitu helbidean idatzi behean, eskuineko eskua alde Zure tresnaren, behera hemen. Zure IP helbidea aurkituko duzu. Duten idaztean Chrome nabigatzailea sartu Zure ordenagailuan, eta kasu honetan, atalean bederatzi karpeta gara geroztik, ere gehitu behar dugu slash bederatzi atalean. Let me - trabatzen. Hau minimizatu noa beraz, ez dut clicking mantentzeko duten bidez izan. Beraz, kode hau nola ezarri dut. Nik dagoeneko egin dela dagoeneko. Ez dut horien bitartez joan duten urratsak delako zer arazoaren hasieratik ezarri ibiltzen nola egin bitartez. Beraz, aurrera eta hau ezartzeko dituzu Bigarren batean, baina lehen utzi sortu kode hau ezagutzeko talde gisa. Ikus dezagun zer egin nuen utzi. Get gehiena egiten saiatu naiz klase aurretik, baina uste dut atzean apur bat izan zen. Hargatik ireki index.html. Ados. Eta index.html oso sinplea da ez nuen orri delako gehiegi crazy nahi. Benetan nahi nuen ziur izan dadin lanean ari zen, baina ez dut asmatzen dut ez zuen lortu urrun. Hemen da buru, datorren eskubidea XHTML etiketa horien barruan, eta guk nabarituko pare bat gauza eskuinera bat itzali. CSS fitxategia eskuinetik dugu Hemen eta egokiak CSS fitxategiaren kokalekua. JQuery liburutegian ditugu hemen, eta zerbait desberdina nabarituko duzu honi buruz. Iturburua zerbait da benetan, oso luzea. ajax.googleapis.com/-- Sort URL baten itxura du, baina ez du zalantzarik itxurarik js / jquery.js. Eta hori erabaki nuen delako dut nahi ez deskargatu dute hemen jQuery fitxategia, eta arrastatu eta gorde Nire liburutegian, eta be da erantzule. Baizik eta, besterik ez dut hartu joan JavaScript fitxategia Googleren ostalariak. Beraz Google benetan zenbaki bat acoge liburutegiak, eta jQuery, bat da geroztik ezagunenetako, hura acoge bat baita. Eta hori hosting delako, ez dut kezkatu behar, eta dute eguneratu, nahiz eta noiz eguneratu dute Ziurrenik horiek aldatu behar dut hementxe zenbakiak. Hori, ordea, nire fitxategia osoa egiteko sistema apur bat garbi gutxiago. Ez dut gustuko hosting fitxategi horiek guztiak. Askoz ere politagoa bada Google Horietako ostalari niretzat ditu. Beraz, hau, berriz ere, da osoa lortzean JavaScript fitxategia, baina besterik ez izatea da Google-n ordez anfitrioi nire fitxategia nire ordenagailuan sistema. Ere ikusiko dugu jarri ditudan bi gehiago fitxategiak dolphins.js eta trainer.js. Egingo bigarren batean horiek hartuko ditugu kontuan. Eta, azkenik, titulu hau hemen. Nor barrutik esan ahal dit zer kode hau title etiketa, non nire orrialdean doa? AUDIENCE: gauza bezala duten tresna-barra edo dena delakoa? JASON Hirschhorn: Bai, pixka fitxa Chrome leihoaren gainean. Hori da, non testua doa. Gorputz barruan, ahal duzun ikusteko, ez da hainbeste gauza hemen. Eta DIV hiru daukat. Ematen dut identifikazioak batzuk, eta Testua apur bat sartu jarri dut Baina asmatzen dut horregatik ez dugu ikusi hemen ezer. Egia esan, ikusten dugu Dolphin Trainer 2K13. TODO ikusiko dugu. Ez dakit non den datozen Ez dut ikusten delako hemen. Beraz, agian, hori da batean nire Javascript fitxategiak. Dela egiaztatu dugu segundo batean. Dezake norbaitek esan zer identifikazio hau hementxe esan nahi du? AUDIENCE: deituz modu bat da da [INAUDIBLE] atal espezifiko fitxategia? JASON Hirschhorn: Bai. Besterik erreferentzia modu bat da div zehatz honetan. Identifikazioak haien hasiera. OK? Gogorra jendetza. Beraz, identifikazioak oro har berezia da. Haiek ematen dizute zehatz bati Zure kodea elementurik. Zenbaki bat erreferentzia nahi nuen zer bada elementuak, hori egiaz CSS egiteko Sorozabal edo jQuery? Zer atributu daiteke haiek ematen dut? AUDIENCE: Class. JASON Hirschhorn: klase bat, zehazki. Eskuinera. Ados, beraz index.html, berriro ere, ez da hainbeste gertatzen da hemen. Hargatik ireki fitxategia beste. Ea zer daukat utzi. Hori da dena izan hemen dut. Goazen JS karpetan sartu. Ez dut kezkatu joan oraingoz CSS du. Dezagun ireki dolphins.js. Trabatzen. Edo, hobeto esanda - Ados. Beraz, dolphins.js, benetan ikusten da nahiko kodearen batzuk dituzu antzeko ziren arazo emandako ezarri zortzi. Da batetik bestera joateko. Daiteke inor esan dit, nahiz eta, zer da DOLPHINS? Txapelak honen DOLPHINS? Zer da hori? Zer datu mota da hori? AUDIENCE: Array. JASON Hirschhorn: array bat da. Eta badakigu array bat delako dut ikusi kortxete horiek hemen. Eta norbaitek, zer duen array bat? AUDIENCE: objektuak? JASON Hirschhorn: Da objektuen array bat. Eta hori ikusi ahal izango duzu. Eta nola ez badakizu da objektuen array bat? AUDIENCE: colon hau duzulako giltza kizkur arteko boot? JASON Hirschhorn: Eskuin. Beraz giltza kizkur horiek behar dut hemen, eta, ondoren, koma ikusi ahal izango duzu desberdinak bereizten array honetan objektuak. Eta, ondoren, objektu bakoitzaren barruan, daukat zerbait koloneko eta beste zerbait. Eta zer da, oro har, lehen zati honetan, koloneko ezkerrera gauza? Zer ari dela deritzo? Generikoki? Nola ez, erreferentzia egiten dugu? AUDIENCE: Indizea? JASON Hirschhorn: Index, edo ziurrenik oro har, gakoa. Eta, ondoren, eskuineko Albo-balioa. Beraz indizea, gakoa. Baina ditugun buruz hitz egiten ari bada, oro har, esan nahi dugu gauza on ezkerreko aldean. Array erraz batean, berriz ere, indizeak 0 izan genuen. 1. 2. 3. 4. Eta izurde in, izurdeen 0 izan dugu, izurde 1, 2 izurde, izurde 3a izurde 4. Baita ere, objektu honen barruan, dugu ez, oro har, gauzak erreferentzia. Edo besterik ez dugu bada objektuaren eskubide hori hemen, ez dugu objektu 0 esan nahi du, Objektu 1, oposiziorako 2. Dugu edo objektuaren izena esateko ari, Objektu mota, objektuaren luzera, et cetera. Eta hori da balioa nola lortu dugu eskuin aldean. Esan dugun objektuaren izena, hala bada, adibidez, kate hau lortuko genuke, "Grace". Beraz, you guys esan zidan, izurde besterik ez da, objektuen array bat. Eta objektu guztiak ikusten duzuna izena, mota, genero bat izan. Da behar bezala nabarmenagoa? Edozeinek? Generoko? Handia. Luzera bat, pisu bat. Da behar bezala nabarmenagoa? Baietz uste dut. Eta irudi bat, besterik URL bat online-fitxategi batzuk. Eta hemen, array itxi dugu, eskuineko behera han oso ezkerreko eskua nire pantailaren alde. Beraz, hori da dolphins.js guztia. Oh, ene Jainkoari. Horrek azaltzen du. Amaitua nuela pentsatu nuen guztia, baina begirada. Todos horiek guztiak daude. Ados, espero dugu ahal horiek egin elkarrekin. Baina dezagun lehen, egiten dugu aurretik dela, besterik gabe oinez bidez kode hori oso azkar. Aipatu dudan bezala beraz, begiratu oso dugu lerro hori izan dut hasiera-hasieratik diapositibak, (dokumentua). prest (function (). Eta, funtsean, zer hori joan ez da zure guztia arte itxaron orriak kargatu dira, beraz, arte itxaron denak da array, dena ona joan, eta gero hasi exekutatzean kode hori. PHP batzuk exekutatu, bada, behar hain baduzu Irudi batzuk lortzeko behar duzu, edozein izanda ere izango da, kode guztia zuzen multzo eta prest zure hasiera orrialdera joan edo dena orria kargatu, eta orain zaren hasteko Zure kodea exekutatzean. Beraz, lehenengo gauza egiten dugu array hau sortu dugu. Eta ez daukat var hitzarekin Han, beraz, zer da array honen esparrua? AUDIENCE: Da global. JASON Hirschhorn: Globala da, beraz, ocean_array eskura daiteke fitxategi hau edozein lekutan. Eta ondoren, hau ikusten dugu begizta. Ez du foreach esan, baina hau funtsean foreach begizta bat. Eta hau besterik Javascript-ren bertsioa da, beraz var DOLPHINS in izurdeen bakoitzeko, zer datu-mota? Nahiz eta, berriro ere, Javascript ez dute datu mota horiek per se, zer datu mota izurdea da? AUDIENCE: objektu bat. JASON Hirschhorn: objektu bat da. Ari objektu bakoitza lortzean dugu DOLPHINS array. Beraz, hemen, itxura ahaztu dut atsegin da izurde horiek guztiak jarri gure DOLPHINS erraldoi sartu uste ocean_array, beraz, ziurrenik behar dugu duten lehenengoa. Eta, ondoren, zerbait izeneko igerilekua aldagai hau. Egiten dut ezartzeko null. Eta, ondoren, funtzio hori deitu dut draw_ocean. Izurde bat entrenatu nuen, bere Irudian klik - Ez dut egin duen - eta izurdeen libre bat ezarri denean botoia sakatzen denean. Beraz, horiek gauza egin behar dut. Uste dut zuk eman behar dut zenbait hondo zer egiten saiatzen nintzen edo. Beraz, hemen badugu, zer nahi dut honetan begiratu array bat sortu zen bezala hemen, baizik eta "TODO", esaten du baino taula bat nahi izan, funtsean, batera izurde guztien argazkiak. Eta orduan, irudi bat klikatzean, Jartzea behera nahi dut pantailaren beheko erdia eta eman horri buruzko informazio guztia duzu, eta duten igerilekuan izurdearen izango litzateke, Izurdeen zinen entrenatzen. Beraz, benetan cool izango litzateke pentsatu nuen. Izurde horiek guztiek dute ozeanoaren duzu hemen sortu, eta gero bat gainean sakatzen baduzu, eta litzaidake igerilekuan joan da, eta ondoren, entrenatu dezakezu. Beraz, zer egin nintzen saiatzen da. Eta gero ez dago botoi bat behera hemen behar genuke igerilekuan eta egin klik ahal izango duzu, bezala, "Ezarri Free", eta honela ezar dezakezu dolphin free, eta atzera jo litzateke ozeano sartu. Beraz, horrek zer sortu nintzen saiatzen da, baina berriro ere, ez dut zure laguntza behar du sortzeko. Beraz, espero dugu, hitz hauetako batzuk edo termino horietako batzuk hasiko zentzua ematea orain testuinguruan Programa honen. Dezagun fitxategi honen bidez bilatzen. Funtzioa draw_ocean honi deitzen diogu. Da bat eta funtzioa bakarrik deitzen diogu horri the document.ready sekzio. Beraz draw_ocean funtzio hau deitu dugu, eta badirudi kate bat sortzen bezala, aldagai bat, hemen. Jarri en katea zerbait, gehitzen gehiago katea stuff, gehitzen gehiago katea apurtu, eta ondoren, kode-lerro hau. Bistaratzen HTML katea diot. Eta norbaitek niri azaldu zer kode-lerro hori? Beno, lehenik eta behin, zer ez dolarraren ikurra esan nahi? Ez da PHP aldagai bat da, baina zer esan nahi du dolarraren ikurra duten? AUDIENCE: HTML ID lotu - lotzen bezala HTML kodea behar da? JASON Hirschhorn: What about dolarraren ikurra duten? Zer dolarraren ikurra duten adierazten du? AUDIENCE: HTML nolabait lotu? JASON Hirschhorn: Non dugu ikusten dolarraren hau sinatu aurretik JavaScript? Hura ikusi genuen hitzaldia. Horri buruz hitz egin dugu. Zer esan nahi du dolarraren ikurra? AUDIENCE: jQuery rekin Something? JASON Hirschhorn: Zehazki eskubidea. Hau zerbait jQuery egin du. Dolarraren ikurra Horrek esan nahi erabiltzen dut a jQuery liburutegi funtzio hemen. Zehazki eskubidea. Beraz dolarraren zeinua idatzi dugu, eta, ondoren, paren hau izan eta itxi dugu paren, eta han barruan, zer doa Barruan han denean bat erabiltzen ari zaren jQuery liburutegi funtzioa, edo Oraindik jQuery liburutegia erabiliz? Berriz ere, hau ikusi duzu hitzaldian. Can norbait emaidazu - eta zu ere zerbait ikusi hemen. Zer dago barruan doa? Jeff, emaidazu asmatzeko. Zer honetan, itxurako # ozeano itxura? Non egin duten ikusi dugu aurretik? AUDIENCE: Da liburutegi bat edo zerbait? Ez dut ideiarik ere. JASON Hirschhorn: Beno, utzi Indize dot ireki me - nope, okerreko lekuan. Beraz, ikusi dugu zerbait egin behar dugu ozeano hemen deitzen. Non # ozeano hashtag ikusi dugu ozeano, sintaxia baino lehen? Bai? AUDIENCE: CSS? JASON Hirschhorn: CSS In. Beraz, zerbait estiloa nahi genuen, gogoratu hashtag CSS jarri genuke hautatzaileak, edo hashtag ozeano, adibidez, eta formatu guztia gauza eman nahi dugula izena ozeano barruan jarri dugu bertan. Beraz, hemen barruan ez da CSS hautatzaileak hemen doa. jQuery definitzen bere kabuz selectors mota. Baina ideia bera da, eta benetan Horietako asko CSS bata bestearen gainean. Parentesi irekiak horien barruan, beraz, zuk hautatzailea, eta edozein dela ere jarri hautatzailea egiten dio erreferentzia, hori da duzu erabiltzen ari zaren. Beraz, kasu honetan, naiz izena ozeano hautatuz. Klase bat izan bada I - demagun gauzak klase bat daukat "irudiak" izeneko eta hori eman bat dut elementu asko, nola ez dut erreferentzia "irudiak" izeneko gauza klase bat AUDIENCE: uste dut dot izan zen. JASON Hirschhorn: dot batekin. Ordez dot irudiak jarri dut hemen, hala bada, duten luke me klasea gauzak izeneko "irudiak." Jakina, hori da super indartsua, eta Gauza asko aipa daitezke. Izan ere, funtsean, aipa nezakeen HTML edozein etiketa. Beraz, hori egin nahi nuen bada, td, hori da hori baino lehen ikusi dugu etiketa bat denean taula bat sortzeko. Seguruenik ezagutzen duzu P-tik ezarri zazpi. Kasu honetan, benetan da joan denak hautatzeko. Honez me emateko array joan td tags guztien. Baina hori pixka bat jasanezinak daiteke, beraz fro oraintxe gaude besterik itsasten joan identifikazioak erreferentzia. Beraz, zer honek, berriro ere, da lortzen, kasu honetan - barkatu. Sartu hemen, index.html. Ozeano bat baizik ozeano izena da, div bat, beraz, hau zati honen erreferiantzako kode-lerro div hori lortzen. Eta, ondoren, puntu honetan esan nahi dut deituz funtzio bat, eta horren izena funtzioa HTML da. Eta hori da labur, you guys ikusi bada aurretik, dolarraren ikurra, dokumentu, dot lortu izena by elementu, dot barruko HTML. Hau besterik jQuery en bertsioa da. Beraz HTML funtzioa besterik barruko HTML lortzen. Elementu hori. Beraz, berriro ere, atzera begiratu bat ematen badiogu, egingo ikusteko ez dago barruko HTML. Eta, beraz, hau egin nuen bada, nuke beharreko HTML lortu nahian. Noiz dut idatzi hau, naiz HTML ezartzean. Beraz, funtzio hau pasatzen dut katea, duten Nik sortutako katea hemen, eta jarri esaten ozeano div barruan. Bai? AUDIENCE: Noiz lortuko duzu HTML, zu besterik lortzean duzu kopia bat da, eskubidea badago? Zu ez kendu. JASON Hirschhorn: Eskuin. Hau nik egin bada eta nahi hau gorde var - trabatzen. Duten informazio guztia lortuko lituzke Han izan eta gorde bestean aldakorra, egin da kopia bat. AUDIENCE: Ados. Lortu. JASON Hirschhorn: Beraz batzuek sortu genuen HTML, gorde duten katean. Batzuk gehiago aurreztuko dugu. Hemen TODO kate hori ikusten duzu. Beraz, ziurrenik non gauden denean etatik TODO duten lortzean gure orrian sartu gara. Eta egia esan, nik eskuin klik bada TODO on, ikuskatu Element, hitz egin dugu azken aste honetan. Hori da, HTML, nola ikusi ahal izan genuen Gure orriaren egitura. Hemen nabarituko duzu behera - utzi pixka bat handiagoak egin izan da hau, gehiegi - gure div ID ozeano dugu hemen. Denek ikusten kode-lerro hori? Eta hori da dugun motak index.html in. Horren barruan, gaur egun ikusten dugun honetan taula kode line. Eta zer taula kode-lerro hau da, duten kodea txertatu besterik ez dugu elementu honetarako. Eta barruan begiratu dugu, inoiz ez dugu idatzitako colgroup eta tbody. Gurekin gehitu zaiolako Fancy gauza batzuk egin genuen. Baina nabarituko duzu han tr da, han TODO batera td da. Beraz, dirudienez, berriro ere, hura izan hori hemen idatzi dugu kodea. Hori da zehazki zer hau line egiten ari zen. Gure HTML katea hartzen ari zen, eta jarriz honen barruan hementxe CO. Hasieran ezer ez dauka. Orri honetan kargatu lortzen. Dolarraren ikurra, document.ready. Hau exekutatzean hasten. Draw_ocean funtzioa deitzen diogu, eta the draw_ocean funtzioa hartuko dugu barrutik HTML hau eta jarri div barruan. Bidez joan besterik ez dugu asko bertan. Du inor edozein zalantza horri buruz? Edo lan egiten duen, nola, edo jQuery? Delako ulertzen bada, orduan jQuery zorionez etorri behar nahiko erraza. Bai? AUDIENCE: Zer izan barruan duzun inprimaketaren HTML azpian, parentesi katea, duten izena da HTML aldagaian duzula dute lehenago deklaratu? JASON Hirschhorn: Eskubide hori hemen? AUDIENCE: Bai JASON Hirschhorn: Bai. AUDIENCE: Beraz, zuk izendatu izan balitu beste zerbait, beste zerbait hemen zer jarri nahi duzun izan zen. JASON Hirschhorn: Zehazki eskubidea. Eta hori puntu bat ona da. Hau da, apur bat nahasia delako Daukat HTML, html. Barruan hau hemen izena da nire aldakorra, eta eskubide hori hemen dago jQuery funtzioaren izena. AUDIENCE: Baina jQuery egiteko ordena lanera funtzionatzeko, da eman behar duzu HTML sarrera batzuk? JASON Hirschhorn: Zehazki. OR kate bat eman behar duzu. Barruan katea jarriko da div edo dena delakoa du. Hau kate bat besterik ez da. Ez du jakin hau HTML da, baina jakina formatua da nahita izan baliozko HTML. Ez dela galdera erantzun? AUDIENCE: Bai. JASON Hirschhorn: Ados. Bai? AUDIENCE: Zer bada aipatzen ozeanoaren botoi bat edo zerbait? Zer. Html egin nahi? Zela aldatu du botoia testua? JASON Hirschhorn: Beraz, galdera da zer aipatzen bada botoi bat? Barruko aldatu egingo da Zerbaiten HTML. Beraz etiketa irekia eta itxi bat badu etiketa, zerbait jarriko da artean etiketa ireki eta itxi. Ez da ez ireki eta ixten bada etiketa, ez da ezer egin. AUDIENCE: da literalki kopia bat eta itsatsi gauza sort? JASON Hirschhorn: Bai. Kopiak eta pastak zerbait edozein dela ere aldakorra da pasatzen dut, katea pasatzen dut, horien barruan tags ireki eta itxi. Dezagun behera hemen. Oh, ene Jainkoari. draw_pool ez egin ezer bertan. Duten bummer bat da. Trebatzea, wow. Ados, beraz, ez da beste askoz gainera. Beraz dezagun Hasteko, eta dezagun hau konpondu arte. Behar den denon dut hau egin ahal izateko lagungarri. Ez daude lerro benetan asko kode, uste dut, idazteko. Duela pare bat urte honetan egin nuen, uste dut 2K12 bertsioa zen, eta han ez luke lerro asko egon idazteko kode. Ez behar dut ezabatu kodea duten. Besterik ez dut gorde behar du. Oh, zoroa. Hala ere, dezagun Hasteko. Beraz nago array honetan, edo naiz honetan line, eta nire ocean_array daukat. Eta hau guztia jarri nahi dut, guztia fitxategi hau, nire sartu ocean_array. Beraz, nola egin dezaket guztia hartu nuen han, eta jarri sartu ocean_array? Kode-lerro bat da. Nork eman ahal dit kode lerro bat edo esan dit, ideia batzuk zer lerro hori izan kode egin behar duzu? Zergatik ez da izango hemen hasten gara, eta gero zaitugu Gela inguruan mugitzen jarraituko galderei erantzunez. Kurt? Zer da lehenengo? AUDIENCE: Ocean_array, parentesia, izurdea. Berdinen izurdeak, parentesi, izurdeen? Hiriburua dena batekin DOLPHINS. JASON Hirschhorn: Ados. Goazen sintaxia bidez. Hementxe, hau foreach begizta bat bezalakoa da, beraz, benetan asko egiten Gurekin gauza. Eta izurdeen objektu bat da. Beraz, ez dugu behar den zerbait idazteko bezalako izurde, izurde, zeren izurdea bera da oposiziorako nahi dut. Ez da indizea. Ez duela zentzurik? IKUSLEEN: Bai. JASON Hirschhorn: Beraz, nola egiten duzu proposatzen zure kodea aldatuz? Badakigu badugu ari emandako indizea? Oh, barkatu. Ona zara. Baina, nola - utzi desberdinak galdera bat eskatu zidan. Nahi badugu - utzi idatzi benetan en hau. Never mind. Hau idazteko goaz. Hori handia. Barkatu. Besterik ez dut oso han nahasgarria zen. Utz dezagun ez dagoela orain, eta itzuli dugu izurdeen prestakuntza, izurde bat ezarriz. Dezagun besterik lehen marrazketa ozeano hau konpontzeko funtzioa, eta berriro itzuliko gara nahi , Kurt duten. Baina, orain arte, hain ona. Dezagun draw_ocean barruan. Badirudi dena gaizki egon lerroa da hau "Dendan izurde argazkiak HTML kate batean ozeanoaren. "Eta eskuineko gaur egun, besterik ez dut TODO bezala, baina I benetan izurde jarri nahi ozeanoaren irudiak. Beraz, zer, Noah, uste duzu da lehenengo gauza egin behar dut? Ra osoan zehar joan nahi badut array, zer da lehenengoa gauza egin behar dut? AUDIENCE: behar dugu sortu bat begizta. JASON Hirschhorn: loop bat. Eta zer egin behar duten loop itxura? AUDIENCE: For - den izurdeen bakoitzean zehar joan behar dugu ozeano array. Beraz var izurdeen in - daiteke ozeano array idatzi duzu? JASON Hirschhorn: duten bezala? AUDIENCE: Seguruenik, hori da. JASON Hirschhorn: Dezagun makila batekin oraingoz, eta, ondoren egingo dugun itzuli da. Eta ari arduraduna izango duzu lerro hori. So eginda daukat begizta. Michael, ari zaren orain. Zer egin behar dut orain? AUDIENCE: hartu beharko lukete duzu argazkiak gordetzeko izurde from. JASON Hirschhorn: Beraz, non gordetzen duten? AUDIENCE: izurdea array batean? JASON Hirschhorn: orain nahastu naiz gehiegi zer gertatzen ari buruz. Dezagun irudikatu arazteko nola egin dezakegun hau, eta ondoren etorriko naiz duzu atzera, OK? Zein da baliokidea JavaScript printf? Annie? AUDIENCE: idazten duen dokumentu bat da? JASON Hirschhorn: Edo nola ahal Zerbait ikusten dut horretan kontsolara behera behealdean? AUDIENCE: console.log. JASON Hirschhorn: console.log, zehazki. Beraz, egin console.log utzi, eta dezagun jarri "izurde" in, OK? Egokiena honetan lan egiten bada, ez gabiltza joan izan -, Ikus dezagun atzera fitxategi honetan dolphins.js, sei izurde egon ziren, beraz, lortu behar dut sei edo zerbait zorionez inprimatutako arte kontsola, ezta? Hori da, non gaude orain arte dugulako egin Kurt en lerroa hemen, eta orduan guk egin Noah loop, eta hau dugu linea, beraz, espero dugu ikusi beharko dugu sei gauza kontsola inprimatuta. Beraz, goazen hemendik, dezagun ireki gure kontsolara eta freskatu gure orrian. Ados, beraz, itxura Sei indizeek ikusi genuen. Zero, bat, bi, hiru, lau bost, bai. AUDIENCE: Zelan lortu duzu zure barruan orrialde horretan - JASON Hirschhorn: nola ez nuen lortu gauza hau behera hemen? AUDIENCE: No, Chrome orriaren barruan [INAUDIBLE] tresnaren. Ahal duten ikusten dugun ala ez? JASON Hirschhorn: Chrome hau hementxe orrialdetan? IKUSLEEN: Bai. JASON Hirschhorn: Beraz P multzoan bezala zortzi, Chrome leiho bat ireki dut nire mahaigainean, nire Macintosh desktop. Eta nabarituko duzu izanez gero hemen URL honen up on goiko ezkerreko, IP hau datorren aurre behera hemen. Beraz, hori egin ahal izateko, nahiz eta, hasieran arazoaren multzo zehaztapenak ibiltzen zehazki hau nola egin bitartez. Baina jarraitu besterik ez dut, eta horren ordez duen anezka kodearen rekin, besterik ez nuen gurea kodea. Cool gauza da, halaber, ahal dugun ikuskatu ocean_array. Beraz, dirudienez ocean_array da Sei objektuen array bat, eta dezagun ireki bakoitzak. Boom! Bat. Beraz, Kurt, itxura zure kode lan egin ezin hobeto. Everything got ocean_array hasi zen. Lehenago misspoke dudalako. Baina bai, awesome lana. Ocean_array zuzena da, eta badirudi bezala, gaur egun ikusten dugun izurdea hau da 0tik 5era zenbaki bat, beraz, begiratu array bat indize bat bezala. Beraz, emandako ezagutza hori, Michael, orain, zer egin behar dugu? Uste ozen. Zer da zerbait egin nahi dugu? AUDIENCE: lortu nahi dugu Izurdeen bakoitzeko JPEG. JASON Hirschhorn: Ados. Beraz, nola aipa dezakegu - nola egin dezaket JPEG lortuko dugu? Non egiten dugu hasteko? Gordeta dagoen guztia? AUDIENCE: ocean_array batean? JASON Hirschhorn: Ados. IKUSLEEN: ocean_array, izurdeen - JASON Hirschhorn: nola egiten dugun barruan zerbait lortzeko - beraz, objektu honi ematen digu. Eta ikusi dugu honen aurretik egitura batera. Beraz, zer nolako idazkera ez erabili behar dugu? AUDIENCE: puntua izango litzateke. JASON Hirschhorn: dot bat. Eta gero, zer eremua? AUDIENCE: Picture? Edo hori ez da eremu bat - JASON Hirschhorn: Zer da dolphins.js deitu? Eta ikusi, begiratu dezakezu. Besterik ezin dugu atzera jo hona. Ikusi ocean_array dezakegu, bertan landuko dira. Zer deritzo? AUDIENCE: Mota. Itxaron. Argazki? Irudian esan dut. JASON Hirschhorn: argazkia. Eskuinera. Ez duzu soinua ezagutzen duzun bezala zer buruz hitz egiten ari zinen, baina. Sounded gehiago etxebizitza bat bezalakoa da. Beraz, irudi hori, emango litzateke, beraz, gurekin irudiaren URLa. Jeff, galdera bat izan duzu? AUDIENCE: Bai, ezin dut zer lortu Zure Chrome duzu nabigatzaileak nire ordenagailuan. Besterik "ezin lortu erreferentzia bat lortu dut error, kontsola ez dago ezarririk. " JASON Hirschhorn: Duzun sortu dena? AUDIENCE: Beno, uste dut dut dena zenuen pantaila handira egin. JASON Hirschhorn: Eta zuk chmodded fitxategi guztiak? Eta zuen bidez joan osoa konfigurazioa? AUDIENCE: berriro saiatuko naiz. JASON Hirschhorn: Ados. Gainetik saltatu dut at asko , hasia baina bidez joan behar duzu konfigurazioa osoan bezala at Arazo multzo zehaztapenak hasieran. Chmod guztia eta ziurtatu da sartu da AUDIENCE: eta joango naiz bikoiztuko ditu egiaztatzen. Egin nuen pentsatu nuen, baina Txeke bikoiztu egingo dut. JASON Hirschhorn: Beraz, hau itxura atsegin emateko izango da gurekin katea eta argazki bat. Handia. Irudiaren URL dugu. Nola ez, orain jarri dugu bertan - zer gertatzen idazten badugu besterik honetan, Michael? AUDIENCE: besterik irudian lortzen da. Ez du benetan bistaratzen zuen. JASON Hirschhorn: Dezagun ikusi zer gertatzen den. Horretan gorde egingo dugu. Hemen exekutatu dugu. Dirudienez, ez dugu ezer lortuko. Taula hau esploratzen dut, bada, itxura barruan bezalako - bai, itxura ez dut ezer lortu. AUDIENCE: Ez dugu - JASON Hirschhorn: hau kate bat da, kode hau hemen. Nora egin kate hau jarri nahi dut? AUDIENCE: nahi duzu jarri itsasoak? JASON Hirschhorn: Ados. Eta behera hemen kate bat jarri dut html izeneko ozeanoan. AUDIENCE: Beraz litzateke dolarraren izango da zeinu, ozeano, html [INAUDIBLE]. JASON Hirschhorn: Hori litzateke ipini zuzen hor. Baina zer gehitu nahi badut - Jadanik dut kate bat sortzeko naiz, ezta? Ozeanoaren jarri, zer kate horren izena? AUDIENCE: HTML. JASON Hirschhorn: HTML. Beraz, zer egin hurrengo idazten dut? AUDIENCE: berdin, berdin. Edo, besterik gabe berdin? JASON Hirschhorn: Zer egingo gertatuko berdinen idazten badut? AUDIENCE: Ezin izango da ezarri dela berdina - edo ez duten - AUDIENCE: esleitu? JASON Hirschhorn: esleitu ahal izango da, baina zer gertatuko den guztia egingo dela gordetzen zen aurretik? AUDIENCE: izango da kentzeko. JASON Hirschhorn: It egingo da kentzeko. Beraz, nola egin dezaket gehitu bukaeran? Nuke kopiatu da - AUDIENCE: Plus berdin. JASON Hirschhorn: Plus berdin, perfektua. Hori da zehazki eskubidea. Beraz, gaur egun dezagun begiratu zer honek. Boom! Oh, ene Jainkoari. Hori besterik testu asko da. Ados. Beraz, itxura asko lortu dugun testuaren, baina handia da. Zaudete egin - Badakit hau ez da gogorra, hau berria da. Orain arte you guys hirurok egin fantastikoak. Ados, zaren hurrengoan. Zer egin behar dugu? Dugu, jakina, ez dut nahi kate besterik play. Bai? AUDIENCE: galdera bat besterik ez dut. Badakizu, noiz egin ocean_array duzu, izurdea, parentesi artean, ez da elkartze bat bezalakoa dolphin berez array? JASON Hirschhorn: misspoke dut. Dolphin indizea da. AUDIENCE: baina ez da ald ozeano izurdeen - Esan nahi dut, hasieran kargatu duzun bezala ondo, var izurde in izurdea, ez da Dolphin elkartze-array bat? JASON Hirschhorn: izurdea hau? IKUSLEEN: Bai. JASON Hirschhorn: N º Izurdea hau indizea da. AUDIENCE: Ados. Hain dago izurdeen aldagai bat? Esan nahi dut, izurde giltzarri bezala elkartze array? JASON Hirschhorn: Eskuin hemen? Bezala, dolphin.name? AUDIENCE: Bai, hor dago izurdeen dot bezala - bezala ez da dolphin ekarri Objektu bakoitzak izan? AUDIENCE: Bai, hori da , zer pentsatu nuen gehiegi. AUDIENCE: izurdea bezalakoa zen pentsatu nuen DOLPHINS in elkartze array. Delako sei elkartze DOLPHINS array, ezta? JASON Hirschhorn: Eskuin. Bidea dute hau idatzi dugun gaur egun, ez da. AUDIENCE: Zergatik da? JASON Hirschhorn: hori egin izan dugu, eta ez da benetan jQuery funtzio bat eta horrek bakoitzari ematen deritzo. Gauza bakoitzak duzu. Baina sintaxia hau ez da - Lehenago misspoke I - sintaxia hau Ez da hori da indizea. Hau da, besterik gabe, gurekin indizeak emanez. Baina bakoitza dolarraren ikurra egin ahal izango duzu., horrek jQuery funtzio bat da. Duzun bakoitzean emango litzateke array elkartua. Beraz, egiaztatu dituen. Baina hori zer kode hau guztia egiten du. AUDIENCE: Beraz, lehenengo hau loop, I asmatzen duten sei aldiz batetik bestera joateko Sei indizeek duzulako. Eta gero loop bigarrenean, ez dela errepikatzean aldiz kopuru bera? JASON Hirschhorn: Bai. AUDIENCE: Beraz, ez da benetan - dugu idatzizko zitekeen loop lehenengoa berriro ere, eta bertan aritu zen. Bezala, var DOLPHINS in izurdea? JASON Hirschhorn: Bai, baina ez gara orain ocean_array bat erabiliz. Guztia mugitu dugu sartu ocean_array delako esan inoiz nahi dugu Zer da dolphins.js batean aldatzeko, edo bada ocean_array manipulatu nahi dugu geroago, ez dugu nahi manipulatu nahi izurde, aldagai. Kopia bat manipulatu nahi dugu, delako zerbait hartu nahi badugu out, modu honetan besterik ez gara seguru izango. Zentzurik ez duela. IKUSLEEN: Bai. JASON Hirschhorn: Ados. Beraz, Carlos, nola ez, kate hau hartzen dut eta irudi hori baten ordez, eta lortu benetako irudia? Kode hori ikusten duzun aurretik. Nola orri bateko irudi bat izan behar dut? AUDIENCE: Da gauza buruz egin genuen HTML plus que te dei etenaren berdinen zabalera, ezabatu zuen? JASON Hirschhorn: Hau gauzak hemen? IKUSLEEN: Bai. Motatako. JASON Hirschhorn: ez kezkatu. Hori besterik HTML katea hasten da. Irudi bat izan nahi badut nire HTML web orrian, zer etiketa erabiliko dut? AUDIENCE: Ez dut gogoratzen. JASON Hirschhorn: Ados. Avie, lagundu zion? AUDIENCE: Nahi aingura izango da, href, eta, ondoren, lotzen duzu? JASON Hirschhorn: Beraz bat Anchor gisa. AUDIENCE: Ez duzu behar lotzen da, nahiz eta, ezta? JASON Hirschhorn: Zer egin behar dut, besterik gabe Nahi irudi bat sortzeko? AUDIENCE: It img egingo litzateke, eta, ondoren, src berdinen edozein katea da? JASON Hirschhorn: Ados, beraz, duten eskubidea, img da. Carlos, ez zaren joan den eraman ezazu hemendik. img stands "irudia", eta src standak for "iturburua." eta eman behar duzu URL bat edo batzuk - ez baita URL bat. Kokapena batzuk non duten irudia gordetzen da. Beraz, ezagutzen dut hori lortuko zidan bat irudia, beraz, gaur egun nola ez dut hau jarri guztiak elkarrekin, pentsatu? Sintaxia batzuk konpondu behar dut behar dut. Zer zehazki behar dut , idatzi Carlos? AUDIENCE: ez dut zer lortu egiten saiatzen ari zaren. Beraz, guztiak jartzen saiatzen ari zaren taula batean irudi horiek? JASON Hirschhorn: bistaratu nahi dugu orrialdearen irudi guztietan. Eta kode eskubidea nola lerro hau ikusi genuen Hemen erantsia gure HTML katea kateak eta inprimatutako itzazu honela. Ordez irudiak erakutsi nahi dugu. Eta konturatu ginen, Maru, esan zigun duten kode-lerro hau - beraz, utzi ditzagun hemen. Joan ginen eta bada esploratzen, dugu editatu honek HTML gisa. Maru, esan, egiten dugu mota honetako gero sintaxia, irudi bat lortuko dugu. Beraz, hori egin du zentzurik? Hau kate mota da dugun Benetan ozeanoaren barruan jarri nahi dive, ez besterik gabe, testu bera. IKUSLEEN: [INAUDIBLE] JASON Hirschhorn: Barkatu? AUDIENCE: Ezin da kopiatu besterik ez duzu Alde hori Kianna eman, eta jarri duten sartu - JASON Hirschhorn: kopiatu hau, eta jarri hau hemen? IKUSLEEN: Bai. JASON Hirschhorn: Hori da, baina honekin arazo bat dago, eta zer da hori? HTML katea da, eta behar dugu kateak gehitzeko. AUDIENCE: Orduan jarri duzu - nah. JASON Hirschhorn: Eta hiru dugu - eskubide hori hemen ez da katea. Zer egin behar dugu kate bat? Nola ez beti egin duzu zerbait kate bat? AUDIENCE: Ez dakit. JASON Hirschhorn: testua behar badut, nola ez egin dut kate bat? Nahi sortu hemen lerro hau hemen? AUDIENCE: Jarri mahai batean? JASON Hirschhorn: Eta hau? AUDIENCE: Quote. JASON Hirschhorn: bikoitza komatxorik, ezta? Komatxo zerbait egiten kate bat. So egiten duen kate bat, eta hau katea da. Nola ez, bi kateak jarri dut Elkarrekin JavaScript? AUDIENCE: Dot. JASON Hirschhorn: Ez dot. Hori da, PHP. AUDIENCE: Plus. JASON Hirschhorn: Plus, zehazki eskubidea. Beraz, plus, eta orduan zer egiten duzu proposatzen baino gehiago egiten dut hemen? AUDIENCE: aurrekontua beste. JASON Hirschhorn: aurrekontua beste, Ados. Nola ez da kate bat amaitu? AUDIENCE: aurrekontua beste. JASON Hirschhorn: aurrekontua beste. Eta nola ez, kate hau jarri dut kate honekin batera? Plus bat. Hori da zehazki eskubidea. Egin besterik ez duzu hau guretzat. Hau ezin hobea da. Beraz, gaur egun utzi errendatu hau. Eta begira, lortu dugu osotasunean Irudi sorta. Oh, ene Jainkoa. Horiek beldurgarriak dira. Arakatzeko goaz bigarren batean beraiekin. Bai, Noah? AUDIENCE: ez du benetan ezagutzen dut Gaia, baina behar zure ixtean irudia etiketa duten elementuak? JASON Hirschhorn: genezake, bada nahi izan dugu, itxi gure irudia Etiketa besterik gabe. Utzi errendatu en duten. On, ez, ezin dugu hori egin. AUDIENCE: Oh, Hautsi dut. JASON Hirschhorn: Nik uste dut hau baliozkotzea da, baina. Ez dut uste behar duzun itxiz barra du. Ados, hau handia da. Carlos, eskerrik asko. Orain arte you guys lau awesome lan bat egin dute. Jakina, ikusi dezakezu bezala, gaude taula alaka-mota batzuk sortzeko. Eta gauza horiek nahi dut mahai bat izango da. Beraz, nola ez horiek jarri dut Taula batean gauza? Argi behar dut HTML batzuk gehiago. Assam, zer nolako HTML naiz falta? AUDIENCE: Zer egiten duzu egin nahi, barkatu? JASON Hirschhorn: guztiak jarri nahi dut taula batean irudi horiek, beraz, irudi bakoitza beharko taulan zutabe bat izango da. Nola zutabe bat da diot? Kode hau lehenago ikusi duzu. Hau P da ezarri zazpi. AUDIENCE: bat gogoratzen dut tr zen? JASON Hirschhorn: tr ilara da. AUDIENCE: ez dakit off nire bihotza, baina ezin izan dut egiaztatu. JASON Hirschhorn: Ez du norbait gogoratzen? AUDIENCE: td? JASON Hirschhorn: td, zehazki eskubidea. td dioen zutabean gisa. Td jarri dut beraz, bada ez, Assam, zer egin behar dut jarri? Zer gehiago gehitu behar dut? AUDIENCE: ixteko duzu? JASON Hirschhorn: Zehazki. Non da hori? AUDIENCE: Eskuin han? JASON Hirschhorn: Eskuin hemen? AUDIENCE: Baietz uste dut. JASON Hirschhorn: Zer da hau hementxe itxiz? Zer da hau? Urdin gauza hori? AUDIENCE: Hori da irudia. Ondoren joan behar da, uste dut. JASON Hirschhorn: Ados, zehazki eskubidea. Beraz, ikus dezagun zer egin. Oh, hori baldar da. Dezagun ireki ozeano, mahai, taula gorputza, tr. Beraz, tona bat izan dugu, baina I ez dute irudiak ikusteko. Hori da, bitxi. Eraiki bezala ikusten da, baina ez erakutsi irudiak. Edozein ideia zergatik duten kasua izan liteke? Edozein pentsamenduak? AUDIENCE: korrituko baduzu behera, haiek ikusiko duzu. JASON Hirschhorn: Boom! Beraz, han ari dira, baina hori arraroa dela modu guztiak behera ez daudela. AUDIENCE: Oraindik ere ilara batean guztiak. JASON Hirschhorn: Eta batean guztiak ari dira arraunean, eta neurri ezberdinetako guztiak ari dira. Beraz, Assam, emaidazu kode lerro bat gehiago irudia behin I egin ahal bada tamaina bera, eta badirudi dut atsegin Dagoeneko adierazitako tamainan dut nahi izan zien. Nola egin dezaket irudi bakoitza egiteko I tamaina bera? Eman asmatzeko basati bat. Zer kode-lerro honi buruz? AUDIENCE: Ezin duzu egin Konstante bat bezala? JASON Hirschhorn: Edo non beste bat kokatzeko kode-lerro hau jarri izan dut, besterik ez dut kopiatu da? bada AUDIENCE Bide guztiek behera lerro berean? JASON Hirschhorn: Ados, dezagun jarri ezazu hemen, zehazki eskubidea. Eta, orain, ikus dezagun zer gertatzen den. Oh, nire bondad! Orain iritsi hasten garen bezala ari badirudi zerbait, eta itxura dute, bezala guztiak ordenatzeko taulan moldatzen td bakoitzean dugu eraiki. Halaber, Assam, demagun zait gustatzen bere altuera pixka bat gehiago izan - altuerak gauza me bota off, beraz, zer behar du ezarrita bere altueran dut? Hartu edozein zenbaki. AUDIENCE: 200? JASON Hirschhorn: 200. 100 hautatzeko noa. Hori handia. Benetan atsegin 200. Bertan dugu! Ados, gaur egun, hau da, pixka bat begiratzen hasi hobeto eta pixka bat gehiago antolatu. Zer behar dugu beste edozein pentsamenduak egin izurde argazkiak gordetzeko? Bai? AUDIENCE: Are komatxorik, edo singlea komatxo, balioen inguruan iturri, altuera, zabalera, diren aukerako? JASON Hirschhorn: Non komatxo bakar daude? AUDIENCE: adibide batzuk bezala, altuera bezalakoa zinela izan "150." aurrekontua berdinen Da ez dela beharrezkoa. JASON Hirschhorn: Hargatik Hemen begiratu behera. Ezkutatu bada ozeano on dugu, taula sartu, konturatu hemen duzu behera benetan niretzat komatxo horiek gehitu. AUDIENCE: Ados. JASON Hirschhorn: Eta, beraz nintzen konturatzen zer egiten ari gara izugarri geldoa dirudi. Dugu hiru kode lerro bakarrik idatzita beraz, orain arte, edo lau kode lerro, baina hau hain zuzen ere, prozesua da Joan nahi dut, aldi bakoitzean bidez dut Webgune hau egiteko. Lerroz lerro, kontsola behera erabiliz Hemen, gauzak aztertzen eta kalkulatzen daudelarik urratsez urrats zer egin nahi nuen. Beraz, espero dugu, you guys imitatzen honetan batean, modu ona pedagogikoa duzuna in benetan egiten denean Zure web orria sortuko duzu. Dezagun aurrera. Gauza horiek sortu dugu. Noa benetan - Avie, zuretzat big galdera bat daukat. Ez dakit, mugitu egin dugu. Dezagun joan "tren izurdeen en bere Irudian klik egiterakoan. "Nola egiten duzu proposatzen kode bat lerro idazten dut? AUDIENCE: Badira funtzio bat da "tren". izeneko JASON Hirschhorn: Badira funtzio bat "tren", zehazki eskubidea deritzo. AUDIENCE: indize bat espero du. JASON Hirschhorn: Train espero indize bat, beraz, Ados. Avie, hau da, zehazki arrazoibidea maite dut ikusi. Tren indize bat espero du. IKUSLEEN: bazoazela bat izan behar begizta. JASON Hirschhorn: Beno, egin nahi dut du argazki bat sakatzen denean, beraz Avie, nola ez, jarraipena nuen bat Irudian sakatzen denean? Ez dago bide hori egin ahal izateko. Hau JavaScript boterea da jQuery, baina baita parte gogorrenak. AUDIENCE: parentesi bada, ez. Edo badago parentesi gertaera, edo zerbait nahiko erraza? JASON Hirschhorn: pare bat Beraz, ikusi genuen Hau egiteko hitzaldia moduak. Gauza bat zen, behera hemen, zuk ezin zerbait egin bat sortzen duzunean bezala zezakeen funtzioa click on bezala, edo egin click on antzeko zerbait. Denek gogoan ikusten horrelako zerbait? HTML etiketa barruan egiten duzu. Aurpegiak hutsik batzuk ikusi ditut. Batzuek, bezalakoak dira zer zuen hitz egiten? Hori fina uste dut hori ez duelako Bide zailagoa egin behar den. Askoz errazagoa egiten dugu Modu jQuery erabiliz. Beraz, Avie? AUDIENCE: Hm? JASON Hirschhorn: egin nahi badut zerbait jQuery, jakina hasten naiz, bezalako aurretik, dolarraren ikurra honekin, open paren, itxi paren, eta bikoitza hemen aipatzen. Gaur egun ezagutzen dugun hautatzaile bat behar dut hemen. Zer hautatzaileak ez proposatzen duzu aplikatuko litzateke irudia edo behin bakar behin Argazki bakarra? AUDIENCE: Image? JASON Hirschhorn: Hori zehazki eskubidea. Egingo duten programak irudi bakoitza aplikatzeko. Horiek guztiak lortzen. Ez da ID bat, ez da klase bat, da Etiketa mota bat, eta hau da, joan bakar bat behin lortu. Eta orain ez dut esango hau joan oraingoz, eta gehiago begiratu dezakezu dokumentazioa bertan beranduago, baina hau Gauza izeneko ekitaldi jorratzen "on". Beraz, zer egin behar lortuko duzu, eta hori da esan super indartsua, zer mota Ekitaldia zuretzat eta begira zer ari egin duzunean nahi baduzu ekitaldi horretan jasotzeko. Beraz, ez dut emango, apur bat joan kodea bit gehiago, Avie, ondoren lortu duzun, joan OK? AUDIENCE: Ados. AUDIENCE: On - gabiltza esan du "Click" kasu honetan, eta zuk egingo orokorrean erabili. Beraz klik, eta ondoren goazela funtzioa anonimo bat pasatzen da. Eta sintaxia hau zu ikustera joan asko, eta espero duzu be asko idazten. Hau ez da, berriro ere, click on zerbait izeneko irudiaren, edozein dela ere, ezer irudia izenekoa, joan nahi dugun Funtzio anonimoak hau exekutatzeko. Ez dut izen bat emanez. Ez dut inolako argumentuak emanez. Besterik ez naiz, bezala, hemen sortzen da bat funtzionatzeko, eta hemen zer kodearen zu joan egiten. Duten sintaxia hau daukaten da. Eta, gainera, ikusiko duzun bezala, itxura Oso honen antzekoa hemen dugun aurretik idatzi zuen. Ados, Avie. Beraz, trena deitu indizea on nahi duzun. Da zer egin nahi duzun? AUDIENCE: Bai. JASON Hirschhorn: Hau da? Ados. Ikusi dezagun zer gertatzen den. AUDIENCE: Itxaron, baina. Indizea ez da aldagai bat oraintxe. JASON Hirschhorn: Beraz indizea ez da aldagai bat oraintxe. Ez dakit non lortu duzu. IKUSLEEN: [INAUDIBLE]. Beraz, lehen irudikatu behar duzun bertan izurdeen got bertan klik? JASON Hirschhorn: Bikain. Irudikatu behar duzu zein izurdea bertan klik egin. Hau ilunpetan jaurtiketa basati bat da. Inor edozein ideia nola irudikatu dut zer izurdeen got bertan klik? Hala ez bada, besterik ez dut eman nahi duzu, hau da, izan ere, nahiko zoroa. Ados. Hargatik inprimatu console.log bidez. Gauza hau. Beraz, dolarraren ikurra, paren, itxi paren hau. Beraz, egin klik irudi honetan dut, egingo dut Hitzorduak kontsola, eta ikus dezagun zer gertatzen den. Goazen atzera hemen. Goazen kontsolara. Ez dago akatsik, eskerrak. Ados. Bertan klik egin nuen. Berriro do me. Lehenengo irudi honetan bertan klik egin nuen, eta honen got kontsola inprimatuta, gauzen lerro hau. Erabili noa du Hitz asko "hau". Hementxe gauza hau, hau, oso bereziak, eta zehazki zer egiten ari da Avie egin nahi. Dena delakoa izan zen Honez lortzean bertan klik egiten denean edo dena delakoa. Berriro, hautatzaileak hau gertatzen delako gauza askori aurre egiteko, ez dugu nahitaez jakin gauza gara buruz hitz egiten eta, beraz, irudikatu nahi dugun Horrek gauza ari gara hitz sintaxia honen bitartez. Kasu honetan, hementxe, hashtag ozeano, badakigu beti zer gauza gaude buruz hitz egiten du, beraz, inoiz benetan behar dugu hau hashtag ozeano baten barruan. Beti da ozeanoan, div duten. ID bat da, ahalik eta gauza bakarra. Baina kasu honetan, hau asko aplikatzen irudiak, hain zuzen ere, sei argazki, eta, beraz, zer jakin jakin nahi dugu irudian sakatu edo. Eta garbi ikusten da, hau da, antzekoak informazio mota dugu lortuko. Itxura handi batzuk bezala, lortu dugun katea, eta hori guztia lortuko dugu honekin informazio. Tona eta tona lortuko dugu eta stuff tona. jQuery da super indartsua. Honez informazio tona bat emango digu hura HTML elementu jakin hori buruz. Avie, zer jakin nahi dugu HTML elementu honen inguruan? AUDIENCE: NAN baten antzeko zerbait. JASON Hirschhorn: ID bat. Beno, iturri bat dugu, zabalera du, eta altueran. AUDIENCE: iturri bat erabili ahal izango ditugu. JASON Hirschhorn: We iturri erabili daiteke. Eman egingo gaituen kate bat, URL katea. Zer ari gara zerikusirik joan behin hori dugu? Nola ez atzera lortuko dugu gure ocean_array indizea? AUDIENCE: alderatu ahal izango ditugu, bestea da. JASON Hirschhorn: Beraz, ezin izan dugu begizta bakoitzaren bidez. Orain begizta ezin izan dugu berriro eta ondoren konparatu hau. Kenduko zituela zer modu errazago bat izango litzateke, besterik ezin duzu imajinatu bada bat? AUDIENCE: Not begizta beharrik. JASON Hirschhorn: Not begizta beharrik. AUDIENCE: Just kalkulatzen izurdea, [INAUDIBLE]. JASON Hirschhorn: Kalkulatzen zer izurdea. Ados. Hargatik gorde informazio hori irudia etiketa honetan. Eta berriro ere, oraintxe bertan, gauza horren zati besterik ez da magikoa I might delako izango duzu erakusten honetan, lehen aldiz, baina, zorionez, horiek gauza dira zoaz ari dira egiten. Beraz, hau da zerbait magikoa egin dezakezu. Aparteko metadata batzuk gorde ahal izango duzu elementu batean. Ezin izango da erakutsi, ez da ezer eragingo. Besterik gorde daitekeen han. Eta gorde dugu proposatzen dut irudi bakoitzarekin indizea. Beraz, modu horretan egiten duzu sortzen duzun datuak etenaren izeneko atributu bat, eta ondoren, edozein dela izen duzu eman nahi. Datuak etenaren gauza berezi bat dela da duzu eman, eta hau dio zerbait erabiltzailea da, sortu du. Beraz izeneko gauza hau sortzen ari gara indizea, gako honek indizea deritzo. Eta barruan, jarri dira joan gara ez bakar bat aldi bakoitzean, baina zer egin barruan jarri dugu, Avie? Zer doa hementxe? AUDIENCE: Dolphin. JASON Hirschhorn: Dolphin. Hori ez da hitz hori. Izurdea. Eta berriro ere, dagoeneko inprimatuta dugu izurdea lehenago, hori 0, 1, 2, 3, 4, 5, eta horretan ari gara aurrezteko irudiarekin. Beraz, gaur egun, ez dut - eta berriro, metadata duten aurreztuko dugu. Nola ez duten metadatuak sartzeko duzu? Besterik izeneko funtzio bat da "datuak." Eta pasa bat egin behar duzu eta argumentu bakarra, eta horrek gauzaren izena da. Beraz, ez dut hau inprimatu irten, eta ondoren galdera hartuko dut. Baina funtsean, esaten dut eman dit hau zela klik objektu, begiratu bere datuak atributuen guztietan, eta "indexed" deitzen dena ematen dit balio hori. Eta ikus dezagun zer gertatzen den Orri honetan freskatu dugu. Zehazki zer espero dugu. Berriz ere, hori nahiko magikoa izan zen. Asko egin besterik ez dugu bertan. Nork du zalantzarik? Bai? AUDIENCE: galdera bat besterik ez dut zure zuzeneko kodea inguru. Erabili barra arrunta, bikoitza bezala duzu aurrekontua, bertan bezala. JASON Hirschhorn: Eskuin hemen. IKUSLEEN: Bai. Ba al dago arrazoi bat zergatik egin duzun barra arrunta, aurrekontu bikoitza? JASON Hirschhorn: Ez dago arrazoi bat da, eta hau zer Marcus doan itzuli galdetu lehenago. Ildo honetan, izateaz nintzen bit my kodetze hobea. Hau nahi dut, eta hori da zintzotasunez guztia egin beharko denbora, zabalera eta altuera bereziki. Dezagun behera hemen. Hementxe ikusiko duzu, daiteke hori ikusten duzu? Badakit motatako txiki da, baina datuak etenaren indizea komatxo da. Gauza horiek beti behar den komatxo izan. Balioa beti behar du komatxo izan. Baina hemen, aurrekontu bikoitz bat egin nuen, bada, hori kate hau amaituko litzateke hementxe, eta orain ez nuke Idazteko kate batean. Beraz, inguruan lortu dut besterik erabiliz bat barra arrunta, delako barra arrunta amaitzen ez Javascript katea, baina HTML ez du axola bazaude hura komatxo bakar emanez edo komatxo. Besterik ez da interpretatu komatxo bezala. Ez duela zentzurik? Bai? AUDIENCE: Zelan lortu duzu IP helbidea Zure bezero beheko? Nirea ez dio IP helbidea. Ba al dago hori behar dut zerbait dute [INAUDIBLE] egin. JASON Hirschhorn: zure tresna ere, ezer ez du? AUDIENCE: Bai. JASON Hirschhorn: Bada zerbait da konpondu egin dezakezu, baina ez naiz denbora oinez joan oraintxe bidez. Baina egin ahal izango dugu atal ondoren. AUDIENCE: baduzu atzera joan kontsola, zergatik utzi du, zerrendatu 012321 zenbakia? JASON Hirschhorn: Kontsola? Oh, I besterik ez zuten klikatzen delako itzeleko inguruan. AUDIENCE: Oh, OK. Never mind. JASON Hirschhorn: Eta berriro ere, ahal sakatu dut zerbait on bajillion aldiz bat. AUDIENCE: buruzko galdera bat dut Zure begizta berriro, begiztak zure. P in badakizu delako ezarri zortzi, dute desberdinak begizta duen formulario bat erabiltzea. Beraz, ez var bezalako berdin i 0, i gutxiago , baino ocean_array.length, i + +. Baliokide dira horiek? JASON Hirschhorn: Hau da loop estandar bat. Edo bai, hori da begiztak egiteko. Izan ere, ikusi dugu hori da baliokidea. AUDIENCE: Beraz, baliokide hemen zer egin duzun arte? Da jotzen hobeto bestea baino? JASON Hirschhorn: N º Beraz, berriro ere, joan izan gara gauza batzuk baino gehiago. Dugu orain mugitu gure erosotasuna zona eta lehen urratsak batzuk benetan cool egiten gauza hori ez dute zertan joan gara klasean baino gehiago aurretik, baina borondate zorionez oso indartsua izan coding denean zuretzat. Avie, goazen atzera hemen. Izurdeen indizea daukat. Orain zer egin behar dut? AUDIENCE: Entrenatu behar duzu. Beraz ordez console.log jarriz, zuetako aldagai hori berdina bat ezar daiteke? JASON Hirschhorn: Ados. Beraz? AUDIENCE: Ez nago ziur duzu hori egin ahal bada. JASON Hirschhorn: Beraz var x berdinen hau, edozein dela ere, hau itzultzen, itzuli egingo da. Ez du axola. Edozein aldagai itzuli ahal izango da. Ez dago mota ez da hemen. AUDIENCE: Edo besterik ezin izan duzu funtzioaren deia egin. JASON Hirschhorn: Bai, zergatik ez duten egin behar dut? Just funtzioaren deia egin. IKUSLEEN: Bai. Jarri parentesi multzo bat. JASON Hirschhorn: Perfect. Hori da zehazki eskubidea. Beraz, trena funtzioa deituko. Jakina, ez da ezer trena da funtzioa, beraz, proposatzen, Akshar, zer dut beharko luke tren funtzioa egin. Eman dit sasi kodea batzuk. AUDIENCE: Kendu uste dut jatorrizko mahaitik dolphin. JASON Hirschhorn: Eta hau da lortzean Noah lehenago zergatik kopiatu dugu array berri bat sartu da. Eskuin, ez dugu delako editatu gure izurde array delako beste zer bada programako ezazu erabili edo zer nahi badugu hura nonbait sartzeko? Nahi ez dugu kopia bat egiteko, eta hori da bat editatu nahi dugu. AUDIENCE: Ondoren kokatzeko Zure kokapena berrian da. JASON Hirschhorn: Eta zer egin den horretatik aurrera egin behar dugu? AUDIENCE: Eta ondoren, inprimatu duzun izurdeen buruzko informazioa. JASON Hirschhorn: Hori zehazki eskubidea. Kendu ocean_array from dugu, dugu jarri igerilekuan, eta gero marraztu dugu igerilekuan ozeanoan. Nola ez izurdea kendu dut ocean_array batetik? AUDIENCE: joan indizea behar duzu. Oh, OK. Splice funtzio bat erabili. JASON Hirschhorn: Ados, beraz, hori da. Splice funtzio bat erabili izan dut eta horrek zerbait hartzen array bat eta kondentsatzen da. Hori da zerbait dugu berria ez dute ikusi aurretik. Baina benetan espazio bat mantendu nahi dut inprimatu bat nahi dut ez delako ozeanoan espazio hutsik. AUDIENCE: Orduan irudiaren ezar dezakezu Indize hori, ocean_array du Indize dot argazki. JASON Hirschhorn: Ados, ocean_array, indizea. AUDIENCE: Dot argazkia. JASON Hirschhorn: Dot argazkia. AUDIENCE: Eta zuk ezarritako null? JASON Hirschhorn: berdin nulua. Ados. Beraz, ezer ez dago, beraz, ondoren nola ez jarri dut igerilekuan? Constantino, nola egin nuen jarri igerilekuan? Aldagai hau deitzen dugu, igerilekua izenekoa, hemen. IKUSLEEN: egiten dugu besterik berdinen ocean_array indizea? AUDIENCE: Beharrezkoa ez duzu ordena aldatzeko? JASON Hirschhorn: s One. Bai? AUDIENCE: Bai, hori zen Benetan puntu ona. JASON Hirschhorn: Zer hemen doa? AUDIENCE: Da indizea? JASON Hirschhorn: Index, zehazki. , Eta zer esan duzu Constantino, zerbait egin behar dugu? AUDIENCE: agian hori behar dugu ordena aldatzeko. JASON Hirschhorn: Eta zergatik behar ordena aldatzeko dugu, agian? AUDIENCE: delako hori seinalatu dagoeneko nulua da. JASON Hirschhorn: Beraz, ez da nulua guztiak, baina irudiaren URL galdu dugu. Gehiago dira galdu dugu betiko? AUDIENCE: Teknikoki ez? JASON Hirschhorn: Have galdu dugu betiko? AUDIENCE: N º JASON Hirschhorn: Beno, non dago? AUDIENCE: zure jatorrizko izurdeen In - JASON Hirschhorn: da izurde da, baina ocean_array in Nik betiko galduko dugu. Beraz, Constantino, ahal bat proposatzen duzu lerro hau idazteko modu hoberik? Benetan, barkatu, nik igerilekuan gordetzen dira. Egiten dugu igerilekua delako igerilekua objektu bat da, ezta? Ocean_array indizea, ocean_array bat objektuen array bat da. Beraz, igerilekua objektu bat da, eta daukagun han URL bat, eta behera hemen ezarri null. Beraz, benetan, ez dugu betiko galdu zuen. Besterik igerilekuan gordetzen dira. Baina zalantzarik ez da ocean_array in, eta antzekoak, esan duzu Carlos, ezarriko dio izurde array. Beraz, hau itxura gozoa. Eta gero, nola ez, marraztu dugun ozeano eta igerilekuan? Mario? AUDIENCE: Ezin duzu besterik ez deitu draw_pool eta draw_ocean? Beraz bezala, draw_pool, eta gero - bai, bai, ez du ezer hartzen. JASON Hirschhorn: Great. Zer draw_pool egin? AUDIENCE: marraztea igerilekuan? JASON Hirschhorn: Bai, bai, zer egin egingo da? AUDIENCE: Barkatu. Gauza bera egin ahal izango duzu gauza, atsegin dute bat - JASON Hirschhorn: Hold on, Bertara goaz. Ezer ez. Ezer gertatzen oraintxe. Ea, bada, lan egiten bada, utzi, baina. Nork eman zigun kodea duten? Akshar eta Constantino eman zigun kodea duten? Ados, ikus dezagun zer gertatzen den. Ah! Hori izan zen, hain zirraragarria. Ari joan. Oh, mutil. Hori da mota itsusi. Beno, atzera jo dezakegu eta zuzentzeko eskatuko geroago. Galdetzen dut non dagoen? Bertan gordeko dugu igerilekua aldagai horretan. Nola daiteke irudikatu dut bada igerilekua aldagai horretan? Beno, berriro, Javascript boterea, eta, bereziki, tresna hori Chrome ematen dizu, gaur egun, ahal duzun ikuskatu igerilekua aldagai hori. Da global, gogoratzen? Ez genuen jarri var hitzarekin. Beraz, idatzi hementxe idazten I, Konstantino, zer naiz uste duzu iritsi Sartu hit I? AUDIENCE: Ez dakit. JASON Hirschhorn: Asmatu. AUDIENCE: Ezer ez? JASON Hirschhorn: Ezer ez, oker. Duten etxebizitza ona izan zen, baina. Objektuaren lortu nuen. Gogora iezadazu eman zenuen kode-lerro hori. Igerilekua, duten gordetako aldakorra objektu bat. Eta hain zuzen ere, objektu ikusiko dugu bertan gordeko duzu. Ikusgarria da. Hemendik dugu ikuskatu daiteke. Ia denbora errealean GDB bezala duten gure kodearen bidez dugu begiratu eta gauzak irudikatu. Hau da super cool eta super indartsua. Ados, dezagun amaitzeko, hau. Dezagun marraztu igerilekuan bost minututan. Maru, emaidazu lerro bat igerilekuan marrazteko kodea. IKUSLEEN: beste bat izan duzu HTML aldakorra, baina / da. JASON Hirschhorn: Egin dezagun oso oraingoz sinplea. Utzi izenean inprimatu besterik en Izurdeen entrenatzen ari gara. AUDIENCE: Eta gero dolarraren egin dezakezu sinatzeko, parentesi irekiak, eta, ondoren, aurrekontua irekita. Uste dut libra igerilekua, bada hori gauza bat izan zen. Ez dut gogoratzen. JASON Hirschhorn: Dezagun atzera. Nik uste dut gauza bat da. AUDIENCE: Ados, bai. Eta, ondoren, aurrekontua itxi, itxi parentesi . Html, parentesi irekiak, eta, ondoren, igerilekuan asmatzen dut, parentesi irekiak bezala 0 edo horrelako zerbait. Itxi dot izena. Ez dakit lan egiten bada. AUDIENCE: Ados, ikus dezagun zer gertatzen den. "Ezin da irakurri jabetza izena definitu gabe. "Beraz, berriro ere, hemen zer ikusteko goaz. Hau ezagutzeko goaz. Igerilekua, bracket0 irekia,. Izen zenuen. Berriz ere, egin behar dut denbora guztian, eta ni naiz nahastu zer gertatzen den, zer egiten duen Abisu hau esan nahi. Dezagun igerilekua at. Dezagun igerilekua giltzan 0, definitu gabe. Beraz, non exekutatzen ari gara gure arazoa bihurtzen da, ezta? Igerilekua parentesi 0 ez du, jakina, existitzen. Zure ustez, zer dago? IKUSLEEN: da igerilekua besterik berez objektu bat? JASON Hirschhorn: Beno, zer du hementxe esan du? Noiz Idatzi igerilekuan on hit dugu, zer ez da esan? AUDIENCE: Objektu. JASON Hirschhorn: objektu bat da, beraz? AUDIENCE: Oh, bai. Beraz, besterik pool.name ordez - JASON Hirschhorn: Pool.name ematen zehazki zer nahi zuen. Eta honen bidez noa konturatzen naiz poliki eta puntu honetan belaboring, baina hau da stuff honetan zehazki nola egin behar dut. Den akats hauek sartu exekutatu ari zara zure azken proiektua zehar, beraz, espero dut hau da gai izan behar duzu Jabekuntza Tresna horiek guztiak erabili ahal izateko. Horiek ezinbestekoak dira eta izango lortuko duzu super duper urrun. Beraz, ez dut nahi, besterik gabe izenean inprimatu. Dezagun apur bat bit hori baino ikusgarriago. AUDIENCE: Zer gehiago nahi dugu? JASON Hirschhorn: Ados, fina. Besterik hau egin dugu. Ugh. Mutilak, bizitza ez duzu. Ados, boom, got it. Itxura ona. Ikusiko duzu, Akshar, behera hemen, dugu nulua, ez da aurkitu. Beraz bezala, hala ere saiatzen ari badirudi irudi batzuk aurkitu, eta hori ez da egin zehazki zer egin nahi genuen. Ez ari gara, horretan, orain joango gara, baina ez da, seguruenik modu garbiago hau egiteko. AUDIENCE: Ezin bezala utzi duzu irudian espazio huts bat? Bezalako ordez ezartzeko Internet of, ezin huts bat gustatzen ezarritako katea edo zerbait? JASON Hirschhorn: Gustatzen zaizu? IKUSLEEN: Bai. JASON Hirschhorn: [INAUDIBLE]. Ez da aurkitu. Beraz, ez da egiteko modu bat hobea da. Hau egiteko proposatuko nuke. Just null han ezartzeko. Gero, noski, zer gertatuko? Honez erabat urrun joan behar. Espazio bat gorde eta beraz, egin nahi badugu duten, seguruenik zerbait egin nahi dugu hemen ere bai. Noa get hasi duzu. Akshar, emaidazu lerro hau kodea benetan azkar. AUDIENCE: ocean_array bada, izurdea, berdin, berdin, berdin - berdin nulua? Bai. JASON Hirschhorn: Orduan, zer? AUDIENCE: Gero egin html. Beheko kodea kopiatu besterik ez duzu, benetan. JASON Hirschhorn: kopiatu zer? AUDIENCE: kopiatu dezakezu - JASON Hirschhorn: hau? IKUSLEEN: Bai. JASON Hirschhorn: hura guztia? Ez dugu irudi bat dute. AUDIENCE: zuk esan nahi dut besterik gabe utzi ahal bat - bai, besterik ez dezakezu itxi. Baina uste dut zabalera ezarri behar duzu. JASON Hirschhorn: Beno, besterik Zutabe huts bat sortzeko. Ados. Eta gero, kasu horretan, seguruenik zaitugu hori egin ahal izateko, bai nahi. Trabatzen. Oh. Ez zuen funtzionatzen, baina ez gara Akats hori lortzeko. Ikus dezagun zer gertatu zen hemen behera utzi. Beraz, ez dago ezer ez dago, beraz, zer zuela esan duzu gehitu behar dugu? AUDIENCE: ezarri behar dugu ilara zabalera. JASON Hirschhorn: zer da? AUDIENCE: Uste dut 150. AUDIENCE: Bai, 150 izan zen. JASON Hirschhorn: Hemen Hau jarriko dugu Nire kode koherentea mantentzeko. Baina hau ez da bat. Ados, ona. Posted. OK? Beraz, oraindik ere urrun joan. AUDIENCE: Oh, deitu zabalera? JASON Hirschhorn: It looks bezalako zabalera 150 da. Ikus dezagun. Orain ari gara finalean egin da joan, cool, gauza indartsua naiz erakutsiko da joan. Ez dugu kode hau amaitzeko egingo, baina irten gara, online aurretik hau guztia kode egokia izango da. Email dizut zuzendu bertsioa nire estetika propioa batzuk ondoren atala, eta hori online posted zaizu. Duzu hau esploratzen jarraitzea animatzen dut eta erabili hau erreferentzia gisa, baina I duzu hau egiteko azken tresnaren erakutsi nahi klasean, eta hori da hemen baino gehiago on eskuinaldean. Eta begiratu astetik honetan dugu, baina orain espero pixka bat gehiago ezagutzen da eta eroso egiteko. Dinamikoki play dezakezu orri baten CSS-arekin. Nik, egia esan, dagoeneko ikusi dugu gurekin dinamikoki HTML jolasteko. Gogoratu eskuinetik egin genuen klik Edit As HTML? Hementxe? Beraz dinamikoki jokatu dugu HTML-rekin. Kontsolan, dinamikoki play dezakezu orri baten JavaScript batera. Esate baterako, hori da baliozko Ikusteko Javascript-a line. Boom, I got zehazki zer nahi nuen. Beraz, ezin dugu dinamikoki jolasteko HTML, dinamikoki jolasteko Ikusteko Javascript-a. Orain goazela dinamikoki CSS jolasteko. Eta hori guztia da da bezalakoa delako berehalako, bizi GDB iritzia, eta beraz, zuk izatea aurretik zerbait eskubidea jakin ahal Zure kodea joateko, eta ahal duzun ez asmatzen zerbait zer itxura. Beraz, hau da super duper cool. Eta dezagun dinamikoki begiratu azkenik CSS jolastuz. Hori baino gehiago, hemen eskuineko aldean, element.style. Goazen honetara en. Hemen gure elementua da. Dezagun CSS estra batzuk emango. Edo barkatu, hura eman izan dugu estra batzuk CSS, baina seguruenik, kasu honetan, atributu hau aldatu nahi. Beraz, goazen behera hemen lerro honetara. Oh, ezin dut hori egin hemen. Barkatu. Editatu AS - beraz, horrela CSS editatu ahal izango duzu. Ez gara CSS editatzeko honetan joan bigarrena, baina nahi ez dugu editatu HTML eta eman aparteko atributu bat. Zer proposatzen zenuen hau aldatzen ari da? Pentsatu nuen Avie iradokizun bat izan zuen. AUDIENCE: Col zabalera? JASON Hirschhorn: Hori dirudi ez dut ezer egin bai. Dezagun saiatu CSS utzi. IKUSLEEN: [INAUDIBLE] klasean? JASON Hirschhorn: It dio ez du lan. Gauza horiak direla ematen du. AUDIENCE: Baina [INAUDIBLE]. AUDIENCE: Ez dira zabalera ezartzeko duzu 150 irudi bat noiz egin nahi duzu? Atsegin ez litzateke erabili besterik ez duzu, zabalera? JASON Hirschhorn: Bai. AUDIENCE: Baina ez dugu Irudi bat jada. JASON Hirschhorn: N º Guk ez dugu ezer izan han. Beraz, ez dugu konpontzen joan arazo espezifikoak. Atzera joan Akshar en goaz irtenbiderik, bat ezarri nahi dudalako dolphin free oraingoz, edo hori da azkena Gauza amaitzeko nahi dut. Beraz, hau hemen utziko bitartean aitortuz ez nahiko da zuzena, eta goazen itzuli da. Barkatu. Dinamikoki ezin dugu esan dut CSS aldatzeko. Dezagun begiratu eta hartan egin benetan azkar. Elementu honen ikuskatu dut hala bada behera hemen, eta esan urdinak egin nahi dut, baino gehiago etortzen dezakezu, kolorea, zeren Duen kolorea aldatzen ezagutzen dut zerbait, eta ikusi genuen nola da urdina aldatu da. Beraz, hori da niretzat dinamikoki CSS aldatuz. Ez da aldatuko da ona, baina gero Atzera jo dut nire CSS fitxategia sartu eta Objektu baten kolorea aldatzeko. Ados. Duten asko izan zen. Ez genuen nire programa harrigarria amaitzeko. Utzi erakusteko besterik ez didazu benetako azkar, eta, ondoren, buru dugu. Oh, non dago? Ez! Hold on. Ados, beraz, you up paketatzea ari bezala, bat Aurreikuspen harrigarria, edo aurrean ikusteko, hurrengo denbora. Hau da, Dolphin Trainer 2013, eta ez du lan. Handia. [Barreak] JASON Hirschhorn: Oh! Boom! Zer esan nahi du horrek? AUDIENCE: Ez duzu chmod. JASON Hirschhorn: Nik ez dut chmod da. AUDIENCE: lerro bat. JASON Hirschhorn: Oh, hori begiratu. Ados. Beraz, nire sei izurde daukat. Zer gertatzen da? Ikus dezagun. Bat prestatzea badut, Lili entrenatzen orain. Oh, free ezartzeko, Lili nahi dut. Bertan, joan atzera ozeanoan. Beraz, aste honetan izan zen. Edozein zalantza baduzu, kanpoan izango dugu. Eta berriro, bidaliko dut Kode honen gainerako. Eskerrik asko, mutil.