Szkolenia dla firm i instytucji    |    Już od 39 zł miesięcznie    |    Bez limitu użytkowników   
Pomoc i kontakt
Koszyk
Twój koszyk jest pusty. Wypełnij go wiedzą i zdobądź nowe umiejętności!
Nie wiesz od czego zacząć?
Zobacz nowości
Zaloguj się
strefakursów.pl Programowanie

Flexbox & Grid - responsywne layouty od podstaw:Trailer

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Flexbox & Grid - responsywne layouty od podstaw:Jak zdefiniować kontener flex

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Flexbox & Grid - responsywne layouty od podstaw:Wyrównywanie elementów siatki w pionie

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.
DARMOWE FRAGMENTY

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

Web Designer

user-image user-image user-image user-image
11564 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.
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 34
4.8
85%
15%
0%
0%
0%
Recenzje użytkowników (34)
5
Bardzo przydatne rzeczy! Kurs bardzo dobry. Sporo rzeczy się z Niego dowiedziałem. 
5
PROFIL PUBLICZNY
Kurs z gatunku im dalej tym lepiej, są momenty mega nudne jak pisanie kodu HTML lub powielanie w kółko tego samego ale to pewnie pod totalnie zielonych by utrwalić podstawy, przechodzenie do widoku też mogło się odbywać choćby przez liveserver a nie plikami. Ale im… Czytaj więcej
5
Świetny kurs. Tematyka przedstawiona w bardzo przystępny sposób. Fajnie, że są materiały na których można równolegle pracować (nie trzeba też często wciskać pauzy, żeby nadążyć za prowadzącym - duży plus). Dziękuję!
5
Bardzo dobry kurs! Polecam 
5
PROFIL PUBLICZNY
Polecam

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
  • 89
    otrzymasz 890 pkt. premium
    for-teamsOferta dla firm i zespołów
    Nasz produkt obejmuje:
    unlimited accessBezterminowy dostęp
    clock 5 godzin szkolenia
    videos 28 wykładów
    test questions 21 pytań testowych
    mobile accessMobilny dostęp 24/7
    certificateCertyfikat ukończenia
    tests questionsTesty i zadania
    linkedin recommendationRekomendacje na LinekdIn
    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
    11564 uczestników
    Dowiedz się więcej
    Ścieżka kariery - Web Designer
    Odbierz 20% zniżki na pierwsze zamówienie
    newsletter signup image
    Zapisz się do newslettera i bądź na bieżąco
    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