Návod na JavaScript: Hello world

Tento návod vám pomôže začať s JavaScriptom. Vysvetľuje, čo potrebujete na napísanie vášho prvého programu v JavaScripte. Začína základmi: naučíte sa, kde môžete nájsť a stiahnuť potrebné nástroje, ako ich nainštalovať a prevedie vás celým procesom až po zostavenie a spustenie vášho kódu. Ak ste ešte nikdy nepísali program v JavaScripte, toto je miesto, kde začať. Vytvorili sme tento článok, aby ste mohli začať s JavaScriptom a prejsť na naše príklady SMS. Ak už JavaScript poznáte, môžete prejsť priamo na jeden z nasledujúcich SMS projektov.

Príklady SMS v JavaScripte:

Odoslanie SMS pomocou HTTP REST API v JavaScripte (ukážka kódu)
Odoslanie viacerých SMS pomocou HTTP REST API v JavaScripte (ukážka kódu)
Naplánovanie SMS pomocou HTTP REST API v JavaScripte (ukážka kódu)
Prijatie SMS pomocou HTTP REST API v JavaScripte (ukážka kódu)
Vymazanie SMS pomocou HTTP REST API v JavaScripte (ukážka kódu)
Stiahnutie najnovšej knižnice JavaScript SMS API z Githubu

Hypertext Markup Language (HTML) je nástroj na definovanie štruktúry webovej stránky. HTML je štandardný značkovací jazyk pre vytváranie webových stránok. Spolu s CSS vytvárajú vzhľad webových stránok, aký poznáme. HTML pozostáva zo série elementov, ktoré hovoria prehliadaču, ako zobrazovať obsah. V tomto návode ho použijeme na zobrazenie správy "hello world".

JavaScript je skriptovací programovací jazyk. Je podobný prirodzenému jazyku, ako je angličtina. Používa sa na komunikáciu s počítačom. Hlavný rozdiel medzi prirodzeným jazykom a programovacím jazykom je v tom, že programovacie jazyky majú prísnejšiu štruktúru, aby im počítač lepšie rozumel. V tomto návode použijeme JavaScript na vypísanie správy "hello world".

Termín webový server môže označovať hardvér alebo softvér, alebo obidve tieto zložky pracujúce spolu. Na hardvérovej úrovni je webový server počítač, ktorý slúži webovým klientom. Na softvérovej úrovni webové servery spúšťajú PHP kód, ktorý spracováva HTTP požiadavky webových klientov.

Webový prehliadač je aplikácia na prístup k World Wide Webu. Keď používateľ požiada o webovú stránku z konkrétneho webu, webový prehliadač načíta potrebný obsah z webového servera a potom zobrazí stránku na zariadení používateľa. Funguje tak, že používateľ môže posielať HTTP požiadavky na webové servery. Pomocou webového prehliadača môžeme pristupovať k webovému serveru zadáním jeho IP adresy alebo domény do poľa URL.

WampServer označuje súbor riešení pre operačný systém Microsoft Windows, ktorý pozostáva z webového servera Apache, OpenSSL pre podporu SSL, databázy MySQL a programovacieho jazyka PHP. WAMP funguje ako virtuálny server na vašom počítači. Umožňuje vám testovať všetky webové funkcie bez akýchkoľvek dôsledkov, pretože je lokalizovaný na vašom počítači a nie je pripojený k internetu. Použijeme ho na lokálne hostovanie našej HTML webovej stránky.

Ak chcete napísať svoj prvý program v JavaScripte:

1. Nainštalujte WAMP na svoj počítač
2. Nastavte WAMP server
3. Vytvorte nový súbor index.html
4. Vytvorte svoj prvý HTML dokument
5. Napíšte svoj prvý JavaScript kód do súboru .html
6. Spustite svoj prvý JavaScript program
7. Otvorte režim Inspect na upozornenie na chyby
8. Opravte chybu

• Počítač s Windows 10
• Prostredie WAMP
• Prehliadač Chrome
• Príklad Hello World v HTML
• Príklad Hello World v JavaScripte

V tomto videu si stiahneme WAMP server. Toto je softvér, ktorý použijeme na hostovanie nášho JavaScript kódu. Najprv musíte navštíviť https://wampserver.com. a stiahnuť inštalátor WampServer (Video 1). Po dokončení sťahovania sa inštalátor nachádza v priečinku na sťahovanie, ktorý je určený vo vašom prehliadači. Otvorením tohto exe súboru sa spustí inštalačný proces WAMP servera.

Začnite tým, že vo svojom prehliadači prejdete na https://wampserver.com. Kliknite na tlačidlo Stiahnuť v hornej časti, aby ste boli automaticky presunutí do sekcie sťahovania. Kliknite na WAMPSERVER 64 BITS (X64), aby ste stiahli inštalátor WampServer na svoj počítač (Obrázok 1).

Ďalším krokom po sťahovaní WampServer je jeho inštalácia. Toto video vám ukáže, ako úspešne dokončiť nastavenie. Otvorte inštalátor, nakonfigurujte podrobnosti inštalácie a počkajte, kým sa proces dokončí (Video 2). Keď nainštalujete WAMP Server, automaticky sa spustí. Teraz, keď WAMP Server beží, môžete začať programovať v JavaScripte.

Ak chcete napísať svoj prvý HTML dokument, mali by ste vytvoriť nový súbor index.html v priečinku \www\ servera WampServer.
Cesta: C:\wamp64\www\

<!DOCTYPE html>
<html>
	<head>
		<title>Hello world!</title>
	</head>
	<body>
		<h1 id="text">Hello world!</h1>
	</body>
</html>
	

Napíšte svoj prvý HTML dokument

Toto video vám ukáže, ako môžete vytvoriť HTML dokument (Video 3). Tento dokument neskôr použijeme na jeho lokálne hostovanie. Pretože na našom počítači beží WampServer, môžeme naše súbory sledovať na adrese http://localhost/. Aby ste to dosiahli, mali by ste vytvoriť alebo vložiť svoj HTML súbor do priečinka \www\.
Cesta: C:\wamp64\www\