Opis kursu
HTML5 został udostępniony web developerom już w 2009 roku, ale wciąż wiele stron i serwisów tworzonych jest w starym HTML4 lub XHTML. Porzuć stare technologie i przywitaj nowy świat tworzenia stron www. Od semantycznej struktury polepszającej SEO, natywnego odtwarzania filmów wideo i audio bez potrzeby embedowania odtwarzaczy flash, po nowe możliwości i typy danych w formularzach i mikro-dane, które przenoszą internet w świat web 3.0. To wszystko znajdziesz w tym kursie.
Czego nauczysz się z tego kursu?
- sekcja head i doctype
- jak udostępnić przeglądarkom nowe tagi
- tworzenie semantycznej struktury dokumentu
- semantyczny opis dat, czasu i ilustracji
- kompatybilne formaty i kodeki wideo do odtwarzania w sieci
- konwersja filmu do kompatybilnych formatów i umieszczenie ich w kodzie źródłowym
- konfiguracja serwera Apache do wyświetlania formatów multimedialnych
- umieszczenie odtwarzania pliku audio, formaty audio
- nowe funkcje formularzy: autofocus, placeholder, required
- nowe typy danych w formularzach: email, url, date, datetime, color
- idea semantycznej sieci i mikrodane
- adaptacja mikrodanych do przykładowej strony z recenzją filmu
Spis treści kursu
| 0. Wstęp |
0:49 |
| 1. Wprowadzenie |
11:46 |
| 2. Sekcja head |
11:52 |
| 3. Nowe tagi muszą działać wszędzie |
11:35 |
| 4. Semantyczna sieć - section, aside |
10:23 |
| 5. Semantyczna sieć - article |
4:24 |
| 6. Semantyczna sieć - header, hgroup |
6:55 |
| 7. Semantyczna sieć - footer |
3:13 |
| 8. Semantyczna sieć - nav i menu |
6:41 |
| 9. Semantyczna sieć - figure i figcaption |
6:49 |
| 10. Semantyczna sieć - time |
5:41 |
| 11. Semantyczna sieć - odnośniki |
11:59 |
| 12. Wideo - dostępne formaty i kompatybilność |
8:33 |
| 13. Wideo - konwersja filmów |
6:03 |
| 14. Wideo - tag video i jego atrybuty |
19:52 |
| 15. Audio - formaty i kompatybilność |
6:24 |
| 16. Audio - tag audio |
5:57 |
| 17. Dygresja - odtwarzanie wideo i audio |
5:06 |
| 18. Formularze - tematyczne pola danych |
7:19 |
| 19. Formularze - wybór liczb |
8:25 |
| 20. Formularze - pola autofokusujące i wymagane |
6:46 |
| 21. Formularze - placeholdery |
2:09 |
| 22. Formularze ekstremalne - wybór daty i czasu |
5:21 |
| 23. Formularze ekstremalne - wybór koloru |
5:03 |
| 24. Mikrodane - co to jest i po co? |
9:22 |
| 25. Mikrodane - typy, atrybuty i dziedziny |
20:20 |
| 26. Zakończenie |
2:30 |
