Einleitung
  • Einleitung
  • Ausblick auf die Projekte
  • Software Installation
  • Kurs FAQs
Grundlagen
  • Start-Template
  • Layout: Container
  • Layout: Grid
  • Content: Typography
  • Content: Code
  • Content: Images
  • Content: Tables
Projekt 1: Portfolio-Webseite
  • Projekt: Portfolio-Webseite
  • Navigationsleiste / Menü (Navbar)
  • Titelbild-Slideshow (Carousel, Buttons)
  • Services / Angebot (Collapse)
  • Portfolio (Images)
  • Social Media Sektion (Images)
  • Kontaktformular (Forms)
  • Footer / Rechtliche Hinweise (Modal)
Projekt 2: Blog-Startseite
  • Projekt: Blog-Startseite
  • Titel (Text)
  • Navigation (Navbar)
  • Post im Fokus (Jumbotron)
  • Posts im Highlight (Cards)
  • Blog Posts (Text)
  • Sidebar (Listen)
  • Seitennavigation (Pagination)
  • Footer (Hintergrund, Text)
Projekt 3: Produkt-Seite
  • Projekt: Produkt-Seite
  • Navigation (Navbar)
  • Titelbild (Jumbotron)
  • Features-Abschnitt (Layout)
  • Features-Abschnitt (Content)
  • Preise (Cards)
  • Update Navigationsleiste (Scrollspy)
  • Footer (Layout, Listen)
Projekt 4: Checkout-Seite
  • Projekt: Checkout
  • Titel (Pagination)
  • Empfängerdaten (Forms, Input group)
  • Zahlungsinformationen (Forms)
  • Einkaufskorb-Übersicht (List group, Badge)
  • Promo-Code und Senden-Button (Buttons)
  • Footer (Links)
Projekt 5: Dashboard
  • Projekt: Dashboard
  • Navigation (Navbar)
  • Benutzer (Dropdown)
  • Sidebar (Flex)
  • KPIs (Columns, Cards)
  • Exkurs: Chart.js
  • Charts: Umsatz (Chart.js, Cards)
  • Charts: Käufe (Chart.js, Cards, Table)
  • Charts: Kunden (Cards, Table)
  • Charts: Traffic (Chart.js, Cards)
Bonus: Weitere Bootstrap Bausteine
  • Components: Alerts
  • Components: Breadcrumb
  • Components: Popovers
  • Components: Progress
  • Components: Tooltips
Kurs-Abschluss
  • Dein Feedback ist Gold wert!
  • Bonus: Teilnehmervorteil