Bootstrap für Webentwickler Schulung

Einstieg

• Vorkompilierte Versionen
• Quellcode
• Kompilieren von CSS und JavaScript
  • Grunt installieren
  • Verfügbare Grunt-Befehle
  • Problembehandlung
• Grundvorlage und Komponenten
  • Grundvorlage erstellen
  • Bootstrap-Theme anpassen
  • Gittersystem nutzen
  • Jumbotron verwenden
  • Narrow Jumbotron einrichten
  • Navigationsleisten konfigurieren
  • Benutzerdefinierte Komponenten erstellen
  • Praktische Experimente
• Werkzeuge
  • Bootlint nutzen
• Responsive-Verhalten deaktivieren
• Browser- und Gerätekompatibilität sicherstellen
• Barrierefreiheit gewährleisten

Komponenten

• Glyphicons verwenden
• Dropdown-Menüs einrichten
• Button-Gruppen erstellen
• Dropdown-Buttons gestalten
• Eingabegruppen konfigurieren
• Navigationsleisten optimieren
• Benutzerdefinierte Navbars entwerfen
• Breadcrumbs implementieren
• Paginierung realisieren
• Labels hinzufügen
• Badges verwenden
• Jumbotron gestalten
• Seitenüberschriften formatieren
• Vorschaubilder einfügen
• Alerts erstellen
• Fortschrittsbalken visualisieren
• Medienobjekte darstellen
• Listen gruppieren
• Panels gestalten
• Responsive-Embedding einrichten
• Wells als visuelle Elemente nutzen

CSS

• Übersicht geben
• Gittersystem verstehen
• Typografie anwenden
• Code-Elemente formatieren
• Tabellen entwerfen
• Formulare gestalten
• Schaltflächen konfigurieren
• Bilder einbinden
• Hilfsklassen einsetzen
• Responsive-Utilities nutzen
• Mit Less arbeiten
• Mit Sass umgehen

JavaScript

• Übersicht geben
• Transitionseffekte erstellen
• Modale Dialoge realisieren
• Dropdown-Funktionen implementieren
• Scrollspy verwenden
• Tab-Leisten gestalten
• Tooltip-Hilfetexte einbinden
• Popovers erzeugen
• Alerts konfigurieren
• Button-Verhalten steuern
• Elemente zusammenfalten lassen
• Carousels animieren
• Affix-Elemente fixieren