Przejdź do treści
strefakursów

Kurs Bootstrap 4 - od podstaw

Wykorzystaj nowe możliwości Bootstrap 4 do tworzenia nowoczesnych, responsywnych stron

5,0 193 opinie Autor: Ksawery Kargól
75 lekcji 28 pytań testowych Poziom: Podstawowy Język: polski Certyfikat
119 zł

Oferta specjalna

Kup ten kurs za 65 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 199 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

Ten kurs jest częścią ścieżki

Web Designer

Szczegóły, które warto znać

7 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
75 lekcji wideo
Poziom: Podstawowy
Testy i zadania
28 pytań testowych
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

  • Czy chcesz łatwo tworzyć nowoczesne, responsywne witryny?

  • Czy chcesz mieć do dyspozycji dziesiątki gotowych komponentów, które błyskawicznie wdrożysz w dowolnym projekcie?

  • Czy chcesz poznać rewolucyjne możliwości najnowszej wersji Bootstrap?

  • Czy chcesz dowiedzieć się jak za pomocą Bootstrap 4 zbudować kompletną stronę?
W takim razie ten kurs będzie strzałem w dziesiątkę!

Bootstrap 4 już jest a wraz z nim niesamowite zmiany!

Jeśli miałeś choć trochę do czynienia z tworzeniem stron to pewnie kojarzysz nazwę Bootstrap. To narzędzie, które już od paru lat niesamowicie upraszcza tworzenie nowoczesnych, responsywnych stron oraz aplikacji front-end. Najnowsza wersja Bootstrap wprowadza całą masę rewolucyjnych rozwiązań i sprawia, że możesz budować jeszcze łatwiej, jeszcze ładniejsze strony!

Z tym kursem błyskawicznie poznasz wszystkie istotne aspekty Bootstrap 4. Dowiesz się jak wykorzystać rozbudowany zestaw gotowych komponentów, jak tworzyć nowoczesne layouty oraz jak dodać do strony różne elementy interaktywne. Kurs zakończysz wykonaniem od podstaw praktycznego projektu w formie nowoczesnej, lekkiej, responsywnej witryny.

Nowoczesne layouty Flexbox

Bootstrap 4 umożliwi Ci zbudowanie niemal dowolnego layoutu dzięki użyciu techniki Flexbox. Łatwe układanie elementów, dzielenie na kolumny, wyrównywanie w pionie czy poziomie – to wszystko da się zrobić w mgnieniu oka! Z kursem poznasz cały zestaw takich technik i dowiesz się jak je zastosować w praktyce.

Liczne komponenty

Bootstrap od zawsze słynął z licznych, ładnych, gotowych do użycia komponentów. Dzięki nim zawsze można było łatwo dodać estetyczne przyciski, stworzyć funkcjonalne formularze albo zbudować przejrzyste menu nawigacyjne. Nie inaczej jest w najnowszej wersji 4. Co więcej wprowadza ona kilka całkiem nowych komponentów, które poznasz z tym kursem.

Dowiesz się m.in. jak wykorzystać bardzo wszechstronny komponent Karta, który jest podstawą nowoczesnych Interfejsów Użytkownika w niezliczonych aplikacjach webowych.

Elementy interaktywne

Bootstrap to nie tylko HTML oraz CSS. To również elementy interaktywne oparte na JavaScript. Rozwijane menu, karuzela slajdów, okna modalne itd. – to wszystko możesz błyskawicznie dodać do swojej strony przy minimalnym nakładzie pracy. Obejrzyj kurs i przekonaj się jak niewiele trzeba aby stworzyć bardzo interaktywną witrynę.

Nowoczesne style

Bootstrap 4 to nie tylko nowe funkcjonalności. To również odświeżone style CSS dla wszystkich elementów. Z tym kursem dowiesz się, jak wykorzystać ich możliwości do tworzenia stron, których wyglądają nowocześnie i zgodnie z aktualnymi trendami.

Kompletny projekt od A do Z

Kurs to nie tylko omówienie kluczowych elementów frameworku Bootstrap. To również praktyczny projekt, który wykonasz krok po kroku razem z autorem. Będziesz miał świetną okazję aby zobaczyć jak łatwo i szybko można zbudować kompletną i funkcjonalną stronę z Bootstrap 4.

Jaki projekt stworzysz?

  • responsywny układ treści,

  • nowoczesny, lekki design,

  • mobilne menu,

  • responsywne obrazki,

  • estetyczne i przyjazne formularze,

  • efekty hover oraz active,

  • przejrzysty kod z możliwością rozbudowy.

Do pracy z kursem potrzebna jest podstawowa znajomość HTML oraz CSS.

Co zyskasz z tym kursem?

  • doskonałą znajomość wszystkich istotnych komponentów Bootstrap 4

  • praktyczne umiejętności budowania nowoczesnych stron

  • wiedzę, którą od razu możesz zastosować w praktyce

Kup w pakiecie i oszczędź

Kurs Bootstrap 4 - od podstaw

Kurs Bootstrap 4 - od podstaw

5.0 (193)

119 zł

Kurs Bootstrap 4 - praktyczny projekt

Kurs Bootstrap 4 - praktyczny projekt

4.9 (127)

119 zł

Cena za zakup pakietu

190 zł 238 zł −20%

Oszczędzasz w pakiecie: 48 zł

Zyskujesz 19.04 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

13 modułów · 75 lekcji

1 · Wprowadzenie
  • Wstęp 00m 31s
  • Jak korzystać z plików 00m 59s
  • Co powinieneś umieć 02m 58s
  • Co oferuje Bootstrap 4 04m 38s
2 · Zacznijmy pracę
  • Bootstrap - dostępne opcje 03m 49s
  • Podstawowa strona na Bootstrap 05m 27s
3 · Podstawowe style zawartości strony
  • Typografia - wprowadzenie 08m 15s
  • Typografia - wyrównywanie tekstu 05m 08s
  • Typografia - różne style 03m 41s
  • Inne elementy tekstowe 04m 15s
  • Podstawowe kolory Bootstrap 04m 32s
  • Style dla obrazów 06m 23s
4 · Layout strony - kluczowe techniki
  • Breakpoint - ważna koncepcja 06m 23s
  • Kontenery 05m 31s
  • Wiersze oraz podstawowe kolumny 08m 29s
  • Różne kombinacje kolumn 06m 19s
  • Przesuwanie oraz zagnieżdżanie 05m 30s
  • Zmiana kolejności kolumn 04m 02s
5 · Layout strony - przydatne techniki
  • Wyrównywanie elementów 06m 42s
  • Display w Bootstrap 4 08m 12s
  • Podstawowe możliwości Flexbox 05m 24s
  • Dodatkowe możliwości Flexbox 04m 51s
  • Margines oraz padding 06m 07s
  • Rozmiary oraz widoczność 05m 53s
6 · Podstawowe komponenty
  • Style dla przycisków 06m 41s
  • Grupy przycisków 03m 51s
  • Etykiety - Badge 03m 40s
  • Breadcrumbs 03m 13s
  • Paski postępu 05m 48s
  • Komponent List Group 05m 53s
7 · Kolejne komponenty
  • Jumbotron 06m 18s
  • Tabele 07m 49s
  • Media object 05m 57s
  • Karta - podstawowe elementy 07m 15s
  • Układanie kart - przykład 04m 56s
  • Karta - przydatne style 06m 28s
8 · Komponenty nawigacyjne
  • Podstawowa nawigacja 07m 37s
  • Wprowadzenie do navbar 10m 11s
  • Przykładowa zawartość navbar 07m 21s
  • Zwijana zawartość menu 07m 17s
  • Paginacja 04m 43s
9 · Formularze
  • Podstawowe style formularzy 05m 48s
  • Checkbox oraz radio 05m 03s
  • Rozmiar oraz walidacja - przykładowe klasy 03m 55s
  • Układ elementów formularza 08m 28s
  • Komponent Input Group 05m 29s
10 · Komponenty interaktywne
  • Szybkie wprowadzenie 03m 49s
  • Carousel - pokaz slajdów 10m 03s
  • Tooltip 05m 11s
  • Alert 04m 45s
  • Dropdown 06m 12s
  • Modal 08m 49s
  • Scrollspy 05m 51s
11 · Różne przydatne elementy
  • Klasy obramowań 03m 50s
  • Float oraz clearfix 05m 45s
  • Responsywne zagnieżdżanie 04m 33s
12 · Praktyczny projekt
  • Wstępne przygotowania 06m 29s
  • Navbar - struktura 07m 23s
  • Top strony - struktura 04m 48s
  • Kolejna sekcja - wprowadzenie 06m 15s
  • Sekcja z opiniami 04m 58s
  • Sekcja z realizacjami 06m 57s
  • Dodajmy formularz kontaktowy 08m 07s
  • Dodajmy zawartość stopki 11m 20s
13 · Własne style dla projektu
  • Style globalne 04m 04s
  • Style dla navbar oraz top 06m 51s
  • Style dla sekcji wprowadzenie 04m 04s
  • Style dla sekcji opinie 06m 36s
  • Style dla sekcji z realizacjami 06m 03s
  • Ogólne style - kontakt 05m 08s
  • Style elementów formularza 06m 33s
  • Przygotujmy style stopki 08m 49s
  • Różne poprawki 04m 50s
  • Kilka słów na temat obrazków 02m 59s
  • Zakończenie 00m 27s

Twój instruktor

Ksawery Kargól

Ksawery Kargól

Trener - praktyk AI

Ksawery Kargól to jeden z najbardziej rozpoznawalnych autorów technicznych na platformie Strefa Kursów. Od lat tworzy szkolenia, które pomagają uczestnikom wejść w świat nowych technologii krok po kroku, bez chaosu, zbędnego żargonu i poczucia, że „to nie dla mnie”. Jego największą siłą jest umiejętność tłumaczenia trudnych tematów prostym, uporządkowanym językiem. W swoich kursach prowadzi uczestnika od podstaw do praktycznego działania, pokazując nie tylko, co należy zrobić, ale też dlaczego dane rozwiązanie działa i jak można wykorzystać je w realnych projektach. Uczestnicy jego kursów szczególnie doceniają spokojne tempo, jasną strukturę i praktyczne podejście do nauki. To autor, który dobrze sprawdza się zwłaszcza wtedy, gdy temat wydaje się techniczny, trudny albo zarezerwowany tylko dla osób z doświadczeniem. Ksawery potrafi rozłożyć go na mniejsze kroki i przeprowadzić uczestnika przez cały proces w sposób zrozumiały i bez przytłoczenia. Jego szkolenia są dobrym wyborem zarówno dla osób początkujących, jak i tych, które chcą uporządkować swoją wiedzę, wrócić do podstaw albo pewniej korzystać z nowoczesnych narzędzi cyfrowych. Zamiast suchej teorii uczestnik otrzymuje konkretne przykłady, ćwiczenia i praktyczne rozwiązania, które pomagają szybciej przejść od oglądania lekcji do samodzielnego działania. Ksawery od lat współtworzy bibliotekę kursów Strefy Kursów, a jego materiały zebrały setki wysokich ocen od uczestników. To potwierdza, że jego największą wartością jest nie tylko znajomość technologii, ale przede wszystkim umiejętność przekładania jej na język zrozumiały dla szerokiego grona odbiorców. To dobry wybór dla osób, które chcą wejść w świat nowych technologii spokojnie, praktycznie i bez poczucia zagubienia.

Opinie kursantów

5,0 Zweryfikowana
„Bardzo dobry kurs przedstawiający w sposób profesjonalny nowości w Bootstrap 4, które bardzo ułatwiły pracę z tym frontendowym frameworkiem. Na pewno wiedzę z kursu będzie można wykorzystać do budowy stron, w których od ogólnodostępności będzie się liczyła aktualność przeglądarki czyli np. do budowy zaplecza administratorskiego strony."
Czytaj więcej
P Paweł Wilczek zweryfikowany kursant
5,0 Zweryfikowana
„Kurs pomógł mi uporzadkować posiadaną już wiedzę. Prowadzacy faktycznie prowadzi wszystkich za rączkę... Tego mi było potrzeba, aby uzmysłowić sobie wszystkie braki w tej materii i oczywiście uzupełnić je. Jak dla mnie ogromne brawa dla pana prowadzacego ... "
D Danuta Cybulska zweryfikowany kursant
5,0 Zweryfikowana
„Kurs "Bootstrap 4 - od podstaw" to doskonały wybór, gdy chcesz zacząć swoją przygodę z web design'em. Pan Ksawery przez 7 godzin przeprowadził mnie przez komponenty najpopularniejszego frameworka CSS jakim jest Bootstrap w najnowszej wersji 4. Dzięki tym wideo lekcją poznałem elementy bez których strony internetowe nie mogą się obejść. Te wykłady są idealnym wstępem i podstawową wiedzą, aby sprawnie posługiwać się tym frameworkiem. Polecam!"
Czytaj więcej
M Marek Michalczyk zweryfikowany kursant
5,0 Zweryfikowana
„Ważnym elementem dla mnie było odświeżenie wiedzy w zakresie Bootstrapa v4 oraz nowości: flex oraz jumbotron. To zupełnie nowoczesne podejście do projektowania responsoryjnych stron. Ten frontendowy framework ciągle się rozwija i nowe elementy tego skryptu znacznie przyspieszają możliwości tworzenia represywnych stron, nadają jeszcze większej łatwości i interaktywności co bardzo zwiększa możliwości dla developera. Bardzo fajnie przygotowany kurs na licznych przykładach i całej kompletnej stronie, co stanowi świetny warsztat pracy do nauki. Polecam wszystkim."
Czytaj więcej
A Adam Jarosiewicz zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

    • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

Web Designer Tworzenie stron internetowych Bootstrap CSS

Zobacz też

Podobne kursy

Kurs Bootstrap 4 - praktyczny projekt

Programowanie

Kurs Bootstrap 4 - praktyczny projekt

4.9 (127)

119 zł

Fundamenty CSS - stylowanie stron od podstaw

Programowanie

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Fundamenty języka HTML - kodowanie stron od podstaw

Programowanie

Fundamenty języka HTML - kodowanie stron od podstaw

4.9 (178)

159 zł

Warsztaty tworzenia stron internetowych

Programowanie

Warsztaty tworzenia stron internetowych

5.0 (119)

119 zł

Kurs HTML i JavaScript - praktyczne projekty

Programowanie

Kurs HTML i JavaScript - praktyczne projekty

4.8 (69)

149 zł

Kurs Tworzenie stron internetowych - praktyczne projekty

Programowanie

Kurs Tworzenie stron internetowych - praktyczne projekty

4.9 (48)

159 zł

Produktywne tworzenie stron z LESS & SASS

Programowanie

Produktywne tworzenie stron z LESS & SASS

4.9 (236)

119 zł

Flexbox & Grid - responsywne layouty od podstaw

Programowanie

Flexbox & Grid - responsywne layouty od podstaw

4.8 (111)

119 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 zł

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

Programowanie

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

4.8 (39)

159 zł

Ten kurs jest częścią ścieżki

4,8

Web Designer

Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!

675 wykładów 21578 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

119 zł

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.