Przejdź do treści
strefakursów

Kurs Bootstrap 4 - praktyczny projekt

Stwórz kompletną i funkcjonalną stronę z Bootstrap 4

4,9 127 opinii Autor: Ksawery Kargól
80 lekcji 16 pytań testowych Poziom: Średniozaawansowany Język: polski Certyfikat
119 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 21 596 osób uczy się z kursów tej ścieżki

Szczegóły, które warto znać

8,5 godziny materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
80 lekcji wideo
Poziom: Średniozaawansowany
Testy i zadania
16 pytań testowych
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

  • Znasz podstawy Bootstrap 4 i chciałbyś zbudować kompletną witrynę z jego użyciem?

  • Chciałbyś wiedzieć jak wykorzystać możliwości Bootstrap 4 do stworzenia całego serwisu z licznymi podstronami?

  • Chciałbyś poznać techniki, które pozwolą ci szybko i wydajnie tworzyć każdy element witryny?

  • Czy chcesz opanować rozwiązania, które umożliwią ci w przyszłości łatwą modyfikację oraz dowolną rozbudowę projektu w przyszłości?

Przygotowaliśmy dla Ciebie
kompletną witrynę zawierającą aż
8 rozbudowanych podstron!

Zbuduj nowoczesną, responsywną witrynę od podstaw

Z tym kursem dowiesz się jak w pełni wykorzystać możliwości najnowszego Bootstrapa do tworzenia wspaniałych stron. Razem z autorem szkolenia stworzysz krok po kroku rozbudowaną witrynę z licznymi podstronami i poznasz przy okazji wiele ważnych technik pracy. To czego się nauczysz pozwoli ci łatwo przełożyć dowolny wizualny projekt na działającą stronę. Wykorzystaj swoją dotychczasową znajomość Bootstrap, wzbogać ją o praktyczne rozwiązania i otwórz przed sobą niesamowite możliwości!

Co zawiera strona tworzona w kursie?

Witryna, którą będziesz tworzyć to jeden z najbardziej rozbudowanych projektów, jaki do tej pory pojawił w naszych kursach. To praktycznie cały serwis zawierający aż 8 podstron. Co ważne możesz je łączyć w przeróżne kombinacje. Możesz też dowolnie przemieszczać ich zawartość, dodawać albo usuwać z nich różne komponenty – w praktyce zapewni Ci to możliwość dopasowania projektu do przeróżnych potrzeb i zastosowań. Wystarczy dosłownie chwila, aby zmienić układ strony oraz jej wygląd!

Modułowa struktura i łatwa rozbudowa

Strona, którą zbudujesz w tym kursie oparta jest na modułowej strukturze, która niesamowicie ułatwia tworzenie oraz rozbudowę projektu o dowolne elementy. Dzięki użyciu preprocesora SASS jakiekolwiek zmiany w wyglądzie będziesz mógł wykonać dosłownie w mgnieniu oka.

Odpowiednia struktura klas oraz wykorzystanie gotowych komponentów Bootstrap sprawiają, że dodanie kolejnej podstrony albo nowych elementów do stron istniejących nie będzie sprawiać najmniejszego problemu. Zmiana koloru przycisków, zmiana koloru tła, przeprojektowanie formularzy? To wszystko będziesz mógł zrobić w ciągu paru sekund!

Unikalny projekt w unikalnym stylu

Na pewno chciałbyś tworzyć strony, który wyróżniają się wyglądem pośród tysięcy podobnych do siebie projektów. Z tym kursem poznasz m.in. istotne techniki modyfikacji plików źródłowych Bootstrap 4. Dzięki nim twoja witryna nabierze unikalnego wyglądu i na pierwszy rzut oka ciężko będzie nawet stwierdzić, że została stworzona z użyciem Bootstrap!

Kluczowe cechy projektu:

  • spójne style całego projektu

  • kompilacja stylów za pomocą Gulp – dołączony plik konfiguracyjny

  • modułowa struktura SASS/CSS

  • w pełni responsywny układ dla urządzeń o różnej szerokości ekranu

  • zoptymalizowany wyjściowy CSS

  • poprawne nadpisywanie stylów Bootstrap z możliwością łatwej aktualizacji biblioteki w przyszłości

  • fonty webowe z Google Fonts

  • liczne komponenty takie jak menu, wyszukiwarka, formularze , komentarze, zakładki itp.

Co jeszcze warto wiedzieć

Do pracy z kursem potrzebna jest podstawowa znajomość Bootstrap 4 oraz oczywiście takich technologii jak CSS3 oraz HTML5.

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

12 modułów · 80 lekcji

1 · Wprowadzenie
  • Wstęp 00m 30s
  • Jak używać plików 01m 44s
  • Projekt, który stworzymy 06m 49s
  • Co powinieneś umieć 02m 29s
2 · Wstępna struktura witryny
  • Stwórzmy plik index.html 05m 46s
  • Jaką metodę pracy wybierzemy 03m 47s
  • Przygotujmy pliki oraz katalogi 07m 27s
  • Instalujemy Gulp 04m 57s
  • Budowanie plików wyjściowych 06m 52s
  • Dodajmy Google Fonts 03m 08s
3 · Wstępne style
  • Omówienie struktury stylów 07m 13s
  • Śledzenie zmian przez Gulp 03m 15s
  • Definiujemy własne zmienne 06m 17s
  • Jak nadpisać zmienne Bootstrap 06m 46s
  • Nadpisujemy kolejne zmienne 03m 50s
  • Zmienne dla elementów tekstowych 09m 03s
  • Klasy dla elementów tekstowych 03m 23s
4 · Moduł nagłówka
  • Podstawowa struktura nagłówka 07m 55s
  • Responsywny układ dla nagłówka 04m 48s
  • Własne style nagłówka 06m 30s
  • Dodajmy Hero Unit 08m 12s
  • Nakładka na obraz 10m 18s
5 · Moduł stopki
  • Stopka - wstępne style i zawartość 08m 06s
  • Pierwsza i druga kolumna stopki 05m 33s
  • Trzecia kolumna stopki 09m 15s
  • Czwarta kolumna stopki 05m 35s
  • Ostatni element w stopce 04m 23s
6 · Elementy strony startowej
  • Sekcja powitalna 07m 06s
  • Komponent Page Intro 05m 42s
  • Komponent Services Group 06m 45s
  • Services Group - style 08m 37s
  • Services Group - active oraz hover 06m 41s
  • Realizacje na stronie startowej - wstęp 10m 00s
  • Box portfolio - wstępne style 09m 39s
  • Struktura dla sekcji Usługi 07m 11s
  • Style dla Usług 09m 25s
  • Aktualności - struktura 09m 58s
  • Aktualności - wstępne style 07m 07s
  • Aktualności - pozostałe style 08m 05s
  • Style strony startowej 07m 24s
7 · Strona Blog
  • Ogólna struktura listy wpisów 05m 26s
  • Komponent Post Item 06m 39s
  • Style dla Post Item 06m 25s
  • Pierwsze widgety wpisu 09m 31s
  • Style dla pierwszych widgetów 10m 08s
  • Widget Popularne wpisy 06m 14s
  • Widget Kategorie 06m 38s
  • Komponent paginacji 07m 52s
  • Dokończmy listę wpisów 04m 12s
  • Strona pojedynczego wpisu 03m 47s
  • Dodajmy komentarze 08m 30s
  • Style dla komentarzy 06m 24s
  • Formularz do komentarzy 06m 06s
  • Style dla formularzy 06m 50s
  • Poprawki dla strony wpisu 02m 04s
8 · Strona O Nas
  • Zawartość strony O nas 06m 11s
  • Dodajmy zdjęcia pracowników 09m 48s
9 · Strona Kontakt
  • Zawartość strony Kontakt 09m 30s
  • Style dla formularza kontaktowego 06m 27s
  • Dokończmy stronę Kontakt 06m 04s
10 · Strona Portfolio
  • Stwórzmy stronę Portfolio 05m 49s
  • Struktura zawartości Portfolio 05m 53s
  • Style dla strony jednej realizacji 05m 53s
  • Nawigator oraz pozostałe style 05m 43s
11 · Strona sklepu
  • Tworzymy stronę Shop 04m 17s
  • Wyszukiwarka produktów 07m 56s
  • Style dla wyszukiwarki produktów 07m 13s
  • Przygotujmy jeden produkt 06m 33s
  • Style dla produktu z siatki 08m 43s
  • Wyróżnienie aktywnego produktu 07m 54s
  • Pozostałe elementy listy produktów 05m 01s
  • Strona z jednym produktem 04m 56s
  • Opis oraz zdjęcie produktu 05m 19s
  • Style opisu oraz zdjęcia 11m 30s
  • Kolejny etap strony produktu 06m 26s
  • Style zakładek 05m 37s
  • Pozostałe style strony produktu 04m 37s
12 · Finalizujemy projekt
  • Optymalizacja wyjściowego CSS 03m 43s
  • Łatwa zmiana kolorów 02m 50s
  • Zakończenie 00m 24s

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
„Kurs na plus ! Zwłaszcza za sam wizualny aspekt projektu. Jednak największym atutem tego kursu jest sposób tworzenia styli w SASS podzielonego na komponenty oraz sposób nadpisywania plików źródłowych Bootstrap 4. Kurs zdecydowanie na plus dla każdego dewelopera."
A Adam Woźniewski zweryfikowany kursant
5,0 Zweryfikowana
„Nie ma lepszego sposobu na rozpoczęcie pracy z Bootstrapem. Jeśli znasz podstawy CSS i HTML to warto sięgnąć po ten kurs. Solidna dawka wiedzy nie tylko na temat Bootstrapa, ale i SASS czy Gulp"
A Aleksander Jovicić zweryfikowany kursant
5,0 Zweryfikowana
„Jestem w polowie i jestem zachwycony. Masa przydatnych technik podczas kodzenia. Teraz wiem, że musze przebudować struktore mojej pierwszej witryny :) Idealny wstep do czytania obszerniejszych publikacji."
A Adrian Zięba zweryfikowany kursant
5,0 Zweryfikowana
„Kurs Bootstrap 4 to najlepszy wybór dla kogoś kto chciałby szybko zacząć projektować responsywne strony internetowe, które są przyjazne dla użytkowników oraz wyszukiwarek. Techniki pokazane w kursie są aktualnie pożądane na rynku pracy (framework boostrap, responsywność, saas, gulp, modułowość projektu, możliwość łatwej rozbudowy w przyszłości, optymalizacja pod wyszukiwarki i wiele innych), więc to duży atut posiadać taką wiedzę. Cena bardzo przystępna jak na aż 9 godzin wideo lekcji. Kurs zwrócił się kilkukrotnie po zaledwie kilku dniach, gdy wykonałem projekt dla klienta. Polecam w 100%."
Czytaj więcej
M Marek Michalczyk zweryfikowany kursant

strefakursów

Od 20 lat uczymy nowych zawodów.

Zaufania na taką skalę nie buduje się na skróty - stoi za nim rygor, z jakim powstaje każdy kurs i każda ścieżka.

Ponad 382 tys. kursantów

przeszkolonych w strefakursów

4,9

ocena w Google

61 209

zweryfikowanych recenzji

Standard wydawniczy

Zanim kurs trafi do sprzedaży, przechodzi pięcioetapowy rygor produkcyjny:

weryfikacja autora · metodyka · studio · montaż bez „lania wody" · audyt jakości

Godzina takiego kursu to ekwiwalent co najmniej trzech godzin chaotycznego, darmowego materiału.

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

Programowanie

Kurs Bootstrap 4 - od podstaw

5.0 (193)

119 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 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 (49)

159 zł

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

Programowanie

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

4.8 (39)

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ł

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 21 596 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

119 zł

Zwiastun kursu

Wszystkie opinie

127 zweryfikowanych opinii

4,9

5 91%
4 8%
3 1%
2 0%
1 0%

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.