Nowoczesne techniki stylowania aplikacji z CSS
LICZBA DNI: 3 (24h)
KOD KURSU: CSS/ADV
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 uczetsnik w wyniku szkolenia zaimplementował typowe rozwiązania spotykane w realnych projektach.
Cele szkolenia
Poznanie możliwości CSS wspierancyh 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
