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: Krystian Lisowski

Aktualizacja: 15/02/2021

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.
29.00 zł
calendar30 dni gwarancji zwrotu pieniędzy
helpwsparcie autora na każdym etapie nauki
updateregularne aktualizacje

Szkolenie obejmuje:

  • Dożywotni dostęp
  • 18 wykładów
  • 12 zadań testowych
  • 1 godz. 03 min. materiałów wideo
  • Testy i ćwiczenia
  • Dostęp do zamkniętej grupy dyskusyjnej
  • Kontakt z autorem
  • Imienny certyfikat ukończenia

Zadaj pytanie przed zakupem!

Masz pytania dotyczące tego szkolenia? Skorzystaj z możliwośći kontaktu z autorem i rozwiej swoje wątpliwości.

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
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