Ako začať programovať v JavaScripte? Časť 1 Kurzy JavaScriptu od začiatočníka po pokročilého

V tejto sérii prejdeme od začiatočníka po pokročilého v JavaScripte v 10 blogových príspevkoch. Na konci tejto série budete poznať všetky základy, ktoré potrebujete vedieť, aby ste mohli začať programovať v JavaScripte.

Kako začať programovať v JavaScripte? – obsah:

1. Pre koho je tento kurz určený?
2. Čo vlastne môžete robiť s JavaScriptom?
3. Prečo je JavaScript tak populárny?
4. Kde môžete písať a vykonávať JavaScript kód?
5. Ako začať programovať v JavaScripte?

Pre koho je tento kurz určený?

Tento kurz je pre vás, ak ste niekto, kto chce začať programovať v JavaScripte, alebo ste niekto, kto chce osviežiť svoje vedomosti v JavaScripte. Odporúčam tiež pridať tento tutoriál do záložiek pre vašu budúcu referenciu. Kedykoľvek budete chcieť mať rýchle znovuúvodzenie týkajúce sa konceptov alebo si len pripomenúť syntax používanú v JavaScripte, bude to dobrý čas na preštudovanie tejto série v budúcnosti.

Čo vlastne môžete robiť s JavaScriptom?

Pred ponorením sa do JavaScriptu je dobré vedieť, čo vlastne môžete robiť s JavaScriptom. Môžete poznať JavaScript ako jazyk, ktorý dominuje webu. A mali by ste úplne pravdu! JavaScript, ktorý začal ako front-end jazyk na pridanie správania na webové stránky, sa teraz používa vo všetkých aspektoch webových stránok.

Bežne sa používa vo front-end webovom vývoji zvyčajne spolu s inými JavaScript rámcami a knižnicami, ako je React. Je to tiež najbežnejší jazyk používaný vo backendovom webovom vývoji vďaka Node.js, ktorý vám umožňuje spúšťať JavaScript na webových serveroch. Ale to nie je všetko. JavaScript sa používa vo všetkých možných oblastiach, vrátane vytvárania progresívnych webových aplikácií, až po desktopové aplikácie. Nedávno sa tiež začal používať v strojovom učení pomocou TensorFlow.js. Vďaka Node.js sa môže tiež používať na ovládanie dronov, robotov a zariadení IoT.

Prečo je JavaScript tak populárny?

JavaScript je v súčasnosti najpopulárnejší programovací jazyk a je to z dobrého dôvodu. Existuje niekoľko hlavných faktorov, ktoré robia JavaScript tým, čím je dnes. Tieto faktory zahŕňajú širokú dostupnosť spúšťacích prostredí, bezpečnosť verzií kódu vďaka Babelu a široké prijatie v komunite. Pozrime sa na ne jeden po druhom.

Široká dostupnosť

JavaScript dominuje webu, z prednej časti až po zadnú. Ak čítate tento článok, aby ste si osviežili svoje vedomosti o JavaScripte, pravdepodobne viete, že sa každých pár mesiacov objavujú nové JavaScript rámce, najmä pokiaľ ide o front-end webový vývoj, pretože existuje mnoho prístupov k jeho optimalizácii.

Ako uvidíme neskôr v článku, nemusíte inštalovať žiadny špeciálny softvér, aby ste mohli začať písať a vykonávať svoj JavaScript kód, pretože už máte potrebné nástroje vo svojom prehliadači. To samo o sebe znižuje bariéru na začatie učenia sa jazyka, pretože väčšina programovacích jazykov si vyžaduje, aby ste nainštalovali a nastavili programovacie prostredia, aby ste sa vôbec mohli začať.

Bezpečnosť verzií

Celým účelom písania kódu je skutočne ho spustiť, keď má bežať. A pri tom posledná vec, ktorú chcete, je mať polovicu vašich webových stránok nefunkčných pre významný počet používateľov. Ale čo môžete robiť, ak váš kód musí bežať na 1000 rôznych kombináciách zariadení a prehliadačov? Pre koho budete optimalizovať a koho necháte odísť ako používateľa? Musíte vôbec robiť takú voľbu? Ak polovica vašich používateľov má staré zariadenia a druhá polovica má úplne nové zariadenia, pre koho budete optimalizovať svoj kód a koho ignorujete ako svojho zákazníka? Odpoveď je, dúfajme, nikto, vďaka Babelu.

Babel je softvér, ktorý zabezpečuje, že váš kód beží aj na veľmi starých prehliadačoch, ktoré používajú veľmi starú verziu JavaScriptu. Týmto spôsobom nemusíte robiť voľbu, ktorá by vás viedla k ignorovaniu polovice vašich zákazníkov. Aby bolo jasné, nepíšete kód s Babelom, ani to nie je varianta JavaScriptu. Ale je to extrémne bežne používaný softvér, ktorý vezme váš už napísaný a fungujúci JavaScript kód a prevedie ho na verziu JavaScriptu, ktorú iné prehliadače rozumejú, aj keď majú veľmi starú verziu JavaScriptu vo svojich prehliadačoch.

Obrovské prijatie komunity

Kedykoľvek píšete kód, je nevyhnutné, že narazíte na problémy. A v týchto časoch, bez ohľadu na to, s akým programovacím jazykom pracujete, môže byť extrémne užitočné vidieť, že vaša otázka už bola zodpovedaná niekým užitočným na internete. To je miesto, kde prichádza podpora komunity, a preto StackOverflow.

Ak neviete, čo je StackOverflow, je to v podstate najväčšie programovacie fórum, ktoré ľudia používajú na kladenie a odpovedanie na programovacie otázky. Nie je to jediné miesto, kde nájdete odpovede, určite existujú miesta, ktoré budú veľmi užitočné pri odpovedaní na vaše konkrétne otázky, ale pravdepodobne nájdete väčšinu svojich odpovedí tam. Neodporúčam vám len ísť na StackOverflow a hľadať tam svoje problémy. Zvyčajne vám vyhľadávanie na Google poskytne najlepšie výsledky.

A možno to nečakáte, ale veľká časť vývoja softvéru zahŕňa vedieť, čo hľadať na Google, aby ste našli svoje odpovede efektívnejšie.

Preto chce veľa ľudí začať programovať v JavaScripte – mať JavaScript ako najpopulárnejší programovací jazyk vám určite pomáha pracovať s jazykom ako v krátkodobom, tak aj v dlhodobom horizonte. Kedykoľvek píšete

JavaScript, len si predstavte tisíce ľudí, ktorí programujú JavaScript s vami, v rovnakom čase. Niektorí kladú otázky, niektorí odpovedajú na otázky.

Keď programujete JavaScript, nie ste sami.

Kde môžete písať a vykonávať JavaScript kód?

Existuje niekoľko miest, ktoré môžete použiť na začatie programovania v JavaScripte. Technicky môžete písať JavaScript kdekoľvek, vrátane jednoduchého zápisníka alebo textového editora. Ale potrebujete aj JavaScript engine, aby ste mohli skutočne vykonávať svoj kód. Ale ako sa k nemu dostanete? Nuž, ak si pamätáte začiatok článku, viete, že ho už máte vo svojom prehliadači.

V tejto sérii blogových príspevkov budeme používať Google Chrome ako prehliadač, pretože je to jeden z najbežnejších prehliadačov používaných vo webovom vývoji. A je to z dobrého dôvodu, Chrome poskytuje niektoré z najlepších nástrojov, ktoré vám uľahčujú život pri práci s webovým vývojom. Chrome má JavaScript engine nazývaný V8 Engine, ktorý vezme váš JavaScript kód a vykoná ho. Tento JavaScript engine sa tiež používa pri vývoji Node.js, softvéru, ktorý vám umožňuje vziať JavaScript z prehliadača. Node.js je tiež dôvod, prečo môžeme používať JavaScript vo všetkých možných oblastiach, vrátane z webového servera až po dron.

Keď chcete začať programovať v JavaScripte, je dobré vedieť, že potrebujete JavaScript engine na vykonanie svojho kódu, a teraz viete, že už máte jeden, ktorý prichádza s vaším prehliadačom. Taktiež viete, že ak chcete spustiť JavaScript mimo prehliadača, budete chcieť stiahnuť a nainštalovať Node.js na to. Ale pokiaľ ide o skutočné písanie kódu a jeho vykonávanie, čo to všetko znamená pre vašu programovaciu skúsenosť? Zvyčajne budete chcieť použiť akýsi IDE (Integrované vývojové prostredie) na písanie svojho kódu. Týmto spôsobom, ako si môžete domyslieť z názvu, prichádza s mnohými ďalšími nástrojmi, ktoré vám uľahčujú prácu s kódom v dlhodobom horizonte. Tieto môžu zahŕňať čokoľvek od automatického doplňovania textu pre menej písania, až po debugger. Pretože s týmito IDE pracuje veľa ľudí, existujú aj veľmi bežné rozšírenia, ktoré vám umožňujú prispôsobiť svoje programovacie prostredie, vrátane farebného zvýraznenia zátvoriek v kóde, aby ste ľahšie videli, ktoré otváracie zátvorky zodpovedajú ktorým uzatváracím zátvorkám. Ak nemáte predstavu o tom, čo zátvorky robia, zatiaľ sa tým netrápte a uvidíme ich so všetkými podrobnosťami, ktoré musíte vedieť v tejto sérii blogov.

V súčasnosti niektoré z najpopulárnejších IDE zahŕňajú Visual Studio Code, Atom a Sublime Text. Ale pre toto začneme s najjednoduchšou možnosťou, ktorú môžeme začať, a to je vlastne použitie prehliadača Chrome na písanie a vykonávanie JavaScript kódu.

Teraz, keď máte nejaké základné informácie o JavaScripte, poďme si skutočne nastaviť naše programovacie prostredie a začať s kódom „Ahoj, svet!“.

Ako začať programovať v JavaScripte?

Aby sme mohli začať programovať v JavaScripte, musíme nastaviť programovacie prostredie.

Ako sme už spomenuli, budeme používať Google Chrome ako náš prehliadač počas celej tejto série blogových príspevkov. Ak už máte Chrome nainštalovaný, skvelé! Ak nie, prvý krok je vlastne nainštalovať Google Chrome. Na stiahnutie Chrome môžete jednoducho vyhľadať „stiahnutie Google Chrome“, aby ste ho stiahli z jeho webovej stránky, alebo tu nájdete odkaz pre vašu pohodlnosť na stiahnutie Chrome:

Google Chrome – Stiahnite si rýchly, bezpečný prehliadač od Google

Teraz môžete pokračovať a kliknúť na tlačidlo „Stiahnuť Chrome“, aby ste začali sťahovanie. Keď sa stiahne, môžete naň dvakrát kliknúť a prejsť procesom inštalácie, ako by ste to urobili s akoukoľvek inou aplikáciou, ktorú sťahujete z internetu. Môže vás tiež požiadať, aby ste sa prihlásili do jedného z vašich účtov Google, čo môžete urobiť.

Akonáhle máte Chrome nainštalovaný, dvakrát naň kliknite, aby ste otvorili okno. Teraz by ste mali vidieť klasickú obrazovku vyhľadávania Google:

Aby ste mohli začať programovať v JavaScripte, ďalším krokom je otvoriť skutočné miesto, kde budeme písať a vykonávať kód v prehliadači Chrome. Z horného menu prejdite na: Menu, potom Vývojár, a potom kliknite na JavaScript konzolu. Môžete tiež použiť klávesovú skratku pre Mac, ktorá je „option + command + J“.

Hneď po tom by ste mali vidieť, ako sa otvára JavaScript konzola, ktorá by mala vyzerať nejako takto:

Ak ste sa dostali až sem, úžasné! Je čas na významný krok, ktorý vám umožní začať programovať v JavaScripte. Poďme začať vašu JavaScript cestu s ahoj svet. Pokračujte a zadajte nasledujúce:

alert("Ahoj, svet!");

Po zadaní tohto kódu spustíme náš kód stlačením klávesu „Enter“ alebo „Return“ na klávesnici!

Teraz by ste mali vidieť upozornenie, ktoré vyzerá takto:

A s týmto ste práve napísali svoj prvý kód „ahoj svet“! Teraz viete, ako začať programovať v JavaScripte.

V nasledujúcom blogovom príspevku uvidíte základy JavaScriptu s príkladmi kódov.