| 01 |
Wstęp
Wstęp
|
1:14 min |
| 02 |
Po co nam HTML5?
Z tego filmu dowiesz się, czy HTML5 jest rzeczywiście potrzebną technologią.
|
2:28 min |
| 03 |
Czy HTML5 jest już gotowy?
W tym filmie dowiesz się, jaki jest stan rozwoju HTML5.
|
2:29 min |
| 04 |
Co dziś możemy używać?
Krótkie przedstawienie technologii, które już dziś są gotowe do użycia.
|
6:56 min |
| 05 |
Modernizr
Modernizr to narzędzie ułatwiające tworzenie stron , które działają w każdej przeglądarce.
|
4:07 min |
| 06 |
Podstawowy dokument HTML5
Pokazujemy jak stworzyć najprostszy, podstawowy dokument HTML5
|
4:12 min |
| 07 |
Doctype, Meta, Script
W tym filmie dowiesz się, jak zmieniły się znaczniki Doctype, Meta, Script i Link.
|
4:08 min |
| 08 |
Nowe znaczniki struktury
Znaczniki struktury są ogromną częścią HTML5, która zainteresuje przede wszystkim projektantów stron.
|
5:16 min |
| 09 |
Znacznik SECTION
Znacznik SECTION w HTML5 służy do wydzielania sekcji w dokumencie.
|
2:36 min |
| 10 |
Znacznik ARTICLE
Znacznik ARTICLE w HTML5 służy m.in. do zamykania artykułów.
|
1:59 min |
| 11 |
Znacznik ASIDE
Znacznik ASIDE w HTML5 jest elementem pomocniczym względem głównej treści.
|
2:36 min |
| 12 |
Znacznik HEADER
Znacznik HEADER w HTML5 pozwala nam utworzyć obszar nagłówka strony.
|
4:23 min |
| 13 |
Znacznik HGROUP
Znacznik HGROUP w HTML5 grupuje tytuły i podtytuły danej sekcji.
|
2:10 min |
| 14 |
Znacznik FOOTER
Znacznik FOOTER w HTML5 oznacza stopkę sekcji.
|
2:08 min |
| 15 |
Znacznik NAV
Znacznik NAV w HTML5 pozwala utworzyć główne menu nawigacyjne strony.
|
1:30 min |
| 16 |
Szkic dokumentu
Szkic dokumentu jest wewnętrzną strukturą, którą przeglądarki tworzą na podstawie zawartości strony HTML5. Zobacz, jak ta struktura powstaje i dlaczego jest istotna.
|
10:27 min |
| 17 |
Znaczniki multimedialne
W HTML5 pojawiło się kilka znaczników służących do umieszczania multimediów na stronie. Zobacz, jakie.
|
0:49 min |
| 18 |
Znacznik FIGURE i FIGCAPTION
Znacznik FIGURE i FIGCAPTION w HTML5 służą m.in. do umieszczania obrazków wraz z opisem.
|
1:45 min |
| 19 |
Znacznik VIDEO
Znacznik VIDEO w HTML5 pozwala w prosty sposób umieścić plik wideo na stronie.
|
8:54 min |
| 20 |
Znacznik AUDIO
Znacznik AUDIO w HTML5 pozwala w prosty sposób umieścić plik audio na stronie.
|
4:46 min |
| 21 |
Znacznik EMBED
Znacznik EMBED w HTML5 służy do zagnieżdżania mniej popularnych formatów plików i plug-inów.
|
0:59 min |
| 22 |
Znacznik CANVAS
Znacznik CANVAS w HTML5 pozwala na rysowanie obrazków w przeglądarce za pomocą kodu JavaScript.
|
17:18 min |
| 23 |
Atrybut Placeholder
Atrybut Placeholder służy do umieszczania pomocniczych tekstów w formularzach.
|
4:46 min |
| 24 |
INPUT typu NUMBER
INPUT typu NUMBER ułatwia wprowadzanie wartości liczbowych w formularzach.
|
2:27 min |
| 25 |
INPUT typu EMAIL, URL, TEL
Tego typu INPUT stosujemy w HTML5 do semantycznego oznaczania pól do wprowadzania e-maili, telefonów i adresów stron WWW.
|
1:39 min |
| 26 |
INPUT typu SEARCH
INPUT typu SEARCH jest wykorzystywany w polach służących do wyszukiwania.
|
0:42 min |
| 27 |
Znacznik DATALIST
Znacznik DATALIST pozwala zdefiniować listę danych, którą można wykorzystać w elementach INPUT formularza.
|
2:19 min |
| 28 |
INPUT typu RANGE
INPUT typu RANGE pozwala na zdefiniowanie zakresu wartości możliwych do użycia.
|
2:30 min |
| 29 |
Autofocus i autocomplete
Atrybut Autofocus pozwala na automatyczne ustawienie kursora w żądanym polu formularza. Atrybut Autocomplete włącza lub wyłącza autouzupełnianie.
|
2:40 min |
| 30 |
INPUT typu DATE
INPUT typu DATE umożliwia wprowadzanie dat za pomocą wygodniej kontrolki kalendarza.
|
5:58 min |
| 31 |
INPUT typu COLOR
INPUT typu COLOR umożliwia utworzenie pola wyboru koloru.
|
2:12 min |
| 32 |
Walidacja formularza
W tym filmie pokazujemy metody sprawdzania poprawności danych w formularzach HTML5.
|
2:35 min |
| 33 |
Pozostałe znaczniki
W tym dziale omawiamy kilka nowych znaczników oferowanych przez HTML5.
|
1:02 min |
| 34 |
Znacznik METER
Znacznik ten pozwala na wizualne przedstawienie wartości liczbowej.
|
4:49 min |
| 35 |
Znacznik PROGRESS
Znacznik ten służy do mierzenia postępu czynności, np. ładowania pliku na serwer.
|
2:21 min |
| 36 |
Znacznik DETAILS i SUMMARY
Znacznik DETAILS i SUMMARY pozwalają na utworzenie jednostki treści rozbitej na część szczegółową i podsumowanie.
|
1:17 min |
| 37 |
Znacznik MENU
Znacznik MENU służy w HTML5 do tworzenia elementów aplikacji, takich jak np. menu podręczne.
|
0:43 min |
| 38 |
Znacznik COMMAND
Znacznik COMMAND reprezentuje polecenie, które może być wywoływane z menu.
|
2:19 min |
| 39 |
Znacznik TIME
Znacznik TIME pozwala na opisanie czasu w formie zrozumiałej dla przeglądarki. Dzięki temu różne aplikacje mogą taki element przechwycić i użyć na rozmaite sposoby.
|
1:05 min |
| 40 |
Znacznik MARK
Znacznik MARK służy do oznaczania elementów na liście wyszukiwania.
|
0:43 min |
| 41 |
Znaczniki usunięte
Z tego filmu dowiesz się, których znaczników nie powinieneś już używać, jeśli chcesz tworzyć poprawne dokumenty HTML5.
|
1:02 min |
| 42 |
Znaczniki przedefiniowane
Omawiamy znaczniki, które istniały w poprzednich wersjach HTMLa, lecz ich znaczenie w HTML5 zostało zmienione.
|
3:46 min |
| 43 |
Drag and Drop i Offline
Technologia Drag and Drop pozwala na tworzenie elementów przeciąganych na stronach. Technologia Offline pozwala na pracę z aplikacją internetową bez połączenia z siecią.
|
3:04 min |
| 44 |
Pozostałe technologie
W tym filmie są zaprezentowane pozostałe technologie ściśle współpracujące z HTML5.
|
5:32 min |
| 45 |
Stylizacja z użyciem CSS3
Tutaj dowiesz się, jak wykorzystać najciekawsze cechy CSS3 do stylizacji strony WWW.
|
9:22 min |
| 46 |
Przejścia i selektory CSS3
Przejścia w CSS3 pozwalają nieco ożywić statyczne strony. Prezentujemy sposoby wykorzystania przejść a także nowe selektory CSS3 ułatwiające pracę.
|
9:04 min |
| 47 |
Web Fonts
Technologia Web Fonts daje nam możliwość użycia rozmaitych czcionek na naszej stronie WWW.
|
9:06 min |
| 48 |
Podstawy SVG
W tym filmie dowiesz się, jak utworzyć najprostszy dokument SVG i jak umieścić go na własnej stronie WWW.
|
9:41 min |
| 49 |
Gradienty w SVG
Kontynuujemy omawianie grafiki SVG - w tym filmie pokazujemy, jak wykonać prosty, dwukolorowy gradient.
|
3:58 min |
| 50 |
Polecane strony
Na koniec kursu prezentujemy kilka linków do ciekawych materiałów dotyczących HTML5 i technologii powiązanych.
|
0:55 min |
