Dlaczego warto znać HTML i CSS Środowisko pracy Podstawowy zestaw narzędzi Zwięzły przewodnik po Visual Studio Code Podstawowa struktura HTML i CSS Relacja między HTML-em a CSS Porównywalne i dopełniające się języki Systemy zarządzania treścią Znajomość odbiorcy | 2 | HTML dogłębnie Zwięzła historia języka HTML Przyszłość | 3 | CSS dogłębnie Tło Stosowanie stylów do elementów Silniki renderujące Poza siecią | 4 | Struktura HTML Elementy Komentarze Format dokumentu HTML (podstawowa struktura) Zagnieżdżanie Składanie wszystkiego razem | 5 | Podstawowe elementy HTML Akapity Nagłówki Listy Łącza Obrazy Elementy div i span Elementy semantyczne Składanie wszystkiego razem | 6 | Struktura CSS Gdzie "mieszka" CSS Przykładowy plik CSS Selektory Pseudoklasy Pseudoelementy Kaskadowa hierarchia CSS | 7 | Ustawianie rozmiaru elementów i odstępów za pomocą CSS Treść Dopełnienie Obramowanie Marginesy Określanie wymiarów bloku | 8 | Formatowanie tekstu Czcionka Własność color Cień tekstu Niestandardowe czcionki internetowe - Google Fonts | 9 | Układ i format Własność position Elementy pływające Własność display Pasek nawigacyjny CSS Flexbox | 10 | Szuflada ze szpargałami HTML Indeks górny i indeks dolny Skróty Cytaty blokowe i źródła cytatów Elementy pre i code Znaki specjalne Emoji Audio i wideo Zestawy obrazów Tabele Ramki wewnętrzne | 11 | Formularze HTML Walidacja HTML5 Przetwarzanie danych z formularza za pomocą PHP Składanie wszystkiego razem | 12 | Efektowne sztuczki Gradienty CSS Duszki Przejścia Transformacje Nakładka modalna bez JavaScriptu Animacja poklatkowa Wartości obliczone | 13 | Zapytania o media Struktura Wybór punktów kontrolnych Metaznacznik viewport Symulacja rozmiarów ekranu | 14 | Bootstrap Instalacja Bootstrapa Układ siatki Kolory Komponenty Narzędzia pomocnicze Formularze Typografia | 15 | Organizacja pracy Tworzenie projektu i zarządzanie nim Rusztowanie Testowanie i debugowanie Publikacja w internecie Modyfikowanie istniejącego kodu | 16 | Git Pobieranie i instalacja Gita Wiersz poleceń Tworzenie witryny internetowej w Gicie Import istniejącej witryny do Gita Proces pracy Gita Gałęzie Gita Automatyczna synchronizacja Gita w produkcji GitHub i GitLab WordPress JavaScript i jQuery Języki backendowe, takie jak PHP i Python David's Perfect Cup Hosting sieciowy Łączenie się z serwerem FTP Parę dodatkowych uwag na temat FTP Jednostki wielkości Piksele Procenty Jednostki vw i vh Jednostki em/rem