Lekcja tekstowa
Obecnie ruch na stronach internetowych w większości generują urządzenia mobilne. Dla wybranych witryn wspomniana miara może sięgać nawet 90%. Umiejętność tworzenia responsywnych, czyli dostosowujących się do rozmiaru urządzenia, stron internetowych jest niezbędna dla każdego frontendowca. W niniejszym materiale poznasz niezbędne pojęcia oraz techniki, które pozwolą zbudować stronę dobrze wyglądającą na każdym urządzeniu.
Przeczytaj więcej w ebooku HTML i CSS: Responsywność
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Lekcja audio
Obecnie ruch na stronach internetowych w większości generują urządzenia mobilne. Dla wybranych witryn wspomniana miara może sięgać nawet 90%. Umiejętność tworzenia responsywnych, czyli dostosowujących się do rozmiaru urządzenia, stron internetowych jest niezbędna dla każdego frontendowca. W niniejszym materiale poznasz niezbędne pojęcia oraz techniki, które pozwolą zbudować stronę dobrze wyglądającą na każdym urządzeniu.
Przeczytaj więcej w ebooku HTML i CSS: Responsywność
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Zadanie
Obecnie ruch na stronach internetowych w większości generują urządzenia mobilne. Dla wybranych witryn wspomniana miara może sięgać nawet 90%. Umiejętność tworzenia responsywnych, czyli dostosowujących się do rozmiaru urządzenia, stron internetowych jest niezbędna dla każdego frontendowca. W niniejszym materiale poznasz niezbędne pojęcia oraz techniki, które pozwolą zbudować stronę dobrze wyglądającą na każdym urządzeniu.
Przeczytaj więcej w ebooku HTML i CSS: Responsywność
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Warsztat będzie omawiać poniższe zagadnienia. Informacje na ich temat znajdziesz zarówno w części teoretycznej, jak i praktycznej, tj. w zadaniach oraz projekcie.
- Wprowadzenie
- Rozdzielczość & PPI
- Viewport
- Fluid vs fixed
- Jednostki relatywne
- Breakpoints
- Media queries
- Mobile first
- AWD vs RWD - Responsywna treść
- Wiele kolumn tekstu
- Wykropkowanie
- Kształty - Responsywne obrazy
- Wypełnianie przestrzeni
- Dopasowanie rozmiaru
- Skalowalne tło - Responsywne wideo (iframe)
- Responsywne menu
- Grid
- Wprowadzenie
- Układ mobile first
Co wchodzi w skład warsztatu?
- PDF w formie prezentacji, który zawiera wyjaśnienie zagadnień wraz z przykładami kodu (zobacz darmowy warsztat).
- Zadania do samodzielnego wykonania w serwisie GitHub (wymagane darmowe konto).
- Omówienie i przedstawienie rozwiązań zadań w formie wideo.
- Projekt do samodzielnego wykonania, który można wykorzystać w portfolio.
- Wideo z przykładowym Code Review projektów – omówienie dobrych praktyk i najczęściej popełnianych błędów.
Mateusz Bogolubow
Programowanie stało się moją pasją jeszcze przed dwudziestką, a zawodem – gdy założyłem firmę programistyczną podczas studiów. Przez kilka lat uczyłem kursantów na bootcampie, by później zmienić podejście na mentoring jako bardziej efektywny sposób przekazywania wiedzy. Poza pracą jestem twórcą podcastu Pierwsze kroki w IT, mężem, ojcem, a także pasjonatem szachów, optymalizacji i zdrowego stylu życia oraz górskich wypraw.