Kategorie
strefakursów.pl Programowanie
DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

user-image user-image user-image user-image
9138 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.
Twisto
Płatności twisto

Opinie użytkowników

Paweł Zarębski
5.0
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.
Dawid Kopicki
5.0
Dla kogoś kto chce być na bieżąco z aktualnymi rozwiązaniami dotyczącymi RWD kurs jest idealnym rozwiązaniem. Dzięki niemu na praktycznych przykładach nauczysz się tworzyć strony w oparciu o Flexbox oraz CSS Grid - poznasz różnice między nimi oraz dowiesz się, jak oraz… Czytaj więcej

Zobacz wszystkie

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 4.8 10
4.8
83%
17%
0%
0%
0%
Recenzje użytkowników (10)
5
polecam
5
Super, po lekturze tego kursu jestem uzbrojony w wiedzę, która pozwoli mi na przyspieszenie pracy nad responsywnością stron oraz nad ich nowocześniejszym wyglądem. Najbardziej wymyślne układy elementów na stronie nie są obecnie dla mnie wyzwaniem.
5
Bardzo fajny kurs;-) polecam!
5
Bardzo dobry kurs. Dobrze pomyślany i dobrze prowadzony.
5
Kurs w przystępny sposób prowadzi przez zagadnienia związane z technologiami Flexbox i Grid. Zastosowane przykłady bardzo dobrze pokazują różnice pomiędzy Flexbox, a Grid. Kurs mogę polecić trzeba jednak podkreślić, że jest to jednak wprowadzenie do tych technologii,… Czytaj więcej

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
  • Indywidualnie
    Dla zespołu
    69
    otrzymasz 690 pkt. premium
    69
    Potrzebujesz przeszkolić większy zespół? Sprawdź ofertę.

    Nielimitowany dostęp

    System motywacji

    Testy i zadania

    Mobilny dostęp 24/7

    5 godzin

    28 wykładów

    21 materiałów szkoleniowych

    Certyfikat ukończenia

    Elastyczne zarządzanie szkoleniami

    System motywacji

    Śledzenie postępów

    Efektywne szkolenie w 30 dni

    5 godzin

    28 wykładów

    21 materiałów szkoleniowych

    Certyfikat ukończenia

    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!
    776 wykładów
    9138 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