>> Guztiak eskubidea.
Beraz, Javascript.
Ia gela honetan guztion ziurrenik maila batzuk ditu
du berarekin erosotasuna ala Modu atzera SC50 zen
edo izan da pertsonal web proiektuetan edo are
du pixka bat egin duzu bada rekin iragana PHP base proiektu honetan,
baina gehienetan zatia, zuetako askok,
erosotasun batzuk izan baduzu ere
JavaScript-rekin agian ez dira hartu
emandako nola hizkuntza funtzionatzen duen eta zer doa
kanpaia azpian on eta zer ari gara saiatzen joan
gaur egin behar da zuritu atzera geruzak tekniko batzuk
Ikusteko Javascript-a zer den, nola dagoen Desberdina hizkuntza bat da
PHP bezala, nola izan erabilitako bezero ez bakarrik alboko
baina, aldi berean zerbitzari albo eta orduan zentratu oso zehazki
esparru honetan, konturatu gabe JS hau da, funtsean run denbora bat,
horrek zurekin programa bat Javascript kodea exekutatu daiteke,
zerbitzariaren aldeko eta bihurtzen ari da gero eta herri moduko
of the garaiera berean honi Ziurrenik Ruby eta PHP egunetan
eta Python eta ikusiko
batzuk nahiko du ez duela ezaugarri batzuk indartsu modu
eraiki-hizkuntzaren eraikuntzen.
Baina lehen, erraza da batzuk gauzak besterik gogorarazteko
hizkuntza honek nola funtzionatzen duen eta duen arazorik izanez edozein ikusten bada
hau, besterik gabe oihu of eta egokitu egingo dugu.
Beraz, PHP bezalako bat dago no funtzio nagusi baten ideia,
besterik kodea idatziz hasten zara
eta therefor dezakezu top interpretatzen du behera.
Nabigatzaile baten testuinguruan
edo zerbait zerbitzari albo batean ikusiko dugu adibide batzuk
pixka batean.
Baldintzak, sintaktikoki PHP baliokidea baita C,
C + + eta zenbait beste hizkuntzetara beraz, besterik ez duzu zentzu bat emateko
nola liteke egituratu dugu,
han kanonikoak bat besterik ez baldintza.
Adierazpen boolearrak, bera zehatza ikusi sintaktikoki gisa dituzun
beste horiek berean hizkuntzak, bai oring egiteko
eta gauzak bukatzen elkarrekin.
JavaScript etengailuak ditu, askoz PHP eta bestearen do bezalako
eta zu ez mugatuta, bezalako primitiboak integral C
karakteretan eta ints bezala benetan beste balio-mota egin.
Begiztak. Beraz, hau da, berdin
eta ziurrenik dozena bat hizkuntzak, begiztak, egin bitartean loops bitartean
eta, ondoren, trikimailu hau hemen.
Beraz, honen moduko zenbaketa azkarra bezala ezagutzen
eta oso argia modu bat da of besterik PHP egitean bezala
FU bata taberna gisa era berean, ahal duzun,
JavaScript objektu batean, non objektuaren izenda da
aldakorra da hemen, esan, var i Objektu eta iterazio bakoitzean
begizta hau, i da bat izango da
objektu horretatik aurrera gakoetako.
Beraz, bat objektu bat duzunean Ikasle eta ikasle baten izena dauka
eta izen bat eta etxe bat, iteratively i hartuko
izena eta izen balioa eta etxea eta therefor indizea ahal duzun
objektu bihurtzen da, nahiz eta gisa array bat kortxetea erabiliz
idazkera balioa lortzeko Funtsezko izena edo izenaren
edo etxe eta abarren arabera.
Eta ohikoa kontrakoa hipotesi, Javascript objektuak,
jabetzak ez dira nahitaez bermatu behar izango
orden berean, hau ere PHP egia beraz, ez ditu bere gain hartuko
gauzak geratuko dira orden berean
gako horiek jarri duzula balioa bikoteak objektu bat sartu.
Nola arrayak buruz?
Badira modu pare bat da da sintaktikoki idazteko
baina hau da seguruenik gehien karratu ohikoa gaur egun besterik ez erabiliz
parentesi idazkera.
Beraz, honetan aldagai bat da array duten zenbakietara deitu
Sei zenbaki osoko han, Hemen Kate arrunt bat da
eta konturatu zer absenteak adibide horiek,
zer da JavaScript itxuraz falta.
Bai. Beraz, ez da nozioa ez Idazteko, zalantzarik ez
Testuinguru honetan hemen, baina hemen hau da, hain zuzen katea.
Beraz, Javascript mota ditu eta hori izan zen, hain zuzen ere array
hau da, berez, mota bat eta elementuetako bakoitza
Array horretan motako ziren zenbakia JavaScript gisa deitzen ditu.
Beraz, ez da baziren idatzi bat Hizkuntza eta ikusiko dugu
PHP bezalako JavaScript duten nortasuna eragile bat dauka
eta beste mekanismo benetan egiaztapena zer mota
aldagai batzuk bai error egiaztapena egiteko
eta beste aplikazioetan.
Eta hemen lagin objektu bat besterik identifikazio bat eta izen bat duen.
Eta, orain, konturatu garela giltza idazkera erabiliz,
koska eta zuriak espazioa moduko zentzugabeak
eta hau adierazten batean aldagai horren izena Rob da
eta horren identifikazio 1 da eta data mota da hemen gure zenbakia
eta katea hurrenez hurren.
Eta gero, hau da, zerbait apur bat ezberdina
inoiz ezer duzun egin bada Ajax, egun horiek?
Ziurrenik erabiltzen duzu honelako objektu bat
baina zer da hemen Aipagarria da?
Zer da sintaktikoki inoiz hain desberdinak, besterik pare bat
Adibide honetan arteko gauza hau da admittedly txikiagoa
eta adibide handiago hau.
Beraz, lehen layman in epe, zer da hau?
Zer da mota langileek esango zenuke?
Ados, array bat da, zer array bat da?
>> Objektuak.
>> Ados, objektuen array bat da.
Eta orain, bat besterik zentratu - Edozein objektu horietako bat,
Zer da desberdina hau eta honen artean?
>> Teklek kateak dira.
>> Bai. Beraz, zenbat eta giltzak kateak dira,
eta gakoak dira benetan bi kasuetan kateak
eta hau Idiotic bat sort da
Nire ustez diseinu historikoetan Erabaki erabiliz betiere, zauden
JSON, JavaScript Objektu Idazkeraren,
hau da, funtsean garraio-formatu bat
datuak bidaltzeko normalean sarean zehar
bezero eta zerbitzariaren artean, gogoratu behar duzu
hori ez dela benetan baliozko JSON eta hau da bat
FYIs horien ezean duzu inoiz zure burua Bang hormaren kontra
hainbat minutu no good for arrazoia, ez da baliozko JSON
gakoak direlako ez benetan kotizatzen.
JSON idiotically eskatzen duen giltzak ez bakarrik aipatzeko,
baina bi aldiz izango dute kotizatzen duten, komatxo bakar ez nahikoa.
Beraz, ergelak gauza txiki eta fun Izan ere, gehiago
gaur egungo helburuetarako baina honen too baliozko JavaScript izango litzateke
besterik ez da - da Converse ez da egia.
Ondo da.
Beraz, ugari ikusi ahal izango dugu hori baino gehiago.
Ondo da.
Beraz, hori da JavaScript sintaktikoki seguruenik nahiko
ezagutzen, zuk edozein duten inoiz erabili JavaScript aurretik
ez da PHP-tik jauzi handi bat edo gehienak edozein prozedurazko hizkuntza
zuk erabili izana.
Beraz, gaur egun arreta dugu alderdi interesgarri
JavaScript bereziki no JS testuinguruan
baina ez bakarrik delako orain arte seguruenik duzun,
Javascript erabiltzen baduzu, nabigatzaile baten barruan erabiltzen da.
Beraz, ez JS ingurune bat da gero pixka batean va
sartzeko gurekin baimendu Kodea bezeroa Javascript -
zerbitzari albo baina lehen, dezagun begirada bat
hori da bat zerbait apur bat gehiago bezero aldean.
Beraz, joan naiz eta hau da, ikastaroen web orrian lotuta,
batera jolastu nahi izanez gero, bi azpidirektorio daude
Gaur egungo izeneko Zip en iturburua ikusi web orrian kremaileradun
eta horiek dira, bat adibide batzuk reminiscing
gauza ikusi duzu agian aurretik eta gustuko dut eraiki itzazu
errazena tik apur bat gora gehiago tease nahi konplikatuak
ezaugarri batzuk atera JavaScript.
Beraz, dezagun aurrera eta hartu a adibidez begiratu honetan.
Beraz, zoritxarrez keinu etiketa zen duela zenbait urte hil off
bidea dute parean prettier eta prettier
eta keinu etiketa literalki zen parentesi irekiak keinu ixteko kortxetea
eta ordenatzeko no Gurekin jada.
Baina, ez, oraindik berpizteko daiteke Etiketa baten ideia honekin mota
la pentsatzen logikoki, nola ez duzu joan
antzeko zerbait egiten buruz hau keinu intuizioz?
Apur bat badakizu suposatuz JavaScript bit eta edo CSS
puntu honetan, ez da Ados ez baduzu.
>> Ezarri denbora bat atera eta ezkutatu gero etiketatu ondoren dut
eta berriro erakutsi du.
>> Bai, perfektua.
Hau da moduko programazio 101,
nola litzateke lortzen da honen antzeko efektu bisuala?
Beno, nolabait, zuk Zerbait erakutsi behar
eta, ondoren, ezkutatzeko zerbait, show zerbait, zerbait ezkutatu
eta Jonathan proposatzen gisa denbora mota batzuk erabiliz,
ordutegi mota batzuk egin ahal izango duzu hau behin eta berriz beharrik gabe
begizta bat edo erabiltzeko horrelako zerbait.
Beraz, joan gaitezen blink-0.html sartu
eta utzi ninduen txikitu letra-pixka bat
beraz honen gehiago egokitzen.
Eta dezagun begirada bat zer gertatzen da hemen ere.
Beraz, lehenik eta behin, nabarituko duten gorputzaren
Orrialde honen super da simple, gorputzaren barruan
orriaren div bat besterik ez da.
Arbitrarioki Eman dut agurra ID bat
eta hori ezer izan liteke hain luze berezia izango duenez
eta, ondoren, besterik ez dut batzuk Testu sinple, kaixo mundua.
Beraz, badut orain, gora, nabarituko fluffy Sorozabal batzuk.
Beraz, esan dut, zorrotz agurra, zein ezagutzen duzun bezala
CSS besterik esan nahi bakarrean elementu identifikatzeko
zorion-ideia bat,
Letra tamaina da arbitrarioki joan hau, marjina eta testu lerrokatu izan.
Beraz, izanarren xehetasun estetikoak
testuari gutxi gorabehera zentratzeko.
Beraz, parte interesgarria da script etiketa hemen
horren barruan jarri gertatuko dut orri buruan du.
Beraz, we'll - egin dezakezu hau edozein modu zenbaki in
eta ikusiko dugu gutxi barru programa hau bera iterazioak
baina utzi hasiko goitik en.
Beraz, deklaratu dut keinu izeneko funtzioa
eta antza denez hau erabiltzen du eraiki-izeneko DOM metodoa
getElementById hau da, agian, ahaltsuagoa metodo bat
koadroan lortu duzu JavaScript bila
"Agur" ez du behar komatxo izan zen bezala
HTML bai da gauza ederra da hainbeste denbora
zauden bezala estilistikoki koherentea egun hauetan naiz ausartzen esaten
jende askok erabili Java, JavaScript quotes bakar,
HTML komatxo baina ez du benetan axola
hain luze Oraindik koherente gisa.
Beraz, hemen Oraindik ezagutzen ez badu, benetan sartzen zaren
JavaScript CSSrekin elementu on propietate.
Beraz, konturatu nintzen dudan dituzten div izeneko aldagai bat deklaratu
eta barruan gordetako aldagai hori,
edozein dela ere, erreferentzia bat DOM elementu dela.
Beraz, CS50 itzuli uste baduzu edo bertan, pentsatu duzu, edozein klase
Zuhaitz egiturak buruz eta DOM, Document Object Model,
hau erreferentzia bat besterik ez da zuhaitz batean nodo bat,
duten orrialde honetan adierazten
eta bada div.style.visibility jabetza berdin, berdin, berdin,
ezkutuak, orduan besterik ez dut toggle bat nahi
Jonathan proposatu bezala Besterik nahi dut
du ezkutatu baino gehiago ezkutuko izateko.
Orain, aldean bezala, zergatik hirukoitza berdinak han?
Edo zer da hori versus bikoitza berdinak?
>> Strict baliokidea.
>> Barkatu.
>> Strict baliokidea.
Beraz, identitate operadore da
non ez zaren egiaztatzen bakarra aldagaiaren balioa
berdintasun, zentzu berdinak gisa baina ere mota.
Beraz, ez dugu, nahiz edozein datu hau, orain arte zehaztutako
aldagai edozein motatako hau edo diapositibak edozeinetan,
han lotutako mota bat da kate horretan ezkutatuko dituzten
balio hori, ezkutaturik eta ekin duten ikastaro-katea da.
Beraz, kasu honetan, hura Ez da benetan axola
delako modurik ez duten kate bat bateratzen goaz
dagoen "ezkutuko" rekin beste balio batzuk
baina hau da, askotan ona ohitura lortu esango nuke
berdinak, berdinak erabiliz,
zeinua berdina da, oro har gauza ona.
Zure kodea izango da sendoagoak biak PHP baina
eta Javascript-en exekutatu dituzu delako
noizean behin kasu izkinan sartu non balioa zero izango da agian
duzula egiaztatzen ari eta zero izango faltsu batera conflated dezake
edo ez eta PHP bezala izan liteke,
Javascript ere bat baino gehiago izan dezake sasi balioak non zero by
eta faltsua eta nulua eta undefined guztiak ebatzi ahal inplizituki
Faltsua bezala.
Baina benetan nahi bazabiltza balio jakin check
bezalako zero, zenbakia edo faltsua Boolean orduan duzu
nortasuna operadorea hau erabiltzeko.
Beraz, lortu gerta zitekeela hala sartu nahiz eta hemen, nahiz eta,
Sort zentzugabeak da badakigu markatuta ari garelako
kate-balio bat, eta hura da ez beste ezer izango.
Beraz, hemen magia ondoren, badut behera joan lerro horri, hemen,
itxuraz, eraiki leiho objektu sartu
eta honen ezaugarri bat da nabigatzaile baten sartzeko ezin duzu
esta super global Leiho izeneko objektu,
hau da, barruan funtzionalitate batzuk,
bada pieza horietatik tartea ezartzen da
eta itxuraz hartzen du zer motatako argumentuak?
Bai.
>> Funtzio-deia, eta ordua.
>> Ona. Beraz, funtzio bat deitu eta denbora bat
eta, beraz, batez ere baten funtzio bat erreferentzia,
Funtzio baten erakuslea zentzu batean
eta duten funtzioa da hori joan
exekutatu ahal izateko kopuru bakoitzeko milisegundotan eta kasu honetan,
500 milisegundotan behin da.
Beraz, inducing modu bat da eraginkortasunez eta begizta infinitua
iterazio erabiliz baina gabe ordez JavaScript kontatzea
motorraren barruan nabigatzailearen
hau 500 behin egin milisegundotan edo hurbil dago
500 milisegundotan, ahal bezala,
bihurtzen da kanpaia azpian,
ez dago zer ekitaldi bat deitu begizta eta itzuli dugu honetara
nodo JS testuinguruan hori besterik etengabe motatako
Han eserita, spinning, of lanaren zain egin behar da
eta bezain laster konturatzen gisa,
500 milisegundotan igaro dira keinu berriro deitu egingo
eta behin eta berriro da beste edozein lan batera
egin behar duen.
Beraz, zer egin dezaket hemen hobetzen dugu?
Beno, let me ireki sortu blink-1.html
eta keinu-1.html erakusteko
gisa estetikoki primeran berdina.
Beraz, zer liteke hemen hobetzen dugu?
Beno, nabarituko dela zen mota horretako Ezertarako
izeneko funtzio bat definitzeko Keinu egin delako zenbat
urtean zenbat plaza egin nuen deitu funtzioa keinuka dabil?
>> Behin Just.
>> Beraz, inork.
Beraz, ez zen txarra, in Izan ere, ziurrenik, nahiko da
sinplean.
Funtzioa keinu bat definitu dut, dut funtzioa keinu bat deitzeko modu
parametro hori, baina teknikoki,
ez zen arrazoi da eta paradigma komun bat
Ikusteko Javascript-a da benetan lambda funtzioak erabili egin
zuk gogora ekarri ahal izango baita 51 edo funtzio anonimoen
non ez duzu behar bada funtzio baten izen bat,
bakarra da zuri deitzen ari bada zalantzarik gabe, leku batean,
zergatik traba zure kodea cluttering, programatzaileak kontuan pilatuta
eta zure izen-espazio sinboloak benetan dituzten
ez duzula benetan buruzko zaintzeko behar.
Eta beraz, bertsio honetan, hemen,
nabarituko deituz naiz duten I window.SetInterval zuzenean
honen hasieran zenbait nire Script etiketa gero pasatzen dut
izenik gabeko funtzio bat duten argumentu
eta hori ezin hobeto fina eta ondoren, gorputza
Eginkizun hori dirudielako da zer izan zen lehenago berdina
eta sintaktikoa bakarrik Diferentzia da orain
behera hemen 500 ondoan.
Body ixten dut funtzioaren
eta, ondoren, esaten dut aurreko kodea duten exekutatu,
500 milisegundotan behin.
Aldaketa, beraz, oso marjinala
baina zer norabidean urrats bat Ziurrenik baten dotoreago
hau aplikatzeko.
Beraz, dezagun hau urratsera gehiago dut orain joan bada
keinu bi sartu, duzu ikusi liburutegi komun bat,
eta horrek eragina va
erabat inconsequential dugu joan estetikoki baina bada
bi bertsio sartu hemen, oharra nire burua goialdean dela,
Sartu dut, izan JQuery azken bertsioa.
Eta, ondoren, behera hemen, Garbitu dut
Kodea sortu pixka bat, ez da ez mundu dibertigarri bat izango da joan
erabiltzen jarraitu ahal izateko jaiotzez DOM funtzioak
eta JavaScript gordinak moduko.
Izan ere, JQuery you may gisa dakit hain ezagun bihurtu
pertsona gehienek besterik gatazka jQuery JavaScript-rekin
baina afaria benetan besterik liburutegi erabilgarria idatzizko
John izeneko ikaskide batek Resig eta beste batzuk geroztik
sartu besterik egiten bat lapurtera gauza asko
JavaScript errazagoa eta gehiago succinct.
Beraz, kasu honetan hemen zer gertatzen da?
Beraz, itxura hau daukat dolarraren ikurra, gehiago horretan
une bat besterik ez, gero hau CSS hautatzailea da.
Beraz, oso antzekoa da aurretik zer egin dut espirituz,
baina oraingo honetan, naiz literalki hash etiketa erabiliz
berezia adierazteko Identifikatzaile agurra izeneko
eta, ondoren, itxuraz . Css eraiki metodo bat da
aldera, edozein dela ere objektu da sortu dudala besterik
eta balioa dut egiaztapena ikusgarritasuna gakoaren.
Eta gero giltza duten balioa berdin, berdin, berdin, ezkutuan,
ondoren, naiz da txandakatzeko eta joan Hura txandakatzeko une honetan noa
metodo bera erabiliz itxuraz gainkargatuta
zentzua du ez duela parte bi sinadurak desberdinak,
argumentu bat duena eta Bi argumentu bat,
horietatik bigarrenean setter da,
horietatik lehenengoak da getter bat nolabait esateko.
Eta gero bitxi eta duzun izanez inoiz benetan hau begiratu,
zorionez jquery.css joan badugu goiko hit da, hain zuzen hau
eta gehiago ikusi ahal izango duzu azalpen formal
erabili dela besterik ez dugu hau, . Jabetza izenarekin css
eta ondoren setter dot CSS da
jabetza izen batekin eta balio bat.
Beraz, mugagabeko garbiagoa, baina nabarituko patroi sort hemen
iterazio bakoitzean kode hau,
Sort egiten ari gara egiten gero eta doikuntza eta estuagoa
han eta diseinuak hobeto esan
norbait erabiltzen ari gara geroztik bestela kode kanporatua hori
konplexutasuna batzuk.
Beraz, gaur egun utzi egin hau are errazagoa.
Eta hain zuzen ere, I kendu bada guztiak komatxo ikusiko duzun guztia besterik ez da
iruzkin ikusiko duzu nola sinple hori ahaztuak.
Diferentzia bat Hemen, jakina da
duten toggle a erabiltzen dut horrek ere eraiki dator metodoa
jQuery eta hori besterik ez izateko
delako beste norbaitek Kodea idatzi
benetan txandakatzen ikuspena ezarpena
Edozein DOM elementu zuk bidali duten.
Beraz, hobe eta hobeto.
Eta, beraz, honek eredu bat da,
hau afaria nahiz Adibidez eta ordenatu sinple
ergelak eragina garbia zein keinuka testu-zati bat da,
da pentsamendu mota hori duten pentsatu behar duzun prozesua -
be pentsatzen ez zertan oso lehenengoa
idatziz pasiboa zerbait hurrengo proiekturako
baina, zalantzarik gabe, batetik bestera joateko duzun bezala Zure aholkulari edo nirekin
eta zure taldeak bilerak edo zuk besterik berrikusi zure taldekideekin kodea
estutze buruz gauzak, ezta?
Azken finean, gutxiago ari dira -
batek kode lerro gutxiago azken finean, duzu
teorian du gutxiago bugs duzu litekeena izango gonbidatuz
badaude besterik ez delako nahastea, ondorengo kodea gutxiagorekin.
Ondo da.
Beraz, takeaways pare bat.
Lambda funtzioak, funtzio anonimoak,
eta zuk asko dute ikusi aurretik
eta gero ere, besterik estutze things up liburutegi batekin
jQuery hau bezalako Kasu zehatz.
Ondo da.
Zalantzaren bat?
Egin bat beste utzi bezero alboko alderdi hemen,
zero inprimakia dugu efektu garbia hau.
Inprimaki super sinple eta itxuraz erregistratu hemen klikatu saiatzen naiz bada,
Hasieran nirekin kontatzen zaren erregistratu, bai, benetan, ez.
Beno, zergatik da hori?
Beno, hemen inprimaki-0.html oso gutxi kodea,
no JavaScript inolako eta guztiz da sort faltsu bat
inprimaki delako ekintza balioa registered.html da
horrek esan nahi du axola zer Idatzi inprimaki honetan sartu nintzen,
non va da egon zerbitzarian bidaliko?
Bai. Beraz, nahi registered.html hau da, argi eta garbi, HTML fitxategi bat
hau da, beraz, estatiko horrek esan nahi du ez fitxategia
erabiltzailearen sarrera hartu suposatuz ez da JavaScript kodea no
bertan txertatu hori da URL batean bilatzen
beraz, hau da erabat NoOp bat eta ezer ez da gertatuko
aurkeztu baten datuak, baina ekin egitura ikusi ahal izango duzu
HTML5 inprimaki nahiko erraz baten
duela gutxi pasahitz bat dauka, Sarrera motak batzuk.
Beraz, dezagun benetan orain error egiaztapena batzuk gehitu
eta ikusi nola dugu agian hau hobetzeko.
Beraz, hemen da moduko bat pobrea gizon hau gauzatzeko modu
eta da moduko bat gaizto kode zatia.
Beraz, lehenengo dezagun scroll hondora jaisten
Zer da bera ikusteko eta zer da desberdina.
Ezberdinak gauza bakarra orain arteko
eta aurreko bertsioa da dudan forma eta izena eman
"erregistroa" Could Izan ezer nahi dut
baina bere ekarri bakarrean izateko identifikagarri nahiz eta hori ez da
erabat beharrezkoa delako bada bat orri inprimaki bakarra du ziur aski dut
aurki zitekeen batekin jQuery en hautatzaileak metodoak.
Baina modu horretan besterik egiten deterministak gehiago da.
Beraz, gora joaten naiz orain, bada nire script Etiketa, nabarituko honako hau,
window.onload berdinen funtzio anonimoa.
Beraz, zer egiten ari da?
Beraz, hori gogora ekarri ahal izango duzu Bezeroaren aldeko programazioaren -
JavaScript baizik HTML orriak dute hainbat ekitaldi lotutako
elementuak, clicking rekin eta aurkezteko eta bideratua
eta lausotzen eta beste hainbat gerta liteke ekitaldiak
Erabiltzaile bat normalean gisa orriko elkarreraginean,
window.onload du esaten.
Leihoak kargatzeko osoa
beraz, behin irudi guztiak izan dira Deskargatutako fitxategiak guztiak behin
deskargatu eta behin orria kargatu dira,
Ondorengo kodea egin, eta nabarituko dut pizten bada beheraino
Metodo honen, nabarituko daude parentesi no
kizkur giltza ondoren hau da
naiz duten I ez exekutatzea funtzio honetan hemen, orain,
nabigatzailea da exekutatu behar niretzat denean zehaztuko ditu
orria berriz kargatu du.
Beraz, utzi zer egin dugu ikus-en,
document.getElementById erregistroa
beraz, besterik ematen dit nodoaren erreferentzia bat
Zuhaitzaren duela of da in erregistroa ID bat.
Eta, gaur egun, ez dut joan erregistratu beste gertaera kudeatzailea
form.onsubmit lortzen eginez Funtzio anonimoak honetan
Horrek honako hau esan nahi du kodea exekutatu behar direnean
Formulario horretan aurkeztu da.
Orain, hau gehienetan besterik ez da Sort logika aspergarria.
Beraz, bada-balioa email formularioa eremua da
"Ezer" ondoren egin behar duzu Zure helbide elektronikoa adierazi,
Yell duen erabiltzaileari n zaude ohartarazi eta gero itzultzeko faltsua.
Eta gero bat daukat beste egiaztapen sorta,
pasahitza egiaztatzen du,
egiaztapen bada pasahitzak berdinak dira,
egiaztapen bada hitzarmenaren kontrol-laukia hautatuta dago edo ez
eta Yell dut erabiltzailea baldin badago
probak horiek benetan huts egin.
Eta, beraz, hona hemen adibide bat da, are gehiago apur bat contrived nahiz eta
Hemen hain zuzen erabiliz naiz duten I berdin, berdin, berdin,
esan nahi du erabiltzaileak ezin saiatu me engainatu
zer balio idatziz.
Edo beharrean benetan naiz presentzia egiaztapena
kate hutsa du, erabiltzaileari ez du ezer idatzi oraindik.
Bada idatzitako erabiltzailea literalki zero,
"Zero" potentzialki ahal izango kate hutsa nahastu.
Eta sort da esaten dut hemen zentzugabeak
zeren, jakina, nahiz eta zero ez da helbide elektroniko bat.
Baina hau izan zen gehiago bat bada Testu-eremu bat bezalako eremu generic
edo izen bat edo deskribapen bat edo for baloratzen nahi duzun zerbait
eta ez da, nahitaez, sintaktikoki dute
helbide elektroniko bat, erabiltzailea izango da zerbait idatzi izan zero bezalako
eta berriro izkina kasuan baina hori da zergatik normalean mota egiaztatzen da
gauza erabilgarria.
Zu benetan egiaztapena erabiltzaileari ondoren idatzitako nothing
Eremu horretan sartu.
Beraz, zer gertatzen bada ere ez probak horiek huts egin, ondo,
Egia barruan itzuli gertaera kudeatzaile baten
bezalako onsubmit besterik let esan nahi jatorrizko portaera benetan
hedatzeko eta, beraz, inprimaki aurkeztu egingo dira.
Eta horregatik dut azkenean denean submit bertan klik egin nuen lortu aurretik
register.html bidez eta Hori egin badut, orain, oharra,
Ez badut egiten dut oihu ezagutu helbide elektroniko bat ematen
eta ezin dut idatzi malan@harvard.edu,
Crimson [fonetikoa], Crimson, laukitxoa markatuta,
eta, orain, erregistratu eta me kontatzen du, berriro ere,
inskribatuta zauden edo ez benetan.
Ondo da.
Beraz, en, hau garbitzeko besterik bat utzi Pixka eta ondoren trantsizio
berriagoak berrietara zerbitzari albo stuff.
Beraz, joan nintzen inprimaki-2.html sartu bada, nabarituko gauza batzuk.
Beraz, bat, ekarri dut jQuery nahasketa sartu atzera
beraz, ez da berriro dolarraren ikurra honetan
eta, orain, erabiltzen dut jQuery metodo batzuk.
Beraz, lehenik eta behin, zer da buruz dolarraren zeinua hori da
beraz, hemen bereziak?
Zer laced dolarraren zeinua gehienak edozein jQuery kodea zehar?
Bai.
[Inaudible Oharra]
Ados. Beraz, dolarraren ikurra funtzioa DOM pasatzen bila
honekin zerbait bereziki CSS hautatzailea.
Beraz, egia da baina ia oso zehatzak.
Hau da, zer gertatzen da Kate bat pasatzen duzu
kasu honetan bezala, baina ez duzu Beti kate bat pasatzen dute.
Izan ere, puntu kasu, oso lehen lerroan hemen da, hau da, ez du
CSS hautatzailea, pasatzen ari naiz Lambda funtzio batean.
Beraz, oro har - beraz, erantzun ona baina gehiegi zehatza.
Oro har, zer da dolarraren ikurra irudikatzeko?
>> Just jQuery.
>> Bai. Beraz, besterik jQuery edo funtzio bat besterik ez da
duten zenbait Guy duela urte idatzi eta beste pertsona batzuekin izan
geroztik indartu literalki arabera lehenetsi deitzen da -
trabatzen da jQuery izeneko.
Besterik ez - da bihurtzen asko ez bezala atera
hizkuntzak dolarraren ikurra da bat primeran baliozko ikurra erabili
aldagai baten izena, berriz, in
PHP dolarraren ikurra in jakina, esanahi berezia dauka
baina JavaScript bezala Zenbait hizkuntzetan, dolarraren ikurra
eta azpimarra eta beste hainbat karaktere bereziak guztiz egiaztatzeko
zure ikur propioa erabili aldagai izenak.
Beraz, norbaitek besterik erabaki duten, zer ezagutzen duzu?
Honez nahiko lapurtera izango da
mundu osoa egiteko idatzi jQuery denbora guztian,
utzi ordenatzeko landatu me a lurrean partaidetza eta esan,
"Liburutegi hau izango dolarraren ikurra erabili. "
Eta hain zuzen ere, hau du arriskua goratzeko
beste norbaitek presumptuously da dolarraren ikurra erabili behar dituzten
bere liburutegi baina ez da ordenatzeko aseguratu moduak
denean dolarraren erabiltzen duzun sinatzeko mapak jQuery da
zuk probatu ahal delako bada izan da esleitutako dagoeneko
funtsean beste zerbait den.
Ondo da.
Beraz, hori da dena dela da, ez dago magia ez da.
Besterik sexy bat bilatzen du sintaxia zati hori da polita
eta azkar eta erraz idazten.
Beraz, zer gertatzen da, zuk idatzi dolarraren ikurra paren
eta, ondoren, funtzio anonimoa.
Beno, bihurtzen da hori ez dela Benetan azkarra notazioa
dokumentu dot egiteko prest paren.
Beraz, Cynthia bezala nabaritu lehenago dagoeneko aurkitu dugu bat
izkina kasu.
Duzu pasatzen bada besterik the lambda funtzioa,
dolarraren eragina zeinu apur bat desberdina da.
Izan ere, benetan gertatzen ari dena da honen baliokidea dela,
erreferentzia bat igaroz global dokumentuaren objektu
dela global bezala leiho objektu da
ematen dizu zenbait egiteko berezi
duten orri osoari eragiten edo nabigatzaileak eta bihurtzen
dokumentu hori denean hura biltzeko jQuery egiten duzu,
jQuery funtsean konturatuko, oh, hau erreferentea da
dokumentuaren objektu berezi hori egiteko,
let me now erregistratu bat prest izeneko ekitaldi kudeatzailea
eta hori ez da jaiotzez Ikusteko Javascript-a edo DOM zerikusia.
Prest jQuery bat da Gauza dioen
denean orria kargatu HTML elementu guztiak
baina ez du zertan kargaturik, CSS eta irudi guztiak
eta Javascript fitxategi eta flash fitxategiak eta gustatu zaie.
Beraz, aurretik beste urrats bat da orduan karga on aurrera
eta honako hau exekutatu.
Eta prest on erabiliz hankaz bide da dezakezu, badakiela,
duten elementu guztiak Zure DOM in,
bakarrean identifikatu guztia identifikazioak dituzten gauzak, nahiz eta existitzen dira
bada orrialdean, bere edukiak Oraindik ere kargatu eta kargatzeko daude
eta batzuk duzu une batez ikonoak hondatutako
edo atzeko aldean orri zuriak.
Bai.
>> Zer gertatuko litzateke [inaudible] bada?
>> Adibidez Perfect, Galdera perfektua.
Beraz, ikus dezagun ahal bada en simulatu hau oraintxe.
Beraz, utzi aurrera eta ezabatu honek bi lerro sortu eta hemen ondoren
konpontzen bothering gabe koska, utzi aurrera
eta ezabatu hau hemen behera - trabatzen, hau behera hemen.
Eta orain, let me baino gehiago joan nahi orria, joan inprimaki-2.html eta motaren
Erregistroan, ezer ez zirudien gertatuko, demagun, zergatik izan zen hori,
dezagun aurrera eta ireki Chrome inspector up,
ireki kontsola besterik ikusi ezer gertatzen bada, hemen, orain,
erregistratu, oraindik ezer ez.
Beraz, kodea da sintaktikoki isuna
beraz, ez dut ikusten inolako error gorria mezuak,
baina zer argi ez da gertatzen?
Nire kode bat ere ez da eskubidea, ez da, beraz, lan bakar bat ere ez
nire kodeen izan dela dirudi , exekutatzean beraz, zergatik da hau?
Beno, Javascript eta nabigatzaile orokorrago exekutatu
a web orrian, goian edukiak behean, ezkerretik eskuinera.
Eta arazoa da hori delako goiko
Orrialde honen ha HTML ondoren abiatuko ondoren, script gero gidoi beste,
hau da exekutatu ahal izateko joan zer da, nahiz eta prest aurretik,
edo baita zuhaitz existitzen orriaren ordezkaritza.
Inprimakia bera, ezta gorputza puntu honetan existitzen.
Beraz, jQuery smart nahikoa da bere error egiaztapena rekin
horretan ez dago elementu bada rekin Izen-emate ID bakarra,
ez da joan fidantza atera duzun
eta besterik kontsola batzuk eragin error eta orri osoa apurtu,
ez da eta ez ikusi egingo gero, baina arrazoi hori ere ez
kode hau inoiz exekutatzen da
denean duzulako erregistratu hau aurkeztu kudeatzailea,
ez zegoen elementu eransteko ere.
Beraz, moduko bat op ez da han.
Beraz, horren ordez, zehaztuz, itxaron adina kargatu arte
window.onload egin badugu Gauza hau da, ordenatu
ikastetxean egiteko modu zaharrak bertan edo sexier jQuery modu
Hau atsegin, ahal dugu esango du itxaron guztiak arte
XHTML etiketa horiek izan dira analizatu, beraz, nahiz eta
irudiek ez dute kargatuz gero, at Gutxienez nodo duen zuhaitza da,
Orduz JQuery izango bermatzeko ahal dena dago.
Bai.
[Inaudible Oharra]
Bai, ona, bai erabat.
Beraz, beste konponbidea honetan, ez baduzu erabili hau
edo ez zuen gogoratzen hori existitu,
ezin erabat mugitzen duzun hori guztia beheraino
web orriaren, barrutik gorputza, oraindik ere, baina hurrengo formularioa
eta zela ere arazo hau konpondu.
Besterik ez da normalean praktika txarra jotzen.
Nahasiagoak da eta sloppy bereziki
guztia jamming mantendu ezkero orriaren beheko aldean,
mantenduz, batez ere, naiz gauza guztiak jarriz sinplea
Nire kode barruan HTML orriaren
denean noski, ahal duzun zalantzarik gabe, ohitura bihurtu
ezazu factoring out of aparteko fitxategi batean
eta amaitzen da besterik polita da
ra zentralizatu du buruan fitxategiak.
Han izan ezik, prezio bat ordaindu behar da
Ikusteko Javascript-a jarriz CSS fitxategiak bezalako beste aktibo
orriaren buruan, zer duzu exekutatu arriskua?
>> Motelagoa orrialdea kargatzeko.
>> Motelagoa orrialdea kargatzeko, zergatik?
>> Saiatzen ari garelako liburutegi guztiak kargatu
[inaudible] aurretik.
>> Zehazki duelako nabigatzaile goi irakurri behean,
Ezkerretik eskuinera bada Google analytics dira motela
edo jQuery CDN motela da edo Facebook API motela da
eta fitxategi hori bakarrik zintzilikatzen potentzialki arabera
fitxategi hori nola kargatu duzun aurrera, orrialde oso zintzilikatzeko ager litezke.
Eta hau ikusten baduzu, asko Egia
webgune asko dute kalitate txikiko iragarkiak
horien gainean, bakar bat motela edo gara downed web orri bat zintzilikatu ahal
mugagabea batzuentzat segundo kopurua
azkenik nabigatzailea arte espero dugu garai horretan daudelarik
eta, ondoren erakusten dizu orriaren gainerakoa.
Beraz, duzun inoiz bezala erabiltzen bada Facebook da, botoi bezala,
Zure web orrian, let me ikusten dut hau aurkitu ahal bada
saioa hasi ahal izateko, hemen izan gabe.
Beraz, joan ezkero joan Facebook-en bezala botoia
eta sakatu get kode bat, madarikatua da,
aukera ematen dizu ikusi ahal bada Adibidez aurkituko,
segur aski, norbaitek hau argitaratua izan.
[Eten]
Amore eman dut gutxi barru segundo ez badugu ikusten honi.
Facebook asynch - Ados.
Beraz, hau kodea da, eta salbu Nik duela gutxi aldatu dute
duten Facebook benetan erabiltzea gomendatzen dizu
Bere liburutegia kargatu eta benetan proposatzen
hau jarri duzula in zure orria gorputzean.
Beraz, Facebook aholkuak ematen dizu ergelak DIV moduko bat sortu
duten bezala identifikazio berezia du honek, gero, izan gidoiaren etiketa bat
eta konplexutasun hori guztia funtsean, honako hau egiten
eta, ez dute inolako JQuery erabili ez dute nahi duelako
Beste edozein bereganatzeko mendekotasunak,
utzi hau mugitu me pixka bat pasatxo.
Beraz, nabarituko dute Funtzio anonimoak hemen,
horretan gehiago une bat besterik ez,
orduan erabiltzen dute Dokumentuak,
DOM elementu bat sortzen ari dira, hau malloc bezalakoa da nolabait esateko
non etiketa motakoa da gidoia, Honez gero zehazten da
duten async atributua Etiketa horren va
egia izan ondoren aurretik joan zaren bertan zer URL
Facebook en JavaScript izan beharko luke
eta hau fancy modu besterik ez da
egiaztapena egin beharko lukete HGP edo HDPS, izango da.
Eta gero, azkenik, zuk nabarituko zer Facebook ez,
DOM nodoaren lortu dutela Facebook erro izena du
hau da, zer kontatu nahi duzun orriaren jarri
eta ondoren umea erantsi dute beraz, horrek guztiak eragina da
ordenatzeko dinamikoki injektatu gidoi zure orrian sartu etiketa berri bat
DIV du ume bat duzula hor txertatuko da, beraz, gainerako
orriaren karga zorionez of
eta, ondoren, kode hau benetan lortzen asinkronoki kargatu.
Beraz, funtsean, ondoren Izan ere, eta nik baztertutako aipamen
funtzio anonimoen,
Zer da hau funky sintaxia hemen aipatuz
denean daukat funtzioa ez da bakarrik paren, itxi paren ireki
eta, ondoren, kizkur giltza, zergatik zabalik paren hemen
eta, ondoren, itxi ireki, itxi gurasoei han, zer egiten duten?
>> [INAUDIBLE] definitzeko eta ondoren exekutatzean?
>> Zehazki, ari bat definitzen da funtzioa hau da anonimoak
baina funtzio bat definitzea besterik,
noski, ez du exekutatu funtzio bat zuk deitu arte
izenaz, baina noski hau funtzioa anonimo bat da
beraz, ezin duzu deitu izena, baina ahal duzun
JavaScript exekutatu bat Funtzio anonimoak besterik
gauza osoa laburtzen arabera Parentesi egin dugun bezala
paren hau eta honekin gurasoei hemen eta gero finkatzeko bat
funtzioaren amaieran paren, itxi paren,
ez baduzu nahi gainditu du argumenturik.
Baina hori badirudi ergelak mota,
bezalakoa zergatik osagarriak honetan konplexutasun sintaktikoaren
pertsona gehienek ez dirudi aitortu, zer balioa
horiek biltzeko hiru kode lerro
funtzioa anonimo batean modu horretan.
Bai.
>> Gainidatziz ekiditeko bat en baliotsua [inaudible].
>> Zehazki, saihestu aldagai bat gainidatziz
existitzen den orri batean, ezta?
Facebook da zertxobait presumptuously erabaki,
erabili ari dira joan den E aldakorra, ez da oso litekeena
duzula edo inor erabiliz botoi bezalako Facebook
edo edozein beste gizarte plug
aldagai bat du nonbait E. Beraz izeneko,
guztiak laburtzen arabera Bere kodearen barruan
Funtzio anonimoak honen, dute funtsean bere esparrua propioa
horrek ez du clobbering arriskatzeko existitzen diren aldagaiak edozein.
Beraz, hau gehiegi da, benetan paradigma oso ohikoa,
batez ere, idatziz liburutegi kode bat
denean, edo ez duzu zuk zeuk zure izen-espazio gehiegi nahi
beste aldagai batzuekin duzu bizitzeko balioa nahi
eta hil behin irteten zarenean kode-bloke horretan,
hau teknika polit bat da JavaScript.
Ondo da.
Beraz, ondoren, adibide hau itzuli Hemen, azken batean egin denok
Adibidez hau da ekin besterik garbitu kodearen.
Beraz, oraindik oso bat lortu etengailuak mordo, sorta oso bat
baldintza hemen, baina sintaxia pixka bat nabarituko,
honekin DOM nodoa sartzen NAN erregistroa berezia da,
espazio bitartekoak bilatzeko oraingoz nodo duten ondorengo bat,
aurkitu da motakoa bada sarrera eta orduan ere
ez duzu ikusi bada hau aurretik, agian badakizu
hau besterik esan nahi duen jakiteko sarrera etiketarekin da,
duela Idazketa-elementuak izen atributua balio bat
email, eta gero utzi nire eskua olatuen batzuk me
gainerako ez da bizigarri hori guztia
baina benetan besterik jQuery sintaxia eragiketak bera da.
Ondo da.
Baina zer da hain garrantzitsua ez Hemen nabigatzailean albo stuff da
baizik eta, hain zuzen, dugun modu garbiago eta garbiagoa izan
benetan egiten kodea duten lana.
Ondo da.
Zalantzaren bat?
[Inaudible Oharra]
Ados. Orain fun zatia.
Beraz, Node.js Zergatik?
Nork zaintzen?
Zer dakizu egiten du gaur egun?
Node.js, zergatik?
Henry [ortografia gain hartu].
[Inaudible Oharra]
Bateria berrezarri?
Zer - hau da, bat perfektua labar esekitokia
bigarrenak, berriz, gaur egun erdia da.
Zergatik ez joan ginen eta hartu 5 minutuko etenaldi bat hemen,
han erdi gozoki bat Makina ez dago duzun bada
gabe gozoki batzuk bezala laurden bat jarriz sartu