Kurs Bootstrapa (4 projekty)

Naucz się korzystać z Flexboxa oraz Bootstrapa tworząc 4 wyjątkowe strony internetowe!

  • Certyfikat ukończenia
  • Bezpłatne aktualizacje
  • Dożywotni dostęp
Okładka kursu Bootstrapa

Dożywotni dostępKupujesz raz, aktualizacje gratis.

Szczegóły

O kursie

Czego się nauczysz?

Ten kurs został stworzony z myślą o osobach, które posiadają już wiedzę na temat HTML i CSS i chcą nauczyć się korzystać z Bootstrapa.

Zrobimy w nim 4 wyjątkowe projekty, które pozwolą Ci nie tylko utrwalić wiedzę z kursu, ale i zwiększyć Twoje doświadczenie w tworzeniu stron internetowych.

Opinie o kursie

Kurs był w przeszłości dostępny na platformie Udemy. Poniżej kilka opinii kursantów.

4.8/5 prawie 700 recenzji Zrzut z Udemy

Program

Plan kursu

  1. 1

    Flexbox

    Flexbox odpowiada za rozmieszczanie elementów na stronach WWW.

  2. 2

    Bootstrap

    Szybkość, prostota, wygoda.

    Czas poznać najpopularniejszą bibliotekę CSS na świecie!

  3. 3

    Projekt #1

    Czas na pierwszą stronę WWW, którą stworzymy z Bootstrapem!

  4. 4

    Projekt #2

    Prosta strona za nami, teraz czas wskoczyć poziom wyżej!

    Robimy duży portal z podstronami!

  5. 5

    Projekt #3

    Tworzymy panel CMS oparty na Bootstrapie.

  6. 6

    Projekt #4

    Projekt–wyzwanie, który podsumuje Twoją wiedzę i wskaże na ewentualne braki do poprawy.

Zacznij już dziś

Kurs Bootstrapa (4 projekty)

  • Certyfikat ukończenia
  • Bezpłatne aktualizacje
  • Dożywotni dostęp

39złjednorazowo

Kup kurs

92 lekcje

Lista odcinków

Flexbox14
  • Flexbox – wprowadzenie
  • Ściąga z właściwości Flexa
  • Zadanie #1
  • Justify content
  • Align items
  • Quiz z justify content & align items
  • Align content
  • Zadanie #2
  • Flex grow & shrink
  • Flex basis
  • Order
  • Align self
  • Zadanie #3
  • Quiz z Flexboxa
Bootstrap25
  • Aktualizacja Bootstrapa
  • Bootstrap – wprowadzenie
  • Instalacja Bootstrapa
  • Bootstrapowe kontenery
  • Breakpointy w Bootstrapie
  • Kolumny
  • Zadanie z kolumn
  • Rozwiązanie zadania z kolumnami
  • Zabawa z tekstem
  • Listy
  • Obrazy
  • Tabele
  • Kolory
  • Cienie
  • Border
  • Display
  • Flex
  • Zadanie z display
  • Zadanie z display – rozwiązanie
  • Overflow & position
  • Width & height
  • Margin & padding
  • Ratio
  • Komponenty
  • Ikony
Projekt #110
  • Omówienie projektu
  • Tworzymy strukturę strony
  • Tworzymy nawigację
  • Sekcja powitalna
  • Sekcja „O nas” cz. 1
  • Sekcja „O nas” cz. 2
  • Sekcja „Zespół”
  • Kontakt
  • Stopka, scroll-fix i scroll-spy
  • Naprawiamy nawigację
Projekt #218
  • Omówienie projektu
  • Tworzymy strukturę strony
  • Nawigacja
  • Header cz. 1
  • Header cz. 2
  • Sekcja main cz. 1
  • Sekcja main cz. 2
  • Footer
  • Podstrona „O firmie” cz. 1
  • Podstrona „O firmie” cz. 2
  • Podstrona „O firmie” cz. 3
  • Podstrona „O firmie” cz. 4
  • Podstrona „Usługi” cz. 1
  • Podstrona „Usługi” cz. 2
  • Podstrona „Usługi” cz. 3
  • Podstrona „Projekty”
  • Podstrona „Kontakt” cz. 1
  • Podstrona „Kontakt” cz. 2
Projekt #323
  • Omówienie projektu
  • Zadanie #1
  • Zadanie #1 – HTML
  • Zadanie #1 – CSS
  • Sekcja „Główne statystyki”
  • Zadanie #2
  • Zadanie #2 – rozwiązanie
  • Zadanie #3
  • Zadanie #3 – HTML
  • Zadanie #3 – CSS
  • Prawa sekcja cz. 1
  • Prawa sekcja cz. 3
  • Podstrona „Posty” cz. 1
  • Podstrona „Posty” cz. 2
  • Podstrona „Posty” cz. 3
  • Podstrona „Posty” cz. 4
  • Podstrona „Posty” cz. 5
  • Zadanie #4
  • Rozwiązanie zadania #4
  • Podstrona „Użytkownicy” cz. 1
  • Podstrona „Użytkownicy” cz. 2
  • Podstrona „Użytkownicy” cz. 3
  • Prawa sekcja cz. 2
Projekt #42
  • Omówienie projektu
  • Instrukcja