ALLISON Buchholtz-AU: Visas tiesības ikvienam. Laipni lūdzam atpakaļ uz sadaļu. Tas ir mūsu priekšpēdējo sadaļā. Tas ir tik skumji. Es nezinu, ko es esmu gatavojas darīt neredzot jums puiši katru pirmdienu. Es domāju, mums vajadzētu just-- varbūt mēs varētu vienkārši tikties šeit un ir vakariņas vai kaut ko. Es nezinu. Es atnesīšu ēdienu vietā. Mēs tikai runāt. Bet jā, nākamnedēļ būs mūsu pēdējā daļa. Uz šī piezīme, jums ir viktorīna nākamnedēļ. Es zinu, es aizmirsu darīt manu, piemēram, divu nedēļu paziņojums iepriekš pagājušajā nedēļā, bet, cerams, jūs guys zināja nāca. Cerams, ka tas ir viens no pēdējā midterms jums puiši par pusgadu. Bet tas notiek, lai segtu visus materiāls, kas mēs esam pārgājuši. Tātad tas nav kā jūs varat vienkārši aizmirst apmēram četras cilpas vai mainīgie. Tāpēc, ka mēs uzzinājām tiem, kas sākumā, tie ir acīmredzami godīga spēle jūsu viktorīnas. 

Tas būs tādā pašā formātā, tas pats garums, lai jūs jau tiek izmantoti, lai to. Tur būs kodēšana ar roku problēmām, varbūt daži true false, varbūt daži īsā atbilde. Tātad jums vajadzētu būt iepazinušies ar formātu, it īpaši, ja Jūs lietojat tad prakse testi. Bet kā es saku šeit, tas ir kumulatīvi, bet mēs noteikti būs koncentrējoties uz lietas no nedēļas sešu tālāk. Tātad, mēs esam droši vien nenāks jautāt jums par to, cik baiti ir katra veida vai šie lietas veidu, bet mēs, iespējams, būs ieinteresēts lietas, piemēram, saistīti sarakstiem, vai dažādas datu struktūras, vai dažādu algoritmi ka mēs esam runājuši par. Tāpēc pārliecinieties, ka jūs patiešām līdzi tiem, un, ja jūs vajag visiem resursiem, šeit ir daudz resursu. Es tikai deva jums veida ātra saraksta tur. 

Nākamnedēļ būs viktorīna pārskata šajā laikā. Tātad, ja jums ir kādi jautājumi vai konkrētas tēmas, īpašas lietas, par viktorīnu, ka vēlaties iet pāri, lūdzu sūtiet tos man pirms laika, lai es varētu veida sagatavot kādu materiālu par to. Un papildus, sadaļa pārskatīšanu, mēs arī turot kursu mēroga pārskatīt tāpat kā mēs to darījām iepriekšējā reizē. Un tas būs izdarīt paši cilvēki. Es nezinu, ja tas padara to labāk vai sliktāk, bet tas būs man, Hannah, Davan, un Gabe vēlreiz. Tātad, ja jūs vēlaties nākt redzēt mums visiem ķircināšanās ar otru un staigāt jums caur viktorīnas pārskatīšanu, jūs noteikti vajadzētu nākt uz šo nākamajā pirmdienā arī. Tātad jums vienkārši ir pirmdienā ievārījums pildīta viktorīnu pārskatīšanu, kas ir labs jo tad jums ir otrdiena apstrādāt ar visu. 

Bet noteikti do pārbaudīt out šiem resursiem. Study.csv.net ir daudz, es domāju, ir viens no visvairāk noderīga, galvenokārt tāpēc, ka tas ir daudz koda paraugu, tā ir visas jaudas punkti ar visām piezīmēm par to, kas ir patiešām to, ko es izdarīt visvairāk no maniem sadaļā materiālus no. Ja tur ir kaut kas iepriekšējā sadaļas, kas man var būt izsūtīti kas jums var nebūt dabūt, tikai ļaujiet man zināt. Tāpat kā pagājušajā nedēļā koda paraugu, ja kāds nav iegūt, ka, tikai e-pastu man vai nākt runāt ar mani, un es ņemšu pārliecinieties, ka jūs saņemsiet to. 

Tātad ar to, šodien mēs gatavojamies būt runāt par JavaScript. Tāpēc šeit mēs Tommy, kurš man bija tikai runā ar jums pēdējā naktī. Es mīlu Tommy. JavaScript ir viņa mīļākā valoda, kā viņš saka šeit. Tie mēģināšu un pateiks, ka tā ir nav labākais, un tie būs nepareizi. Tātad Tommy ir JavaScript meistars. Es neesmu gluži pēc viņa līmenis, bet man bija, piemēram, "Tommy, kā es varu mācīt šie bērni JavaScript? " Tāpēc es saņēmu dažus padomus, tāpēc cerams, ka viņi strādā out. 

Tātad pāris lietas, kas jāzina, ir, ka JavaScript ir klienta puses skriptu valodu, lai savukārt PHP ir kaut kas ka mēs uzskatīts par servera puses, tā tika ielādē uz serveri, apkopoti un izpildīts tur. Tas viens ir izpildīts uz savu mašīnu. OK? Tātad jūs ielādēt kādu JavaScript lapā, un tas izpilda uz jūsu datora. Sintakse ir ļoti līdzīga C un PHP. Mēs ejam, lai iet cauri daži piemēri JavaScript, un jūs gatavojas redzēt, ka Veids, kā mēs runājam par mainīgajiem, cilpas, un nosacījumi ir ļoti līdzīgi. OK? Tas, ka viņi ir tik līdzīgi ir droši vien ceļojums daži no jums up, dažos gadījumos, tikai tāpēc, ka jūs iekļaut mazliet C kur tur nevajadzētu būt. Varbūt jūs mēģināt kaut ko rakstīt kad to nedrīkst drukāti. 

Un, ka viena lieta zina, ir tas, ka JavaScript ir dinamiski drukāti valodas, piemēram, PHP. Tātad, ja jūs guys atcerēties no sadaļas pagājušajā nedēļā, kad mēs bijām veida darīt Mūsu PHP crash protams, Mēs redzējām, kā virkne varētu būt pārvērtās int vienu, un tā tālāk. Jūsu mainīgo tips nosaka pie palaist laikā, lai viņi var mainīties kursa programmas, un tādā pašā veidā, ka mēs nekad tiešām deklarēt tipus PHP mainīgajiem, mēs esam gatavojas darīt to pašu lieta šeit, kur mēs neesam īsti kontrolējot veidus mūsu mainīgajiem, tā sakot, kā mēs darām C. 

Un tad viena lieta tas ir diezgan foršs ir ka jūs varat kļūda pārbauda, ​​izmantojot konsole, ar šo lielisko funkciju console.log, kas ļauj izdrukāt atšķirīgs mainīgie vai objektus, ka mēs runāt. Tāpat kā pagājušajā nedēļā, kad es biju piemēram, "Izmantojot šo funkciju," ar izgāztuvi no jūsu PSET tas ir funkcija vēlaties izmantot, console.log. Es biju tik pārsteigts, cik daudz studenti darbalaikā nezināja par dump funkciju. Un man bija, piemēram, "puiši, tas padarīt savu dzīvi tik daudz vieglāk. " 

Labi, tā ka bija sava veida tikai īss lieta, kā vienmēr, mums ir piemēri. Es zinu, ka jūs guys mīlēt tos. Tātad, šeit ir piemērs ļoti vienkāršs JavaScript failu šeit. Tātad tas ir tikai gatavojas, lai radītu šo pop-up, kas saka, "Hello world", kad jūs ievadiet lapas, bet pieņemsim mēģināt un staigāt pa šo mazliet. Tātad acīmredzot tas ir tikai piemēram, jūsu parasto index.html. Tātad, tikai mūsu normāli veidni šeit, un mums ir HTML, mums ir mūsu galvas, un tāpat kā ar CSS, kā mēs iekļauti daži ārpus failu, vai ne? Mums ir dažas script type teksts, kas ir JavaScript. Un avots ir hello.js, kas ir uz leju šeit. Tas ir viss fails hello.js. Un tad mums ir dažas virsraksts un dažas ķermeņa HTML ka mums nav īsti rūp. 

Kas notiek, ir, kad mēs ielādēt šo lapu, tas automātiski paraksta šo skriptu. OK? Tātad JavaScript būs izpildīt automātiski. Tātad, kas tas būs jādara, tas notiek nekavējoties iet un izpildīt to. Un tas notiek teikt, "brīdinājumu. Hello pasaulē. " Kura brīdinājums funkcija, kas faktiski rada šo lodziņu. OK? Tātad, tas ir sava veida visu aptvertu. Nav nekas extra mums bija darīt turklāt tikai brīdinājumu, un tad visu, ko mēs vēlējāmies mūsu brīdinājumu kastē. OK? Tātad tas ir tikai super vienkāršs piemērs tam, ko JavaScript var darīt. 

Viens no tiešām foršs lietas, kā mēs redzam, ir tas, ka JavaScript ļauj manipulēt jūsu mājas lapas, bez pārlādēt tos katru reizi. Tātad, ja jūs want-- piemēram, ja Jums ir lidinājās pār kaut ko, ja jūs guys kādreiz ir redzējuši, piemēram, Izvēlne bāri, vai tad, kad jūs lidināties virs dažas topic, nolaižamā izvēlne parādās, tas ir tāpēc, ka JavaScript. OK? Tātad jūs neesat pārkraušanas visam lapu, lai iegūtu šo izvēlni, lai parādās, jūs vienkārši meklēju kādu specifisku rīcība, ka lietotājs ir veicis, kuru sauc par notikumiem, kas mēs saņemsiet ievietot, un pēc tam, kad jūs redzat, ka jūs sakāt, "Labi, rediģēt kaut ko par šo lapa, un lai tas izskatās atšķirīgi, bet tikai rediģēt šīs konkrētās lietas. Nepārlādējas visa lieta. " Tātad tas patiesībā ir daudz patīkamāku, un Jums nav, lai pārlādēt jūsu lapas, un tas ir patiešām foršs. 

Tātad mainīgo deklarācijas, lai jūs varētu veida redzēt, Man virsū šeit, brīvi drukāti. Tātad tas ir ļoti daudz, piemēram, PHP. Mums nav nepieciešams, lai pastāstītu JavaScript kāda veida mēs esam gaida katru no šiem mainīgajiem būt. Tie var būt neatkarīgi veidu mēs vēlamies. Tātad jūs ievērosiet, šajā gadījumā, mēs paziņojam tās ir ļoti vienkārši, tikai ar "VAR" un tad, kādu gribam Mūsu mainīgā nosaukums būt. Viena lieta ir tas, ka tad, kad jūs likt VaR priekšā mainīgā nosaukums, tas lokāli scopes to. OK? Tas ir pilnīgi pamatoti, lai jūs pilnībā tikai izdzēst VAR un vienkārši ir s vienāds CS50, un tas būtu tikai globālo mainīgo. OK? Tātad jūs varat sāktu tā abos virzienos, tikai atkarīgs no tā, kā jūs to vēlaties. Tātad, ja jūs inicializēšana tā ietvaros funkciju, un jūs vēlaties, ka mainīgo palikt scoped šajā funkciju, jūs gatavojas vēlaties darīt kaut kas līdzīgs Var nosaukt mainīgo, pret, ja vēlaties to globāli scoped, jūs var vienkārši darīt nosaukumu mainīga un pēc tam kāds jums gribētu, noteikts vienāds ar. OK? 

Tas ir sava veida atdzist lieta šeit lejā, jo, ja mēs pamanām mūsu mainīgs b uzsāk veikt kā taisnība. Un ko tas does-- var Vai kāds man pateikt, ko tas dara? Tātad mums ir dažas brīdinājuma. Kas varētu tips B būt sākumā? AUDITORIJA: Būla. ALLISON Buchholtz-AU: Bula. Pa labi. Un tad mēs pārdalīt b uz šīs virknes, vai ne? Tātad šeit, kāda veida b būt? Tas lūdzu būt virkne, labi? Tātad, kas ir svarīgi, lai paziņojums, ka c, mēs Varētu gandrīz nekad darīt kaut kā tā. Mēs ir jābūt mainīgo, aizmet kā kaut kas cits, varbūt tie daži funkcija ar diviem i, aiziet no maksas līdz veselam skaitlim. Bet, ja mēs pamanām šeit, b ļoti viegli maina tipa. 

Mērķauditorija: Pagaidiet, lai jūs varat vienkārši būt, piemēram, "veikt b skaitlim?" 

ALLISON Buchholtz-AU: Jā. Jūs varat vienkārši pārdalīt b līdz veselam skaitlim. 

AUDITORIJA: Tiešām? 

ALLISON Buchholtz-AU: Jā. Un tad tas būtu int. Lai jūsu mainīgie gaitā var mainīties kursa programmas too. Tie nav stingri drukāti. Tas ir ļoti brīvi drukāti. OK? Būtībā jūsu mainīgie var darīt, ko viņi vēlas, jo mēs veida redzējām ar PHP. Viņi var darīt dažas trakas lietas, tāpēc tas ir svarīgi, lai būtu diezgan uzmanīgiem. Nosaukt savus mainīgos labi. Ja jums nav, visi pēkšņi jūs būs tāpat, "Pagaidiet, es domāju, tas bija stīgu, un tagad tas ir int, un es neesmu īsti pārliecināts to, kas notiek šeit. " Tātad tas ir tikai vienkāršs piemērs parādot, kā mainīgais var viegli mainīt savu veidu vairāk gaita programmas. 

OK. Tāpēc šī jāizskatās super, super pazīstami. Tātad tie ir mūsu cilpas JavaScript. Tie ir tieši tas pats, izņemot nevis četras int i ir vienāds ar nulli, mēs varētu vienkārši teikt vars i ir vienāds ar nulli. Un tad mēs varētu būt mūsu pašu veida nosacījuma, paša veida atjauninājumu, i plus plus darbojas tikai naudas sodu. Tātad fours ir tas pats, whiles ir tas pats, un darīt whiles ir tieši tāds pats. Paša veida vispārējo formu. Mēs pamanām, četri, iekavas, kronšteini, tas viss ir pats. Arī tur būs semikoliem kad mēs nokļūt piemēru kodu. Jūs redzēsiet, tas ir diezgan daudz tāds pats kā c. 

Par funkcijas deklarācijām, atkal, ļoti līdzīgs. Mums ir dažas funkcijas, kas tikko saka, ka tā ir funkcija, un pēc tam nosaukums mūsu funkciju, un izejvielas. Un atkal, ja mēs pamanām, mēs nav nevienas veidi šeit whatsoever. Taisnība? Mums ir nekas, sakot, ka šie jābūt ints vai dubultspēlē, vai pludiņiem. Tie varētu būt, ko vien viņi vēlas. Svarīgi ir pamanījusi, ka mums ir nepieciešams, lai rakstītu funkciju iepriekš ļaut JavaScript zināt, ka tas ir faktiski funkcija. 

Tātad tas ir tikai daži vienkārši summa funkcija, kas atgriež X vai Y, un tad kāda ir arī foršs ir tas, ka jūs faktiski var piešķirt funkciju uz mainīgo. Tātad, šajā gadījumā, summa ir tagad funkcija, kas faktiski dara summu. Tātad, ja jūs pamanāt šeit, mēs esam funkcija, nosaukums funkciju, ieejas. Taisnība? Šeit mums vienkārši ir funkciju un ieejas. Tāpēc to sauc anonīma funkcija. Un tas ir kaut kas, kas būtu jauns lielākajai daļai no jums puiši, ja ne visi no jums. Tātad, būtībā, ko tas nozīmē, ka mums nav nepieciešams nosaukumu mūsu funkcija šajā gadījumā. Mēs varam tikai teikt: "Labi, es esmu gatavojas ir šo funkciju, kas izpilda, šeit ir tās ieejas, un šeit ir ko tas gatavojas darīt. " Un jo īpaši, ja jūs piešķirot funkcija uz kādu mainīgo ka jūs gatavojas manipulēt, Jums nav obligāti vajag nosaukt, jo jūs esat būs atsaucoties ko tai uzliek šī mainīgā vārds, nevis neatkarīgi funkcija faktiski sauca. OK? 

Tātad, ja mēs redzam šeit, mēs ir dažas mainīgs summa tagad kas ir vienāds ar summa ir trīs un pieci. Un mēs varētu saņemt šo. Un tas vienkārši ir dažas brīdinājumu, trīs plus pieci vienāds numuru. Tas plus būs tikai saķēdēt kāds mūsu atbilde bija uz virkni. Arī forši, kā var saķēdēt virknes. 

JavaScript, kā ar PHP, HTML, un CSS kā mēs teicām, daudz no tā mēs esam veida ņemt mācību riteņi off šeit un jums puiši ir daudz zina Kā īsti saprast šīs lietas. Viņi nedaudz atšķiras, bet viņi nav tik sveša un ka jūs nevarat Google lietas vai meklēt tos tiešsaistē ar W3 skolām. Un mēs patiešām gaida jūs puiši līdz, veida, eksperimentu un uzzināt par savu. Tātad, es zinu, tas varētu likties mazliet mazāk rūpīgi nekā dažas c lietām mēs darām, bet tas ir faktiski par iemeslu. Bet cerams, ka tas nav pārāk atšķirīgs, un tas nav milzīgs. 

Tik masīvi Javascript, atkal ļoti, ļoti līdzīgi. Taisnība? Mums ir dažas mainīgs masīvs kas ir vienāds ar tukšiem iekavās, un tas ir tikai tukša masīvs. To bieži sauc burtisks masīvs notācija. Tas ir tikai viena lieta, ko mēs saucam par to. Ja mēs redzam, masīvs divas šeit, mums ir dažas burtisks masīvs, ka ir trīs elementi, labi? Un tad mums ir dažas VAR Trešais elements, kas ir daži mainīgais, kas ir tikai gatavojas rīkot šo virkni, JS. 

Elementi, labi, lai paziņojuma, ir atdalīti ar komatiem, tāpat kā mēs varētu sagaidīt. Un jūs varat piekļūt arī šos, kā mēs to darījām C, ar šo indeksa apzīmējums, vai ne? Tik ļoti atšķiras no PHP Tagad mēs ejam atpakaļ tikai veida atsaucoties uz lietām ar indeksu. Tāpat kā C, tas ir arī nulle indekss. Es jūtos kā tas būtu patiešām nežēlīgi ja viņi pēkšņi veic JavaScript vienu indeksu, un jums bija pilnīgi jāpārdomā, kā jūs domājat par blokiem. 

Viens atdzist lieta ir tā, ka tā vietā par pienākumu do-- ja jums kādreiz vēlējās garums masīva, varbūt jūs atkārtot, izmantojot to līdz jūs atradīsiet kādu galu, vai jūs vēlētos zināt, kas tas ir. Tāpēc, ka JavaScript ir ļoti vaļīga vairāk veidos, nekā tikai veids, kā mēs redzam šeit, mēs varam tikai veikt šo masīvu lielāks, jo mēs nolēmām. Ja mēs pamanām masīvs trīs ir trīs lietas, lai sāktu, bet tad pēkšņi, mēs esam līdzīgi, "ak, tikai kidding. Mēs faktiski iet lai padarītu to 101 lietas. " Tātad, ja jūs kādreiz vēlaties zināt faktiskais garums jūsu masīvs, jūs to darīt, kā šis. Un mēs ejam, lai redzētu daudz Šī notācija piemēriem, bet ar JavaScript tas parasti ir neatkarīgi objekts, kas jūs runājat dot jebkāda veida funkciju vēlaties izmantot to. OK? 

Tātad šajā gadījumā, mūsu objekts ir masīvs divi, un mēs sakām, mēs gribam garums masīva divi. Tātad tas tikai prasa, piemēram, garuma, ka. Un tas atgriezīsies savu garumu. Arī kaut ko atzīmēt, ir ka, ja mēs pamanām mūsu bloki, atšķirībā no C, viņiem nav būt visi no tā paša tipa. Tas ir daudz vairāk, piemēram, PHP. JavaScript ir būtībā tāpat kā šis interesanti meld C un PHP. Tātad mēs iekļuvuši, ka. Tagad, pieņemsim tikai pieņemt ka jūsu masīvi ir pamatā piemēram, C bloki, ar to, ka tie ir nulle indeksēti. Labi, lai ir viss. Jūs varat arī vienkārši paplašināt masīvs neatkarīgi indekss vēlaties. Tā kā tas, iespējams, SEG vainas par jums vai jums dažas kļūdas, JavaScript ir, piemēram, "nah, tas ir labi. Man šo. Mēs tikai iet taisni kur jūs vēlaties. " 

Labi, tāpēc objekti ir ļoti svarīgi. Jūs puiši būs izmantojot daudz no šiem Jūsu P komplektā, ja pareizi atceros. Tā lieta, ka tie ir līdzīga C, ir structs. Tātad jūs varat iedomāties about-- kad mēs ejam uz piemēru labi pēc tam es domāju, ka tas būs padarīt daudz vairāk sense-- bet mēs būtībā izmantot objektus, lai organizē informācijas protams saistīti. Kad mēs runājām par structs in C, mēs bieži vien runāt par studentu, kurš bija dažas nosaukumu, ID, house, jūs zināt, koncentrācija. Un tas ir sava veida to pašu ka mēs izmantojam objektus šeit. Tas ir tikai, lai organizētu līdzīgu informāciju. 

Jūs varat arī domāt par tiem, jo ​​vairāk līdzīgs asociatīvā masīvi PHP. Tātad tas būtu sava veida lieta kur mums ir dažas atslēga ar kādu vērtību, ļoti līdzīgs PHP. Tātad jūs varat sāktu kādu tukšs objekts, kā mēs redzam šeit, tikai ar cirtaini lencēm. Tātad masīvi ir kvadrātiekavas. Tukšas objekti ir cirtaini bikšturi. Labi, atšķirība ir. Un tie ir tikai divi atšķirīgi veidi, kā noteikt īpašības. Tātad šis ir sava veida daudz vairāk par tādā veidā, ka ir līdzīgs PHP, ar mūsu asociatīvas bloki, ar mūsu atslēgu, un mūsu vērtība, bet šis viens is-- jums redzu daudz vairāk JavaScript. Tas mēdz būt konvenciju. Un tādā pašā veidā, ka mēs masīvs divi dot garumu, tas saka, "Labi, dod man šo atribūts šī objekta. " Taisnība? Tātad tas pats, kā tas bija, piemēram, "dod man atribūts garums masīvs divas, " tas ir sakot, "dod man kādu īpašums mūsu tukšu objektu. " Vai šajā gadījumā, mēs piešķirot tai kādu vērtību šeit. Bet jūs varētu piekļūt arī to, ka veidā. 

Un tad šeit tas ir tikai parādot divus dažādus brīdinājumus. Tātad tas parāda brīdinājumus būtu tieši tā pati, tas ir tikai divi dažādi veidi piekļūt elements, ko mēs gribam. Vai tas ir jēga visiem? Es jūtos kā šo vienu iespējams, ir lielāka jēga, tikai tāpēc, ka mēs esam nāk nost no PHP. Bet kā mēs vairāk piemēru, šis ir burtiski tieši tas pats. Tā daudz ir vienkārši mainīt sintakse. 

Labi, tā piemēri. Es mīlu piemērus. Tātad, šeit ir daži CS50 mainīgais, kas ir objekts, un mēs glabāt visu informāciju par to. Tātad mums ir, protams, instruktors, TFS, psets, un lentu. Tātad mēs pamanām tās ir gandrīz visi dažādu veidu. Taisnība? Tātad objekti var uzglabāt atribūti dažāda veida. Mēs varam domāt par this-- tas ir ļoti līdzīga mūsu asociatīvā masīva PHP. Tātad galvenais, vērtību, atslēgu, vērtību, atslēgas, vērtību, tā tālāk un tā tālāk. Kas ir interesanti tādā pašā veidā ka mēs varam būt bloki ietvaros blokiem mēs varam arī objektus, kas objekti vai to masīvi ietvaros objektiem. Tu nekad īsti tikai tikai viens vienu no lietām. Mēs varam iegūt ļoti Inceptionesque, tikko saglabāt iet uz leju trušu caurums tur. 

Tātad, ja mēs pamanām, mēs ir dažas protams, ka ir virkne, instruktors, kas ir virkne, un masīvs, int, un Būla. Tātad visas šīs dažādās lietas. 

Labi, jā, mums ir vēl viens. Tātad, šajā gadījumā, mums ir masīvs objektiem. Tik vienkārši patīk objektu var būt masīva tajā. Mēs varam arī masīvs objektiem. Tas varētu būt noderīgi, lai domāt par līdzīga veida par to, kā mums bija hash galds, mums bija masīvs Visu šo dažādo veidi structs ka bija norādes uz dažādiem mezglu un plauktiņš. Bet šajā gadījumā, mēs ir masīvs objektiem. Tātad tas ir kā masīva asociatīvas masīvi. Tātad mums ir dažas pirmais elements varētu būt objekts ar nosaukumu James un māju Winthrop. 

Jūs puiši varētu atcerēties kaut kas ļoti līdzīgs šim ar savu pēdējo PSET, kur, ja jūs velk kaut ko no jūsu datu bāzē, pirmā veida lieta jūsu masīvs bija visu informāciju par pirmais lietotājs, kas met to, un tad jums bija indeksēt vērā, ka lai saņemtu savu krājumu vai to kešatmiņu vai plauktiņš. Tātad tas ir ļoti daudz, tas pats lieta, tikai nelielas izmaiņas sintakse, mazliet mainījies vārdi mēs izmantojam, lai aprakstītu tos. 

Tātad, ja mēs vēlējāmies, var kāds pateikt man ko tas brīdinājums darītu šeit? Vai ko tas mazliet kods varētu darīt mums? Mērķauditorija: Tas tev iedos visus vārdus. ALLISON Buchholtz-AU: pa labi, tāpēc tas vienkārši brīdinātu ar visiem nosaukumiem jo tas iet cauri māja i, tāpēc gribētu sākt no nulles. Tātad tas teiktu, OK mēs meklējam pie šo pirmo objektu, kas ir pirmais slots mūsu masīvā. Un tā saka, "dod man atribūtu, nosaukumu šo objektu. " Tātad mēs ejam šeit, mēs gribētu scan, mēs gribētu atrast vārdu, un mēs gribētu izdrukāt James, Molly, un Carl. Kādi jautājumi līdz šim? JavaScript diemžēl jūs esat būs dara daudz meklē līdzi jūsu pašu, norādītas, sintaksi, cīnās ar to. Bet, protams, es esmu vienmēr šeit, darba laiks ir vienmēr šeit. Es varētu būt otrdienās šonedēļ. Tātad, ja jūs esat tur, jūs varat nāk pie manis šonedēļ. Tā gribētu būt liels. 

Labi, tāpēc DOM ir Dokumenta objekta modelis. Tātad tas ir tikai veids, kā ka mums patīk domāt Par to, kā mūsu HTML un viss ietvaros tas tiek organizēts. Tas ir ļoti daudz kaut kas iespējams, nāk līdzi jūsu viktorīnā. Es zinu, mans gads, tas bija kā šeit ir HTML fails, aizpildiet DOM par to. Un jūs vienkārši aizpildīt sīkumiem. Tie būtu viegli punkti cerams. Cerams, ka jums see-- 

Mērķauditorija: [dzirdams] 

ALLISON Buchholtz-AU: So jūs redzat šo koku šeit? 

AUDITORIJA: Jā. 

ALLISON Buchholtz-AU: Tāpēc viņi lūgs izmantošanu aizpildīt, kas notiek zem korpusa. Varbūt zem ķermeņa, mums ir dažas divs vai mums ir dažas rindkopas un mēs lūdzam Jūs aizpildīt koks ļoti daudz, piemēram, šis. Tātad mēs būsim iešana caur to. Tātad Dokumenta objekta Modelis ir tikai veids, kā strukturēt un domāt par mūsu HTML grafiski. Un arī tad, kad mēs uz lielāku JavaScript, tas būs veids, ka mēs faktiski manipulēt atšķirīgs elementi lapā. Mums ir nepieciešams veids, lai piekļūtu katram no lietām mūsu HTML, un tāpēc tas mums dod ļoti betona standartizētā veidā pa dažādām interneta lapām, lai to izdarītu. 

Tātad, ja mēs vienkārši staigāt pa to šeit, protams Mūsu dokuments ir kā mūsu visu failu. Tas, protams, ir jēga ka tas ir augstākais lieta, un tad mums ir mūsu faktisko HTML, kas atbilst šo tagu šeit. Arī tad, ja jums ievilkums atslēgvārdus pareizi, tad veidojot šo DOM koku kļūst super vienkārši. Tātad mums ir dažas galvas šeit. Mums ir dažas iestāde, kas mēs redzam kāts nost no HTML, kas ir iemesls, kāpēc mums ir galvu un ķermeni. Laikā galvas, mums ir dažas nosaukums tag, beigu nosaukums tag, tāpēc mēs zinām, kas nāk pēc galvas. Un mūsu nosaukums tag, mums ir hello, pasaule. OK? Tātad tas ir tas viss kreiso roku filiāle. Un tad labajā filiāles šeit mēs redzam, ka mums ir HTML, Labi, mēs esam darījuši šo galvas daļu, mēs meklējam tikai pie ķermeņa, tāpēc mums ir dažas ķermeņa zonu. Un ievērojot, ka vienīgais lieta, kas mums ir, ir sveiki, pasaule. OK? Ja mums būtu lietas, piemēram, daži kronšteins p un pēc tam hello, pasaule, un tad vēl kronšteins p ardievas, pasaule, mums būtu divas burbuļi nāk nost no šejienes. Tāpēc, ka viņi abi ar ķermeni, bet viņi atsevišķus punktus šajā gadījumā. Ir noteikti prakse par ka iepriekšējos viktorīnas, kā arī daudz tiešsaistes par to. Labi, tāpēc, tas tikai ļauj mums redzēt visu labi un manipulēt lietas ļoti sistemātiski. OK? Mēs zinām, kā tieši šķērso caur šo koku, lai mēs zinām, ko mēs gribam, lai piekļūtu. 

Labi, tāpēc tas ir iemesls, kāpēc mēs vēlamies lai šāda veida modeli, lai mēs varētu izmantot lietas, piemēram, tas, un mēs saprotam, ko tie nozīmē, un viņi standartizēta pāri visām lietām, ko mēs darām. Tātad dokuments dot nosaukums ir tikai nosaukums our-- visiem šiem ir diezgan pašsaprotami, Man patīk domāt. Tātad pirmais trīs piemēri ir tikai saku, "Labi, tikai dod man nosaukums šajā mājas lapā. " Tātad, tas dos jums to, ko atbilst nosaukumam. 

Dokuments dot ķermenis gatavojas sniegt jums kāds ir šajās ķermeņa tagiem. Tātad jūs varat manipulēt, ka. Un dokumentu dot ķermenis dot ievadiet HTML ir ļoti foršs vienu, un varbūt nav, piemēram, super intuitīvu, bet iekšējais HTML atbilst šo tiesību šeit. Tātad, ja jūs kādreiz vēlaties manipulēt tekstu lapā, Parasti jūs gatavojas darīt kaut kas ar ķermeņa dot iekšējo HTML. OK? Tātad iekšējais HTML mēdz atsaukties uz to, kas ir patiesībā starp šiem tagiem. OK? Un tad noderīgas funkcijas. Tātad, ja jūs vēlētos, lai saņemtu kāds no šiem, ka kāds no elementiem, mums ir dažas Id, klase nosaukums vai tag nosaukumu. Tas ir ļoti līdzīgs Lietas, ko mēs darījām ar CSS, vai ne? Kur mums ir dažas selektori, ka atbilst nu tag, klase ka mēs dodam viņiem, vai Id. Tas ir ļoti daudz, tāpat. Ja jums ir kaut kas ir dažas klases suns, un jūs sakāt saņemt elementus pēc tag nosaukumu, un jūs nodot suni there-- vai žēl, klases nosaukums. Jums var likt dot tur. Tas notiek, lai atgrieztos visiem tiem elementi, lai jums, kas ir šo kategoriju. Tātad jūs varat manipulēt tikai tos. Tādā pašā veidā, varbūt jūs vienkārši vēlas manipulēt kādu galvenes, tāpēc daži h1 header, tāpat kā mēs to darījām. Jūs varētu darīt saņemt elementus by tag nosaukt, jo h1 ir tag vārds. Un tādā pašā veidā, ja jūs vēlaties, lai saņemtu dažas unikālas lieta, jūs varat darīt get tag. Saņemt elementa Id. Un tie ir tiešām daudz tiem. Tie ir tikai, piemēram, trīs ļoti daudz. Tātad, ja jums iet tiešsaistē, kā Es esmu gatavojas, lai veicinātu jūs darīt, un tie daži pētījumi par savu, Es noteikti ieteiktu izskata visus no tiem. Tie varētu būt super noderīgi, jo īpaši, ja jūs vēlaties, lai tikai veida manipulēt Ļoti īpašas lietas, neradot iet cauri un mēģināt parsētu visu. 

Labi, tā pēdējā lieta ir JavaScript notikumi. Tātad, kad es runāju iepriekš par dodas uz tīmekļa vietni, un, kad jūs lidināties virs kaut ko, vai peli novieto kursoru kaut ko, kaut kas cits nenotiek. Tas ir tas, ko mēs gribētu domāt par kā notikumu. Tātad, kas mums ir, kas varētu noderēt šeit ir onclick. Tātad mans bija lidināties, kas, es esmu diezgan pārliecināts, ir tikai uz lidināties. Arī ton no šiem ka jūs varat meklēt. Tur ir vesels saraksts online no dažādām lietām ka jūs varat klausīties par. 

Bet JavaScript notikumi būtībā tikai reaģēt uz lietām ka jūsu lietotājs dara. Taisnība? Tātad jūsu lietotājs nav kaut, kas ir notikums, un JavaScript reaģēs tomēr jūs vēlaties to patīk. Tas būs atbilstoši reaģē. Tātad, šajā gadījumā, mums ir daži logs dot onload. Tātad, ko tas saka, ir, "pagaidiet līdz loga piekrauts. " OK? Tad, kad viss ir piekrauta, onload, tad jūs varat izpildīt šo funkciju. Tad, kad viss ir piekrauts, jūs gatavojas lai ir dažas meklēšanas pogu kas izpaužas elementu pēc ID, un tas drukā neatkarīgi, ka elements ir kā pogas Meklēt. Un tad mums ir šo mainīgo, mēs sakām, "OK, onclick." Tātad, kad mēs dzirdam klikšķis uz pogas Meklēt, izpildīt šo funkciju, kas ir brīdinājums, jūs noklikšķinājāt uz pogas Meklēt. 

Tātad, kas notiek is-- tas ir jauki maz grafiskais attēlojums šeit. Tātad mūsu dokumentu slodzes, tas ir mūsu onload, mēs atrast mūsu Meklēt poga, kas ir šī. Mēs meklējam mūsu pogas Meklēt. Un tad, kad Search poga ir uzklikšķināt, tas atbilst tieši šeit. Onclick. Tad mēs beidzot brīdinātu savu lietotāju, kas ir šis pēdējais rindā šeit. OK? Tātad katrs no šiem četriem soļiem tikko atbilst četrām kastes tur lejā uz grunts. Vai tas ir jēga visiem? 

Un tad viena lieta, ka es esmu tikai gatavojas nerunājot par ļoti, ļoti īsi, lai es iedrošināt jūs guys iet izskatās vairāk par ir jQuery, kas ir tikai bibliotēka kas ir uzbūvētas virsū JavaScript. Tas ir super noderīga, jo ar lielāko bibliotēkām. Ir daudz funkciju. Tātad, ja tur ir kādreiz kaut kas jūs vēlaties darīt JavaScript, jūsu pirmais instinkts nedrīkst domāt novērtējums ", kādas funkcijas būtu Es kods? "Tas būtu, "Ļaujiet man redzēt, kāds ir jau izdarījuši par mani. " Tāpēc, ka deviņas reizes no desmit, kāds ir darījuši to jau, un viņi, iespējams, ir darījuši to labāk. Cilvēki pavada daudz laika darīt tiem, un JavaScript ir ļoti plaši izmantots, tāpēc cilvēki ir pastāvīgi mēģina padarīt to labāku. Un jQuery ir daudz funkciju kas, iespējams, būs noderīga, lai jums savu galīgo projektu, ja jūs esat darīt kaut ko ar web dizainu. Kā es gribētu teikt, "darbs viedāku, ne grūtāk. " Ja jūs guys darīt, tas būs lieliski. Kad mēs esam pie hackathon man nav gribu, lai jūs būtu visu akcentēja. Es gribu, lai jūs būt, piemēram, "I got šis. jQuery dabūja manu muguru. Man nav nepieciešams rakstīt šīs funkcijas. " 

Tik vienkārši divas lietas atceros, es eju lai jūs guys izskatīties uz jQuery par savu. Viss, ko es esmu gatavojas teikt, ir tas tas dažas diezgan awesome lietas un var padarīt jūsu dzīvi visai daudz vieglāk. Bet ko jūs vēlaties ir, ir kāds fails ka jūs esat būs izmantojot to, jūs gatavojas vēlaties šīs divas rindiņas. Jūs esat gatavojas vēlaties skripts JS jQuery dot JS. Un tiešām jūsu avots būs daži URL. Ja jūs Google jQuery, Google faktiski rīko visus failus jums. Tātad jūs noteikti vēlaties ievades ka URL vietā. Es vienkārši ielieciet to šeit Vienkāršības labad. Viss tas nozīmē, ir, kur atrast savu jQuery bibliotēku. Tas ir liela, lai jūs nevēlaties uzņemt to savā datorā ja jūs varat izvairīties no tā, kas ir iemesls, kāpēc mēs mēdz vienkārši ielieciet Google URL, ka rīko visus šos failus jums. OK? Jūs Google to, es apsolu tas būs tur. 

Un tad kāds JavaScript failu, ka jūs esat izmantojot, tāpēc tas ir tikai kāds ārējs JavaScript failu, ka jūs izmantojat. Tādā pašā veidā, ka mēs saiti uz mūsu CSS failus, tas ir tas pats veida lieta. Tas tikai saites uz failu kur JavaScript ir. Un man ir daži piemēri ar vienkāršu JavaScript. Tāpēc mēs iet caur to. Un tad jūsu indekss JavaScript, kas ir jūsu JavaScript failu šeit, Tas ir sava veida iesaiņojuma ka jums ir jQuery. Jūs esat gandrīz 99,9 procentiem no laika iet lai šo jūsu index.js failā. Jo, ko tas saka, ir, "Nav izpildīt neko līdz jūsu dokuments ir faktiski gatavs ", kas ir tieši tas, ko jūs vēlaties. Jo, ja jūsu dokuments nav gatava, un jQuery sāk darīt lietas, tas ir tikai haoss. Tātad, jūs vienmēr vēlaties, lai būtu šī iesaiņojuma. Un tad par lietām, kas iet tur, es atstāšu to jūsu puiši pašu lasot. 

Labi, tā ir tur tieši kādi jautājumi tagad par JavaScript kopumā? Vai DOM modelis? Ja nē, mums ir dažas atdzist piemēri, ka mēs varam iet cauri, ka jūs guys var palīdzēt man kodu. Bet es esmu arī būs super jauki, un, ja jūs negribu teikt neko par tiem, tas ir jauki. Es varu arī tikai jums piemērus. Bet kaut uz PowerPoint, pirms mēs doties tālāk? Cool. 

Es jūtos kā jūs guys nepieciešams enerģiju. Tāpēc es domāju, ka mēs esam gatavojas sākt ar savu partiju piemēru pirmā. Mums ir trīs piemērus, jums ir jūsu izvēle. Tāpēc mums ir pulkstenis, kur mēs ejam īstenot faktisko pulksteni, kas ir gatavojas atjaunināt kā laiks iet ar. Mums ir šo lielisko čivināt funkciju. This-- jūs zināt, kas, turēt. Mēs ejam, lai padarītu šo iet prom. Bam. OK. 

Mums ir šo lielisko Twitter funkciju šeit, that-- es zinu, vai ne? Tas būs liels. Vai jūs guys satraukti? Kas notiek, lai saskaitītu rakstzīmju ka jums ir atstājuši, tāpēc, ja es rakstīt tieši tagad, acīmredzot tas joprojām saka, 140, bet mēs zinām, ka tas nav noticis. Un tad ar mūsu pēdējais šeit, klikšķiniet šeit, lai pusei. Kas notiks, ir tad, kad mēs noklikšķiniet, fons s mainīsies krāsas. Tātad jums puiši ir savas iespējas kuriem viens jūs vēlaties darīt vispirms. Es apsolu es ņemšu to ļoti viegli par jums. Es jūtos kā ikvienam ir sava veida no vienkārši ļoti zems taustiņu šodien. Tāpēc es jums palīdzēsim, cik mēs īstenosim visi no tiem. Ja jūs vēlaties, lai piebalsot in, tas ir lieliski, bet es justies kā ikvienam ir mazliet noguris. Tāpēc es ņemšu tikai staigāt jums caur šiem piemēriem. Vai mums ir kaut kas mēs gribētu darīt vispirms? Ikviens? Vienalga? OK. Jūs zināt, ko? Mēs esam par pusi. Es jūtu, ka jūs guys nepieciešams little-- jā, mēs izdarīsim puses viena pirmā. OK. 

Tātad, ko mēs esam here-- tas nav vajadzēja būt tur. Tagad tas ir labi. OK. Tātad, kas mums šeit ir tikai vienkāršs HTML lapas ka jūs guys visiem būtu super iepazinušies ar no saviem pēdējiem diviem psets. mums ir mūsu doc ​​tipa šeit. Var ikvienam redzēt? OK. Cool. Mums ir mūsu HTML protams. Mums ir dažas galveni, kas ir saistīta ar stila lapas, kas tikko mans fonts jauks un liels un drosmīgs. Tāpēc nav jāuztraucas par to. 

Mums ir daži ķermeni ar Id fona, OK? Tāpēc, ka mēs gribam būt mainot fona. Tad, kad mēs esam mainās fona mūsu organismā, mēs atceramies no pirms divām nedēļām kad mums ir darīšana ar web lapām. Tik labi ir, ka. Un mums ir daži Id vienāds pusi. Tas h ref mārciņa nozīmē tikai to, ka tas notiek, lai iet uz to pašu lapu. Un, klikšķiniet šeit, lai pusei, kas ir iemesls, kāpēc, kad mēs noklikšķiniet uz tā, tam vajadzētu mainīt krāsas, par laimi. 

Un tad mums ir dažas skriptu šeit ir tikai saistīts ar šo partiju dot JS fails, kas ir tukša jo mēs neesam darījuši kaut ko vēl. Un tas ir tik skumji. Bet ļoti drīz, tas mainīsies krāsas, un tā būs laba. 

Tāpēc es esmu tikai gatavojas staigāt jums puiši ar to, kā mēs varētu tuvināties šo. Tātad pirmā lieta, ka mēs varētu vēlēties darīt, ja mēs maināmies fona ķermenis, pirmā lieta, ko mēs varētu vēlēties to darīt, ir faktiski paķert ko ķermenis ir, vai ne? Tātad, mēs vēlamies, lai būtu summa, mūsu fona, un, ja pamanāt, Es tikai automātiski sāc rakstīt. Nav nekas īpašs, ka mēs jādara, lai mūsu JavaScript faili. Es varu sākt pasludina mainīgos, un deklarējot izlases funkcijas. Un tas ir daudz vairāk brīvā formā. Tas ir tāpat kā ar C, mēs deva jums visiem šie grūtie noteikumi, un jūs uzauguši, tāpēc mēs esam līdzīgi, "iet tālāk. Esi brīvs. Vai to, ko jūs vēlaties. " Un tas, ko JavaScript ir. Tāpēc mums ir šeit dažas fona. Ar mūsu DOM modeli, mēs zinām, mēs var darīt dokuments dot nokļūt elementu, un, ja mēs pamanām šeit, Mūsu ķermenis ir Id. Taisnība? Tātad, mēs varam darīt saņemt dokumentu, ko Id, un šeit ir vienkāršs. Kas ir mūsu Id, ka mēs gribam šeit? AUDITORIJA: Background. ALLISON Buchholtz-AU: Background. Perfekta. Un semikolu beigās. Kas nav aizgājuši prom vēl. Jums joprojām ir nepieciešams jūsu semikoliem. OK. Tātad tas ir mūsu pirmais. Un, kad mēs noklikšķiniet kaut ko, mēs grib lai kaut ko, vai ne? Tātad, mēs varētu vēlēties kādu mainīgs kas gaida, lai klikšķi. Ko mēs esam gatavojas darīt, ir, mēs spēsim padara mūsu saite vairāk līdzinās pogu. Tātad mēs ejam, lai ir dažas pogas, kas vienāds dokumentēt dot nokļūt elementa Id. Un, ja es runāju par noklikšķiniet uz saites, vai noklikšķiniet šeit, lai pusei saite, kas varētu mans Id būt šeit? Party. Pareizs. OK nav pārāk slikti līdz šim. Ikvienam iegūt to, ko mēs darām? 

Labi, tāpēc tagad mums ir mūsu pogu, un mēs vēlamies lietas, kas mainās, kad mēs noklikšķiniet uz tā. Tātad, ja mēs atceramies no mūsu PowerPoint, ļoti vienkārša lieta, ko mēs varam darīt ir tikai poga dot onclick, vai ne? Un kas notiek, lai vienāds dažas funkcijas. Šī ir anonīma funkcija. Un tas tikai as-- patiesībā es esmu gatavojas veikt šo nedaudz lielāks. 

Tātad, ko es tikko darīju šeit es saku, OK, kad mēs noklikšķiniet uz savu pogu, kas ir šo saiti, ka mēs tikko minēts, mēs gatavojamies izpildīt šī anonīma funkcija. Mums nav nepieciešama nekāda ieejas. Mums nav vienalga, ko lietotājs saka. Kad viņi noklikšķiniet uz to, mēs esam darīsim visu, mēs gribam, kas ir mainīt fona krāsu. OK? Tātad, tas ir iemesls, kāpēc mums nav nekādas ieejas, mums vienkārši ir šī anonīms funkciju. Un tagad mēs esam patiesībā notiek rakstīt šo funkciju. 

Tātad tur ir ķekars veidi, kā tu varētu radīt izlases krāsas. Veids, ka es darīju tā bija ģenerēt trīs izlases numuri un pārvērst tos uz RGB triple. Tātad tas tikai parāda jums dažas atdzist lietas, ka, ja jūs, piemēram, "oh, Man vajag, lai radītu izlases skaitlis. ", ja jūs Googled to, tas ir tas, ko jūs varētu atrast. 

Tātad mums ir trīs dažādas lietas, Var, nevis sarkans atkal, zaļa. Taisnība? Tātad tie ir trīs lietas, kas veido krāsu. Zila, sarkana un zaļa. Cool. Un ko mēs varam darīt, ir tas, ka mēs zinām, ka tai ir jābūt starp 255, un, ja jūs izskatījās dažas Izlases numuru ģenerators, jūs varētu saņemt kaut ko līdzīgu matemātiku dot izlases, kas, ja paskatās šo augšu atgriežas uz kādu numuru starp nulli un vienu. OK? Un kādi skaitļi darīsim RGB trīskāršojas iet starp? Nulle un ko? Ko viņi var iet līdz? 255. Tātad, ja math dot izlases iet starp nulli un vienu, kā varētu mēs vēlamies, lai pārvērstu šo? AUDITORIJA: Time? ALLISON Buchholtz-AU: Jā, tieši tā. Tātad, laiks ir 255. 

Mērķauditorija: [dzirdams] Tas ir tāpat kā [nedzirdama]. ALLISON Buchholtz-AU: Math dot izlases. AUDITORIJA: Cool. ALLISON Buchholtz-AU: Jā. JavaScript tikai rūpējas par jums. OK. Tātad, mēs varam darīt, ka visi no tiem. Taisnība? Math dot izlases reizes 255. Kopēt ka. Cool. Tātad lieta ir, tas var neatgriežas vesels skaitlis. Taisnība? Varbūt mēs dabūt numuru starp nulli un vienu, un tas rada tas būs nedaudz off, un mūsu RGBs nevar būt pludiņi. Viņiem ir jābūt Ints. Tātad, ja esat mēģinājis šo, tas droši vien ir dažas neparastas uzvedības. Tas būtu mazliet bailīgs. Tātad, ko mēs darām, ir, mēs vēlamies, lai pārliecināts, ka tie ir noapaļotas, un jūs varētu noapaļot vai nu veidā. Es noapaļota ar grīdu. Tāpēc es vienmēr pārliecinājos ka tā noapaļojot uz leju. Bet iet nost no tā, cik vienkārši tas bija tikai iegūt izlases numuru, kā jūs domājat, ka mēs varētu grīdas šis numurs? Tas ir ļoti līdzīgs. Jebkura ideja? Tātad, ja izlases bija tikai math dot izlases, tāpēc jūs domājat, mēs gribētu darīt grīdu? Math dot grīdas. Un jūs varat arī darīt math dot griestiem. Kārta ir sava veida neskaidrs jo jums nav zināt, vai noapaļot uz augšu vai noapaļot uz leju. Tāpēc parasti mēs vienmēr darīt math dot grīdas, math dot griesti. Bet honestly-- 

Mērķauditorija: Vai grīdas kārta uz leju? 

ALLISON Buchholtz-AU: Grīdas kārtās leju. Un tas ir tikai izvēle, no manas puses. 

Tāpēc tagad mums ir trīs numuri kas ir nejauši ģenerēta, un tas, ko mēs gatavojamies darīt tagad mēs esam tikai gatavojas mainīt fona. OK? Tātad mums jau ir mūsu fons veida uzglabā Šajā elementā sauc fona. Tātad, ko jūs pamanīsiet, ir, ja jūs spēlēja aptuveni ar to, mēs gribam mainīt stilu. Un tas ir sava veida kaut kas Jūs Google un izdomāt, patīk, kā mainīt krāsu. 

Bet kā jūs piekļūt šī krāsa fons dot stils dot fona. Tātad šis saka dots šis objekts, fona, kas norāda uz to, elements Id tur augšā, mēs ejam apskatīt stila ietvaros stilā, mēs ejam apskatīt fona. OK? Un, ja jums iet un meklēt to uz augšu, tas varētu padarīt mazliet lielāka jēga, bet tas ir būtībā tikai saku, "Dod man šo ļoti specifisko atribūtu par to, ko esmu definēts agrāk. " Tātad, ko mēs mainīt to ir daži RGB, jo tas ir jēga. Mēs izmantojam RGB trīskāršo, vai ne? Un mēs have-- es gribu, lai pārliecinātos, es iegūt tiesības skaitu pēdiņas šeit. Tātad, ko mēs darām, ir mums RGB, un mēs ejam kuri paredzēti, lai tas ir kā konkatenācija, kas ir sarkanā krāsā. Un tad mēs gribam kādu komatu. Un tad mēs gribam plus zaļš, tad dažas komats, un daži zilā krāsā. 

Tātad šie plusi tikko domāju, piemēram konkatenācija. Tātad tas ir tikai radot šo virkne, kas notiek laikā RGB. OK? 

Mērķauditorija: [dzirdams] plus tad zaļā plus tad sarkana. 

ALLISON Buchholtz-AU: Jā, jo es messed, ka līdz. Ka viens ir jauki. Ak, turēt. Nē. Tāpēc, ka man ir nepieciešams, lai pārliecinātos, ka ka es saņēmu visu šo tiesības. Tāpēc es paskaidrošu uno momento. Zaļa, zila, perfekta. Tagad es esmu darīts. Es uzskatu. 

OK. Tātad, kas tas ir, ir tas, ka fons tiks iestatīts uz kādu virkni. Taisnība? Kas ir tas, ko mēs esam šeit. Tas būs daži RGB 255 komats 255 komats nulle, vai kāds numurs jums ir tur. Tātad mēs darām šeit, mums ir dažas virkni. Un ko mēs vēlamies darīt, ir, mēs esam veida dinamiski radīt ka tad, kad mēs faktiski palaist šo programmu. Tātad tas ir daži virkne. Plus concatenates to ar vērtība, ka sarkanā ir, kas concatenates to ar komats, kas concatenates to ar to, zaļā, un tā tālāk, un tā tālāk. OK? Līdz pašām beigām, kas ir slēgšanas iekavas šīs RGB šeit. OK? 

Tātad, kas tas ir gatavojas radīt zināmas komanda patiešām kas ir RGB no trim numuriem ka fons ir tagad noteikti. OK? Tātad, pieņemsim redzēt, ja tas darbojas. Es ceru, ka tas tā ir, jo, ja tas nav, es esmu būs reāls skumji. Ak nē. OK, turēt. Noteikti fona dot stils dot fona. Es noteikti pazudis kaut tikai maza. Vai tu puiši ienīst šo? Kad tas ir tikai maza maza kļūda? Visvarenais fona. RGB. 

Mērķauditorija: [dzirdams] ALLISON Buchholtz-AU: Nē. Es mēģināju šo pirms klasē. Man ir viss, ko es darīju pirms klases gadījumā, ja man bija, piemēram, "Pagaidiet, ko es daru nepareizi?" Jo man bija, piemēram, "Es, iespējams, būs izjaukt šo up kādā brīdī. " Plus zaļa. Viss izskatās, ka tas ir saliktās pareizi. OK. 

Mērķauditorija: [dzirdams] 

ALLISON Buchholtz-AU: Ak, tur jums iet. Tas ir tas, ko man vajadzēja. Paskaties, ka. Tiffany glābt. Perfekta. OK. Tagad pieņemsim redzēt, ja tā darbojas. Ak mans Dievs. OK. Turiet par. 

Mērķauditorija: Space pēc otrās plus. 

ALLISON Buchholtz-AU: Kurš? Oh wait, turēt. Space valkāt? 

Mērķauditorija: Otrais pluss zaļā konkatenācija. ALLISON Buchholtz-AU: Oh. Mērķauditorija: Nav vietas pēc plusa, yeah. ALLISON Buchholtz-AU: You nav nepieciešams, ka, but-- Mērķauditorija: Ak, jums nav? ALLISON Buchholtz-AU: Tas izskatās diezgan. AUDITORIJA: OK. OK. 

ALLISON Buchholtz AU: Let 's redzēt, ja tas darbojas. OK. Es esmu, protams, ja pie tas demo, kas man atgādina no lekciju otro nedēļu, bet es zinu, tas darbosies. Es zinu, tas darbosies. Tik tuvu. Ja es nejauši svītrots mans skripts par šo vienu. Nē, tā ir puse dot js. OK turēt uz. Es esmu gatavojas, lai kopētu to, un es esmu arī tikai gatavojas izdzēst visu, jo man bija šī darba agrāk. 

Es apsolu tas darbojas. Ja nē, es jums parādīs, kas Tommy s ir. Un tur. 

Mērķauditorija: Jūs esat atsauču puse dot CSS, un tas ir puse DOT js. 

ALLISON Buchholtz-AU: Ah, labi tieši šeit ir puse dot js. OK, ko man darīt savādāk? Labi, mēs redzētu, vai tas darbojas tagad. Bam. Tātad, es nezinu, ko es darīju savādāk, bet tas ir tas, ko vajadzētu notikt. Kinda cool. Es noklikšķinājis uz to, piemēram, uz visiem laikiem. Bet mēs varam mēģināt un redzēt to, ko es darīju savādāk, ka tas viens bija. Es nezinu par jums, puiši, bet tas izskatās būtībā, ko es tikko uzrakstīju. Tur, iespējams, bija trūkstošais semikols kaut kur ir mana lieta. Patiesībā pēc, es domāju, ka man trūka semikols šeit faktiski. Bet es nevarēju redzēt, jo tas bija pie ekrāna. 

Bet, ja mēs pamanām, tas ir diezgan daudz tieši to, ko es tikko uzrakstīju. Es domāju, ka, iespējams, cieta daļa par tas ir tikai sava veida šī lieta tiesības šeit, izpratne ko tas tur dara. Šīs lietas veida jūs mācīties tiešām tikai ar Googling un godīgi tikai mēģina. Ja jūs domājat, ka tur ir dažas atribūtu, tur droši vien ir. Tāpēc izmēģiniet to. Redzēt, kas notiek. Kā jau teicu, tur ir daudz eksperimentēšana ar JavaScript, un PHP, un visu, kas sīkumi, un CSS īpaši. Tas ir vienīgais patiesais veids, kā izprast to. 

Labi, tāpēc pēc šī fiasko ar pusi dot js, mums ir divas citas iespējas. Mums ir pulksteni vai Twitter. Viņi abi interesanti. Varbūt ne tik jautri kā puse, kas bija foršs nedaudz strobing lieta beigās. Vai jums puiši ir dodat priekšroku? AUDITORIJA: Pulkstenis? ALLISON Buchholtz-AU: Pulkstenis? OK. Cool. 

Tātad vēlreiz, mums ir mūsu tukša JavaScript failu. Un, kā mēs redzam šeit, mēs ir daži ļoti vienkāršs HTML. Mums ir mūsu stila lapas, kas tikko formāti, kas tas būtu jāizskatās. Mums ir mūsu div ar Id pulksteni, kuru vienkārši saka, "tas būtu pulksteni." Un mums ir mūsu saikne mūsu JavaScript failu kas ir faktiski gatavojas radīt mūsu pulksteni par mums. Jo atdzist lieta, ir tas, ka jūs varat iestatīts JavaScript automātiski atsvaidzināt pati. OK? Tā vietā, lai gaida lietotājam hit Atsvaidzināt lapā lai jūs varētu saņemt atjaunināts laiks, JavaScript var atjaunināt to tomēr tas patīk. 

Tātad, kā ar mūsu pēdējais, mēs vēlējāmies piekļūt mūsu fona, vai ne? Tātad, ko jūs domājat, ka varētu būt Pirmā lieta, ko mēs vēlamies darīt šeit? Ja mēs esam sava veida iet off šāda veida paradigmas šeit? Mēs, iespējams, vēlas piekļūt mūsu pulksteni, vai ne? Tātad, mums ir dažas VaR pulkstenis, kas equals-- Ko mēs uzskatām, ka ir būs? Dokumentu dot saņemt elementu pēc-- I arī mīlēt Sublime-- ID un mūsu ID ir pulkstenis. Semikols. Got, lai pārliecinātos, ka, lai saņemtu šie semikoliem šoreiz, jo es jūtu, ka bija problēma pēdējā reize. Labi, tāpēc, jo man bija tikai sakot ar mēģina ir JavaScript atsvaidzināt sevi, tur ir šo lielisko funkciju, es zinu, ka tas nāca parocīgs pagājušajā gadā, Es neesmu pārliecināts, ka tas nāk parocīgs šajā PSET, bet to sauc komplekts intervālu. Un tas ir tiešām ļoti forši, ja jūs guys darīt jebko ar laiku vai iegūt atjaunināta informācija. Uz mājas lapu galīgo projekts, tas ir iespējams funkcija vēlaties saņemt super pārzina. Tātad, ko noteikti intervālu tas ir, ka mēs ejam, lai dotu tai funkciju, un cik bieži tas būtu nosaukt šo funkciju. OK? 

Tātad šajā gadījumā, mēs esam tikai gatavojas izveidot kādu anonīmu funkciju atkal, Labi, ka ir gatavojas iegūt mūsu diena, un mūsu laiks, un pēc tam atjaunināt lietām un parādīt to. Tātad mēs jāuztraucas par to. Mēs būsim līdzīgi radīt pulksteni šeit. Bet to, kas mums nepieciešams, ir, kā bieži vien, lai atsvaidzinātu to. Tātad šajā gadījumā, tas ir tikai milisekundes. Tātad mēs esam tikai gatavojas do 100 milisekundes. Protams, pilnīgi patvaļīgi. Ja jūs vēlētos to, lai atjauninātu daudz lēnāk, jūs varētu. Mēs varam putru apmēram ar noteikta intervāla, cik liels mūsu intervāls ir pēc tam mēs darba pulkstenis, kas, cerams, es ņemšu nokļūt. Tātad tas ir tikai saka: "Labi, zvans šī funkcija ik pēc 100 milisekundēm. " OK? Tas ir viss, tā dara. 

Tātad, ko mēs vēlamies, lai mūsu funkcija darīt, ir mēs vēlamies, lai ir dažas datums un kādu laiku ir tas, ko mēs ejam, lai būtu. Tātad, mēs varam sākt ar mūsu datums ir vienāds ar kaut ko, un mūsu laiks ir vienāds kaut ko ka mēs vēl nezinām. Vai tiešām, mums tikai vajag datumu, jo datums ir gatavojas iekļaut visu. Atkal, ja jūs vienkārši Google kaut ko par ko jūs vēlaties darīt, ja jūs rakstīt, "OK, Es gribu, lai iegūtu laiku izmantojot JavaScript ", tas dos jums šo lielisko funkcija sauc get datums. Burtiski, lielākā daļa lietas ka jūs vēlaties darīt, JavaScript nāksies tas darīts jums jau ir. Tātad, tas ir burtiski kā jauns get datums, kas ir creating-- vai jaunais datums, rather-- kas rada daži objekts, kas apzīmē datumu. 

Un tas, ko mēs gatavojamies darīt, šeit ir šis is-- Es esmu gatavojas rakstīt šo, un tad paskaidrot, ko tā dara. Tāpēc es ņemšu pārliecinieties, man šīs tiesības. 

Labi, lai to, ko šī funkcija tas, ir, mēs esam tikai radot HTML, kas ir faktiski gatavojas iet mūsu div id pulksteni. Tātad, kas tas ir gatavojas darīt ir tikai gūt zināmu virkni, OK? Kas tad būs transplantē mūsu HTML. Būtībā tas, ko tā gatavojas darīt, ir kāds we-- ko es jums parādīs ir tas, ka neatkarīgi mēs sakām HTML ir, mēs ejam, lai aizstātu šo tekstu šeit ar kāda HTML ir. Tātad tas notiek, lai ļautu mums mainīt mūsu pulksteņa dot HTML no tā tikai teksts šis būtu pulksteni, lai faktiski parādot numuri un lietas, kas mums rūp par, un faktiski pulksten. 

Tātad, ko mēs gatavojamies darīt, ir, mēs esam gatavojas sākt radīt šo HTML. Tātad, tādā pašā veidā, ka mēs izmantotā darīt plus vienāds par veseliem skaitļiem, jūs tagad var darīt, ka stīgas, izņemot tas notiek uz saķēdēt tos. Taisnība? Kā mēs redzējām, ar partiju dot JS, tas tikai concatenates visas šīs lietas kopā. Tātad jūs varat saķēdēt dažādas biti HTML no mainīgajiem, vai biti virknes ka jūs rakstīt sevi, un tas tikai tiešām ļauj dinamiski radīt HTML, kas ir diezgan forši. Tātad, ja jums ir kaut kas ļoti lietotājam specifiskas, tas var ļauj jums to darīt. 

Tātad mums ir HTML, lai es dodos uz mēģināt un pārliecinieties, ka man šīs tiesības. Tātad, mēs esam gatavojas darīt kādu h1 iesākumu. Tātad, kas ir svarīgi apzināties, šeit ir tas, ka tas ir faktiski tikai HTML. Taisnība? Mēs rakstām aktuālā HTML kods šeit, tas ir ne tikai virknes normālā veids, kā mēs varētu domāt par to. Tātad mums ir dažas HTML. Tas tiek uzskatīts string šeit tomēr. Un mēs datumu dot-- mēs vēlaties saņemt mūsu stundas. Atkal, ja jūs meklēt up kaut ko par datumu, tas pateiks, tie visi atribūti, ka datums ir. Un šeit ir tas, ko jūs varat izmantot to. Tātad tas, iespējams, ir lietas, piemēram, get stundas, un saņemt minūtes, un saņemt sekundes, un saņemt milisekundes, un kas zina, ko vēl viņi ir. Bet, ja paskatās uz dokumentācija, tas viss būs tur. 

Tāpēc mums ir nokļūt stundas, un tad mēs vēlētos saķēdēt ka with-- es esmu gatavojas pārvietot šo vairāk nekā šeit. Tātad, ja mēs radītu tieši tagad, mēs esam faktiski radot laiku, vai ne? Mums ir stundas, un pēc tam to, kas ir starp stundas un minūtes? Jums ir semikolu, vai ne? Tātad, mēs vēlamies darīt kādu semikolu šeit. Un tad mēs gribam, lai saņemtu mūsu minūtes, lai tādā pašā veidā ka mums ir datums dot nokļūt stundas, kā varētu mēs mūsu minūtes? Tas ir burtiski šim brīdim dot nokļūt minūtēm, ko es veida patīk. Tas ir tāpat, "ak, cik es varu saņemt savu minūtes? " Es tikai saņemt savu minūtes. 

OK. Un tad mums ir vēl viens kolu šeit. Un tad, ja mēs vēlamies, lai mūsu sekundes, kā varētu mēs saņemt mūsu otrais? Datums dot get sekundes. Es domāju, ka tas ir diezgan foršs. Un, kas ir svarīgi, lai saprast, ir tas, ka mēs arī nepieciešams aizvērt mūsu HTML tagu šeit, jo tas tomēr ir jābūt derīgam HTML, tāpēc h1. Cool. 

Tātad pēc tam, mēs varam darīt pulksteni dot iekšējais HTML ir vienāds ar HTML. OK? Tātad, atceries, kā es teicu iekšējais HTML būtībā aizņem kāds ir starp divi tags ka mēs runājām un ieliktņi vai manipulē kāds ir tur? Tātad, ko tas dara, ja mēs ejam atpakaļ uz mūsu pulksteni, ir tas, ka pulkstenis attiecas viss šajā div. Tas ir iekšējais HTML Šī Id pulksteni div. Un tā tas notiek, lai mainītu to, lai HTML, ka mēs tikko radīts, kurš, kas, cerams, cerams, cerams, rādīs laika tagad. Redzēsim. Protams. Tik daudz tehniski jautājumi. Allison ir just-- es esmu off savu spēli šodien puiši. Labi, ka darbojas. pulkstenis dot iekšējo HTML. Tas bija HTML tiešām? Arī tas ir tas, kas notiek. Kad jūs nevarat redzēt kaut ko, jums paskatieties uz jūsu avota kodu. OK. Vai jūs vēlaties zināt, foršs darbs apkārt ka mēs esam gatavojas darīt tieši šeit? 

Mērķauditorija: Vai jūs varat darīt lielos burtus? Lielie burti? Tāpēc, ka jums ir iegūt stundas, un pēc tam saņemt minūtes. 

ALLISON Buchholtz-AU: Tas ir iegūt stundas un get-- oh. Jūs are-- zelta zvaigzni. Tas viss tests, puiši. Es apsolu, ka strādāju pirms klasi. 

OK, bet kaut kas foršs zināt, ir ka jūs varat also-- ja dažreiz jūsu ārējie faili ir iegūt mazliet traks, Jūs varat arī vienkārši viņus taisni šeit, kas mēdz noteikt lietas. Izņemot tas ir kā tiešām neglīts. Protams, formatēt visu. Pārliecinieties, ka tas viss ir diezgan. OK. 

Es gribēju darīt visas atdzist demos, un viņi vienkārši nedarbojas out. OK. Script VAR pulksteni. Anyways, kas ir svarīgi, ir ka tas ir vispārējs veids ka jūs varētu formatēt JavaScript. Kā jūs varat redzēt, tas var būt ļoti finicky reizēm, pat tad, kad tas bija burtiski strādā divas sekundes pirms. Vai ne divi otrkārt atpakaļ, bet ļoti, ļoti nesen. 

Tātad, lai parādītu Jums to, ko tas izskatās, un, lai parādītu, ka es neesmu traks, un ka viss ir tieši tā Tas pats, tas ir tas, ko tas izskatās. Jūs tikai gatavojas to darīt augšējo daļu šeit, un, ja jūs apskatīt lapas kodu, Ja pamanāt, viņš bija daži trakāks lietas, es tas vienkāršots. Arī kredīts Tommy McWilliam, kas faktiski palīdzēja man izveidot šos piemērus, kas ir iemesls, kāpēc es zinu, viņi strādā. Jo Tommy ir JavaScript meistars. Bet, ja mēs pamanām, mums ir dažas komplektu. Mums ir mūsu pulksteņa funkcija šeit. Tas ir viss, JavaScript, ka mēs tikko rakstīja, vai kādu no tā. Mēs tikko rakstīja šo vienu šeit. Un viņam ir papildus funkcija, kas tikko spilventiņi to liekot nulles pirms burts vai pirms vairākiem, ja tas ir tikai viens no tiem. Tātad, ja jūs pamanāt, tas ir diezgan daudz tieši tas, ko mēs tikko rakstīja. Jums ir dažas mainīgs pulkstenis, kas ir mūsu elements, iegūt elementa ID, kas ir pulkstenis. Mums ir noteikts intervāls funkcija, tas ir anonīma funkcija kas izpilda visu. Mēs esam daži sākas virkne HTML, ka mēs pēc tam dinamiski radīt, ņemot daži h1 header, konkatenācijas ar iegūtu stundas, plus mūsu resnās zarnas, plus iegūt protokola, plus vēl resnās zarnas, kā arī mūsu sekundes, un visbeidzot beidzas HTML par to. Un tad mēs atjaunināt mūsu pulksteni dot iekšējo HTML HTML, un mēs atjaunināt ik pēc 100 milisekundēm. OK? 

Skatīt Es apsolu es neesmu traks. Es nezinu. Es nezinu, kāpēc tas nepatīk mani. Es jūtos kā izskatās vienādi, bet acīmredzot tas mani ienīst. 

Tātad, pieņemsim redzēt, ja kārta trīs iet labāk. Mēs esam par to, lai redzētu. Es neesmu pārliecināts, kā tas notiek, lai iet. Vai visi vismaz iegūt mīnusi, piemēram, tikai vispārējo tēmu JavaScript, lai gan? Es ceru, ka tas vismaz noderīgi, vairāk nekā parādot, ka tas ir mazliet finicky. Bet jūsu problēma noteikti būs ļoti jautri. Tas būs liels. Tas nebūs tik garlaicīgs jo tas, es nedomāju. Jūs faktiski nokļūt redzēt tiešām labas lietas. 

Tātad pēdējais, bet ne mazāk svarīgi, mēs cenšamies čivināt vienu. Es esmu patiešām nobijies tagad, puiši. Es nezinu, kā tas notiek, lai iet. Bet tikai, lai dotu jums nedaudz vairāk garša, un tas ir faktiski manipulēšana stīgas un ieejas, ko mēs gatavojamies darīt ir, ja mēs pamanām šeit ar HTML-- tas viens ir mazliet more-- mums ir dažas teksta apgabalam, kas atbilst šo teksta zonā šeit. OK? Un tas ir Id teksta. Mēs Atjaunotajam tā mazliet ar kādu platumu un augstumu ka mēs esam normēts, un mēs esam H1, kas tikko ir mūsu header viens, ka pārstāv mūsu rakstzīmes. Mēs likām tā kādu ID Atlikušās rakstzīmes, un tad mums ir dažas skripts šeit, ko es esmu patiešām cerot trešā reize s šarmu šeit, puiši. 

Tātad, ko mēs vēlamies darīt, tajā pašā vispārējā vēnas ka mēs esam darījuši ar pulksteni dot JS un puse dot js, kā mēs esam ievērojuši, ir, mēs esam sākuši ar faktiski satveršanas lietas, kas mums rūp, vai ne? Tātad šajā gadījumā, ir divi lietas, kas mums rūp, OK? Viena lieta, ka mēs esam tiešām veida izskata un zīmēšanas datus no, un viena lieta, ka mēs esam patiešām mainās. Tātad tur ir mūsu HTML. Ja tas ir mūsu mājas lapā šeit, kas ir ka mēs esam apskatot datus? Tas būs ko citu teksts mūsu kastes, vai ne? Tātad, kāds es rakstīt šeit. Tas ir tas, ko es gribu zināt, vai tas, ko es gribu, lai apskatīt. Un to, kas būs mainās mūsu mājas lapā? Rakstzīmes atlikušo. Tātad tādā pašā veidā, mēs vēlamies jāsāk ar inicializēšana mainīgos kas faktiski tur uz šiem elementiem. OK? Tātad, ja mums ir daži VAR tas ir mūsu teksta apgabals, un mums ir dažas VaR, kas paliek. Taisnība? Tātad tie gatavojas turēt šīs divas lietas. Tātad pašu veida lieta, dokuments dot-- OK, es esmu gatavojas lai pārliecinātos, tas ir dodas uz darbu šoreiz. Es esmu ļoti metru atzīmi. Labi, tāpēc, ja mēs vēlamies, lai mūsu teksta apgabals, saskaņā mūsu HTML, kas ir mūsu identifikators? Kas ir mūsu ID? Tas ir tikai gatavojas būt teksts, jo tas rada mūsu teksta apgabalam, OK, un mūsu ID ir teksts, tā ka ir kā mēs varam paķert to, kas ir tur. OK, semikolu. Es esmu būs super precīza par to, jo es vēlos, lai tas strādātu šoreiz. OK, darīt to pašu, nokļūt elementa Id. Es esmu patiešām jautājums, kas ir izraisīja pārējās divas izjaukt. OK, tad šo vienu, ko mēs vēlamies, lai piekļūtu? Kas ir mūsu Id šeit? Mums ir vēl viens ID Mūsu HTML, kas tas ir? AUDITORIJA: rakstura atlikuši. ALLISON Buchholtz-AU: Blondīne atlikušo. 

OK. Cool. Tāpēc es esmu tikai gatavojas rakstu šo ļoti ātri. Es esmu tikai gatavojas rakstīt šo sekundē. Tātad teksta apgabals. Kas ir interesanti ir B function-- tur ir daudz funkcijas, kas ne tikai atbilst jūsu pele, bet jūsu klaviatūru. OK? Tātad jūs varat pateikt, ja kāds atslēga ir nospiests, jūs varat darīt lietas, piemēram, ka. Tātad tas, kas mēs esam, izmantojot sauc par atslēgu uz augšu, kas saka: "Ja jūs esat nospiests jebkuru taustiņu uz klaviatūras, kad lietotājs ir atcēlusi to pirkstu off šo pogu, un galvenais ir kļuvusi unpressed, tad mēs ejam, lai kaut ko darīt. " OK? Tāpēc tas ir jēga, vai ne? Jo katru rakstzīmi mēs tipa, mēs ejam ir pacelt mūsu pirkstiem off no tā, tad, kad atslēga iet uz augšu, mēs varam zināt, lai Samazināt mūsu rakstzīmes atlikušo. 

Tāpēc mums ir daži no atslēgas uz augšu, un tādā pašā veidā, mēs ejam teikt, "Labi, ja mēs to darām, mēs gatavojas izveidot kādu funkciju, kas gatavojas veikt e ", šajā gadījumā, un ko mēs vēlamies darīt, ir skaitu aprēķina atlikušo. Labi, tāpēc pieņemsim tikai sākas , izveidojot mainīgo. Tātad mums ir dažas mainīgs r, kas notiek, lai pārstāvētu cik rakstzīmes mēs esam atstājuši. OK? Mēs zinām, ka mēs sākam ar 140, un, ja mēs gribam zināt, teiksim, garumu šis virkne, kas ir bijis ieguldījums, Vai jums puiši ir kāda ideja kā mēs varētu darīt? Tikai, pamatojoties off acīmredzams lietas, piemēram, ja mēs vēlējāmies stundas, mēs izmantojām nokļūt stundas. Mēs zinām, ka mūsu mērķis ir tekstu, bet tā, jūs puiši domā par to, kas varētu nākt pēc tam? Jebkuras idejas? 

Tāpēc šī ir sava veida mazāk intuitīvs, bet tā vērtību dot garums. Tik vienkārši dod man kādu vērtība atribūts, kas ir faktiski garums no šīs virknes. Tātad, tas notiek, lai saka: "Labi, es esmu meklē pie visa šīs virknes ietvaros teksta zonā, un es esmu gatavojas pateikt Jums, cik ilgi tas ir. " Jo, ja mēs atceramies stīgas ir tiešām tikai bloki, tāpēc mēs varam tikai pieņemt garumu tiem. Tātad mums ir, ka. Cool. 

Tad ko mēs vēlamies darīt, ir mums nekad vēlaties, lai ļautu lietotājam ievadīt vairāk nekā 140 rakstzīmes, vai ne? Jo, ja mēs sakām, piemēram, "Ak, tu ir tikai tik daudz atlikušo, " un tad ļaujiet viņiem darīt anyways, mēs esam bijuši meli. Un tas ir vēl viens lieta, ka JavaScript var būt ļoti labs par, ir lietotājam validācija un pārliecinoties, ka jūsu lietotājs kopsolī jebkādus noteikumus ka esat sniegta uz tiem. Tātad, ja jūs vēlaties darīt lietas, piemēram, padarot pārliecināts, ka kāds ieguldījums savu e-pasta adresi, vai pārliecinoties, ka tad, kad viņi ievadīt divas paroles, viņi saskaņota. JavaScript var darīt. Jūs varētu darīt kaut ko līdzīgu, "kad iesniegšanas forma, "vai tamlīdzīgi, "Kad Iesniegt poga veidlapa ir uzklikšķināt, pārbaudiet visas šīs lietas. " Un mēs varam darīt, ka JavaScript. Tātad tas ir tikai to, ko mēs gatavojamies darīt šeit. 

Tātad, kādi varētu būt veids, kā pārbaudīt, vai tie esam aizgājuši vairāk nekā 140 rakstzīmes? Kas notiks ar Mūsu vērtība r, ja viņi mēģinātu? Tas būs negatīvs, vai ne? Vai tas būs mazāk par vai vienāds ar nulli. Tātad, mēs varam izmantot, ja tas ir tāpat kā viss pārējais. OK? Un mums ir dažas teksta zonā dot vērtību, un to, ko mēs darām šeit ir, mēs esam tikai cutting-- kas tas ir? Piedodiet. Tas viens, mēs vienkārši vēlamies atgriezties viltus. I got sajaukt. Visi Frazzled no lietām, nedarbojas. Labi, mēs vienkārši vēlamies return false, un tad mēs vēlas, lai parādītu Atlikušo rakstzīmes, vai ne? Tātad ar pulksteni, mēs darījām kaut kas ar iekšējo HTML, vai ne? Kur mēs, kas tas vienāds ar dažām mainīga, lai to, ko varētu mēs darām šeit? Ko mēs mainīt iekšējo HTML? 

AUDITORIJA: Atlikušais? 

ALLISON Buchholtz-AU: Mēs mainām atlikušo. Visas tiesības, un ko mēs vēlaties, lai uzstādītu to vienāds ar? Tas būs r, jo tas jābūt mūsu rakstzīmēm atlikušo. OK? Tāpēc es esmu patiešām nervu, lai redzētu, tas darbojas tagad, bet mēs redzēsim. Atstājiet šo. Tas ir ļoti ātri. [Dzirdams] OK. Atkal, es esmu tikai gatavojas parādīs. Kāda iemesla dēļ, mīnu nolemj nestrādāt, bet tas, ko es jums parādīs, ir tas, ka šis is-- oh man vajadzēja likt ka. Labi, mēs pamanām paša veida lieta šeit, kļūst teksta apgabalam. 

Arī tad, ja pamanāt puisis, ja tur ir kādreiz kaut ko jūs vēlaties darīt, un jūs nezināt, kā to izdarīt tas, vienkārši noklikšķiniet uz Skatīt lapas avotu, un viņi dodas uz jums. Dažreiz tas būs šifrēti. Jūsu PSET, mēs šifrēt visu, tāpēc tas tikai izskatās buldurēšana. Bet, ja tur kādreiz patiešām cool mājas lapu, kas jums patīk, ja jūs vienkārši noklikšķiniet Skatīt lapas avotu, tas notiek, lai jums pastāstīt, kā to izdarīt. Tātad vēlreiz, strādāt gudrāk, nevis smagāk. Un, kā jūs redzat šeit, visi šīs lietas ir vienādi. tas viens šeit tikai prasa zināmu apakšvirkni ka es aizmirstu, ko tieši tas dara. Bet tas, protams, prasa zināmu apakšvirkni vērtības no nulles līdz desmit, un atgriež False ko vajadzētu apstāties lietotājs no ievadot vairs, un tad acīmredzot atjaunina iekšējais HTML tur. 

Cool. Tik liels Veikt aways no šodienas, eksperiments, apskatīt avota kodu jo tas notiek, lai palīdzētu jums daudz, un visi, dažreiz JavaScript var būt grūti strādāt ar un nav vienmēr strādā, kā jūs gaidīt to, bet tikai jāmēģina jo es apsolu, ka būs. Es apsolu visiem šiem piemēriem strādāja pirms klasi. Es nesaprotu, kas noticis. Man burtiski ir viss tas pats. 

Vēl viena lieta, ko es tikai gribu parādīs puiši, kas var būt super noderīgi ir in-- kas bija strādāt pirms? Mēs saņēmām pusi darba, nav mums? Es domāju, ka jā. Jā. Mēs darījām. Awesome. Labi, tā viena lieta, kas jūs guys vajadzētu zināt ir konsole log, ka es runāju par. Tātad mierināt dot žurnālu Sveiki. Tātad šis ir sava veida JavaScript ekvivalents printf. Tātad, ja jūs kādreiz vēlaties pārbaudīt savus mainīgos vai redzēt, kas notiek tur, ko jūs varat darīt, ir, ja mēs pārbaudīt elementu, ir tas, ko jūs vēlaties, lai iet lai, un jums iet uz konsoli, jūs redzēsiet, ka tas drukāts sveiki. 

Lai mēs varētu būt tā drukāt neatkarīgi mēs vēlējāmies. Ja mēs vēlējāmies to izdrukāt fona dot stils dot fona, mums būtu iespēja redzēt RGB triple, kas nāk uz augšu. Vai ne. Esmu aizmirsis, kā tieši jums izdrukāt mainīgo, piemēram, ka, bet jums vajadzētu būt iespējai izdrukāt lietas, piemēram, ka. Tas būs ļoti noderīga Jūsu PSET kad tas jūs cenšaties manipulēt saskaņo vai plauktiņš. Tāpēc viņi arī mainīt šo gabalu klasē. Tas atšķiras no pēdējiem gadiem, lai vienkārši jauki jūsu TFS, vai TFS pie darba laika diezgan, jo mēs esam veida mācīšanās kopā ar jums puiši. Bet konsole log bija super, super noderīga JavaScript pagājušajā gadā. Tā patīk. Uzziniet, kā to izmantot. Tas ir vieglāk izmantot nekā GDB, lai jābūt vismaz plus punkts. Bet paldies puiši, nes ar mani. Man žēl, ka mans piemēri kāda iemesla dēļ vienkārši negribēja sadarboties ar mani, bet es ceru, ka tas palīdzēja veida iegūt jums nedaudz vairāk zonā JavaScript. Un sūtīt man uz visiem jūsu jautājumiem par nākamnedēļ, lai es varētu būt super remontēt, un es atnesīšu konfektes un vēl papildus Candy jo tas bija smieklīgi. Bet jūs puiši ir lieliski, un ir laba nedēļa.