Bootstrap 5 individuell anpassen und erweitern - Seminar / Kurs von GFU Cyrus AG
Inhalte
Diese Agenda ist auch Bestandteil (3.-5. Tag) des Kurses
- 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
Diese Agenda ist auch Bestandteil (3.-5. Tag) des Kurses
- Einführung
- Übersicht über die Projektstruktur
- npm Befehle einsetzen
- Einen eigenen Build erstellen
- Dateigrößen optimieren
- Jasmine Unit- ...
Lernziele
Im Anschluss an dieses Seminar können Sie Bootstrap 5 an ein Corporate Design anpassen. Sie können mit SASS umgehen und an vielen Stellen in die Darstellung eingreifen.
Zielgruppen
Webdesigner und Interface-Designer, die Designs in Bootstrap 5 umsetzen werden und dabei Anpassungen an Bootstrap vornehmen müssen. Teilnehmende sollten solide Vorkenntnisse in HTML5, CSS3 und Bootstrap 4 mitbringen. Für die Erstellung eigener Komponenten sind unter Umständen JavaScript Vorkenntnisse nötig.
Webdesigner und Interface-Designer, die Designs in Bootstrap 5 umsetzen werden und dabei Anpassungen an Bootstrap vornehmen müssen. Teilnehmende sollten solide Vorkenntnisse in HTML5, CSS3 und Bootst ... Mehr Informationen >>