Bootstrap - Grundlagen

المجموعات المستهدفة:

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 die sich im Thema: Bootstrap - Grundlagen weiterbilden wollen.

المتطلبات المهنية:

Keine besonderen Anforderungen.

المتطلبات التقنية:

Keine besonderen Anforderungen.

منهجية وكالات العمل:

keine Angaben

المحتويات

"Bootstrap" - Ihre Reise in die Welt des modernen Webdesigns und der Front-End-Entwicklung!


Möchten Sie Bootstrap kennenlernen oder Ihre Fähigkeiten in der Erstellung ansprechender und responsiver Webseiten verbessern? Unsere Schulung "Bootstrap" bietet Ihnen eine ausgezeichnete Gelegenheit, sich mit den Grundlagen von Bootstrap vertraut zu machen und die Möglichkeiten dieses beliebten Frameworks für die Webentwicklung zu nutzen.

Was erwartet Sie in dieser Schulung?

Bootstrap - Einstieg:

• Beginnen Sie mit einer Einführung in Bootstrap und verstehen Sie die Bedeutung dieses Frameworks für modernes Webdesign und die Gestaltung von Benutzeroberflächen.

Basis-Klassen in Bootstrap:

• Erfahren Sie, wie Sie die grundlegenden Klassen und Stile von Bootstrap verwenden, um strukturierte und ansprechende Webseiten zu erstellen.

Bootstrap-Elemente verwenden:

• Lernen Sie, wie Sie die vielfältigen Bootstrap-Elemente wie Navigationsleisten, Karten, Buttons und mehr effektiv einsetzen können.

Ändern von Elementen:

• Entdecken Sie, wie Sie Bootstrap-Elemente anpassen können, um Ihr Design und Ihre Markenidentität widerzuspiegeln.

Layouts mit Spalten und Flexbox:

• Erfahren Sie, wie Sie responsive Layouts mit Bootstrap-Spalten und Flexbox erstellen können, um Ihre Webseite auf verschiedenen Geräten optimal darzustellen.

Layout-Komponenten in Bootstrap:

• Vertiefen Sie Ihr Verständnis für Layout-Komponenten wie Navbar, Sidebar und Footer und erfahren Sie, wie Sie sie in Ihre Projekte integrieren können.

Bootstrap - Interaktive Komponenten:

• Tauchen Sie ein in interaktive Bootstrap-Komponenten wie Modals, Dropdowns und Popovers und lernen Sie, wie Sie Benutzererfahrungen verbessern können.

Formulare in Bootstrap:

• Erkunden Sie die Welt der Formulare in Bootstrap und erfahren Sie, wie Sie benutzerfreundliche Eingabeformulare erstellen können.

Unsere Schulung "Bootstrap" bietet nicht nur eine solide Wissensgrundlage, sondern auch praktische Übungen und Beispiele, die Ihre Bootstrap-Fähigkeiten stärken. Sie werden in der Lage sein, professionelle und responsiv gestaltete Webseiten zu entwickeln, die den modernen Standards entsprechen.

Bereit, Ihre Fähigkeiten in der Front-End-Entwicklung zu entwickeln und die Möglichkeiten von Bootstrap zu erkunden? Eignen Sie sich das Wissen und die Fähigkeiten an, um beeindruckende, responsive Webseiten zu erstellen und Benutzererfahrungen zu optimieren. Wir freuen uns darauf, Sie auf diesem aufregenden Weg zu begleiten!

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


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. Im Laufe der Jahre gab es viele unterschiedliche Front-End-Frameworks. Aber Bootstrap bleibt an der Spitze. Der Grund für die Beliebtheit von Bootstrap ist die Einfachheit. Im Detail ist Bootstrap extrem leistungsfähig und wurde von einer großen Anzahl von Webentwicklern seit fast einem Jahrzehnt genutzt und getestet. Lernen Sie neben den Grundlagen von Bootstrap auch jede einzelne Komponente des Frameworks kennen und anwenden.


Die Weiterbildung "Bootstrap - Grundlagen" bieten wir Ihnen als Coaching, Workshop, Training - Live-Online und Vor-Ort an.