Robert Whitney
Toto je časť 10 a posledná časť série blogových príspevkov o JavaScripte, ktorá vás zavedie od začiatočníka po pokročilého. Bez ďalších okolkov, poďme sa pustiť do posledného tutoriálu.
JavaScript kurz – obsah:
- Témy JavaScriptu, ktoré sme pokryli
- Základy JavaScriptu a nastavenie programovacieho prostredia
- Najlepšie praktiky JavaScriptu
- Premenné a konštanty
- Základné dátové typy v JavaScripte
- Slučky v programovaní
- Polia a funkcie
- Objekty JavaScriptu
- Veľmi bežné koncepty v JavaScripte
- Kam ísť odtiaľto?
Wow! Konečne ste sa sem dostali! Väčšina ľudí sa nevenuje svojim vášňam a po niekoľkých tutoriáloch opustí kurzy, a to platí len v prípade, že začnú konať!
Témy JavaScriptu, ktoré sme pokryli
Počas tohto kurzu JavaScriptu sme začali od úplných základov JavaScriptu a prešli sme k pomerne pokročilým konceptom.
Prvým krokom k začatiu s JavaScriptom bolo skutočne pochopiť, prečo sa učíme JavaScript. Existuje niekoľko hlavných dôvodov, prečo by ste sa mohli chcieť začať učiť JavaScript, ale najvýznamnejšie aplikácie JavaScriptu sú zvyčajne v oblasti webového vývoja. JavaScript začal ako jazyk len pre front-end a rozšíril sa na backendové servery, kde začal dominovať tiež.
Bez ohľadu na to, prečo sa učíte JavaScript, je pravdepodobne dobrý nápad pozrieť sa na tento kurz JavaScriptu znova.
Týmto spôsobom môžete vidieť svoj pokrok a časti, ktoré naozaj dobre chápete, čo vás na začiatku mohlo zastrašiť, ako aj zachytiť časti, ktoré ste mohli ignorovať alebo prehliadnuť.
Základy JavaScriptu a nastavenie programovacieho prostredia
Po tom, čo sme videli prečo je JavaScript tak populárny a čo s ním vlastne môžete robiť, sme začali s niektorými Ahoj svet! príkladmi. Nastavili sme si naše programovacie prostredie v Google Chrome a začali sme používať JavaScript konzolu na písanie kódu. Pôvodne bol kód, ktorý sme písali, naozaj jednoduchý a každá riadok, ktorý sme napísali, mal jednoduchý účel, bez toho, aby bol prepojený s inými riadkami. Ako sa zložitosti nášho kódu začali zvyšovať, vylepšili sme naše programovacie prostredie na Google Chrome konzolu. S konzolou sme začali pohodlne písať viacriadkový kód, ktorý sa postupne stával zložitým a pokročilým počas celého kurzu JavaScriptu.
Najlepšie praktiky JavaScriptu
Počas série sme tiež zahrnuli veľa najlepších praktík programovania. Tieto najlepšie praktiky uľahčujú váš život, keď práve začínate, a stávajú sa ešte cennejšími, keď začnete pracovať alebo spolupracovať s inými ľuďmi. A presne z tohto dôvodu existujú aj štandardy a výroky ako „Všetok kód by mal vyzerať, akoby ho napísal jeden človek, bez ohľadu na to, koľko ľudí spolupracovalo.“ To je presne dôvod, prečo jedným z prvých konceptov, ktoré sme videli, bolo komentovanie nášho kódu. Týmto spôsobom sa nielen stávate lepším programátorom v budúcnosti, ale tiež vám to umožňuje mať lepší programovací zážitok, keď práve začínate.
Premenné a konštanty
Ďalej sme videli, že môžeme ukladať dáta do toho, čo sa nazýva premenné a konštanty. Pri rozhodovaní, ktorú z nich zvoliť pre nové dáta, by sme mali mať na pamäti, že ak nepredpokladáme zmenu dát, chceme použiť kľúčové slovo „const“. Ak si myslíme, že budeme musieť túto hodnotu upraviť, potom musíme použiť kľúčové slovo „let“. Toto sú aktuálne najlepšie praktiky, ale tiež sme videli, že pred ES6 bol jediný spôsob, ako používať premenné, vyhlásiť ich pomocou kľúčového slova „var“. Po tom, čo sme videli potenciálne problémy spôsobené flexibilitou, ktorá prichádza s kľúčovým slovom var, v roku 2015, so štandardom ES6, sa novým a moderným spôsobom písania JavaScriptu stalo používanie kľúčových slov “const” a “let”.
Základné dátové typy v JavaScripte
Potom sme hovorili o základných dátových typoch v JavaScripte. Hlavným bodom je pochopiť, že rôzne dátové typy sú dobré na vykonávanie rôznych úloh. Preto je dôležité pochopiť, s akými dátovými typmi pracujeme. Neskôr sme videli, že pomocou používania if else príkazov môžeme začať mať kontrolu nad naším kódom. Začínajúc s nimi, sme sa naučili čiastočne ignorovať náš kód, aby sme ho prispôsobili určitým špecifickým podmienkam. Naučili sme sa o rôznych riadiacich štruktúrach, ktoré môžeme použiť na presnejšiu kontrolu nad naším kódom a dátami. Týmto spôsobom sa náš kód mohol prispôsobiť rôznym vstupom s presnejšími odpoveďami.
Slučky v programovaní
Ďalej sme objavili slušky v programovaní. Videli sme, že pomocou slučiek môžeme začať vyhýbať sa opakovaniu v kóde. To nám v podstate umožnilo čiastočne začať byť DRY. To znamená: Neopakujte sa.
Vo všeobecnosti nechceme písať kód viac, ako musíme, aby sme splnili úlohu. Pretože zakaždým, keď napíšeme viac kódu, zavádzame viac príležitostí na chyby v kóde. Písanie viac kódu si vyžaduje viac času a úsilia, zavádza potenciálne chyby, zvyčajne nie je efektívne, pretože teraz musíte uložiť ten istý kód možno 10-krát. A celkovo to môže výrazne znížiť programovací zážitok. Preto sme začali s while slučkami a for slučkami, aby sme začali odstraňovať potenciálne opakujúci sa kód.
Polia a funkcie
Videli sme aj iné základné koncepty, témy a najlepšie praktiky v JavaScripte. Videli sme, že polia sú naozaj dobré na skupinovanie súvisiacich dát, ako sú mesiace v roku, niektoré súvisiace čísla, ktoré potrebujeme uložiť, a tak ďalej. Ďalej sme videli, že funkcie sú naozaj mocné a môžeme ich použiť na skutočné modularizovanie nášho kódu a mať mnoho výhod. Niektoré z týchto výhod skupinovania našich funkcií do rôznych funkcií sú, že vytvárame oveľa viac modulárny, relatívne ľahko testovateľný kód. Taktiež výrazne znižujeme naše šance na opakovanie.
Videli sme, že existujú dva hlavné druhy funkcií. Jedným z nich sú čisté funkcie, druhým typom sú nečisté funkcie. Vo všeobecnosti, kedykoľvek môžeme, by sme sa mali snažiť používať čisté funkcie v porovnaní s nečistými funkciami. Týmto spôsobom sa čisté funkcie, ktoré píšeme, budú správať rovnako a dajú nám rovnaké výsledky, bez ohľadu na to, kde spustíme kód, alebo kedy spustíme kód.
Objekty JavaScriptu
Ďalej sme videli objekty. Naučili sme sa, že objekty sú dobré na ukladanie vysoko súvisiacich dát, ktoré môžu mať mnoho dimenzií. Začali sme najjednoduchším spôsobom vytvárania objektov a prešli sme k vytváraniu plánov pre objekty a potom vytváraniu viacerých objektov z tohto plánu. Používanie týchto plánov nám umožňuje zabezpečiť, aby polia v objektoch dodržiavali rovnaké pokyny a mali rovnaké polia. Týmto spôsobom si na konci dňa môžeme byť istí, že máme oveľa uniformnejšiu databázu, s ktorou môžeme pracovať. Taktiež nám to umožnilo písať výrazne DRY kód.
Veľmi bežné koncepty v JavaScripte
Ďalej sme videli veľmi bežné koncepty a témy v JavaScripte. Veľká väčšina z nich bola založená na ďalšom optimalizovaní funkcií, jedným alebo druhým spôsobom. Používaním metód map a filter sme mohli preskočiť niektoré for slučky a if príkazy. Používaním šípových funkcií sme mohli výrazne znížiť veľkosť našich funkcií. Videli sme mnoho funkcií v tomto kurze JavaScriptu, vrátane šípových funkcií, ktoré boli zavedené so štandardom ES6 alebo ES2015, čo sú najväčšie nedávne zmeny v štandardoch JavaScriptu.
Kam ísť odtiaľto?
V závislosti od toho, čo chcete dosiahnuť, môžete zvoliť rôzne cesty. Ak ste sa len chceli pripomenúť základy JavaScriptu, pretože s ním musíte čoskoro pracovať, dúfam, že tento kurz JavaScriptu vám poskytol komplexného sprievodcu. Možno ste už boli dobrí v inom jazyku, ako je Python, ale tiež ste chceli vidieť JavaScript. Ak je to tak, dúfam, že som vám to uľahčil, aby ste sa dostali k JavaScript syntaxi a konceptom. Alebo možno práve začínate s webovým vývojom a vedeli ste, že JavaScript je dosť populárny.
V oboch prípadoch dúfam, že vám tento kurz JavaScriptu poskytol nejakú hodnotu. Ak poznáte priateľa, ktorý by považoval túto sériu za užitočnú, zvážte zdieľanie prvého tutoriálu tejto série s nimi, aby mohli začať aj svoju cestu JavaScriptom.
Robert Whitney
Odborník na JavaScript a inštruktor, ktorý školí IT oddelenia. Jeho hlavným cieľom je zvýšiť produktivitu tímu tým, že učí ostatných, ako efektívne spolupracovať pri programovaní.
