Výuka JavaScriptu


Jelikož jsem se začal učit JavaScript, kterej je podle mého názoru docela užitečnej, rozhodl jsem se obdařit všechny návštěvníky Hannes webu ukázkami, co tenhle jazyk dovede. Ukázky jsou seřazený většinou podle toho, jak jsem se je učil, takže od lehkých po ty těžší. Určitě to není úplně jednoduchej jazyk, navíc se mi plete se spoustou dalších. Všechny jsou dost podobný, ale liší se třeba v různým uvozování a označování a když to fakt dobře neumíte, tak v tom máte docela bordel. Ukázky se otevírají v novém okně, jestli se chcete podívat na zápis kódu, tak dejte v prohlížeči (předpokládám IE) Zobrazit -> Zdrojový kód. Na první pohled nemusí být patrné, o co ve skriptu jde, takže jsem ke každému připravil krátký popisek. Ukázky berte jenom jako základy, když JavaScript opravdu umíte, dají se v tom dělat docela divy. Například menu v sekci Návody na Hannes webu je kompletně v Javascriptu.

Novinka! Stáhněte si všechny příklady pro prohlížení off-line!


0. Výklad JavaScriptu
Výuka jazyku od začátku

1. První skript
Využití proměných v praxi-sčítání, odčítání, násobení, dělění

2. Pole
Definování pole na dny v týdnu.

3. Funkce s argumentem
Použití funkce k vypsání textu mezi rámečky

4. Fukce vracející hodnotu
Funkce, která vrátí nějakou hodnotu-vypočítání druhé mocniny

5. Přiřazovací podmínka ?
První druh podmínky-zařazení člověka do kategorie

6. Přiřazovací podmínka if.....else
Také zařazení do kategorie, ale s použitím if/else

7. Přiřazovací podmínka switch
Poslední podmínka switch-ceník ovoce

8. Potvrzovací okno
Událost window.confirm - jídelní lístek

9. Vstupní okno
Zjištění věku a zařazení pomocí window.prompt

10. Cyklus do....while
Ukázka cyklu do...while na výpisu čísel

11. Cyklus while
Stejný skript jako 10, ale s použitím while

12. Cyklus for
Výpis sudých a lichých čísel do 100 s použitím for

13. Parametr break
Složitější skript na zadávání jmen s následným výpisem zadaných údajů

14. Parametr continue
Stejné jako 13, ale s použitím continue a bez prázdného zápisu

15. Použití window.alert
Použití informačního okna při vstupu na stránku

16. Uživatelská okna
Výklad používání a parametrů okna prohlížeče.

17. Událost onLoad
Použití události k oznámení při vstupu na stránku.

18. onLoad a onUnLoad
Použití těchto událostí při window.alert

19. onClick a onDblClick
Tlačítka reagují cí na počet stisknutí.

20. window.open
Zobrazení struktury harddisku.

21. generování window.open
Skript vygeneruje stránku s vaším jménem.

22. Manipulace s oknem
Přepínání okna do pozadí a popředí.

23. window.status
Příklady použití na stavovém řádku prohlížeče.

24. datum - getDate
Výpis aktuálního času a data na obrazovku.

25. Jaký je dnes den
Vypíše dnešní den podle pole.

26. Datum, čas, rok
Komentované vypsání aktuálního data, roku, dne a času.

27. Date výklad
Přehled funkcí s objektem Date.

28. Načasování - refresh
Obnovení stránkyv zadaném intervalu pomocí window.setTimeout.

29. Hodinky
Hodinky běžící ve stavovém řádku s možností zapnutí/vypnutí.

30. Práce s formulářem
Zobrazí zadaný text pomocí window.alert.

31. Práce s formulářem 2
Přidělí částem formůláře názvy kvůli větší přehlednosti.

32. Kontrola e-mailu
Zkontroluje přítomnost zavináče v emailu.

33. Další funkce formůlářů
Další použití funkcí formulářů-focus, blur, select.

34. Matematické funkce - výklad
Výklad dalších matematických funkcí v JavaScriptu.

35. Příklad matematických funkcí
Příklad na předchozí výklad matematických funkcí.


To je prozatím všechno. Další skripty budou pravděpodobně přibejvat.

Hannes