Část 10 kurzu JavaScriptu od začátečníka po pokročilého ve 10 blogových příspěvcích

Toto je část 10 a poslední část série blogových příspěvků o JavaScriptu, která vás provede od začátečníka po pokročilého. Bez dalších okolků, pojďme začít s posledním tutoriálem.

JavaScript kurz – obsah:

1. Témata JavaScriptu, která jsme pokryli
2. Základy JavaScriptu a nastavení vývojového prostředí
3. Nejlepší praktiky JavaScriptu
4. Proměnné a konstanty
5. Základní datové typy v JavaScriptu
6. Smyčky v programování
7. Pole a funkce
8. Objekty JavaScriptu
9. Velmi běžné koncepty v JavaScriptu
10. Kam dál odtud?

Wow! Konečně jste se sem dostali! Většina lidí se nevěnuje svým vášnivým zájmům a po několika tutoriálech opouští kurzy, a to platí pouze v případě, že začnou jednat!

Témata JavaScriptu, která jsme pokryli

Během tohoto kurzu JavaScriptu jsme začali od samotných základů JavaScriptu a postupně se dostali k poměrně pokročilým konceptům.

Prvním krokem k tomu, abychom začali s JavaScriptem, bylo skutečně pochopit, proč se JavaScript vlastně učíme. Existuje několik hlavních důvodů, proč byste se mohli chtít začít učit JavaScript, ale nejvýznamnější aplikace JavaScriptu jsou obvykle nějakým způsobem ve webovém vývoji. JavaScript začal jako jazyk pouze pro front-end a rozšířil se na backendové servery, kde začal dominovat také.

Bez ohledu na to, proč se učíte JavaScript, je pravděpodobně dobrý nápad znovu se rychle podívat na tento kurz JavaScriptu.

Tímto způsobem můžete vidět svůj pokrok a zjistit části, které opravdu dobře chápete, což vás na začátku mohlo odradit, stejně jako zachytit části, které jste mohli ignorovat nebo přehlédnout.

Základy JavaScriptu a nastavení vývojového prostředí

Po zhlédnutí proč je JavaScript tak populární a co s ním vlastně můžete dělat jsme začali s několika Ahoj světe! příklady. Nastavili jsme naše vývojové prostředí uvnitř Google Chrome a začali používat JavaScript konzoli k psaní kódu. Zpočátku byl kód, který jsme psali, opravdu jednoduchý a každý řádek, který jsme napsali, měl jednoduchý účel, aniž by byl propojen s jinými řádky. Jak se složitost našeho kódu začala zvyšovat, vylepšili jsme naše vývojové prostředí na Google Chrome Console. S konzolí jsme začali být schopni pohodlně psát vícerozměrný kód, který se postupně stával složitějším a pokročilejším během celého kurzu JavaScriptu.

Nejlepší praktiky JavaScriptu

Během série jsme také zahrnuli mnoho nejlepších praktik programování. Tyto nejlepší praktiky usnadňují život, když začínáte, a stávají se ještě cennějšími, když začnete pracovat nebo spolupracovat s jinými lidmi. A právě z tohoto důvodu existují dokonce standardy a rčení jako „Všechno kód by mělo vypadat, jako by to napsal jeden člověk, bez ohledu na to, kolik lidí spolupracovalo.“ To je přesně důvod, proč jedním z prvních konceptů, které jsme viděli, bylo komentování našeho kódu. Tímto způsobem se nejen stáváte lepším programátorem v budoucnu, ale také vám to umožňuje mít lepší zkušenosti s kódováním, když začínáte.

Proměnné a konstanty

Dále jsme viděli, že můžeme ukládat data do toho, čemu se říká proměnné a konstanty. Při rozhodování, kterou z nich zvolit pro nová data, bychom měli mít na paměti, že pokud neplánujeme měnit data, chceme použít klíčové slovo „const“. Pokud si myslíme, že budeme potřebovat tuto hodnotu upravit, musíme použít klíčové slovo „let“. Toto jsou aktuální nejlepší praktiky, ale také jsme viděli, že před ES6 byl jediný způsob, jak používat proměnné, deklarovat je pomocí klíčového slova „var“. Po zhlédnutí potenciálních problémů způsobených flexibilitou, která přichází s klíčovým slovem var, se v roce 2015, s normou ES6, novým a moderním způsobem psaní JavaScriptu stalo používání klíčových slov “const” a “let”.

Základní datové typy v JavaScriptu

Poté jsme hovořili o základních datových typech v JavaScriptu. Hlavním bodem je pochopit, že různé datové typy jsou dobré v různých věcech. Proto je důležité pochopit, s jakými datovými typy pracujeme. Později jsme viděli, že pomocí používání if else příkazů můžeme začít mít kontrolu nad naším kódem. Začínaje těmito, jsme se naučili částečně ignorovat náš kód, abychom ho přizpůsobili určitým specifickým podmínkám. Naučili jsme se o různých řídících strukturách, které můžeme použít k tomu, abychom měli přesnější kontrolu nad naším kódem a daty. Tímto způsobem se náš kód mohl přizpůsobit různým vstupům s přesnějšími odpověďmi.

Smyčky v programování

Dále jsme objevili smyčky v programování. Viděli jsme, že pomocí smyček můžeme začít vyhýbat se opakování v kódu. To nám v podstatě umožnilo částečně začít být DRY. To znamená: Neopakujte se.

Obecně řečeno, nechceme psát kód více, než je nutné k dokončení úkolu. Protože pokaždé, když napíšeme více kódu, zavádíme více příležitostí pro chyby v kódu. Trvá více času a úsilí napsat více kódu, zavádí potenciální chyby, obvykle to není efektivní, protože nyní musíte uložit stejný kód možná 10krát. A celkově to může výrazně snížit zkušenost s kódováním. Proto jsme začali s while smyčkami a for smyčkami odstraňovat potenciálně opakující se kód.

Pole a funkce

Také jsme viděli další základní koncepty, témata a nejlepší praktiky v JavaScriptu. Viděli jsme, že pole jsou opravdu dobrá v seskupování souvisejících dat, jako jsou měsíce v roce, některá související čísla, která potřebujeme uložit, a tak dále. Dále jsme viděli, že funkce jsou opravdu mocné a můžeme je použít k modularizaci našeho kódu a mít mnoho výhod. Některé z těchto výhod seskupování našich funkcionalit do různých funkcí jsou, že vytváříme mnohem více modulární, relativně snadno testovatelný kód. Také výrazně snižujeme naše šance na opakování.

Viděli jsme, že existují dva hlavní typy funkcí. Jedním z nich jsou čisté funkce, druhým typem jsou nečisté funkce. Obecně řečeno, kdykoli můžeme, měli bychom usilovat o používání čistých funkcí ve srovnání s nečistými funkcemi. Tímto způsobem se čisté funkce, které píšeme, budou chovat stejným způsobem a dají nám stejné výsledky, bez ohledu na to, kde kód spustíme, nebo kdy kód spustíme.

Objekty JavaScriptu

Dále jsme viděli objekty. Naučili jsme se, že objekty jsou dobré pro ukládání vysoce asociovaných dat, která mohou mít mnoho dimenzí. Začali jsme nejjednodušším způsobem, jak vytvářet objekty, a postupně jsme se dostali k vytváření plánů pro objekty a poté k vytváření více objektů z tohoto plánu. Používání těchto plánů nám umožňuje zajistit, že pole v objektech dodržují stejné pokyny a mají stejná pole. Tímto způsobem si na konci dne můžeme být jisti, že máme mnohem uniformnější databázi, se kterou můžeme pracovat. Také nám to umožnilo psát výrazně DRY kód.

Velmi běžné koncepty v JavaScriptu

Dále jsme viděli velmi běžné koncepty a témata v JavaScriptu. Většina z nich byla založena na dalším optimalizování funkcí, jedním nebo druhým způsobem. Používáním metod map a filter jsme byli schopni vynechat některé for smyčky a if příkazy. Použitím šipkových funkcí jsme byli schopni výrazně snížit velikost našich funkcí. Viděli jsme mnoho funkcí v tomto kurzu JavaScriptu, včetně šipkových funkcí, které byly zavedeny s ES6 nebo ES2015, což jsou největší nedávné změny ve standardech JavaScriptu.

Kam dál odtud?

V závislosti na tom, co chcete dosáhnout, můžete zvolit různé cesty. Pokud jste se chtěli jen připomenout základy JavaScriptu, protože s ním brzy musíte pracovat, doufám, že vám tento kurz JavaScriptu poskytl komplexního průvodce. Možná jste už byli dobří v jiném jazyce, jako je Python, ale také jste chtěli vidět JavaScript. Pokud je to váš případ, doufám, že jsem vám to relativně usnadnil, abyste se mohli začít učit syntaxi a koncepty JavaScriptu. Nebo možná právě začínáte s webovým vývojem a věděli jste, že JavaScript je velmi populární.

V každém případě doufám, že vám tento kurz JavaScriptu přinesl nějakou hodnotu. Pokud znáte přítele, který by tuto sérii považoval za užitečnou, zvažte sdílení prvního tutoriálu této série s nimi, aby mohli také začít svou cestu JavaScriptem.