Bootstrap 4 - Meistere modernes Webdesign mit 5 Projekten

+++ Der neueste und umfangreichste deutschsprachige Kurs zu Bootstrap +++

Modernes Webdesign muss nicht schwer sein! Dank Frontend-Frameworks wie Bootstrap ist es sehr leicht toll aussehende Webseiten zu gestalten. Und das beste? Diese sind gleich Mobil-optimiert (mobile-first) und für alle Bildschirmgrößen responsive. Mit diesem Komplettkurs lernst du optimal, wie du Bootstrap selbst wie ein Profi einsetzt. Und das Schritt-für-Schritt, um dein Wissen kontinuierlich aufzubauen.

Dieser Kurs startet mit den notwendigen Grundlagen zum Einrichten von Bootstrap und dem essentiellen Grid-System, das Bootstrap zu Grunde liegt. Es folgen einige der wichtigsten Elemente, um mit deren Kenntnis richtig durchstarten zu können. Danach wirst du anhand von insgesamt 5 Praxisprojekten nahezu alle Elemente von Bootstrap kennenlernen. Und das gleich in relevanten Anwendungsfällen wie einer Landingpage für eine App. Der Kurs schließt damit ab, dass du dein Wissen mit einigen weitere Bootstrap Bausteinen wie den Tooltips vervollständigst. 

Die fünf Praxisprojekte bestehen aus folgenden Seiten:

1. Portfolio-Webseite für einen Designer

2. Blog-Startseite ähnlich wie Wordpress

3. Produkt-Landingpage für eine App

4. Shop-Checkout mit Empfänger- und Zahlungsdaten

5. Dashboard mit Kunden und Trafficinformationen

In über 10 Stunden Videomaterial und mehr als 50 Lektionen werden wir hauptsächlich die Praxisprojekte gemeinsam erarbeiten. Darüberhinaus lernt ihr auch alle (nicht in den Projekten verwendeten) Elemente von Bootstrap kennen, sodass ihr es vollumfänglich einsetzen könnt. Egal ob euer Ziel der private Einsatz, der berufliche Einsatz oder nur etwas Spaß ist: dieser Kurs lässt dich Bootstrap 4 selbstbewusst anwenden.

Bootstrap 4, das steht für das State-of-the-art HTML- und CSS-Framework für modernes Webdesign. Erlerne es noch heute!

Zu den beinhalteten Bootstrap-Bausteinen, die du alle im Kurs kennenlernen wirst, gehören:

• Alerts - Meldungen z.B. zur Warnung oder Erfolgsmeldung

• Badges - Badges für Texte und Buttons

• Breadcrumb - Leichte Orientierung im den Tiefen des Content

• Buttons - Eines der Grundelemente von Bootstrap 4, Klicks der Nutzer steuern

• Card - Die Universal-Komponente, in Gruppen oder alleine

• Carousel - Moderne Slideshow

• Collapse / Accordion - Inhalte kompakt bereithalten und bei Bedarf ausklappen

• Forms - Formulare für Login, Kontakt oder mehr

• Jumbotron - Stylische UI-Elemente, z.B. als Hero Header

• Modal - Content-Overlay-Box bzw. Popup-Lösung von Bootstrap

• Navigation - Kreative Navigationssysteme als Navigationsbar o.ä.

• Pagination - Seitenzahlen für Seiten, Blogs und Artikel

• Popovers - Klick-Alternative mit mehr Inhalt

• Tooltips - Ein must-have für viele Webseiten oder Apps, ähnlich dem Popover

• Progressbar - Optisch ansprechende Ladebalken oder Diagramme

• Scrollspy - Inhalte dynamisch scrollen

Außerdem lernen wir die folgenden Grundelemente kennen:

• Text / Typography

• Tabellen

• Bilder

• Code

Für uns selbstverständlich: Zu allen Projekten und Lektionen sind alle Materialen und Links zu den notwendigen Informationen enthalten.