Kurs Bootstrap 4 - praktyczny projekt

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

Z tym kursem otrzymasz certyfikat!

Recenzje (12)

Adrian Zięba

04-06-2018

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.

Aleksander Jovicić

26-04-2018

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

Adam Woźniewski

25-04-2018

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.

  • 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?

Zbuduj nowoczesną, responsywną witrynę od podstaw

Co zawiera strona tworzona w kursie?

  • strona startowa,

  • blog – strona z listą wpisów,

  • blog – strona pojedynczego wpisu,

  • sklep – strona z listą produktów,

  • sklep – strona pojedynczego produktu,

  • portfolio,

  • strona ‘O nas’ – wizytówka firmy,

  • strona ‘Kontakt’.

Modułowa struktura i łatwa rozbudowa

Unikalny projekt w unikalnym stylu

Kluczowe cechy projektu:

  • spójne style całego projektu

  • modułowa struktura SASS/CSS

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

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

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

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

  • fonty webowe z Google Fonts

  • zoptymalizowany wyjściowy CSS

Co jeszcze warto wiedzieć

Jak korzystać z kursu?

Pobierz z AppStore Pobierz z Google Play

Spis treści

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

Recenzje (12)

Średnia ocena 5 5

Projekt z wykorzystaniem gulp oraz sass. Przedstawiona konfiguracja tychże narzędzi przyspieszy pracę każdego developera. Nadpisywanie zmiennych bootstrap, to również ciekawa możliwość, jaką poznajemy podczas tego kursu.

Piotr Wiktorowicz 102 dni temu

Świetnie poprowadzony kurs, naprawdę warto zainwestować w niego bo praktyka jaka jest prezentowana w kursie bardzo się przydaje. W przystępny sposób są przedstawione kolejne etapy realizacji

Adam Stola 105 dni temu

Bardzo łatwo wyjaśnione są klasy w wersji 4 do wersji 3. Dzięki temu kursowi nauczyłem się korzystać z gulpa i saas. Faktycznie projektuje się dużo szybciej witryny po tym kursie.

Łukasz Kwasiński 124 dni temu

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.

Adrian Zięba 142 dni temu

Polecam, rozwinięcie kursu Bootstrap 4 popartem bardziej złożonymi przykładami. Kurs przygotowany w bardzo przystępny sposób, wszystko dokładnie omówione krok po kroku. Kurs do każdego tematu posiada odpowiednie przykłady ułatwiające naukę.

Piotr Zakrzewski 172 dni temu

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

Aleksander Jovicić 181 dni temu

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.

Adam Woźniewski 182 dni temu

Kontynuacja kursu podstawowego. Dzięki temu kursowi poznałem rozbudowane techniki Bootstrap 4 na konkretnym przykładzie od początku do końca. W projekcie omówiono modułową strukturę SASS/CSS, fonty webowe, Gulp , responsywny układ , a także wiele innych aspektów potrzebnych do stworzenia kompletnego projektu. Moim zdaniem jest jeden z najlepszych kursów na temat nowego Bootstrap.

Krzysztof Markowski 190 dni temu

Bardzo dobry kurs, obowiązkowy dla wszystkich którzy przeszli podstawową jego wersje . Kurs pomógł mi bardzo w poznaniu bardziej zaawansowanych metod tworzenia stron internetowych.

Krzysztof Obrębski 197 dni temu

Po przerobieniu pierwszej części - Kurs Bootstrap od podstaw postanowiłam przetestować drugą część i nie żałuję! Bardzo dobrze poprowadzony kurs, super prowadzący, naprawdę szczerze polecam!

Aleksandra Zawiślak 226 dni temu

Polecam Kurs Bootstrap 4 - praktyczny projekt całkowitej strony www. Bardzo dobry kurs rozwiający zagadnienie. Interesująco przekazana wiedza. Ciekawy kurs. Polecam

Marcin Lewandowski 237 dni temu

Dzięki temu kursowi zobaczyłem jak buduje się strony we freamework Bootstrap 4 który jest najpopularniejszy.Jest on bardzo wszechstronny pod względem zastosowań.

Artur Gręziak 307 dni temu

89

Szkolenie zawiera

  • Nielimitowany dostęp
  • Oglądasz kursy gdzie chcesz i kiedy chcesz.
  • Możliwość pobrania pliku
  • Możesz pobrać pliki z kursem i zachować kopie.
  • Darmowe aktualizacje
  • Szkolenie będzie na bieżąco aktualizowane, a Ty będziesz miał dostęp do wszystkich nowych lekcji.
  • Dodatkowe materiały
  • Wraz ze szkoleniem otrzymasz wszystkie pliki użyte w kursie.
  • Testy, ćwiczenia
  • Szkolenie zawiera również testy i ćwiczenia, które pomogą ci utrwalić wiedzę.
  • Certyfikat ukończenia
  • Na koniec otrzymasz certyfikat potwierdzający ukończenie szkolenia.
  • Dostęp z urządzeń mobilnych
  • Masz dostęp do szkolenia również z urządzeń mobilnych i możesz uczyć się w dowolnym miejscu.

Informacje o kursie

  • Poziom Średniozaawansowany
  • Poziom Średniozaawansowany
  • Czas trwania 8,5 godziny
Ścieżka kariery - Front-end Developer

Czy wiesz, że ten kurs możesz nabyć, aż 20% taniej w ścieżce Front-end Developer

Sprawdź szczegóły

Autor

Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

Ksawery Kargól to doświadczony designer i web developer. Jest certyfikowanym ekspertem Adobe®. Tworzenie stron to jego życiowa pasja. Od początku związany z strefakursow.pl. Twórca kilkudziesięciu publikacji cieszących się uznaniem na całym świecie.

Szybka pomoc

FAQ (Najczęściej Zadawane Pytania)

888 223 111