Responsive Web Design - projektowanie i wdrażanie

2950 PLN+23% VAT (3628 PLN brutto / 1 os.)

Czas trwania szkolenia:3 dni (24h)

Kod kursu:RWD

Poziom zaawansowania:
javascriptcssresponsivebootstrap

Dostępne terminy

  • Termin
  • Trener
  • Cena
  • Zapis
  • Lokalizacja

Termin:

1 lipiec
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2950 PLN netto+23% VAT

Lokalizacja:

Zdalne
Zdalne

Termin:

7 październik
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2950 PLN netto+23% VAT

Lokalizacja:

Zdalne
Zdalne

Termin:

17 luty
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2950 PLN netto+23% VAT

Lokalizacja:

Zdalne
Zdalne

Interesuje Cię szkolenie stacjonarne lub nie odpowiada Ci żaden z dostępnych terminów?

Ikona pytaniaZapytaj o szkolenie

O szkoleniu Responsive Web Design - projektowanie i wdrażanie

W cenie otrzymasz:

  • Materiały szkoleniowe
  • Certyfikat ukończenia szkolenia
  • W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki

Dla kogo?

  • Kurs przeznaczony dla osób związanych z technologiami frontendowymi, które chcą poszerzyć swoje kompetencje z zakresu projektowania responsywnego interfejsu użytkownika

Wymagania

  • Od uczestników wymagana jest umiejętność posługiwania się HTML i CSS w stopniu podstawowym

Zalety

  • Szkolenie w maksymalnym stopniu nastawione jest na aspekt praktyczny
  • Jego głównym założeniem jest duży nacisk na część warsztatową obejmującą zarówno budowę interfejsu graficznego przykładowej, opartej na realistycznym scenariuszu aplikacji, jak i modyfikację istniejącego już, nieresponsywnego layoutu

Cele szkolenia

  • Zapoznanie uczestników z zasadami i wzorcami stosowanymi przy projektowaniu oraz budowie aplikacji przeglądarkowych zgodnie z podejściem Responsive Web Design
  • Nabycie umiejętności pozwalających na zastosowanie tej wiedzy w praktyce

Program

Wprowadzenie

  • Podstawowe pojęcia: fixed, fluid, adaptive, responsive
  • Proces RWD

Prototypowanie

  • Kontekst jako podstawa
  • Planowanie pod kątem priorytetów treści

Podejście mobile-first

  • Zalety i wyzwania
  • Technika progressive enhancement
  • Natywna aplikacja mobilna a aplikacja RWD

Podstawy RWD w CSS

  • Tag meta viewport
  • Media Queries
  • Jednostki bezwzględne i względne
  • Box model i związane z nim wyzwania
  • Implementacja responsywnych kolumn
  • Flexbox
  • Testowanie projektu
  • Container Queries

Responsywne grafiki

  • Metody obsługi grafiki rastrowej
  • Grafika wektorowa: jak i kiedy?
  • Sposoby rozwiązania problemu ikon

Responsywna typografia

  • Dobór fontów
  • Druk a ekran
  • Praca z różnymi jednostkami
  • Wydajność
  • Sposoby na poprawienie użyteczności widoku wydruku

Implementacja responsywności we frameworkach CSS

  • Grid systems
  • Przykład: Bootstrap, Foundation, Semantic UI

Responsywne wzorce UI

  • Nawigacja
  • Tabele
  • Layout off-canvas
  • Przebudowa istniejącego sztywnego układu na RWD
  • Co nowego w CSSie?

Informacje uzupełniające

  • Co dalej? Możliwe kierunki rozwoju
  • Przydatne zasoby

Podobne szkolenia