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.

Autor: Codease KL

Aktualizacja: 14/10/2020

00:00
00:00
x

Darmowe lekcje

down
Trailer
Wprowadzenie do szkolenia
00:57
Właściwość flex-wrap i flex-flow
03:06
Siatki niejawne.
03:25
Trailer
Wprowadzenie do szkolenia
Właściwość flex-wrap i flex-flow
Siatki niejawne.
19.00 zł
calendargwarancja zwrotu pieniędzy
updateregularne aktualizacje
helpwsparcie autora
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:54
  • Pytania w testach: 12
Elastyczny model pudełkowy - Flexbox
8 wykładydown
Układ siatki - Grid
6 wykładydown
Flexbox & Grid w praktycznym projekcie
3 wykładydown
Test sprawdzający
1 wykładydown

O autorze

avatar
Codease KLFrontend Developer
Kursy: 3
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 pr...Czytaj więcej
Zobacz profil autora
19.00 zł