JavaScript arendajatele: põhitõdedest täisversioonini

Esileht » Python » JavaScript arendajatele: põhitõdedest täisversioonini

JavaScriptist on saanud tänapäevase veebiarenduse igapäevane keel – kui lood midagi enamat kui lihtsalt staatiline brošüürisait, siis varem või hiljem hakkad kirjutama JavaScripti. Alates peentest kasutajaliidese efektidest kuni täisväärtuslike veebirakenduste ja taustteenusteni – JavaScript annab interaktiivseid kogemusi, mida kasutajad nüüd iseenesestmõistetavaks peavad.

See juhend on suunatud arendajatele, kes soovivad mõista JavaScripti kui põhilist arendustööriista., mitte lihtsalt mõned kopeeritud ja kleebitud koodijupid. Vaatame, kust see pärineb, mis teeb selle eriliseks, kuidas see integreerub HTML-i ja CSS-iga, kliendipoolset ja serveripoolset kasutamist, süntaksi põhitõdesid, tüüpilisi kasutusjuhtumeid, olulisi tööriistu, populaarseid teeke ja raamistikke ning isegi realistlikku tegevuskava keelega produktiivseks muutumiseks.

Mis on JavaScript ja miks see on veebiarenduses nii oluline?

JavaScript (sageli lühendatult JS) on kerge, interpreteeritud või just-in-time kompileeritud programmeerimiskeel esmaklassiliste funktsioonidega.Algselt oli see mõeldud brauseri skriptimiskeelena, kuid tänapäeval töötab see praktiliselt kõikjal: brauserites, serverites (Node.js), andmebaasides, töölauarakendustes ja mobiilirakendustes.

Veebis on JavaScript klassikalise HTML + CSS + JS kihi kolmas kiht.HTML annab sisule struktuuri ja tähenduse, CSS kontrollib visuaalset välimust ja paigutust ning JavaScript süstib dünaamilist käitumist – sisu värskendamine lennult, reageerimine kasutaja toimingutele, graafika animeerimine, multimeedia esitamine ja integreerimine andme-API-dega.

Ajalooliselt olid veebilehed enamasti staatilised dokumendid, pigem nagu raamatu digitaalsed leheküljed. Laadisid lehe, lugesid seal olevat ja oligi kõik. JavaScript tekkis veebilehtede dünaamiliseks muutmiseks: reageerides kasutaja nupule klõpsamisele, vormi valideerides ilma lehte uuesti laadimata või korraldades elemente ümber vastavalt interaktsioonidele.

Tänapäeval on JavaScript universaalne ja mitme paradigmaga keel mis toetab imperatiivseid, funktsionaalseid ja objektorienteeritud programmeerimisstiile. See on prototüübipõhine, prügikoristussüsteemiga ja väga dünaamiline: saate objekte luua käitusajal, neid kontrollida ja muuta, funktsioone väärtustena edasi anda ning isegi koodi lennult genereerida ja käivitada.

Kuidas JavaScript sündis ja standardiseeriti

JavaScripti lõi Brendan Eich 1995. aastal Netscape'is töötades.Esialgne versioon ehitati mõne nädalaga, et tuua Netscape Navigatori brauserisse skriptimisvõimalused, ja sellest sai kiiresti veebis kliendipoolse skriptimise de facto standard.

Tarnijaga seotuse vältimiseks standardiseeriti keel hiljem ECMAScriptina. Ecma Internationali poolt. Põhispetsifikatsioon asub ECMA-262-s ja kirjeldab keelt ennast, samas kui ECMA-402 hõlmab rahvusvahelistumise API-sid, näiteks lokaadipõhist numbri- ja kuupäevavormingut.

Kaasaegsed JavaScripti funktsioonid läbivad mitmeastmelise pakkumisprotsessi enne ametlikku ECMAScripti standardisse jõudmist. Brauserid rakendavad funktsioone sageli juba hilisemas ettepanekute etapis, mis tähendab, et arendajad ja dokumentatsioon võivad enne spetsifikatsiooni ametlikku avaldamist uue süntaksi või API-sid kasutusele võtta.

Oluline on mitte segi ajada JavaScript koos JavagaVaatamata sarnastele nimedele ja teatavale pealiskaudsele süntaktilisele sarnasusele on need täiesti erinevad keeled, millel on erinevad käitusajad ja ökosüsteemid. Mõlemad nimed on Oracle'i kaubamärgid, kuid JavaScript ei ole „tõlgendatud Java” ega ükski Java variant.

Põhiomadused, mis muudavad JavaScripti ainulaadseks

Üks JavaScripti määravamaid omadusi on selle dünaamiline olemusMuutujad võivad sisaldada mis tahes tüüpi väärtusi ja aja jooksul tüüpi muuta; objekte saab lennult laiendada; funktsioone saab luua ja edastada nagu iga teist väärtust.

JavaScript kohtleb funktsioone esmaklassiliste kodanikenaSaate neid salvestada muutujatena, edastada argumentidena, tagastada teistest funktsioonidest ja luua võimsaid abstraktsioone, näiteks tagasihelistusi, kõrgema järgu funktsioone ja asünkroonseid juhtimisvooge.

Keel on oma olemuselt pigem prototüübi- kui klassipõhineIga objekt saab pärida otse teiselt objektilt (oma prototüübilt). Kuigi tänapäevane süntaks pakub klassisuhkrut, on pärimine sisuliselt siiski prototüübipõhine, mis aitab kaasa JavaScripti paindlikkusele.

Teine tunnusjoon on selle sündmustepõhine teostusmudelEriti brauseris on JS-kood tavaliselt jõudeolekus, kuni toimuvad sellised sündmused nagu klõpsud, klahvivajutused, võrguvastused või taimerid, mille järel registreeritud käitlejad käivituvad ja potentsiaalselt lehte värskendavad.

Lõpuks on JavaScript lõdvalt (või nõrgalt) tüüpitud.Erinevalt tugevalt tüübitud keeltest, kus muutujate tüübid deklareeritakse selgesõnaliselt, saavad JS-i muutujad hoida mis tahes tüüpi ja mootor teeb vajadusel tüübi sundimise. See võimaldab kiiret prototüüpimist, kuid võib viia ka peente vigadeni, kui segatüüpide võrdlemisel ja toimingutel ettevaatlik ei ole.

JavaScript brauseris: kuidas see tegelikult töötab

Kõik suuremad brauserid pakuvad oma JavaScripti mootorit – V8 (Chrome, Edge), SpiderMonkey (Firefox), JavaScriptCore (Safari) ja teised. Need mootorid ei „tõlgenda” enam lihtsalt JS-i rida-realt, vaid kasutavad just-in-time (JIT) kompileerimistehnikaid, et teisendada kuumad kooditeed optimeeritud masinkoodiks käitusajal.

Lehe laadimisel parsib brauser HTML-i ja loob dokumendiobjekti mudeli (DOM)., lehe iga elemendi puukujuline esitus: pealkirjad, lõigud, nupud, sisendid jne. CSS parsitakse eraldi struktuuriks, mis kontrollib visuaalset stiili.

Seejärel käivitatakse JavaScript isoleeritud täitmiskeskkonnas. vahekaardiga seotud. Kood saab päringuid teha ja DOM-i muuta, stiile kohandada, sündmuste kuulajaid registreerida ja võrgupäringuid käivitada. Brauseri turvalisus tagab, et ühe vahekaardi JS ei saa suvaliselt lugeda ega manipuleerida teist vahekaarti või erinevaid saite, mis hoiab pahatahtlikud skriptid mõnevõrra kontrolli all.

Tüüpiline kliendipoolne töövoog näeb välja sellineBrauser laadib HTML-i, loob DOM-i, avastab ja laadib kõik lingitud skriptid ning seejärel käivitab need. Sündmusekäitlejad on häälestatud ja ootavad. Kui kasutaja klõpsab nupul, saadab vormi või liigutab hiirt, käivituvad vastavad käitlejad, mis võivad muuta DOM-i ja põhjustada lehe mõnede osade uuesti renderdamist.

Kuna skriptid töötavad renderdamise kõrval ühes lõimes, blokeerivad toimingud (näiteks pikad tsüklid või mahukad arvutused) võivad kasutajaliidese hanguda. See on üks põhjus, miks JavaScript toetub nii suuresti asünkroonsetele mustritele (tagasihelistused, lubadused, asünkroonne/ootav käitumine) ja brauseri API-dele, mis edastavad töö teistele lõimedele või süsteemidele.

HTML, CSS ja JavaScript: kuidas kolm kihti omavahel sobivad

Mõtle veebilehest kui kolmekihilisest koogistHTML on baaskiht, mis määratleb struktuuri ja semantika; CSS on glasuur ja kaunistused, mis määratlevad värvid, fondid ja paigutuse; JavaScript on interaktiivne kiht, mis paneb koogi liikumise ja käitumisega „elama“.

Ainult HTML annab sulle staatilise sisu – lõigud, pildid, loendid, tabelid ja vormid fikseeritud paigutusega. CSS võimaldab teil seda kõike stiliseerida: mitmeveerulised paigutused, responsiivsed kujundused, animatsioonid, kursorefektid ja tüpograafia kohandused.

JavaScript seob kasutaja interaktsiooni struktuuriliste ja visuaalsete muudatustegaSee saab luua, eemaldada või värskendada HTML-elemente, dünaamiliselt määrata CSS-klasse või stiilireegleid, lugeda vormiväärtusi ja neile reageerida ning juhtida rakenduse üldist olekut.

Integratsioon toimub brauseris DOM API kaudu.DOM-is on saadaval meetodid nagu querySelector, createElement, appendChild või removeChild, mis võimaldavad teie skriptidel lehte kirurgiliselt manipuleerida. Kui näete teksti muutumist ilma täieliku uuesti laadimiseta, karusselle libisemas, vahekaarte vahetamas või akordioneid avanemas, siis on see JavaScript, mis juhib DOM-i värskendusi.

Sest JavaScript asub otse HTML-i sees või kõrval, saate manustada tekstisiseseid skriptiplokke, lisada väliseid .js-faile või isegi (kuigi mitte soovitatav) lisada käitlejaid otse HTML-i atribuutidele. Hea tava on hoida struktuur (HTML), esitus (CSS) ja käitumine (JS) eraldi, kuid suhelda DOM-i ja klassinimede kaudu.

Põhisüntaks: muutujad, tüübid, operaatorid ja juhtimisvoog

Keele tasandil annab JavaScript sulle tuttavad ehitusplokid kui tulete teistest C-stiilis keeltest: muutujad, tingimuslaused, tsüklid, funktsioonid ja objektid, mille süntaks on algajatele suhteliselt sõbralik.

Muutujaid saab deklareerida let, const või vanema var märksõna abil..let ja const pakuvad plokkide ulatuse määramist ja on soovitatav kaasaegne valik, samas kui var-il on funktsiooni ulatus ja mõned vanemad iseärasused. Väärtusi saab määrata kohe või hilisemates ridades ning vajadusel saab let-muutujaid ümber määrata.

Primitiivsete andmetüüpide hulka kuuluvad stringid, numbrid, tõeväärtused, null ja määratlemata väärtused.Stringid on jutumärkides olevate märkide jadad, numbrid hõlmavad nii täisarve kui ka ujukomaväärtusi, tõeväärtused on tõesed või väärad ning null/määramata tähistavad olekuid „väärtus puudub” või „pole seatud”.

Liittüübid, näiteks massiivid ja objektid, võimaldavad teil grupeerida seotud andmeid.Massiivid on järjestatud loendid, millele pääseb ligi numbriliste indeksite abil, samas kui objektid on võtme-väärtuse paaride kogumid, mis võivad esindada struktureeritud üksusi. Praktikas on peaaegu kõik JavaScripti mitteprimitiivne objekt kapoti all.

Operaatorid töötavad sarnaselt teiste keeltega. Sul on aritmeetilised operaatorid (+, -, *, /), omistamine (=), võrdlus (===, !==, <, > jne) ja loogilised operaatorid (&&, ||, !). Oluline on see, et === ja !== teostavad rangeid võrdlusi ilma tüübi sundimiseta, mis on turvalisem kui vanemad == ja != operaatorid.

Funktsioonid, sündmused ja interaktiivsuse roll

Funktsioonid hõlmavad korduvkasutatavat käitumist ja on idiomaatilise JavaScripti keskmes.Funktsiooni defineeritakse üks kord ja seda saab vajadusel kutsuda, edastades argumente ja soovi korral tagastades tulemusi.

Kuna funktsioonid on väärtused, kasutatakse neid sageli tagasihelistusfunktsioonidena. – ehk edastatakse teistele funktsioonidele või API-dele hilisemaks täitmiseks. Näiteks klõpsude või klahvivajutuste sündmuste käitlejad, ajalõpu tagasihelistamised ja lubaduste käitlejad on kõik lihtsalt funktsioonid, mida edastatakse ringi ja mis käivitatakse vastavalt vajadusele.

Sündmused on peamine sild kasutaja tegevuste ja koodi vahelBrauser käivitab sündmusi klikkide, hiirega kursori hõljumise, klaviatuuril sisestamise, vormide esitamise, lehe laadimise, kerimise ja paljude muude toimingute korral. Kuulajaid saab lisada selliste meetodite abil nagu addEventListener, määrates, millise sündmusega on tegemist ja millist funktsiooni selle toimumisel käivitada.

Levinud muster on valida DOM-elemendid ja seejärel lisada käitlejad.Näiteks võite nupu kohta päringu esitada funktsiooniga document.querySelector ja seejärel lisada klõpsukuulaja, mis muudab pealkirja teksti või lülitab sisse/välja CSS-klassi, pannes liidese kasutaja sisendile reaalajas reageerima.

Täiustatud interaktiivsus tugineb asünkroonsele JavaScriptileVõrgupäringud, taimerid ja paljud tänapäevased API-d (nt geolokatsioon või meediale juurdepääs) kasutavad lubadusi ja asünkroonset/ootavat funktsiooni, et vältida põhilõime blokeerimist väliste toimingute lõpetamise ootamise ajal, hoides kasutajaliidese reageerimisvõimelisena.

Kliendipoolne vs serveripoolne JavaScript

Algselt asus JavaScript ainult kliendis, brauseri seesKliendipoolne JS täiustab lehte pärast laadimist, tegeleb kasutajate interaktsioonidega, valideerib vorme enne nende saatmist ja suhtleb taustaprogrammidega HTTP või WebSocketsi kaudu andmete toomiseks või edastamiseks.

Serveripoolne JavaScript muutus Node.js-iga tavapäraseks, käituskeskkond, mis sisaldab V8 mootorit ja pakub serveripõhiseid API-sid, nagu failisüsteemile juurdepääs, HTTP-haldus ja protsesside haldamine. Node.js-iga saate luua veebiservereid, API-sid, voogedastusteenuseid ja taustatöötajaid täielikult JavaScriptis.

Kliendi- ja serverikoodi eristamine on oluline võimete osasKliendipoolne JS on turvakaalutlustel brauseri poolt liivakastis ja ei pääse ilma selgesõnalise loata vabalt juurde kasutaja failisüsteemile ega suvalistele võrguressurssidele. Serveripoolne JS, mis töötab teie enda masinates või pilves, pääseb juurde andmebaasidele, failisüsteemile ja sisemistele võrkudele.

Nii kliendipoolne kui ka serveripoolne JavaScript on „dünaamiline” selles mõttes, et nad genereerivad sisu nõudmisel.Serveris saab JS HTML-i enne selle edasisaatmist kasutajaandmete või andmebaasipäringute põhjal kokku panna. Brauseris manipuleerib JS juba laaditud lehe DOM-iga, et muuta seda, mida kasutaja näeb ilma täieliku uuesti laadimiseta.

JavaScripti kasutamine pinu mõlemal poolel avab täispinu arenduse võimaluse ühe keelegaArendaja saab sujuvalt vahetada esiotsa ja tagaotsa ülesandeid, jagada koodi (nt valideerimisreegleid või andmemudeleid) ja arutleda rakenduse loogika üle ilma, et peaks vaimselt teisele keelele lülituma.

Levinumad kasutusjuhud: lihtsatest efektidest keerukate rakendusteni

Lihtsamalt öeldes saab JavaScript lisada muidu staatilistele veebisaitidele väikeseid täiustusi.Mõelge pildiliuguritele, rippmenüüdele, modaaldialoogidele, vormide sisestusmaskidele või lihtsatele sisulülititele. Need funktsioonid parandavad oluliselt kasutajakogemust vaid vähese skriptimisega.

Vormi valideerimine on klassikaline ja endiselt kriitiline kasutusjuhtumSelle asemel, et saata iga vormi esildis serverisse ja oodata lehe uuesti laadimist, et vigadest teada saada, saab kliendipoolne JS koheselt kontrollida kohustuslikke välju, telefoninumbri vorminguid või paroolireegleid, vähendades serveri koormust ja kasutajate frustratsiooni.

Üheleheküljelised rakendused (SPA-d) viivad asjad kaugemaleJS-raamistikke kasutades laadivad SPA-d minimaalse avalehe ja seejärel kasutavad JavaScripti vaadete renderdamiseks, ekraanide vahel navigeerimiseks ja andmete serveriga sünkroonimiseks. Kasutaja kogeb sujuvaid üleminekuid ja kohest tagasisidet, sarnaselt natiivsete töölaua- või mobiilirakendustega.

JavaScript toetab ka andmete visualiseerimist ja armatuurlauduTeegid nagu Chart.js või ApexCharts muudavad töötlemata mõõdikute muutmise interaktiivseteks diagrammideks ja graafikuteks lihtsaks, samas kui kaardistusteegid saavad teavet dünaamiliste kaartide peale asetada, pakkudes kasutajatele visuaalset ülevaadet ühe pilguga.

Lisaks brauserile kasutatakse JS-i serveri taustsüsteemides, käsurea tööriistades ja isegi andmebaasiloogikas.Näiteks Node.js abil saate luua API-sid, järjekorra töötajaid või voogedastusteenuseid ning mõned andmebaasid lubavad salvestatud protseduuridel või JavaScripti käivitusloogikal jõudluse ja järjepidevuse tagamiseks andmete lähedal töötada.

Teegid, raamistikud ja laiem JS ökosüsteem

Lisaks põhikeelele ja brauseri API-dele on JavaScripti ümber kasvanud tohutu teekide ja raamistike ökosüsteem ning sagedased mured, näiteks npm tarneahelNeed paketid pakuvad levinud probleemidele eelnevalt koostatud lahendusi, nii et te ei pea iga projekti jaoks jalgratast leiutama.

Teegid on sihipärased tööriistakomplektid, mida saate oma koodist välja kutsuda.Klassikaliste näidete hulka kuuluvad jQuery DOM-i manipuleerimiseks ja sündmuste haldamiseks või väiksemad utiliidid nagu Umbrella JS. Teised on spetsialiseerunud diagrammidele, vormidele või matemaatikale, pakkudes valmisfunktsioone, mida saate oma rakendusse lisada.

Raamistikud seevastu pakuvad teie rakendusele täielikku arhitektuurilist skeletti.Raamistikus on teie kood sageli seotud raamistiku elutsükli, marsruutimise ja komponentidega. Populaarsete valikute hulka kuuluvad esiotsa raamistikud nagu Angular ja serveriraamistikud nagu Express.js või NestJS.

Serveri poolel lihtsustavad Node.js raamistikud, näiteks Express, HTTP API-de kirjutamist.Need pakuvad teile marsruutimist, vahetarkvara, päringute/vastuste utiliite ning integratsioonipunkte mallide, andmesalvestuste ja autentimise jaoks, võimaldades teil keskenduda äriloogikale, mitte madala taseme protokolli üksikasjadele.

Pilveteenuse pakkujad pakuvad ka JavaScriptile omaseid SDK-sid ja tööriistu.Näiteks pakub AWS SDK JavaScriptile mugavaid ümbriseid kümnete pilveteenuste ümber, samas kui kõrgema taseme tööriistaketid, näiteks AWS Amplify, on suunatud esiotsa arendajatele, kes loovad täisfunktsionaalseid rakendusi, mis kasutavad pilveautentimist, salvestusruumi, API-sid ja muud – kõik tuttava JavaScripti koodi põhjal.

TypeScript: tüüpide toomine JavaScripti

TypeScripti peamine eesmärk on vigade varajane avastamine ja tööriistade täiustamine.Muutujate, funktsioonide ja objektide tüüpide tundmine võimaldab redaktoritel pakkuda intelligentseid automaatse täitmise, ümbertegemise ja staatilise analüüsi tööriistu, samal ajal kui kompilaator märgistab enne koodi käivitamist palju vigu.

Sest TypeScript kompileerub standardseks JavaScriptiks, see integreerub sujuvalt olemasolevate käituskeskkondade, raamistike ja teekidega. Paljud tänapäevased SDK-d ja teegid kirjutatakse esmalt TypeScriptis ja seejärel tarnitakse kompileeritud JS-ina, nii et nii TS- kui ka tavalised JS-projektid saavad neid kasutada.

Arendajate jaoks tugineb TypeScripti õppimine olemasolevatele JS-teadmisteleAlustuseks võid kriitilistele koodilõikudele lisada minimaalselt tüüpe ja seejärel oma mugavust suurendades järk-järgult rangemaid sätteid kasutusele võtta, saavutades turvalisuse, loobumata JavaScripti platvormi paindlikkusest.

Tööriistad: redaktorid, arendustööriistad ja töövoog JavaScripti arendajatele

Produktiivne JavaScripti töövoog tugineb enamale kui ainult keelele; Praktilised nipid tarkvaraarenduse dramaatiliseks kiirendamiseks aitavad ka. Kaasaegne arendus tugineb keerukuse haldamiseks suuresti võimekatele redaktoritele, brauseri arendustööriistadele, versioonikontrollile ja veaotsingu abivahenditele.

Koodiredaktorid nagu VS Code, WebStorm või sarnased tööriistad pakuvad rikkalikku tuge JavaScripti ja TypeScripti jaoks: süntaksi esiletõstmine, IntelliSense, integreeritud terminalid, Giti integratsioon ja silumisvõimalused. Ühe valimine ja selle otseteede õppimine tasub end kiiresti ära; tellimine veebiarenduse uudiskirjad aitab sul kursis püsida.

Brauseri arendustööriistad on esiotsa töö jaoks hädavajalikudChrome'i DevToolsi või Firefoxi arendustööriistades saate kontrollida DOM-i, reaalajas CSS-i muuta, jälgida võrgupäringuid, samm-sammult JS-koodi rida-realt läbi vaadata ja jõudlust profiilida. Need võimaldavad teil sisuliselt piiluda oma töötava rakenduse kapoti alla.

Versioonikontroll Giti ja GitHubi-taoliste hostimisplatvormide abil on nüüdseks standardpraktika.JavaScripti arendajad kasutavad neid muudatuste jälgimiseks, meeskondades koostöö tegemiseks, pull-taotluste avamiseks, koodi ülevaatamiseks ja avatud lähtekoodiga panuste haldamiseks. Hargnemise ja ühendamise hea tundmine on sama oluline kui tsüklite ja funktsioonide mõistmine.

Testimine ja veatuvastus täiendavad professionaalset töövooguÜhiktestid, integratsioonitestid ja otsast lõpuni testid aitavad teil oma koodibaasi arendada ilma regressioonide kartuseta, samas kui silumisoskused võimaldavad teil probleeme kiiresti tuvastada, kasutades katkestuspunkte, jälgimisi ja logisid juhusliku katse-eksituse meetodi asemel.

Õppetee: kuidas JavaScripti valdamisega tegelikult osavaks saada

JavaScriptiga harjumine nõuab pigem järjepidevat harjutamist kui pelgalt teooriatSa ei vaja aastaid, enne kui saad midagi kasulikku ehitada, aga sa pead põhitõdedega teadlikult edasi liikuma.

Mõistlik tegevuskava algab sageli põhiliste programmeerimiskontseptsioonidegamuutujad, operaatorid, juhtimisstruktuurid, funktsioonid, massiivid, objektid ja põhialgoritmid. Pseudokood aitab teil enne süntaksi puudutamist loogika läbi mõelda, mis on eriti kasulik programmeerimise uustulnukatele.

Kui põhitõed tunduvad loomulikud, liikuge edasi brauseripõhiste teemade juurdeUurige DOM API-t, sündmusi, lihtsat vormide valideerimist ja põhilisi animatsioone. Looge väikeseid projekte, näiteks ülesannete loend, pildigalerii, hinnapakkumiste generaator või lihtne mäng, et õpitut rakendada, või järgige juhendit. loo veebileht nullist.

Sealt edasi astuge asünkroonsete toimingute ja API-de juurdeSiit saad teada, kuidas saata HTTP-päringuid (näiteks fetchi kaudu), käsitleda JSON-andmeid, värskendada kasutajaliidest vastustega ja hallata vigu. Siin hakkavad sinu rakendused suhtlema päris serveritega ja muutuvad tõeliselt dünaamilisteks.

Projektide kasvades lisage professionaalseid praktikaid näiteks Giti kasutamine, koodi moodulitesse korraldamine, testide lisamine, oma vajadustele vastava raamistiku õppimine ja järkjärguline TypeScripti või edasijõudnute mustrite uurimine. Aja jooksul suudad enesekindlalt liikuda JavaScripti esiotsa ja tagaotsa keskkondade vahel ning kujundada terviklikke lahendusi.

Lõppkokkuvõttes muudab JavaScripti kõikjalolemine brauserites, serverites ja tööriistades selle iga arendaja jaoks strateegiliseks keeleks.Selle aluste valdamine, HTML-i, CSS-i ja laiema ökosüsteemiga suhtlemise mõistmine ning kindlate tööriistade ja tavade omaksvõtmine annab teile võime luua kõike alates väikestest interaktiivsetest vidinatest kuni suuremahuliste pilvepõhiste rakendusteni, kasutades samu oskusi.