Szkolenie: Responsive Web Design - projektowanie i wdrażanie
Szkolenie Responsive Web Design to praktyczny kurs projektowania nowoczesnych, responsywnych interfejsów użytkownika, który uczy tworzenia stron internetowych dostosowujących się do różnych urządzeń i rozdzielczości, z wykorzystaniem HTML, CSS, Flexbox, Grid oraz najnowszych trendów frontendowych
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:3 dni (24h)
Kod kursu:RWD
Responsive Web Design - projektowanie i wdrażanie
Cele szkolenia
Szkolenie przygotowuje do samodzielnego projektowania i wdrażania responsywnych interfejsów użytkownika zgodnie z aktualnymi standardami webowymi
Szkolenie uczy stosowania technik RWD w praktyce, w tym prototypowania, planowania treści oraz implementacji responsywnych layoutów i komponentów
Dla kogo?
Szkolenie adresowane jest do frontend developerów i web designerów z podstawową znajomością HTML i CSS, którzy chcą rozwinąć umiejętności w zakresie projektowania responsywnych stron internetowych
Przeznaczone dla osób realizujących zadania związane z tworzeniem lub modernizacją interfejsów użytkownika na potrzeby różnych urządzeń
Efekty kształcenia
Uczestnik projektuje responsywne interfejsy użytkownika zgodnie z zasadami RWD
Uczestnik wdraża layouty dostosowujące się do różnych urządzeń i rozdzielczości
Uczestnik stosuje media queries, Flexbox i Grid w praktycznych projektach
Uczestnik optymalizuje grafiki i typografię pod kątem wydajności i dostępności
Uczestnik modyfikuje istniejące nieresponsywne strony do standardu RWD
Uczestnik testuje i analizuje responsywność aplikacji webowych
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 szkolenia
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 - Informatyka Stosowana w Hutnictwie. Prezes Zarządu i front-end developer firmy desi9n.pl tworzącej aplikacje webowe, aplikacje mobilne oraz programowanie dedykowane. Wielokrotny prelegent na konferencjach związanych z programowaniem urządzeń mobilnych i programowaniem front-end. W wolnych chwilach pasjonat boksu olimpijskiego.
Wybrane opinie
Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi
