| Wprowadzenie do tworzenia stron internetowych |
|
| Czym jest strona internetowa i jak działa? |
|
| Rola HTML i CSS w tworzeniu stron WWW |
|
| Narzędzia niezbędne do pracy: edytory kodu i przeglądarki |
|
| Podstawy HTML: struktura dokumentu |
|
| Tworzenie pierwszego dokumentu HTML |
|
| Podstawowe elementy HTML: nagłówki, akapity, linki, obrazy |
|
| Atrybuty i komentarze w kodzie HTML |
|
| Elementy semantyczne: poprawa struktury i dostępności |
|
| Organizacja treści w HTML |
|
| Listy: uporządkowane i nieuporządkowane |
|
| Tabele: tworzenie i formatowanie danych tabelarycznych |
|
| Formularze: elementy wejściowe, etykiety, walidacja danych |
|
| Osadzanie multimediów: audio, wideo, grafika wektorowa (SVG) |
|
| Wprowadzenie do CSS: stylowanie stron |
|
| Metody dołączania CSS do dokumentu HTML |
|
| Selektory CSS i ich zastosowanie |
|
| Właściwości tekstu: czcionki, kolory, wyrównanie |
|
| Modele kolorów: RGB, HEX, HSL |
|
| Model pudełkowy i układ elementów |
|
| Zrozumienie modelu pudełkowego (box model) |
|
| Pozycjonowanie elementów: statyczne, względne, bezwzględne |
|
| Właściwość display i jej wartości |
|
| Tworzenie układów stron za pomocą CSS |
|
| Flexbox: elastyczne rozmieszczenie elementów |
|
| CSS Grid: zaawansowane siatki układu strony |
|
| Porównanie Flexbox i Grid: zastosowania praktyczne |
|
| Media queries: responsywność i dostosowanie do urządzeń mobilnych |
|
| Zaawansowane techniki CSS |
|
| Pseudoklasy i pseudoelementy: interakcje i stylizacja |
|
| Przejścia i animacje CSS: dodawanie dynamiki |
|
| Transformacje 2D i 3D: obracanie, skalowanie, przesuwanie |
|
| Zmienne CSS i właściwości niestandardowe |
|
| Optymalizacja i najlepsze praktyki |
|
| Semantyczny HTML: znaczenie dla SEO i dostępności |
|
| Organizacja i modularność kodu CSS |
|
| Optymalizacja wydajności: minifikacja, łączenie plików, lazy loading |
|
| Narzędzia deweloperskie: debugowanie i profilowanie |
|
| Dostępność i standardy webowe |
|
| Wprowadzenie do WCAG: tworzenie dostępnych stron |
|
| Atrybuty ARIA: rozszerzanie semantyki dla technologii asystujących |
|
| Znaczenie standardów W3C i najlepszych praktyk |
|
| Publikacja strony internetowej |
|
| Wybór hostingu i rejestracja domeny |
|
| Konfiguracja DNS: rekordy A, CNAME, MX |
|
| Przesyłanie plików na serwer: FTP, SFTP |
|
| Implementacja SSL/TLS: certyfikaty i bezpieczeństwo HTTPS |
|
| Aktualne trendy i przyszłość w web development |
|
| Dark mode i tematyzacja interfejsu użytkownika |
|
| Nowości w CSS: funkcje eksperymentalne i przyszłe specyfikacje |
|
| Mikrointerakcje i animacje zaawansowane |
|
| Przegląd narzędzi i frameworków CSS (np. Bootstrap, Tailwind CSS) |
|
| HTML / CSS: Egzamin końcowy |
|