Trwają zapisy do grupy

Responsive Web Design - projektowanie i wdrażanie

Szkolenie "Responsive Web Design - projektowanie i wdrażanie" wprowadzi Cię w świat budowania responsywnego interfejsu użytkownika.

2550 PLN+23% VAT (3136 PLN brutto / 1 os.)

Czas trwania szkolenia:3 dni (24h)

Poziom zaawansowania:

Kod kursu:RWD

javascriptcssresponsivebootstrap

Dostępne terminy

  • Termin
  • Trener
  • Cena
  • Zapis
  • Lokalizacja

Termin:

7 października
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2550 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

3 lutego
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2550 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

5 maja
Trwają zapisy na szkolenie

Trener:

Trener-Sages

Cena:

2550 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Forma szkolenia

Interesuje Cię szkolenie stacjonarne?

Dostępne terminy

Interesują Cię inne terminy?

Responsive Web Design - projektowanie i wdrażanie

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

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

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

Wymagania

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

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

Program

Pobierz program w PDF

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

Autorem szkolenia jest Krzysztof Ścira

Absolwent AGH na kierunku Informatyka Stosowana (spec. IS w Hutnictwie, od lat związany z konferencjami, meetupami i wykładami otwartymi o tematyce front-endu i mobile. Przede wszystkim czynny programista, szkolenia prowadzi z pasji i chęci dzielenia się praktyczną wiedzą. Z firmą SAGES związany od wielu lat.