Responsive Web Design - projektowanie i wdrażanie

3350 PLN+23% VAT (4120 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:

19 grudnia
Trwają zapisy na szkolenie
-

Cena:

3350 PLN netto+23% VAT

Lokalizacja:

Lokalizacja:

ZdalneWarszawaKraków

Termin:

27 marca
Trwają zapisy na szkolenie
-

Cena:

3350 PLN netto+23% VAT

Lokalizacja:

Lokalizacja:

ZdalneWarszawaŁódźPoznańKrakówWrocławGdańskKatowiceBydgoszczGdynia

Nie odpowiada Ci żaden z dostępnych terminów?

Zapytaj 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
  • Praktyka przed teorią - wszystkie szkolenia technologiczne prowadzone są w formie warsztatowej. Konieczna teoria jest wyjaśniana na przykładzie praktycznych zadań
  • Konkretne umiejętności - w ramach każdego szkolenia rozwijamy praktyczne umiejętności związane z daną technologią i tematyką
  • Nauka z praktykami - wszyscy trenerzy na co dzień pracują w projektach, gwarantuje to dostęp do eksperckiej wiedzy i praktycznego know-how

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

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

Informacje uzupełniające

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

Podobne szkolenia