Úvod do JavaScriptu – 1.díl

Zdravím všechny, kteří si otevřeli 1.díl tutoriálu o JavaScriptu. Předem chci upozornit, že tento kurz je určen pouze začátečníkům. V plánovaných 5 dílech se Vám budu snažit vysvětlit základy a ukázat praktické využití tohoto skriptovacího jazyka. Ať se těchto pár dílů líbí a jsou Vám užitečné v dalším rozvoji znalostí.

Pár informací a vlastností JS v odrážkách

  • JavaScript rozhodně není programovací jazyk Java
  • Je závislý pouze na prohlížeči. Pokud ho prohlížeč podporuje, lze jej spustit na různých platformách – PC či OS MAC
  • Může reagovat na různé události jako pohyb myší apod…
  • Pomocí něho je možné provést validaci formuláře ještě před odesláním na server
  • Může vytvořit dynamické WWW stránky, měnící svoji podobu dle různých okolností(čas, datum, údaje od uživatele atd..)
  • JavaScript je case sensitive = rozlišuje malá a velká písmena. Příklad: funkceahoj(); je jiná než například funkceAhoj();
  • Externí soubory s JavaScriptem mají příponu .js nebo .jse

Způsob vložení JS do HTML stránky

  • Připojení externího souboru s JS do HTML: v hlavičce dokumentu <head><script type=“application/javascript“ scr=“cesta_k_souboru.js“ /></head>
  • Definice JS přímo v hlavičce JS: <head><script type=“application/javascript“ scr=“cesta_k_souboru.js“>..script..</script></head>
  • Skript v těle HTML dokumentu: <body><script type=“application/javascript“ scr=“cesta_k_souboru.js“>..script..</script></body>

Ještě malý dodatek: Je možné ve zdrojovém kódu JavaScriptu používat i komentáře. Příklad:

  • document.write(„text“); // jednořádkový komentář – na tomto řádku už nelze pokračovat v psaní kódu
  • document.write(„text“); /* Víceřádkový komentář – script se vykoná, alevše ostatní po uzavírací lomítka s hvězdičkou, bude jen a jen komentář document.write(„text“); – tento script se nevykoná */
  • // document.write(„text“); – ani tento příkaz nebude do výsledku scriptu zahrnut
  • document.write(„text“); /* Tento zápis můžete též použít jednořádkově */

První program Nazdar světe!

<html> <head> <title>Nazdar světe!</title> </head> <body> obsah před skriptem <script type=“application/javascript“> document.write(„Nazdar světe!!!“); </script> obsah po skriptu </body> </html>

Nyní jsme poprvé vyzkoušeli jak JavaScript funguje. Je to pouze první krůček k rozsáhlému použití JavaScriptu. V dalším připravovaném článku si ukážeme, jak můžeme program větvit a jak vykonávat určité příkazy pouze za splnění/nesplnění podmínky. Zaměříme se na if, for, while… Doufám, že jste si z tohoto článku alespoň něco málo odnesli. V případě nejasností pište komentáře, budu se snažit na ně srozumitelně odpovědět. Toť konec prvníko článku tutoriálu o úvodu do JavaScriptu.

Další díly:

Úvod do JavaScriptu – 2.díl

O Antonín Crha

Jsem studentem Masarykovy Univerzity - Fakulta Informatiky. Zabývám se především tvorbou webových prezentací pomocí PHP, XHTML, CSS, MySQL, JS, AJAX a základní SEO optimalizace. Dále mi také není cizí JAVA, C, počítačové sítě a oprava PC. Jinak rád hraji fotbal, stolní tenis a ještě radši jsem s přáteli v nějaké hospůdce :)...