RESTful API - dobre praktyki      |        -20% z kodem: RESTAPI      |        Rabat ważny do poniedziałku
  • Odbierz zwrot 50 zł na kartę revolut
  • Szkolenia
    strefakursów.pl Programowanie
    DARMOWE FRAGMENTY

    Kurs Bootstrap 4 - praktyczny projekt

    Stwórz kompletną i funkcjonalną stronę z Bootstrap 4
  • Poziom: Średniozaawansowany
  • 89
    +890 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    Płatności 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?

    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 28
    5.0
    97%
    3%
    0%
    0%
    0%
    Recenzje użytkowników (28)
    5
    Bardzo świetny kurs pokazujący działanie najpopularniejszego framework-a CSS na konkretnym przykładzie budowy kompletnej strony www. Jest to świetne wprowadzenie pokazujące jak Bootstrap pomaga przy budowie responsywnych stron www.
    5
    Bootstrap 4 praktyczny projekt to rozwinięcie kursu Bootstrap. W kursie tworzymy rozbudowy projekt responsywnej strony internetowej. Polecam kurs. Dzięki niemu opanowałem ten framework.
    5
    Nauczyłem się wielu podstawowych i zaawansowanych technik używania najnowszej odsłony Bootstrapa. Kurs wykracza poza ramy szkolenia dotyczące tego frameworka i również dokładnie wyjaśnia działanie SASS-a i GULP-a. Wszystko bardzo szczegółowo i przystępnie omówione.
    5
    Kurs odpowiada na najważniejsze pytanie: Jak prawidłowo wykorzystać nowe możliwości Bootstrap 4. Dużym atutem jest praktyka i jeszcze raz praktyczne poznanie i wykorzystanie tego frameworka frontend RWD. Dzięki kursowi uporządkowałem i pogłębiłem wiedzę, ale także… Czytaj więcej
    5
    PROFIL PUBLICZNY
    Bootstrap 4 to absolutne must-have dla każdego programisty webowego. Dzięki niemu można tworzyć naprawdę świetne strony. Kurs SK na praktycznym przykładzie pokazuje jak do tego podejść. Polecam!
    Informacje o szkoleniu
      28 recenzji
      8,5 godziny
      80 wykładów
      7 materiałów szkoleniowych
    • Nielimitowany dostęp
    • Możliwość pobrania pliku
    • Testy, ćwiczenia
    • Dostęp z urządzeń mobilnych
    89
    +890 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    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!
    744 wykładów
    7602 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