Responsive Web Design - projektowanie i wdrażanie

LICZBA DNI: 3 (24h)

KOD KURSU: RWD

POZIOM SZKOLENIA:

# javascript

# css

# rwd

# responsive

# frontend

# bootstrap

# mobile

Najbliższy termin:

5 maja 2021

PROWADZI:

Mateusz Kulesza

2680 PLN netto + 23% VAT

Jeszcze 8 miejsc w tej cenie.

  • stacjonarne
  • zdalne

STACJONARNE

W CENIE

  • 3 dni pracy z trenerem
  • Materiały szkoleniowe
  • Lunch
  • Certyfikat ukończenia szkolenia

ZDALNE

W CENIE

  • 3 dni pracy z trenerem na żywo online
  • Materiały szkoleniowe
  • Certyfikat ukończenia szkolenia

Czy wiesz, że możesz uzyskać nawet do 100% dofinansowania na szkolenie? Dowiedz się jak »

Oferta dla firm

Dostosuj zakres, czas i miejsce szkolenia do potrzeb Twojego zespołu. Uzyskaj indywidualną wycenę szkolenia dla grupy.

Weź udział w szkoleniu

Termin

Lokalizacja

Trener

Cena / os

5

maja

Warszawa,

Zdalne,

2680 PLN netto
+ 23% VAT

Termin

5

maja

Lokalizacja

Warszawa,

Zdalne,

Trener

Cena / os

2680 PLNnetto
+ 23% VAT

Powiadom
o kolejnych terminach

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

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

  • 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.