Nowoczesne techniki stylowania aplikacji z CSS

LICZBA DNI: 3 (24h)

KOD KURSU: CSS/ADV

POZIOM SZKOLENIA:

# css

# style

# rwd

# css

# scss

# frontend

# javascript

Szkolenie na zamówienie

Szkolenie dostosowane do potrzeb Twojego zespołu. Dostępne WYŁĄCZNIE na zamówienie.

  • Dostosowany program
  • Indywidualna wycena
  • Dowolny termin

Interesuje Cię ta tematyka i szukasz szkolenia tylko dla siebie?

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

  • Selektory, pseudoselektory i pseudoklasy
  • Specificity
  • Jednostki: od px do vmin
  • Box model
  • Media Queries
  • Formaty kolorów
  • Gradienty
  • Filtry
  • Wymiarowanie grafik tła i elementów img
  • Responsywność z scrset
  • Praktyczne możliwości elementu picture
  • Zastosowania
  • Optymalizacja
  • SVG zewnętrzne a inline
  • Stylowanie SVG
  • Podstawy transition i animation
  • Wydajność
  • Debugging
  • Web Animation API
  • Biblioteki do animacji
  • Możliwości
  • Wymiarowanie elementów
  • Pozycjonowanie elementów
  • Założenia
  • Grid a Flexbox
  • Definiowanie siatki
  • Rozkład elementów na siatce
  • Pozycjonowanie elementów
  • Fallback dla starszych przeglądarek
  • Założenia
  • Praktyczne zastosowania
  • CSS Variables a zmienne w SASS/Less
  • Możliwości
  • Wady i zalety
  • Praktyczne implementacje
  • Podejście CSS-only
  • Podejście CSS-in-JS

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.