Logo
Zostań autorem

Koszyk jest pusty

0

Kategorie

  • Chcesz się dzielić wiedzą?

Zaloguj się

Nie pamiętasz hasła? Kliknij tutaj

Flexbox & Grid - wprowadzenie

Elastyczny model pudełkowy - Flexbox oraz model siatki - Grid. Poznaj je i twórz responsywne i świetnie wyglądające strony.

5.0(2)
99% pozytywnych recenzji

Stworzony przez Krystian Lisowski

Ostatnia aktualizacja: 15/07/2021
00:00
00:00
x

Darmowe lekcje

Zobacz darmowe fragmenty tego szkolenia przed zakupem.

Trailer
Wprowadzenie do szkolenia
|00:57
Właściwość flex-wrap i flex-flow
|03:06
Trailer
Wprowadzenie do szkolenia
Właściwość flex-wrap i flex-flow
Siatki niejawne.
19
00
Aktualny materiał: Zaktualizowano w ciągu ostatnich 30 dni.
Ikona kalendarza30 dni gwarancji zwrotu pieniędzy
Ikona zegaraRozpocznij teraz za darmo, zapłać do 30 dni
Flaga PolskiPolska obsługa i faktura

Szkolenie obejmuje:

  • Bezterminowy dostęp
  • 18 wykładów
  • 12 zadań testowych i ćwiczeń
  • 1 godz. 03 min. materiałów wideo
  • Regularne aktualizacje
  • Certyfikat ukończenia
  • Wsparcie autora na każdym etapie
  • Dostęp do zamkniętej grupy dyskusyjnej

Masz pytania dotyczące tego szkolenia?.

questionZadaj pytanie autorowi

Czego się nauczysz?

  • Układanie elementów w kontenerze Flexbox.
  • Manipulowanie kolejnością elementów w kontenerze Flexbox.
  • Tworzenie responsywnych siatek Grid.
  • Wykorzystanie obu technik w praktycznym projekcie.

Wymagania

Podstawowa znajomość HTML i CSS.

Opis kursu

Jeżeli chcesz tworzyć strony bądź aplikacje internetowe, które przyciągają uwagę, są przejrzyste oraz responsywne – musisz poznać elastyczny model pudełkowy zwany Flexbox oraz model siatki zwany Grid.


Jeżeli opanujesz te techniki, tworzenie responsywnych elementów stanie się niezwykle wygodne i przyjemne. Są to techniki powszechnie stosowane przez twórców stron internetowych.


W moim kursie pokaże Ci na pojedynczych przykładach wszystkie najważniejsze elementy, z których składają się oba modele, co pozwoli Ci łatwiej zapamiętać składnię i poprawnie ją później wykorzystywać.


Kurs dzieli się na 4 części jest to krótkie, lecz treściwe wprowadzenie do tematyki Flexbox i Grid. Pierwszy rozdział to informacje i przykłady użycia Flexboxa, drugi rozdział to przykłady związane z CSS Grid. Po poznaniu składni obu technik uzupełnimy razem prosty praktyczny projekt jakim będzie strona restauracji, wykorzystamy model pudełkowy do układania elementów oraz siatkę Grid do stworzenia galerii zdjęć.


W ostatnim etapie czeka na Ciebie test sprawdzający wiedzę nabytą po kursie. W teście zostały wykorzystane różnego rodzaju pytania, od testowych pytań wielokrotnego wyboru poprzez uzupełnianie brakującego kodu aż do układania elementów w poprawnej kolejności, test również jest świetną formą nauki i pozwoli Ci utrwalić wiedzę pozyskaną z materiałów wideo.


Spis treści

Czas trwania: 01:03:54Rozwiń wszystkie tematy
downElastyczny model pudełkowy - Flexbox
8 wykłady
  • Wprowadzenie do szkolenia|00:57
  • Czym jest Flexbox, deklarowanie układu i kierunku elementów01:47
  • Sposoby na zmianę kolejności elementów w kontenerze02:49
  • Właściwość flex-grow.02:33
  • Właściwość flex-shrink.02:11
  • Właściwość flex-basis.04:38
  • Wyrównanie elementów wewnątrz kontenera.04:01
  • Właściwość flex-wrap i flex-flow|03:06
downUkład siatki - Grid
6 wykłady
downFlexbox & Grid w praktycznym projekcie
3 wykłady
downTest sprawdzający
1 wykłady

O autorze

avatar
Krystian LisowskiFrontend Developer
Kursy: 5
O mnie
Ukończone studia inżynierskie na kierunku Informatyka Stosowana, profil - Inżyniera systemów informatycznych. Posiadam doświadczenie w tworzeniu aplikacji webowych. W codziennej ...Czytaj więcej
Zobacz profil autora
5.0
100 %
0 %
0 %
0 %
0 %
avatar
quotemark
J M
24.01.2021

Polecam!

Czy ta opinia była pomocna? 0 0