Pracodawca może wspierać Twój rozwój zawodowy     |      Zachęć go do sprawdzenia nowoczesnego systemu szkoleniowego
Kategorie
strefakursów.pl Programowanie
DARMOWE FRAGMENTY

Kurs Bootstrap 4 - praktyczny projekt

Stwórz kompletną i funkcjonalną stronę z Bootstrap 4
  • Poziom: Średniozaawansowany
  • Indywidualnie
    Dla zespołu
    89
    +890 punktów premium
    89
    Potrzebujesz przeszkolić większy zespół? Sprawdź ofertę.

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

    Web Designer

    user-image user-image user-image user-image
    8748 uzytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.
    Płatności twisto

    Opinie użytkowników

    Adam Woźniewski
    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ć
    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?

    Zbuduj nowoczesną, responsywną witrynę od podstaw

    Co zawiera strona tworzona w kursie?

    Modułowa struktura i łatwa rozbudowa

    Unikalny projekt w unikalnym stylu

    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ć

    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 5 41
    5.0
    96%
    4%
    0%
    0%
    0%
    Recenzje użytkowników (41)
    5
    Jak sama nazwa wskazuje: "praktyczny projekt". Od podstaw stworzysz z tym kursem ciekawą stronę internetową, a następnie będziesz mógł na spokojnie wykorzystać zdobytą wiedzę w tym kursie przy swoich przyszłych projektach.
    5
    Świetny kurs dla tych, którzy chcą stworzyć stronę w Bootstrap. Wszystko bardzo dobrze i jasno wytłumaczone. Do tego dużo praktyki.
    5
    Bardzo pomocny kurs. Szczególnie dla początkującego programisty.
    5
    Świetne rozwinięcie kursu dla początkujących. Pomaga utrwalić umiejętności i poszerzyć je. Tempo prowadzenia poszczególnych lekcji gwarantujące nadążanie, choć jeśli piszesz wszystko sam - musisz czasem zatrzymać wideo. Tak jednak powinno być.
    5
    Popularność Bootstrapa mówi sama za siebie, w dzisiejszych czasach trzeba go znać, kurs rzetelny i dokładny polecam .

    Nielimitowany dostęp

    System motywacji

    Testy i zadania

    Mobilny dostęp 24/7

    8,5 godziny

    80 wykładów

    7 materiałów szkoleniowych

    Certyfikat ukończenia

    Elastyczne zarządzanie szkoleniami

    System motywacji

    Śledzenie postępów

    Efektywne szkolenie w 30 dni

    8,5 godziny

    80 wykładów

    7 materiałów szkoleniowych

    Certyfikat ukończenia

    89
    +890 punktów premium
    89
    Potrzebujesz przeszkolić większy zespół? Sprawdź ofertę.
    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!
    776 wykładów
    8748 uczestników
    Dowiedz się więcej
    Ścieżka kariery - Web Designer
    Tylko teraz możesz odebrać rabat na pierwsze zamówienie
    Dlaczego warto?
    Będziesz regularnie otrzymywał atrakcyjne rabaty
    Nie przegapisz żadnej z naszych promocji
    Będziesz informowany o aktualnych konkursach
    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