Node.js tutoriál: Hello world

Jak napsat svůj první Node.js program

Tento tutoriál vám pomůže začít s Node.js. Vysvětluje, co potřebujete k napsání svého prvního Node.js programu, odkud stáhnout potřebné nástroje, jak je nainstalovat a jak napsat svůj první program 'Hello world'. Pokud jste nikdy předtím nepsali program v JavaScriptu, je toto ideální místo, kde začít.

Co je Node.js

Node.js je open-source, multiplatformní runtime prostředí, které spouští JavaScriptový kód mimo webový prohlížeč. Node.js umožňuje vývojářům používat JavaScript k psaní nástrojů pro příkazový řádek a pro serverové skriptování – spouštění skriptů na straně serveru za účelem generování dynamického obsahu webové stránky předtím, než je stránka odeslána do uživatelského webového prohlížeče.

Co je syntaktická chyba?

Syntaktická chyba znamená, že nerozumím. Pokud mluvíte s někým anglicky a on nerozumí tomu, co říkáte, odpoví "Nerozumím". Pokud mluvíte s počítačem v JavaScriptu a počítač nerozumí tomu, co říkáte, odpoví "Syntaktická chyba".

Co je Visual Studio Code

Visual Studio Code je textový editor, který vám pomáhá během procesu psaní JavaScriptového kódu. Je to jako běžný textový editor, ale nabízí zvýrazňování, které vám pomáhá identifikovat funkce, proměnné, třídy a vše ostatní, co se může lišit od běžného textu.

Co je Node.js Hello world program

Program hello world je nejjednodušší program, který můžete napsat. Jednoduše vypíše větu: Hello world na obrazovku počítače. Program Hello World je první program, který vývojáři píší v jakémkoli programovacím jazyce.

Předpoklady

Zde je to, co potřebujete k začátku. K napsání vašeho prvního počítačového programu v JavaScriptu potřebujete počítač s Windows, Visual Studio Code, Node.js a ukázkový kód uvedený níže.

  • Počítač s Windows 10 nebo 11
  • Visual Studio Code
  • Node.j
  • Ozeki Hello World ukázkový projekt

Krok 1 - Stáhnout Visual Studio Code

Visual Studio Code

V tomto prvním videu vám ukážeme, jak stáhnout Visual Studio Code. Je to jednoduchý proces; nebudete mít problém ho sledovat. Video začíná návštěvou následující URL: https://code.visualstudio.com/download/. Dodržování kroků vás dovede až k tomu, že budete mít instalační program na svém počítači. Odtud můžete zahájit proces instalace.

Video 1 - Jak stáhnout Visual Studio Code (Video tutoriál)

Vyberte možnost pro Windows

Pro získání instalačního programu kompatibilního s Windows vyberte možnost vhodnou pro Windows 7, 8, 10. Nachází se pod logem Windows (Obrázek 1). Nyní váš prohlížeč zahájí proces stahování a budete mít instalační program připravený k použití v mžiku.

stáhnout visual studio code
Obrázek 1 - Stáhnout Visual Studio Code

Krok 2 - Stáhnout Node.js

Node.js

Účelem tohoto videa je ukázat vám, jak si můžete stáhnout Node.js do svého počítače. Video začne návštěvou stránky ke stažení Node.js. Tutoriál vás provede až do okamžiku, kdy budete mít nainstalované toto runtime prostředí. Video samotné je jen o něco déle než 1 minuta a obsahuje všechny informace, které potřebujete k dokončení procesu. Node.js si můžete stáhnout z následující URL: https://nodejs.org/en/download/current/

Video 2 - Jak stáhnout Node.js (Video tutoriál)

Stránka ke stažení Node.js

Na Obrázku 2 můžete vidět stránku ke stažení Node.js runtime prostředí. Můžete vidět několik možností způsobu instalace. V tomto případě vyberte verzi určenou pro váš operační systém. Pro většinu lidí bude správnou volbou Windows Installer.

Obrázek 2 - Stáhnout Node.js

Krok 3 - Nainstalovat Visual Studio Code

K napsání vašeho prvního Node.js programu budete potřebovat textový editor jako je Visual Studio Code. V následujícím videu můžete vidět jak nainstalovat Visual Studio Code do vašeho počítače. Video začne návštěvou stránky ke stažení programovacího prostředí Visual Studio. Skončí staženým instalačním programem připraveným k použití. V průběhu se naučíte, jakou možnost stahování potřebujete zvolit. Toto video stojí za zhlédnutí, protože po něm budete schopni stáhnout Visual Studio Code kdykoli budete chtít. Je dlouhé jen 1 minutu, ale obsahuje všechny informace, které potřebujete.

Video 3 - Jak nainstalovat Visual Studio Code (Video tutoriál)

Krok 4 - Instalace Node.js

Abyste mohli napsat svůj první program v Node.js, musíte si nainstalovat Node.js runtime prostředí. Následující video vám ukáže, jak tuto instalaci provést. Začne s instalačním programem na vašem počítači. Na konci videa budete mít program úspěšně nainstalovaný. Proces je snadný a video je velmi podrobné. Nebudete mít problém s jeho sledováním.

Video 4 - Jak nainstalovat Node.js (Návodové video)

Chcete-li otestovat, zda je Node.js nainstalován, musíte otevřít příkazový řádek.

  1. Otevřete nabídku Start
  2. Do vyhledávacího pole napište "cmd"
  3. Stiskněte Enter
  4. Uvidíte černé okno
  5. Do terminálu napište kód z (Kód 1)

node -v
	

Kód 1 - Testování, zda je Node.js nainstalován

Testování Node.js

Chcete-li otestovat, zda je Node.js nainstalován na vašem počítači, musíte otevřít příkazový řádek a napsat výše uvedený kód. Pokud je runtime prostředí úspěšně nainstalováno, vypíše se číslo verze (Obrázek 3).

Obrázek 3 - Testování, zda je Node.js nainstalován

Po těchto krocích můžeme pokračovat v naší cestě k napsání našeho prvního programu 'Hello world!' v JavaScriptu a jeho spuštění v prostředí Node.js.

Krok 5 - Nastavení prostředí

Musíme vytvořit složku pro ukládání našich kódů. Můžeme to udělat před spuštěním Visual Studio Code, ale můžeme to také udělat při otevírání složky.

V Visual Studio Code máme možnost mít terminál přímo v programu, takže si nastavíme terminál uvnitř aplikace.

Následující video vám ukáže, jak vytvořit nový projekt v Visual Studio Code. Během procesu vytvoříte novou složku pro projekt. Video je dlouhé pouze 52 sekund a je velmi podrobné. Proces se naučíte sledováním videa.

Video 5 - Jak nastavit naše prostředí (Návodové video)

Vytvoření nového souboru v Visual Studio Code

Na obrázku 4 můžete vidět, které tlačítko musíte stisknout, abyste vytvořili nový soubor uvnitř projektu. Otevře se textové pole pod tlačítkem, kde musíte zadat název projektu. Po pojmenování projektu uvidíte, že se sekce editoru kódu změnila. Nyní můžete začít psát kód a bude uložen v projektu.

Obrázek 4 - Vytvoření nového souboru v Visual Studio Code

Vytvoření nového terminálu

Pro spuštění vašeho prvního programu budete potřebovat terminál. Termínál vám umožní vidět výstup vašeho programu. Chcete-li jej vytvořit, klikněte na tlačítko Terminál v nabídce Visual Studio Code. Tam najdete tlačítko Nový terminál. Toto tlačítko vytvoří terminál, ve kterém můžete spustit svůj program. (Obrázek 5)

Obrázek 5 - Vytvoření nového terminálu v Visual Studio Code

Krok 6 - Napište svůj 'hello world' program v JavaScriptu

První program, který napíšete v jakémkoli programovacím jazyce, je program 'Hello world'. Cílem tohoto programu je jednoduše vypsat text 'Hello world' na obrazovku počítače. V tomto příkladu program obsahuje pouze jeden řádek: console.log("Hello world!"); a tento řádek vrátí 'Hello world!' na obrazovku.

console.log("Hello world!");
	

Kód 2 - Kód, který vypíše 'Hello world!' do konzole

Psaní skriptu 'Hello World' (Návodové video)

Účelem následujícího videa je pomoci vám napsat váš první program. Jako ve většině případů, první program, který napíšeme, je program 'Hello World'. Jednoduše vypíše 'Hello World' do konzole. Video začne s prázdnou sekcí editoru kódu a skončí s hotovým programem. Video je krátké, ale velmi podrobné. Trvá pouze 14 sekund. Nebudete mít problém s jeho pochopením.

Video 6 - Jak napsat skript 'Hello world!' (Návodové video)

Krok 7 - Spuštění kódu v terminálu

Chcete-li spustit svůj kód, musíte otevřít terminál a napsat do něj následující kód:

//Pokud jste svůj soubor pojmenovali jinak, měli byste část 'helloWorld' nahradit tímto názvem
node helloWorld.js
	

Kód 3 - Spustí kód helloWorld.js

Tím se váš JavaScriptový kód přeloží a slova uvnitř závorek console.log(); se zobrazí v terminálu.

Krok 8 - Co se stane, když udělám chybu v JavaScriptu

Visual Studio Code má vestavěnou detekci syntaktických chyb, takže pokud uděláte chybu ve svém JavaScriptovém kódu, IDE ji odhalí a zobrazí mezi problémy. Pokud je ve vašem kódu chyba a spustíte ho, vaše chyba se také zobrazí v terminálu. V následujícím videu můžete vidět, jak to vypadá. Dozvíte se, jak vypadá pravopisná chyba v kódu. Také se naučíte, jak chybu opravit. Video je dlouhé pouze 48 sekund a obsahuje všechny informace, které potřebujete k dokončení procesu. Nebudete mít problém s následováním kroků.

Video 7 - Jak udělat syntaktickou chybu a opravit ji (Video návod)

Chyby v kódu

Na obrázku 6 můžete vidět, jak vypadá pravopisná chyba v kódu. Můžete vidět upozornění na chybu v seznamu projektů, v terminálu a v editoru kódu. To usnadňuje opravu chyb. Nezapomeňte chyby opravit a program znovu spustit.

Obrázek 6 - Chyba v JavaScriptovém kódu v Visual Studio Code

Shrnutí

Nyní, když jste dokončili pět jednoduchých kroků výše, udělali jste první krok k tomu, abyste se stali vývojářem softwaru v Node.js. Tento program může vypadat jednoduše a možná nedělá mnoho, ale takto začínají velké věci. Dalším krokem ve vaší vzdělávací cestě bude vytvoření HTTP požadavku.

More information