KURS HTML5, CSS3 I NOWOCZESNY JAVASCRIPT (ES6)
Intensywny, 24-godzinny kurs tworzenia nowoczesnych stron i aplikacji internetowych. Uczestnicy poznają aktualne standardy HTML5, stylowanie interfejsów w CSS3 oraz praktyczne zastosowanie JavaScript i ES6. Szkolenie łączy teorię z warsztatami, dzięki czemu każdy moduł kończy się praktycznym projektem lub ćwiczeniami.
Kurs przygotowuje do samodzielnego tworzenia semantycznych stron, interaktywnych komponentów oraz prostych aplikacji webowych działających również w trybie offline.
Program kursu (24 godz.)
| Moduł | Godz. |
|---|---|
| Moduł 1 — Fundamenty HTML5 i struktura dokumentu | 3 |
| Moduł 2 — Architektura pliku HTML5 i semantyka | 3 |
| Moduł 3 — DOM i struktura dokumentu | 3 |
| Moduł 4 — CSS3 w praktyce | 4 |
| Moduł 5 — Formularze HTML5 i walidacja | 2 |
| Moduł 6 — Testowanie i kompatybilność przeglądarek | 2 |
| Moduł 7 — Tryb Offline i przechowywanie danych | 2 |
| Moduł 8 — Canvas i grafika w HTML5 | 3 |
| Moduł 9 — JavaScript w przeglądarce i ES6 | 2 |
| Razem | 24 |
Moduł 1 — Fundamenty HTML5 (3 godz.)
- Powstanie standardu HTML5 i jego znaczenie.
- Struktura dokumentu: doctype, head, body.
- Nowe i stare tagi HTML5.
- Walidacja dokumentu i interpretacja przez przeglądarki.
Moduł 2 — Architektura HTML5 i semantyka (3 godz.)
- Nowe tagi: section, article, nav, aside, header, footer.
- Formatowanie struktury przy użyciu CSS3.
- Łączenie HTML5 z CSS i JavaScript.
- Budowa prostej aplikacji opartej na strukturze HTML5.
Moduł 3 — Model DOM i Microdata (3 godz.)
- Model DOM — struktura i manipulacja elementami.
- Nowe elementy DOM w HTML5.
- Microdata i dostępność (WAI-ARIA).
- Implementacja DOM w aplikacjach webowych.
Moduł 4 — CSS3 w praktyce (4 godz.)
- Selektory, pseudoklasy i pseudoelementy.
- Nowe właściwości CSS3 i efekty wizualne.
- Fonty zewnętrzne (@font-face).
- Animacje i transformacje.
Moduł 5 — Formularze HTML5 (2 godz.)
- Nowe typy pól formularzy.
- Nowe atrybuty formularzy.
- Walidacja danych.
Moduł 6 — Testowanie i Modernizr (2 godz.)
- Testowanie w różnych przeglądarkach.
- Sprawdzanie obsługiwanych funkcji.
- Biblioteka Modernizr.
Moduł 7 — Tryb Offline i pamięć przeglądarki (2 godz.)
- Manifest aplikacji.
- sessionStorage i localStorage.
- Obsługa trybu Offline.
Moduł 8 — Canvas i animacje (3 godz.)
- Canvas a CSS.
- Rysowanie kształtów, tekstu i obrazu.
- Tworzenie animacji i pobieranie danych zewnętrznych.
Moduł 9 — JavaScript i ECMAScript 6 (2 godz.)
- Obiekt history i navigator (geolokalizacja).
- Drag & Drop, File API.
- let, const, funkcje strzałkowe, klasy ES6.