Bootstrap 5 komplett - Einführung und Anpassung

Seminar - GFU Cyrus AG

Nach diesem Seminar können Sie ein Layout mit Bootstrap 4 umsetzen. Sie kennen die Klassen und Komponenten und können mit dem Grid-System responsive Webseiten gestalten und in Ihrem Corporate Design umsetzen.

Termin	Ort	Preis^*
firmenintern	auf Anfrage	auf Anfrage	jetzt buchen

^*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:

1.-2. Tag: Auch separat buchbar als

Einstieg in Bootstrap 5
- Ressourcen und Download
- Quellen für Themes
- Browser-Kompatibilität
- Layout mit CSS Klassen
- Erweiterungen und Plugins
Umgang mit dem Grid-System
- Gestaltungsprinzipien und 12er-Raster
- Zwischenräume
- Automatisches Layout
- Responsive Klassen
- Ausrichtung und Sortierung
- Verschachtelte Darstellungen
- Flexbox horizontal und vertikal
- Suchmaschinen optimierter HTML-Code
Typografie
- Größen einstellen
- Farbschemata anwenden
- Abstände
- Textausrichtung
- Schatten und Rahmen
- Sichtbarkeit und Textersetzung
Bootstrap Icons
- Download der Icon-Dateien
- Verwenden der Icons
- Styling anwenden
Typische Inhalte verwenden
- Texte und Überschriften
- Bilder und Medien-Elemente
- Formulare und Tabellen
Navigationen erstellen
- Responsive Navbars
- Menüpunkte als Dropdown
- Tabbed Navigation
Komponenten verwenden
- Alerts, Badges und Buttons
- Listen
- Cards und Jumbotron
Interaktive Komponenten
- Pagination
- Progress
- Scroll Spy
- Modal Boxen, Popup-Fenster
- Karussell, Slider
- Akkordeon
- Tool-Tipps
Bootstrap und JavaScript
- Bootstrap ohne jQuery verwenden
- Data Attribute, data-toggle
- Methoden der Komponenten
Theming
- Überschreiben der CSS-Klassen
- Eigenes Bootstrap-CSS erstellen mit Online-Tools

3.-4. Tag: Auch separat buchbar als

Einführung
- Übersicht über die Projektstruktur
- npm Befehle einsetzen
- Einen eigenen Build erstellen
- Dateigrößen optimieren
- Jasmine Unit-Tests ausführen
SCSS Einführung
- Umwandlung von SCSS in CSS
- Verwendung von Variablen
- Verschachtelte Klassen
- Stile auslagern und importieren
- Mixins erstellen
- Erweitern und erben von Eigenschaften
- Operatoren anwenden
- @Rules und Direktiven
- Bedingte Stile
- Maps und Schleifen
Bootstrap und SCSS
- Variablen für Farben und Grautöne
- Variablen für Media Queries
- Wichtige SCSS Funktionen
- Bootstrap Optionen ändern
Anwendungsfälle
- Eigene Farben verwenden
- Default Variablen überschreiben
- Spaltenanzahl und Abstände im Grid ändern
- Media Queries ändern

Zielgruppe:

Webdesigner, Interface-Designer und UX-Designer mit Vorkenntnissen in HTML und CSS.

Seminarkennung:

S2077

Nach unten

Nach oben

Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.

Akzeptieren Nicht akzeptieren

Ihr Name:

Firma (optional):

Ihre E-Mail-Adresse:

Telefonnummer (optional):

Ihre Nachricht:

Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.

Bootstrap 5 komplett - Einführung und Anpassung

Detaillierte Informationen zum Seminar

Anbieterinformationen