Odbierz kurs w newsletterze

Kurs Bootstrap cz. 3 – opcjonalne komponenty

Twórz dopieszczone strony. Poznaj opcjonalne komponenty Bootstrapa.

Odbierz kurs za darmo w newsletterze 🔗

Czego się nauczysz?

W trzeciej już części kursu, poświęconej komponentom Bootstrapa nauczysz się, jak korzystać z gotowych elementów interfejsu, takich jak paginacja, spinnery, media, jumbotron, karty, karuzele, tooltipy, popovery, okna modalne, komunikaty.

Dowiesz się, jak stworzyć i dostosować te elementy do swoich potrzeb. Poznasz również różne opcje konfiguracji i stylizacji poszczególnych komponentów.

 

Jakie komponenty poznasz?

  • elementy nawigacyjne typu numeracja stron
  • spinner podczas oczekiwania
  • opcje komentarzy do projektu
  • przycisk wykorzystując jambotron
  • karty oraz ich układ
  • karuzele czyli popularny slider
  • podpowiedzi czyli tooltipy
  • popovery
  • okna modalne
  • komunikaty tzw. toasts

Dla kogo jest ten kurs?

  • Kurs przeznaczony jest dla osób, które chcą kontynuować poznawanie Bootstrapa o kolejne elementy projektu.
  • Przed przystąpieniem do kursu, warto poznać dwa poprzednie nasze kursy Bootstrapa.
  • Kurs dla osób, które znają już podstawy Bootstrapa.

Zbuduj pewność siebie

W kursie dowiesz się czym jest asertywność i dlaczego jest ważna w życiu codziennym jak i zawodowym. Poznasz kilka technik, które zbudują Twoją asertywność. Zbudujesz pewność siebie i wypracujesz metody komunikacyjne, które pomogą Ci nawiązywać lepsze relacje i unikać niepotrzebnych konfliktów.

Poznaj opcjonalne komponenty

W kursie chcę Ci pokazać komponenty, które warto znać, ale jednocześnie nie muszą występować w każdym projekcie. Dlatego nazwałem je opcjonalne komponenty. Dzięki nim możesz ulepszyć użyteczność swojej strony. Przykładem może być komponent nawigacji w postaci paginacji stron lub komponent kart.

Tooltipy czyli krótkie podpowiedzi, to również komponent, który warto znać, zwłaszcza projektując użyteczne formularze.

Dlaczego warto znać komponenty Bootstrapa?

Komponenty w Bootstrapie to gotowe elementy interfejsu, które można wykorzystać do budowy responsywnych stron internetowych. Komponenty te są gotowe do użycia i są dostosowane do różnych rozmiarów ekranu, dzięki czemu strony z ich wykorzystaniem są responsywne i dobrze wyświetlają się na różnych urządzeniach.

Bootstrap zawiera wiele różnych komponentów, takich jak navbary, przyciski, formularze, tabele, karuzele, alerty, modale itp. Każdy z tych komponentów może być dostosowany do indywidualnych potrzeb poprzez modyfikację atrybutów HTML oraz użycie klas CSS.

Komponenty w Bootstrapie są bardzo przydatne w procesie tworzenia stron internetowych, ponieważ pozwalają szybko i łatwo dodać do strony różne elementy interfejsu, takie jak navbary czy przyciski, bez konieczności pisania od podstaw kodu HTML i CSS

Wstęp
Przywitanie

Paginacja
1.1 Paginacja
1.2 Paginacja przykłady zastosowania

Spinners
2.1 Spinners
2.2 Spinners w przyciskach
2.3 Wyrównanie

Media
3.1 Obiekty media
3.2 Zagnieżdżanie
3.3 Wyrównanie
3.4 Dynamiczne dodawanie wpisów

Jumbotron
4.1 Jumbotron
4.2 Ostylowanie

Karty
5.1 Karty podstawowe informacje
5.2 Obrazki w karcie
5.3 Pozostałe klasy dedykowane kartom
5.4 Zmiana kolorystyki
5.5 Przykłady elementów umieszczanych w kartach
5.6 Rozmieszczanie kart

Karuzele
6.1 Niezbędne informacje o karuzeli
6.2 Elementy sterujące karuzela
6.3 Opis slajdu

Tooltip
7.1 Zasady dodawania tooltip
7.2 Modyfikacja wygladu tooltip
7.3 Konfiguracja tooltip
7.4 Sterowanie tooltip

Popover
8.1 Zasada dodawania popover
8.2 Modyfikacja wyglądu popover
8.3 Konfiguracja popover
8.4 Sterowanie popover

Okna modalne
9.1 Budowa
9.2 Rozmiar okienek
9.3 Wykorzystanie modelu siatkowego
9.4 Sterowanie okienkiem modalnym

Toasts
10.1 Podstawy
10.1 Sterowanie

 

Dodaj ocenę