TworcaStron.pl TworcaStron.pl Bootstrap 4 od podstaw Poznaj najpopularniejszy framework CSS. Kurs od podstaw omawia całego bootstrapa. 4.9 15
4.0
4.5
4.5
5.0
5.0
5.0
5.0
5.0
5.0 Bardzo jasno wytłumaczony bootstrap - niby coś, co każdy powinien znać, ale z drugiej strony dowiedziałem się jak tak na prawdę powinno się z niego korzystać :) Dzięki!
5.0 Bardzo merytoryczny kurs, a w nim kod tworzony na bieżąco - live coding - od razu widać rezultat pracy, można próbować, eksperymentować i sprawdzać jak wyrenderuje się strona w przeglądarce - najlepsza metoda nauki programowania. Lekcje są oparte na ciekawych i obrazowych przykładach. Kurs przystępny dla początkujących, a dosyć obszerny materiał czyni też odpowiednim dla znających już trochę Bootstrapa - pozwala poszerzyć i usystematyzować wiedzę. Prowadzący to fachowiec - uczy dobrych praktyk programowania jak i praktycznego podejścia do tworzenia kodu. Nabyte umiejętności umożliwią także pracę w kolejnych wersjach Bootstrapa.
5.0
5.0
5.0
5.0
5.0
  1. Kursy
  2. Bootstrap 4 od podstaw

Bootstrap 4 od podstaw

Bootstrap 4 od podstaw

56 lekcji
Czas: 6 godz. 21 min
Średnia ocen: 4.9/5
30-dniowa gwarancja zwrotu pieniędzy
Dostęp do zamkniętej grupy dyskusyjnej
Certyfikat ukończenia

Cena:

0 zł

Weź darmowy udział

Cena:

0 zł

Weź darmowy udział

Bootstrap 4 - najpopularniejszy framework CSS

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

Aktualnie najnowszą wersją Bootstrapa jest versja nr 5. Jednak różnice w stosunku do v4 nie są duże i znając v4 możemy bardzo szybko i łatwo, przejsiąść się na najnowszą wersję. Dodatkowo, wiele projektów wciąż opiera się na wersji 4.


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, plejer wideo pozwala na oglądanie w tempie od 0.8 do x2. Możesz więc przerobić ten kurs znacznie szybciej.


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

Zobacz kilka odcinków z kursu:

2.2 Kolory

3.1 Teoria siatki

Średnia ocena kursantów (ocen: 15)

4.9

Łukasz T.

5.0

Marcin P.

5.0

Ryszard G.

5.0

Wojciech C.

5.0

Rafał J.

5.0

5.0
"Bardzo jasno wytłumaczony bootstrap - niby coś, co każdy powinien znać, ale z drugiej strony dowiedziałem się jak tak na prawdę powinno się z niego korzystać :) Dzięki!"

Michał F.

5.0
"Bardzo merytoryczny kurs, a w nim kod tworzony na bieżąco - live coding - od razu widać rezultat pracy, można próbować, eksperymentować i sprawdzać jak wyrenderuje się strona w przeglądarce - najlepsza metoda nauki programowania. Lekcje są oparte na ciekawych i obrazowych przykładach. Kurs przystępny dla początkujących, a dosyć obszerny materiał czyni też odpowiednim dla znających już trochę Bootstrapa - pozwala poszerzyć i usystematyzować wiedzę. Prowadzący to fachowiec - uczy dobrych praktyk programowania jak i praktycznego podejścia do tworzenia kodu. Nabyte umiejętności umożliwią także pracę w kolejnych wersjach Bootstrapa."

Adam S.

5.0

Kacper R.

5.0

Marek D.

4.5

Piotr K.

4.5

Tomás d.

5.0

Mateusz A.

4.0

M M.

5.0

Szymon K.

5.0

Wstęp

  • 1.1  Wstęp 01:23
  • 1.2  Czym jest Bootstrap 05:48

Podstawy

  • 2.1  Instalacja 08:50
  • 2.2  Kolory 07:01
  • 2.3  Layout 09:33

Siatka

  • 3.1  Teoria siatki 05:47
  • 3.2  Siatka w praktyce 18:03
  • 3.3  Offset 14:27
  • 3.4  Pozycjonowanie tekstu 06:30
  • 3.5  Pozycjonowanie elementów 13:56
  • 3.6  Zagnieżdżenia 12:46
  • 3.7  Kolejność (order) 16:41
  • 3.8  no-gutters 08:29

Inne elementy

  • 4.1  Margin, padding 14:23
  • 4.2  Display 05:05
  • 4.3  Visibility 02:45
  • 4.4  Sizing 03:55
  • 4.5  Float, clearfix 04:56
  • 4.6  Obrazy 02:32
  • 4.7  Figure 03:15
  • 4.8  Zaokrąglenia 05:49
  • 4.9  Text 13:58
  • 4.10  Text-truncate 03:19
  • 4.11  Position 05:33
  • 4.12  Tabele 09:58
  • 4.13  Code 07:13
  • 4.14  Podsumowanie 03:15

Komponenty (projekt)

  • 5.1  Wstęp 03:11
  • 5.2  Przygotowanie strony 03:54
  • 5.3  Navbar 08:08
  • 5.4  Navbar (nieaktywne linki) 01:54
  • 5.5  Tooltips 07:07
  • 5.6  Carousel 12:33
  • 5.7  Breadcrumb 01:32
  • 5.8  Jumbotron 02:18
  • 5.9  Navs 07:46
  • 5.10  Media 02:28
  • 5.11  Popovers 03:20
  • 5.12  Collapse 06:34
  • 5.13  Forms 16:31
  • 5.14  Forms (walidacja) 07:53
  • 5.15  Form group 03:51
  • 5.16  Spinners 04:57
  • 5.17  Alert 05:56
  • 5.18  Buttons 04:33
  • 5.19  Buttons group 05:08
  • 5.20  Dropdowns 08:55
  • 5.21  Card 06:46
  • 5.22  Badge 01:45
  • 5.23  List group 04:16
  • 5.24  Pagination 03:38
  • 5.25  Modal 10:19
  • 5.26  Progress 08:56
  • 5.27  Toasts 04:39
  • 5.28  Scrollspy 06:13
  • 5.29  Podsumowanie 01:17

Średnia ocena kursantów (ocen: 15)

4.9

Łukasz T.

5.0

Marcin P.

5.0

Ryszard G.

5.0

Wojciech C.

5.0

Rafał J.

5.0

5.0
"Bardzo jasno wytłumaczony bootstrap - niby coś, co każdy powinien znać, ale z drugiej strony dowiedziałem się jak tak na prawdę powinno się z niego korzystać :) Dzięki!"

Michał F.

5.0
"Bardzo merytoryczny kurs, a w nim kod tworzony na bieżąco - live coding - od razu widać rezultat pracy, można próbować, eksperymentować i sprawdzać jak wyrenderuje się strona w przeglądarce - najlepsza metoda nauki programowania. Lekcje są oparte na ciekawych i obrazowych przykładach. Kurs przystępny dla początkujących, a dosyć obszerny materiał czyni też odpowiednim dla znających już trochę Bootstrapa - pozwala poszerzyć i usystematyzować wiedzę. Prowadzący to fachowiec - uczy dobrych praktyk programowania jak i praktycznego podejścia do tworzenia kodu. Nabyte umiejętności umożliwią także pracę w kolejnych wersjach Bootstrapa."

Adam S.

5.0

Kacper R.

5.0

Marek D.

4.5

Piotr K.

4.5

Tomás d.

5.0

Mateusz A.

4.0

M M.

5.0

Szymon K.

5.0