Node.js tutoriál: Hello world

Tento tutoriál vám pomôže začať s Node.js. Vysvetľuje, čo potrebujete na napísanie svojho prvého Node.js programu, odkiaľ stiahnuť potrebné nástroje, ako ich nainštalovať a ako napísať svoj prvý program 'Hello world'. Ak ste nikdy predtým nepísali program v JavaScripte, toto je miesto, kde začať.

Node.js je open-source, multiplatformové vývojové prostredie, ktoré vykonáva JavaScriptový kód mimo webový prehliadač. Node.js umožňuje vývojárom používať JavaScript na písanie príkazových nástrojov a serverových skriptov – spúšťanie skriptov na strane servera na generovanie dynamického obsahu webovej stránky predtým, ako je stránka odoslaná do používateľovho webového prehliadača.

Visual Studio Code je textový editor, ktorý vám pomáha počas procesu písania vášho JavaScriptového kódu. Je ako obyčajný textový editor, ale ponúka zvýrazňovanie, ktoré vám pomáha identifikovať funkcie, premenné, triedy a všetko ostatné, čo sa môže líšiť od bežného textu.

Hello world program je najjednoduchší program, ktorý môžete napísať. Jednoducho vypíše vetu: Hello world na obrazovku počítača. Program Hello World je prvý program, ktorý vývojári píšu v akomkoľvek programovacom jazyku.

Tu je to, čo potrebujete na začatie. Na napísanie vášho prvého počítačového programu v JavaScripte potrebujete počítač s Windows, Visual Studio Code, Node.js a príkladový kód uvedený nižšie.

• Počítač s Windows 10 alebo 11
• Visual Studio Code
• Node.js
• Ozeki Hello World príkladový projekt

Visual Studio Code

V tomto prvom videu vám ukážeme, ako si stiahnuť Visual Studio Code. Je to jednoduchý proces; nebudete mať problém ho sledovať. Video začína návštevou nasledujúcej URL: https://code.visualstudio.com/download/. Postupovanie podľa krokov vás prevedie až k získaniu inštalátora na váš počítač. Odtiaľ môžete začať inštalačný proces.

Ak chcete mať inštalátor kompatibilný s Windows, vyberte možnosť vhodnú pre Windows 7, 8, 10. Nachádza sa pod logom Windows (Obrázok 1). Teraz váš prehliadač začne proces sťahovania a čoskoro budete mať inštalátor pripravený na spustenie.

Node.js

Cieľom tohto videa je ukázať vám, ako si môžete stiahnuť Node.js do svojho počítača. Video začne návštevou stránky na stiahnutie Node.js. Tutoriál vás prevedie až k inštalácii vývojového prostredia. Video je len o niečo dlhšie ako 1 minútu a obsahuje všetky informácie, ktoré potrebujete na dokončenie procesu. Node.js si môžete stiahnuť z nasledujúcej URL: https://nodejs.org/en/download/current/

Na obrázku 2 môžete vidieť stránku na stiahnutie Node.js vývojového prostredia. Môžete vidieť viacero možností inštalácie. V tomto prípade vyberte verziu určenú pre váš operačný systém. Pre väčšinu ľudí bude správnou možnosťou Windows Installer.

Na napísanie vášho prvého Node.js programu budete potrebovať textový editor ako je Visual Studio Code. V nasledujúcom videu môžete vidieť ako nainštalovať Visual Studio Code do svojho počítača. Video začne návštevou stránky na stiahnutie programovacieho prostredia Visual Studio. Skončí s pripraveným inštalátorom na použitie. Počas procesu sa dozviete, akú možnosť sťahovania si vybrať. Toto video stojí za pozretie, pretože po ňom budete schopní stiahnuť Visual Studio Code kedykoľvek budete chcieť. Je dlhé len 1 minútu, ale obsahuje všetky informácie, ktoré potrebujete.

Krok 4 - Inštalácia Node.js

Ak chcete napísať svoj prvý program v Node.js, musíte si nainštalovať Node.js runtime prostredie. Nasledujúce video vám ukáže, ako sa táto inštalácia vykonáva. Začne sa inštalátorom na vašom počítači. Na konci videa budete mať program úspešne nainštalovaný. Proces je jednoduchý a video je veľmi podrobné. Nebudete mať žiadny problém s jeho sledovaním.

Ak chcete otestovať, či je Node.js nainštalovaný, musíte otvoriť príkazový riadok.

1. Otvorte ponuku Štart
2. Do vyhľadávacieho poľa napíšte "cmd"
3. Stlačte Enter
4. Uvidíte čierne okno
5. Do terminálu napíšte kód, ktorý je v (Kód 1)

node -v
	

Ak chcete otestovať, či je Node.js nainštalovaný na vašom počítači, musíte otvoriť príkazový riadok a napísať kód vyššie. Vypíše číslo verzie runtime prostredia, ak je úspešne nainštalovaný (Obrázok 3).

Po týchto krokoch môžeme pokračovať v našej ceste napísať náš prvý program 'Hello world!' v JavaScripte a spustiť ho v Node.js prostredí.

Musíme vytvoriť priečinok na uloženie našich kódov. Môžeme to urobiť pred spustením Visual Studio Code, ale môžeme to urobiť aj pri otváraní priečinka.

V Visual Studio Code máme možnosť mať terminál v rámci Visual Studio Code, takže nastavíme terminál v rámci programu.

Nasledujúce video vám ukáže, ako vytvoriť nový projekt v Visual Studio Code. Počas procesu vytvoríte nový priečinok pre projekt. Video je dlhé len 52 sekúnd a je veľmi podrobné. Proces sa naučíte sledovaním videa.

Na obrázku 4 môžete vidieť, ktoré tlačidlo musíte stlačiť, aby ste vytvorili nový súbor v projekte. Otvorte textové pole pod tlačidlom, kde musíte zadať názov projektu. Po pomenovaní projektu uvidíte, že sa časť editora kódu zmenila. Teraz môžete začať písať kód a bude uložený v projekte.

Ak chcete spustiť svoj prvý program, budete potrebovať terminál. Terminál vám umožní vidieť výstup vášho programu. Ak ho chcete vytvoriť, kliknite na tlačidlo Terminál v ponuke Visual Studio Code. Tam nájdete tlačidlo Nový terminál. Toto tlačidlo vytvorí terminál, v ktorom môžete spustiť svoj program. (Obrázok 5)

Prvý program, ktorý napíšete v akomkoľvek programovacom jazyku, je program 'Hello world'. Cieľom tohto programu je jednoducho vypísať text 'Hello world' na obrazovku počítača. V tomto príklade program obsahuje iba jeden riadok: console.log("Hello world!"); a tento riadok vráti 'Hello world!' na obrazovku.

console.log("Hello world!");
	

Cieľom nasledujúceho videa je pomôcť vám napísať váš prvý program. Ako vo väčšine prípadov, prvý program, ktorý napíšeme, je program 'Hello World'. Jednoducho vypíše 'Hello World' do konzoly. Video začne s prázdnym editorom kódu a skončí s hotovým programom. Video je krátke, ale veľmi podrobné. Trvá len 14 sekúnd. Nebudete mať žiadny problém s jeho pochopením.

Ak chcete spustiť svoj kód, musíte otvoriť terminál a napísať doň nasledujúci kód:

//Ak ste svoj súbor pomenovali inak, mali by ste nahradiť časť 'helloWorld' tým názvom
node helloWorld.js
	

Toto preloží váš JavaScriptový kód a slová v zátvorkách console.log(); sa zobrazia vo vašom termináli.

Krok 8 - Čo sa stane, ak urobím chybu v JavaScripte

Visual Studio Code má zabudovanú detekciu syntaktických chýb, takže ak urobíte chybu vo vašom JavaScript kóde, IDE ju odhalí a zobrazí medzi problémami. Ak je vo vašom kóde chyba a spustíte ho, vaša chyba sa zobrazí aj v termináli. V nasledujúcom videu môžete vidieť, ako to vyzerá. Dozviete sa, ako vyzerá pravopisná chyba v kóde. Tiež sa naučíte, ako chybu opraviť. Video je dlhé len 48 sekúnd a obsahuje všetky informácie, ktoré potrebujete na dokončenie procesu. Nebudete mať žiadny problém s dodržaním krokov.

Na obrázku 6 môžete vidieť, ako vyzerá pravopisná chyba v kóde. Môžete vidieť upozornenie na chybu v zozname projektov, v termináli a v editore kódu. To značne uľahčuje opravu chýb. Nezabudnite chyby opraviť a znova spustiť svoj program.

Teraz, keď ste dokončili vyššie uvedených päť jednoduchých krokov, urobili ste svoj prvý krok na ceste k tomu, aby ste sa stali vývojárom softvéru v Node.js. Tento program môže vyzerať jednoducho a možno nerobí veľa, ale takto veľké veci začínajú. Ďalším krokom vo vašej ceste učenia bude vytvorenie HTTP požiadavky.