HTML i CSS: Responsywność

Urządzenia mobilne stanowią większość ruchu na stronach internetowych, dlatego Responsive Web Design (RWD) to kluczowa umiejętność każdego frontendowca. Ten moduł uczy niezbędnych pojęć i technik HTML-a i CSS-a potrzebnych do budowania stron dostosowanych do różnych urządzeń, tak by strona lub aplikacja zachowywała dobry wygląd na każdym ekranie.

Czego się nauczysz

• Kluczowych pojęć RWD: rozdzielczość i PPI, viewport, jednostki relatywne, breakpoints, media queries, podejście mobile first
• Tworzenia responsywnej treści (wielokolumnowy tekst, wykropkowanie, kształty)
• Pracy z responsywnymi obrazami, wideo (iframe) i menu
• Budowania układu strony za pomocą CSS Grid w podejściu mobile first
• Dobrych praktyk pisania kodu i najczęstszych błędów popełnianych przez osoby początkujące

Co obejmuje moduł

• Materiał w formie PDF z wyjaśnieniem zagadnień i przykładami kodu
• Zadanie do samodzielnego wykonania w repozytorium GitHub, sprawdzane w code review
• Projekt, który można wykorzystać w portfolio
• Omówienie dobrych praktyk i najczęściej popełnianych błędów w code review

Dla kogo jest ten moduł

Dla osób, które chcą sprawdzić swój poziom wiedzy z projektowania responsywnych stron, szukają projektu do portfolio na odpowiednim poziomie trudności i wolą mieć wiedzę uporządkowaną w jednym miejscu, z możliwością konsultacji podczas code review.