✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

strefakursów.pl Programowanie

Kurs Bootstrap 4 - praktyczny projekt:Trailer

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

Kurs Bootstrap 4 - praktyczny projekt:Własne style nagłówka

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

Kurs Bootstrap 4 - praktyczny projekt:Formularz do komentarzy

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

Kurs Bootstrap 4 - praktyczny projekt:Tworzymy stronę Shop

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

DARMOWE FRAGMENTY

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

Web Designer

20769 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

Opinie użytkowników

Adam Woźniewski

5.0

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.

Aleksander Jovicić

5.0

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

Zobacz wszystkie

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.

ZOBACZ WIĘCEJ

Często kupowane w pakiecie
50% taniej tylko do środy!

Kurs Bootstrap 4 - od podstaw

Kurs Bootstrap 4 - praktyczny projekt

117 recenzji

Poziom Średniozaawansowany

80 wykładów

4.9

99zł

Razem do zapłaty

94 zł

-50% 188 zł

+940 punktów premium

KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz

Program nauczania

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 Podgląd 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 Podgląd 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 Podgląd 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

Ocena uczestników

50990 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 2701 wszystkich opinii.

93%

Recenzje użytkowników (117)

Tomasz Garbacz

2 grudnia 2024

5.0

Kolejny krok w rozwoju. Polecam

Jacek Lewiński

1 grudnia 2024

5.0

Bardzo dobry kurs, wiele z niego wyniosłem :)

Luiza Serafin

26 listopada 2024

5.0

Prosto przedstawione wszystkie elementy Bootstrapa. Bardzo przydatne :)

Stanisław Wawrzyniak

13 września 2024

5.0

Zrozumiałe tłumaczenie i praktyczne przykłady, duża porcja praktycznej wiedzy którą mogę teraz łatwo zastosować w swojej pracy.

Michał Tomaszewski

25 sierpnia 2024

5.0

Przydatne informacje, szkoda, że nie ma aktualizacji do bootstrap 5

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. 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ść Twoje 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 w nauce 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 szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

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.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

Zakup w aplikacji mobilnej strefakursów.pl, a faktura

Zakup w App Store(iOS)

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

Otwórz Ustawienia na iPhone
Kliknij swoje imię i nazwisko na górze ekranu, aby przejść do ustawień Apple ID.
Wybierz Multimedia i zakupy > Pokaż konto.
Przewiń w dół i wybierz Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły oraz możliwość pobrania faktury.

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

Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Ksawery Kargól

Full Stack Developer

4.9

(117 ocen)

Kurs Bootstrap 4 - praktyczny projekt

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów . Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl , możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

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

Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z lub – Jak to działa?

Dożywotni, nielimitowany dostęp do kursu

99zł

Kup teraz za 49,50 zł z kodem: SZANSA Pozostało:

(przy zakupach za minimum 99 zł)

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp online

Certyfikat ukończenia

8,5 godziny szkolenia

80 wykładów

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

Powiązane tematy:

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!

754 wykładów

20769 uczestników

Dowiedz się więcej