Bootstrap 4 – Meistere modernes Webdesign mit 5 Projekten
Video: .mp4 (1280×720, 30 fps(r)) | Audio: aac, 44100 Hz, 2ch | Size: 5.98 GB
Genre: eLearning Video | Duration: 60 lectures (10 hour, 27 mins) | Language: Deutsch
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
{ 0 comments… add one }