[Powered by Google Translate] [Seminar: jQuery] [Vipul Shekhawat, Universiteti i Harvardit] [Kjo Ã«shtÃ« CS50.] [CS50.TV] NÃ«se ju jeni nÃ« vijim sÃ« bashku nÃ« shtÃ«pi, ju nÃ« fakt mund tÃ« hyni nÃ« slides e mia nÃ« internet duke shkuar nÃ« kÃ«tÃ« link. ÃshtÃ« TjjRWj, nÃ« bit.ly. Ju gjithashtu mund tÃ« thjesht shkoni tek URL direkt, cila eshte cloud.cs50.net / ~ vshekhawat, e cila eshte emri im, dhe jQuery. I highly ju inkurajojmÃ« qÃ« tÃ« ndjekin sÃ« bashku nÃ« qoftÃ« se ju jeni duke shikuar nÃ« shtÃ«pi, dhe nÃ« qoftÃ« se ju jeni kÃ«tu, gjithashtu, pÃ«r shkak se kjo Ã«shtÃ« njÃ« prezantim shumÃ« interaktive. 

Pra, sot unÃ« jam duke shkuar pÃ«r tÃ« folur nÃ« lidhje me jQuery, dhe pyetja e parÃ« Ã«shtÃ«, Ã§farÃ« Ã«shtÃ« jQuery? KÃ«tÃ« vit, unÃ« e di ju djema nuk e kanÃ« mbuluar JavaScript nÃ« sa mÃ« shumÃ« detaje si ne kemi nÃ« vitet e kaluara. JavaScript Ã«shtÃ«, para sÃ« gjithash, vetÃ«m njÃ« klient-side gjuhÃ« qÃ« ju pÃ«rdorni pÃ«r tÃ« drejtuar Scripts dhe kodin nÃ« makinÃ« Ã§do pÃ«rdorues. Pra, ju keni njÃ« server qÃ« ofron faqet web pÃ«r njerÃ«zit, por ju mund tÃ« dÃ«shironi tÃ« bÃ«ni gjÃ«ra nÃ« makinÃ« e tyre, kÃ«rkoni makinÃ«n e tyre pÃ«r tÃ« dÃ«rguar kÃ«rkesa nÃ« serverin tuaj Ã§do 30 sekonda, ose diÃ§ka tÃ« tillÃ«. Ju mund ta bÃ«ni kÃ«tÃ« duke pÃ«rdorur JavaScript. JQuery vetÃ«m siguron funksionalitet mÃ« shumÃ« nÃ« krye tÃ« JavaScript qÃ« bÃ«n gjÃ«ra ekstra pÃ«r ju. NÃ«se ju shikoni nÃ« pÃ«rmbajtjen nÃ« krye, qÃ« pÃ«rshkruan disa gjÃ«ra qÃ« ju jeni nÃ« gjendje tÃ« bÃ«ni. Pra, nÃ« pÃ«rgjithÃ«si, ajo ishte krijuar nÃ« janar 2006. Ajo u ngjiz sÃ« pari e nÃ« gusht 2005. Ajo ka qenÃ« rreth e rrotull pÃ«r nja dy vjet, dhe kjo Ã«shtÃ« me tÃ« vÃ«rtetÃ« pjesÃ« e lÃ«vizjes sÃ« re Web 2,0 qÃ« Ã«shtÃ« bÃ«rÃ« nÃ« internet kÃ«shtu me shkÃ«lqim. Kjo Ã«shtÃ« mÃ« e pÃ«rdorur gjerÃ«sisht bibliotekÃ« JavaScript. Mbi 19.6 milion faqet e internetit janÃ« duke e pÃ«rdorur atÃ«, dhe pÃ«rdorimi Ã«shtÃ« ende nÃ« rritje sipas builtwith.com, e cila, me sa duket, gjatÃ« vitit tÃ« kaluar, ka qenÃ« vazhdimisht nÃ« rritje vetÃ«m mjaft linear. NdÃ«r 10 milion faqet e lartÃ«, ka ende - rreth 40% e tyre janÃ« duke e pÃ«rdorur atÃ«. Facebook pÃ«rdor atÃ«, shumÃ« e faqeve tÃ« tjera aktualisht pÃ«rdorin atÃ«. Ju mund tÃ« shikoni nÃ« ato statistikat nÃ« tuaj, nÃ«se ju dÃ«shironi. Dhe ju mund tÃ« them legit Kjo pÃ«r shkak se ajo ka njÃ« themel dhe 13 anÃ«tarÃ« tÃ« bordit, sÃ« bashku me njÃ« ekip prej 20 njerÃ«zve tÃ« cilÃ«t punojnÃ« nÃ« atÃ« mbi njÃ« bazÃ« tÃ« rregullt. Pra, ajo Ã«shtÃ« shumÃ« e pÃ«rdorur gjerÃ«sisht, ajo ka njÃ« URL. Org, Ã«shtÃ« e dashuroj, ajo ka spin-off-pÃ«r gjÃ«ra tÃ« tjera, kÃ«shtu qÃ« kjo Ã«shtÃ« njÃ« marrÃ«veshje e madhe. 

Pse ju duhet tÃ« pÃ«rdorin atÃ«? JQuery Ã«shtÃ« shumÃ« i lehtÃ«. Kjo do tÃ« thotÃ« se nuk Ã«shtÃ« njÃ« file i madh. Ju mund tÃ« shkarkoni file minified, e cila Ã«shtÃ« pa tÃ« gjithÃ« hapÃ«sirÃ«n e bardhÃ« dhe komenteve, dhe kjo Ã«shtÃ« vetÃ«m 32 kB. Pra, kjo Ã«shtÃ« e lehtÃ« pÃ«r tÃ« vetÃ«m hedhje mbi faqen tuaj web dhe vetÃ«m pÃ«r tÃ« filloni duke e pÃ«rdorur atÃ«. ÃshtÃ« gjithashtu shumÃ« efikase shkruar, kÃ«shtu qÃ« nuk ka marrÃ« njÃ« shumÃ« tÃ« - ajo nuk ngadalÃ«sojnÃ« faqen tuaj shumÃ« kur ju pÃ«rdorni atÃ«. Kjo ju lejon tÃ« zbatojÃ« gjÃ«ra qÃ« ishin mÃ« parÃ« parealizueshme. Ka disa aspekte tÃ« funksionalitetit, si krijimin e animacioneve, qÃ« normalisht do tÃ« jetÃ« shumÃ«, shumÃ« e vÃ«shtirÃ« pÃ«r tÃ« bÃ«rÃ«. Por nÃ« jQuery ata janÃ« nÃ« fakt shumÃ« e thjeshtÃ«. Dhe ka disa gjÃ«ra qÃ« janÃ« tÃ« bezdisshÃ«m pÃ«r tÃ« bÃ«rÃ«, mundshme nÃ« JavaScript, si dÃ«rguar njÃ« kÃ«rkesÃ« POST, por tÃ« dÃ«rgoni njÃ« kÃ«rkesÃ« nÃ« njÃ« server, ju duhet tÃ« shkruani pesÃ« ose gjashtÃ« ose shtatÃ« rreshta tÃ« kodit. Tani ju mund tÃ« bÃ«ni vetÃ«m atÃ« nÃ« njÃ« linjÃ« tÃ« vetme tÃ« kodit, nÃ« njÃ« telefonatÃ« funksion tÃ« vetme. QÃ« me tÃ« vÃ«rtetÃ« thjeshton shumÃ« sende qÃ« jeni duke bÃ«rÃ«. Dhe tÃ« gjithÃ« fÃ«mijÃ«t tÃ« ftohtÃ« janÃ« duke e pÃ«rdorur atÃ«. Me kÃ«tÃ«, dua tÃ« them mua. NÃ« projektin tim tÃ« fundit tÃ« vitit tÃ« kaluar, e cila Ã«shtÃ« news.whrb.org, e cila Ã«shtÃ« pÃ«r stacionin e radios, kam krijuar kÃ«tÃ« blog e cila pret tÃ« gjitha tregon qÃ« ne kemi bÃ«rÃ« dhe fotografi MP3 pÃ«r ta. Ju mund tÃ« kÃ«rkoni nÃ«pÃ«r shfaqjet e kaluara, dhe kjo Ã«shtÃ« bÃ«rÃ« tÃ« gjithÃ« duke pÃ«rdorur jQuery. Ju mund tÃ« thoni pÃ«r shkak tÃ« tÃ« gjitha kÃ«tyre animacioneve, nÃ« thelb. Pra, nÃ«se ju keni - nÃ« qoftÃ« se ju jeni duke krijuar njÃ« post tÃ« ri, ju shihni kÃ«to slideDowns pak; qÃ« Ã«shtÃ« bÃ«rÃ« tÃ« gjithÃ« duke pÃ«rdorur jQuery. Dhe kjo zbehet - kÃ«shtu qÃ« lloj i stuff Ã«shtÃ« bÃ«rÃ« tÃ« gjithÃ« duke pÃ«rdorur jQuery, dhe ju nuk keni pÃ«r tÃ« vazhdimisht rifreskoni faqen pÃ«r tÃ« lundruar nÃ« faqen. NjÃ« tjetÃ«r gjÃ« e ftohtÃ« qÃ« Ã«shtÃ« bÃ«rÃ« duke pÃ«rdorur jQuery Ã«shtÃ« ky prezantim. UnÃ« jam duke pÃ«rdorur kÃ«tÃ« gjÃ« me burim tÃ« hapur tÃ« quajtur scrolldeck, tÃ« cilin dikush shkroi nÃ« krye tÃ« jQuery. NÃ«se jeni tÃ« vÃ«rtetÃ« duken nÃ« burim, ju mund tÃ« shihni se ata janÃ« duke pÃ«rdorur kÃ«tÃ« shenjÃ« dollar; shenja tÃ« dollarit janÃ« pÃ«rdorur nÃ« jQuery pÃ«r tÃ« ditur se njÃ« funksion Ã«shtÃ« njÃ« funksion jQuery. Pra, ata janÃ« definimin e njÃ« kÃ«mishÃ« nÃ« krye tÃ« jQuery qÃ« ju lejon tÃ« bÃ«ni njÃ« prezantim si ky, dhe ju mund tÃ« shihni se kÃ«tu ata janÃ« pÃ«rfshirÃ« skedarin origjinal jQuery, e cila Ã«shtÃ« ajo qÃ« ju do tÃ« duhet tÃ« pÃ«rfshijÃ« nÃ« qoftÃ« se doni tÃ« pÃ«rdorni jQuery nÃ« faqet e internetit tuaj. 

Prekur nÃ« kÃ«tÃ«, si mendoni ju instaloni atÃ«? Ju mund tÃ« shkoni vetÃ«m nÃ« jQuery.com dhe shkarkoni file, shtoni atÃ« nÃ« njÃ« web directory dhe tÃ« pÃ«rfshijÃ« atÃ«. Pra, vetÃ«m nÃ« krye, nÃ« tag kokÃ« e dosjes suaj HTML e dosjes kryesore tuaj HTML, vetÃ«m kanÃ« atÃ« linjÃ« tÃ« kodit me versionin e saktÃ« pÃ«r tÃ« cilin version i jQuery ju jeni duke pÃ«rdorur. Ju mund ta shkarkoni atÃ« duke shkuar nÃ« jQuery.com, klikoni "jQuery shkarko," dhe ju keni marrÃ« atÃ«. Kjo ishte. Dhe nÃ« tÃ« vÃ«rtetÃ«, ne mund tÃ« marrÃ« njÃ« vÃ«shtrim nÃ« atÃ« qÃ« duket si. NÃ«se ju klikoni mbi shkarkoni kÃ«tu, jQuery Ã«shtÃ« kjo. Kjo Ã«shtÃ« vetÃ«m njÃ« fotografi e madhe JavaScript qÃ« e bÃ«n tÃ« gjitha stuff magjike pÃ«r ju. Ky Ã«shtÃ« versioni minified, i cili nuk Ã«shtÃ« i lexueshÃ«m nÃ« tÃ« gjitha. Ju gjithashtu mund tÃ« shikoni nÃ« versionin zhvillim, i cili Ã«shtÃ« i lexueshÃ«m por ende shumÃ«, shumÃ« tÃ« gjatÃ«. Kjo Ã«shtÃ« njÃ« shumÃ« gjÃ«ra nÃ« atje. Ju gjithashtu mund tÃ« lidhni version priti Google-it tÃ« saj. KÃ«shtu qÃ« do tÃ« ju lejojnÃ« tÃ« mbÃ«shteten vetÃ«m nÃ« Google pÃ«r tÃ« siguruar atÃ«. Ata ofrojnÃ« Ã§do version tÃ« tij, nÃ« dispozicion nÃ« tÃ« gjitha kohÃ«t. Pra, ju ndoshta mund tÃ« mbÃ«shtetet nÃ« Google pÃ«r tÃ« pritur atÃ« pÃ«r ju. Ose ju mund tÃ« lidhura me vetÃ« versionin e fundit tÃ« jQuery. Ata kanÃ« njÃ« URL qÃ« Ã«shtÃ« gjithmonÃ« tÃ« pÃ«rditÃ«suar nÃ« versionin e fundit. ÃshtÃ« jQuery-fundit, dhe nuk ka njÃ« problem me kÃ«tÃ«, i cili Ã«shtÃ« se nÃ« qoftÃ« se jQuery pÃ«rditÃ«suar dhe disa nga funksionet e kaluar ata kishin bÃ«het retrograded ose deprecated, ajo nuk mundet - kjo mund tÃ« fillojÃ« tÃ« mos merrni mbÃ«shtetur anymore. Pra, nÃ«se ju shkruani njÃ« faqe interneti duke pÃ«rdorur versionin 1.8.2, nga versioni 2.7 kohe del disa nga funksionet qÃ« ju shkroi nuk punojnÃ« mÃ«. Pra, kjo Ã«shtÃ« mÃ« mirÃ« pÃ«r tÃ« vetÃ«m tÃ« shkarkuar skedarin 32 KiloByte, vÃ«nÃ« atÃ« nÃ« web faqen tuaj, dhe ajo do tÃ« punojÃ« pÃ«rgjithmonÃ«. 

UnÃ« jam duke shkuar pÃ«r tÃ« shkuar pÃ«rpara dhe tÃ« fillojnÃ« tÃ« flasin pÃ«r funksionalitetin aktuale tÃ« jQuery. GjÃ«ja e parÃ« Ã«shtÃ« selectors. Kjo Ã«shtÃ« ajo qÃ« jQuery ishte konceptuar fillimisht pÃ«r tÃ« siguruar. Dhe ju mund tÃ« klikoni mbi dokumentacionit tÃ« shikojmÃ« nÃ« dokumentacioni i detajuar pÃ«r selektorÃ« unÃ« jam duke shkuar pÃ«r tÃ« mbuluar. Ideja prapa selektorÃ« Ã«shtÃ« qÃ« ju mund tÃ« zgjidhni elementet e HTML nÃ« njÃ« faqe. Elementet nÃ« njÃ« faqe tÃ« kenÃ« letÃ«rnjoftimet dhe Klasat dhe aspektet e tjera identifikuese pÃ«r ta. Ka gjithashtu - they're nÃ« urdhÃ«rat e ndryshme. Disa e kohÃ«s ata janÃ« mbivendosur brenda njÃ«ri-tjetrin. JQuery ju lejon pÃ«r tÃ« ndÃ«rtuar pyetje tÃ« thjeshta qÃ« tÃ« rifitoj elemente nga faqja. Pastaj ju mund tÃ« manipulojÃ« kÃ«to elemente duke pÃ«rdorur funksionet jQuery, e cila Ã«shtÃ« seksioni manipulimi ne do tÃ« merrni pÃ«r mÃ« vonÃ«. Ju mund tÃ« ndryshojÃ«, tÃ« ndryshojÃ« HTML CSS, ju gjithashtu mund tÃ« animate dhe shtoni funksionet qÃ« aktivizojnÃ« mÃ« ngjarjeve tÃ« caktuara. KÃ«shtu, pÃ«r shembull, nÃ« qoftÃ« se diÃ§ka Ã«shtÃ« klikuar, ju doni diÃ§ka tÃ« ndodhÃ«, ju mund tÃ« bÃ«ni kÃ«tÃ« duke pÃ«rdorur jQuery si. Dhe ka njÃ« numÃ«r tÃ« madh tÃ« mÃ«nyrave pÃ«r tÃ« zgjedhur elemente. Shumica e tyre unÃ« kurrÃ« nuk kam pÃ«rdorur, por nuk janÃ« ato themelore, tÃ« cilat janÃ« mjaft tÃ« rÃ«ndÃ«sishme. PÃ«rzgjedhÃ«s element, pÃ«r shembull, nÃ« qoftÃ« se ju jeni vetÃ«m zgjedhjen asgjÃ« qÃ« Ã«shtÃ« njÃ« div - UnÃ« nÃ« fakt kanÃ« kodin e hapur pÃ«r kÃ«tÃ« prezantim rrÃ«shqitje. KÃ«shtu, pÃ«r shembull, kÃ«tu Ã«shtÃ« slide parÃ«. KÃ«tu kemi njÃ« div. NÃ«se ne fakt zgjidhni tÃ« gjitha divs nÃ« faqe, ajo vetÃ«m do tÃ« na japin njÃ« koleksion tÃ« tÃ« gjitha divs qÃ« ekzistojnÃ« nÃ« kÃ«tÃ« file. PÃ«rzgjedhÃ«s ID ju lejon tÃ« zgjidhni Ã§do gjÃ« me njÃ« ID tÃ« caktuar. Pra, nÃ«se ky, pÃ«r shembull, kjo gjÃ« ka ID "Ã§farÃ«" dhe nÃ« qoftÃ« se ne e bÃ«mÃ« kÃ«tÃ« me atÃ« qÃ« nÃ« vend tÃ« # ID disa, ajo vetÃ«m do tÃ« kthejÃ« njÃ« rrjet qÃ« ka njÃ« element tÃ« vetÃ«m dhe qÃ« Ã«shtÃ« se elementi i faqes. Ne gjithashtu mund tÃ« kombinohen selektorÃ« nÃ« kÃ«tÃ« mÃ«nyrÃ« duke pasur vetÃ«m tÃ« zgjidhni gjÃ«rat me kartat e identitetit qÃ« janÃ« divs. Pra, vÃ«rtet. VetÃ«m zgjidhni divs qÃ« kanÃ« se ID. PÃ«r klase ju pÃ«rdorni vetÃ«m njÃ« pikÃ«, kjo Ã«shtÃ« e njÃ«jta gjÃ« si CSS. PasardhÃ«s gjithashtu punon, kÃ«shtu qÃ« nÃ«se ju keni disa klasÃ« dhe ajo ka mbivendosur elementet brenda saj - kÃ«shtu qÃ«, pÃ«r shembull, ka disa klasa dhe ajo ka njÃ« tag spirancÃ« pÃ«r tÃ« lidhur nÃ« njÃ« tjetÃ«r faqe, ju mund tÃ« pÃ«rdorni kÃ«tÃ« sintaksÃ« pÃ«r tÃ« rifitoj lidhjen. Ju gjithashtu mund tÃ« zgjidhni gjÃ«ra tÃ« shumta nÃ« njÃ« herÃ«; vetÃ«m ndajini me presje, pÃ«rdorni ndonjÃ« selektorin qÃ« ju dÃ«shironi, dhe ju do tÃ« zgjidhni tÃ« gjitha ato nÃ« tÃ« njÃ«jtÃ«n kohÃ«, nÃ« njÃ« rrjet tÃ« vetÃ«m. Dhe pastaj nuk ka edhe nuk pÃ«rzgjedhÃ«s, kÃ«shtu qÃ« ju mund tÃ« zgjidhni tÃ« gjitha divs se nuk kanÃ« disa klasÃ« tÃ« veÃ§antÃ«. Dhe kjo Ã«shtÃ« vetÃ«m njÃ« mÃ«nyrÃ« e dobishme pÃ«r tÃ« marrÃ« njÃ« hyrje me mÃ«nyrÃ«n se si punon kjo pÃ«rzgjedhje. UnÃ« do tÃ« tregoj disa shembuj konkretÃ« nÃ« njÃ« tÃ« dytÃ«. 

Selectors Avancuar janÃ« - kÃ«to janÃ« vetÃ«m disa shembuj. Ka dhjetra e kÃ«tyre, por nÃ« qoftÃ« se ju doni tÃ« zgjidhni tÃ« gjitha tags imazh brenda disa element, atÃ«herÃ« ju vetÃ«m bÃ«ni: imazhin. NÃ«se ju doni tÃ« zgjidhni elementet madje, pÃ«r shembull, nÃ« qoftÃ« se nuk janÃ« 20 prej tyre, ju doni tÃ« zgjidhni 0, 2, 4, 6 dhe kÃ«shtu me radhÃ«, bÃ«ni ju: edhe, ose ju gjithashtu mund tÃ« bÃ«jÃ«: i rastÃ«sishÃ«m. KÃ«to janÃ« pseudo selectors, qÃ« do tÃ« thotÃ« se ata nÃ« fakt llogaritin Ã§do element tjetÃ«r nÃ« vend se vetÃ«m duke shkuar dhe zgjedhjen e tÃ« gjitha prej tyre. Ju gjithashtu mund tÃ« - secili element mund tÃ« ketÃ« gjithashtu atribute specifike. KÃ«shtu, pÃ«r shembull, class = qendÃ«r Ã«shtÃ« gjithashtu njÃ« atribut. PÃ«r kÃ«tÃ« tag spirancÃ«, href, HyperText referencÃ«, Ã«shtÃ« njÃ« atribut gjithashtu. KÃ«shtu qÃ« ju mund tÃ« zgjidhni diÃ§ka qÃ« lidhet me njÃ« faqe tÃ« veÃ§antÃ« ose vetÃ«m - kjo Ã«shtÃ« me tÃ« vÃ«rtetÃ« tÃ« pÃ«rgjithshme. Ju mund tÃ« zgjidhni asgjÃ« me ndonjÃ« atribut qÃ« ju dÃ«shironi. Dhe pastaj, gjithashtu, pÃ«rmban atribut. NÃ«se ju, pÃ«r shembull, donte tÃ« zgjidhni tÃ« gjitha elementet hyrÃ«se qÃ« kanÃ« "tÃ« kalojÃ«" fjalÃ«n si emrin e tyre, nÃ« qoftÃ« se njÃ« faqe ka njÃ« bllok teksti input qÃ« Ã«shtÃ« quajtur "fjalÃ«kalimi", qÃ« do tÃ« jetÃ« njÃ« mÃ«nyrÃ« ju mund tÃ« zgjidhni atÃ«. Dhe ka shumÃ« mÃ« tepÃ«r. Ju mund tÃ« shkoni pÃ«rpara dhe tÃ« kÃ«rkoni nÃ« dokumentacionin dhe tÃ« shohim shembuj specifikÃ« se si ajo funksionon. 

GjÃ« tjetÃ«r Ã«shtÃ« manipulim DOM. Pasi kemi zgjedhur elemente, ne do tÃ« duan qÃ« nÃ« fakt bÃ«jnÃ« gjÃ«ra me ta. Deri tani ne nuk kemi shikuar nÃ« atÃ« nÃ« tÃ« gjitha, por nÃ« qoftÃ« se ju shikoni nÃ« dokumentacion, ka me tÃ« vÃ«rtetÃ« njÃ« shumÃ« qÃ« ne mund tÃ« bÃ«jmÃ«. NÃ« kÃ«tÃ« pikÃ«, ne jemi duke shkuar pÃ«r tÃ« zgjedhur elemente nÃ« kÃ«tÃ« prezantim dhe tÃ« manipuluar ato duke pÃ«rdorur jQuery. Sepse kjo Ã«shtÃ« zbatuar duke pÃ«rdorur jQuery, ne kemi qasje nÃ« bibliotekÃ«n jQuery, dhe ne mund tÃ« pÃ«rdorni kÃ«to funksione nÃ« kuadÃ«r tÃ« kÃ«tij kodi. NjÃ« gjÃ« e dobishme qÃ« ju nuk mund tÃ« dini rreth Ã«shtÃ« konsol. Dhe Google Chrome Ã«shtÃ« ajo qÃ« unÃ« jam duke pÃ«rdorur. Ju mund tÃ« shtypni alt command J ose alt kontrollit J pÃ«r tÃ« hapur konsol. NÃ« Firefox UnÃ« mendoj kaluar atÃ« e komandÃ«s K ose kontroll shift K. NÃ« Safari ju duhet tÃ« shkoni tÃ« ndryshuar disa settings. Ka njÃ« lidhje nÃ« qoftÃ« se ju dÃ«shironi tÃ« bÃ«ni atÃ«, por unÃ« rekomandoj duke marrÃ« Chrome ose Firefox. Pra, le tÃ« hapur deri konsol, kjo Ã«shtÃ« kÃ«tu poshtÃ«. Kjo ju lejon tÃ« vetÃ«m nÃ« thelb tÃ« bÃ«ni ndonjÃ« gjÃ« qÃ« ju dÃ«shironi. KÃ«shtu qÃ« ju mund tÃ« shkruani vetÃ«m tÃ« krijojÃ« njÃ« ndryshore tÃ« quajtur x, x = 5, le tÃ« shohim se Ã§farÃ« x + 2 Ã«shtÃ«. Ju edhe mund tÃ« bÃ«ni diÃ§ka si CS + Le tÃ« shohim, x + 45, qÃ« do tÃ« jetÃ« CS50. Ju vetÃ«m mund tÃ« bÃ«jÃ« disa gjÃ«ra tipike JavaScript. Por ju gjithashtu mund tÃ« bÃ«jÃ« jQuery kÃ«tu. 

Pra, le tÃ« shohim nÃ« kÃ«tÃ« aspekt tÃ« parÃ« kÃ«tu. Ne do te krijuar nje ndryshueshme quajtur HTML, i cili eshte nje varg. Ajo ka njÃ« tag paragraf nÃ« tÃ«, qÃ« Ã«shtÃ« quajtur njÃ« tekst tÃ« ri. Pra, ne kemi kÃ«tÃ« HTML, kjo Ã«shtÃ« njÃ« tekst i ri, nÃ« tags paragraf. Tani ne tÃ« vÃ«rtetÃ« duan tÃ« shtoni atÃ« nÃ« faqe. I vendosur atÃ« nÃ« mÃ«nyrÃ« qÃ« HTML pÃ«r kÃ«tÃ« paragraf, ky titull kÃ«tu, Ã«shtÃ« append ID. NÃ«se kemi zgjedhur append ID dhe pastaj append pÃ«r atÃ« ndryshueshme HTML kam krijuar vetÃ«m, ajo do tÃ« shtojÃ« se HTML nÃ« fund, menjÃ«herÃ« pas kÃ«tij paragrafi tag. Pra, nÃ«se ne e bÃ«jmÃ« kÃ«tÃ« - kemi zgjedhur kÃ«tÃ« paragraf, dhe ne kemi thirrur funksionin append me ndryshore HTML UnÃ« vetÃ«m shtuar, ajo do tÃ« shtojÃ« se teksti i ri ka tÃ« drejtÃ« nÃ« faqe. Ne gjithashtu mund tÃ« prepend, qÃ« do tÃ« thotÃ« se do tÃ« shkojÃ« pÃ«rpara, nÃ« fillim tÃ« kÃ«tij elementi. Pra, ka disa teksti i ri nÃ« fillim dhe mÃ« pas. UnÃ« mund tÃ« shkoni pÃ«rpara dhe pÃ«r tÃ« rifreskoni tÃ« shpÃ«toj tÃ« kÃ«tij stuff unÃ« kam bÃ«rÃ« vetÃ«m. Por kjo Ã«shtÃ« njÃ« shembull se si ju mund tÃ« pÃ«rdorni prepend append dhe metodat pÃ«r tÃ« manipuluar stuff nÃ« faqe, shtoni disa HTML. 

Ju gjithashtu mund tÃ« ndryshojÃ« klasa. Kthehu nÃ« kÃ«tÃ« skedÃ« stil, e kam krijuar kÃ«tÃ« pÃ«r klasÃ«n win qÃ« ka ngjyrÃ« tÃ« kuqe tÃ« tekstit, disa ngjyrÃ«n e sfondit, dhe njÃ« hije tekst. Ajo duket e shÃ«mtuar, por unÃ« mund tÃ« vÃ«rtetÃ« - ky paragraf i korrespondon klasit ID. KÃ«shtu qÃ« unÃ« mund tÃ« shtoni klasÃ« pÃ«r tÃ« fituar. UnÃ« mund tÃ« ekzekutojÃ« kÃ«tÃ« nÃ« tastierÃ«, dhe qÃ« do tÃ« shtojÃ« atÃ« klasÃ«, dhe tani ajo duket e shÃ«mtuar, ashtu siÃ§ pritet. CSS automatikisht merr aplikuar pÃ«r klasat qÃ« ju - nÃ« qoftÃ« se ka CSS pÃ«r njÃ« klasÃ«, ajo merr automatikisht aplikohet nÃ« qoftÃ« se ju tÃ« ndryshojÃ« klasÃ«n e njÃ« elementi. AtÃ«herÃ« ne mund vetÃ«m tÃ« hequr atÃ« duke pÃ«rdorur klasÃ«n hiqni. Pra, nÃ«se ju keni disa klasa tÃ« paracaktuara si tÃ« kuqe ose tÃ« theksuar, dhe pastaj ju doni tÃ« aplikoni ato tÃ« elementeve, ju nuk keni pÃ«r tÃ« bÃ«rÃ« tÃ« gjitha CSS styling Ã§do kohÃ«. Ju mund tÃ« shtoni vetÃ«m klasÃ« pÃ«r njÃ« element, dhe pastaj ajo do tÃ« bÃ«het automatikisht - kjo automatikisht do tÃ« duket e pÃ«rshtatshme pÃ«r atÃ« klasÃ«. Ne gjithashtu mund tÃ« hiqni gjÃ«ra, kÃ«shtu qÃ« unÃ« jam duke shkuar pÃ«r tÃ« zgjedhur tÃ« gjitha divs nÃ« faqe dhe pÃ«r tÃ« hequr ato. ÃfarÃ« Ã«shtÃ« se do tÃ« duken si? Ajo do tÃ« duken si asgjÃ«, kÃ«shtu qÃ« nuk ka tÃ« vÃ«rtetÃ« asgjÃ« tÃ« majtÃ«. Prezantimi im Ã«shtÃ« zhdukur. UnÃ« mund tÃ« rifreskuar dhe pÃ«r tÃ« sjellÃ« atÃ« pÃ«rsÃ«ri, pÃ«r fat tÃ« mirÃ«, sepse ajo Ã«shtÃ« vetÃ«m drejtimin herÃ«, por kjo Ã«shtÃ« njÃ« shembull i heqjes, nÃ« qoftÃ« se ju doni tÃ« shkatÃ«rrojÃ« plotÃ«sisht njÃ« element jashtÃ« faqe. 

Ju gjithashtu mund tÃ« prishÃ«sh, dhe unÃ« jam duke shkuar pÃ«r tÃ« zgjedhur tÃ« gjitha tags paragrafi nÃ« faqen dhe shkoni brenda tyre dhe ta zÃ«vendÃ«sojÃ« Ã§farÃ«do teksti qÃ« ata kanÃ« nÃ« to vetÃ«m me fjalÃ«n "testimi". NÃ«se ju bÃ«ni kÃ«tÃ«, ju do tÃ« zÃ«vendÃ«sojÃ« Ã§do paragraf nÃ« faqen e me kÃ«tÃ« testim. Yep. Ata janÃ« zÃ«vendÃ«suar tÃ« gjithÃ« me testim. Pra, kjo Ã«shtÃ« njÃ« shembull i qasjes nÃ« tekstin dhe overwriting atÃ«. Ju gjithashtu mund tÃ« rifitoj informacion, dhe kjo Ã«shtÃ« me tÃ« vÃ«rtetÃ« e ftohtÃ« pÃ«r kutitÃ« e input. NÃ«se ju keni njÃ« kutinÃ« e input qÃ« njerÃ«zit janÃ« tÃ« shtypur sende nÃ«, njerÃ«zit janÃ« tÃ« shtypur sende nÃ« tÃ«, kÃ«tu ne input, zgjidhni asnjÃ« tag input me njÃ« lloj tÃ« tekstit. NÃ« kÃ«tÃ« rast, ka vetÃ«m njÃ« kuti input nÃ« prezantimin e tÃ«rÃ«, kÃ«shtu qÃ« ne vetÃ«m do tÃ« zgjidhni njÃ« tÃ« parÃ«, dhe pastaj ne e quajmÃ« funksion val mbi tÃ«. Kjo e kthen vlerÃ«n, dhe pÃ«r njÃ« kutinÃ« e input, vlera e Ã§do gjÃ« qÃ« Ã«shtÃ« vetÃ«m ndodh qÃ« tÃ« jetÃ« brenda saj. Pra, nÃ«se e bÃ«jmÃ« kÃ«tÃ«, ai vetÃ«m kthen sende string. Dhe nÃ«se ne e quajmÃ« atÃ« pÃ«rsÃ«ri pas shkruar shumÃ« stuff, ajo kthehet nÃ« mÃ« shumÃ« gjÃ«ra. Kjo Ã«shtÃ« njÃ« mÃ«nyrÃ« e madhe pÃ«r tÃ« hyrÃ« nÃ« elementet e njÃ« kutinÃ« e input, dhe pastaj shikoni, kjo Ã«shtÃ« njÃ« adresÃ« e vlefshme email, kjo Ã«shtÃ« njÃ« datÃ« e vlefshme, pÃ«r shembull. Ju vetÃ«m mund tÃ« marrim sende Ã§ast si njerÃ«zit janÃ« tÃ« shtypur atÃ«, dhe pastaj kontrolloni nÃ«se ajo Ã«shtÃ« e vlefshme, dÃ«rgoni atÃ« pÃ«rsÃ«ri nÃ« njÃ« server, bÃ«ni ndonjÃ« gjÃ« qÃ« ju dÃ«shironi me tÃ«. Dhe kjo Ã«shtÃ« se si ju tÃ« hyni nÃ« atÃ« qÃ« Ã«shtÃ« brenda atyre kutive. 

Ju gjithashtu mund tÃ« modifikoni CSS direkt, kÃ«shtu qÃ« nÃ« vend tÃ« shtuar njÃ« klasÃ« qÃ« ka disa prona tÃ« paracaktuara, vetÃ«m ju mund tÃ« shtoni Ã§do gjÃ« qÃ« ju dÃ«shironi pÃ«r CSS asgjÃ«. Trupi Pra, le tÃ« zgjedhur, e cila Ã«shtÃ« paraqitja e tÃ«rÃ«, dhe ngjyra Ã«shtÃ« prona qÃ« pÃ«rcakton se Ã§farÃ« ngjyrat teksti Ã«shtÃ«. NÃ« qoftÃ« se ne kemi ndryshuar atÃ« nÃ« tÃ« kuqe, tÃ« gjithÃ« teksti nÃ« faqe do tÃ« kthehet nÃ« tÃ« kuqe. Ne mund tÃ« bÃ«jmÃ« diÃ§ka si ngjyra blu sfond, ne do tÃ« shkojmÃ« atje; Ã«shtÃ« e bukur. Ju mund tÃ« bÃ«ni ndonjÃ« gjÃ« qÃ« ju doni me kÃ«tÃ«. PÃ«rdorimi i pronÃ«s CSS, ju mund tÃ« vÃ«rtetÃ« tÃ« ndryshojÃ« mÃ«nyrÃ«n se si Ã§do gjÃ« duket nÃ« Ã§do kohÃ«. GjÃ« tjetÃ«r Ã«shtÃ« efektet. Efektet nÃ« thelb janÃ« e njÃ«jta gjÃ« si modifikimin CSS, por ata nÃ« fakt tÃ« japÃ« disa ekstra animacion pÃ«r tÃ«. Pra, nÃ« vend tÃ« vetÃ«m duke treguar ose fshehur diÃ§ka apo ndryshuar ngjyrÃ«n, ju mund tÃ« vÃ«rtetÃ« tÃ« bÃ«jÃ« atÃ« animuar. Ja dokumentacioni, nÃ« qoftÃ« se ju dÃ«shironi tÃ« hidhni njÃ« sy nÃ« dokumentacionin e gjerÃ« pÃ«r atÃ«. Por unÃ« jam duke shkuar pÃ«r tÃ« mbuluar ato kryesore. Nuk janÃ« shfaqja dhe pronat fshehur. Trego / fshih ID fakt korrespondon me kÃ«tÃ« kuti tÃ« tÃ«rÃ«, kÃ«shtu qÃ« nÃ«se unÃ« fsheh atÃ«, ai thjesht do tÃ« zhduket. Dhe unÃ« mund tÃ« tregojnÃ« atÃ« pÃ«rsÃ«ri nÃ« qoftÃ« se unÃ« dua ta bÃ«rÃ« atÃ« tÃ« kthehet. Dhe kjo Ã«shtÃ« mbrapa. Ajo nÃ« fakt nuk zhduken, UnÃ« nÃ« fakt nuk hiqni atÃ« nga faqja, unÃ« vetÃ«m vÃ«nÃ« pasurinÃ« CSS e shikimit pÃ«r tÃ« fshehur kÃ«shtu qÃ« ju nuk mund tÃ« shoh mÃ« atÃ«. Ka edhe rrÃ«shqitje dhe rrÃ«shqitje lart poshtÃ«, qÃ« ju lejon tÃ« ketÃ« kÃ«tÃ« efekt. Ajo slides deri zhduken, dhe pas zhduket ju mund tÃ« rrÃ«shqas atÃ« poshtÃ« pÃ«r ta bÃ«rÃ« atÃ« tÃ« vijnÃ« pÃ«rsÃ«ri. Dhe tani ajo Ã«shtÃ« kthyer. Ka gjithashtu ky efekt zbehet, e cila - ID zbehet korrespondon me kÃ«tÃ« kuti. NÃ«se unÃ« zbehet atÃ«, atÃ«herÃ« ajo do tÃ« zhduket ngadalÃ«. UnÃ« gjithashtu mund tÃ« zbehet nÃ« atÃ«, dhe ajo do tÃ« kthehet. Ju gjithashtu mund tÃ« bÃ«jÃ« qÃ« tÃ« zbehet, e cila Ã«shtÃ« specifike nÃ« funksion tÃ« zbehet. Ju mund tÃ« keni tÃ« zbehet pÃ«r Ã§do perde tÃ« veÃ§antÃ« qÃ« ju dÃ«shironi. Pra, nÃ«se ju zbehet atÃ« ngadalÃ« pÃ«r 0,5, ajo do tÃ« bÃ«het e dukshme gjysma. UnÃ« mund tÃ« bÃ«jÃ« atÃ« tÃ« shkojÃ« nÃ« 0,1, dhe tÃ« kthehet nÃ« 1 pÃ«r ta bÃ«rÃ« atÃ« plotÃ«sisht tÃ« dukshme pÃ«rsÃ«ri. Kjo Ã«shtÃ« vetÃ«m njÃ« animacion qÃ« ju mund tÃ« bÃ«ni. 

Ka edhe efektet kÃ«mbe. KÃ«shtu qÃ« unÃ« jam duke shkuar pÃ«r tÃ« zgjedhur ID toggle, qÃ« i korrespondon kÃ«saj kutize, dhe nÃ« atÃ« div ju mund tÃ« telefononi kÃ«mbe, e nÃ«se ajo Ã«shtÃ« e dukshme ajo do tÃ« bÃ«het e padukshme, nÃ« qoftÃ« se Ã«shtÃ« e padukshme ajo do tÃ« bÃ«het e dukshme pÃ«rsÃ«ri. KÃ«shtu qÃ« unÃ« vetÃ«m e quajti kÃ«tÃ« funksion toggle dy herÃ«, e para ishte e njÃ«jta gjÃ« si tÃ« fshehur, thirrja e dytÃ« ishte e njÃ«jta gjÃ« si njÃ« shfaqje. Dhe ju gjithashtu mund tÃ« bÃ«jÃ« kÃ«tÃ« me njÃ« kÃ«mbe zbehet, e cila e bÃ«n tÃ« njÃ«jtÃ«n gjÃ«, pÃ«rveÃ§ nÃ« fakt ajo zbehet. Dhe e njÃ«jta gjÃ« me rrÃ«shqitje toggle. Ka efekte tÃ« lidhur me zinxhirÃ«, si edhe, qÃ« do tÃ« thotÃ« nÃ« qoftÃ« se ju zgjidhni njÃ« element dhe tÃ« vetÃ«m tÃ« thÃ«rrasÃ« njÃ« bandÃ« e metodave animacion mbi tÃ«, nÃ«se do tÃ« donit qÃ« ajo tÃ« shuhem, pastaj rreshqet, dhe pastaj fshehin dhe pastaj zbehet nÃ«, ajo do tÃ« bÃ«jÃ« ato nÃ« njÃ« rresht. KÃ«shtu u zhduk, u kthye - pÃ«r disa arsye, hide nuk ndodhi. Le tÃ« try it out. Yeah, kÃ«shtu qÃ« venitur jashtÃ« dhe pastaj ajo shkau larg. Dhe ka shumÃ« mÃ« tepÃ«r. Ju mund tÃ« pÃ«rdorni funksionin Gjall pÃ«r tÃ« krijuar animacione tuaja, e cila Ã«shtÃ« mjaft komplekse, por ajo ju ofron me zgjateshmÃ«ri pafund. Ju mund tÃ« bÃ«jÃ« Ã§do lloj tÃ« animacion qÃ« ju dÃ«shironi. Ju gjithashtu mund tÃ« pÃ«rdorni radhÃ« tÃ« radhÃ« deri animacione tÃ« shumta nÃ« njÃ« kohÃ«. Pra, nÃ«se ju doni diÃ§ka pÃ«r tÃ« fluturuar nÃ«pÃ«r faqe, rrÃ«shqitje nga e djathta nÃ« tÃ« majtÃ« tÃ« lartÃ« fund, ju mund tÃ« bÃ«ni qÃ«, dhe vetÃ«m kanÃ« njÃ« bandÃ« e veprimeve qÃ« shkojnÃ« njÃ«ri pas tjetrit. 

GjÃ« tjetÃ«r qÃ« ne do tÃ« flasim rreth Ã«shtÃ« ngjarje. Ngjarje t'ju lejojÃ« - deri mÃ« tani, ne kemi qenÃ« vetÃ«m tÃ« shtypni gjÃ«ra nÃ« tastierÃ« dhe kjo Ã«shtÃ« njÃ« mÃ«nyrÃ« pÃ«r tÃ« bÃ«rÃ« kÃ«tÃ« tÃ« ndodhÃ«, por nÃ« njÃ« faqe aktuale, ju nuk jeni do tÃ« jetÃ« nÃ« gjendje tÃ« tÃ« bÃ«jÃ« gjÃ«rat lloj User nÃ« tastierÃ«. Ju duam qÃ« gjÃ«rat tÃ« ndodhin automatikisht. PÃ«r kÃ«tÃ«, ju duhet tÃ« pÃ«rdorni ngjarjet qÃ« aktivizojnÃ« ndodh nÃ« disa ngjarje tÃ« caktuar. Ju mund tÃ« kontrolloni dokumentacionin pÃ«r detaje tÃ« plotÃ«. Pra, le tÃ« shohim. Ne duam pÃ«r tÃ« fshehur ose pÃ«r tÃ« treguar kuti, por tani ky buton nuk do tÃ« bÃ«jÃ« asgjÃ«, sepse unÃ« nuk e zbatojnÃ« atÃ« ende. UnÃ« jam duke shkuar pÃ«r tÃ« shkuar nÃ« faqen aktuale HTML. Ja rrÃ«shqitje. Ka njÃ« div pÃ«r rrÃ«shqitje. Ajo ka klasÃ«n e rrÃ«shqitje. Ka teksti. Tani, nuk ka kjo kuti dhe butonin kuti. Si do tÃ« bÃ«jÃ« nÃ« fakt kjo zhduket? Para sÃ« gjithash, le tÃ« shkruajÃ« njÃ« funksion qÃ« e bÃ«n ID kuti zhduken. Kjo Ã«shtÃ« sintaksa pÃ«r funtion, le tÃ« vetÃ«m e quajti atÃ« hideTheBox. Ajo nuk ka marrÃ« ndonjÃ« argumente, sepse nuk ka argumente qÃ« do tÃ« merren. Ne mund tÃ« zgjidhni ID kuti. Pra, duke pÃ«rdorur jQuery zgjidhni, ne mund tÃ« zgjidhni ID kuti, dhe pastaj vetÃ«m tÃ« bÃ«jÃ« atÃ« tÃ« zhduket. Le tÃ« bÃ«jnÃ« atÃ« shuhem. NÃ« qoftÃ« se ne u zhvillua kÃ«tÃ« funksion nÃ« tastierÃ« aktuale, ne mund tÃ« pÃ«rcaktojÃ« kÃ«tÃ« funksion, ne mund tÃ« telefononi hideTheBox, dhe ajo punon. Por ne duam qÃ« ajo tÃ« ndodhÃ« kur shtypet butoni nÃ« tÃ« vÃ«rtetÃ«. PÃ«r ta bÃ«rÃ« kÃ«tÃ«, ne duhet tÃ« pÃ«rdorim njÃ« ngjarje. TÃ« lidh njÃ« ngjarje pÃ«r njÃ« buton tÃ« veÃ§antÃ« ose disa ndodh veprimi, ne kemi pÃ«r tÃ« zgjedhur elementin se ngjarja do tÃ« shkaktonte - ose qÃ« do tÃ« shkaktonte ngjarje, sorry. 

Pra, para sÃ« gjithash, le tÃ« zgjidhni ID butonin kuti sepse kjo Ã«shtÃ« butoni, dhe tani, pÃ«r atÃ« buton, ne duam tÃ« krijojmÃ« njÃ« animacion, kur ajo Ã«shtÃ« klikuar. Pra, nuk ka kÃ«tÃ« funksion click. Kjo ju lejon tÃ« lidhni njÃ« tjetÃ«r funksion nÃ« tÃ«. Ky funksion merr njÃ« tjetÃ«r funksion si nje argument ne mund tÃ« kalojÃ« nÃ« funksion hideTheBox, dhe sa herÃ« qÃ« ky buton Ã«shtÃ« klikuar, se funksioni i automatikisht do tÃ« ekzekutojÃ«. Pra, kjo do tÃ« punojÃ« nÃ« qoftÃ« se ne tÃ« shpÃ«tuar kÃ«tÃ«, unÃ« do tÃ« refresh, dhe - njÃ« tÃ« dytÃ«, unÃ« jam i keq. MÃ« lejoni tÃ« rregullojmÃ« kÃ«tÃ« tÃ« vÃ«rtetÃ« shpejt. MirÃ«. Ka tÃ« shkojmÃ«. Deri tani kuti Ã«shtÃ« zhdukur kur ne tÃ« klikoni butonin. Ne gjithashtu mund tÃ« ndryshojÃ« kjo nÃ« vetÃ«m fadeToggle, ndryshojÃ« atÃ« vetÃ«m pÃ«r tÃ« fshehur ose pÃ«r tÃ« treguar kuti, dhe kjo gjithashtu do tÃ« punojÃ« shumÃ«, nÃ« qoftÃ« se ne refresh. Ne mund tÃ« fshehin atÃ«, ne gjithashtu mund tÃ« tregojnÃ« atÃ«, dhe se do tÃ« vazhdojÃ« tÃ« punojÃ«. NjÃ« tjetÃ«r gjÃ« qÃ« mund tÃ« bÃ«jmÃ« Ã«shtÃ«, ne fakt nuk duhet tÃ« pÃ«rcaktojÃ« kÃ«tÃ« funksion hideTheBox para se ne e quajmÃ« funksion click. Pra, nÃ« vend tÃ« pÃ«rcaktimit tÃ« funksionit dhe duke bÃ«rÃ« thirrje hideTheBox, ne jemi vetÃ«m duke shkuar pÃ«r tÃ« thirrur atÃ«, nÃ«se kjo gjÃ« Ã«shtÃ« e klikuar. Pra, ne mund tÃ« pÃ«rcaktojÃ« atÃ« nÃ« mÃ«nyrÃ« anonime kÃ«tu, cila eshte nje funksion qÃ« ka JavaScript. Ju mund tÃ« pÃ«rcaktojÃ« njÃ« funksioni; normalisht, ne do tÃ« themi hideTheBox funksion me argumente, por nÃ« vend tÃ« kÃ«saj, ne mund tÃ« them vetÃ«m tÃ« funksionojÃ« pa argumente, fillojÃ« Brace kaÃ§urrel tÃ« saktÃ«simit tÃ« funksionit, mbyllÃ« kÃ«tÃ« Brace kaÃ§urrel, dhe pastaj vetÃ«m tÃ« pÃ«rcaktojÃ« funksionin nÃ« kÃ«tu, brenda kllapa parÃ« dhe parantezave fundit qÃ« korrespondojnÃ« me argumentet e funksionit click. Pra, ne jemi duke kaluar nÃ« kÃ«tÃ« funksion, ne mund tÃ« kopjoni kÃ«tÃ« linjÃ« tÃ« kodit tÃ« drejtÃ« kÃ«tu, dhe se do tÃ« bÃ«jÃ« tÃ« njÃ«jtÃ«n gjÃ« e saktÃ«. Dhe tani ne nuk kemi kÃ«tÃ« funksion tÃ« rastit fadeTheBox qÃ« Ã«shtÃ« ulur rreth pÃ«r asnjÃ« arsye tÃ« dukshme. Funksioni Ã«shtÃ« pÃ«rcaktuar anonime, ajo nuk ka njÃ« emÃ«r. Ajo do tÃ« ekzekutojÃ« vetÃ«m kur ne tÃ« klikoni mbi butonin kuti. Pra freskuese herÃ« mÃ« shumÃ«, njÃ« herÃ« mÃ« shumÃ«, dhe ju mund tÃ« shihni se ai ende punon. Dhe kjo Ã«shtÃ« se si ju e krijoni ngjarjet. 

Nuk janÃ« njÃ« shumÃ« e ngjarjeve tÃ« ndryshme qÃ« ne mund tÃ« pÃ«rdorni. UnÃ« jam duke shkuar pÃ«r tÃ« kaluar prapa pÃ«r tÃ« pÃ«rdorur tastierÃ« pÃ«r tÃ« vetÃ«m tÃ« ju tregojnÃ« se si kÃ«to punÃ«. IDS pÃ«r secilin nga kÃ«to korrespondojnÃ« me Ã§do kuti. Pra, kjo kuti Ã«shtÃ« ID klik, kjo Ã«shtÃ« njÃ« ID kyÃ§, dhe kjo Ã«shtÃ« njÃ« ID miut. NjÃ« gjÃ« mÃ« shumÃ« Ã«shtÃ« se nuk ka veprim ky funksion, nÃ« vend se tÃ« shtypni atÃ« nÃ« Ã§do kohÃ«, UnÃ« nÃ« fakt shkoi pÃ«rpara dhe tÃ« pÃ«rcaktuar kÃ«tÃ« funksion veprimi kÃ«tu poshtÃ«. Ai e bÃ«n tÃ« njÃ«jtÃ«n gjÃ« si funksion hideTheBox. Ajo merr kÃ«tÃ« kuti dhe as zbehet atÃ« apo zbehet atÃ« in Dhe kjo Ã«shtÃ« arsyeja pse ne jemi nÃ« gjendje ta pÃ«rdorin atÃ« kÃ«tu. Pra, nÃ« qoftÃ« se ne tÃ« klikoni mbi kÃ«tÃ« ID click, ne duam tÃ« bÃ«rÃ« kuti zhduken ose rishfaqen. ÃshtÃ« e njÃ«jta gjÃ« si butonin qÃ« kemi pasur nÃ« rrÃ«shqitje tÃ« fundit. Tani, pasi ne e quajmÃ« se, ne mund tÃ« klikoni mbi kÃ«tÃ« dhe kuti do tÃ« zhduket, pastaj klikoni mbi atÃ« pÃ«rsÃ«ri dhe kutia do tÃ« rishfaqen. Kjo Ã«shtÃ« shumÃ« e thjeshtÃ«. Klikoni dy herÃ« bÃ«n tÃ« njÃ«jtÃ«n gjÃ«, pÃ«rveÃ§ ajo kÃ«rkon njÃ« klik tÃ« dyfishtÃ«. Pra, nÃ«se ju klikoni mbi atÃ« njÃ« herÃ« dhe klikoni mbi atÃ« pÃ«rsÃ«ri asgjÃ« nuk do tÃ« ndodhÃ«, por nÃ« qoftÃ« se ju klikoni dy herÃ« mÃ« shpejt, ajo do tÃ« zhduket. NÃ«se ju klikoni dy herÃ«, ajo do tÃ« vijÃ« pÃ«rsÃ«ri. Pra, kjo Ã«shtÃ« shumÃ« e thjeshtÃ«. Input tastierÃ« Ã«shtÃ« lloj i Ã§uditshÃ«m, unÃ« nuk mendoj se nÃ« fakt ajo punon nÃ« kÃ«tÃ« shembull sepse Ã§elÃ«si poshtÃ«, lart dhe shtypni kyÃ§ kyÃ§ dhe veprime tÃ« tjera kyÃ§e aktivizuar asnjÃ« rÃ«ndÃ«si se Ã§farÃ« element qÃ« ju lidhin atÃ« pÃ«r tÃ«. PÃ«r shembull, edhe nÃ« qoftÃ« se unÃ« i detyruar Ã§elÃ«si poshtÃ« nÃ« trup apo diÃ§ka tjetÃ«r tÃ«rÃ«sisht, atÃ«herÃ« ajo do tÃ« vazhdojÃ« tÃ« aktivizuar nuk ka rÃ«ndÃ«si - kjo nuk Ã«shtÃ« specifik. UnÃ« nuk duhet tÃ« jetÃ« klikuar mbi kÃ«tÃ« dhe tÃ« shtypni njÃ« buton pÃ«r tÃ« bÃ«rÃ« Ã§do gjÃ« zhduket. Ajo do tÃ« aktivizohet pavarÃ«sisht nga ajo qÃ« elementi UnÃ« jam aktualisht in Pra, kÃ«to nÃ« fakt nuk punojnÃ« nÃ« kÃ«tÃ« shembull sepse ajo nuk e njeh mua si hyjnÃ« kontribut nÃ« div input keyboard. 

Por nÃ« qoftÃ« se ju shikoni nÃ« veprimet e miut, i pari po rri pezull, dhe kjo mund tÃ« bÃ«jÃ« disa tÃ« kÃ«tÃ« duke pÃ«rdorur CSS. NÃ« qoftÃ« se ju pÃ«rdorni CSS, ju mund ta krijoni atÃ« mÃ«nyrÃ« qÃ« nÃ« qoftÃ« se ju rri pezull mbi diÃ§ka, pastaj ndryshimet e tij stil. Por duke pÃ«rdorur jQuery ju mund tÃ« ndryshoni stilet e gjÃ«ra tÃ« tjera si. KÃ«shtu, pÃ«r shembull, ne jemi duke shkuar pÃ«r tÃ« thirrur veprim nÃ« qoftÃ« se ne rri pezull mbi kÃ«tÃ« div. Kjo do tÃ« thotÃ« nÃ« qoftÃ« se ne rri pezull mbi tÃ«, atÃ«herÃ« kuti do tÃ« zhduket. NÃ«se ne shkojmÃ« larg nga ajo, kutia do tÃ« rishfaqen. NÃ«se ne e quajmÃ« kÃ«tÃ« dhe rri pezull mbi tÃ«, kutia nuk zhduket, dhe sa mÃ« shpejt qÃ« ne shkojmÃ« larg, ajo vjen pÃ«rsÃ«ri. NÃ«se ne e quajmÃ« kÃ«tÃ« funksion rri pezull mbi ID miut, qÃ« i korrespondon kÃ«saj kutize, atÃ«herÃ« nÃ« qoftÃ« se ne rri pezull mbi kuti, atÃ«herÃ« kuti tÃ« vÃ«rtetÃ« do tÃ« zhduket - ajo e tÃ« qenit i shokuar tÃ« drejtÃ« tani, por - nÃ« qoftÃ« se ne shkojmÃ« larg prej saj, ajo do tÃ« rishfaqen. Tani pÃ«r tani kjo Ã«shtÃ« prapa pÃ«r disa arsye. Mouse tÃ« hyjnÃ« dhe tÃ« lÃ«vizin mausin funksionet janÃ« disi tÃ« ngjashme, por pak mÃ« ndryshe. Mouse tÃ« hyjÃ« vetÃ«m aktivizon kur miu hyn nÃ« kuti, siÃ§ pritej. Pra, nÃ«se ju hyni nÃ« tÃ«, ajo do tÃ« zhduket. Por kjo nuk do tÃ« rishfaqen kur ju lÃ«vizni larg, ju do tÃ« keni pÃ«r tÃ« lÃ«vizur prapa mbi atÃ« pÃ«r atÃ« qÃ« do tÃ« vijnÃ« pÃ«rsÃ«ri. Ka gjithashtu lÃ«vizin mausin funksion, i cili do tÃ« aktivizojÃ« kur miu eshte edhe pranishme nÃ« kuti. Pra, kjo vetÃ«m do tÃ« mbajnÃ« nÃ« vazhdim e sipÃ«r, vyshket nÃ« dhe jashtÃ«. Dhe kjo Ã«shtÃ« nÃ« fakt prerjet - kjo duket si ajo Ã«shtÃ« vetÃ«m venitje brenda dhe jashtÃ«, por kjo Ã«shtÃ« nÃ« fakt prerjet veprime shumÃ« mÃ« tepÃ«r se kjo, kÃ«shtu qÃ« kur ju lÃ«vizin larg ajo vetÃ«m do tÃ« mbajÃ« pÃ«r shkak se ajo Ã«shtÃ« nÃ« Anglisht si njÃ« mijÃ« prej tyre. Ndoshta jo njÃ« mijÃ«. Ndoshta pesÃ«. Ajo shkrimet mÃ« shumÃ« se kaq. ÃÃ«shtja Ã«shtÃ«, tÃ« gjitha veprimet e miut, ka shumÃ« prej tyre. Ju mund tÃ« lexoni deri nÃ« ato tÃ« tjera, por ata janÃ« tÃ« gjithÃ« pak mÃ« tÃ« ndryshme, dhe cilado qÃ« ju mund tÃ« vini njÃ« qÃ« ju duhet cilado pÃ«r qÃ«llim tÃ« veÃ§antÃ« qÃ« ju jeni duke u pÃ«rpjekur pÃ«r tÃ« bÃ«rÃ«. 

GjÃ« tjetÃ«r qÃ« unÃ« jam duke shkuar pÃ«r tÃ« biseduar rreth Ã«shtÃ« AJAX. AJAX, unÃ« e di se ne nuk kemi mbuluar JavaScript nÃ« thellÃ«si si shumÃ« kÃ«tÃ« vit, kÃ«shtu qÃ« unÃ« jam vetÃ«m do tÃ« flasim pÃ«r AJAX nÃ« pÃ«rgjithÃ«si pÃ«r njÃ« minutÃ«. AJAX qÃ«ndron pÃ«r Asynchronous JavaScript dhe XML. Kjo Ã«shtÃ« nÃ« thelb, pÃ«r shembull, kur ju jeni nÃ« Facebook dhe kjo ju shtyn njÃ« njoftim, kjo Ã«shtÃ« pÃ«r shkak AJAX po kandidon nÃ« shfletuesin tuaj web. Ãdo Ã§ift i sekondave shfletuesin tuaj web Ã«shtÃ« nÃ« fakt duke shkuar nÃ« serverat e Facebook, duke u kÃ«rkuar atyre, a keni ndonjÃ« gjÃ« tÃ« re pÃ«r mua, dhe pastaj ajo vjen pÃ«rsÃ«ri tek ju. Kjo ju lejon tÃ« dÃ«rgoni kÃ«rkesat pÃ«r njÃ« server nÃ« tÃ« vÃ«rtetÃ« pa pasur nevojÃ« tÃ« ngarkesÃ«s faqe. Pra normalisht, nÃ« qoftÃ« se ju jeni vetÃ«m duke pÃ«rdorur PHP dhe njÃ« databazÃ«, ju keni pÃ«r tÃ« rifreskoni faqen para se ju mund tÃ« merrni informacion tÃ« ri nga serveri. Por duke pÃ«rdorur AJAX, ju mund tÃ« tÃ«rheqÃ« pÃ«r kÃ«tÃ« informacion tÃ« ri vazhdimisht, ose tÃ« tÃ«rheqÃ« pÃ«r atÃ« kur ju klikoni njÃ« buton apo diÃ§ka tÃ« tillÃ«. Pra, kjo na lejon tÃ« dÃ«rgoni kÃ«rkesat pa reloading page, dhe ne mund tÃ« pÃ«rdorni ose GET ose PAS kÃ«rkesa. 

GET kÃ«rkesa janÃ«, pÃ«r shembull, nÃ« qoftÃ« se ju tÃ« Google.com in English dhe tÃ« bÃ«jÃ« testin q =. Kjo Ã«shtÃ« duke u dhÃ«nÃ« atyre njÃ« test pyetje. Dhe kjo Ã«shtÃ« njÃ« kÃ«rkesÃ« GET, sepse ajo kalonte nÃ« ato parametra nÃ« URL vetÃ«. NjÃ« kÃ«rkesÃ« POST Ã«shtÃ« si nÃ« qoftÃ« se ju jeni dÃ«rguar ato pÃ«rmes postÃ«s. Ajo Ã«shtÃ« si ju vÃ«nÃ« atÃ« nÃ« njÃ« letÃ«r dhe anija atÃ« jashtÃ« atyre, por ata nÃ« fakt nuk shohin pÃ«rmbajtjen. Ata nuk janÃ« tÃ« dukshme nÃ« URL. Ju nuk mund tÃ« drejtpÃ«rdrejt tÃ« shkruani atÃ« nÃ«, ju duhet tÃ« dÃ«rgoni atÃ« pothuajse fshehurazi. Ajo Ã«shtÃ« nÃ« njÃ« post. Por duke pÃ«rdorur jQuery, ju mund tÃ« bÃ«ni GET dhe kÃ«rkesave PAS shumÃ« mÃ« lehtÃ« se sa normalisht ju mund tÃ« pÃ«rdorni vetÃ«m JavaScript thjeshtÃ«. Ju mund query TV duke pÃ«rdorur GET kÃ«rkesa, dhe ju gjithashtu mund tÃ« kontrolloni pÃ«r login informacion. NÃ« faqen tjetÃ«r, UnÃ« tÃ« krijova kÃ«tÃ«, i cili pyet: "ÃfarÃ« ka pÃ«r drekÃ«?" pÃ«rdorimin e ushqimit Harvardit API, kÃ«shtu qÃ« le tÃ« tÃ«rheqÃ« qÃ« deri. Ky Ã«shtÃ« vetÃ«m njÃ« shembull se si ju mund tÃ« pÃ«rdorni jQuery pÃ«r tÃ« bÃ«rÃ« njÃ« kÃ«rkesÃ« pÃ«r tÃ« marrÃ« njÃ« API dhe pÃ«r tÃ« marrÃ« informacion kthehet nga ajo. Pra, ne duam tÃ« shohim menu pÃ«r sot, dhe ne duam tÃ« shohim se Ã§farÃ« Ã«shtÃ« pÃ«r drekÃ«. KÃ«tu Ã«shtÃ« URL pÃ«r tÃ« krijuar njÃ« kÃ«rkesÃ« pÃ«r tÃ« marrÃ« nÃ« jQuery. ju pÃ«rdorni $. marrÃ« funksionin. Argumenti i parÃ« Ã«shtÃ« URL, kÃ«shtu qÃ« saktÃ«sisht Ã§farÃ« ju jeni querying. Pastaj argumenti tjetÃ«r Ã«shtÃ« njÃ« funksion qÃ« ekzekuton kur kÃ«rkesa merrni Ã«shtÃ« i plotÃ«. Pra, ju dÃ«rgoj disa kÃ«rkesÃ«n nÃ« server, prisni qÃ« ajo tÃ« vijÃ« pÃ«rsÃ«ri. Kur ajo nuk kthehet, ju jeni duke shkuar pÃ«r tÃ« marrÃ« disa veprime me tÃ« dhÃ«na qÃ« Ã«shtÃ« kthyer nga serveri. Le tÃ« shkojnÃ« pÃ«rpara dhe tÃ« Kodit, ky si. UnÃ« nuk Kodit, ky as, me qÃ«llim. Ja TODO. Para sÃ« gjithash, le tÃ« pÃ«rdorin lidhjen ngjarje kÃ«shtu qÃ« kur shtypet ky buton, ne kemi dÃ«rguar njÃ« kÃ«rkesÃ« tÃ« merrni off. Dhe kur kjo tÃ« marrÃ« tÃ« kthimit kÃ«rkesÃ« me disa tÃ« dhÃ«nave, ne jemi duke shkuar pÃ«r tÃ« shkruar atÃ« nÃ« kÃ«tÃ« div info vakt ID. Para sÃ« gjithash, le tÃ« zgjidhni ID butonin ushqimit. Kur ajo Ã«shtÃ« klikuar, ne duam qÃ« ajo tÃ« bÃ«jÃ« diÃ§ka. Le tÃ« vetÃ«m tÃ« bÃ«jÃ« atÃ« njÃ« fuction anonim, si mÃ« parÃ«. Mund tÃ« pÃ«rfundojÃ« ato formatimin e teksteve kaÃ§urrel, dhe kur shtypet ky buton, ne duam tÃ« dÃ«rgoni njÃ« kÃ«rkesÃ« GET pÃ«r tÃ« kontrolluar se Ã§farÃ« Ã«shtÃ« pÃ«r drekÃ«. PÃ«r ta bÃ«rÃ« kÃ«tÃ«, ne mund tÃ« shkruani vetÃ«m $. Merrni. Ky Ã«shtÃ« njÃ« funksion jQuery, duke pÃ«rdorur shenjÃ«n e dollarit. Ajo merr njÃ« Ã§ift tÃ« argumenteve. I pari Ã«shtÃ« URL, e dyta Ã«shtÃ« funksion callback, funksioni qÃ« Ã«shtÃ« quajtur kur se kÃ«rkesa nÃ« fakt kthehet. Le tÃ« vetÃ«m tÃ« ndÃ«rtuar URL parÃ«. Ne mund tÃ« merrni atÃ« nga API Davidi i shkroi deri. Shkuarja kÃ«tu, ne mund tÃ« shohim se kjo Ã«shtÃ« food.cs50.net/api/1.3/menus, dhe atÃ«herÃ« ju vetÃ«m tÃ« kalojÃ« nÃ« emrat e parametrave qÃ« ju do tÃ« donit. Pra, Ã«shtÃ« vlera parametri 1 1. Ajo duket si data standarde, Start, date defaults pÃ«r sot nÃ« qoftÃ« se ju nuk shkruani asgjÃ« dhe data e pÃ«rfundimit gjithashtu defaults pÃ«r sot, nÃ«se ju nuk shkruani asgjÃ«. Kjo Ã«shtÃ« ajo qÃ« ne duam. Ne duam qÃ« vetÃ«m tÃ« marrÃ« informacion pÃ«r sot. 

Ne duam formati tÃ« jetÃ« nÃ« JSON. Kjo Ã«shtÃ« vetÃ«m arbitrare, ju mund tÃ« pÃ«rdorni Ã§do formÃ« qÃ« ju dÃ«shironi. Ju mund tÃ« pÃ«rdorni CSV, por JSON Ã«shtÃ« simbol JavaScript Object. ÃshtÃ« shumÃ« e lehtÃ« pÃ«r JavaScript pÃ«r tÃ« kuptuar Ã§farÃ« do tÃ« thotÃ«, dhe ne mund tÃ« shtypura it out mÃ« lehtÃ« nÃ« kÃ«tÃ« mÃ«nyrÃ«. Pra, le tÃ« kÃ«rkojÃ« atÃ« nÃ« JSON, dhe drekÃ« le kÃ«rkesÃ«. Pra vakt = drekÃ«. VetÃ«m tÃ« shkruani URL-up se, ne kthehemi kÃ«tu. Ka menutÃ«. ParametÃ«r i parÃ« Ã«shtÃ« output = JSON sepse kjo Ã«shtÃ« ajo qÃ« ne duam, dhe ju ndajÃ« parametrat me njÃ« 'dhe'. Parametri i dytÃ« Ã«shtÃ« - unÃ« nuk e mbani mend. Vakt. Dhe ne duam = drekÃ« vakt. Ju mund ta provoni kÃ«tÃ« duke shtypur atÃ« URL nÃ« shfletuesin tuaj dhe duke shkuar pÃ«r tÃ«. Kjo do t'ju japÃ« disa dalje. Kjo Ã«shtÃ« vetÃ«m njÃ« bandÃ« e sende qÃ« Ã«shtÃ« pÃ«r drekÃ«. ÃshtÃ« nÃ« kÃ«tÃ« format tÃ« shÃ«mtuar. Ne duam tÃ« shtypura atÃ« onto faqen tonÃ« nÃ« njÃ« format tÃ« mirÃ«. KÃ«shtu qÃ« URL Ã«shtÃ« korrekte, tani ne vetÃ«m duhet tÃ« shkruani njÃ« funksion pÃ«r tÃ« thirrur pÃ«rsÃ«ri kur kÃ«rkesa Ã«shtÃ« e suksesshme. Ky funksion do tÃ« vÃ«rtetÃ« tÃ« marrÃ« njÃ« argument. Ajo do tÃ« jetÃ« dhÃ«nave. TÃ« dhÃ«nat Ã«shtÃ« ajo vjen pÃ«rsÃ«ri nga kÃ«rkesa merrni pas kÃ«rkesa merrni Ã«shtÃ« bÃ«rÃ«. Ne mund tÃ« bÃ«jmÃ« formatimin e teksteve kaÃ§urrel, kÃ«tu kemi shkruar funksionin anonim qÃ« ekzekuton, duke pÃ«rdorur tÃ« dhÃ«nat qÃ« kur ne tÃ« merrni informacion mbrapa. Pra dhÃ«nave, kur kemi shtypur nÃ« kÃ«tÃ« URL, kjo Ã«shtÃ« ajo qÃ« tÃ« dhÃ«nat do tÃ« duken si. Ajo do tÃ« jetÃ« ky varg i madh. Por gjÃ«ja e mirÃ« Ã«shtÃ«, JavaScript mund tÃ« kuptoj atÃ« duke pÃ«rdorur funksionin JSON.parse. Pra, le tÃ« krijojÃ« njÃ« ndryshore tÃ« ri tÃ« quajtur analizimi i tÃ« dhÃ«nave. Dhe tÃ« dhÃ«nat Parse Ã«shtÃ« njÃ« koleksion tÃ« objekteve. Ãdo objekt pÃ«rmban informacion tÃ« tillÃ« si - mirÃ«, le tÃ« marrin njÃ« sy. Ajo ka njÃ« datÃ«, njÃ« vakt, kategori, recetÃ«, tÃ« gjitha kÃ«to gjÃ«ra tjera. Pra, le tÃ« vetÃ«m tÃ« shtypura nga njÃ« emÃ«r pÃ«r secilin. Le tÃ« iterate mbi array tÃ«rÃ« e gjÃ«ra qÃ« ne tÃ« kthehemi nga ai, dhe vetÃ«m tÃ« shtypura nga Ã§do njÃ«ri - printojÃ« emrin e secilit. Kjo Ã«shtÃ« njÃ« pÃ«r lak. 

Java e ka kÃ«tÃ« sintaksÃ« tÃ« dobishme, ku ju mund tÃ« krijojÃ« njÃ« ndryshore dhe loop mbi njÃ« grup, dhe var unÃ« Ã«shtÃ« vetÃ«m iterator, kÃ«shtu qÃ« nÃ« vend qÃ« tÃ« bÃ«jÃ« var = 0, i ishte mÃ« pak se gjatÃ«sia, i + +, ju mund tÃ« bÃ«ni vetÃ«m VAR i tÃ« dhÃ«nave nÃ« parsed. NÃ« kÃ«tÃ« shembull, tÃ« dhÃ«nat parsed (i) do tÃ« korrespondojnÃ« me elementin e tanishme i vargut, objekti aktual. Dhe ne duam qÃ« tÃ« marrÃ« emrin nga ajo. Pra, le tÃ« vetÃ«m tÃ« bÃ«jÃ« emÃ«r. Dhe gjÃ«ja e fundit Ã«shtÃ«, ne jemi duke shkuar pÃ«r tÃ« ketÃ« disa jQuery pÃ«rsÃ«ri. NÃ« fakt tÃ« shtoni atÃ« nÃ« div, ky info vakt div kjo Ã«shtÃ« aktualisht bosh. Pra, le tÃ« zgjidhni se. Ne do tÃ« pÃ«rdorim jQuery dhe zgjidhni Info vakt ID div, apo info vakt ID, sorry. Ne duam tÃ« append pÃ«r kÃ«tÃ«. NÃ« qoftÃ« se ne e bÃ«mÃ« testin, pÃ«r shembull, ai vetÃ«m do tÃ« prishÃ«sh atÃ« Ã§do herÃ« tÃ« vetme. Pra, ne vetÃ«m mund tÃ« append kÃ«tÃ«. Elementi aktuale nÃ« grup, ne do tÃ« merrni emrin nga ajo, dhe ne do tÃ« append atÃ« nÃ« fund tÃ« vakt div info ID. Dhe pastaj vetÃ«m pÃ«r tÃ« bÃ«rÃ« tÃ« duken mÃ« tÃ« pastÃ«r, Ne gjithashtu do tÃ« append njÃ« pushim linjÃ« kÃ«shtu qÃ« nuk Ã«shtÃ« e gjitha nÃ« njÃ« rresht. Pra, nÃ«se gjithÃ§ka shkon mirÃ«, qÃ« duhet tÃ« jetÃ« e mirÃ« pÃ«r tÃ« - para sÃ« gjithash, sa herÃ« qÃ« ky buton Ã«shtÃ« klikuar, ajo do tÃ« dÃ«rgoj njÃ« kÃ«rkesÃ« pÃ«r tÃ« marrÃ« kÃ«tÃ« URL. Kur tÃ« dhÃ«nat kthehet prej saj, ai do tÃ« kuptoj atÃ«, kthejnÃ« atÃ« nÃ« JSON, lak mbi array tÃ«rÃ« pÃ«rfaqÃ«sojnÃ« ato tÃ« dhÃ«na, dhe pastaj append emrin dhe njÃ« pushim linjÃ« pÃ«r Ã§do linjÃ« nÃ« kÃ«tÃ« ID info vakt cila ishte mÃ« parÃ« bosh. Pra, duke shkuar prapa nÃ« kÃ«tÃ« faqe, ne do tÃ« refresh, kliko, tÃ« gjeni - ai nuk punon. Kjo Ã«shtÃ« pÃ«r tÃ« ardhur keq. Dhe kjo Ã«shtÃ« ajo ku vjen in debugging Index.html, alineja 1. ÃshtÃ« interesant. TÃ« gjithÃ« tÃ« drejtÃ«, tÃ« mirÃ«, nÃ« vend se tÃ« shpenzojÃ« kohÃ« pÃ«r ta bÃ«rÃ« kÃ«tÃ«, unÃ« jam vetÃ«m duke shkuar pÃ«r tÃ« tÃ«rheq lart skedarin qÃ« kam bÃ«rÃ«, i cili Ã«shtÃ« versioni i pÃ«rfunduar. UnÃ« nuk jam i sigurt se Ã§farÃ« Ã«shtÃ« dallimi, por ne vetÃ«m mund tÃ« hapur kÃ«tÃ« deri nÃ« vend. Dhe ne do tÃ« shkojmÃ« nÃ« AJAX, dhe kjo duhet tÃ« funksionoj nÃ« rregull. Kjo Ã«shtÃ« ajo qÃ« ishte pÃ«r drekÃ« sot, nÃ« asnjÃ« mÃ«nyrÃ« tÃ« veÃ§antÃ«, me thonjÃ«za rreth tij, kÃ«shtu qÃ« nuk Ã«shtÃ« prettiest. Por, natyrisht, nÃ« qoftÃ« se keni qenÃ« bÃ«rÃ« kÃ«tÃ« pÃ«r njÃ« projekt pÃ«rfundimtar, ju do tÃ« bÃ«jÃ« atÃ« tÃ« duket mÃ« mirÃ«. Por kjo Ã«shtÃ« vetÃ«m njÃ« shembull i thjeshtÃ« se si ju bÃ«ni kÃ«rkesÃ«n merrni. Dhe nÃ«se ne shikojmÃ« nÃ« kodin aktual, unÃ« jam guessing, unÃ« jam goxha i sigurt kjo Ã«shtÃ« ende shumÃ« e shumÃ« tÃ« njÃ«jtÃ«n gjÃ«. Oh, kam harruar pÃ«r tÃ« kthyer atÃ« nÃ« njÃ« varg, qÃ« Ã«shtÃ« ajo. Jo, ajo nuk Ã«shtÃ« ende duke punuar. PavarÃ«sisht, kÃ«tu Ã«shtÃ« kodi aktual pÃ«rfunduar pÃ«r atÃ« qÃ« kjo duhet tÃ« duken si, dhe kjo e bÃ«n tÃ« njÃ«jtÃ«n gjÃ« si ajo qÃ« kam zbatuar vetÃ«m. Kur ju klikoni nÃ« butonin, ajo pÃ«rdor GET JSON automatikisht tÃ« bÃ«j analizÃ« gramatikore tÃ« dhÃ«nave. Ajo merr tÃ« dhÃ«nat pÃ«rsÃ«ri nga ajo dhe sythe nÃ«pÃ«r rrjet tÃ« tÃ«rÃ« dhe printime jashtÃ« - Ã§do gjÃ« pÃ«r drekÃ« sot, emrin e tij, dhe QUESTION njÃ« pushim linjÃ« pas Ã§do linjÃ«. Kjo Ã«shtÃ« se si ju pÃ«rdorni funksionin merrni. 

Ju gjithashtu mund tÃ« pÃ«rdorni Post, tÃ« cilÃ«n unÃ« nuk kam kohÃ« pÃ«r tÃ« shkruar deri njÃ« shembull pÃ«r kÃ«tÃ«, por ne mund tÃ« shohim nÃ« dokumentacion. NÃ«se ju shikoni nÃ« jquery.post, ju mund tÃ« shihni se ajo Ã«shtÃ« pothuajse e njÃ«jta gjÃ«. Ju keni njÃ« URL, por nÃ« vend tÃ« kalimit parametrat e pÃ«rdorur - vetÃ«m vÃ«nien e tyre nÃ« vargun pÃ«r URL vetÃ«, ju duhet tÃ« kalojÃ« nÃ« kÃ«tÃ« variabÃ«l tÃ« dhÃ«nave qÃ« Ã«shtÃ« nÃ« thelb njÃ« grup, njÃ« fjalor qÃ« harta parametrave pÃ«r vlerat. Ju ndodhÃ« qÃ« nÃ« tÃ«, dhe qÃ« i dÃ«rgon ato nÃ« pÃ«rdorimin e njÃ« post. Dhe njÃ« herÃ« ju keni atÃ«, atÃ«herÃ« ju mund tÃ« ketÃ« njÃ« funksion sukses qÃ« ekzekuton kur tÃ« dhÃ«nave vjen mbrapa. PÃ«rndryshe, ajo Ã«shtÃ« saktÃ«sisht e njÃ«jtÃ«. Pra, duke pÃ«rdorur POST, ju mund tÃ« dÃ«shironi tÃ« pÃ«rdorni Post, pÃ«r shembull, nÃ«se ju keni njÃ« formÃ« input ju le tÃ« njerÃ«zit fjalÃ«kalimet e dhÃ«na nÃ« tÃ«, dhe dÃ«rgoni ato fjalÃ«kalimet off pÃ«r tÃ« prapa-fund shkrimin tuaj, pÃ«r tÃ« kontrolluar nÃ« bazÃ«n e tÃ« dhÃ«nave qÃ« pÃ«rdoruesi nÃ«se Ã«shtÃ« e vlefshme apo jo. Ju mund tÃ« bÃ«ni qÃ« tÃ« gjithÃ« duke pÃ«rdorur jQuery vend qÃ« tÃ« rifreskoni faqen nÃ« tÃ« gjitha. Kjo Ã«shtÃ« se si unÃ« zbatuar nÃ« blog qÃ« unÃ« ju tregoi se mÃ« herÃ«t. NÃ«se shkojmÃ« nÃ« portalin fund dhe log out, log out, Identifikohu out nuk funksionon. E pra, mÃ« lejoni vetÃ«m tÃ« hapur atÃ« deri nÃ« njÃ« dritare tÃ« re. KÃ«tu nuk Ã«shtÃ« njÃ« fjalÃ«kalim, dhe unÃ« do tÃ« shkruani diÃ§ka tÃ« rastit. Ajo nuk punon, por ju mund tÃ« shihni se ne nuk nÃ« fakt duhet tÃ« rifreskoni faqen nÃ« tÃ« gjitha. Kodi, nÃ« qoftÃ« se ju dÃ«shironi tÃ« shikoni nÃ« atÃ«, Ã«shtÃ« e gjitha nÃ« dispozicion kÃ«tu. Pra kodin kam shkruar vitin e kaluar diku. SiÃ§ mund ta shihni kÃ«tu, ne jemi duke dÃ«rguar njÃ« kÃ«rkesÃ« POST. UnÃ« kam njÃ« skedar tÃ« quajtur login.php nÃ« fund e pasme, i cili kontrollon nÃ«se fjalÃ«kalimi Ã«shtÃ« i vlefshÃ«m. Parametrat e kalojmÃ« nÃ« tÃ« janÃ« password, mapped input qÃ« Ã«shtÃ« nÃ« kÃ«tÃ« kutinÃ« e input aktualisht. Dhe kur tÃ« dhÃ«nat vjen mbrapa, ne kontrolloni. NÃ«se tÃ« dhÃ«nave Ã«shtÃ« e rreme, atÃ«herÃ« ne themi FjalÃ«kalim i pasaktÃ«, rrÃ«shqitje atÃ« poshtÃ«, dhe vetÃ«m tÃ« bÃ«jÃ« atÃ« tÃ« zhduket pas kÃ«saj. PÃ«rndryshe, ne tÃ« ngarkesÃ«s faqen admin. Dhe kjo Ã«shtÃ« bÃ«rÃ« duke pÃ«rdorur tÃ« gjitha JSON. NÃ« kÃ«tÃ« shumÃ« linja tÃ« kodit, ju mund vetÃ«m tÃ« kalojÃ« tÃ« dhÃ«nat nÃ« fund e pasme, kontrolloni nÃ«se ajo Ã«shtÃ« e saktÃ«, kontrolloni nÃ«se keni ruajtur nÃ« tÃ« saktÃ«, dhe nÃ« fakt tÃ« pÃ«rgjigjet pÃ«r atÃ«, PÃ«rcjellin personin nÃ« faqen e duhur ose nuk i lÃ«nÃ« ata tÃ« hyni nÃ« dhe duke u thÃ«nÃ« atyre se ata kishin njÃ« fjalÃ«kalim tÃ« gabuar. Pra, kjo Ã«shtÃ« njÃ« shembull se si ju mund tÃ« pÃ«rdorni POST jQuery tÃ« dÃ«rgojÃ« njÃ« kÃ«rkesÃ« tÃ« postoni nÃ« fund tuaj mbrapa, kontrolluar nÃ«se dikush Ã«shtÃ« i loguar saktÃ«. 

TÃ« gjithÃ« tÃ« drejtÃ«, kÃ«shtu qÃ« kjo Ã«shtÃ« e gjitha shembujt e kam pasur, dhe tÃ« gjitha stuff kam kÃ«rkuar pÃ«r tÃ« mbuluar. Ata janÃ« gjÃ«rat kryesore qÃ« jQuery ju lejon tÃ« bÃ«ni: zgjidhni elemente, modifikojÃ« ato duke pÃ«rdorur manipulimin DOM, ju mund tÃ« shtoni efekte, aktivizoni gjÃ«ra mbi ngjarjet e caktuara, dhe gjithashtu tÃ« bÃ«ni kÃ«rkesat AJAX shumÃ« tÃ« seamlessly dhe me lehtÃ«si. Pra, ju falÃ«nderoj pÃ«r ardhjen apo shikuar, dhe nÃ« qoftÃ« se ju keni ndonjÃ« pyetje, just let me know. Po? [Student] Kthehu kur ju tregoi, keni pasur JSON pas kÃ«rkesÃ«s post nÃ« thonjÃ«za, dhe unÃ« isha vetÃ«m pyesin se Ã§farÃ« bÃ«ri. >> Yeah, unÃ« shoh. Pyetja ishte se, nÃ« shembullin UnÃ« vetÃ«m tregoi, atje ishte JSON fjala nÃ« thonjÃ«za rreth - UnÃ« vetÃ«m do tÃ« tÃ«rheqÃ« atÃ« pÃ«rsÃ«ri - rreth funksionit post. UnÃ« jam vetÃ«m duke tÃ«rhequr atÃ« deri pÃ«r tÃ« treguar. KÃ«shtu qÃ« kÃ«tu Ã«shtÃ« kjo kÃ«rkesÃ« POST, dhe ka kÃ«tÃ« JSON nÃ« thonjÃ«za. Kjo thjesht pÃ«rcakton se Ã§farÃ« ne jemi duke pritur qÃ« prodhimi tÃ« jetÃ«. Pra, nÃ«se ne tÃ« kalojÃ« nÃ« JSON si tipi pritshme tÃ« dhÃ«nave, kjo nuk Ã«shtÃ« njÃ« kÃ«rkesÃ«, por nÃ« qoftÃ« se ne tÃ« kalojÃ« nÃ« atÃ«, atÃ«herÃ« tÃ« dhÃ«nat automatikisht do tÃ« parsed si JSON. Pra, ne nuk kemi pÃ«r tÃ« thirrur funksionin Parse JSON nÃ« tÃ«, ajo vetÃ«m do tÃ« ndodhÃ« automatikisht. Dhe nÃ«se ju merrni njÃ« vÃ«shtrim nÃ« dokumentacionin pÃ«r postin, nuk Ã«shtÃ« ky variabÃ«l tÃ« dhÃ«nave lloj, lloji i tÃ« dhÃ«nave qÃ« priten nga serveri. Ajo defaults nÃ« njÃ« guess inteligjente qÃ« mund tÃ« jetÃ« i gabuar, kÃ«shtu qÃ« ju mund tÃ« lÃ«nÃ« atÃ« bosh, por kjo Ã«shtÃ« vetÃ«m lloji i tÃ« dhÃ«nave nÃ« kodim qÃ« ju jeni duke pÃ«rdorur, nÃ«se kjo Ã«shtÃ« JSON ose XML apo diÃ§ka tjetÃ«r. 

Ãdo pyetje tÃ« tjera? Dakord. NÃ«se keni ndonjÃ« pyetje tÃ« tjera, tÃ« ndjehen tÃ« lirÃ« tÃ« email mua nÃ« vshekhawat@college.harvard.edu, dhe slides dhe kodi duhet tÃ« jetÃ« nÃ« dispozicion online goxha shpejt. Good luck me projektet tuaja finale, shpresoj se ju pÃ«rdorni jQuery. [CS50.TV]