ALLISON BUCHHOLTZ-UA: Kulħadd id-dritt Kollha.
Merħba lura għat-taqsima.
Huwa taqsima ta 'qabel tagħna.
Huwa tant imdejjaq.
I do not know dak li jien ser tagħmel mingħajr ma jaraw inti guys kull Tnejn.
I raden għandna just-- forsi nistgħu biss
jiltaqgħu hawn u jkollhom pranzu jew xi ħaġa.
I do not know.
I ser iġibu l-ikel minflok.
Aħna ser biss jitkellmu.
Iżda iva, ġimgħa d-dieħla se tkun l-aħħar taqsima tagħna.
>> Fuq din in-nota, inti għandek kwizz ġimgħa d-dieħla.
I know I nesa li tagħmel tiegħi, bħal, ġimgħatejn avviż bil-quddiem aħħar ġimgħa,
iżda nisperaw li inti guys kien jaf dan kien ġejjin.
Nisperaw li dan huwa wieħed mill-aħħar midterms għall inti guys għall-semestru.
Iżda li għaddej biex tkopri l- materjal li konna marret fuq.
Allura mhuwiex simili inti tista 'sempliċement tinsa madwar erba loops jew varjabbli.
Għaliex aħna tgħallimna dawk fil-bidu,
dawk huma ovvjament logħba ġust għall kwizz tiegħek.
>> Huwa ser tkun l-istess format, l-istess tul, sabiex inti diġà huma użati biex dan.
Hemm għaddej li jkun coding minn problemi idejn,
forsi xi falza vera, forsi xi risposta qasira.
Allura inti għandek tkun familjari mal-format,
speċjalment jekk inti tieħu it-testijiet prattika.
Imma kif I say hawn, huwa kumulattiv, iżda aħna qed żgur
ser jkun qed jiffoka fuq affarijiet mill sitt ġimgħat onward.
Allura, aħna qed probabbilment mhux se nitolbok dwar kif ħafna bytes
huma kull tip jew dawk l-xorta ta 'affarijiet,
imma aħna qed probabbilment se tkun interessati fl-affarijiet bħall listi marbuta,
jew strutturi differenti ta 'data, jew algoritmi differenti
li konna tkellimna dwar.
Sabiex tagħmel żgur li int qed verament up fuq dawk, u jekk inti
bżonn xi riżorsi, here lottijiet ta 'riżorsi.
I biss ħadt tip ta 'lista ta' malajr hemmhekk.
>> Ġimgħa d-dieħla se jkun kwizz tirrevedi matul dan iż-żmien.
Mela jekk għandek xi mistoqsijiet jew suġġetti speċifiċi,
affarijiet speċifiċi dwar l-kwizz li inti tixtieq li tmur fuq, jekk jogħġbok
jibgħathom lill lili qabel iż-żmien so I tista ' tip ta 'jippreparaw xi materjal għal dak.
U flimkien ma 'dan taqsima reviżjoni, aħna ser
wkoll tiġi jkollu l-kors kollha tirrevedi bħal għamilna aħħar darba.
U li għaddej biex tkun magħmul mill-istess nies.
I do not know jekk dan jagħmilha aħjar jew agħar,
iżda li għaddej biex tkun me, Hannah, Davan, u Gabe darb'oħra.
Mela jekk inti tixtieq li ġejjin tara lkoll banter ma 'xulxin
u jimxu miegħek permezz kwizz reviżjoni, għandek definittivament
jaslu għal dak it-tnejn li jmiss wkoll.
Allura inti ser ikollu biss Tnejn jam ppakkjati ta 'reviżjoni kwizz, li hija tajba
għaliex imbagħad inti għandek it-Tlieta biex jipproċessaw permezz kollox.
>> Iżda definittivament do check out dawn ir-riżorsi.
Study.csv.net hija bil-bosta, I think, waħda mill-aktar utli,
aktar minħabba li għandu lott ta 'kodiċi tal-kampjun,
hija għandha l-Punti Power ma 'l-noti dwar dan,
li huma verament dak I tfassal aktar ta 'materjali tiegħi sezzjoni minn.
Jekk ikun hemm xi ħaġa fil preëedenti sezzjonijiet li I jista 'jkollhom mibgħuta
li inti jista 'ma jkollhomx gotten, just let me know.
Bħal kodiċi kampjun ġimgħa li għaddiet, jekk xi ħadd ma jiksbu li,
biss email lili jew come talk lili, u jien ser tagħmel ċert li inti tikseb dak.
>> Allura ma 'dan, illum aħna ser li jkun jitkellem dwar JavaScript.
Allura hawnhekk għandna Tommy, li I kien biss nitkellmu miegħek aħħar lejl.
I love Tommy.
JavaScript huwa favorit tiegħu lingwa, kif jgħid hawnhekk.
Huma ser jippruvaw u jgħidlek li huwa mhux l-aħjar, u dawn se jkun żbaljat.
Allura Tommy huwa kaptan JavaScript.
Jien ma pjuttost fuq tiegħu livell, imma I kien simili,
"Tommy, kif nista jgħallmu dawn il-gidjien JavaScript? "
So I ltqajna xi tips, so nisperaw jaħdmu out.
>> Allura affarijiet koppja tkun taf hija li JavaScript huwa scripting client-side
lingwa, hekk billi PHP hija xi ħaġa li aħna meqjusa aktar server sekondarji,
kien upload lill-server, miġbura u esegwiti hemmhekk.
Dan wieħed huwa eżegwit fuq magna tiegħek stess.
OK?
Allura inti tagħbija xi paġna JavaScript, u tesegwixxi fuq magna tiegħek.
Sintassi huwa simili ħafna għall C u PHP.
Aħna qed tmur biex jgħaddu xi eżempji ta 'JavaScript,
u int ser tara li l- mod nitkellmu dwar varjabbli, loops,
u l-kondizzjonijiet huma kollha simili ħafna.
OK?
Il-fatt li dawn huma tant simili huwa probabbilment se vjaġġ xi wħud minnkom
up, f'xi każijiet, sempliċement minħabba inti ser tinkorpora xi ftit ta 'C
fejn m'għandu jkun hemm.
Forsi inti tipprova u t-tip xi ħaġa meta ma għandhom ikunu ttajpjati.
>> U fuq dan, ħaġa waħda li jafu hu li l-JavaScript
huwa dinamikament ittajpjat lingwa, bħall PHP.
Mela jekk inti guys tiftakar mit-taqsima aħħar ġimgħa,
meta konna tip ta 'kif isir crash course PHP tagħna,
rajna kif wieħed string jista 'jkun jiddawwar wieħed int, u ibqa 'sejjer.
It-tip ta 'varjabbli tiegħek huma determinati fiż-żmien run,
sabiex ikunu jistgħu jinbidlu matul il-kors tal-programm,
u bl-istess mod li aħna qatt verament tiddikjara tipi għall-varjabbli PHP,
aħna qed tmur biex tkun qiegħda tagħmel l-istess Ħaġa hawn, fejn aħna mhux qed verament
kontroll tal-tipi ta 'varjabbli tagħna, biex ngħidu hekk, bħal nagħmlu fil C.
>> U allura ħaġa waħda dan huwa pretty jibred huwa
li inti tista 'żball iċċekkja permezz tal-console,
ma 'din il-funzjoni kbir console.log, li
jippermettilek li jistampa differenti Varjabbli jew oġġetti li aħna ser
jitkellmu dwar.
Eżatt bħal aħħar ġimgħa meta I kien bħal, "użu din il-funzjoni," ma 'dump
minn pset tiegħek dan huwa funzjoni inti tixtieq li tuża, console.log.
I kien tant sorpriż kif ħafna istudenti fil-ħinijiet uffiċċju
ma kinitx taf dwar l-funzjoni dump.
U I kien simili, "guys, dan se jagħmlu l-ħajja tiegħek tant faċli. "
>> Kull dritt, hekk li kien tip ta ' biss ħaġa fil-qosor, bħal dejjem,
għandna eżempji.
Naf li inti guys imħabba dawk.
Allura hawnhekk eżempju ta 'ħafna sempliċi JavaScript fajl hawn.
Allura huwa biss se toħloq dan pop-up li tgħid,
"Dinja bonjour," meta inti jidħol il-paġna, imma ejja
ipprova u jimxu permezz ta 'dan ftit.
Allura ovvjament dan huwa biss bħall index.html normali tiegħek.
Għalhekk, biss template normali tagħna hawn, u għandna HTML, għandna ras tagħna,
u bħad bil CSS, kif aħna inklużi xi fajl barra, id-dritt?
Għandna xi tip iskrittura test li huwa JavaScript.
U s-sors huwa hello.js, li huwa jistabbilixxi hawn.
Dan huwa l-fajl kollu ta hello.js.
U allura għandna xi titolu u xi korp HTML
li aħna ma verament jimpurtak.
>> Dak li jiġri huwa, meta aħna tagħbija din il-paġna, awtomatikament tesegwixxi din l-iskrittura.
OK?
Allura JavaScript se tesegwixxi awtomatikament.
Allura dak li għaddej biex tagħmel, li għaddej li jmorru immedjatament u tesegwixxi dan.
U li għaddej biex jgħidu, "allert.
Hello dinja. "
Liema allert hija l-funzjoni li attwalment jiġġenera din il-kaxxa.
OK?
Allura huwa tip ta 'kollox jħaddnu.
M'hemm xejn żejjed kellna biex tagħmel minbarra biss allert,
u mbagħad ikun x'ikun ridna fi ħdan kaxxa Alert tagħna.
OK?
Allura li jinsab biss sempliċi super eżempju ta 'dak JavaScript jistgħu jagħmlu.
>> Wieħed mill-verament jibred affarijiet, kif aħna ser tara,
huwa li JavaScript jippermetti li inti li jimmanipulaw paġni web tiegħek,
mingħajr ma jkollhom rikarigu minnhom kull darba.
Mela jekk inti want-- per eżempju, jekk inti qed jittajjar fuq xi ħaġa,
jekk inti guys qatt tidher bħal bars Menu,
jew meta inti imbagħad jerġgħu jsiru fuq xi suġġett, menu Drop-down tidher,
dan għaliex ta JavaScript.
OK?
Allura int mhux tagħbija mill-ġdid il-kollu paġna biex tikseb dan menu li juru up,
qed tfittex biss għal xi speċifiku azzjoni li l-utent ikun ħa,
li huma msejħa avvenimenti li aħna ser nikseb fi, u ladarba inti tara li, inti tgħidli,
"OK, jeditjaw xi ħaġa fuq din il- paġna u jagħmluha ħarsa differenti,
iżda biss jeditjaw dawn l-affarijiet speċifiċi.
Ma rikarigu-ħaġa sħiħa. "
Allura fil-fatt hu ferm nicer, u inti ma għandekx biex jerġgħu jitgħabbew paġni tiegħek,
u huwa verament jibred.
>> Dikjarazzjonijiet Allura varjabbli, sabiex inti tista 'tip ta' tara,
Nressaq fuq quċċata hawn, laxk ittajpjat.
Allura dan huwa simili ħafna PHP.
Aħna ma bżonn li tgħid JavaScript liema tip nkunu
jistennew kull wieħed minn dawn il-varjabbli li jkun.
Huma jistgħu jkunu x'ikun it-tipi rridu.
Allura inti tinnota f'dan il-każ, aħna niddikjaraw minnhom ħafna sempliċement, biss bi "var"
u mbagħad xi rridu isem varjabbli tagħna li tkun.
Ħaġa waħda li wieħed jinnota huwa li meta inti tpoġġi var quddiem ta 'isem varjabbli,
huwa ambiti dan lokalment.
OK?
Huwa totalment raġonevoli għalik li kompletament biss iħassar il var
u biss ikollhom i ugwali CS50, u li tkun biss varjabbli globali.
OK?
Allura inti tista 'initialize żewġ modi, biss tiddependi fuq kif inti jriduhom.
Mela jekk inti qed initializing f'perjodu ta 'funzjoni,
u inti tixtieq li varjabbli li waqfa scoped fi ħdan dik il-funzjoni,
int ser jixtiequ jagħmlu xi ħaġa bħal var insemmu xi varjabbli,
versus jekk inti tixtieq li globalment scoped, inti
tista 'biss tagħmel l-isem ta' l-varjabbli u mbagħad
tkun xi tkun tixtieq li tistabbilixxi ugwali għal.
OK?
>> Dan huwa tip ta 'ħaġa jibred isfel hawn, għaliex jekk aħna Avviż varjabbli tagħna
b tibda bħala vera.
U liema dan does-- jista xi ħadd tell me dak li dan ma?
Allura aħna għandna xi allert.
What would tip ta b jkun fil-bidu?
UDJENZA: Boolean.
ALLISON BUCHHOLTZ-UA: Boolean.
Dritt.
U allura aħna jassenja mill-ġdid b għal din is-sekwenza, id-dritt?
Mela allura hawnhekk, liema tip ta 'b' jkun?
Hija d jkun string, id-dritt?
Allura x'inhu importanti biex l-avviż huwa li fl-c, aħna
tista 'kważi qatt do xi ħaġa bħal dik.
Aħna'd li jkollha varjabbli, mitfugħa bħala xi ħaġa oħra,
forsi jagħmlu xi funzjoni ma 'żewġ i, imorru minn ħlas għal integer.
Imma jekk aħna Avviż hawnhekk, b faċilment bidliet tip.
>> UDJENZA: Stenna, sabiex inti tista 'sempliċement jkun simili, "jagħmlu b integer?"
>> ALLISON BUCHHOLTZ-UA: Yeah.
Tista 'biss jassenja mill-ġdid b lil integer.
>> UDJENZA: Really?
>> ALLISON BUCHHOLTZ-UA: Yeah.
U allura se jkun hemm int.
Allura varjabbli tiegħek jista 'tinbidel maż- il-kors tal-programm wisq.
Huma mhumiex strettament ittajpjat.
Huwa ħafna laxk ittajpjat.
OK?
Bażikament varjabbli tiegħek tista 'tagħmel dak kollu huma jridu, kif aħna tip ta 'raw ma PHP.
Huma jistgħu jagħmlu xi affarijiet crazy, hekk huwa importanti li jkun pjuttost attenta.
Isem varjabbli tiegħek ukoll.
Jekk inti ma, kollha f'daqqa int se tkun simili,
"Stenna, ħsibt li dan kien spag, u issa huwa ta 'int,
u jien ma verament ċert x'inhu għaddej hawn. "
Allura dan huwa biss eżempju sempliċi ta ' turi kif varjabbli jista 'faċilment
tibdel it-tip tiegħu fuq il-kors ta 'programm.
>> OK.
Allura dan għandu look super, super familjari.
Allura dawn huma loops tagħna fil JavaScript.
Dawn huma eżattament l-istess, ħlief għall- minflok erbgħa int i ugwali żero,
nistgħu biss jgħidu i var ugwali żero.
U allura aħna jista 'jkollhom istess tip tagħna tal-kundizzjoni, l-istess tip ta 'aġġornament,
i plus plus xogħlijiet biss multa.
Allura fours huma l-istess, whiles huma l-istess,
u jagħmlu whiles huma eżattament l-istess.
Istess tip ta 'format ġenerali.
Aħna Avviż, erba, f'parentesi, parentesi, huwa kollha l-istess.
Ukoll se jkun hemm semicolons meta nikbru għall-eżempju kodiċi.
Int ser ikollok tara huwa pjuttost ħafna l-istess bħal c.
>> Għal dikjarazzjonijiet funzjoni, għal darb'oħra, simili ħafna.
Għandna xi funzjoni li biss jgħid li huwa funzjoni, u mbagħad
l-isem ta 'tagħna funzjoni, u l-inputs.
U għal darb'oħra jekk aħna Avviż, aħna m'għandhom l-ebda tipi hawn tkun xi tkun.
Dritt?
Għandna xejn tgħid li dawn jeħtieġ li tkun ints jew jirdoppja, jew floats.
Huma jistgħu jkunu x'ikunu jridu.
Dak li huwa importanti huwa jinnota li għandna bżonn li jiktbu funzjoni qabel
let JavaScript jafu li dan huwa attwalment funzjoni.
>> Allura dan huwa biss ftit somma sempliċi funzjoni li jirritorna x jew y,
u mbagħad x'hemm wkoll jibred hija li inti tista 'attwalment
tassenja funzjoni lil varjabbli.
Allura f'dan il-każ, is-somma issa l hija funzjoni li attwalment ma somma.
Mela jekk tinnota hawn, aħna għandna funzjoni, isem tal-funzjoni, inputs.
Dritt?
Hawnhekk aħna biss għandhom funzjoni u inputs.
Allura dan jissejjaħ funzjoni anonima.
U din hija xi ħaġa li għandha tkun ġdida għal ħafna minnkom guys, jekk mhux kollha inti.
Allura bażikament dak li mezzi huwa li aħna ma
bżonn li l-isem ta 'tagħna funzjoni f'dan il-każ.
Nistgħu biss jgħidu, "OK, jien ser ikollhom din il-funzjoni li tesegwixxi, hawnhekk
huma inputs tagħha, u hawnhekk dak li għaddej biex jagħmlu. "
U speċjalment meta int jassenjaw funzjoni għal xi varjabbli
li int ser jimmanipulaw, inti ma neċessarjament
bżonn biex insemmu għaliex int ser tkun jirreferu
lilha minn dan il-varjabbli isem, ma b'kull
il-funzjoni kien attwalment imsejħa.
OK?
>> Allura jekk naraw hawn, aħna ikollhom xi somma varjabbli issa
li huwa ugwali għall- somma ta 'tlieta u ħamsa.
U aħna se tikseb dan.
U dan kien biss jkollha xi allert, tlieta flimkien ma 'ħames daqs in-numru.
Dan plus se biss concatenate ikun x'ikun risposta tagħna kienet fuq il-sekwenza.
Ukoll jibred, plus jistgħu concatenate kordi.
>> Għal JavaScript, kif ma PHP, HTML, CSS u kif għidna,
lott ta 'dan aħna xorta qed ta' teħid ir-roti tat-taħriġ off hawn
u inti guys jkollhom ħafna ta 'l-għarfien kif verament jifhmu dawn l-affarijiet.
Huma qed kemmxejn differenti, iżda dawn mhux qed hekk barrani
u li inti ma tistax Google affarijiet jew tfittex lilhom online ma 'skejjel W3.
U aħna qed verament jistennew li inti guys lil, tip ta ', esperiment
u jitgħallmu fuq tiegħek.
So, I know dan jista 'jidher ftit inqas bir-reqqa minn uħud mill-affarijiet c
nagħmlu, iżda li attwalment għal raġuni.
Iżda nisperaw mhuwiex wisq differenti, u mhuwiex kbira.
>> Allura arrays fil JavaScript, darb'oħra ħafna, simili ħafna.
Dritt?
Għandna xi firxa varjabbli thats ugwali għal parentesi vojta,
u li jinsab biss firxa vojta.
Dan huwa spiss imsejjaħ notazzjoni firxa litterali.
Li jinsab biss ħaġa waħda nagħmlu sejħa hija.
Jekk naraw firxa tnejn hawn, aħna għandna xi firxa litterali li għandha tliet elementi,
dritt?
U allura għandna xi tielet element var thats
xi varjabbli li jinsab biss ser iżommu dan string, JS.
>> L-elementi, tajba li l-avviż, huma separati minn virgoli,
bħad nistgħu nistennew.
U inti tista 'wkoll aċċess dawn, kif għamilna fis-C, ma din in-notazzjoni indiċi, id-dritt?
Allura differenti minn PHP issa, aħna qed tmur lura
biss it-tip ta jirreferu biex l-affarijiet mill-indiċi.
Eżatt bħal C, huwa wkoll indiċi żero.
Inħoss bħal li jkun verament krudili jekk f'daqqa waħda għamlu JavaScript wieħed
indiċi, u inti kellhom kompletament naħsbu mill-ġdid kif inti taħseb dwar arrays.
>> Ħaġa waħda jibred huwa li minflok ta 'wara li do-- jekk inti qatt
riedu it-tul ta 'firxa, forsi inti jtenni permezz ta 'dan
sakemm issib xi tarf, jew inti biss taf għalxiex.
Minħabba JavaScript huwa laxka ħafna aktar modi milli sempliċiment tip, kif naraw hawn,
nistgħu biss tagħmel dan array akbar għaliex aħna jiddeċiedu li.
Jekk aħna Avviż firxa tlieta għandu tliet affarijiet biex tibda,
iżda mbagħad kollha f'daqqa, aħna qed simili, "oh, biss kidding.
Aħna qed attwalment għaddejjin li jagħmilha 101 affarijiet. "
Mela jekk inti qatt trid tkun taf l- tul attwali tal-firxa tiegħek,
inti tagħmel dan bħal dan.
U aħna qed tmur biex tara ħafna ta 'dan notazzjoni fil-eżempji,
iżda bil JavaScript huwa tipikament ikun x'ikun
oġġett li inti qed jitkellem dwar dot kwalunkwe tip ta 'funzjoni
inti tixtieq applikati għaliha.
OK?
>> Allura f'dan il-każ, tagħna oġġett huwa array tnejn,
u aħna ngħidu aħna rridu li l- tul ta 'firxa tnejn.
Allura dan biss jitlob bħal tul fuq dik.
U li se terġa 'lura tul tiegħek.
Wkoll xi ħaġa li wieħed jinnota li jekk aħna Avviż arrays tagħna,
b'differenza C, dawn ma jkollhomx li tkun kollha tal-istess tip.
Dan huwa ferm aktar simili PHP.
JavaScript huwa bażikament bħad dan meld interessanti ta 'C u PHP.
Allura aħna ser jsibu rwieħhom li.
Għal issa, ejja biss wieħed jassumi li arrays tiegħek huma bażikament
bħall arrays Ċ, b'mod li huma żero indiċjati.
OK, hekk li huwa kollox.
Tista 'wkoll biss testendi firxa li tkun xi indiċi trid.
Billi dan probabbilment SEG tort fuq inti jew jagħtuk xi żball,
JavaScript huwa simili, "NaH, huwa multa.
I sibt dan.
Aħna ser biss jmorru straight fejn inti tixtieq li. "
>> OK, hekk l-oġġetti huma importanti ħafna.
You guys se tkun qed tuża ħafna ta 'dawn fil-sett tiegħek P, jekk niftakar sewwa.
Allura l-ħaġa li dawn huma simili fl C huma structs.
Allura inti tista 'taħseb about-- meta immorru eżempju dritt
wara dan Naħseb li taf jagħmlu ħafna aktar sense--
imma aħna bażikament jużaw l-oġġetti għall- torganizza ta 'informazzjoni kors relatat.
Meta tkellimna dwar structs fis-C, aħna sikwit
jitkellmu dwar student li kellhom xi isem, ID, house, inti taf, il-konċentrazzjoni.
U dan huwa tip ta 'l-istess ħaġa li nużaw l-oġġetti hawn.
Huwa biss li jorganizzaw informazzjoni simili.
>> Tista 'wkoll taħseb dawn kif aktar simili għal assoċjattiva arrays fil-PHP.
Għalhekk dan ikun it-tip tal-ħaġa fejn għandna xi ċavetta ma 'xi valur,
simili ħafna għall PHP.
Allura inti tista 'initialize xi oġġett vojta, kif naraw up here,
biss b'ċineg kaboċċi.
Arrays hekk huma parentesi kwadri.
Oġġetti vojta huma ċineg kaboċċi.
Distinzjoni tajjeb li jkollha.
U dawn huma biss tnejn differenti modi biex jistabbilixxu proprjetajiet.
Allura dan huwa tip ta ' ħafna aktar ta 'mod li
huwa simili għal PHP, mal tagħna arrays assoċjattiva, bl ewlenin tagħna,
u l-valur tagħna, filwaqt dan wieħed is-- inti ser
tara dan ħafna aktar fil-JavaScript.
Dan għandu tendenza li jkun il-konvenzjoni.
U fl-istess mod li għamilna firxa tnejn dot tul, dan huwa qal,
"OK, tagħti me dan attribut ta dan l-oġġett. "
Dritt?
Allura l-istess mod li kien simili, "tagħti me it-tul attribut ta 'firxa tnejn, "
dan huwa qal, "tagħti me xi proprjetà ta 'oġġett vojta tagħna. "
Jew f'dan il-każ, aħna assenjazzjoni tiegħu lill xi valur hawn.
Iżda int tista 'wkoll aċċess dan il-mod.
>> U allura hawnhekk dan huwa biss turi żewġ twissijiet differenti.
Allura dan se juru l-allerti ikun l-istess eżatt,
huwa biss żewġ modi differenti ta ' aċċess għall-element li rridu.
Does li jagħmel sens għal kulħadd?
Inħoss bħal dan wieħed probabbilment jagħmel aktar sens,
sempliċiment għaliex aħna qed ġejjin off ta 'PHP.
Imma kif nagħmlu iktar eżempji, din hu litteralment eżattament l-istess.
A lott ta 'dan huwa biss bidla fil-sintassi.
>> OK, so eżempji.
I love eżempji.
Allura hawnhekk hija xi CS50 varjabbli li huwa oġġett,
u aħna taħżen dan kollu informazzjoni dwar dan.
Allura aħna għandna course, għalliem, TFS, psets, u taped.
Allura aħna Avviż dawn huma kważi kollha ta 'tipi differenti.
Dritt?
Allura oġġetti jista 'jaħżen attributi ta 'tipi differenti.
Nistgħu naħsbu ta this-- huwa ferm simili għal firxa assoċjattiva tagħna fil-PHP.
Allura ewlenin, il-valur, ewlenin, il-valur, ewlenin, il-valur, fuq hekk u ibqa 'sejjer hekk.
X'hemm wkoll interessanti bl-istess mod li jista 'jkollna arrays fi ħdan arrays,
nistgħu wkoll ikollhom oġġetti fi ħdan oġġetti, jew arrays ġewwa oġġetti.
Int qatt verament limitati għal biss wieħed wieħed ta 'affarijiet.
Nistgħu nibdew Inceptionesque ħafna, just iżommu għaddejjin isfel l-toqba fenek hemmhekk.
>> Allura jekk aħna avviż, aħna għandhom xi kors li
hija sekwenza, għalliem thats string, u firxa, l int, u Boolean.
Allura kollha ta 'dawn l-affarijiet differenti.
>> Kull dritt, hekk, aħna għandna waħda xulxin.
Allura f'dan il-każ, aħna għandna firxa ta 'oġġetti.
Hekk biss bħal oġġett jista 'jkollhom firxa fiha.
Nistgħu wkoll ikollhom firxa ta 'oġġetti.
Dan jista 'jkun utli li jaħsbu dwar simili għal tip
ta 'kif kellna hash mejda, kellna firxa
ta 'dawn kollha differenti tipi ta 'structs dik
kienu pointers għall differenti lymph u whatnot.
Iżda f'dan il-każ, aħna ikollhom firxa ta 'oġġetti.
Allura dan huwa simili firxa arrays ta assoċjattiva.
Allura aħna għandna xi ewwel element ikun ikunu l-oġġett bl-isem James
u dar Winthrop.
>> You guys tista 'tiftakar xi ħaġa simili ħafna għal dan
mal-aħħar pset tiegħek, fejn jekk inti jinġibed xi ħaġa mid-database tiegħek,
l-ewwel tip ta ' ħaġa fil-firxa tiegħek kien
l-informazzjoni kollha dwar l-ewwel utent li ltaqa dan,
u allura inti kellhom indiċi rwieħhom li biex jiksbu l-istokk tagħhom jew cache tagħhom
jew whatnot.
Allura dan huwa ferm l-istess ħaġa, biss ftit bidla
fil-sintassi, il-bidla ftit fil il-kliem li nużaw biex jiddeskrivu lilhom.
>> Mela jekk ridna, jista 'xi ħadd tell me dak li dan allert ser jagħmlu hawn?
Jew dak din id-daqsxejn ta ' kodiċi se jagħmel għalina?
UDJENZA: Hija ser jagħtuk l-ismijiet kollha.
ALLISON BUCHHOLTZ-UA: Dritt, hekk kien biss allert ma 'l-ismijiet
għaliex imur permezz cottage i, u għalhekk d tibda fuq żero.
Għalhekk jgħidu, OK aħna qed tfittex f'dan l-ewwel oġġett, li
hija l-ewwel slot fl firxa tagħna.
U jgħid, "agħtini l- jattribwixxu, l-isem ta 'dak l-oġġett. "
Allura aħna go here, aħna'd scan, aħna'd ssib l-isem,
u aħna'd jistampa James, Molly, u Carl.
Kwalunkwe mistoqsijiet s'issa?
JavaScript sfortunatament int ser tkun
jagħmlu ħafna tfittex up fuq tiegħek stess, jidhru l-sintassi,
jitħabtu magħha.
Iżda naturalment jien dejjem hawn, ħinijiet tal-uffiċċju huma dejjem hawn.
I jista 'jkun fuq Tlieta din il-ġimgħa.
Mela jekk int hemm, inti tista ' come żur lili din il-ġimgħa.
Hija d jkun kbir.
>> OK, hekk DOM huwa Mudell Dokument-Għan.
Allura dan huwa biss mod li aħna simili biex jaħsbu
dwar kif HTML tagħna u kollox fi ħdanu hija organizzata.
Dan huwa ferm xi ħaġa li probabbilment se toħroġ fuq kwizz tiegħek.
Naf sena tiegħi, kien simili hawn File HTML, imla l-DOM għal dan.
U inti biss jimlew affarijiet ftit.
Dawn għandhom ikunu punti faċli nisperaw.
Nisperaw inti ser see--
>> UDJENZA: [inaudible]
>> ALLISON BUCHHOLTZ-UA: Allura tara din is-siġra hawn?
>> UDJENZA: Yeah.
>> ALLISON BUCHHOLTZ-UA: Allura dawn se jistaqsu użu
biex timla dak li jmur taħt il-ġisem.
Forsi taħt l-korp, aħna għandna xi divs jew għandna xi paragrafi,
u aħna ser nitolbok biex timla siġra ħafna bħal dan.
Allura aħna ser tkun mixi permezz tiegħu.
Allura l-Dokument-Għan Mudell huwa biss mod
biex jistrutturaw u jaħsbu dwar HTML tagħna grafikament.
U wkoll meta nikbru fi aktar JavaScript,
li għaddej biex tkun l- mod li għandna attwalment
jimmanipulaw differenti elementi fuq il-paġna.
Għandna bżonn mod biex jaċċessaw kull ta 'l-affarijiet fil-HTML tagħna,
u għalhekk dan jagħtina ħafna f'mod standardizzat konkret
madwar paġni web varji biex tagħmel dan.
>> Allura jekk aħna biss walk permezz dan hawnhekk, naturalment
Dokument tagħna huwa bħall-fajl kollu tagħna.
Li ovvjament jagħmel sens li huwa l-ogħla ħaġa,
u allura għandna HTML attwali tagħna, li jikkorrispondi għal din tag hawn.
Ukoll jekk inti fil indent tags tiegħek kif suppost, allura toħloq din is-siġra DOM
isir sempliċi super.
Allura aħna għandna xi ras hawn.
Għandna xi korp li naraw zokk off tal HTML,
huwa għalhekk li għandna ras u l-ġisem.
Fi ħdan ras, aħna għandna xi tag titolu, l-tikketta titolu għan,
hekk aħna nafu li jiġi wara ras.
U fi ħdan titolu tag tagħna, għandna hello, dinja.
OK?
Allura dak din il-fergħa kollu xellug.
U mbagħad għall-fergħa tal-lemin hawn, naraw li għandna HTML,
OK aħna ghamilt din il-parti tar-ras, aħna qed tfittex biss fil-ġisem,
hekk aħna għandna xi żona ġisem.
U fi ħdan dak, l-unika Ħaġa għandna huwa hello, dinja.
OK?
Jekk kellna affarijiet simili xi p bracket u mbagħad
hello, dinja, u mbagħad ieħor p bracket tal addiju, dinja,
rridu naraw żewġ bżieżaq ġejjin off ta here.
Minħabba li qed kemm taħt tal-ġisem, iżda dawn qed paragrafi separati f'dan il-każ.
Hemm definittivament prattika fuq dik fl kwizzijiet preċedenti,
kif ukoll ħafna online fuqha.
OK hekk, dan biss tikri us tara kollox nicely
u timmanipula l-affarijiet sistematikament ħafna.
OK?
Nafu eżattament kif travers permezz din is-siġra,
hekk nafu dak li rridu aċċess.
>> OK hekk dan huwa għaliex irridu li jkollhom din it-tip ta 'mudell,
hekk li nistgħu nużaw affarijiet bħal dan, u aħna jifhmu dak li jfisser,
u dawn qed standardizzat madwar l-affarijiet kollha li nagħmlu.
Allura dokument dot titolu huwa biss it-titolu ta our-- 'dawn kollha
huma pjuttost awto spjegazzjoni, Inħobb naħseb.
Allura l-ewwel tlieta Eżempji huma biss qal,
"OK, biss jagħtu me l- titolu ta 'din il-paġna web. "
Għalhekk se jtik dak jikkorrispondi mal-titolu.
>> Dokument dot korp huwa ser jagħtuk dak kollu li huwa fi ħdan dawk tags ġisem.
Allura inti tista 'timmanipola dik.
U dokument dot dot ġisem jidħol HTML huwa wieħed ferm jibred,
u forsi mhijiex bħal super intuwittivi, iżda l-HTML ġewwa
jikkorrispondi għal dan id-dritt hawn.
Mela jekk inti qatt tixtieq li jimmanipulaw it-test fuq paġna,
tipikament int ser tkun qiegħda tagħmel xi ħaġa ma 'korp dot HTML ġewwa.
OK?
Allura HTML ġewwa t-tendenza li jirreferu għall dak li huwa effettivament bejn dawn it-tags.
OK?
U mbagħad funzjonijiet utli.
Mela jekk int riedu li tikseb kwalunkwe minn dawn, kwalunkwe element,
għandna xi Id-klassi isem, jew isem tag.
Dan huwa simili ħafna għal affarijiet għamilna ma CSS, id-dritt?
Fejn għandna xi seletturi li jikkorrispondu għal jew tikketta, klassi
li aħna tagħtihom, jew Id.
Dan huwa ferm l-istess mod.
Jekk għandek xi ħaġa li għandu xi klassi ta 'kelb,
u inti tgħidli tikseb elementi bl-isem tag, u inti tpoġġi klieb fil there-- jew sorry,
isem tal-klassi.
Inti tista 'tpoġġi dot fil hemmhekk.
Huwa ser jirritorna dawk kollha Elementi lilek li jkollhom dik il-klassi.
Allura inti tista 'timmanipola biss dawk.
Bl-istess mod, forsi inti biss tixtieq li jimmanipulaw xi header, so
xi header h1, bħal għamilna.
Inti tista 'tagħmel tikseb elementi mill tag isem, minħabba h1 huwa isem tag.
U bl-istess mod, jekk inti tixtieq li tikseb xi ħaġa unika, inti tista 'tagħmel tag get.
Get element minn Id.
U huma attwalment lottijiet ta 'dawn.
Dawn huma biss simili tlieta ta 'ħafna ħafna.
Mela jekk inti tmur online, kif Jien ser tinkoraġġixxi
inti tagħmel, u jagħmlu xi riċerka fuq tiegħek,
I definitely jirrakkomandaw tħares lejn dawk kollha.
Huma jistgħu jkunu super utli, speċjalment meta
inti tixtieq li biss tip ta 'timmanipola affarijiet speċifiċi ħafna mingħajr ma jkollhom
li jmorru permezz u jippruvaw biex parse out kollox.
>> OK, hekk l-aħħar ħaġa huwa JavaScript avvenimenti.
Allura meta I kien jitkellem qabel dwar jmorru fuq websajt,
u meta inti imbagħad jerġgħu jsiru fuq xi ħaġa, jew maws hovers fuq xi ħaġa,
xi ħaġa oħra jiġri.
Dan huwa dak li aħna tixtieq jaħsbu dwar bħala avveniment.
Allura dak li għandna li jistgħu jkun utli hawnhekk huwa onclick.
Allura minjiera kien fuq imbagħad jerġgħu, li, jien pretty żgur, huwa biss fuq imbagħad jerġgħu.
Wkoll ton ta 'dawn li inti tista 'tfittex għall.
Hemm lista sħiħa online ta 'l-affarijiet differenti
li inti tista 'tisma għall.
>> Iżda avvenimenti JavaScript huma bażikament biss jirrispondu għal affarijiet
dak l-utent tiegħek qed tagħmel.
Dritt?
Allura l-utent tiegħek ma xi ħaġa, li avveniment,
u JavaScript ser tirrispondi madankollu inti tixtieq li.
Hija se jirrispondu kif xieraq.
Allura f'dan il-każ, aħna għandna xi tieqa dot onload.
Allura dak li dan jgħid hu, "stenna sakemm mgħobbija l-tieqa ta. "
OK?
Allura meta kollox ta mgħobbija, onload, allura inti tista 'tesegwixxi din il-funzjoni.
Allura meta l kollox mgħobbija, int ser
li jkollhom xi buttuna ta 'tfittxija li gets element minn Id-
u prints kwalunkwe li element huwa kif l-buttuna Search.
U allura għandna dan il-varjabbli, nistgħu ngħidu, "OK, onclick."
Allura meta aħna tisma klikk fuq il-buttuna Search,
jesegwixxi din il-funzjoni, li hija allert, inti għafast il-buttuna Search.
>> Allura x'jiġri is-- dan huwa sabiħ rappreżentazzjoni grafika ftit hawn.
Allura tagħbijiet dokument tagħna, li l-onload tagħna,
insibu Fittex tagħna buttuna, li hija din.
Aħna qed infittxu buttuna Search tagħna.
U allura meta l-buttuna Search hu għafast, dan ikun jikkorrispondi għal dritt hawn.
Onclick.
Imbagħad aħna finalment twissija utent tagħna, li huwa dan l-aħħar linja hawnhekk.
OK?
Allura kull wieħed minn dawn l-erba passi biss jikkorrispondi għall-erba 'kaxxi
hemm isfel fuq il-qiegħ.
Does li jagħmel sens għal kulħadd?
>> U allura ħaġa waħda li jien biss se li jsemmu ħafna, fil-qasir ħafna, li I
ninkoraġġukom guys sa tmur tħares aktar lejn huwa
jQuery, li huwa biss librerija li hija mibnija fuq quċċata ta 'JavaScript.
Huwa super utli, kif bl-aktar libreriji.
Hemm lottijiet ta 'funzjonijiet.
Mela jekk hemm qatt xi ħaġa li inti tixtieq li tagħmel fil JavaScript,
ewwel istint tiegħek m'għandux ikun biex jaħsbu
ta ', "liema funzjoni għandu I kodiċi? "Għandu jkun,
"Let me tara xi ħadd huwa diġà għamlu dan għalija. "
Minħabba disa 'darbiet minn għaxar, xi ħadd se għamlu dan diġà,
u dawn probabbilment għamlu dan aħjar.
Nies jqattgħu ħafna ħin tagħmel dawn, u JavaScript huwa użat b'mod wiesa 'ħafna,
sabiex in-nies huma kontinwament tipprova tagħmel dan aħjar.
U jQuery għandha ħafna ta 'funzjonijiet li probabbilment se tkun utli għalik
fil-proġett finali tiegħek jekk int tagħmel xejn ma 'web disinn.
Kif Jien inħobb ngħid, "xogħol aktar intelliġenti, mhux aktar diffiċli. "
Jekk inti guys tagħmel dan, dan ser ikun kbir.
Meta aħna qed fil-hackathon I do not jixtiequ li inti tkun kollha enfasizzat.
Irrid li inti tkun simili, "I ltqajna din. tal jQuery marret lura tiegħi.
I m'għandhomx bżonn li tikteb dawn il-funzjonijiet. "
>> Hekk biss żewġ affarijiet li ftakar, jien ser
let you guys tħares aktar fis jQuery fuq tiegħek.
All jien ser ngħid huwa ma xi affarijiet pretty biża
u jistgħu jagħmlu l-ħajja tiegħek lott kollu aktar faċli.
Imma dak li inti tixtieq li għandhom hija x'ikun fajl
li int ser tkun qed tuża fil, int tmur jridu dawn iż-żewġ linji.
Int ser jridu li l- iskrittura tal JS jQuery dot JS.
U fil-fatt sors tiegħek se jkun hemm xi URL.
Jekk inti Google jQuery, Google attwalment tospita il-fajls kollha għalik.
Allura inti tixtieq li definittivament input li URL minflok.
I biss jitqiegħed dan hawn għal raġunijiet ta 'sempliċità tal.
Kollha dan ifisser huwa fejn issib librerija jQuery tiegħek.
Huwa massiva, sabiex inti ma tridx li torganizzaha fuq il-kompjuter tiegħek
jekk inti tista 'tevita dan, huwa għalhekk li aħna tendenza li biss jitqiegħed fil URL Google li
tospita kollha ta 'dawn il-fajls għalik.
OK?
You Google, I wegħda se jkun hemm.
>> U mbagħad ikun x'ikun JavaScript fajl li int
jużaw, għalhekk dan huwa biss ftit esterna JavaScript fajl li inti qed tuża.
Bl-istess mod li aħna noħolqu link għal CSS tagħna files, dan huwa l-istess tip ta 'ħaġa.
Dan biss links għall-fajl fejn tiegħek JavaScript huwa.
U għandi xi eżempji bl sempliċi JavaScript.
Allura aħna ser tkun għaddejja minn ġo fih.
U mbagħad fl-indiċi tiegħek JavaScript, li huwa tiegħek JavaScript fajl hawn,
dan huwa tip ta 'l-ippakkjar li inti għandek għall jQuery.
Inti kważi 99.9 mija tal-ħin għaddej
li jkollhom din fil-fajl index.js tiegħek.
Minħabba dak li dan jgħid hu, "Ma tesegwixxi xejn
sakemm id-dokument tiegħek huwa attwalment lest, "li huwa eżattament dak li trid.
Għaliex jekk dokument tiegħek mhux lest, u jQuery jibda nagħmlu l-affarijiet,
huwa biss mess.
Allura inti dejjem tixtieq li jkollok din tgeżwir.
U mbagħad għal affarijiet li jmorru fil hemm, I għandu jħalli lill perusing stess guys tiegħek ".
>> OK, hekk hemm xi mistoqsijiet dritt issa dwar JavaScript in ġenerali?
Jew il-mudell DOM?
Jekk le, aħna għandna xi jibred eżempji li nistgħu jgħaddu,
li inti guys tista 'tgħin lili kodiċi.
Imma jien ukoll se tkun super sbieħ, u jekk inti
ma jridux jgħidu xejn għal dawn, li l-multa.
I tista 'wkoll biss jagħtuk eżempji.
Imma xejn fuq il- PowerPoint qabel nimxu fuq?
Kessaħ.
>> Inħoss bħal inti guys bżonn biex l-enerġija.
So I think we qed tmur biex tibda b'eżempju parti tiegħi ewwel.
Għandna tliet eżempji, inti għandek l-għażla tiegħek.
Allura aħna għandna arloġġ, fejn aħna qed tmur biex jimplimentaw arloġġ attwali li l-
ser taġġorna maż-żmien.
Għandna din il-funzjoni Twitter kbira.
This-- inti taf liema, iżżomm fuq.
Aħna qed tmur biex tagħmel dan jmorru lil hinn.
Bam.
OK.
>> Għandna din il-funzjoni Twitter kbir hawn, that-- naf, id-dritt?
Huwa ser jkun kbir.
Inti guys eċċitati?
Li ser jgħodd in-numru ta 'karattri li inti jkunu ħallew,
hekk jekk I tip dritt issa, ovvjament xorta jgħid 140,
imma aħna nafu li mhux il-każ.
U mbagħad mal-aħħar wieħed tagħna hawn, ikklikkja hawn biex parti.
X'hemm jiġri huwa meta aħna ikklikkja, l-isfond tal-
se jibdlu kuluri.
Allura inti guys jkollhom għażliet tiegħek ta ' liema waħda inti tixtieq li tagħmel l-ewwel.
I wegħda I ser jieħdu faċli ħafna fuqek.
Inħoss bħal kulħadd tip ta 'ftit illum baxx ħafna ċavetta.
So I ser jimxu miegħek permezz kif aħna se timplimenta dawn kollha.
Jekk inti tixtieq li Chime fil, li l-kbir, imma jien
jħossu bħal kulħadd ftit għajjien.
So I ser biss jimxu miegħek permezz ta 'dawn l-eżempji.
Do aħna għandna xi ħaġa li aħna tixtieq tagħmel l-ewwel?
Kulħadd?
Ebda preferenza?
OK.
Inti taf liema?
Aħna fuq parti.
Inħoss bħal inti guys bżonn little-- hekk, aħna ser nagħmlu l-waħda partit ewwel.
OK.
>> Allura dak li għandna here-- thats mhux suppost ikunu hemm.
Issa dan huwa tajjeb.
OK.
Allura dak li għandna hawnhekk huwa biss paġna HTML sempliċi
li inti guys kollha għandhom ikunu super familjari mal mit aħħar żewġ tiegħek psets.
għandna tip doc tagħna hawn.
Tista 'tara kulħadd?
OK.
Kessaħ.
Għandna HTML tagħna ovvjament.
Għandna xi header li hija marbuta ma 'karta tal-istil li
biss magħmula font tiegħi sbieħ u kbir u ambizzjuz.
Allura ma joqogħdu jinkwetaw dwar dan.
>> Għandna xi korp ma sfond Id-OK?
Għaliex aħna qed tmur biex tkun jinbidlu l-isfond.
Allura meta aħna qed jinbidlu l- isfond tal-ġisem tagħna,
aħna niftakru minn ġimgħatejn ilu meta aħna qed jittrattaw ma 'paġni tal-web.
Allura tajjeb li jkollha dik.
U aħna għandna xi Id ugwali parti.
Dan h lira ref ifisser biss li li għaddej biex tmur l-istess paġna.
U ikklikkja hawn li parti, huwa għalhekk li meta aħna ikklikkja dan,
dan għandu jinbidel kuluri, Thankfully.
>> U allura għandna xi iskrittura hawnhekk li huwa biss marbuta ma din il-Parti JS dot
fajl, li hija vojta minħabba aħna ma jsir xejn s'issa.
U huwa hekk imdejjaq.
Iżda malajr ħafna, se bidla kuluri, u se jkunu tal-biża.
>> Allura jien biss se jimxu miegħek guys permezz ta 'kif nistgħu nittrattaw dan.
Allura l-ewwel ħaġa li aħna tista 'tixtieq li tagħmel,
jekk aħna qegħdin jinbidlu l-isfond ta ' il-korp, l-ewwel ħaġa li għandna tista 'tixtieq
tagħmel huwa attwalment grab dak il-korp huwa, right?
Allura aħna tixtieq li jkollok somma, tagħna isfond, u jekk tinnota,
I biss awtomatikament biss tibda ittajpjar.
M'hemm xejn speċjali li aħna bżonn tagħmel biex JavaScript fajls tagħna.
I tista 'tibda tiddikjara varjabbli, u tiddikjara funzjonijiet każwali.
U huwa forma ħafna aktar liberi.
Huwa simili ma C, aħna taw inti kollha dawn ir-regoli iebes, u inti kiber,
hekk aħna qed simili, "go raba.
Ikunu ħielsa.
Tagħmel dak li trid. "
U dan huwa dak JavaScript huwa.
Allura aħna għandna xi isfond hawn.
Bil-mudell DOM tagħna, nafu aħna tista 'tagħmel dokument dot nikseb element,
u jekk aħna Avviż hawnhekk, korp tagħna għandha Id.
Dritt?
Allura nistgħu do nikseb dokument billi Id, u hawnhekk wieħed sempliċi.
X'hemm Id tagħna li aħna rridu hawn?
UDJENZA: Sfond.
ALLISON BUCHHOLTZ-UA: Sfond.
Perfect.
U virgola fi tmiem l.
Li ma marret bogħod s'issa.
Inti xorta jkollok bżonn semicolons tiegħek.
OK.
Allura dak l-ewwel wieħed tagħna.
U meta aħna ikklikkja xi ħaġa, aħna trid xi ħaġa li jiġri, id-dritt?
Allura aħna tista 'tixtieq xi varjabbli thats stennija għal klikk.
Dak li aħna qed tmur biex tagħmel hu li aħna qed tmur biex jagħmlu rabta tagħna aktar simili għal buttuna.
Allura aħna qed tmur biex ikollhom xi buttuna li ugwali dokument dot tikseb element mill Id.
U jekk jien jitkellem dwar il- ikklikkja link jew ikklikkja hawn biex parti
link, dak li jista Id tiegħi jkun hawn?
Parti.
Korretta.
OK mhux wisq ħażina s'issa.
Kulħadd tikseb dak li aħna qed tagħmel?
>> OK, hekk issa għandna tagħna buttuna, u rridu
affarijiet għall-bidla meta aħna ikklikkja fuqha.
Allura jekk aħna niftakru minn PowerPoint tagħna, ħaġa sempliċi ħafna li nistgħu nagħmlu
huwa biss buttuna dot onclick, id-dritt?
U li għaddej biex ugwali xi funzjoni.
Din hija funzjoni anonimu.
U dan biss as-- attwalment jien ser jagħmlu dan ftit akbar.
>> Allura dak I biss għamlet hawnhekk huwa li jien tgħid, OK,
meta aħna ikklikkja buttuna tagħna, li hija din ir-rabta li aħna biss imsemmija,
aħna ser tesegwixxi din il-funzjoni anonima.
Aħna ma bżonn xi inputs.
Aħna ma kura dak l-utent jgħid.
Meta ikklikkja fuqha, aħna qed ser tagħmel dak kollu li rridu,
li hija jibdlu l-kulur fl-isfond.
OK?
Allura hu għalhekk li aħna ma jkollhom xi inputs, aħna biss ikollhom din il-funzjoni anonima.
U issa aħna qed attwalment għaddejjin li tikteb din il-funzjoni.
>> Hekk hemm mazz ta 'modi kif inti jista 'jiġġenera kulur każwali.
Il-mod li għamilt kien li jiġġeneraw tliet numri bl-addoċċ
u jaqilbuhom għal RGB triple.
Allura dan biss turi inti xi jibred affarijiet li jekk int simili, "oh,
I-ħtieġa li jiġġeneraw każwali Numru. "jekk inti Googled dan,
dan huwa dak li inti ssib.
>> Allura aħna għandna tliet differenti affarijiet, var, mhux aħmar darb'oħra, aħdar.
Dritt?
Għalhekk dawn huma t-tliet affarijiet li jiffurmaw kulur.
Blue, aħmar, u aħdar.
Kessaħ.
U dak li nistgħu nagħmlu huwa li nafu li jeħtieġ li jkun bejn 255,
u jekk int stenna sa ftit ġeneratur numru bl-addoċċ,
inti tista 'tikseb xi ħaġa bħal matematika dot addoċċ, li jekk inti tħares dan up
ritorni lejn xi numru bejn żero u wieħed.
OK?
U dak in-numri nagħmlu tagħna Triples RGB jgħaddi minn bejn?
Zero u liema?
X'jistgħu jitla 'sa?
255.
Mela jekk matematika dot każwali tmur bejn żero u wieħed,
kif tista irridu li jikkonvertu dan?
UDJENZA: Ħin?
ALLISON BUCHHOLTZ-UA: Yeah, eżattament.
Allura ħin huwa 255.
>> UDJENZA: [inaudible] Huwa simili [inaudible].
ALLISON BUCHHOLTZ-UA: Matematika dot każwali.
UDJENZA: Kessaħ.
ALLISON BUCHHOLTZ-UA: Iva.
JavaScript biss jieħu ħsieb tat inti.
OK.
Allura nistgħu nagħmlu dan għal dawn kollha.
Dritt?
Matematika dot f'ħinijiet każwali 255.
Kopja dik.
Kessaħ.
Allura l-ħaġa hija, dan jista ' reġgħux lura integer.
Dritt?
Forsi aħna nikseb xi numru bejn żero u wieħed,
u tikkawża li jkun kemmxejn off, u RGBs tagħna ma tistax tkun flowts.
Dawn jeħtieġ li jkunu ints.
Mela jekk inti ppruvaw dan, d probabbilment ikollhom xi mġieba erratiku.
Ikun funky ftit.
Allura dak li nagħmlu huwa aħna tixtieq li tagħmel żgur li dawn huma ttundjati,
u inti tista 'round jew mod.
I rtondjati art.
So I dejjem għamel żgur li arrotondonditi.
Imma jmorru off ta 'kemm huwa sempliċi kien li biss tikseb numru bl-addoċċ,
kif taħseb li aħna jista sular dan in-numru?
Dan huwa simili ħafna.
Kwalunkwe idea?
Mela jekk każwali kien biss matematika dot każwali, hekk do you think aħna'd nagħmlu art?
Matematika dot art.
U inti tista 'ukoll tagħmel matematika dot limitu.
Round huwa tip ta ambigwa għaliex inti ma
taf jekk li jarrotondaw jew jarrotondaw 'l isfel.
Allura tipikament aħna dejjem nagħmlu matematika dot art, matematika dot limitu.
Iżda honestly--
>> UDJENZA: Does tond art isfel?
>> ALLISON BUCHHOLTZ-UA: Floor rawnds isfel.
U dan huwa biss għażla min-naħa tiegħi.
>> Allura issa għandna tliet numri tagħna li ġew saltwarjament iġġenerat,
u dak li aħna qed tmur biex tagħmel issa hija aħna qed biss se jibdlu l-isfond.
OK?
Allura aħna diġà għandhom tagħna isfond tip ta maħżuna
f'dan element imsejħa l-isfond.
Allura dak li inti ser avviż huwa, jekk inti lagħbu madwar ma 'dan,
irridu li jibdlu l-istil.
U dan huwa tip ta 'xi ħaġa li inti Google u ċifra barra,
simili kif il-bidla l-kulur.
>> Iżda l-mod kif inti tagħmel aċċess dan il-kulur huwa isfond dot dot stil isfond.
Allura dan huwa qal jingħata dan l-oġġett, l-isfond,
li jirreferi għal dik element Id up hemm,
aħna qed tmur biex tħares lejn il- stil fi ħdan l-istil,
aħna qed tmur biex tħares lejn l-isfond.
OK?
U jekk inti tmur u tfittex dan up, jista 'jagħmel sens ftit aktar,
iżda dan huwa bażikament biss qal, "Tagħti me dan l-attribut speċifiku ħafna
ta 'dak I jkunu fissru aktar kmieni. "
Allura dak li aħna qed jinbidlu li huwa xi RGB, għaliex jagħmel sens.
Aħna qed jużaw RGB jittripplika, id-dritt?
U aħna have-- Irrid nagħmel ċert I jiksbu l-għadd dritt ta 'kwotazzjonijiet fil hawn.
Allura dak li nagħmlu hija li għandna RGB, u aħna qed tmur
to-- dan huwa simili konkatenazzjoni, li huwa l-aħmar.
U allura aħna rridu xi comma.
U allura aħna rridu plus aħdar, mbagħad ftit comma, u xi blu.
>> Allura dawn pluses biss jfissru bħal konkatenazzjoni.
Allura dan huwa biss toħloq dan string li għaddej fi ħdan RGB.
OK?
>> UDJENZA: [inaudible] plus imbagħad l-aħdar plus allura l-aħmar.
>> ALLISON BUCHHOLTZ-UA: Yeah, minħabba I messed up dak.
Multa li wieħed.
Oh, iżżomm fuq.
No
Minħabba I bżonn tagħmel ċert li sibt dawn kollha id-dritt.
So I se tispjega fid momento uno.
Aħdar, blu, perfetta.
Issa jien jsir.
Nemmen.
>> OK.
Allura dak li din hija, huwa dan l-isfond se jiġu stabbiliti għal xi sekwenza.
Dritt?
Li huwa dak li għandna hawnhekk.
Huwa ser jkun hemm xi RGB 255 comma 255 żero comma, jew kwalunkwe numru li
jkollhom hemmhekk.
Allura aħna qed tagħmel hawn, għandna xi string.
U dak li rridu nagħmlu, hija aħna qed tip ta 'dinamikament ħolqien
li meta aħna fil-fatt tmexxi dan il-programm.
Allura din hija xi sekwenza.
Plus concatenates ma il-valur li għandu aħmar,
li concatenates dan ma ' comma, li concatenates dan
ma 'dak li ħadra hija, u fuq hekk, u ibqa 'sejjer.
OK?
Sa l-aħħar ħafna, li hija l- għeluq parentesi ta 'dan RGB hawn.
OK?
>> Allura dak li dan se jiġġeneraw xi kmand verament
dan huwa RGB ta 'tliet numri li l-isfond issa huwa stabbilit li.
OK?
Mela ejja ara jekk dan jaħdem.
Nispera li ma, għaliex jekk ma, jien ser tkun imdejjaq reali.
Oh no.
OK, iżżomm fuq.
Żgur isfond dot dot stil isfond.
Jien definittivament nieqsa xi ħaġa biss żgħira.
Ma inti guys mibegħda li?
Meta huwa biss żball ftit żgħira?
Isfond Almighty.
RGB.
>> UDJENZA: [inaudible]
ALLISON BUCHHOLTZ-UA: No
I ppruvaw dan qabel il-klassi.
Għandi kollox għamilt qabel klassi fil-każ I kien simili,
"Stenna, dak ma I do wrong?"
Minħabba I kien simili, "I probabbilment se mess dan up f'xi punt. "
Plus aħdar.
Kollox Dehra huwa concatenated korrett.
OK.
>> UDJENZA: [inaudible]
>> ALLISON BUCHHOLTZ-UA: Oh, hemm inti tmur.
Dan huwa dak I meħtieġa.
Ħares lejn dak.
Tiffany biex isalvaw.
Perfect.
OK.
Issa ejja ara jekk jaħdem.
Oh my God.
OK.
Żomm fuq.
>> UDJENZA: Spazju wara t-tieni plus.
>> ALLISON BUCHHOLTZ-UA: Liema wieħed?
Oh stenna, iżżomm fuq.
Jilbsu Ispazju?
>> UDJENZA: It-tieni plus l-konkatenazzjoni aħdar.
ALLISON BUCHHOLTZ-UA: Oh.
UDJENZA: M'hemm l-ebda spazju wara l-plus, yeah.
ALLISON BUCHHOLTZ-UA: You m'għandekx bżonn li, but--
UDJENZA: Oh, inti ma?
ALLISON BUCHHOLTZ-UA: Huwa jistenna pretty.
UDJENZA: OK.
OK.
>> ALLISON BUCHHOLTZ UA: Ejja naraw jekk dan jaħdem.
OK.
Jien ovvjament naqset bi dan demo, li tfakkarni
ta 'lecture l-ġimgħa l-oħra, imma naf dan se taħdem.
Naf li dan se taħdem.
Tant qrib.
Sakemm I aċċidentalment mħassra iskrittura tiegħi fuq dan wieħed.
Le, huwa parti dot JS.
OK iżżomm fuq.
Jien ser Kopja ta 'din, u jien ukoll biss jmorru ħassar kollox,
minħabba I kellha din ħidma qabel.
>> I wegħda taħdem.
Jekk le, jiena ser nuruk dak li l Tommy hu.
U hemm.
>> UDJENZA: Inti referenzar parti dot CSS, u huwa ftit JS parti dot.
>> ALLISON BUCHHOLTZ-UA: Ah, sew dritt hawnhekk hija JS dot parti.
OK, dak li ma nagħmel differenti?
OK, aħna ser tara jekk dan jaħdem issa.
Bam.
So, I do not know dak li għamilt b'mod differenti, iżda dan huwa dak li għandu jiġri.
Kinda jibred.
I għafast fuq dan, bħal, dejjem.
Iżda nistgħu nippruvaw u ara dak li għamilt differenti li dan wieħed kellu.
I do not know dwarek guys, iżda dan jistenna bażikament dak I biss kiteb.
Kien hemm probabbilment nieqsa punto virgola x'imkien hija ħaġa tiegħi.
Attwalment wara, I think I kienet nieqsa semicolon dritt hawn fil-fatt.
Imma I ma setax jara għaliex kien off l-iskrin.
>> Imma jekk aħna Avviż, dan huwa pretty ħafna eżattament dak I biss kiteb.
Naħseb probabbilment l-parti l-agħar dwar dan huwa biss tip ta 'dan il-ħaġa dritt
hawn, il-fehim dak li qed jagħmel hemmhekk.
Dawn xorta ta 'affarijiet titgħallem verament ftit minn Googling u onestament
biss tipprova.
Jekk taħseb li hemm xi attribut, hemm probabbilment.
Sabiex jippruvaw dan.
Ara x'jiġri.
As I said, hemm ħafna ta ' esperimentazzjoni bil JavaScript,
u PHP, u dak kollu li Jittieħed, u CSS speċjalment.
Dik hija l-unika vera mod biex jifhmu dan.
>> OK, hekk wara li fiasco ma parti JS dot, għandna żewġ għażliet oħra.
Għandna arloġġ jew Twitter.
Huma qed kemm interessanti.
Forsi mhux daqshekk gost kif partit, li kellhom strobing ftit jibred
Ħaġa fl-aħħar.
Do you guys xi preferenza?
UDJENZA: Arloġġ?
ALLISON BUCHHOLTZ-UA: Arloġġ?
OK.
Kessaħ.
>> Għalhekk għal darb'oħra, għandna tagħna fajl JavaScript vojta.
U kif naraw hawn, aħna ikollhom xi HTML sempliċi ħafna.
Għandna folja stil tagħna, li biss formati dak li għandu look like.
Għandna div tagħna ma ID tal-arloġġ, li
biss jgħid, "dan għandu jkun arloġġ."
U aħna għandna rabta tagħna għall-fajl JavaScript tagħna
thats fatt se jiġġeneraw arloġġ tagħna għalina.
Minħabba li l-ħaġa jibred, hija li inti tista ' sett JavaScript biex tiffriska awtomatikament
innifsu.
OK?
Allura minflok ta 'stennija għall- utent biex hit Riffriskar fuq paġna
sabiex inti tista 'tikseb time aġġornata, JavaScript
tista 'taġġorna dan madankollu huwa jħobb.
>> Allura, kif ma 'l-aħħar wieħed tagħna, ridna aċċess isfond tagħna, id-dritt?
Allura dak li taħseb jista 'jkun il- ewwel ħaġa li rridu nagħmlu hawnhekk?
Jekk aħna qed tip ta 'jmorru off dan it-tip ta 'paradigma hawn?
Aħna probabilment tixtieq li aċċess arloġġ tagħna, id-dritt?
Allura, aħna għandna xi var arloġġ, li equals--
liema do aħna naħsbu li għaddej biex tkun?
Dokument dot jiksbu element by-- I wkoll imħabba Sublime-- Id u Id tagħna huwa arloġġ.
Virgola.
Ltqajna biex jagħmlu ċert li tikseb dawk semicolons din id-darba,
għaliex inħoss bħal dik kienet il-problema aħħar darba.
OK hekk, kif I kien biss qal ma tipprova li jkollhom JavaScript jġedded innifsu,
hemm din il-funzjoni kbir, I jafu li daħal fis-sena li għaddiet handy,
M'inix ċert li taqa 'fil handy għal dan pset, iżda huwa msejjaħ intervall sett.
U dan huwa attwalment verament jiksaħ jekk inti guys tagħmel xejn
biż-żmien jew jkollna informazzjoni aġġornata.
Fuq websajt għal finali proġett, dan huwa probabbilment
funzjoni inti tixtieq li nikseb super familjari magħhom.
Allura dak sett intervall ma huwa li aħna qed tmur biex tagħtiha funzjoni,
u kemm ta 'spiss suppost sejħa din il-funzjoni.
OK?
>> Allura f'dan il-każ, aħna qed biss ser joħolqu xi funzjoni anonima mill-ġdid,
OK, li hija se tikseb data tagħna, u l-ħin tagħna,
u mbagħad taġġorna l-affarijiet u l-wiri.
Allura aħna ser joqogħdu jinkwetaw dwar dan.
Aħna ser ikunu simili jiġġenera arloġġ hawn.
Imma dak li għandna bżonn huwa kif spiss li jġedded lilha.
Allura f'dan il-każ, huwa biss millisekondi.
Allura aħna qed biss tmur biex do 100 millisekonda.
Of course, kompletament arbitrarja.
Jekk int riedu li taġġorna ħafna aktar bil-mod, inti tista '.
Nistgħu mess madwar bl-intervall sett,
kemm hu kbir intervall tagħna huwa wara nikbru arloġġ ħidma, li nisperaw I ser
issiru.
Allura dan huwa biss qal, "OK, sejħa din il-funzjoni kull 100 millisekonda. "
OK?
Li kollox ma.
>> Allura dak li rridu funzjoni tagħna li tagħmel huwa irridu li jkollna xi data
u xi żmien huwa dak aħna qed tmur biex ikollhom.
Allura Nistgħu tibda bil tagħna data ugwali xi ħaġa,
u l-ħin tagħna ugwali xi ħaġa li aħna ma nafx.
Jew attwalment, aħna biss bżonn id-data, minħabba data se jinkludu kollox.
Għal darb'oħra jekk inti biss Google xejn dwar dak li inti trid tagħmel, jekk inti tikteb, "OK,
I rridu nġibu l-ħin via JavaScript, "huwa
se jtik din kbir funzjoni msejħa data get.
Litteralment, ħafna affarijiet li inti tixtieq li tagħmel,
JavaScript huwa se jkollu dan isir għalik diġà.
Allura huwa litteralment simili ġodda nikseb data, li hija creating--
jew id-data l-ġdida, rather-- li qed jiġġenera
xi oġġett li jirrappreżenta id-data.
>> U dak li aħna qed tmur biex tagħmel hawnhekk hija dan is-- jien ser jikteb dan,
u mbagħad jispjegaw dak li tagħmel.
So I ser tagħmel ċert I nikseb dan id-dritt.
>> OK, iva, liema din il-funzjoni ma, hija aħna qed biss
ħolqien l-HTML li attwalment se jmorru fi Id div tagħna ta 'arloġġ.
Allura dak li dan se tkun qiegħda tagħmel huwa biss jiġġeneraw xi spag, OK?
Dan huwa mbagħad se tkun trapjantati fis HTML tagħna.
Bażikament dak li għaddej biex tagħmel hu x'ikun we-- dak I ser nuruk
hija li irrispettivament għandna ngħidu HTML huwa, aħna qed tmur biex jissostitwixxu dan it-test hawn
ma 'kwalunkwe HTML huwa.
Allura dan se jippermetti us għall-bidla arloġġ tagħna dot
HTML milli sempliċiment it-test ta 'dan il- għandu jkun arloġġ, li juru fil-fatt
in-numri u l-affarijiet li aħna kura dwar, u fil-fatt tkun o'clock.
>> Allura dak li aħna qed tmur biex tagħmel hu nkunu ser tibda jiġġeneraw din HTML.
Allura bl-istess mod li aħna użati biex tagħmel plus ugwali għal kulħadd interi,
inti issa tista 'tagħmel dan għal kordi, ħlief li għaddej biex concatenate lilhom.
Dritt?
Kif rajna bil-partit dot JS, dan biss concatenates kollha dawn l-affarijiet flimkien.
Allura inti tista 'concatenate bits differenti ta' HTML minn varjazzjonijiet, jew bits ta 'spag
li tikteb out yourself, u dan biss
verament jippermetti li inti dinamikament jiġġeneraw HTML, li huwa pretty jibred.
Mela jekk għandek xi ħaġa ħafna utent speċifiku,
dan jista 'jippermetti li inti tagħmel dan.
>> Allura aħna għandna HTML, li jien ser u jippruvaw jagħmlu ċert I nikseb dan id-dritt.
Allura aħna qed tmur biex tagħmel xi header h1.
Allura x'inhu importanti li tirrealizza hawnhekk hija li dan huwa attwalment biss HTML.
Dritt?
Aħna miktub attwali HTML code fil hawn, huwa
mhux biss string fil-normal mod li aħna se taħseb dwarha.
Allura aħna għandna xi HTML.
Dan huwa kkunsidrat string hawn għalkemm.
U nagħmlu data dot-- we rridu nġibu sigħat tagħna.
Għal darb'oħra, jekk ġejt biex tfittex up xejn dwar id-data,
dan se jgħidlek dawn huma kollha l-attributi dik id-data għandha.
U hawnhekk dak li inti tista 'tuża fuqha.
Għalhekk probabbilment ikollu affarijiet simili nikseb sigħat, u jiksbu minuti,
u jiksbu sekondi, u jiksbu millisekondi, u li jaf x'iktar li jkunu.
Imma jekk inti tħares lejn il- dokumentazzjoni, dan kollu se jkun hemm.
>> Allura aħna għandna nikseb sigħat, u allura aħna rridu
biex concatenate li with-- jien ser jiċċaqalqu dan aktar hawn.
Allura jekk aħna qed jiġġeneraw dritt issa, aħna qed attwalment jiġġeneraw il-ħin, id-dritt?
Għandna sigħat, u mbagħad x'hemm bejn sigħat u minuti?
Għandek b'semicolon, id-dritt?
Allura aħna tixtieq li tagħmel xi virgola hawn.
U allura aħna rridu nġibu tagħna minuti, sabiex fl-istess mod
li għandna data dot nikseb sigħat, kif jista nikbru minuti tagħna?
Huwa litteralment data dot tikseb minuti, li I tip ta 'simili.
Huwa simili, "oh, kif do I nikseb minuti tiegħi? "
I biss nikseb minuti tiegħi.
>> OK.
U allura għandna kolon ieħor hawnhekk.
U allura jekk irridu li tikseb tagħna sekondi, kif jista nikbru tieni tagħna?
Data dot tikseb sekondi.
Naħseb li huwa pretty jibred.
U x'hemm importanti li tirrealizza, huwa li aħna wkoll
jeħtieġ li tagħlaq tag HTML tagħna hawn, għaliex għandu xorta jkun HTML validu, hekk h1.
Kessaħ.
>> Allura wara li, nistgħu nagħmlu arloġġ dot HTML ġewwa huwa ugwali għal HTML.
OK?
Mela ftakar kif għidt HTML ġewwa bażikament
jieħu dak kollu li huwa bejn il- żewġ tikketti li aħna tkellem dwar
u inserzjonijiet jew jimmanipula kollu li hu fil hemmhekk?
Allura dak li dan ma, jekk immorru lura għall-arloġġ tagħna,
hija li arloġġ tirreferi għal kollox fi ħdan dan div.
Dan huwa l-HTML ġewwa ta 'dan div arloġġ Id.
U hekk li għaddej biex jibdlu lil l-HTML li aħna biss ġġenerat,
li, li, wieħed jittama, wieħed jittama, wieħed jittama,
se juru l-ħin id-dritt issa.
Ser naraw.
Of course.
Kwistjonijiet tekniċi Allura ħafna.
Just-- Allison ta jien off llum game tiegħi guys.
OK, li x-xogħlijiet.
arloġġ dot HTML ġewwa.
Kien HTML Really?
Ukoll dan huwa dak li jiġri.
Meta inti ma tistax tara xi ħaġa, inti biss ħarsa lejn kodiċi sors tiegħek.
OK.
Do you tixtieq tkun taf xogħol jibred madwar li aħna qed tmur biex tagħmel id-dritt hawn?
>> UDJENZA: Tista 'tagħmel l-ittri kapitali?
L-ittri kapitali?
Minħabba li għandek tikseb sigħat, u mbagħad jiksbu minuti.
>> ALLISON BUCHHOLTZ-UA: Hija hu li tikseb siegħa u get-- oh.
You are-- stilla tad-deheb.
Dan kollu test, guys.
I wegħda li kien qed jaħdem qabel klassi.
>> OK, imma xi ħaġa jibred hija li tkun taf li inti tista also-- jekk xi kultant
fajls esterni tiegħek huma jkollna ftit crazy,
inti tista 'ukoll biss jitqiegħed straight fil hawn, li għandhom tendenza li tiffissa l-affarijiet.
Ħlief dan huwa simili verament ikrah.
Of course format kollox.
Kun ċert li huwa kollu pretty.
OK.
>> Jien ridt li jagħmlu l-demos jibred, u dawn qed biss ma tkunx qed taħdem out.
OK.
Script arloġġ var.
Anyways, x'hemm importanti huwa li dan huwa l-mod ġenerali
li inti format JavaScript.
Kif tistgħu taraw, jista 'jkun ħafna finicky kultant,
anki meta kien litteralment taħdem żewġ sekondi ilu.
Jew mhux tnejn tieni ilu, iżda ħafna, ħafna riċentement.
>> Allura biex turi li inti dak li għandu look like, u biex turi li inti li jien mhux crazy,
u li kollox huwa eżattament l- istess, dan huwa dak li għandu look like.
Int biss se jagħmlu din il-parti ta 'fuq hawn, u jekk inti ħsieb sors page,
jekk tinnota, huwa ma xi affarijiet crazier, I simplifikata dan.
Ukoll, kreditu lill Tommy McWilliam, li fil-fatt
għenuni joħolqu dawn l-eżempji, li hija għaliex naf jaħdmu.
Minħabba Tommy huwa kaptan JavaScript.
Imma jekk aħna Avviż, aħna għandna xi sett.
Għandna funzjoni arloġġ tagħna hawn.
Dan huwa JavaScript li aħna biss kiteb, jew xi ftit minnha.
Aħna biss kiteb dan wieħed dritt hawn.
U hu għandu żejda funzjoni li biss pads dan
billi jpoġġi żero qabel ittra jew qabel numru jekk huwa
biss waħda minnhom.
Allura jekk tinnota, dan huwa pretty ħafna eżattament dak li aħna biss kiteb.
Inti għandek xi arloġġ varjabbli li għandha element tagħna, jiksbu l-element bl-identità,
li huwa arloġġ.
Għandna intervall sett tagħna funzjoni, li l-
funzjoni anonima li tesegwixxi kollha ta 'dan.
Għandna xi wħud bdew sensiela ta ' HTML li aħna mbagħad dinamikament
jiġġeneraw billi jkollhom xi header h1, concatenating
mal jiksbu l-siegħa, plus kolon tagħna, plus jkollna
l-minuti, plus ieħor kolon, plus sekondi tagħna,
u finalment l-HTML jispiċċa għal dan.
U allura aħna aġġornament arloġġ tagħna dot HTML ġewwa biex HTML,
u aħna taġġorna kull 100 millisekonda.
OK?
>> Ara I wegħda jien ma crazy.
I do not know.
I do not know għaliex ma simili me.
Inħoss bħal jistenna l-istess, imma apparentement dan hates me.
>> Mela ejja ara jekk round tlieta tmur aħjar.
We qed madwar biex tara.
M'inix ċert kif dan se jmorru.
Huwa kulħadd għall-inqas jkollna l- cons, bħall biss il-tema ġenerali
ta JavaScript, għalkemm?
Nispera li l--inqas utli, aktar milli turi li huwa ftit finicky.
Imma tiegħek sett problema se tkun ferm divertenti.
Huwa ser jkun kbir.
Dan mhux se jkun pjuttost bħala tedious kif dan, jien ma naħsibx.
Int ser tikseb effettivament jara l-affarijiet verament jibred.
>> Allura l-aħħar iżda mhux l-inqas, aħna ser tipprova l-waħda Twitter.
Ninsab verament jibża issa, guys.
I do not know kif dan se jmorru.
Iżda biss li jtik ftit aktar togħma, u dan huwa fil-fatt
kordi timmanipula u inputs, dak li aħna qed tmur biex tagħmel
huwa, jekk aħna Avviż hawn ma HTML-- dan wieħed għandu ftit more--
għandna xi żona test, li jikkorrispondi għal dan il-qasam it-test hawn.
OK?
U li għandha Id tat-test.
We restyled hija daqsxejn ftit ma 'xi wisa' u għoli
li konna predeterminat, u għandna H1,
li ftit huwa wieħed header tagħna li tirrappreżenta karattri tagħna xellug.
Aħna tatha xi Id mill karattri li jifdal,
u allura għandna xi skript hawn, li jien verament
bit-tama tal-ħin terza l-seħer hawnhekk, guys.
>> Allura dak li rridu nagħmlu, fl-istess mod ġenerali
li aħna ghamilt ma 'JS arloġġ dot u parti JS dot kif konna ndunat,
huwa konna beda mill-fatt li ħtif l-affarijiet li aħna jimpurtahom, right?
Allura f'dan il-każ, hemm żewġ affarijiet li aħna jimpurtahom, OK?
Ħaġa waħda li aħna qed attwalment tip ta ' tħares lejn u tpinġija data minn,
u ħaġa waħda li aħna qed jinbidlu fil-fatt.
Allura hemm HTML tagħna.
Jekk dan huwa il-paġna web tagħna hawn, x'hemm id-data li aħna qed tħares lejn?
Huwa ser tkun x'ikun it-test fil-kaxxi tagħna, id-dritt?
Sabiex ikun x'ikun I tip fil hawn.
Dak hu li jien trid tkun taf, jew dan huwa dak li nixtieq li tħares lejn.
U dak li għaddej biex tkun jinbidlu fuq il-paġna web tagħna?
Il-karattri li jifdal.
Allura bl-istess mod, irridu li tibda billi initializing varjabbli
li attwalment jżommu fuq dawk l-elementi.
OK?
Allura jekk ikollna xi var li huwa qasam test tagħna,
u aħna għandna xi var li huwa fadal.
Dritt?
Allura dawn huma ser istiva dawn iż-żewġ affarijiet.
Allura l-istess tip ta 'ħaġa, dokument dot-- OK, jien
ser tagħmel ċert li dan huwa sejjer jaħdem dan iż-żmien.
I am sod ħafna.
OK, hekk jekk irridu tagħna żona ta 'test, skond
biex HTML tagħna, x'hemm identifikatur tagħna?
X'hemm Id tagħna?
Huwa biss se tkun test għaliex dan joħloq il-qasam it-test tagħna, OK,
u Id tagħna huwa test, b'tali mod li kif nistgħu grab x'hemm fil hemmhekk.
OK, virgola.
Jien ser tkun super preċiża dwar dan,
għaliex nixtieq dan jaħdem dan iż-żmien.
OK, jagħmlu l-istess ħaġa, nikseb element minn Id.
Ninsab verament mintix dak li ikkawżat l-tnejn l-oħra li mess up.
OK, allura f'dan il-wieħed, dak li rridu biex taċċessaha?
X'hemm Id tagħna hawn?
Għandna Id ieħor HTML tagħna, x'inhu?
UDJENZA: Karattri jifdal.
ALLISON BUCHHOLTZ-UA: Karattri li jifdal.
>> OK.
Kessaħ.
Allura jien biss ser tikteb din verament mgħaġġel.
Jien biss ser jikteb dan fit-tieni.
Allura żona test.
X'hemm interessanti hija B function-- hemm lottijiet ta 'funzjonijiet li mhux biss
jikkorrispondu għall tiegħek maws, iżda tastiera tiegħek.
OK?
Allura inti tista 'tgħid meta xi muftieħ huwa ippressat, inti tista 'tagħmel affarijiet bħal dik.
Allura l-wieħed li aħna qed jużaw tissejjaħ fuq ċavetta up, li
jgħid, "jekk inti stajt ippressat kwalunkwe ewlenin fuq tastiera tiegħek, meta l-utent ikun neħħa
finger tagħhom off li buttuna, u l-muftieħ sar ippressat,
allura aħna qed tmur biex tagħmel xi ħaġa. "
OK?
Allura dan jagħmel sens, id-dritt?
Għaliex kull karattru aħna tip, aħna qed tmur
li jkollhom lift idejna off ta 'dan, hekk meta ċ-ċavetta tmur up,
nistgħu nafu li decrement karattri tagħna li jifdal.
>> Allura aħna għandna xi wħud fuq ċavetta up, u bl-istess mod,
aħna qed tmur biex ngħid, "OK, meta nagħmlu dan, aħna
huma se joħolqu xi funzjoni li huwa ser jieħu e, "f'dan il-każ,
u dak li rridu nagħmlu huwa jikkalkulaw in-numru li jifdal.
OK, so ejja biss tibda billi toħloq varjabbli.
Allura aħna għandna xi r varjabbli, li għaddej biex jirrappreżentaw
kemm karattri għandna xellug.
OK?
Aħna nafu li aħna tibda bil 140, u jekk irridu li taf,
ejja ngħidu, it-tul ta 'dan il- string li kien input,
do you guys jkollu ebda idea kif nistgħu nagħmlu dan?
Just bbażata off ta 'l-ovvju affarijiet, bħal jekk ridna siegħa,
aħna użati nikseb sigħat.
Aħna nafu dak l-oġġett tagħna huwa żona test, iżda inti tista guys
think ta 'dak li jista' jidħlu wara dan?
Xi ideat?
>> Allura xorta dan wieħed ta 'inqas intuwittivi, imma hija dot tul valur.
Hekk biss jagħtu me xi attribut valur li
effettivament hija l-tul ta 'din is-sekwenza.
Allura huwa għaddej biex jgħidu, "OK, I infittex f'dan string kollu fiż-żona ta 'test,
u jien ser jgħidlek inti kemm żmien hu. "
Għaliex jekk aħna niftakru kordi huma verament ftit arrays,
hekk nistgħu ħu it-tul ta 'minnhom.
Allura aħna għandna dak.
Kessaħ.
>> Imbagħad dak li rridu nagħmlu huwa li aħna qatt ma trid tippermetti lill-utent
għal aktar minn dħul 140 karattri, id-dritt?
Għaliex jekk aħna ngħidu simili, "oh, inti biss jkollhom din ħafna li jifdal, "
u imbagħad ħallihom jagħmlu dan anyways, aħna kont qed tinsab.
U dan huwa pass ieħor ħaġa li JavaScript
jista 'jkun verament tajba għal, huwa validazzjoni utent
u jagħmlu ċert li tiegħek utent toqgħod tajjeb fi ħdan xi regoli
li inti stajt pprovduta lilhom.
Mela jekk inti tixtieq li tagħmel affarijiet simili jagħmlu żgur xi ħadd input-indirizz email tagħhom,
jew jagħmlu ċert li meta huma jidħol żewġ passwords, dawn issodisfaw.
JavaScript tista 'tagħmel dan.
Inti se tagħmel xi ħaġa simili, "meta il-formola tiġi sottomessa, "jew simili,
"Meta Issottometti Formola buttuna huwa għafast, iċċekkja kollha dawn l-affarijiet. "
U nistgħu nagħmlu dan JavaScript.
Allura li jinsab biss dak aħna qed tmur biex tagħmel hawn.
>> Allura dak li jista 'jkun mod biex jiċċekkjaw jekk li ħadthom marret fuq 140 karattru?
X'hemm jiġri li valur tagħna ta 'r jekk jippruvaw?
Huwa ser tkun negattiva, id-dritt?
Jew li għaddej biex tkun inqas minn jew ugwali għal żero.
Allura aħna tista 'tuża jekk dan huwa bħad kollox.
OK?
U aħna għandna xi żona test dot valur, u dak li aħna qed tagħmel hawn
hija aħna qed biss cutting-- x'inhu?
Jiddispjacini.
Dan wieħed, aħna biss jixtiequ jirritornaw falza.
I ltqajna konfuż.
Kollha frazzled minn affarijiet ma jkunux qed jaħdmu.
OK, aħna biss jixtiequ ritorn foloz, u allura aħna
tixtieq li juru l- karattri li jifdal, id-dritt?
Allura ma l-arloġġ, għamilna xi ħaġa ma HTML ġewwa, id-dritt?
Fejn ninsabu huwa stabbilit ugwali għal xi varjabbli, hekk dak li jista nagħmlu hawnhekk?
Liema huma aħna jinbidlu l-HTML ġewwa ta '?
>> UDJENZA: Jibqgħu?
>> ALLISON BUCHHOLTZ-UA: Aħna qed jinbidlu jifdal.
Kull dritt, u liema do we tixtieq li twaqqaf dan ugwali għal?
Huwa ser tkun r, għaliex dan Għandu jkun karattri tagħna li jifdal.
OK?
Hekk jien verament nervuża biex tara jekk dan xogħlijiet issa, imma aħna ser tara.
Ħalli dan.
C'est verament mgħaġġel.
[Inaudible] OK.
Għal darb'oħra, jien biss ser nuruk.
Għal kwalunkwe raġuni, minjiera jiddeċiedi li ma jaħdmux,
imma dak I ser nuruk hija li dan is-- oh I kien suppost li tqiegħed dik.
OK, aħna Avviż l-istess tip ta ' Ħaġa hawn, jkollna l-erja test.
>> Ukoll, jekk inti avviż Guy, jekk hemm qatt xi ħaġa li trid tagħmel,
u ma tafx kif jagħmlu dan, ikklikkja View Page Sors,
u dawn qed tmur biex jgħidlek.
Kultant ser tkun encrypted.
Għal pset tiegħek, aħna kriptaġġ kollox, hekk hija biss qisu gibberish.
Imma jekk hemm qatt verament jibred websajt li inti tixtieq,
jekk inti ikklikkja View Page Sors, li għaddej biex jgħidulek kif għandek tagħmel dan.
Għalhekk għal darb'oħra, ix-xogħol aktar intelliġenti, mhux aktar diffiċli.
U kif inti tara hawn, kollha ta ' dawn l-affarijiet huma l-istess.
dan wieħed hawn biss tieħu xi substring li, ninsa eżattament dak li dan ma.
Iżda huwa ovvjament jieħu xi substring tal-valur minn żero għal għaxra,
u prospetti foloz liema għandu jieqaf l-utent minn inputjar aktar,
u allura ovvjament aġġornamenti l-HTML ġewwa hemmhekk.
>> Kessaħ.
Allura kbar jieħdu aways mil-lum, esperiment, tħares lejn kodiċi sors
għaliex dan huwa għaddej biex jgħinek ħafna, u kulħadd, xi kultant JavaScript
jista 'jkun diffiċli biex taħdem ma' u ma dejjem taħdem il-mod inti tistenna għal,
iżda biss jippruvaw iżommu minħabba I wegħda li se.
I wegħda kollha ta 'dawn l-eżempji kienu qed jaħdmu qabel klassi.
I ma jifhmux dak li ġara.
I litteralment ikollhom kollox l-istess.
>> Ħaġ'oħra li I biss jixtiequ nuruk guys li jistgħu jkunu super utli
huwa in-- dak li kien jaħdem qabel?
Sirna parti xogħol, ma we?
I think so.
Iva.
Għamilna.
Tal-biża.
OK, hekk ħaġa waħda li inti guys għandek tkun taf
huwa l-console log li I tkellem dwar.
Allura console dot log tal bonjour.
Allura dan huwa tip ta 'l- JavaScript ekwivalenti ta 'printf.
Mela jekk inti qatt tixtieq li jispezzjonaw varjabbli tiegħek
jew tara x'inhu jiġri hemmhekk, liema inti tista 'tagħmel huwa, jekk aħna jispezzjonaw element,
huwa dak li inti tixtieq li tmur għal, u inti tmur console,
tkun taf tara li dan stampata bonjour.
>> Allura nistgħu jkollhom dan print x'ikun ridna.
Jekk ridna li jistampaw isfond dot dot stil isfond,
għandna nkunu kapaċi biex tara d- RGB triplu li taqa up.
Jew le.
I tinsa eżattament kif inti tipprintja varjabbli bħal dik,
iżda inti għandek tkun kapaċi li jistampa affarijiet bħal dik.
Dak se jkun utli ħafna għall pset tiegħek meta
int tipprova li jimmanipulaw tikkoordina jew whatnot.
Allura huma wkoll jibdlu din il-biċċa fil-klassi.
Din hija differenti mill-aħħar snin, hekk biss ikunu sbieħ li TFS tiegħek, jew il-TFS
fil-ħinijiet uffiċċju pjuttost, għaliex aħna qed tip ta 'tagħlim flimkien miegħek guys.
Iżda l-console log kien super, super utli għall JavaScript aħħar sena.
Allura imħabba tiegħu.
Tgħallem kif jużah.
Huwa aktar faċli għall-użu minn GDB, b'tali mod li għandha tkun għallinqas punt plus.
Imma nirringrazzjak guys qed iħallu miegħi.
Jien sorry li tiegħi Eżempji għal xi raġuni
biss ma riedx ikkopera miegħi, imma I
Nittama li dan għen tip ta nikseb inti ftit aktar fiż-żona ta 'JavaScript.
U tibgħatli mistoqsijiet kollha tiegħek għall ġimgħa d-dieħla so I tista 'tiġi msewwija super,
u jien ser iġibu kandju u anke extra kandju għaliex dan kien redikoli.
Imma inti guys huma kbar, u jkollhom ġimgħa tal-biża.