• Odbierz zwrot 50 zł na kartę revolut
  • Szkolenia
    strefakursów.pl Programowanie
    DARMOWE FRAGMENTY

    Flexbox & Grid - responsywne layouty od podstaw

    Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.
  • Poziom: Podstawowy
  • 69
    +690 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    Płatności twisto

    Czego się nauczysz:

    • tworzenia layoutów dopasowanych do wielu urządzeń i przeglądarek

    • definiowania kontenerów w flexbox i grid

    • tworzenia responsywnych artykułów, formularzy i galerii zdjęć

    • wyrównywania elementów w pionie i poziomie

    • pozycjonowania elementów layoutu

    • dobrych praktyk pracy z HTML i CSS

    • pracy z layoutami wielokolumnowymi

    • poprawnego zawijania tekstu

    Flexbox czy grid?

    Rozmieszczanie elementów

    Responsywne layouty

    Co jeszcze powinieneś wiedzieć?

    ZOBACZ WIĘCEJ
    Program nauczania
    1 Szybkie wprowadzenie:
    Wstęp 01m 03s
    Jak korzystać z plików 02m 27s
    Omówienie technologii flexbox 04m 10s
    Omówienie technologii grid 03m 47s
    2 Praktyczne podstawy flexbox
    Jak zdefiniować kontener flex Podgląd 16m 18s
    Zmiana kierunku 14m 41s
    Zawijanie wierszy ze zmianą kierunku 12m 04s
    Wyrównywanie elementów w pionie 13m 48s
    Ustawianie kolejności oraz wymiarów 16m 52s
    3 Praktyczne podstawy grid
    Jak zdefiniować kontener grid 12m 39s
    Jak określić własne linie siatki 14m 38s
    Modyfikowanie szablonów siatki 15m 54s
    Wyrównywanie elementów siatki w pionie Podgląd 11m 06s
    Definiowanie szablonów zaawansowanych 15m 35s
    4 Zaawansowane projekty flexbox
    Projekt Artykuły - struktura html 12m 24s
    Projekt Artykuły - style css 10m 44s
    Projekt Formularz - struktura html 17m 07s
    Projekt Formularz - style css 09m 58s
    5 Zaawansowane projekty grid
    Definiowanie stylów siatki poprzez funkcję repeat 13m 34s
    Galeria grafiki 2D 17m 54s
    Galeria z wykorzystaniem jednostek fr cz.1 13m 06s
    Galeria z wykorzystaniem jednostek fr cz.2 11m 56s
    6 Łączenie technologii flex i grid
    Wykorzystanie parametrów column-count oraz column-gap 09m 28s
    Wykorzystanie align-items oraz justify-content 13m 42s
    Responsywny formularz z wykorzystaniem różnych parametrów siatki 09m 35s
    Galeria z wykorzystaniem flex oraz flex-direction 10m 41s
    Galeria oparta o różne parametry siatki 08m 58s
    Zakończenie 01m 07s
    Ocena uczestników
    5 5 1
    5.0
    100%
    0%
    0%
    0%
    0%
    Recenzje użytkowników (1)
    5
    Kurs Flexbox i Grid polecam osobom które opanowały język znaczników HTML oraz kaskadowe arkusze styli CSS. Autor kursu przestawia ciekawie te dwie techniki dzięki którym łatwo można panować nad układem strony. Polecam.
    Informacje o szkoleniu
      1 recenzji
      5 godzin
      28 wykładów
      21 materiałów szkoleniowych
    • Nielimitowany dostęp
    • Możliwość pobrania pliku
    • Testy, ćwiczenia
    • Dostęp z urządzeń mobilnych
    69
    +690 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    Ten kurs jest częścią ścieżki
    4.9
    Web Designer
    Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!
    744 wykładów
    7597 uczestników
    Dowiedz się więcej
    Ścieżka kariery - Web Designer
    Tylko teraz możesz odebrać rabat na pierwsze zamówienie
    Dlaczego warto?
    Będziesz regularnie otrzymywał atrakcyjne rabaty
    Nie przegapisz żadnej z naszych promocji
    Będziesz informowany o aktualnych konkursach
    Nie wysyłamy spamu
    Nie, dziękuję, kupię bez zniżki
    strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
    AKCEPTUJĘ PLIKI COOKIE