CSS — stylowanie stron internetowych

Program kursu

Pełny spis — rozwiń dział, żeby zobaczyć tematy lekcji.

I. Wprowadzenie do CSS i środowisko pracy 3 lekcje

• 1.1 Czym jest CSS i jak oddziela wygląd od struktury
• 1.2 Anatomia reguły CSS i narzędzia deweloperskie
• 1.3 Laboratorium: Pierwsza kompletna struktura CSS

II. Selektory, kaskada, dziedziczenie i zmienne CSS 5 lekcji

• 2.1 Kaskada, specyficzność i dziedziczenie
• 2.2 Selektory CSS — od podstawowych do zaawansowanych
• 2.3 Pseudoklasy — reagowanie na stan i pozycję elementów
• 2.4 Pseudoelementy — dodawanie wirtualnych elementów przez CSS
• 2.5 Zmienne CSS (Custom Properties)

III. Typografia, jednostki CSS i kolory 4 lekcje

• 3.1 Właściwości typograficzne CSS — wygląd tekstu
• 3.2 Web Fonts — dołączanie czcionek spoza systemu
• 3.3 Jednostki CSS — px, em, rem, vw, vh, %, calc() i clamp()
• 3.4 Kolory i tła w CSS — hex, rgb, hsl, gradienty

IV. Model pudełkowy (Box Model) i obramowania 3 lekcje

• 4.1 Cztery warstwy Box Model — margin, border, padding, content
• 4.2 box-sizing — dwa tryby przeliczania wymiarów
• 4.3 Zaokrąglenia, cienie i dekoracje obramowań

V. Układy i pozycjonowanie 3 lekcje

• 5.1 Normal Flow — domyślny układ dokumentu i właściwość display
• 5.2 Pozycjonowanie — relative, absolute, fixed i sticky
• 5.3 Float — historia i kontekst historyczny

VI. Nowoczesny układ z Flexbox 4 lekcje

• 6.1 Flexbox — podstawy, kontener i osie
• 6.2 justify-content i align-items — rozmieszczenie i wyrównanie
• 6.3 flex-grow, flex-shrink, flex-basis i order
• 6.4 Praktyczne zastosowania Flexbox — komponenty UI

VII. CSS Grid Layout — siatka dwuwymiarowa 4 lekcje

• 7.1 Inicjalizacja Grid i definiowanie siatki (kolumny, wiersze)
• 7.2 Pozycjonowanie elementów na liniach siatki
• 7.3 Nazwane obszary — grid-template-areas
• 7.4 Siatki, które dopasowują się same — minmax, auto-fit i wyrównanie

VIII. Responsive Web Design (RWD) i Media Queries 4 lekcje

• 8.1 Koncepcja RWD i znacznik viewport
• 8.2 Zapytania @media i podejście mobile-first
• 8.3 Elastyczne obrazy, filmy i typografia
• 8.4 Praktyka: responsywny układ od telefonu po monitor

IX. Animacje, Transitions i Transforms 3 lekcje

• 9.1 Przekształcenia geometryczne — transform
• 9.2 Płynne przejścia — transition
• 9.3 Własne sekwencje: @keyframes, animation i dostępność ruchu

Cena dostępu do kursu

Ten kurs wchodzi też w skład pakietów:

• Pakiet INF.03 — Tworzenie i administrowanie stronami i bazami danych — 184,99 zł za 12 miesięcy
• Wszystkie kursy — 299,99 zł za 12 miesięcy

Cena brutto za dostęp do tego kursu — sprzedawca nie jest podatnikiem VAT (zwolnienie podmiotowe). Płatność online przez dpay.pl, dostęp dostajesz zaraz po jej potwierdzeniu. Dostęp nie odnawia się sam.

Inne kursy

• Systemy operacyjne — Linux
• HTML — struktura stron internetowych
• Bazy danych i SQL
• PHP i aplikacje internetowe
• Laboratorium Sztucznej Inteligencji (AI) — C13L-AI
• JavaScript — interaktywne strony internetowe
• Pracownia systemów operacyjnych — Linux/Ubuntu
• Informatyka — zakres podstawowy
• Informatyka — zakres podstawowy (Informatyka na czasie)

Darmowe konto otwiera cały dział I kursu AI. Masz kod ze szkoły? Aktywuj dostęp.