Seminarkatalog

Nach zwei Tagen steht eine responsive Beispielseite, deren Raster, Navigation, Formulare und Komponenten auf Smartphone, Tablet und Desktop abgestimmt sind. Du arbeitest mit Bootstrap 5, passt ein Komponenten-Set per Sass und CSS Custom Properties an ein Corporate Design an und bindest nur die benötigten CSS- und JavaScript-Bestandteile ein. So entsteht ein Ergebnis, das du auf bestehende Websites, Portale und Web-Anwendungen übertragen kannst, ohne Layouts für jede Bildschirmgröße von Grund auf neu zu bauen.

Der Dozent zeigt direkt am Code, wann das Flexbox-basierte Grid genügt, wann das optionale CSS-Grid-System passt und welche Utility-Klassen zusätzliche Stylesheets vermeiden. Eigene Layout- oder Komponentenfragen lassen sich in den Übungsphasen aufgreifen. Die kleine Gruppe lässt Raum für Feedback zu Breakpoints, Validierungszuständen, Accessibility und Designanpassungen.

Die Bootstrap-Schulung gehört zu den Schulungen zu Webentwicklung und Webdesign. Für den Vergleich mit einem Utility-First-Ansatz ergänzt Tailwind CSS: Der Komplettkurs den Lernpfad. Offene Termine gibt es als Präsenzseminar oder Live-Online-Training. Für mehrere Mitarbeiter ist auch eine Inhouse-Schulung mit euren Designvorgaben möglich. Frage deinen Wunschtermin und das passende Format unverbindlich an.

Bootstrap 5 einbinden und strukturieren

• CDN und lokale Einbindung
• Paketverwaltung mit npm
• CSS- und JavaScript-Bundles
• Bootstrap Icons als separates Paket
• Projektstruktur für wartbare Frontends

Responsive Layouts aufbauen

• Container und responsive Breakpoints
• Rows und Columns kombinieren
• Gutters und Offsets steuern
• Flexbox-basiertes Grid für Standardlayouts
• Optionales CSS-Grid-System aktivieren

Utilities und Accessibility einsetzen

• Margin und Padding per Utilities
• Display und responsive Sichtbarkeit
• Position und Overflow steuern
• Typografie, Borders und Schatten
• Fokuszustände und Farbkontraste prüfen

UI-Komponenten kombinieren

• Buttons und Button Groups
• Badges und Alerts
• Cards, Navs und Tabs
• Accordion und Offcanvas
• Dropdowns, Modals und Tooltips
• Carousel und Fortschrittsanzeigen

Formulare und Validierung gestalten

• HTML5-Felder und Form Controls
• Responsive Formularlayouts
• Input Groups und Selects
• Checks, Radios und Ranges
• Validierungszustände und Fehlermeldungen

Corporate Design und Build anpassen

• Sass-Variablen und Maps überschreiben
• CSS Custom Properties einsetzen
• Color Modes per Datenattribut
• Designwerte projektbezogen anpassen
• Benötigte Sass-Module auswählen
• CSS- und JavaScript-Größe reduzieren

• Grundkenntnisse in HTML5 und CSS3
• Sicherer Umgang mit Klassen, Selektoren und Seitenstrukturen
• JavaScript-Grundkenntnisse für interaktive Komponenten hilfreich
• npm-Kenntnisse nur für Paketverwaltung und Sass-Builds nötig
• Zur Vertiefung: HTML5-Aufbaukurs oder CSS-Aufbaukurs

• Webentwickler mit HTML- und CSS-Grundkenntnissen
• Frontend-Fachkräfte für responsive Websites und Web-Anwendungen
• Webmaster und Content-Manager mit Template-Verantwortung
• UX- und UI-Verantwortliche mit Corporate-Design-Vorgaben
• Webentwickler für die Migration bestehender Bootstrap-Oberflächen auf Version 5

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D