Responsive Web Design - projektowanie i wdrażanie

LICZBA DNI: 3 (24h)

KOD KURSU: RWD

JĘZYK SZKOLENIA: Polski

Powiadom
o kolejnych terminach

01 lipca 2020

2 680 PLN

DOSTĘPNE LOKALIZACJE:

# Warszawa

# Kraków

# Wrocław

# Łódź

# Gdańsk

# Poznań

Powiadom
o kolejnych terminach

Oferujemy

Certyfikat ukończenia szkolenia

w cenie

Lunch

w cenie

Materiały szkoleniowe

w cenie

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

O szkoleniu

DLA KOGO

Kurs przeznaczony jest 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

Program

  • Podstawowe pojęcia: fixed, fluid, adaptive, responsive
  • Proces RWD
  • Kontekst jako podstawa
  • Planowanie pod kątem priorytetów treści
  • Zalety i wyzwania
  • Technika progressive enhancement
  • Natywna aplikacja mobilna a aplikacja RWD
  • Tag meta viewport
  • Media Queries
    • Dostępne warunki
    • Sposoby definiowania
    • Jak wybierać breakpoints?
  • Jednostki bezwzględne i względne
  • Box model i związane z nim wyzwania
  • Implementacja responsywnych kolumn
  • Flexbox
  • Metody obsługi grafiki rastrowej
  • Grafika wektorowa: jak i kiedy?
  • Sposoby rozwiązania problemu ikon
  • Dobór fontów
  • Druk a ekran
  • Praca z różnymi jednostkami
  • Wydajność
    • Optymalizacja rozmiaru plików fontów
    • Unikanie blokowania wyświetlenia strony
  • Sposoby na poprawienie użyteczności widoku wydruku
  • Grid systems
  • Przykład: Bootstrap, Foundation, Semantic UI
  • Nawigacja
  • Tabele
  • Layout off-canvas
  • Co dalej? Możliwe kierunki rozwoju
  • Przydatne zasoby

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.