Nowoczesne techniki stylowania aplikacji z CSS
LICZBA DNI: 3 (24h)
KOD KURSU: CSS/ADV
POZIOM SZKOLENIA:
Dostosowany program O szkoleniu
DLA KOGO?
Programiści chcący poszerzyć swoje kompetencje związane z warstwą CSS aplikacji webowych
WYMAGANIA
Podstawowa znajomość CSS
ZALETY
Podejście warsztatowe - zestaw poruszanych zagadnień i ćwiczeń skonstruowany w taki sposób, aby uczestnik w wyniku szkolenia zaimplementował typowe rozwiązania spotykane w realnych projektach
Cele szkolenia
Poznanie możliwości CSS wspieranych przez współczesne przeglądarki i nabycie praktycznych umiejętności ich wykorzystywania
Program
CSS - uzupełnienie podstaw
- Selektory, pseudoselektory i pseudoklasy
- Specificity
- Jednostki: od px do vmin
- Box model
- Media Queries
Praca z kolorem
- Formaty kolorów
- Gradienty
- Filtry
Obrazki
- Wymiarowanie grafik tła i elementów img
- Responsywność z scrset
- Praktyczne możliwości elementu picture
SVG
- Zastosowania
- Optymalizacja
- SVG zewnętrzne a inline
- Stylowanie SVG
Animacje
- Podstawy transition i animation
- Wydajność
- Debugging
- Web Animation API
- Biblioteki do animacji
Flexbox
- Możliwości
- Wymiarowanie elementów
- Pozycjonowanie elementów
CSS Grid
- Założenia
- Grid a Flexbox
- Definiowanie siatki
- Rozkład elementów na siatce
- Pozycjonowanie elementów
- Fallback dla starszych przeglądarek
CSS Custom Properties
- Założenia
- Praktyczne zastosowania
- CSS Variables a zmienne w SASS/Less
CSS-in-JS
- Możliwości
- Wady i zalety
- Praktyczne implementacje
Implementacja motywów (themes)
- Podejście CSS-only
- Podejście CSS-in-JS
Szkolenia powiązane
