ALLISON BUCHHOLTZ-AU: Të gjithë të gjithë të drejtë. Mirë se vini përsëri në seksion. Kjo është seksioni ynë i parafundit. Kjo është aq e trishtuar. Unë nuk e di atë që unë jam duke shkuar për të bërë pa parë ju djema çdo e hënë. Unë mendoj që ne duhet të just-- ndoshta ne mund vetëm takohen këtu dhe kanë darkë apo diçka. Nuk e di. Unë do të sjellin ushqim në vend. Ne vetëm do të flasim. Por po, javën e ardhshme do të të jetë seksion ynë i fundit. Në lidhje me këtë, ju keni një quiz javën e ardhshme. Unë e di kam harruar të bëj tim, si, dy javë njoftim paraprakisht javën e kaluar, por shpresojmë se ju djema e dinte ky po vinte. Shpresojmë se kjo është një nga të fundit midterms për ju djema për të semestrit. Por ajo do të mbulojë të gjithë material që ne kemi shkuar mbi. Pra, kjo nuk është si ju vetëm mund të harrojmë rreth katër sythe ose variablave. Sepse kemi mësuar ata në fillim, ato janë të qartë lojë të ndershme për quiz tuaj. 

Ajo do të jetë e të njëjtin format, njëjtë gjatësi, kështu që ju tashmë janë përdorur për të. Nuk do të jetë kodim nga probleme të dorës, ndoshta disa i rremë i vërtetë, ndoshta disa përgjigje të shkurtër. Kështu që ju duhet të jetë familjarizuar me formatin, veçanërisht në qoftë se ju merrni testet praktikë. Por si unë them këtu, është kumulative, por ne jemi patjetër do të jetë e fokusuar në gjërat që nga java e gjashtë e tutje. Pra, ne jemi ndoshta nuk do për të ju pyes për sa bytes janë në secilin lloj apo ato llojet e gjërave, por ne jeni me siguri do të jetë të interesuar në gjëra të tilla si lista të lidhura, ose struktura të ndryshme të të dhënave, ose algoritme të ndryshme se ne kemi biseduar rreth. Prandaj sigurohuni që ju jeni të vërtetë lart mbi ata, dhe në qoftë se ju nevojë për ndonjë burime, këtu është shumë e burimeve. Unë vetëm ju dha lloj i një liste të shpejtë atje. 

Javën e ardhshme do të jetë quiz shihet vazhdimisht gjatë kësaj kohe. Pra, nëse ju keni ndonjë pyetje ose tema specifike, gjëra të veçanta në quiz që ju dëshironi të shkoni mbi, ju lutem dërgoni ato për mua përpara kohe kështu që unë mund të lloj i përgatitur disa materiale për këtë. Dhe përveç kësaj shqyrtim seksion, ne do të gjithashtu të mbajë kurs të gjerë shihet vazhdimisht si ne e bëmë për herë të fundit. Dhe kjo do të jetë bërë nga të njëjtit njerëz. Unë nuk e di nëse kjo e bën atë më mirë apo më keq, por ajo do të jetë me mua, Hannah, Davan, dhe Gabe përsëri. Pra, nëse ju doni të vijnë të parë ne të gjithë tallje me njëri-tjetrin dhe të ecin nëpër quiz rishikim, ju duhet patjetër të ardhur për këtë e hëna e ardhshme gjithashtu. Pra, ju vetëm do të duhet një bllokim e hënë mbushur e rishikimit quiz, e cila është e mirë sepse atëherë ju keni e martë për të proceduar me çdo gjë. 

Por patjetër të bëjë kontrolloni nga këto burime. Study.csv.net është larg, unë mendoj, një nga më të dobishme, kryesisht për shkak se ajo ka një shumë të kodit të mostrës, ajo i ka të gjitha Pikët Fuqia me të gjitha shënimet në të, të cilat janë me të vërtetë ajo që kam nxjerrë më e materialeve të mia nenin nga. Nëse ka ndonjë gjë në previous Pjesët që unë mund të ketë dërguar jashtë që ju nuk mund të ketë gotten, just let me know. Ashtu si kod mostër e javës së kaluar, në qoftë se dikush nuk e kam marrë atë, vetëm email mua ose të vijnë flasin për mua, dhe unë do të sigurohemi që ju të merrni atë. 

Pra, me që, sot ne jemi duke shkuar të jetë duke folur për JavaScript. Pra, këtu ne Tommy, i cili unë kam qenë vetëm duke folur për ju natën e fundit. Unë e dua Tommy. JavaScript është e preferuar të tij gjuhë, siç thotë ai këtu. Ata do të përpiqen dhe të ju them se kjo është jo më mirë, dhe ata do të jetë i gabuar. Pra, Tommy është një mjeshtër JavaScript. Unë nuk jam mjaft në të tyren nivel, por unë kam qenë si, "Tommy, si mund ta mësoj këta fëmijë JavaScript? " Kështu që kam marrë disa këshilla, kështu me shpresë që ata të punojnë jashtë. 

Pra, një disa gjëra për të dini është se JavaScript është një scripting klient-side gjuhë, kështu që ndërsa PHP është diçka që ne të konsiderohet më shumë server-side, ajo u ngarkoj në server, hartuar dhe ekzekutuar aty. Kjo është ekzekutuar në kompjuterin tuaj. OK? Pra, ju load një faqe JavaScript, dhe ajo ekzekuton në kompjuterin tuaj. Sintaksa është shumë e ngjashme me C dhe PHP. Ne jemi duke shkuar për të shkuar nëpërmjet disa shembuj të JavaScript, dhe ju do të jeni për të parë se mënyrë ne flasim për variablat, sythe, dhe kushtet janë të gjithë shumë të ngjashme. OK? Fakti se ata janë kaq të ngjashme është ndoshta do të udhëtim disa nga ju lart, në disa raste, vetëm për shkak se ju do të inkorporojë pak e C ku nuk duhet të ketë. Ndoshta ju provoni dhe shkruani diçka kur ajo nuk duhet të shtypet. 

Dhe në se, një gjë për të di është se JavaScript është një shtypur dinamike Gjuha, si PHP. Pra, në qoftë se ju djema mbani mend nga seksioni javën e kaluar, kur ishim lloj i bërë tonë kurs përplasje PHP, ne pamë se si një një varg mund të jetë u kthye në një një int, dhe kështu me radhë. Lloji i variablave tuaj janë të përcaktuara në kohë të kandidojë, kështu që ata mund të ndryshojë me kalimin e Kursi i programit, dhe në të njëjtën mënyrë që ne kurrë të vërtetë të deklarojë llojet për variablat PHP, ne jemi duke shkuar për të bërë të njëjtën gjë gjë këtu, ku ne nuk jemi të kontrollin e llojeve të variablave tanë, si të thuash, si të bëjmë në C. 

Dhe pastaj një gjë që është shumë i ftohtë është që ju mund gabim kontrolloni nëpërmjet konsol, me këtë funksion të madh console.log, e cila ju lejon të shtypura nga të ndryshme variabla ose objekte që ne do të flasim për. Ashtu si javën e kaluar kur isha si, "e përdorin këtë funksion", me hale nga pset tuaj ky është një funksion ju dëshironi të përdorni, console.log. Isha aq i befasuar se sa shumë studentë në orarit të punës nuk e di në lidhje me funksionin hale. Dhe unë kam qenë si, "djema, ky vullnet bërë jetën tuaj në mënyrë shumë më të lehtë. " 

Në rregull, kështu që ishte lloj i vetëm një gjë të shkurtër, si gjithmonë, ne kemi shembuj. Unë e di ju djema dua ata. Kështu që këtu është një shembull i një shumë të i thjeshtë JavaScript paraqesë këtu. Pra, kjo është vetëm duke shkuar për të krijuar kjo pop-up që thotë, "Bota hello," kur ju hyrë në faqe, por le të përpiqen dhe të ecin nëpër këtë një pak. Pra, padyshim kjo është vetëm si index.html tuaj normale. Pra, vetëm template tonë normale këtu, dhe ne kemi HTML, ne kemi kokën tonë, dhe ashtu si me CSS, si ne përfshihen disa fotografi nga jashtë, e drejtë? Ne kemi disa lloj script teksti që është në JavaScript. Dhe burim është hello.js, cila është poshtë këtu. Kjo është e gjithë dosja e hello.js. Dhe pastaj ne kemi disa Titulli dhe disa HTML trup që ne nuk e kujdesit të vërtetë në lidhje. 

Çfarë ndodh është, kur ne e ngarkesës këtë faqe, ajo automatikisht ekzekuton këtë skenar. OK? Pra JavaScript do të ekzekutojë automatikisht. Pra, çfarë ajo do të bëjë, ajo do që menjëherë të shkoj dhe të kryej këtë. Dhe ajo do të thonë, "alarm. Përshëndetje botë. " Cili vigjilent është funksion që në fakt gjeneron këtë kuti. OK? Pra, kjo është lloj i të gjithë të përfshirë. Nuk ka asgjë shtesë kemi pasur për të bërë përveç vetëm vigjilent, dhe pastaj çdo gjë që kemi dashur brenda kutisë tonë Alert. OK? Pra, kjo është vetëm një super i thjeshtë shembull se çfarë mund të bëjë JavaScript. 

Një nga të vërtetë cool gjërat, si ne do të shohim, është se JavaScript ju lejon për të manipuluar faqet tuaja web, pa pasur nevojë për të ringarkoni atyre çdo kohë. Pra, nëse ju want-- për shembull, në qoftë se ju po fluturonte mbi diçka, në qoftë se ju djema ndonjëherë kanë shihet si bare Menu, ose kur ju rri pezull mbi disa temë, një menu Drop-down duket, kjo është për shkak të JavaScript. OK? Pra, ju nuk jeni reloading të tërë faqe për të marrë këtë menu për të treguar lart, ju jeni vetëm në kërkim për disa të veçanta veprim që përdoruesi ka marrë, të cilat janë quajtur ngjarjet që ne do të merrni në, dhe një herë ju të shihni se, ju thoni, "OK, për të ndryshuar diçka në këtë faqe dhe e bëjnë të duken të ndryshme, por vetëm redaktoni këto gjëra të veçanta. Mos ringarkoni gjithë gjë. " Pra, ai në fakt është shumë nicer, dhe ju nuk keni për të rifreskoni faqet tuaja, dhe kjo është me të vërtetë cool. 

Deklaratat Pra ndryshueshme, kështu që ju mund të lloj të shihni, I vënë në krye këtu, shtypen lirshëm. Pra, kjo është shumë e shumë si PHP. Ne nuk kemi nevojë për të të treguar JavaScript çfarë lloji ne jemi pritur secili prej këtyre variablat të jetë. Ata mund të jenë çfarëdo lloje ne duam. Kështu që ju të vini re në këtë rast, ne deklarojnë ata shumë thjesht, vetëm me "var" dhe pastaj çdo gjë që ne duam emri ynë variabël të jetë. Një gjë të theksohet është se kur ju vënë var para një emër ndryshueshme, ajo nivel lokal SCOPES atë. OK? Kjo është krejtësisht e arsyeshme për ju për të krejtësisht të vetëm të fshihet var dhe vetëm duhet s barabartë CS50, dhe që do të ishte vetëm një ndryshore globale. OK? Kështu që ju mund të iniciojnë atë të dy mënyra, vetëm varet se si ju doni atë. Pra, nëse ju jeni duke Initializing ajo brenda një funksioni, dhe ju doni që ndryshore në qëndrojnë scoped brenda këtij funksioni, ju jeni do të dëshironi të bëni diçka si var emërojë një ndryshore, kundrejt nëse ju doni atë globalisht scoped, ju vetëm mund të bëjë emrin e ndryshueshme dhe pastaj çdo gjë që ju dëshironi që ajo të vendosur barabartë me. OK? 

Kjo është lloj gjë ftohtë poshtë këtu, sepse në qoftë se vërejmë e ndryshueshme ynë b fillon nga si e vërtetë. Dhe çfarë kjo mund does-- dikush më tregoni se çfarë kjo e bën? Pra, ne kemi disa alarm. Çfarë do të tipit të b të jetë në fillim? AUDIENCA: Boolean. ALLISON BUCHHOLTZ-AU: Boolean. E drejtë. Dhe pastaj ne reassign b në këtë varg, e drejtë? Kështu atëherë këtu, çfarë lloji të b të jetë? Ajo do të jetë një string, e drejtë? Pra, çfarë është e rëndësishme për të njoftim është se në c, ne pothuajse do të mund kurrë të bëjë diçka të tillë. Ne do të duhet të ketë një ndryshore, hedhur atë si diçka tjetër, ndoshta të bëjë disa funksion me një dy i, shkojnë nga një akuzë për një numër të plotë. Por nëse vërejmë këtu, b shumë lehtë ndryshon lloji. 

AUDIENCA: Prisni, kështu që ju mund vetëm të jetë si, "të bëjë b një numër të plotë?" 

ALLISON BUCHHOLTZ-AU: Po. Ju vetëm mund të reassign b në një numër të plotë. 

AUDIENCA: Really? 

ALLISON BUCHHOLTZ-AU: Po. Dhe atëherë do të jetë një int. Pra variabla tuaj të mund të ndryshojë me kalimin e Kursi i programit shumë. Ata nuk janë të shtypur në mënyrë rigoroze. Ajo është e shtypur shumë lirshëm. OK? Në thelb variabla tuaj mund të bëjë çfarëdo ata duan, si ne lloj i pamë me PHP. Ata mund të bëjnë disa gjëra të çmendur, kështu që është e rëndësishme që të jetë mjaft i kujdesshëm. Emri variablave tuaj të mirë. Nëse ju nuk, bëni të gjitha një e papritur ju jeni do të jetë si, "Prisni, unë mendova se kjo ishte një string, dhe tani është një int, dhe unë nuk jam shumë i sigurt çfarë po ndodh këtu. " Pra, kjo është vetëm një shembull i thjeshtë i duke treguar se si një variabël mund të lehtë të ndryshojë llojin e vet mbi kurs i një programi. 

OK. Pra kjo duhet të duket super, super të njohur. Pra, këto janë sythe tanë në JavaScript. Ata janë të njëjtë, me përjashtim të në vend të katër int i barabartë zero, ne mund të themi vetëm var i barabartë me zero. Dhe atëherë ne mund të kemi të njëjtin lloj tonë i gjendjes, i njëjti lloj i përditësimit, i plus plus works just fine. Pra katër këmbët janë të njëjta, ndërsa janë të njëjta, dhe bëni ndërsa janë saktësisht të njëjtë. Same lloj i formatit të përgjithshëm. Ne njoftim, katër, kllapa, kllapa, kjo është e gjitha e njëjtë. Gjithashtu do të ketë pikpresje kur ne të merrni për shembull kodi. Ju do të shihni se është goxha shumë njëjtë si c. 

Për deklaratave funksion, përsëri, shumë të ngjashme. Ne kemi disa funksion që vetëm thotë se kjo është një funksion, dhe pastaj Emri i tonë funksion, dhe inputet. Dhe përsëri në qoftë se ne të vini re, ne nuk kanë lloje këtu whatsoever. E drejtë? Ne kemi asgjë duke thënë se këto duhet të jenë në ints ose dopjo, ose gjithandej. Ata mund të jetë çdo gjë që ata duan. Çfarë është e rëndësishme është vërejtur se ne kemi nevojë për të shkruar funksionin më parë të le JavaScript di se kjo është në fakt një funksion. 

Pra, kjo është vetëm disa shuma e thjeshtë funksion që kthen x apo y, dhe pastaj ajo që është edhe i ftohtë është se ju mund të vërtetë caktojë një funksion të një variable. Pra në këtë rast, shuma është tani funksion që në fakt e bën shumë. Pra, në qoftë se ju të vini re këtu, ne kemi funksion, emri i funksionit, inputeve. E drejtë? Këtu ne vetëm duhet funksionin dhe inputet. Pra, kjo është quajtur një funksion anonim. Dhe kjo është diçka që duhet të jetë i ri për shumicën prej jush djema, nëse jo të gjithë ju. Pra, në thelb ajo që do të thotë është se ne nuk bëjmë nevojë për emrin e tonë funksion në këtë rast. Ne mund të themi vetëm, "OK, unë jam duke shkuar për të kanë këtë funksion që ekzekuton, këtu janë inputet e saj, dhe këtu është çfarë ajo do të bëjë. " Dhe sidomos kur ju jeni të caktimit një funksion për disa variable se ju jeni do të manipuluar, ju nuk bëni domosdo nevojë për të përmendur atë, sepse ju jeni do të jetë duke iu referuar asaj nga ky variable emri, jo nga çfarëdo funksion quhej në të vërtetë. OK? 

Pra, nëse ne shohim këtu, ne kanë disa shumë të ndryshueshme tani që është e barabartë tek Shuma e tre dhe pesë. Dhe ne do të merrni këtë. Dhe kjo vetëm do të ketë disa alarm, tre plus pesë barabartë me numrin. Kjo plus vetëm do të lidh çfarëdo përgjigjja jonë ishte mbi të vargut. Gjithashtu ftohtë, plus mund të lidh vargjet. 

Për JavaScript, si me PHP, HTML, CSS dhe siç kemi thënë, një shumë kjo lloj ne jemi duke i marrë rrotat e trajnimit jashtë këtu dhe ju djema kanë shumë dijeni se si të vërtetë kuptojnë këto gjëra. Ata janë pak më të ndryshme, por ata nuk janë aq të huaj dhe se ju nuk mund të Google gjëra ose shikoni ato online me shkollat ​​W3. Dhe ne jemi të vërtetë duke pritur ju djema deri, lloj i, eksperimenti dhe të mësojnë në tuaj. Pra, unë e di kjo mund të duket pak më pak i plotë se disa nga c gjërave ne bëjmë, por kjo është në të vërtetë për një arsye. Por shpresojmë se ajo nuk është shumë e i ndryshëm, dhe kjo nuk është e madhe. 

Pra vargjeve në JavaScript, përsëri shumë, shumë të ngjashme. E drejtë? Ne kemi disa rrjet të ndryshueshme kjo është e barabartë me kllapa bosh, dhe kjo është vetëm një koleksion i zbrazët. Kjo është quajtur shpesh simbol literal array. Kjo është vetëm një gjë që ne e quajmë atë. Nëse ne shohim koleksion të dy këtu, ne kemi disa array literal se ka tre elemente, e drejtë? Dhe pastaj ne kemi disa element var i tretë që është disa ndryshore që është vetëm do të mbajë këtë varg, JS. 

Elementet, të mira në njoftim, janë të ndara me presje, ashtu si ne do të presim. Dhe ju gjithashtu mund të hyni këto, si ne e bëmë në C, me këtë tregues simbol, e drejtë? Pra, ndryshe nga PHP tani, ne jemi duke shkuar prapa për vetëm lloj i referohej për gjëra nga indeksi. Ashtu si C, ajo është edhe indeksi zero. Ndjehem si ajo do të jetë me të vërtetë mizore nëse ata papritmas bënë JavaScript njërin indeks, dhe keni pasur për të plotësisht mendonin se si ju mendoni rreth vargjeve. 

Një gjë e ftohtë është se në vend e të pasurit për të do-- nëse ju ndonjëherë kërkuar gjatësinë e një grup, ndoshta ju iterate nëpërmjet saj derisa ju të gjeni disa fund, ose ju vetëm do të dini se çfarë është. Sepse JavaScript është shumë e lirshme në më shumë mënyra se vetëm tipin, siç e shohim këtu, ne mund të bëjë vetëm këtë koleksion më e madhe sepse ne vendosim për të. Nëse vërejmë koleksion të tre ka tre gjëra për të filluar, por pastaj të gjithë një e papritur, ne jemi si, "oh, just kidding. Ne jemi të vërtetë duke shkuar për ta bërë atë 101 gjërat. " Pra, nëse ndonjëherë ju doni të dini Gjatësia aktual i array tuaj, ju bëni atë si kjo. Dhe ne do të shohim shumë i këtij simbol në shembuj, por me JavaScript kjo është në mënyrë tipike çfarëdo objekt që ju jeni duke folur për dot çfarëdo lloj funksioni ju doni aplikuar për të. OK? 

Pra në këtë rast, tona objekti është array dy, dhe ne themi se ne duam Gjatësia e array dy. Pra, kjo vetëm e quan si gjatësi mbi atë. Dhe se do të kthehet gjatësinë tuaj. Gjithashtu diçka të theksohet është se në qoftë se ne njoftim vargjeve tona, ndryshe nga C, ata nuk kanë të gjithë nga të njëjtit llojit. Kjo është shumë më tepër si PHP. JavaScript është në thelb vetëm si kjo shumë Raporto interesant i C dhe PHP. Pra, ne do të merrni në atë. Tani për tani, le të vetëm të supozojmë se vargjeve tuaja janë në thelb si vargjeve C, në se ata janë të futura zero. OK, kështu që është çdo gjë. Ju gjithashtu mund të zgjasë vetëm një array në çfarëdo indeks ju dëshironi. Ndërsa kjo ndoshta do të Seg faj mbi ju apo të ju jap disa gabim, JavaScript është si, "nah, kjo është në rregull. I kam këtë. Ne vetëm do të shkojnë drejt ku ju doni të. " 

OK, kështu objekte janë shumë të rëndësishme. Ju djema do të jetë duke përdorur një shumë të këtyre në vendosur tuaj P, nëse më kujtohet saktë. Pra, gjë që këto janë të ngjashme me në C janë structs. Kështu që ju mund të mendoni about-- kur ne do të shkojmë në një shembull të drejtë pas kësaj unë mendoj se do të të bëjë shumë më tepër sense-- por ne thelb përdorni objekte të organizojnë e informacionit kurs të lidhura. Kur kemi biseduar për structs në C, ne shpesh flasin për një student i cili kishte ndonjë emër, ID, shtëpi, ju e dini, përqendrimi. Dhe kjo është lloj i të njëjtën gjë që ne përdorim objektet për këtu. Është vetëm për të organizuar informacion i ngjashëm. 

Ju gjithashtu mund të mendoj për këto si më të ngjashme me shoqeruese vargjeve në PHP. Pra, kjo do të jetë lloj i gjë ku ne kemi disa çelës me disa vlera, shumë e ngjashme me PHP. Kështu që ju mund të iniciojnë disa objekt bosh, siç e shohim deri këtu, vetëm me formatimin e teksteve kaçurrel. Vargjeve kështu janë kllapa katrore. Objekte zbrazëta formatimin e teksteve kaçurrel. Dallim mirë që të ketë. Dhe këto janë vetëm dy të ndryshme mënyra për të vendosur pronat. Pra, kjo është lloj i më shumë një mënyrë që është e ngjashme me PHP, me tonë vargjeve asociative, me çelës tonë, dhe vlera jonë, kurse ky njeri is-- ju do të shohin këtë shumë më tepër në JavaScript. Kjo ka tendencë të jetë konventë. Dhe në të njëjtën mënyrë që ne e bëmë array dy dot gjatësi, kjo është duke thënë, "OK, më jep këtë atribut i këtij objekti. " E drejtë? Pra, në të njëjtën mënyrë ajo ishte si, "më jepni Gjatësia atribut i array dy, " kjo është duke thënë, "Më jepni disa pronë e objektit tonë të zbrazët. " Ose në këtë rast, ne jemi caktimin atë për disa vlera këtu. Por ju mund të hyni në atë në këtë mënyrë. 

Dhe pastaj këtu kjo është vetëm duke treguar dy alarme të ndryshme. Pra, kjo do të tregojë alarme do të jetë e njëjtë e saktë, kjo është vetëm dy mënyra të ndryshme të qasjes në element që ne duam. A do të ketë kuptim për të gjithë? Ndjehem si ky ndoshta e bën më shumë kuptim, vetëm për shkak se ne jemi të ardhur off i PHP. Por si ne shume shembuj, kjo është fjalë për fjalë saktësisht e njëjtë. Një shumë kjo është vetëm ndryshojnë në sintaksë. 

OK, kështu që shembuj. Unë e dua shembuj. Kështu që këtu është disa CS50 variabël që është një objekt, dhe ne dyqan e gjithë kjo informacion në lidhje me të. Pra, ne kemi Sigurisht, instruktor, TFS, psets, dhe regjistruar. Pra, ne të vini re këto janë pothuajse të gjithë të llojeve të ndryshme. E drejtë? Pra objekte mund të ruajë atributet e llojeve të ndryshme. Ne mund të mendoj për this-- se është shumë të ngjashme me array tonë associative në PHP. Pra kyç, vlera, kyç, vlera, kyç, vlera, kështu me radhë e kështu me radhë. Çfarë është gjithashtu interesante në të njëjtën mënyrë që ne mund të kemi vargjeve brenda vargjeve, ne gjithashtu mund të ketë objekte brenda objekte, apo vargjeve brenda objekteve. Ju kurrë nuk jeni të kufizuar të vërtetë të vetëm një i vetëm një prej gjërave. Ne mund të merrni shumë Inceptionesque, vetëm do të mbajë poshtë vrimë lepuri atje. 

Pra, nëse ne njoftim, ne kanë disa kurs që është një varg, instruktor kjo është një varg, dhe array, një int, dhe një Boolean. Pra, të gjitha këto gjëra të ndryshme. 

Në rregull, kështu që, ne kemi një tjetër. Pra në këtë rast, ne kemi një koleksion të objekteve. Pra vetëm si një objekt mund të ketë një rrjet në të. Ne gjithashtu mund të ketë një rrjet të objekteve. Kjo mund të jetë e dobishme për të mendoni rreth ngjashme me llojin e sa kemi pasur një hash tavolinë, kemi pasur një koleksion të gjitha këto të ndryshme Llojet e structs se ishin pointers të ndryshme nyjet dhe gjësend. Por në këtë rast, ne kanë një rrjet të objekteve. Pra, kjo është si një grup vargjeve të asociative. Pra, ne kemi disa element i parë do të të jetë objekt me emrin James dhe shtëpi Winthrop. 

Ju djema mund të mbani mend diçka shumë e ngjashme me këtë ku në qoftë se ju me pset juaj e fundit, tërhoqi diçka nga database tuaj, lloj i parë i gjë në rrjet tuaj ishte të gjithë informacionin në lidhje me përdorues i parë që u takuan atë, dhe pastaj ju desh të indeksit në se për të marrë mallin e tyre apo dokumentat e fshehtë të tyre apo gjësend. Pra, kjo është shumë e shumë të njëjtën gjë gjë, vetëm një ndryshim të vogël në sintaksë, ndryshim i vogël pak në fjalët që ne përdorim për të përshkruar ato. 

Pra, nëse ne të kërkuar, mund të them se dikush mua çfarë ky vigjilent do të bëj këtu? Ose çfarë ky bit i Kodi do të bënte për ne? AUDIENCA: Kjo do të ju jap të gjitha emrat. ALLISON BUCHHOLTZ-AU: E drejta, kështu që ajo do të paralajmërojë vetëm me të gjithë emrat sepse ajo do të shkojë përmes vilë i, kështu që ajo do të fillojë në zero. Pra, kjo do të them, OK ne jemi duke shikuar në këtë objekt të parë, që është vend i caktuar i parë në grup tonë. Dhe ai thotë, "më jepni atribut, emrin e atij objekti. " Kështu që ne do të shkojmë këtu, ne do të scan, ne do të gjeni emrin, dhe ne do të shtypura nga James, Molly, dhe Carl. Çdo pyetje deri tani? JavaScript për fat të keq ju jeni do të jetë duke bërë një shumë të kërkuar deri në tuaj vet, duke parafytyruar se sintaksë, ndeshet me të. Por sigurisht unë jam gjithmonë këtu, orë zyra janë gjithmonë këtu. Unë mund të jetë të martën këtë javë. Pra, nëse ju jeni atje, ju mund të të vijnë të më vizituar këtë javë. Ajo do të jetë i madh. 

OK, kështu që DOM është Model Dokumenti-Object. Pra, kjo është vetëm një mënyrë që ne si të mendojnë për mënyrën se si HTML tonë dhe çdo gjë brenda ajo është e organizuar. Kjo është shumë e shumë diçka që ndoshta do të dalë në quiz tuaj. Unë e di viti im, kjo ishte si këtu e Skedar HTML, plotësoni DOM për të. Dhe ju vetëm plotësoni në gjëra të vogla. Këto duhet të jenë pika të lehtë me shpresë. Shpresojmë që ju do të see-- 

Audienca: [padëgjueshme] 

ALLISON BUCHHOLTZ-AU: Pra ju të shihni këtë pemë këtu? 

AUDIENCA: Po. 

ALLISON BUCHHOLTZ-AU: Kështu ata do të pyesin përdorimit për të mbushur në atë që shkon nën trupit. Ndoshta nën trup, ne kemi disa divs ose ne kemi disa paragrafë, dhe ne do të ju pyes për të mbushur në një pemë shumë e shumë si kjo. Pra, ne do të jemi duke ecur nëpër të. Pra Document Object- Modeli është vetëm një mënyrë për të strukturuar dhe mendoj gati HTML tonë grafikisht. Dhe edhe kur ne të merrni në më shumë JavaScript, ajo do të jetë e mënyrë që ne në të vërtetë manipuluar ndryshme elementet në faqe. Ne kemi nevojë për një mënyrë për të hyrë në çdo nga gjërat në HTML tonë, dhe kështu kjo na jep një shumë mënyrë konkrete të standardizuara nëpër faqet e ndryshme të internetit për të bërë këtë. 

Pra, nëse ne vetëm të ecin nëpër kjo këtu, natyrisht Dokumenti ynë është si skedar tonë të gjithë. Kjo padyshim ka kuptim se kjo është gjëja më e lartë, dhe pastaj ne kemi HTML tonë aktuale, që korrespondon me këtë tag këtu. Gjithashtu nëse ju në indent tags tuaj siç duhet, pastaj duke krijuar këtë pemë DOM bëhet super e thjeshtë. Pra, ne kemi disa kokën këtu. Ne kemi disa organin që ne shohim rrjedhin off e HTML, cila është arsyeja pse ne kemi kokën dhe trupin. Brenda kokës, ne kemi disa tag titullin, një titull tag fund, kështu që ne e dimë që vjen pas kokës. Dhe brenda tag titullin tonë, ne kemi hello, botën. OK? Pra, kjo është e tërë kjo degë e majtë të dorës. Dhe pastaj për degën e djathtë këtu, shohim se kemi HTML, OK ne kemi bërë këtë pjesë të kokës, ne jemi duke kërkuar vetëm në trup, kështu që ne kemi disa zona të trupit. Dhe brenda se, vetëm gjë që kemi është hello, bota. OK? Nëse do të kishte gjëra të tilla si disa p kllapa dhe pastaj hello, bota, dhe pastaj një tjetër parantezë p i lamtumirë, bota, ne do të kemi dy flluska që vjen off e këtu. Për shkak se ata janë të dy nën trup, por ata janë paragrafë të veçanta ky rast. Nuk është patjetër praktikë në se në kuize e mëparshme, si edhe bollshëm linjë në të. OK kështu, kjo vetëm lejon të të shohim se çdo gjë bukur dhe manipuluar gjërat shumë sistematikisht. OK? Ne e dimë saktësisht se si për të kaloj nëpër këtë pemë, kështu që ne e dimë se çfarë duam të hyni. 

OK kështu që kjo është arsyeja pse ne duam të ketë këtë lloj modeli, kështu që ne mund të përdorim gjëra të tilla si kjo, dhe ne e kuptojmë se çfarë duan të thonë, dhe ata janë të standardizuara në të gjitha gjërat që ne bëjmë. Pra dokument dot titull është vetëm Titulli i our-- të gjitha këto janë vetë shpjegues goxha, Më pëlqen të mendoj. Tre aq i parë shembuj janë vetëm duke thënë, "OK, vetëm më jep Titulli i kësaj web faqe. " Pra, kjo do të ju jap çfarë korrespondon me titullin. 

Dokumenti dot trupi do të ju jap çfarëdo që është brenda atyre tags trupit. Kështu që ju mund të manipulojë se. Dhe dokument dot trup dot hyjnë HTML është një shumë i ftohtë, dhe ndoshta nuk është si super intuitive, por HTML brendshme korrespondon me këtë të drejtë këtu. Pra, nëse ju dëshironi ndonjëherë për të manipuluar tekstin në një faqe, zakonisht ju jeni do të jetë bërë diçka me trup dot HTML brendshme. OK? Pra HTML brendshme ka tendencë për t'iu referuar çfarë është në të vërtetë ndërmjet këtyre tags. OK? Dhe pastaj funksione të dobishme. Pra, në qoftë se ju të kërkuar për të marrë ndonjë nga këto, ndonjë element, ne kemi disa Id, klasë emri, ose emri tag. Kjo është shumë e ngjashme me gjërat që kemi bërë me CSS, e drejtë? Ku ne kemi disa selectors që korrespondojnë ose një tag, një klasë që ne japim atyre, ose një Id. Kjo është shumë e shumë të njëjtën mënyrë. Nëse ju keni diçka që ka disa klasë të qenit, dhe ju thoni marrë elemente nga tag emrin, dhe ju vënë qen në there-- apo keq, Emri klasë. Ju mund të vihet dot në atje. Ajo do të kthehen të gjithë ata elemente për ju, që kanë atë klasë. Kështu që ju mund të manipulojë vetëm ato. Në të njëjtën mënyrë, ndoshta ju vetëm duan të manipulojnë disa header, kështu disa header h1, si ne e bëmë. Ju mund të bëni të merrni elementet sipas tag emrin, sepse h1 është një emër tag. Dhe në të njëjtën mënyrë, në qoftë se ju doni të merrni disa gjë unik, ju mund të bëni tag merrni. Get element nga Id. Dhe ata janë në fakt shumë këto. Këto janë vetëm si tre prej shumë e shumë. Pra, nëse ju shkoni online, si Unë jam duke shkuar për të inkurajuar ju për të bërë, dhe të bëjë disa hulumtim në tuaj, Unë patjetër të rekomandojë kërkim në të gjithë ata. Ata mund të jenë super të dobishme, veçanërisht kur ju doni të vetëm lloj i manipuluar gjëra shumë të veçanta, pa pasur nevojë për të shkuar deri dhe të përpiqen që të bëj analizë gramatikore nga çdo gjë. 

OK, kështu që gjëja e fundit është JavaScript ngjarje. Pra, kur unë isha duke folur më herët për të shkuar në një faqe interneti, dhe kur ju rri pezull mbi diçka, ose miun tuaj rri pezull mbi diçka, diçka tjetër ndodh. Kjo është ajo që ne do të donim për të mendoni rreth si një ngjarje. Pra, ajo që ne kemi që mund të të jenë të dobishme këtu është onClick. Pra imja ishte më rri në pritje, të cilat, unë jam goxha i sigurt, është vetëm më rri në pritje. Gjithashtu një ton prej tyre që ju mund të shikoni për. Ka një listë e tërë në internet nga gjërat e ndryshme që ju mund të dëgjoni për të. 

Por ngjarjet JavaScript janë në thelb vetëm duke iu përgjigjur gjërave që përdoruesi juaj është duke bërë. E drejtë? Pra, përdoruesi juaj diçka, kjo është një ngjarje, dhe JavaScript do të përgjigjet megjithatë ju dëshironi që ajo të. Ajo do të përgjigjet në përputhje me rrethanat. Pra në këtë rast, ne kemi disa dritare dot onload. Pra, çfarë thotë kjo është, "prit derisa ngarkuar dritare-së. " OK? Pra, kur çdo gjë është ngarkuar, onload, atëherë ju mund të ekzekutojë këtë funksion. Pra, kur çdo gjë është ngarkuar, ju do të jeni që të ketë disa butonin e kërkimit që merr një element nga Id, dhe ajo printon çfarëdo që element është si butonin Kërko. Dhe pastaj ne kemi këtë ndryshore, ne themi, "OK, onClick." Pra, kur ne dëgjojmë një klik mbi butonin Kërko, ekzekutimin e këtij funksionin, e cila është një vigjilent, ju klikuar butonin Kërko. 

Pra, çfarë ndodh is-- kjo është një e bukur pak përfaqësim grafik këtu. Pra ngarkesa tona dokument, kjo është onload ynë, ne gjejmë Kërko tonë butoni, e cila është kjo. Ne jemi në kërkim Kërko butonin tonë. Dhe pastaj kur Kërko button është klikuar, kjo korrespondon me të drejtë këtu. OnClick. Pastaj ne fund paralajmërojë përdoruesit tonë, cila është kjo linjë e fundit këtu. OK? Pra, secili prej këtyre katër hapa vetëm korrespondon me katër kuti atje poshtë në pjesën e poshtme. A do të ketë kuptim për të gjithë? 

Dhe pastaj një gjë që unë jam vetëm duke shkuar për të përmendur shumë, shumë shkurtimisht, që unë ju inkurajoj djema për shkoni të shikoni më shumë në është jQuery, e cila eshte nje biblioteke vetëm që është ndërtuar në majë të JavaScript. Ajo është super i dobishëm, si me shumicën e bibliotekave. Ka shumë funksione. Pra, nëse ka ndonjëherë diçka që ju doni të bëni në JavaScript, instinkt juaj e parë nuk duhet të jetë për të menduar i ", çfarë funksioni duhet I kodin? "Ajo duhet të jetë, "Më lejoni të shoh dikush është bërë tashmë këtë për mua. " Sepse nëntë herë nga dhjetë, dikush do të kishte bërë atë tashmë, dhe ata ndoshta kanë bërë atë më mirë. Njerëzit shpenzojnë shumë kohë duke bërë këto, dhe JavaScript është përdorur shumë gjerësisht, kështu që njerëzit janë vazhdimisht duke u përpjekur për ta bërë atë më mirë. Dhe jQuery ka një shumë të funksioneve të që ndoshta do të jetë i dobishëm për ju në projektin tuaj përfundimtar nëse ju jeni duke bërë asgjë me web design. Si unë doja të them, "puna më të zgjuar, jo e vështirë. " Nëse ju djema të bëjë atë, ajo do të jetë i madh. Kur ne jemi në hackathon unë nuk bëj doni ju që të jenë të gjithë theksoi. Unë dua që ju të jetë si, "I kam kjo. jQuery e mori shpina. Unë nuk kam nevojë për të shkruar këto funksione. " 

Pra, vetëm dy gjëra të mbani mend, unë jam duke shkuar për të ju djema të duken më shumë në jQuery në tuaj. Të gjitha unë jam duke shkuar për të thënë është se ka disa gjëra mjaft të tmerrshme dhe mund të bëjë jetën tuaj një tërësi shumë më e lehtë. Por ajo që ju doni të kanë është çfarëdo skedari se ju jeni do të jetë duke e përdorur atë në, ju jeni do të duan këto dy linja. Ju jeni do të duan dorëshkrim i JS jQuery dot JS. Dhe në të vërtetë burimi juaj do të jetë një URL. Nëse ju të Google jQuery, Google në të vërtetë pret të gjitha dosjet për ju. Pra, ju patjetër doni të të dhëna që URL në vend. Unë vetëm vënë këtë këtu për hir të thjeshtësisë. E gjithë kjo do të thotë është se ku mund të gjeni bibliotekën tuaj jQuery. Është masive, kështu që ju nuk dëshironi për të pritur atë në kompjuterin tuaj në qoftë se ju mund të shmangur atë, cila është arsyeja pse ne kanë tendencë për të vënë vetëm në Google URL që pret të gjitha këto fotografi për ju. OK? Ju Google atë, unë premtoj ajo do të jetë atje. 

Dhe pastaj çdo gjë JavaScript skedar që ju jeni përdorur, kështu që kjo është vetëm një pjesë e jashtme JavaScript skedar që ju jeni duke përdorur. Në të njëjtën mënyrë që ne të lidhë në CSS tonë Fotografi të, kjo është e njëjta gjë e tillë. Kjo vetëm lidh në dosjen ku juaj JavaScript është. Dhe unë kam disa shembuj me të thjeshtë JavaScript. Pra, ne do të shkojnë nëpërmjet saj. Dhe pastaj në indeksin tuaj JavaScript, e cila është e juaj JavaScript paraqesë këtu, kjo është lloj i këmishë që ju keni për jQuery. Ju jeni pothuajse 99,9 përqind e kohës sipër që të ketë kjo në dosjen tuaj index.js. Sepse ajo që ky thotë po, "Mos kryej asgjë derisa dokumenti juaj është në të vërtetë gati ", e cila është pikërisht ajo që ju dëshironi. Sepse në qoftë se dokumenti juaj nuk është i gatshëm, dhe jQuery fillon duke bërë gjëra, kjo është vetëm një rrëmujë. Kështu që ju gjithmonë doni të keni këtë këmishë. Dhe pastaj për gjëra që shkojnë në atje, unë do t'i lërë të perusing vet guys tuaj '. 

OK, kështu që ka ndonjë pyetje e drejtë tani gati JavaScript në përgjithësi? Ose modeli DOM? Nëse jo, ne kemi disa ftohtë shembuj që ne mund të shkojnë nëpër, se ju djema mund të më ndihmojë kodin. Por unë jam gjithashtu do të jetë super e bukur, dhe në qoftë se ju nuk duan të thonë asgjë për këto, kjo është në rregull. Unë mund edhe vetëm të ju jap shembuj. Por çdo gjë në PowerPoint para se ne të lëvizë? Ftohtë. 

Unë të ndjehen si ju djema nevojë për energji. Kështu që unë mendoj se ne jemi duke shkuar për të filluar me shembullin e partisë time të parë. Ne kemi tre shembuj, ju keni zgjedhjen tuaj. Pra, ne kemi orën, ku ne jemi duke shkuar për të zbatuar një orë e vërtetë që është e duke shkuar për të rinovuar si koha kalon. Ne kemi këtë funksion të madh Twitter. This-- ju e dini se çfarë, të mbajë në. Ne jemi duke shkuar për të bërë këtë shko larg. Bam. OK. 

Ne kemi këtë funksion të madh Twitter këtu, that-- unë e di, e drejtë? Ajo do të jetë i madh. Janë të ngazëllyer ju djema? Që është duke shkuar për të numëruar numrin e karaktereve që ju kanë lënë, kështu që nëse unë lloji të drejtë tani, padyshim ajo ende thotë se 140, por ne e dimë se nuk është e rastit. Dhe pastaj me një tonë të fundit këtu, klikoni këtu për të partisë. Çfarë do të ndodhë është kur ne click, background-së do të ndryshojë ngjyrat. Pra ju djema keni mundësitë tuaja të në cilën ju doni të bëni të parë. Unë premtoj unë do të marrë atë shumë të lehtë për ju. Ndjehem si gjithkush është lloj i vetëm shumë të ulët kyç sot. Kështu që unë do të ecin ju nëpërmjet se si ne do të zbatojë të gjitha këto. Nëse ju doni të bie në, që e madhe, por unë të ndjehen si gjithkush është pak i lodhur. Kështu që unë do të ecin vetëm përmes këtyre shembujve. A kemi diçka që ne do të donim për të bërë së pari? Çdokush? Jo preferencë? OK. Ju e dini çfarë? Ne jemi në parti. Unë të ndjehen si ju djema duhet një little-- kështu, ne do të bëjmë një të partisë së pari. OK. 

Pra, ajo që ne kemi here-- kjo është nuk menduar të jetë atje. Tani kjo është e mirë. OK. Pra, ajo që ne kemi këtu është vetëm një faqe të thjeshtë HTML se ju djema të gjithë duhet të jenë të super të njohur me nga dy psets tuaja të fundit. ne kemi llojin tonë doc këtu. A mund të gjithë të shohin? OK. Ftohtë. Ne kemi HTML tonë të qartë. Ne kemi disa header që është lidhur me një fletë stil që vetëm bërë font ime e bukur dhe e madhe dhe e guximshme. Pra, mos u bëni merak për këtë. 

Ne kemi disa trupin me një sfond Id, OK? Sepse ne jemi duke shkuar për të qenë ndryshuar sfond. Pra, kur ne jemi duke ndryshuar sfond i trupit tonë, ne mend nga dy javë më parë kur kemi të bëjmë me faqet e Internetit. Pra, mirë që të ketë atë. Dhe ne kemi disa Id barabartë parti. Kjo pound ref h vetëm do të thotë se ajo do të shkojë në të njëjtën faqe. Dhe klikoni këtu për të partisë, cila është arsyeja pse kur ne të klikoni atë, ajo duhet të ndryshojë ngjyra, fatmirësisht. 

Dhe pastaj ne kemi disa script këtu se është i lidhur vetëm për këtë partiake dot JS file, kjo është e zbrazët, sepse ne nuk kemi bërë ende asgjë. Dhe kjo është aq e trishtuar. Por shumë shpejt, ajo do të ndryshojë ngjyra, dhe ajo do të jetë awesome. 

Kështu që unë jam vetëm do të ecin ju djema përmes se si ne mund të qasen këtë. Pra, gjëja e parë që ne mund të dëshironi të bëni, në qoftë se ne jemi duke ndryshuar sfondin e trupi, gjëja e parë që ne mund të dëshironi për të bërë është në të vërtetë kap çfarë trupi është, apo jo? Pra, ne duam të kemi shumë, tonë sfond, dhe në qoftë se ju të vini re, Unë vetëm automatikisht sapo filloni të shtypni. Nuk ka asgjë të veçantë që ne duhet të bëni për dosjet tona JavaScript. Unë mund të fillojë duke deklaruar variabla, dhe shpallja e funksioneve të rastit. Dhe kjo është shumë më e formë të lirë. Është si me C, kemi dhënë ju të gjithë këto rregulla të vështirë, dhe ju u rrit, kështu që ne jemi si, "të dalë. Të jetë e lirë. Bëni çfarë të doni. " Dhe kjo është ajo që JavaScript është. Pra, ne kemi disa sfond këtu. Me modelin tonë DOM, ne e dimë ne mund të bëjë dokument dot merrni element, dhe nëse vërejmë këtu, trupi ynë ka një Id. E drejtë? Pra, ne mund të merrni dokument nga Id, dhe këtu është një njeri i thjeshtë. Çfarë është Id jonë që ne duam këtu? AUDIENCA: Historiku. ALLISON BUCHHOLTZ-AU: Historiku. Perfect. Dhe pikëpresje në fund. Që nuk ka shkuar larg ende. Ju ende nevojë pikpresje tuaja. OK. Pra, kjo është një jonë e parë. Dhe kur ne të klikoni diçka, ne doni diçka të ndodhë, të drejtë? Pra, ne mund të dëshironi disa ndryshore që është duke pritur për një klik. Ajo që ne jemi duke shkuar për të bërë është që ne jemi duke shkuar për të bëjë lidhjen tonë më shumë e ngjashme me një buton. Pra, ne do të kemi disa butonin që është e barabartë me të dokumentuar dot merrni element nga Id. Dhe në qoftë se unë jam duke folur për klikoni linkun apo klikoni këtu për të partisë lidhje, çfarë mund Id im të jetë këtu? Partia. Correct. OK jo shumë e keqe deri tani. Gjithkush merrni atë që ne jemi duke bërë? 

OK, kështu që tani ne kemi tonë button, dhe ne duam gjërat të ndryshojnë kur ne të klikoni mbi të. Pra, në qoftë se ne kujtojmë nga PowerPoint tonë, gjë shumë e thjeshtë që mund të bëjmë është vetëm buton dot onClick, e drejtë? Dhe kjo do të jetë e barabartë disa funksion. Ky është një funksion anonim. Dhe kjo vetëm as-- në të vërtetë unë jam i do të bëjë këtë më e madhe pak. 

Pra, ajo që unë vetëm e bëri këtu është që unë jam duke thënë, OK, kur ne të klikoni butonin tonë, e cila është kjo lidhje që ne vetëm e përmendur, ne do të ekzekutojë ky funksion anonim. Ne nuk kemi nevojë për ndonjë inputeve. Ne nuk e kujdesit çfarë përdorues thotë. Kur ata klikoni mbi të, ne jemi do të bëjmë çdo gjë që ne duam, e cila është ndryshuar ngjyrën e sfondit. OK? Pra, kjo është arsyeja pse ne nuk kemi ndonjë inputeve, ne vetëm duhet këtë funksion anonim. Dhe tani ne jemi në të vërtetë duke shkuar për të shkruar këtë funksion. 

Pra, ka një bandë e mënyra të mund të gjenerojë një ngjyrë të rastit. Mënyra se kam bërë ishte për të gjenerojë tre numra të rastit dhe shnderrimin e tyre për një RGB trefishtë. Pra, kjo vetëm ju tregon disa ftohtë gjëra që në qoftë se ju jeni si, "oh, Unë kam nevojë për të gjeneruar një të rastit numër ". në qoftë se ju googled atë, kjo është ajo që ju do të gjeni. 

Pra, ne kemi tre të ndryshme gjëra, var, nuk kuqe përsëri, e gjelbër. E drejtë? Pra, këto janë tre gjërat që përbëjnë një ngjyrë. Blu, e kuqe, dhe jeshile. Ftohtë. Dhe çfarë mund të bëjmë është që ne e dimë se ajo duhet të jetë në mes të 255, dhe në qoftë se ju shikuar deri disa gjenerator të rastit numër, ju mund të merrni diçka si matematikë dot të rastit, e cila në qoftë se ju shikoni kjo lart kthehet në një numër në mes zero dhe një. OK? Dhe çfarë numrat bëjmë Treshe RGB shkojnë në mes? Zero dhe çfarë? Çfarë mund ata të shkojnë deri në? 255. Pra, nëse math dot random shkon në mes zero dhe një, se si mund të duam për të kthyer këtë? AUDIENCA: Koha? ALLISON BUCHHOLTZ-AU: Po, pikërisht. Pra koha është 255. 

Audienca: [padëgjueshme] Është si [e padëgjueshme]. ALLISON BUCHHOLTZ-AU: Math dot të rastit. AUDIENCA: Best. ALLISON BUCHHOLTZ-AU: Po. JavaScript vetëm kujdeset për ju. OK. Pra, ne mund të bëjë që për të gjitha këto. E drejtë? Math dot herë të rastit 255. Kopjo se. Ftohtë. Pra, është gjë, kjo mund nuk kthehen një numër të plotë. E drejtë? Ndoshta ne të merrni disa numrin midis zero dhe një, dhe kjo shkakton që ajo të jetë pak off, dhe RGBs tona nuk mund të jetë gjithandej. Ata duhet të jenë të ints. Pra, në qoftë se keni provuar këtë, ajo ndoshta do të kanë disa sjellje të parregullt. Ajo do të jetë një i shokuar pak. Pra, ajo që ne bëjmë është që ne duam të bërë i sigurt që këto janë të rrumbullakosura, dhe ju mund të rrumbullakët ose mënyrë. I rrethuar me dysheme. Kështu që unë gjithmonë e bëri të sigurt se ajo rrumbullakuar poshtë. Por plaste e sa e thjeshtë ishte për të vetëm të marrë një numër të rastit, si mendoni ne mund kat këtë numër? Kjo është shumë e ngjashme. Ndonjë ide? Pra, nëse të rastit ishte vetëm math dot të rastit, kështu që mendoni ju se ne do të bëjmë kat? Math dot kat. Dhe ju gjithashtu mund të bëjë matematikë dot tavan. Round është lloj i paqartë sepse ju nuk e bëni e di nëse do të rrumbullakosë më lart ose të rrumbullakët poshtë. Pra, në mënyrë tipike ne gjithmonë të bëjë matematikë dot kat, matematikë dot tavan. Por honestly-- 

AUDIENCA: A poshtë raund kat? 

ALLISON BUCHHOLTZ-AU: Kati raundet poshtë. Dhe kjo është vetëm një zgjedhje nga ana ime. 

Pra, tani ne kemi tre numrat tanë që janë të krijuara rastësisht, dhe ajo që ne jemi duke shkuar për të bërë tani është që ne jemi vetëm duke shkuar për të ndryshuar sfond. OK? Pra, ne tashmë kemi tonë background lloj i ruajtur në këtë element të quajtur sfond. Pra, çfarë ju do të vëreni është, në qoftë se keni luajtur rreth me këtë, ne duam të ndryshojmë stilin. Dhe kjo është lloj i diçkaje që ju do të Google dhe të kuptoj se, pëlqen se si për të ndryshuar ngjyrën. 

Por mënyra ju hyni kjo ngjyrë është background dot stil dot sfond. Pra, kjo është thënë dhënë ky objekt, sfond, që i referohet se element Id deri atje, ne jemi duke shkuar për të parë në stil brenda stilit, ne do të shikojmë në sfond. OK? Dhe në qoftë se ju shkoni dhe të shikoni këtë ide, ajo mund të bëjë pak më shumë kuptim, por kjo është në thelb vetëm duke thënë: "Më jep këtë atribut shumë të veçantë të asaj që unë kam përcaktuar më herët. " Pra, ajo që ne jemi duke ndryshuar atë që është disa RGB, sepse kjo ka kuptim. Ne jemi duke përdorur RGB trefishon, e drejtë? Dhe ne have-- unë dua të sigurohemi që unë të marrë numrin e duhur të citate në këtu. Pra, ajo që ne bëjmë është që ne kemi RGB, dhe ne jemi duke shkuar to-- kjo është si varg, e cila është e kuqe. Dhe pastaj ne duam disa presje. Dhe pastaj ne duam plus gjelbër, pastaj disa presje, dhe disa blu. 

Kështu këto pluses vetëm thotë si varg. Pra, kjo është vetëm duke krijuar kjo varg që po ndodh brenda RGB. OK? 

Audienca: [padëgjueshme] plus pastaj e gjelbër një plus pastaj i kuq. 

ALLISON BUCHHOLTZ-AU: Yeah, sepse unë messed up se. Gjobë atij dikujt. Oh, të mbajë në. Jo. Sepse unë duhet të bëni të sigurtë se kam marrë të gjitha këto të drejtë. Kështu që unë do të shpjegoj në momento Uno. Jeshile, blu, të përsosur. Tani unë jam duke bërë. Unë besoj. 

OK. Pra, çfarë është kjo, është se sfond do të jetë i vendosur në një varg. E drejtë? Cila është ajo që ne kemi këtu. Ajo do të jetë një RGB 255 presje 255 zero presje, apo çfarëdo numri të ju kanë atje. Pra, ne jemi duke bërë këtu, ne kemi disa string. Dhe ajo që ne duam të bëjmë, është që ne jemi lloj dinamike krijimit se kur ne fakt drejtuar këtë program. Pra, kjo është një string. Plus concatenates atë me vlera që e kuqe e ka, cila concatenates atë me a presje, e cila concatenates atë me atë që e gjelbër është, dhe kështu me radhë, dhe kështu me radhë. OK? Deri në fund, që është duke mbyllur kllapa e kësaj RGB këtu. OK? 

Pra, çfarë kjo do të gjenerojë disa komanda të vërtetë që është RGB i tre numra që background tani është vendosur për të. OK? Pra, le të shohim nëse kjo funksionon. Unë shpresoj që të bëjë, sepse në qoftë se ajo nuk ka, unë jam do të jetë e vërtetë e trishtuar. Oh jo. OK, të mbajë në. Definitely sfond dot stil dot sfond. Unë jam definitivisht i humbur diçka vetëm i vogël. A nuk ju djema urrej se? Kur kjo është vetëm një gabim i vogël pak? Sfond i Plotfuqishëm. RGB. 

Audienca: [padëgjueshme] ALLISON BUCHHOLTZ-AU: Jo. Unë u përpoq këtë para klasës. Unë kam gjithçka kam bërë më parë klasë në rast unë kam qenë si, "Prisni, çfarë e bëri të bëj keq?" Sepse unë kam qenë si, "unë do të ndoshta bela kjo deri në një pikë. " Plus gjelbër. Çdo gjë duket si ajo e concatenated saktë. OK. 

Audienca: [padëgjueshme] 

ALLISON BUCHHOLTZ-AU: Oh, ju shkoni atje. Kjo është ajo që unë e nevojshme. Shiko në se. Tiffany për të shpëtuar. Perfect. OK. Tani le të shohim nëse ajo punon. Oh Perëndia im. OK. Të mbajë në. 

AUDIENCA: Space pas plus dytë. 

ALLISON BUCHHOLTZ-AU: Cili? Oh wait, të mbajë në. Veshin hapësirë? 

AUDIENCA: dyti plus në varg e gjelbër. ALLISON BUCHHOLTZ-AU: Oh. AUDIENCA: Nuk ka hapësirë pas plus, vërtet. ALLISON BUCHHOLTZ-AU: Ju nuk kanë nevojë që, but-- AUDIENCA: Oh, ju nuk bëni? ALLISON BUCHHOLTZ-AU: Ajo duket goxha. AUDIENCA: OK. OK. 

ALLISON BUCHHOLTZ AU: Le të shohim nëse kjo funksionon. OK. Unë jam i qartë dështuar në kjo demo, e cila më kujton i një leksioni javë tjetër, por unë e di se kjo do të punojnë. Unë e di se kjo do të punojnë. Në mënyrë të ngushtë. Përveç nëse unë rastësisht fshirë script tim për këtë. Jo, ajo është e dot partisë js. OK mbajë në. Unë jam duke shkuar për të kopjoni këtë, dhe unë jam gjithashtu vetëm do të fshini çdo gjë, sepse unë kishte kjo pune më herët. 

Unë premtoj se punon. Nëse jo, unë do të ju tregojnë se çfarë Tommy-së është. Dhe atje. 

AUDIENCA: Ju jeni duke iu referuar partisë dot CSS, dhe kjo është një parti dot JS. 

ALLISON BUCHHOLTZ-AU: Ah, mirë e drejtë këtu është partisë dot js. OK, çfarë ka të bëj tjetër? OK, ne do të shohim nëse kjo punon tani. Bam. Pra, unë nuk e di se çfarë kam bërë ndryshe, por kjo është ajo që duhet të ndodhë. Kinda cool. Unë klikuar mbi këtë, si, përgjithmonë. Por ne mund të provoni dhe shikoni çfarë kam bërë ndryshe se ky njeri kishte. Unë nuk e di për ju djema, por kjo duket në thelb ajo që unë vetëm shkroi. Ka qenë ndoshta një i zhdukur pikëpresje diku është gjë e mia. Në fakt pas, unë mendoj unë ishte zhdukur një pikëpresje e drejtë këtu në të vërtetë. Por unë nuk mund të shohin atë, sepse ajo ishte jashtë ekranit. 

Por nëse ne njoftim, kjo është goxha shumë pikërisht atë që unë vetëm shkroi. Unë mendoj se ndoshta pjesa më e vështirë për kjo është lloj vetëm për këtë gjë e drejtë këtu, të kuptuarit çfarë është bërë atje. Këto llojet e gjërave që ju të mësoni me të vërtetë vetëm nga Googling dhe me ndershmëri vetëm duke u përpjekur. Nëse ju mendoni se ka disa atribuojnë, atje ndoshta është. Pra provoni. Shih se çfarë ndodh. Siç thashë, nuk është një shumë e eksperimentimi me JavaScript, dhe PHP, dhe të gjitha që sende, dhe CSS veçanërisht. Kjo është e vetmja e vërtetë mënyrë për të kuptuar atë. 

OK, kështu që pas kësaj fiasko me partinë dot js, ne kemi dy opsione të tjera. Ne kemi orën ose Twitter. Ata janë të dy interesante. Ndoshta jo fare si argëtim si parti, e cila kishte një strobing ftohtë pak gjë në fund. A ju djema keni ndonjë preferencë? AUDIENCA: Clock? ALLISON BUCHHOLTZ-AU: Clock? OK. Ftohtë. 

Pra, përsëri, ne kemi tonë bosh skedë JavaScript. Dhe si ne shohim këtu, ne kanë disa HTML shumë të thjeshtë. Ne kemi fletë stil tonë, që vetëm Formatet çfarë ajo duhet të duken si. Ne kemi div tonë me një Id të kohës, të cilat vetëm thotë, "kjo duhet të jetë një orë." Dhe ne kemi lidhjen tonë në dosjen tonë JavaScript që është në të vërtetë do të gjenerojë orën tonë për ne. Sepse gjëja e ftohtë, është se ju mund të vendosur JavaScript për të rifreskuar automatikisht vetë. OK? Pra, në vend të pritjes për përdorues të goditur Refresh në një faqe kështu që ju mund të merrni Ora përditësuar, JavaScript mund update it megjithatë ajo i pëlqen. 

Pra, si me një tonë të fundit, kemi dashur për të hyrë në sfond tonë, apo jo? Pra, çfarë mendoni se mund të jetë Gjëja e parë që ne duam të bëjmë këtu? Nëse ne jemi lloj i plaste ky lloj i paradigmës këtu? Ne ndoshta dëshironi të hyni në orën tonë, apo jo? Pra, ne kemi disa var ora, e cila equals-- çfarë ne mendojmë se kjo do të jetë? Dokumenti dot merrni element by-- I gjithashtu dashuri Sublime-- Id dhe Id tonë është ora. Pikëpresje. Got për të siguruar që të merrni ato pikpresje kjo koha, sepse unë të ndjehen si kjo ishte problemi hera e fundit. OK kështu që, si unë isha vetëm duke thënë se me duke u përpjekur të keni Javascript të rifreskoni veten, ka ky funksion i madh, unë di ajo erdhi në dobishëm vitin e kaluar, Unë nuk jam i sigurt se vjen në dispozicion për këtë pset, por ajo që quhet interval set. Dhe kjo është në të vërtetë me të vërtetë ftohtë në qoftë se ju djema të bëjë asgjë me kohë ose marrjen e informacion të përditësuar. Në një faqe interneti për një finale projekt, kjo është ndoshta një funksion që ju doni të merrni super njohur me të. Pra, çfarë vendosur interval nuk është se ne jemi duke shkuar për të dhënë atë një funksion, dhe sa shpesh sa duhet quajmë këtë funksion. OK? 

Pra në këtë rast, ne jemi vetëm do të krijuar disa funksion anonim përsëri, OK, që do të merrni data tonë, dhe koha jonë, dhe pastaj përditësimin gjëra dhe të shfaqin atë. Pra, ne do të shqetësohen për këtë. Ne do të jetë si të gjenerojë orën këtu. Por ajo që ne kemi nevojë është se si shpesh për të rifreskuar atë. Pra në këtë rast, është vetëm milisekonda. Pra, ne jemi vetëm do të bëjnë 100 milisekonda. Sigurisht, tërësisht arbitrar. Në qoftë se ju të kërkuar atë për të rinovuar shumë më ngadalë, ju mund të. Ne mund të luajnë rreth me intervalin e caktuar, sa i madh interval tonë është pas marrim një orë pune, të cilat shpresojmë se unë do të marrë për të. Pra, kjo është vetëm duke thënë: "OK, thirrje ky funksion çdo 100 milisekonda. " OK? Kjo është e gjitha ajo bën. 

Pra, ajo që ne duam funksionin tonë për të bëni është që ne duam që të ketë disa data dhe disa herë është çfarë ne do të kemi. Kështu Ne mund të fillojë me tonë Data e barabartë me diçka, dhe koha jonë është e barabartë me diçka që ne nuk e dimë ende. Ose në të vërtetë, ne duhet vetëm datën, sepse datë do të përfshijnë çdo gjë. Përsëri në qoftë se ju vetëm të Google ndonjë gjë për çfarë ju doni të bëni, në qoftë se ju shkruani, "OK, Unë dua të të marrë kohë nëpërmjet JavaScript, "ajo do të ju jap ky i madh Funksioni i quajtur data get. Fjalë për fjalë, gjërat më që ju doni të bëni, JavaScript është e do të ketë atë bërë për ju tashmë. Pra, kjo është fjalë për fjalë si i ri të marrë datë, e cila është creating-- ose data e re, rather-- i cili është i gjeneruar disa objekt që përfaqëson një datë. 

Dhe ajo që ne jemi duke shkuar për të bërë këtu është kjo is-- unë jam duke shkuar për të shkruar këtë, dhe pastaj të shpjegojë atë që bën. Kështu që unë do të sigurohemi që unë të marrë këtë të drejtë. 

OK, kështu që çfarë ky funksion bën, është ne jemi vetëm krijimin e HTML që është në të vërtetë do të shkojë brenda Id tonë div e orën. Pra, çfarë kjo do të jetë bërë është vetëm gjenerimin e një varg, OK? Kjo është pastaj do të jetë transplantuar në HTML tonë. Në thelb ajo është e do të bëni është të çfarëdo we-- ajo që unë do të ju tregojnë është se çdo gjë që ne themi HTML është, ne jemi duke shkuar për të zëvendësuar këtë tekst këtu me çfarëdo HTML është. Pra, kjo do të lejojë na për të ndryshuar orën dot tonë HTML nga të qenit vetëm teksti i kësaj duhet të jetë një orë, në të vërtetë duke treguar numrat dhe gjëra që ne të kujdesen rreth, dhe në të vërtetë të jetë ora. 

Pra, ajo që ne jemi duke shkuar për të bërë është që ne jemi do të fillojnë gjeneruar këtë HTML. Pra, në të njëjtën mënyrë që ne të përdorur për të bërë plus barabartë për integers, ju tani mund të bëjë atë për vargjet, përveç se do të lidh ato. E drejtë? Siç e pamë me dot partisë JS, kjo vetëm concatenates të gjitha këto gjëra së bashku. Kështu që ju mund të lidh copa të ndryshme të HTML nga variablave, ose pjesë të strings që ju të shkruani nga veten, dhe kjo vetëm me të vërtetë ju lejon të dinamike gjenerojë HTML, i cili është shumë i ftohtë. Pra, nëse ju keni diçka shumë përdorues të veçantë, kjo mund të ju lejojnë të bëni këtë. 

Pra, ne kemi HTML, për të unë jam duke shkuar për të provoni dhe të sigurohemi që unë të marrë këtë të drejtë. Pra, ne jemi duke shkuar për të bërë disa header h1. Pra, çfarë është e rëndësishme për të realizuar këtu është se kjo është në të vërtetë vetëm HTML. E drejtë? Ne jemi me shkrim aktual Kodi HTML në këtu, është jo vetëm një varg në normal mënyrë që ne do të mendoj për të. Pra, ne kemi disa HTML. Kjo është konsideruar një varg këtu pse. Dhe ne bëjmë datë dot-- ne doni të merrni orë tona. Përsëri, në qoftë se ju do të shikoni up çdo gjë në lidhje me datën, ajo do të ju them të gjitha këto janë atributet që ka datë. Dhe këtu është ajo që ju mund të përdorni për të. Pra, ajo ndoshta ka gjëra të tilla si të marrë orë, dhe për të marrë minuta, dhe për të marrë sekonda, dhe për të marrë milisekonda, dhe kush e di çfarë tjetër ata kanë. Por në qoftë se ju shikoni në dokumentacioni, se të gjithë do të jenë aty. 

Pra, ne kemi marrë orë, dhe pastaj ne do të duan të lidh që with-- unë jam do të shkojë kjo mbi këtu. Pra, në qoftë se ne jemi duke gjeneruar të drejtë tani, ne jemi në të vërtetë gjenerimin kohën, e drejtë? Ne kemi orë, dhe pastaj çfarë është ndërmjet orë dhe minuta? Ju keni një pikëpresje, e drejtë? Pra, ne duam të bëjmë disa pikëpresje këtu. Dhe pastaj ne duam që të merrni tonë minuta, kështu që në të njëjtën mënyrë që ne kemi data dot të marrë orë, se si mund të marrim minuta tona? Është fjalë për fjalë më sot dot të marrë minuta, që unë lloj i donte. Është si, "oh, sa bëj që unë të marrë minuta e mia? " Unë vetëm të marrë minuta e mia. 

OK. Dhe pastaj ne kemi një tjetër zorrës së trashë këtu. Dhe pastaj në qoftë se ne duam që të merrni tonë sekonda, se si mund të kemi të dytë tonë? Data dot merrni sekonda. Unë mendoj se është shumë i ftohtë. Dhe çfarë është e rëndësishme për të të kuptojë, është se ne gjithashtu nevojë për të mbyllur HTML tag tonë këtu, sepse ajo duhet të vazhdojë të jetë e vlefshme HTML, kështu h1. Ftohtë. 

Kështu që pas kësaj, ne mund të bëjmë orën HTML dot brendshme është e barabartë me HTML. OK? Pra, mbani mend se si kam thënë HTML brendshme në thelb merr çdo gjë që është në mes Dy tags që kemi biseduar rreth dhe fut apo manipulon çdo gjë që është në atje? Pra, çfarë e bën këtë, në qoftë se ne të kthehemi në orën tonë, është se ora referohet çdo gjë brenda këtij div. Kjo është e brendshme HTML i këtij div orën Id. Dhe kështu ajo do të ndryshojë atë për të HTML që ne sapo krijuara, cili, e cila, shpresë, me shpresë, me shpresë, do të tregojë kohën e drejtë tani. Ne do të shohim. Sigurisht. Kështu që shumë çështje teknike. Just-- Allison-së unë jam off lojë të mi sot guys. OK, që punon. ora dot HTML brendshme. Ishte HTML Really? Gjithashtu kjo është ajo që ndodh. Kur ju nuk mund të shihni diçka, ju vetëm shikoni në kodin tuaj burim. OK. A ju doni të dini një punë të ftohtë rreth se ne jemi duke shkuar për të bërë të drejtë këtu? 

AUDIENCA: A mund të bëni shkronja kapitale? Letrat kapitale? Sepse ju keni marrë orë, dhe pastaj të marrë minuta. 

ALLISON BUCHHOLTZ-AU: Ajo është marrë orë dhe get-- oh. Ju are-- yll të artë. Kjo është e gjitha një test, djema. Unë premtoj se ishte duke punuar para klasës. 

OK, por diçka e ftohtë për të dini është që ju mund të also-- nëse ndonjëherë dosjet tuaja jashtme janë duke marrë një pak i çmendur, ju gjithashtu mund të vetëm të vënë ato drejt në këtu, i cili ka tendencë për të rregulluar gjërat. Përveç rasteve kjo është si të vërtetë e shëmtuar. Sigurisht format gjithçka. Sigurohuni që ajo është e gjitha e bukur. OK. 

Unë të kërkuar për të bërë të gjitha popull ftohtë, dhe ata janë vetëm nuk punojnë jashtë. OK. Ora var Script. Anyways, ajo që është e rëndësishme është se kjo është mënyra e përgjithshme që ju do të format JavaScript. Siç mund ta shikoni, kjo mund të jetë shumë nazeli ndonjëherë, edhe kur ajo ishte fjalë për fjalë duke punuar dy sekonda më parë. Ose jo dy i dytë më parë, por shumë, shumë kohët e fundit. 

Pra, për të treguar se çfarë ajo duhet të duken si, dhe për të treguar se unë nuk jam i çmendur, dhe se çdo gjë është pikërisht njëjtë, kjo është ajo që ajo duhet të duken si. Ju jeni vetëm duke shkuar për të bërë këtë pjesë të lartë këtu, dhe në qoftë se ju shikoni faqen burim, në qoftë se ju të vini re, ai bëri disa gjëra të çmendura, unë thjeshtuar atë. Gjithashtu, kredia për Tommy McWilliam, i cili në të vërtetë më ndihmoi të krijuar këto shembuj, cila është arsyeja pse unë e di se ata punojnë. Sepse Tommy është një mjeshtër JavaScript. Por nëse ne njoftim, ne kemi disa seri. Ne kemi funksionin tonë orën këtu. Kjo është e gjitha JavaScript që ne vetëm shkroi, ose një pjesë e saj. Ne vetëm shkroi këtë një të drejtë këtu. Dhe ai ka një shtesë funksion që vetëm pads atë duke shënuar me një zero përpara një letër ose para një numri të nëse është e vetëm një prej tyre. Pra, në qoftë se ju të vini re, kjo është goxha shumë pikërisht ajo që ne vetëm shkruante. Ju keni disa orë të ndryshueshme se ka elementin tonë, të merrni element me ID, e cila është ora. Ne kemi interval tonë të caktuar funksion, kjo është një funksion anonim që ekzekuton të gjithë këtë. Ne kemi disa duke filluar varg të HTML që ne pastaj dinamike gjenerojnë nga të paturit e disa header h1, concatenating me të marrë orë, plus zorrës së trashë tonë, plus duke marrë procesverbali, plus një tjetër zorrës së trashë, plus sekonda tona, dhe më në fund duke i dhënë fund HTML për të. Dhe pastaj ne update orën tonë dot HTML brendshme në HTML, dhe ne update çdo 100 milisekonda. OK? 

Shih unë premtoj unë nuk jam i çmendur. Nuk e di. Unë nuk e di pse kjo nuk i pëlqen mua. Ndjehem si duket i njëjtë, por me sa duket më urren mua. 

Pra, le të shohim nëse raundi tre shkon më mirë. Ne jemi gati për të parë. Unë nuk jam i sigurt se si kjo është duke shkuar për të shkuar. A është e të gjithë të paktën duke marrë këqijat, si vetëm temës së përgjithshme e JavaScript, pse? Unë shpresoj se kjo është të paktën e dobishme, më shumë se duke treguar se ajo është pak nazeli. Por vendosur tuaj problem do të jetë shumë e fun. Ajo do të jetë i madh. Kjo nuk do të jetë mjaft sa e lodhshme si kjo, unë nuk mendoj. Ju në fakt do të merrni të shohin gjërat me të vërtetë cool. 

Pra, e fundit por jo më pak, ne do të përpiqemi një të Twitter. Unë jam me të vërtetë i frikësuar tani, djema. Unë nuk e di se si kjo është duke shkuar për të shkuar. Por vetëm për të ju jap pak më shumë shije, dhe kjo është në të vërtetë strings manipulimin dhe inputet, ajo që ne jemi duke shkuar për të bërë është, në qoftë se ne të vini re këtu me HTML-- kjo e ka pak more-- ne kemi disa zona tekst, i cili korrespondon me këtë fushë teksti këtu. OK? Dhe që ka një Id të tekstit. Ne restyled atë një pak me disa gjerësi dhe lartësi që ne kemi paracaktuar, dhe ne kemi H1, cila sapo është header një jonë që paraqet karaktere tona majtas. Ne ia dha disa Id e gërmat e mbetura, dhe pastaj ne kemi disa script këtu, që unë jam me të vërtetë duke shpresuar herë të tretë bukuri këtu, djema. 

Pra, ajo që ne duam të bëjmë, në të njëjtën mënyrë përgjithshme që ne kemi bërë me orën dot JS dhe dot partisë js siç e kemi vënë re, po ne kemi filluar me të vërtetë grabbing gjërat që ne të kujdesen për, apo jo? Pra në këtë rast, ka dy gjërat që ne të kujdesen për, OK? Një gjë që ne jemi në të vërtetë lloji i kërkim në dhe duke tërhequr të dhënat nga, dhe një gjë që ne jemi në të vërtetë ndryshuar. Pra, nuk ka HTML ynë. Nëse kjo është faqe tonë të internetit këtu, çfarë është Të dhënat që ne jemi duke kërkuar në? Ajo do të jetë i çfarëdo Teksti në kuti tona, e drejtë? Pra, çdo gjë që unë lloji në këtu. Kjo është ajo që unë dua të di, ose kjo është ajo që unë dua të shikoni në. Dhe çfarë do të jetë ndryshon në faqen tonë të internetit? Personazhet e mbetur. Pra, në të njëjtën mënyrë, ne duam të filloni nga fillimin variablave që në të vërtetë të mbajë mbi ato elemente. OK? Pra, në qoftë se ne kemi disa var që është zona jonë e tekstit, dhe ne kemi disa var që është mbetur. E drejtë? Pra, këto do të mbajë ato dy gjëra. Pra, e njëjta gjë e tillë, dokument dot-- OK, unë jam shkuar për të siguruar që kjo është duke shkuar për të punuar këtë kohë. Unë jam shumë i bindur. OK, kështu që në qoftë se ne duam tonë fushë teksti, sipas në HTML tonë, çfarë është identifikues tonë? Çfarë është Id tonë? Është vetëm do të jetë teksti sepse kjo krijon zonën tonë të tekstit, OK, dhe Id ynë është teksti, kështu që është e se si ne mund të rrëmbej atë që është në atje. OK, pikëpresje. Unë jam do të jetë super të saktë për këtë, sepse unë dua këtë për të punuar këtë kohë. OK, të bëjë të njëjtën gjë, merrni element nga Id. Unë jam me të vërtetë i pyesin se çfarë ka shkaktuar dy të tjera për të rrëmujë deri. OK, atëherë në këtë një, çfarë duam të hyni? Çfarë është Id tonë këtu? Ne kemi një tjetër Id në HTML ynë, çfarë është ajo? AUDIENCA: Figurë e mbetur. ALLISON BUCHHOLTZ-AU: Gërmat e mbetura. 

OK. Ftohtë. Kështu që unë jam vetëm duke shkuar për të shkruaj këtë të vërtetë të shpejtë. Unë jam vetëm duke shkuar për të shkruar kjo në sekondë. Pra zonë teksti. Çfarë është interesante është B function-- atje shumë funksione që jo vetëm korrespondojnë tuaj mouse, por keyboard juaj. OK? Kështu që ju mund të thoni kur ndonjë kyç është presion, ju mund të bëni gjëra të tilla si se. Pra, ajo që ne jemi duke përdorur është quajtur në çelës up, e cila thotë se, "në qoftë se ju keni shtypur një tast çfarëdo për tastierës tuaj, kur përdoruesi ka hequr Gishti i tyre off atë buton, dhe kyç është bërë unpressed, atëherë ne jemi duke shkuar për të bërë diçka. " OK? Pra, kjo ka kuptim, apo jo? Sepse çdo karakter ne shkruani, ne jemi duke shkuar që të ketë për të hequr gishtat tonë off e saj, kështu që kur kyç shkon lart, ne mund të dimë për pakësim personazhet tona të mbetura. 

Pra, ne kemi disa në kyç lart, dhe në të njëjtën mënyrë, ne jemi duke shkuar për të thënë, "OK, kur ne e bëjmë këtë, ne do të krijojë disa funksion që do të marrë e, "në këtë rast, dhe ajo që ne duam të bëjmë është të llogaritur numrin e mbetur. OK, kështu që le të vetëm të fillojë duke krijuar një ndryshore. Pra, ne kemi disa r ndryshueshme, që do të përfaqësojë sa karaktere që kemi lënë. OK? Ne e dimë se ne të fillojmë me 140, dhe në qoftë se ne duam të dimë, le të themi, gjatësinë e kësaj varg që ka qenë input, bëni ju djema keni ndonjë ide se si ne mund të bëjmë atë? Vetëm bazuar jashtë e dukshme gjërat, si në qoftë se kemi dashur orë, kemi përdorur marrë orë. Ne e dimë se objekti ynë është Zona e tekstit, por mund të ju djema mendoj për atë që mund të vijë pas tij? Ndonjë ide? 

Kështu lloj këtij dikujt e më pak intuitive, por kjo është vlera dot gjatësi. Pra, vetëm të më jepni disa atribut vlera që është në fakt gjatësia e këtij varg. Kështu ajo do të thonë, "OK, unë jam duke kërkuar në tërë këtë varg brenda zonës së tekstit, dhe unë jam duke shkuar për të treguar ju sa kohë ajo është. " Sepse në qoftë se ne kujtojmë vargjet janë me të vërtetë vetëm vargjeve, kështu që ne mund të marrë vetëm gjatësinë e tyre. Pra, ne kemi atë. Ftohtë. 

Pastaj ajo që ne duam të bëjmë është që ne kurrë nuk duan të lejojnë përdoruesit të dhëna më shumë se 140 karaktere, e drejtë? Sepse në qoftë se ne themi si, "oh, ju vetëm kjo shumë e mbetur, " dhe pastaj le ta bëjë këtë anyways, ne kemi qenë të gënjyer. Dhe kjo është një tjetër gjë që JavaScript mund të jetë me të vërtetë e mirë për të, është përdorues validation dhe duke u siguruar që tuaj përdorues i përshtatet brenda rregullave që ju keni dhënë atyre. Pra, nëse ju doni të bëni gjëra të tilla si duke e bërë i sigurt input dikush mail adresën e tyre, ose duke u siguruar që kur ata hyjnë dy fjalëkalime, ata krahasohen. JavaScript mund ta bëjë këtë. Ju do të bëni diçka si, "kur formë është dorëzuar ", apo si, "Kur Submit button Forma është klikuar, kontrolloni të gjitha këto gjëra. " Dhe ne mund të bëjmë atë JavaScript. Pra, kjo është vetëm se çfarë ne jemi duke shkuar për të bërë këtu. 

Pra, çfarë mund të jetë një mënyrë për të parë nëse ata kanë shkuar mbi 140 karaktere? Çfarë do të ndodhë në vlera jonë e r nëse ata përpiqen? Ajo do të jetë negative, e drejtë? Ose ajo do të jetë më pak se ose e barabarte me zero. Pra, ne mund të përdorim një në qoftë se është ashtu si çdo gjë tjetër. OK? Dhe ne kemi disa zona tekst dot vlera, dhe çfarë ne jemi duke bërë këtu është që ne jemi vetëm cutting-- çfarë është ajo? Më vjen keq. Ky i fundit, ne vetëm duam të kthehen rreme. Unë u hutuar. Të gjitha të rraskapitur nga gjërat nuk punojnë. OK, ne vetëm duam të kthimit të rreme, dhe pastaj ne duan për të shfaqur karaktere të mbetur, e drejtë? Pra, me orën, ne e bëmë diçka me HTML brendshme, e drejtë? Ku ne kemi vendosur kjo e barabartë me disa variabël, kështu që çfarë mund të bëjmë ne këtu? Çfarë po ne ndryshimin e HTML brendshme të? 

AUDIENCA: Mbetur? 

ALLISON BUCHHOLTZ-AU: Ne jemi duke ndryshuar mbetur. Në rregull, dhe çfarë bëjmë ne duan për të vendosur atë barabartë me? Ajo do të jetë e r, sepse kjo duhet të jenë personazhet tona të mbetura. OK? Kështu që unë jam me të vërtetë nervor për të parë nëse kjo punon tani, por ne do të shohim. Dërgo këtë. Kjo është me të vërtetë i shpejtë. [E padëgjueshme] OK. Përsëri, unë jam vetëm duke shkuar për të treguar ju. Për çfarëdo arsye, imja nuk vendos për të punuar, por ajo që unë do të ju tregoj është se kjo is-- oh unë është dashur për të vënë atë në. OK, ne njoftim të njëjtin lloj të gjë këtu, duke marrë zonën e tekstit. 

Gjithashtu, nëse ju njoftim djalë, nëse ka ndonjëherë diçka që ju doni të bëni, dhe ju nuk e dini se si për të bërë ajo, thjesht klikoni View Page Source, dhe ata do të ju them. Ndonjëherë ajo do të jetë i koduar. Për pset tuaj, ne encrypt çdo gjë, kështu që ajo vetëm duket si dërdëllisje. Por në qoftë se ka ndonjëherë një të vërtetë website i ftohtë që ju pëlqen, në qoftë se ju vetëm të klikoni View Page Source, ajo do të ju tregojnë se si të bëhet kjo. Pra, përsëri, nuk punojnë zgjuar, më e vështirë. Dhe siç e shihni këtu, të gjithë e këto gjëra janë të njëjta. ky njeri këtu vetëm merr disa substring se, unë harroj pikërisht atë që kjo e bën. Por ajo padyshim merr disa substring e vlerës nga zero në dhjetë, dhe kthen false çfarë duhet të ndalet përdorues nga inputting më, dhe pastaj padyshim përditëson HTML brendshme atje. 

Ftohtë. Aways aq të mëdha të marrë prej sot, eksperiment, shikoni në kodin burimor sepse kjo do të ju ndihmojë shumë, dhe të gjithë, ndonjëherë JavaScript mund të jetë e vështirë për të punuar me të dhe nuk ka gjithmonë të punojnë në mënyrë që ju presin atë për të, por vetëm i mbajnë duke u përpjekur sepse unë premtoj se do. Unë premtoj të gjitha këto shembuj ishin duke punuar para klasës. Unë nuk e kuptoj se çfarë ka ndodhur. Unë fjalë për fjalë kanë gjithçka njëjtë. 

Një gjë më shumë që unë vetëm dua të ju tregojnë djema që mund të jenë super të dobishme është in-- çfarë ishte duke punuar para? Ne morëm palë në punë, nuk kemi? Unë mendoj kështu. Po. Ne e bëmë. Awesome. OK, kështu që një gjë që ju djema duhet të dini është konsol log që kam biseduar rreth. Pra ngushëlluar dot logun e përshëndetje. Pra, kjo është lloj i JavaScript ekuivalent i printf. Pra, nëse ju dëshironi ndonjëherë për të inspektojë variablave tuaj ose të parë se çfarë po ndodh atje, çfarë ju mund të bëni është, në qoftë se ne të inspektojë element, është ajo që ju doni të shkoni për të, dhe ju shkoni për të ngushëlluar, ju do të shihni se ajo shtypura përshëndetje. 

Pra, ne mund të kemi atë print çfarëdo që dëshironte. Nëse ne të kërkuar atë për të shtypur sfond dot stil dot sfond, ne duhet të jetë në gjendje për të parë RGB trefishtë që vjen deri. Apo jo. Unë harroj saktësisht se si ju printoni një ndryshore si kjo, por ju duhet të jetë në gjendje të shtypura nga gjëra të tilla si se. Kjo do të jetë shumë i dobishëm për pset tuaj kur është ju jeni duke u përpjekur për të manipuluar koordinon apo gjësend. Pra, ata gjithashtu të ndryshuar këtë pjesë në klasë. Kjo është e ndryshme nga vitet e fundit, kështu që vetëm të jetë mirë për të TFS tuaj, ose të NGP në orarit të punës në vend, sepse ne jemi lloj i të mësuarit së bashku me ju djema. Por log konsol ishte super, super dobishme për JavaScript vitin e kaluar. Kështu që e duan atë. Mëso se si të përdorin atë. Është më e lehtë për t'u përdorur se GDB, kështu që duhet të jetë të paktën një pikë plus. Por Faleminderit djema jeni duke me mua. Më vjen keq që im shembuj për disa arsye thjesht nuk duan të bashkëpunojnë me mua, por unë shpresoj se kjo ka ndihmuar lloj i merrni ju një pak më shumë në zonën e JavaScript. Dhe më dërgoni të gjitha pyetjet tuaja për javën e ardhshme kështu që unë mund të riparohen super, dhe unë do të sjell karamele dhe madje shtesë karamele sepse kjo ishte qesharake. Por ju djema janë të mëdha, dhe kanë një javë awesome.