Ucz się online gdziekolwiek jesteś!     |        Tylko przez weekend kursy od 39,99zł     |        Jeszcze Przez:

2 dni 05 godzin
Logo
Zostań autorem

Koszyk jest pusty

0

Kategorie

  • Chcesz się dzielić wiedzą?

Zaloguj się

Nie pamiętasz hasła? Kliknij tutaj

Flexbox & Grid - wprowadzenie

Wprowadzenie do Flexbox i Grid - opanuj nowoczesne elementy języka CSS i zacznij tworzyć responsywne strony internetowe.

5.0(2)
99% pozytywnych recenzji

Stworzony przez Krystian Lisowski

Ostatnia aktualizacja: 06/10/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.

 

O czym jest ten kurs?

 

Kurs jest wprowadzeniem do stosowania Flexbox i Grid podczas pisania kaskadowych arkuszy stylów. Absolutny must-have każdego Frontend Developera, techniki, dzięki którym tworzenie responsywnych layoutów będzie wygodne jak nigdy wcześniej.

 

Do kogo skierowany jest ten kurs?

 

Kurs jest skierowany do początkujących twórców stron internetowych. Wprowadzenie, które pozwoli Ci lepiej zrozumieć zagadnienia, które są tematem kursu i nieodłączną częścią codziennej pracy. 

 

Z czego składa się kurs? 

 

W moim kursie pokażę 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ą wykorzystywać we własnych projektach.

 

Kurs dzieli się na 4 części jest to krótkie, lecz treściwe wprowadzenie do tematyki Flexbox i Grid

 

Pierwszy rozdział to składowe i przykłady użycia Flexboxa , drugi natomiast związany jest z CSS Grid

 

Po poznaniu składni Flexbox i Grid, przygotujemy wspólnie style dla prostej strony internetowej, tak abyś mógł/mogła zobaczyć wykorzystanie ich w praktyce.


Ostatnim etapem jest interaktywny test sprawdzający, który również jest świetną formą nauki i pozwoli Ci utrwalić wiedzę pozyskaną z materiałów wideo.

 

Czego się nauczysz?

 

Nauczysz się jednych z najważniejszych składowych CSS, dzięki którym tworzenie responsywnych elementów stanie się niezwykle wygodne i intuicyjne, a Twoje projekty będą świetnie wyglądać na każdym urządzeniu.



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