CSS jest technologią nieodzowną w każdej aplikacji internetowej - od ustawień podstawowych kolorów, do definiowania animacji czy zachowania elementów na stronie w kontekście responsywności.

Adresaci szkolenia

Programiści chcący poszerzyć swoje kompetencje związane z warstwą CSS aplikacji webowych.

Cel szkolenia

Poznanie możliwości CSS wspierancyh przez współczesne przeglądarki i nabycie praktycznych umiejętności ich wykorzystywania.

Mocne strony szkolenia

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.

Wymagania

Podstawowa znajomość css.

Parametry szkolenia

  • 2 * 8 godzin
  • wykłady i warsztaty
  • maksymalna liczba uczestników: 8

Program szkolenia

  1. CSS - uzupełnienie podstaw
    • Selektory, pseudoselektory i pseudoklasy
    • Specificity
    • Jednostki: od px do vmin
    • Box model
    • Media Queries
  2. Praca z kolorem
    • Formaty kolorów
    • Gradienty
    • Filtry
  3. Obrazki
    • Wymiarowanie grafik tła i elementów img
    • Responsywność z scrset
    • Praktyczne możliwości elementu picture
  4. SVG
    • Zastosowania
    • Optymalizacja
    • SVG zewnętrzne a inline
    • Stylowanie SVG
  5. Animacje
    • Podstawy transition i animation
    • Wydajność
    • Debugging
    • Web Animation API
    • Biblioteki do animacji
  6. Flexbox
    • Możliwości
    • Wymiarowanie elementów
    • Pozycjonowanie elementów
  7. CSS Grid
    • Założenia
    • Grid a Flexbox
    • Definiowanie siatki
    • Rozkład elementów na siatce
    • Pozycjonowanie elementów
    • Fallback dla starszych przeglądarek
  8. CSS Custom Properties
    • Założenia
    • Praktyczne zastosowania
    • "css variables" a zmienne w SASS/Less
  9. CSS-in-JS
    • Możliwości
    • Wady i zalety
    • Praktyczne implementacje
  10. Implementacja motywów (themes)
    • Podejście CSS-only
    • Podejście CSS-in-JS

Pytania?

* Wymagane.


Konsultant on-line
Skorzystaj z usług naszego konsultanta on-line.
Naciśnij przycisk ‘Skorzystaj’ aby przejść do okienka czatu
Kontakt
ul. Nowogrodzka 62c
02-002 Warszawa
Telefon +48 22 2035600
Fax +48 22 2035601
Email