Zamień ten tekst na URL Webhooka

HTML i CSS: Responsywność

Przygotuj się na zapewnienie użytkownikowi najlepszych wrażeń. Urządzenia mobilne stanowią większość ruchu na stronach, dlatego Responsive Web Design (RWD) to kluczowa umiejętność dla frontendowców. Opanuj niezbędne pojęcia i techniki z zakresu HTML-a i CSS-a, aby tworzyć strony dostosowane do różnych urządzeń. Zbuduj stronę lub aplikację webową, która zachowuje doskonały wygląd na każdym ekranie!

Czego się nauczysz?

  • Zrozumiesz różne podejścia do projektowania interfejsów.
  • Zgłębisz podejście RWD (Responsive Web Design) i korzyści jego stosowania.
  • Nauczysz się tworzyć style CSS w takim sposób, aby elementy HTML dobrze prezentowały się na urządzeniach o różnej rozdzielczości.
  • Poznasz dobre praktyki pisania kodu.
  • Zobaczysz, jakie błędy popełniają osoby początkujące i jak ich unikać.
  • Przyswoisz najnowszą wiedzę, ponieważ materiał jest regularnie aktualizowany.

Program

No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.

Opis

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.

  1. Wprowadzenie
    - Rozdzielczość & PPI
    - Viewport
    - Fluid vs fixed
    - Jednostki relatywne
    - Breakpoints
    - Media queries
    - Mobile first
    - AWD vs RWD
  2. Responsywna treść
    - Wiele kolumn tekstu
    - Wykropkowanie
    - Kształty
  3. Responsywne obrazy
    - Wypełnianie przestrzeni
    - Dopasowanie rozmiaru
    - Skalowalne tło
  4. Responsywne wideo (iframe)
  5. Responsywne menu
  6. 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.

Ten produkt jest dla Ciebie, jeśli…

  • Chcesz sprawdzić, czy posiadasz odpowiedni poziom wiedzy z projektowania responsywnych stron, aby móc pójść dalej z nauką.
  • Poszukujesz projektu (również do portfolio) na odpowiednim poziomie trudności – będącego wyzwaniem, ale jednocześnie nie zniechęcającego do dalszej nauki.
  • Chcesz mieć dostęp do wiedzy w jednym miejscu (PDF), w którym zawsze możesz wygodnie znaleźć rozwiązanie problemu.
  • Potrzebujesz wyjaśnienia zadań w formie wideo, dzięki któremu może lepiej zrozumieć zagadnienie.
  • Oczekujesz kilku przykładowych projektów z Code Review, na których możesz się wzorować.
  • Masz już za sobą warsztat z HTML i CSS: Podstawy.

Najczęściej zadawane pytania

Nie ma tu jeszcze żadnych pytań. Uzupełnij je w CMS.

Autor

Autorzy

Mateusz Bogolubow
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.

Recenzje

Nie ma tu jeszcze żadnych recenzji. Prześlij nam pierwszą.
Warsztat

HTML i CSS: Responsywność

Promocja trwa jeszcze:
0
 d
0
h
0
m
0
s
January 19, 2024 11:59 PM
49 zł
99
Kupuję ten produkt za
99
49 zł

Bezpieczna płatność z easycart

Kupuję w abonamencie za

Bezpieczna płatność z easycart

  • school
    7
     lekcji
  • watch_later
    Czas trwania to 
    1h 58 min
  • bar_chart
    Poziom: 
    Intern
  • download
    Pliki do pobrania
  • mode
    Zadania
  • verified_user
    Certyfikat ukończenia