Bootstrap 4 - Meistere modernes Webdesign mit 5 Projekten

Lerne Bootstrap mit 5 praxisnahen Projekten: Portfolio-Seite, Blog-Startseite, Produkt-Landingpage, Checkout, Dashboard

What you'll learn

Erstelle moderne responsive Webseiten mit Bootstrap
Dynamische Webseiten mit jQuery
Erstelle erste Praxisprojekte für dein persönliches Portfolio
Lerne viele nützliche kostenlose Ressourcen kennen

Requirements

Ein Computer mit Windows, MacOS oder Linux
Alle verwendete Software ist kostenlos verfügbar
Vorwissen in HTML und CSS ist hilfreich, jedoch nicht zwingend erforderlich

Description

+++ 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:

Portfolio-Webseite für einen Designer

Blog-Startseite ähnlich wie Wordpress

Produkt-Landingpage für eine App

Shop-Checkout mit Empfänger- und Zahlungsdaten

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.

Who this course is for:

Alle, die Webdesign mit Bootstrap lernen möchten
Alle, die eigene Webseiten erstellen möchten
Alle, die an Webdesign interessiert sind
Alle, die modernes Webdesign erlernen möchten