Wybierz w koszyku płatność Twisto, odbierz szkolenie i zapłać w ciągu 21 dni!
Szkolenia
DARMOWE FRAGMENTY
Kurs Bootstrap 4 - praktyczny projekt
Stwórz kompletną i funkcjonalną stronę z Bootstrap 4
89
+890 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni! Shape Created with Sketch.
22 recenzji
8,5 godziny
80 wykładów
7 materiałów szkoleniowych
Twisto
  • 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ć

ZOBACZ WIĘCEJ
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
5.0
100%
0%
0%
0%
0%
Recenzje użytkowników (22)
Paweł Siulczyński
Świetna dawka wiedzy (pozwalając poukladać wiedze). Pokazane na realnym przykladzie (materiały są dołączone do kursu ), który pozwala poznac co i jak :) Aby kurs był… Czytaj więcej
Hubert Mazur
Polecam wszystkim kurs dla tych doświadczonych, jak również dla tych mniej. Wszystko jest w jasny i przejżysty sposób wytłumaczone od podstaw. Jeżeli ktoś się zastanawia to nie ma… Czytaj więcej
Michał Szynklarz
Świetne uzupełnienie kursu podstawowego. Doskonale że zostały przedstawione możliwość GULP który w połączeniu z Bootstrap 4 ogromnie ułatwia sprawę dla wszystkich tych którzy chcą… Czytaj więcej
Krzysztof Geisler
Świetnie poprowadzony kurs od początku do końca. Zarówno jakość przekazywanych treści i sam sposób tłumaczenia na najwyższym poziomie. Po tym kursie spokojnie sami będziecie w… Czytaj więcej
Michał Czyż
Ksawery to profesjonalista. Dopiero wykonując krok po kroku w ślad za nim można przyswoić pewne techniki i nabrać dobrych przyzwyczajeń. To ważne jak chce się kodować z… Czytaj więcej
Ksawery Kargól
Ksawery Kargól
5.0
Kurs Bootstrap 4 - praktyczny projekt
Informacje o szkoleniu
  • Poziom Średniozaawansowany
  • Nielimitowany dostęp
  • Możliwość pobrania pliku
  • Darmowe aktualizacje
  • Dodatkowe materiały
  • Testy, ćwiczenia
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
89
+890 punktów premium
Ten kurs jest częścią ścieżki
4.9
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!
862wykładów
6037 uczestników
Dowiedz się więcej
Ścieżka kariery - Web Designer
Group 51 Created with Sketch.
close Created with Sketch.
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Shape Created with Sketch. Będziesz regularnie otrzymywał atrakcyjne rabaty
Shape Created with Sketch. Nie przegapisz żadnej z naszych promocji
Shape Created with Sketch. Będziesz informowany o aktualnych konkursach
Shape Created with Sketch. Nie wysyłamy spamu
Nie, dziękuję, kupię bez zniżki
Strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
AKCEPTUJĘ PLIKI COOKIE