[MIZIK jwe] 

Doug Lloyd: Se konsa, pa kounye a nou ap fin vye granmoun avantaj nan pwogram entÃ¨nÃ¨t, dwa? Apre sa, nou te kouvri plizyÃ¨ lang nan videyo endividyÃ¨l elÃ¨v yo. Epi, koulye a kite a fÃ¨ yon sÃ¨l plis, JavaScript. 

Premye bon nouvÃ¨l la, JavaScript se yon pwogram modÃ¨n lang anpil tankou PHP ki gen se sentaks sÃ²ti nan C, se konsa sa a, se yon bon plas yo kÃ²manse. Li nan sou laj tankou PHP, kÃ²m byen, li te gen te alantou sou 20 ane sa yo. Li te envante alantou menm tan an kÃ²m PHP. Apre sa, JavaScript se aktyÃ¨lman trÃ¨ fondamantal nan eksperyans nan itilizatÃ¨ a entÃ¨nÃ¨t la. An reyalite, gen twa lang ke mwen ta ka di sÃ²t de fÃ¨ moute a eksperyans itilizatÃ¨ a kominike ak sit wÃ¨b la, html, CSS, ak JavaScript. Se konsa, kounye a kite a pale yon ti kras sou JavaScript. 

Move nouvÃ¨l yo, menm si, ak JavaScript se ke li kouche yon anpil nan rÃ¨g pou tÃ¨t li, ak LÃ¨ sa a li kraze yo. Ak JavaScript ka aktyÃ¨lman ap kalite defi pou aprann, pou paske li nan kontrÃ¨man C ak PHP, ki fÃ¨ yo trÃ¨ estriktire epi yo gen rÃ¨g trÃ¨ rijid pou konbyen bagay sa yo ka travay. JavaScript gen kalite a vinn konsa fleksib ke petÃ¨t bagay yo pa ale nan travay fason nou atann yo, e petÃ¨t nou reyÃ¨lman pa ka aprann lang premye pwogram nou an kÃ²m yon JavaScript. Se konsa, petÃ¨t paske li fÃ¨ sa ki pa mete tÃ¨t li nenpÃ²t rÃ¨g, epi li pa fÃ¨ sa vrÃ¨man aplike bon abitid kodaj. Men koulye a, nou te Ã¨spere ke devlope kÃ¨k bon abitid kodaj, epi pou nou ka kÃ²manse plonge nan JavaScript yon ti kras. 

Pou ekri JavaScript, menm jan ak ouvÃ¨ti moute yon dosye C ak yon dot C ekstansyon oswa yon dosye PHP ak yon ekstansyon dot PHP, tout sa nou bezwen fÃ¨ se louvri moute yon dosye ak ekstansyon dosye dot nan js. Nou pa bezwen gen nenpÃ²t espesyal separateur tankou nou te fÃ¨ nan PHP. Ki sÃ²t de ang bracket kesyon mak PHP ke nou ap itilize yo de sa, wout la nou di navigatÃ¨ nou an ki sa nou genyen se JavaScript se pa ki gen ladan li nan yon tag HTML, epi nou pral wÃ¨ yon ti kras sou ki jan fÃ¨ sa nan jis yon moman. 

Bagay a lÃ²t ki fÃ¨ JavaScript diferan, menm si, se ke li kouri bÃ² kliyan. Se konsa, sonje ak PHP ki nou pa janm te ka reyÃ¨lman wÃ¨ PHP a ki souliye yon sit entÃ¨nÃ¨t. Si nou tout tan tout tan a nan paj sous, nou ta sÃ¨lman wÃ¨ html ki te ki te pwodwi pa ki PHP. Men, JavaScript kouri bÃ² kliyan. JavaScript ou kouri sou Ã²dinatÃ¨ ou. Epi sa a, poukisa ou kapab fÃ¨ bagay renmen ajoute blockers. Dwa? Piblisite bloke se anjeneral fÃ¨ pa touye tout nan JavaScript nan ki ap kouri sou yon sit entÃ¨nÃ¨t patikilye. Epi paske li ta gen yo kouri sou bÃ² kliyan machin ou, ou ka jis sispann nan JavaScript pou kouri nÃ¨t. Sa vle di tou ke lÃ¨ ou sÃ¨vi ak yon sit entÃ¨nÃ¨t ki gen ladan JavaScript, ou gen yo voye sous la JavaScript KÃ²d kÃ²m yon pati nan repons ou http nan kliyan an lÃ¨ yo mande li. Se konsa, ou ta ka pa vle sÃ¨vi ak JavaScript fÃ¨ bagay sa yo reyÃ¨lman sansib tankou enfÃ²masyon pase sou modpas itilizatÃ¨ yo 'tounen ak soti, paske yo ap aktyÃ¨lman ale nan resevwa tout nan kÃ²d la sous, pa sÃ¨lman html sa a, ki pwodwi, tankou ta dwe ka a ak di PHP. 

Se konsa, kouman fÃ¨ nou mete JavaScript nan html nou an kÃ²manse ak? Oke, menm jan ak CSS, aktyÃ¨lman, se sÃ²t de ki jan nou fÃ¨ l 'isit la. AvÃ¨k CSS nou gen Tags style. Ak andedan nan tout sa yo Tags style, nou ka defini yon fÃ¨y style CSS. Menm jan an tou ak JavaScript nou ka louvri moute script Tags, yon lÃ²t tag html nou pa t ' pale sou nan videyo html nou an, epi ekri JavaScript nan ant moun Tags script. Epitou menm si, tankou CSS, nou te kapab konekte nan deyÃ² dosye CSS e ki rale yo nan pwogram nou an ki fason. AvÃ¨k CSS nou kapab tou, eskize mwen, ak JavaScript nou ka tou presize sous la atribi nan tag a script fÃ¨ rapÃ² ant nan JavaScript separeman, se konsa ou pa fÃ¨ sa gen yo ekri l 'nan ant script Tags, nou ka lyen l 'nan lÃ¨ l sÃ¨vi avÃ¨k ki tag script kÃ²m byen. Epi jis menm jan ak ka a ak CSS kote nou rekÃ²mande ke li te pwobableman nan pi bon enterÃ¨ ou a ekri CSS ou a nan yon dosye separe nan ka ou bezwen chanje l ', Menm jan an tou fÃ¨ nou rekÃ²mande pou ke ou ekri ou JavaScript nan dosye separe epi sÃ¨vi ak sous la script Tags atribi mare JavaScript ou nan html ou, paj entÃ¨nÃ¨t ou an. 

Se konsa, varyab JavaScript, nou pral kÃ²manse ap pale de sentaks la isit la. Epitou, n ap ale nan sa a kalite byen vit, paske nou te fÃ¨ sa a nan PHP, se konsa sa a ta dwe tout dwe trÃ¨ yo konnen yo. Se konsa, varyab nan JavaScript yo trÃ¨ menm jan ak PHP varyab. Gen nan pa gen Dvi kalite, ak lÃ¨ ou prezante yon varyab, ou prefiks l 'ak mo kle a var. Nan PHP nou ta fÃ¨ yon bagay tankou sa a, siy dola x. Sa a ki jan nou endike yon varyab, men pa, nou pa mansyone kalite a nan varyab la nan tout. Nou ta di yon bagay tankou dola siy x egal 44 nan PHP. Si nou t ap fÃ¨ a menm bagay nan JavaScript, nou ta ka di var x egal 44. Se konsa, var se sÃ²t de wout nou nan entwodwi yon varyab. Sa a petÃ¨t yon ti jan pi plis entwisyon pase jis dola varyab siy. 

Yon fwa ankÃ², depi gen nan pa gen kalite done, nou te ka fÃ¨ sa ak nenpÃ²t ki kalite done, strings, nenpÃ²t lÃ²t bagay ta tout gen var. Kondisyonal, tout nan nou an fin vye granmoun zanmi soti nan C ak PHP yo toujou disponib, konsa nou gen si, lÃ²t si, lÃ²t bagay, switch ak kesyon make kolon. Bouton rete kÃ²m fleksib kÃ²m li te nan PHP, men tout moun sa yo w ap abitye avÃ¨k pa kounye a. Apre sa, Menm jan an tou ki gen pasan yo favorites yo fin vye granmoun nan ti tan, fÃ¨ pandan y ap, ak pou toujou disponib yo ban nou. Se konsa, deja nou konnen yon anpil nan nan debaz JavaScript sÃ²t de fondamantal jis pa vÃ¨ti nan gen byen yon ti jan fÃ¨ moun konnen kounye a sou C ak PHP. 

Ki sa ki sou fonksyon nan JavaScript? Oke, menm jan ak PHP chak fonksyon se prezante ak mo kle a fonksyon. Ou di fonksyon, ak lÃ¨ sa a ou kÃ²manse defini fonksyon ou yo. Ki sa ki nan yon ti kras diferan sou JavaScript, menm si se kapasite nan gen sa ki rele yon fonksyon anonim. Se konsa, ou ka defini fonksyon ki pa gen yon non. Sa a se yon bagay nou reyÃ¨lman pa gen pou wÃ¨ anvan. Nou pral reyÃ¨lman itilize konsÃ¨p la nan yon fonksyon anonim yon ti kras pita nan sa a videyo, paske li 'tout fÃ¨ yon ti kras pi plis sans nan yon kontÃ¨ks lÃ¨ nou wÃ¨ l 'nan yon sitiyasyon an patikilye ke mwen te fabrike isit la. Men, kite a jis pran yon gade nan sa ki yon senp JavaScript fonksyon ta ka sanble. 

Se konsa, mwen te ale pi devan epi louvri moute IDE CS50 mwen epi mwen te deja kouri Apache yo kÃ²manse kouri sÃ¨vÃ¨ m 'yo. Apre sa, mwen gen sa a ranpli louvri rele home.html. Apre sa, mwen pral rale nan yon ti jan isit la. Apre sa, fondamantalman, ou ka wÃ¨ nan Home.html se jis yon pakÃ¨t moun sou bouton ki sanble. Apre sa, mwen reklame nan tÃ¨t la isit la ke sa a se seksyon nan JavaScript materyÃ¨l yo. Se konsa, gen nan yon pakÃ¨t moun sou bouton isit la, men sa ki bouton sa yo aktyÃ¨lman fÃ¨? 

Oke, nou pral tÃ¨t sou nan IED m 'yo, epi mwen te home.html louvri isit la. Nan kÃ²mansman an trÃ¨, isit la nan kote mwen ki lye ak nan tout nan dosye sous JavaScript mwen. Dwa? Se konsa, mwen gen anonymous.js, clock.js, Mwen lÃ¨ l sÃ¨vi avÃ¨k atribi nan sous nan tag nan script fÃ¨ rapÃ² ant nan dosye-a. Se konsa, mwen pa t 'ekri nenpÃ²t JavaScript dirÃ¨kteman nan sa a ranpli, men mwen te rale nan tout nan JavaScript mwen te ekri separeman. Men, si nou desann isit la, sa a ta dwe yon ti jan yo konnen yo tout gade ak yon ti kras nan nouvo sentaks. Nou gen la a tag header pou fonksyon ak LÃ¨ sa a yon bouton. Mwen gen yon D 'sa a, se yon bouton kalite, ak aparamman lÃ¨ m 'klike sou li, Mwen pral rele kÃ¨k fonksyone alÃ¨t dat. LÃ¨ sa a se ki jan nou ka sÃ²t de melanje moute yon ti kras nan JavaScript ak HTML. Yo aktyÃ¨lman jwe trÃ¨ joliman ansanm, e konsa aparamman lÃ¨ Mwen klike sou bouton sa-a, mwen pral yo rele kÃ¨k dat alÃ¨t fonksyon. Apre sa, Menm jan an tou, mwen defini konpÃ²tman pou tout moun nan bouton sa yo lÃ²t ki yo sou ki paj home.html, ki nou pral kenbe retounen nan kou a pandan videyo sa a. Men, kite a ale tounen moute isit la ak pran yon gade a clock.js, ki se nan JavaScript dosye ke mwen te ekri ki gen fonksyon sa a premye nou ap ale nan pran yon gade nan. KÃ²m ou ka wÃ¨, mwen kÃ²manse JavaScript mwen fonksyone ak fonksyon nan mo kle, epi mwen te bay yon sÃ¨l sa a yon Non, sa yo rele alÃ¨t dat. Anndan nan la, mwen aparamman kreye yon nouvo varyab lokal rele dat aktyÃ¨l la. Apre sa, mwen pral bay yon egal a yon nouvo dat. Apre sa, nou te ka jwenn nan yon anpil nan detay tankou sa ki yon dat se, ak reyÃ¨lman JavaScript se konsa gwo ke nou pa kapab pÃ¨tÃ¨t kouvri tout bagay nan yon sÃ¨l videyo. Men, sufi li vle di, sa a se pral pou li retounen nan m 'yon atik done ki ankapsul dat aktyÃ¨l la ak tan. M 'ap estoke ki nan yon varyab ke mwen se aparamman ale nan alÃ¨te dat aktyÃ¨l la. 

Oke, sa fÃ¨ alÃ¨t aktyÃ¨l dat gade tankou? Se pou nou pran yon gade nan dosye a tÃ¨t li tounen sou nan fennÃ¨t la navigatÃ¨. Se konsa, ankÃ², sa a se bouton an ke mwen te mare nan, fonksyon sa a yo te rele. Apre sa, mwen klike sou li gen ak gade sa li te fÃ¨, li okouran. Li dÃ©ja moute sa a sÃ²t de bwat di m 'ke tan an kounye a se, aparamman li nan 4 Novanm nan 10:43:43 nan maten an. Men, si mwen klike sou li ankÃ², kounye a li nan yon kÃ¨k segond apre, dwa? Se konsa, ki nan tout fonksyon sa a fÃ¨. LÃ¨ m 'klike sou bouton sa a, li Pops leve yon mesaj alÃ¨t m '. Se konsa, gen nan reyÃ¨lman pa twÃ²p nan fonksyon sa a, se diferan de PHP, jis yon ti jan nan nouvo sentaks ki vini ak ap travay ak JavaScript. 

Ranje nan JavaScript yo trÃ¨ dwat. Deklare yon etalaj, ou sÃ¨vi ak sentaks la parantÃ¨z kare ke nou ap abitye ak soti nan PHP. Apre sa, menm jan ak PHP, nou tou ka melanje kalite done. Se konsa, sa a etalaj, tou de nan ranje sa yo ta dwe parfe lejitim JavaScript. Youn ki nan tout nonm antye relatif, ak youn ki se melanje moute kalite done diferan. 

Ki sa ki nan yon bagay trÃ¨ diferan nan JavaScript, menm si? Sa a nosyon de yon objÃ¨. Se konsa, petÃ¨t ou te tande pale de objÃ¨ pwogramasyon oryante. Nou pa fÃ¨ yon anpil nan l 'nan CS50, men nou pral fÃ¨ yon ti kras nan li isit la nan yon kontÃ¨ks JavaScript. Koulye a, JavaScript gen kapasite nan konpÃ²te kÃ²m yon pwogram objÃ¨ oryante lang, men li se pa tÃ¨t li sÃ¨lman yon objÃ¨ oryante lang programmation. LÃ¨ sa a ankÃ² vini tounen nan poutÃ¨t sa mwen te di, li ka trÃ¨ difisil yo aprann JavaScript kÃ²m pwogram premye ou lang, paske li fÃ¨ sa ki pa reyÃ¨lman anfÃ²m yon paradigm patikilye. 

C sou lÃ²t men an se yon lang programmation fonksyonÃ¨l. Si nou vle, fonksyon yo sÃ²t de nonm sa a bÃ²s nan travay gwo, dwa? Yo dikte sa k ap pase tout lÃ²t bagay. Nou vle chanje varyab, nou rele fonksyon. Nou fÃ¨ bagay sa yo fonksyon. ObjÃ¨ olye de sa, nan yon objÃ¨ oryante lang, objÃ¨ sÃ²t de vin zetwal la ak fonksyon vin sÃ²t de segondÃ¨. Men, sa ki se yon objÃ¨, ki sa se sa a nosyon nan yon objÃ¨? Bon, si li te ede, panse sou li an premye sÃ²t de tankou yon estrikti C oswa yon struct ke nou te aprann enfÃ²masyon sou anvan. Nan C, yon estrikti gen yon kantite chan sa yo, e petÃ¨t kounye a nou ta ka kÃ²manse rele sa yo jaden yo pwopriyete. Men, pwopriyete yo pa janm reyÃ¨lman kanpe sou pwÃ²p yo, dwa? Si m 'defini yon estrikti pou yon machin tankou sa a ak de sa ki annapre yo jaden oswa pwopriyete, youn yon nonb antye relatif pou ane a nan machin nan ak yon lÃ²t yon karaktÃ¨ 10 fisÃ¨l pou modÃ¨l la nan machin lan, Mwen kapab di yon bagay tankou sa a, Mwen kapab deklare yon varyab nouvo nan kalite herbie struct machin. LÃ¨ sa a, mwen kapab di yon bagay tankou herbie.year egal 1,963, ak herbie.model egal Beetle. Se byen. Mwen lÃ¨ l sÃ¨vi avÃ¨k jaden yo nan la kontÃ¨ks nan estrikti a, men mwen te kapab pa janm jis di yon bagay tankou sa a. Dwa? Mwen pa ka sÃ¨vi ak non nan jaden endepandan de estrikti an. Li nan sÃ²t de yon bagay fondamantal. 

Se konsa, ke yo te jaden fondamantal nan estrikti C yo trÃ¨ menm jan ak pwopriyete ke yo te fondamantal nan JavaScript objÃ¨ yo. Men, sa ki fÃ¨ yo patikilyÃ¨man enteresan se ke objÃ¨ ka gen tou sa yo rele metÃ²d yo, ki se reyÃ¨lman jis yon mo anpenpan pou fonksyon ki se nannan nan objÃ¨ a kÃ²m byen. Se konsa, li yon fonksyon ki kapab fÃ¨t sÃ¨lman rele nan yon kontÃ¨ks la nan yon objÃ¨. Yon Se sÃ¨lman bagay ki te defini sa a fonksyon andedan nan li yo, si ou panse sou yon struct, fonksyon an se defini andedan moun defini aparÃ¨y Ã²topedik Curly nan estrikti an. Se konsa, li sÃ¨lman vle di yon bagay nan estrikti a. Epi sa a, sÃ²t de sa n ap fÃ¨ isit la ak objÃ¨ ak metÃ²d. Li nan fondamantalman tankou nou ap defini yon fonksyon ki sÃ¨lman fÃ¨ sans sou yon objÃ¨ patikilye, epi pou nou rele ke yon metÃ²d pou objÃ¨ a. E nou pa janm ka rele ke fonksyon endepandan de objÃ¨ a, jis tankou nou pa ka di ane oswa modÃ¨l endepandan de struct a nan C. 

Se konsa, pwogram fonksyonÃ¨l modÃ¨les sanble yon bagay tankou sa a. Fonksyon ak LÃ¨ sa a lÃ¨ ou pase nan objÃ¨ a kÃ²m yon paramÃ¨t. Nan yon pwogram objÃ¨ oryante lang, sa a sÃ²t de vin ranvÃ¨rse, epi nou ta panse osijÃ¨ de li renmen sa a, object.function. Se konsa, li sÃ²t de ki dot operatÃ¨ ankÃ² qui ke li nan kÃ¨k sÃ²t de pwopriyete oswa atribi nan objÃ¨ nan tÃ¨t li. Men, sa a se sa yon objÃ¨ oryante lang programmation ta ka fÃ¨ yo fÃ¨ yon fonksyon rele sou yon metÃ²d, ankÃ², ki se jis yon mo espesyal pou yon fonksyon ki se nannan nan yon objÃ¨. Sa a se sa ki sentaks ta ka sanble. Se konsa, nou pral kÃ²manse wÃ¨ kÃ¨k nan sa a nan yon kontÃ¨ks la nan JavaScript. 

Ou ka panse tou sou yon objÃ¨ sÃ²t de tankou yon etalaj asosyatif, nou ap abitye ak soti nan PHP. Sonje yon etalaj asosyatif pÃ¨mÃ¨t nou gen valÃ¨ kle pÃ¨, olye pou ki gen endis 0, yon sÃ¨l, de, twa, ak sou sa tankou nou ap itilize yo soti nan C ranje. Ranje asosyatif ka kat jeyografik mo, tankou nan videyo a PHP, nou te ap pale de sila nan pitza. Se konsa, nou te gen yon etalaj rele pitza, epi nou te gen fwomaj te yon kle yo ak $ 8.99 nan te valÃ¨, ak LÃ¨ sa a pepewoni te yon kle yo, $ 9.99 se te yon valÃ¨, ak sou sa. Se konsa, nou ka panse tou sou yon objeksyon sÃ²t de menm jan ak yon asosyatif etalaj. Se konsa, sentaks sa a isit la ta kreye yon objÃ¨ nouvo rele herbie ak de pwopriyete andedan nan li. Ane, ki asiyen valÃ¨ a 1963, ak modÃ¨l, ki se asiyen fisÃ¨l la Beetle. 

Apre sa, remake isit la ke mwen lÃ¨ l sÃ¨vi avÃ¨k quotes sÃ¨l nan JavaScript. Ou kapab sÃ¨vi ak quotes yon selibatÃ¨ oubyen doub lÃ¨ w ap pale de strings. Se jis konvansyonÃ¨l ka a ki pi fÃ² fwa lÃ¨ w ap ekri JavaScript, ou jis itilize quotes sÃ¨l. Men, mwen ta ka itilize quotes doub isit la, ak ki ta ka parfe amann kÃ²m byen. 

Se konsa, sonje ki jan nan PHP nou te gen sa a nosyon nan yon pou chak bouk ki ta pÃ¨mÃ¨t nou repekte sou tout nan valÃ¨ a kle pÃ¨ nan yon asosyatif etalaj, paske nou pa t 'gen kapasite sa a yo repekte a 0, yon sÃ¨l, de, twa, kat, ak sou sa? JavaScript gen yon bagay trÃ¨ menm jan an, men li pa nan rele yon pou chak bouk, sa yo rele yon pou nan pasan. Se konsa, si m 'te di m' tankou sa a, pou kle var nan objÃ¨, sa a, se sÃ²t de menm jan ak di pou chak yon bagay kÃ²m yon bagay. Men, tout m ap fÃ¨ isit la se iteration nan tout nan kle yo nan objÃ¨ m 'yo. Apre sa, andedan nan Curly a aparÃ¨y Ã²topedik a, mwen ta itilize objÃ¨ parantÃ¨z kare kle, al gade nan valÃ¨ a nan ki kote kle. 

AltÃ¨nativman, gen nan menm yon lÃ²t apwÃ²ch. Si m 'jis pran swen sou nan sÃ¨lman valÃ¨, mwen kapab di pou kle nan objÃ¨, ak jis sÃ¨vi ak kle anndan an. Se konsa, pou kle var nan objÃ¨, mwen gen yo sÃ¨vi ak objÃ¨ parantÃ¨z kare kle andedan riban an. Pou kle var nan objÃ¨, mwen kapab jis itilize kle andedan riban a, paske mwen se jis espesyalman ap pale de valÃ¨ yo a. 

Se konsa nou petÃ¨t pran yon gade nan diferans ki genyen jis byen vit montre w diferans ki genyen ant kat nan ak pou a ak yon trÃ¨ espesifik etalaj, ki nou gen isit la, semÃ¨n etalaj. Se konsa, mwen gen jwenn yon nouvo etalaj ke mwen te ranpli avÃ¨k sÃ¨t strings, Lendi, Madi, MÃ¨kredi, Jedi, Vandredi, Samdi, Dimanch. Apre sa, mwen vle kounye a repekte nan etalaj sa a, enprime soti sÃ¨ten enfÃ²masyon. Si m 'sÃ¨vi ak yon pou nan bouk ekri ak lÃ¨t ââdetache soti enfÃ²masyon, ki sa ou panse mwen pral jwenn? Oke, kite la pran yon gade. Apre sa, anvan nou sote sou bÃ² fennÃ¨t navigatÃ¨ m 'yo, jis konnen ke console.log se sÃ²t de yon sÃ¨l fason pou fÃ¨ yon F ekri an lÃ¨t detache nan JavaScript. Men, ki sa ki konsole a? Oke, sa a, se sa nou ap ale yo ale pran yon gade nan kounye a. 

OK, se konsa nou ap tounen isit la nan fenÃ¨t navigatÃ¨ m 'yo, ak mwen pral yo louvri moute zouti pwomotÃ¨ mwen. Yon fwa ankÃ², mwen jis frape F12 yo louvri moute zouti pwomotÃ¨. Apre sa, remake ke isit la nan la tÃ¨t mwen te chwazi konsole. Se konsa, sa a se nosyon a nan yon konsole pwomotÃ¨, epi li pral pÃ¨mÃ¨t nou enprime enfÃ²masyon soti, sÃ²t de tankou tÃ¨minal la, men kÃ²m ou pral wÃ¨ yon ti kras pita, nou ka tape enfÃ²masyon tou nan yo kominike avÃ¨k paj entÃ¨nÃ¨t nou an. Mwen pral rale nan yon ti jan isit la, ak mwen se pral kounye a klike sou pou nan egzamen an. Apre sa, kat nan test-- Mwen pa pral montre w kÃ²d la pou li kounye a, men ou pral jwenn li si ou download kÃ²d la sous ki ki asosye avÃ¨k sa a video-- se jis ke pou nan bouk ke nou te wÃ¨ jis yon dezyÃ¨m de sa sou glise la. 

Se konsa, mwen pral klike sou ki bouton, ak sou isit la, isit la nan sa ki te enprime soti nan la konsole, 0, yon sÃ¨l, de, twa, kat, senk, sis. Mwen pa t 'enprime soti enfÃ²masyon ki andedan moun kote etalaj, paske mwen itilize yon pou nan bouk. Ak andedan kÃ² a nan riban an, mwen jis enprime soti kle pa objÃ¨ kle. Men, si mwen kounye a klÃ¨ konsole m ', mwen chanje a pou nan egzamen, ak kat nan egzamen M 'ap di mwen sÃ¨vi ak pou nan riban olye pou epi enprime soti kle, si mwen klike sou sa, koulye a, mwen ap resevwa nan eleman aktyÃ¨l andedan nan objÃ¨ m ' oswa etalaj m 'ki nan ka sa a. Etalaj mwen nan jou semÃ¨n. Mwen enprime soti Lendi, Madi, MÃ¨kredi. Se konsa, sa a, se diferans ki genyen ant yon pou nan bouk, ki simagri soti jis kle yo si ou jis sÃ¨vi ak kle andedan nan kÃ² a nan riban an, ak yon pou nan riban, ki simagri soti valÃ¨ yo si ou itilize jis kle andedan kÃ² a nan riban an. 

Tout dwa, ki jan nou kounye a kÃ²manse anchene strings e petÃ¨t konfonn kÃ¨k varyab ak entÃ¨polasyon tankou nou te kapab fÃ¨ nan PHP? Bon, nou ap trÃ¨ abitye ak sa a soti nan PHP. Sa a se ki jan nou ta fÃ¨ l 'lÃ¨ l sÃ¨vi avÃ¨k la dot operatÃ¨ anchene strings. Nan JavaScript, menm si, nou aktyÃ¨lman sÃ¨vi ak yon bagay rele operatÃ¨ a plis, ki se petÃ¨t menm yon ti jan ti kras pi plis entwisyon, dwa? Nou ap ajoute yon pakÃ¨t moun nan strings ansanm. Se konsa nou tÃ¨t tounen sou yo ak wÃ¨ sa ki sa a pral enprime si nou ap eseye enprime soti tout enfÃ²masyon ki nan semÃ¨n etalaj. Tout dwa, se konsa isit la anba anba fisÃ¨l AnchÃ¨nman, Mwen gen de opsyon, bilding fisÃ¨l V1 ak LÃ¨ sa a bilding fisÃ¨l V2. Epitou, n ap wÃ¨ poukisa nou bezwen V2 nan yon dezyÃ¨m fwa. Men, mwen pral klike sou fisÃ¨l V1 bilding, ki se kÃ²d la nou te jis pran yon gade nan, console.log la ak tout nan pluses yo. Ann wÃ¨ si sa a simagri konnen ki sa ki nou espere. 

Lendi se nimewo jou 01 nan semÃ¨n nan, Madi se nimewo jou 11 nan semÃ¨n nan. Oke, ki sa mwen te ap fÃ¨ te gen jwenn l 'bay enprime soti Lendi se nimewo jou yon sÃ¨l, Madi se nimewo jou de. Men, li sanble tankou mwen se toujou enprime soti yon sÃ¨l. Oke, poukisa se sa? Oke, li vire soti, pran yon lÃ²t gade nan nivo sa a brib ti kras nan kÃ²d isit la. Avi ke nou ap lÃ¨ l sÃ¨vi avÃ¨k plis nan operatÃ¨ nan de kontÃ¨ks diferan. 

Se konsa, isit la nan kote petÃ¨t bagay ke nou te kalite te di: oh, li la tÃ¨lman gwo. Nou pa fÃ¨ fas ak kalite done ankÃ². Men, isit la nan kote lefÃ¨t ke nou pÃ¨di done kalite ka aktyÃ¨lman ap yon ti jan nan yon pwoblÃ¨m pou nou. Kounye a ke se operatÃ¨ a plis itilize yo anchene strings epi ajoute nimewo ansanm, JavaScript gen fÃ¨ pi bon devine li yo tankou sa ki mwen vle li fÃ¨ pou mwen. Ak nan ka sa a, li dvine sa ki mal. Li jis anchene jou, ki ta dwe 0, yon sÃ¨l, de, twa, kat, senk, oswa sis, ak LÃ¨ sa a li jis anchene ki ak LÃ¨ sa a anchene yon sÃ¨l. Li pa t 'aktyÃ¨lman ajoute yo ansanm. Se konsa, sa yo lang, PHP ak JavaScript, ki rÃ©sumÃ©s lwen sa a nosyon nan kalite, ou pa gen fÃ¨ fas ak li ankÃ². Yo toujou gen kalite anba kapo machin lan. Apre sa, nou kapab, nan sitiyasyon tankou sa a, ogmante ke reyalite lÃ¨ li di yon bagay tankou petÃ¨t sa a, ki ap di JavaScript, pa nan fason sa a, trete sa a kÃ²m yon nonb antye relatif, pa trete li kÃ²m yon fisÃ¨l, menm menm si nou ap melanje ansanm strings ak nonm antye relatif isit la. 

Se jis youn nan bagay sa yo ke li sanble tÃ¨lman gwo nan yon kontÃ¨ks ke nou pa bezwen fas ak kalite ankÃ², men pafwa ou pral kouri antre nan yon sitiyasyon egzakteman menm jan ak sa a kote lefÃ¨t ke ou pa gen kontwÃ²l sou kalite ka byen tounen mal sou ou si ou pa fÃ¨ atansyon. Se konsa, si nou pÃ²p tounen nan men IDE, mwen ale nan klÃ¨ soti konsole m 'ankÃ², ak mwen pral klike sou fisÃ¨l bilding vÃ¨syon de, ki se kote mwen sÃ¨vi ak sa fonksyon analyzes int. Koulye a, li a enprime soti enfÃ²masyon ke mwen tann. Lendi a yon sÃ¨l nimewo jou, Madi se nimewo jou de, ak sou sa. 

Se konsa, kite nan pale sou fonksyon ankÃ². Mwen te pwomÃ¨t nou ta pale sou anonim fonksyon, e kounye a, kontÃ¨ks la pou sa te finalman rive. Se konsa, anvan nou fÃ¨ sa, se pou yo pale ankÃ² sou ranje pou jis yon dezyÃ¨m fwa. Se konsa, ranje yo se yon espesyal ka ta gen yon objÃ¨. An reyalite, tout bagay nan JavaScript se aktyÃ¨lman yon objÃ¨. Se konsa, fonksyon yo se yon ka espesyal nan yon objÃ¨, nonm antye relatif yo se yon espesyal ka ta gen yon objÃ¨, men ranje espesyalman gen yon nimewo nan metÃ²d. Sonje paske yo ap objÃ¨, yo ka gen pwopriyete ak metÃ²d. Yo gen yon nimewo nan metÃ²d ki ka aplike nan moun ki objÃ¨. Genyen yon metÃ²d rele gwosÃ¨, array.size, ki va tounen vin jwenn ou jan ou ta ka atann nimewo a nan eleman nan etalaj ou yo. array.pop, sÃ²t de tankou nosyon nou an nan eklate nan nan yon chemine, si ou sonje soti nan videyo pil nou an, retire eleman ki sot pase a soti nan etalaj la. array.push ajoute yon eleman nouvo nan fen a nan yon etalaj. array.shift se sÃ²t de tankou DQ, li rakor soti eleman an trÃ¨ premye nan yon etalaj. 

Men, gen nan tou yon lÃ²t espesyal metÃ²d pou yon etalaj rele kat jeyografik. LÃ¨ sa a se sÃ²t de yon enteresan konsÃ¨p. Se konsa, sa se lide a nan yon kat jeyografik? Ou ap aktyÃ¨lman wÃ¨ sa a nan plizyÃ¨ lÃ²t lang yo, epi nou pa ap pale de yon sÃ²t de kartograf kat isit la, nou ap pale de yon fonksyon kat. Nan kontÃ¨ks la nou ap ap pale de isit la, yon kat jeyografik se yon operasyon espesyal nou ka fÃ¨ sou yon etalaj pou aplike pou yon fonksyon patikilye bay chak eleman nan ki etalaj. e konsa nou ta di nan ka sa a, petÃ¨t array.map, ak andedan nan li, nou ap pase nan kat jeyografik se yon fonksyon ke nou vle yo dwe aplike nan chak eleman sÃ¨l. Se konsa, li sÃ²t de analoji nan lÃ¨ l sÃ¨vi avÃ¨k yon bouk repekte sou chak eleman epi aplike yon patikilye fonksyone nan chak eleman, jis JavaScript sa a te bati nan nosyon nan yon kat ki ka aplike. LÃ¨ sa a se yon kontÃ¨ks gwo yo pale sou yon fonksyon anonim. 

Se konsa nou di nou gen sa a etalaj de nonm antye relatif. Yo rele li nom, epi li te resevwa senk an bagay sa yo nan li, yon sÃ¨l, de, twa, kat, senk. Koulye a, mwen vle nan kat jeyografik kÃ¨k fonksyon sou sa a etalaj. Mwen vle gen yon fonksyon aplike bay chak eleman nan etalaj la. Oke, kite la di ke sa m 'vle fÃ¨ se jis double tout nan eleman yo. Ki sa ki mwen te kapab fÃ¨ se jis sÃ¨vi ak yon riban pou var mwen egal 0, mwen se mwens pase oswa egal a 4, mwen plis, plis, ak LÃ¨ sa a, double chak nimewo sÃ¨l. Men, mwen kapab tou fÃ¨ yon bagay tankou sa a. Mwen kapab di nom te ansyen yon sÃ¨l, de, twa, kat, senk, kounye a, menm si, mwen ta renmen ou a aplike yon kat sou sa a etalaj kote mwen ta renmen ou a doub chak nimewo. Epi sa a, egzakteman sa k ap pase isit la. Men, remake sa m ap pase nan kÃ²m agiman an nan kat jeyografik. Sa a se yon fonksyon anonim. Apre sa, remake mwen pa te bay fonksyon sa a yon non, Mwen te sÃ¨lman bay li yon lis paramÃ¨t. Se konsa, sa a se yon egzanp nan yon fonksyon anonim. 

Nou jeneralman pa ta janm rele sa a fonksyon deyÃ² nan kontÃ¨ks la nan kat jeyografik. Nou ap defini li kÃ²m yon paramÃ¨t nan kat jeyografik, e konsa nou pa fÃ¨ sa vrÃ¨man bezwen gen yon non pou li si nan sÃ¨lman bagay ki gen sousi pou se kat jeyografik ak li a defini dwat gen andedan nan kat jeyografik. Se konsa, sa a se yon fonksyon anonim. Nou pa te kapab fÃ¨ sa deja. Map kÃ¨k fonksyon ki aksepte yon sÃ¨l paramÃ¨t: NUM, ak sa ki fonksyon fÃ¨ se retounen NUM fwa 2. Se konsa, apre sa a te kat te aplike, sa a se kounye a ki sa nom sanble tankou, de, kat, sis, uit, 10. Epitou, n ap pÃ²p nan men m ' fenÃ¨t navigatÃ¨ ak jis pran yon gade nan sa a vrÃ¨man byen vit kÃ²m byen. 

Se konsa, mwen gen yon lÃ²t bouton isit la nan paj lakay mwen rele doub. LÃ¨ m 'klike sou doub, epi li di m 'anvan li te yon sÃ¨l, de, twa, kat, senk apre de, kat, sis, uit, 10. Men, si m 'ale retounen lakay yo epi klike sou doub ankÃ², de, kat, sis, uit, 10. LÃ¨ sa a, apre, kat, uit, 12, 16, ak LÃ¨ sa a 20. Ak sa ki mwen fÃ¨ nan fonksyon sa a? Bon, si nou jis pÃ²p nan men IDE, ak Mwen rale moute fonksyon anonim mwen, isit la sou liy sÃ¨t a 13, mwen se fÃ¨ yon ti jan travay anpenpan isit la, men mwen jis enprime soti sa ki nan kounye a nan etalaj la. LÃ¨ sa a, sou liy 16, 17, ak 18, gen nan kat jeyografik m 'yo. Sa a se kote mwen aplike sa a double fonksyon nan chak eleman sÃ¨l. LÃ¨ sa a, yon ti kras pi lwen desann, Mwen jis fÃ¨ menm bagay la M 'te fÃ¨ anvan, eksepte kounye a mwen se enprime soti sa ki nan etalaj la apre sa. Men, tout mwen te fÃ¨ isit la se jis itilize yon fonksyon anonim nan kat jeyografik atravÃ¨ yon etalaj tout antye. 

Se konsa, yon sÃ¨l plis gwo sijÃ¨ yo pale sou nan JavaScript se nosyon de yon evÃ¨nman. Yon evÃ¨nman se yon bagay ki jis k ap pase lÃ¨ yon itilizatÃ¨ reyaji ak entÃ¨nÃ¨t ou an paj, se konsa petÃ¨t yo klike yon bagay, oswa petÃ¨t se paj la fini loading, oswa petÃ¨t yo te demenaje ale rete sourit yo sou yon bagay, oswa yo te tape yon bagay nan yon jaden opinyon. Tout moun nan bagay sa yo se evÃ¨nman ke yo ki fÃ¨t nan paj wÃ¨b nou an. Ak JavaScript gen nan kapasite sipÃ²te yon bagay rele yon kap okipe-evÃ¨nman, ki se yon fonksyon ki kalbak reponn a yon evÃ¨nman html. Ak sa ki nan yon fonksyon kalbak? Oke, li nan jeneralman jis yon lÃ²t non pou yon fonksyon anonim. Li se yon fonksyon ki reponn a yon evÃ¨nman. LÃ¨ sa a se kote nou vin jwenn nan lide sou obligatwa sÃ¨ten fonksyon nan yon atribi html patikilye. PifÃ² eleman html gen sipÃ² pou yon atribi ki nou pa t 'pale sou nan html nan videyo pou yon bagay tankou sou klike sou oswa sou hover oswa sou chaj, tout nan evÃ¨nman sa yo ke ou ka LÃ¨ sa a ekri fonksyon ki kontra avÃ¨k evÃ¨nman sa yo lÃ¨ evÃ¨nman sa yo rive nan paj entÃ¨nÃ¨t ou an. 

Se konsa, petÃ¨t ou html sanble yon bagay tankou sa a. Apre sa, mwen gen de bouton isit la, yon bouton ak bouton de, ak isit la mwen gen kounye a defini pa gen anyen, men sa a se kote atribi nan sou klike sou se aparamman yon pati nan tag html mwen. Se konsa, aparamman lÃ¨ m 'defini sa ki nan ale sou andedan nan ki atribi, li pral yo dwe kÃ¨k JavaScript fonksyon ki reponn a evÃ¨nman an prezimableman nan klike sou bouton youn oswa bouton de. 

Ki sa ki nan kalite fre sou sa a se nou ka ekri yon kap okipe-evÃ¨nman jenerik. LÃ¨ sa a kap okipe-evÃ¨nman pral kreye yon objÃ¨ evÃ¨nman. Ak objÃ¨ a evÃ¨nman pral di nou ki nan de bouton sa yo te klike. Koulye a, ki jan fÃ¨ sa travay? Oke, li ta ka gade yon bagay tankou sa a. Se konsa, nou pral premye defini bouton nou an gen yon repons a kalbak nan fonksyon ki pral rele lÃ¨ se bouton an klike, nou pral rele evÃ¨nman Non alÃ¨t yo. Apre sa, remake nan tou de ka nou ap pase nan paramÃ¨t evÃ¨nman sa a. Se konsa, nou rele sa a fonksyon oswa lÃ¨ sa a fonksyon se deklanche nan yon evÃ¨nman an ap pase, li pral yo kreye sa a objÃ¨ evÃ¨nman epi yo pase li kÃ²m yon paramÃ¨t nan alÃ¨t non. Epi sa objÃ¨ evÃ¨nman se ale nan gen enfÃ²masyon sou ki te bouton klike. Ak ki jan li fÃ¨ sa? Oke, li ta ka gade yon bagay tankou sa a. Se konsa, kounye a nan separe m ' JavaScript dosye, mwen ta ka gen jwenn sa a fonksyon non alÃ¨t, ki ankÃ² aksepte ke paramÃ¨t evÃ¨nman. LÃ¨ sa a, isit la se kote mwen detekte ki bouton te deklanche, var deklanche egal evÃ¨nman dot sous eleman. Ki sa ki te sous la ki te kreye sa a objÃ¨ evÃ¨nman ki te pase nan? Li te bouton youn oswa te li bouton de? 

LÃ¨ sa a, isit la tout m ap fÃ¨ se enprime soti trigger.innerhtml. Oke, nan ka sa a, nan ka sa kontÃ¨ks, trigger.innerhtml se jis sa ki ekri sou bouton an. Li jis konsa k ap pase si nou sote tounen pou yon dezyÃ¨m fwa, ki ta gen sa ki nan nan ant moun Tags bouton. Li pral bouton youn oswa bouton de. Li kite yo pran yon gade nan ki jan sa a kap okipe-evÃ¨nman ta gade si nou te gen li kouri nan pratik. 

Se konsa, premye a tout moun, ou te louvri moute events.js, ki se dosye a JavaScript ki kote Mwen te defini fonksyon sa a. Ak jan ou ka wÃ¨, li nan bÃ¨l anpil ekzakteman ki sa nou jis te wÃ¨ sou glise nan yon dezyÃ¨m de sa. Apre sa, mwen pral ale sou nan an paj lakay nou ve yo te lÃ¨ l sÃ¨vi avÃ¨k. Apre sa, mwen gen isit la bouton yon sÃ¨l ak bouton de. Apre sa, mwen pral klike sou youn bouton. Ou klike sou bouton yon sÃ¨l, si ou ka wÃ¨ isit la nan alÃ¨t la. OK. Klike sou bouton de, ou klike sou yon bouton de. 

Se konsa, tou de bouton a gen menm apÃ¨l fonksyon, dwa? Yo tou de te alÃ¨t Non evÃ¨nman, men sa a objÃ¨ evÃ¨nman ki vin kreye lÃ¨ nou klike sou li di nou ki bouton te klike. Nou pa t 'gen yo ekri de separe fonksyon oswa kontra avÃ¨k gen yo pase nenpÃ²t enfÃ²masyon adisyonÃ¨l. Nou jis ap repoze sou sa JavaScript pral fÃ¨ pou nou, ki se yo kreye ki sÃ²t de evÃ¨nman objÃ¨ sou non nou an. Genyen yon anpil plis nan JavaScript pase sa nou te kouvri nan videyo sa a, men li te gen sa yo fondamantal ta dwe fÃ¨ ou jwenn byen yon fason lontan yo aprann tout bagay ou pral bezwen konnen sou sa a lang ki enteresan. Mwen se Doug Lloyd. Sa a se CS50.