+++ 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 deinWissen kontinuierlich aufzubauen.
Dieser Kurs startet mit den notwendigen Grundlagen zum Einrichten vonBootstrap 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- undCSS-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.
