Kurs Bootstrap v4

Kurs Bootstrap 4 od podstaw

Bootstrap 4 od podstaw

56 lekcji
6 godz. 25 min.
5

Cena:

79 48.38zł

Aby skorzystać z promocji wpisz kod rabatowy: BOOTSTRAP4_LPPROMO

Opis kursu Bootstrap 4 od podstaw:

Bootstrap 4

Bootstrap jest to narzędzie, którego nie sposób nie spotkać pracując przy stronach internetowych. Poznaj najpopularniejszy framework CSS/HTML.

Na czym skupia się kurs?

Kurs jest bardzo kompleksowy, na początku skupia się na podstawach i wyjaśnieniu "dlaczego to właśnie działa tak a nie inaczej".
Następnie omawiane są jego pozostałe części takie jak siatka, kolory, aż po komponenty.

Czy po kursie będę potrafił tworzyć strony na Bootstrapnie?

Zdecydowanie tak! Co więcej, po obejrzeniu wszystkich lekcji i uczeniu się razem z wideo, żaden kawałek kodu Bootstrapa w cudzym projekcie nie powinien Cię zaskoczyć.

Czy można przyśpieszyć wideo?

Tak, video można oglądać na prędkości od 0.5 do x2.

Czy nie mogę nauczyć się Bootstrapa z dokumentacji?

Oczywiście możesz, jak każdej technologi. Akurat Bootstrap posiada bardzo dobrą dokumentację (dlatego w trakcie kursu często odwołuję się do niej). Kurs jest dla osób, które wolą uczyć się z wideo oraz zrozumieć co kryje się pod widoczną warstwą Bootstrapa.

Przykładowy odcinek: 3.1 "Teoria siatki"

Przykładowy odcinek: 3.2 "Siatka w praktyce"

Lista lekcji kursu Bootstrap 4 od podstaw

Wstęp

  • 1.1  Wstęp01:23
  • 1.2  Czym jest Bootstrap05:48

Podstawy

  • 2.1  Instalacja08:50
  • 2.2  Kolory07:01
  • 2.3  Layout09:33

Siatka

  • 3.1  Teoria siatki05:47
  • 3.2  Siatka w praktyce18:03
  • 3.3  Offset14:27
  • 3.4  Pozycjonowanie tekstu06:30
  • 3.5  Pozycjonowanie elementów13:56
  • 3.6  Zagnieżdżenia12:46
  • 3.7  Kolejność (order)16:41
  • 3.8  no-gutters08:29

Inne elementy

  • 4.1  Margin, padding14:23
  • 4.2  Display05:05
  • 4.3  Visibility02:45
  • 4.4  Sizing03:55
  • 4.5  Float, clearfix04:56
  • 4.6  Obrazy02:32
  • 4.7  Figure03:15
  • 4.8  Zaokrąglenia05:49
  • 4.9  Text13:58
  • 4.10  Text-truncate03:19
  • 4.11  Position05:33
  • 4.12  Tabele09:58
  • 4.13  Code07:13
  • 4.14  Podsumowanie03:15

Komponenty (projekt)

  • 5.1  Wstęp03:11
  • 5.2  Przygotowanie strony03:54
  • 5.3  Navbar08:08
  • 5.4  Navbar (nieaktywne linki)01:54
  • 5.5  Tooltips07:07
  • 5.6  Carousel12:33
  • 5.7  Breadcrumb01:32
  • 5.8  Jumbotron02:18
  • 5.9  Navs07:46
  • 5.10  Media02:28
  • 5.11  Popovers03:20
  • 5.12  Collapse06:34
  • 5.13  Forms16:31
  • 5.14  Forms (walidacja)07:53
  • 5.15  Form group03:51
  • 5.16  Spinners04:57
  • 5.17  Alert06:04
  • 5.18  Buttons04:33
  • 5.19  Buttons group05:08
  • 5.20  Dropdowns08:55
  • 5.21  Card06:55
  • 5.22  Badge00:45
  • 5.23  List group04:16
  • 5.24  Pagination07:54
  • 5.25  Modal10:19
  • 5.26  Progress08:56
  • 5.27  Toasts04:56
  • 5.28  Scrollspy06:13
  • 5.29  Podsumowanie01:17