HTML5 na dzień dzisiejszy jest już na tyle dojrzały, że możesz z powodzeniem wykorzystać go do tworzenia rozbudowanych witryn wyposażonych w liczne funkcje lub nawet do tworzenie aplikacji na różne systemy mobilne.

To nowoczesna technologia, która nieustannie się rozwija i w wielu wypadkach jest w stanie zastąpić nieefektywne rozwiązania stosowane w przeszłości. Połączenie HTML5 z JavaScript oraz CSS3 zapewni Ci nieograniczone możliwości tworzenia lekkich, wydajnych ale jednocześnie niezwykle funkcjonalnych witryn oraz aplikacji.

Niniejszy kurs pozwoli Ci szybko poznać najciekawsze rozwiązania oferowane przez HTML5. znajdziesz w nim dużą ilość praktycznych przykładów dotyczących bardziej zaawansowanych aspektów języka HTML. To doskonała pozycja dla Ciebie, jeżeli chcesz być na bieżąco z najnowszymi trendami i technologiami tworzenia stron internetowych.

W kursie znajdziesz m.in.:

• Praktyczne użycie HTML5 w formularzach (walidacja danych, użycie ciekawych skryptów itp.)
• Wczytywanie plików oraz użycie dokumentów edytowalnych.
• Tworzenie elementów przeciąganych bez użycia dodatkowych bibliotek.
• Nowe metody przechowywania danych.
• Video – tworzenie własnego odtwarzacza.
• Geolokalizacja (m.in. wyświetlanie pozycji użytkownika na mapie Google).
• Wymiana danych pomiędzy dokumentami.
• Technologia Web workers oraz zarządzanie stanami historii.
• Szerokie możliwości elementu Canvas – dynamiczne tworzenie kształtów, transformacje i wiele więcej.

Wszystkie materiały użyte podczas kursu zostały do niego dołączone, więc możesz je wykorzystać podczas nauki.

Formularze

• Wstęp (2m 54s)
• Omówienie projektu (2m 25s)
• Autocomplete i autofocus (5m 03s)
• Atrybut placeholder (2m 16s)
• Użycie pól wymaganych (2m 32s)
• Wyrażenia regularne (5m 33s)
• Zaznaczanie tekstu za pomocą API (6m 21s)
• Paski postępu (3m 14s)
• Element Meter (3m 47s)
• Element Output (5m 09s)
• Pomijanie walidacji (3m 31s)
• Biblioteka WebForms (7m 08s)
• Modernizr w formularzach (6m 22s)
• Skrypt Placeholder (7m 47s)
• Pola wyboru daty (7m 19s)
• Warunkowe wczytywanie skryptu (4m 18s)

File API oraz dokumenty edytowalne

• Tworzenie dokumentu edytowalnego (4m 54s)
• Dodatkowa funkcjonalność (7m 25s)
• Ładowanie pliku do formularza (5m 19s)
• Pobieranie informacji o pliku (5m 16s)
• Odczytywanie treści pliku (7m 22s)
• Wczytywanie obrazków (5m 30s)
• Wycinanie fragmentów pliku (3m 53s)

Elementy przeciągane

• Obsługa podstawowych zdarzeń (6m 02s)
• Zdarzenie dragend (2m 56s)
• Przeciąganie elementów strony (9m 05s)
• Przeciąganie plików do formularza (6m 33s)

Przechowywanie danych

• Local storage (6m 47s)
• Session storage (3m 41s)

Video

• Element Video - główne koncepcje (4m 33s)
• Przydatne atrybuty (5m 29s)
• Tworzenie własnych kontrolek (6m 51s)
• Skrypt paska przewijania (3m 29s)
• Tryb pełnoekranowy (3m 09s)
• Zdarzenia video (3m 24s)

Geolokalizacja

• Odczytywanie współrzędnych (7m 19s)
• Użycie Map Google (10m 09s)

API wiadomości

• Przesyłanie danych pomiędzy dokumentami (9m 54s)

Różne zagadnienia

• Technologia Web workers (6m 55s)
• API historii (4m 35s)

Canvas

• Wstęp do Canvas (3m 57s)
• Tworzenie kształtów (7m 21s)
• Generowanie linii (6m 33s)
• Kształty złożone (7m 14s)
• Tworzenie tekstu na Canvas (4m 48s)
• Cienie (4m 57s)
• Wypełnienie gradientowe (5m 05s)
• Wypełnienie wzorkiem (4m 09s)
• Video oraz obrazki w elemencie Canvas (8m 11s)

Canvas - zaawansowane techniki

• Transformacje (10m 05s)
• Odcinanie - tworzenie maski (5m 52s)
• Zmiana krycia i mieszanie (5m 49s)