Bootstrap - Grundlagen

Institut: HECKER CONSULTING
Bereich: Technik, EDV, Telekommunikation

Kursbeschreibung

Im Laufe der Jahre gab es viele unterschiedliche Front-End-Frameworks. Aber Bootstrap bleibt an der Spitze. Lernen Sie neben den Grundlagen von Bootstrap auch jede einzelne Komponente des Frameworks kennen und anwenden.

Bootstrap ist seit vielen Jahren ?DAS? Front-End-Framework, welches HTML, CSS sowie JavaScript in einzigartiger Art und Weise kombiniert.

Bootstrap wurde speziell für die schnelle und einfache Erstellung responsiver, mobilfähiger Websites und Webapps entwickelt. Es ist ein browserübergreifend kompatibles Open-Source-Framework und verfügt über ein 12-Spalten-Raster sowie Komponenten, die sofort einsatzbereit sind.

Sie erhalten einen Überblick über alle Funktionen von Bootstrap, lernen die verschiedenen Installationsoptionen sowie die grundlegenden CSS-Stile, die die Darstellung Ihrer Inhalte auf verschiedenen Plattformen und Browsern normalisieren kennen.

Dann entdecken Sie fortgeschrittene Funktionen wie Typografie und Flexbox-Layout und erfahren, wie Sie mit den Bootstrap-Layout-Komponenten eine vollwertige Website erstellen und diese mit Komponenten wie Karussells, Akkordeons, Warnhinweisen und Tooltips interaktiv gestalten können.

Außerdem lernen Sie auch, wie Sie schön gestaltete und benutzerfreundliche Formulare erstellen und vieles mehr.

Bootstrap - Einstieg
  • Installationsoptionen
  • Installation
  • Die Bootstrap-Icons
  • Reboot und Reset
Basis-Klassen in Bootstrap
  • Container
  • Farben
  • Abstände
  • Display
  • Position
Bootstrap-Elemente verwenden
  • Typografische Stile
  • Typografische Elemente
  • Blockzitate und einfache Listen
  • Listen-Gruppen
  • Tabellen
  • Bilder und Abbildungen
  • Umrandungen
Ändern von Elementen
  • Box-Model Änderungen
  • Größen und Verhältnisse
  • Klassen für Interaktivität
Layouts mit Spalten und Flexbox
  • Grundlegendes Rasterlayout
  • Raster-Zeilen
  • Responsive Raster-Spalten
  • Flexbox-Metriken
  • Flexbox-Inhalt
  • Flexbox-Organisation
Layout-Komponenten in Bootstrap
  • Schaltflächen
  • Navigationen
  • Navigationsleiste
  • Registerkarten
  • Paginierung
  • Fortschrittsanzeige
  • Spinner
  • Badges und Breadcrumbs
Bootstrap - Interaktive Komponenten
  • Carousel
  • Accordions
  • Alerts
  • Toasts
  • Modal
  • Collapse
  • Dropdowns
  • Tooltips
  • Popovers
  • Scrollspy
Formulare in Bootstrap
  • Einfache Eingabefelder
  • Auswahlen und Bereiche
  • Schwebende Beschriftungen
  • Häkchen und Optionsfelder
  • Eingabegruppen
  • Formular-Validierung

Im Laufe der Jahre gab es viele unterschiedliche Front-End-Frameworks. Aber Bootstrap bleibt an der Spitze. Lernen Sie neben den Grundlagen von Bootstrap auch jede einzelne Komponente des Frameworks kennen und anwenden.

Bootstrap ist seit vielen Jahren ?DAS? Front-End-Framework, welches HTML, CSS sowie JavaScript in einzigartiger Art und Weise kombiniert.

Bootstrap wurde speziell für die schnelle und einfache Erstellung responsiver, mobilfähiger Websites und Webapps entwickelt. Es ist ein browserübergreifend kompatibles Open-Source-Framework und verfügt über ein 12-Spalten-Raster sowie Komponenten, die sofort einsatzbereit sind.

Sie erhalten einen Überblick über alle Funktionen von Bootstrap, lernen die verschiedenen Installationsoptionen sowie die grundlegenden CSS-Stile, die die Darstellung Ihrer Inhalte auf verschiedenen Plattformen und Browsern normalisieren kennen.

Dann entdecken Sie fortgeschrittene Funktionen wie Typografie und Flexbox-Layout und erfahren, wie Sie mit den Bootstrap-Layout-Komponenten eine vollwertige Website erstellen und diese mit Komponenten wie Karussells, Akkordeons, Warnhinweisen und Tooltips interaktiv gestalten können.

Außerdem lernen Sie auch, wie Sie schön gestaltete und benutzerfreundliche Formulare erstellen und vieles mehr.

Bootstrap - Einstieg
  • Installationsoptionen
  • Installation
  • Die Bootstrap-Icons
  • Reboot und Reset
Basis-Klassen in Bootstrap
  • Container
  • Farben
  • Abstände
  • Display
  • Position
Bootstrap-Elemente verwenden
  • Typografische Stile
  • Typografische Elemente
  • Blockzitate und einfache Listen
  • Listen-Gruppen
  • Tabellen
  • Bilder und Abbildungen
  • Umrandungen
Ändern von Elementen
  • Box-Model Änderungen
  • Größen und Verhältnisse
  • Klassen für Interaktivität
Layouts mit Spalten und Flexbox
  • Grundlegendes Rasterlayout
  • Raster-Zeilen
  • Responsive Raster-Spalten
  • Flexbox-Metriken
  • Flexbox-Inhalt
  • F…
Datum
auf Anfrage
Uhrzeit
09:00
Dauer
ab 1 Tag nach Vereinbarung
Ort
Virtuelles Klassenzimmer, Live-Online-Seminar
E-Mail
Kontakt
Peter Hecker
Straße
Erkrather Str. 401
PLZ
40231
Ort
Düsseldorf
Land
Deutschland
Bundesland
---
Keine besonderen Anforderungen.
Zielgruppe
Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und eineBootstrap - Beratung, Coaching, Workshop, Training suchen!
Kursnummer
6111422b708b585ddec8
Plätze
12

Diese Kurse könnten Sie auch interessieren ...

Uber Weiterbildungsvorschläge