Kurs Bootstrap 4 - praktyczny projekt

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.