Weiterbildung Webdesign & Usability: »Experte/Expertin für Frontend-Entwicklung mit HTML, CSS & Bootstrap«

Kursinhalt:

• HTML5:
  Sie lernen in dieser Class, wie Sie mit der Auszeichnungssprache HTML5 eine Webseite aufbauen können. Schritt für Schritt erstellen Sie ein HTML-Grundgerüst und fügen verschiedene Inhaltselemente wie Texte, Bilder, Videos und Formulare ein. Dabei zeigen wir Ihnen auch, wie die Strukturierung von Webseiten mit HTML von anderen Techniken wie Javascript und CSS abzugrenzen ist. Sie erfahren, welche Tools und Editoren zum Schreiben von HTML verwendet werden können. Anhand zahlreicher Schritt-für-Schritt-Anleitungen, Beispiele und Übungen werden Sie alle wichtigen Sprachelemente mit HTML anwenden und dabei ein solides und breitgefächertes Wissen zu den Einsatzmöglichkeiten und syntaktischen Regeln von HTML 5 erwerben. In drei Abschlussprojekten werden Sie typische Aufgaben im Bereich der Erstellung von Webseiten mit HTML 5 bearbeiten.
• Responsive Webdesign mit CSS:
  In zwei Classes zum Thema CSS erfahren Sie, was man unter Responsive Design versteht und wie Sie mit CSS Media Queries alternative Weblayouts für unterschiedliche Geräte (Smartphones, Tablets, PCs …) erstellen können. Sie lernen, welche Möglichkeiten Ihnen CSS in den Bereichen Layout & Design bietet und lernen grafische Effekte wie Transformationen und Filter kennen. Ähnlich wie in Grafikprogrammen erstellen Sie mit CSS sogar Animationen. Anhand vieler Schritt-für-Schritt-Anleitungen und Übungen eignen Sie sich umfangreiche CSS-Kenntnisse an und wenden diese in drei Projektarbeiten an.
• UI/UX Design:
  In der Class »UI/UX-Design« lernen Sie u. a., ein Leitmotiv für ein Webprojekt zu entwickeln. Sie werden nach den Kriterien der Benutzer- und Bedienfreundlichkeit (Usability) eine Informationsarchitektur planen und visualisieren. Anschließend zeigen wir Ihnen anhand vieler Beispiele, wie Sie verschiedene Inhaltselemente einer Webanwendung planen und die dafür geeigneten Techniken zur Visualisierung einsetzen können. Wir geben Ihnen hierbei Designkonzepte und Gestaltungsprinzipien an die Hand. Zahlreiche Übungen werden Sie auf die Abschlussarbeit vorbereiten, in der Sie für ein Beispielszenario ein Usability-Konzept erstellen werden.
• SCSS:
  Hier führen wir Sie in die Anwendung von SCSS ein. SCSS ist eines der am weitesten verbreiteten Tools für Webdesigner/innen, das es Ihnen ermöglicht, Stylesheets erheblich schneller und effizienter zu schreiben. Sie lernen, wie Sie SCSS-Variablen und Mixins einsetzen können, um Layout- und Designvorgaben zentral zu steuern und somit konsistente Designs sicherstellen. Mit Hilfe von Funktionen und Schleifen lassen sich schnell und einfach Designvarianten erstellen und eintönige Aufgaben automatisieren.
• Bootstrap 5:
  Sass ist auch die Basis des beliebten Frontend-Frameworks Bootstrap 5. Wir zeigen Ihnen anhand vieler Beispiele und Schritt-für-Schritt-Anleitungen, wie Sie mit diesem Framework in kurzer Zeit attraktive und robuste Websites für alle Bildschirmgrößen bauen. Bootstrap bietet Stilvorgaben für nahezu alle Aspekte eines Web-Layouts: Rastersysteme, Navigationen, Typographie, Farben, Media-Queries, Abstände, Ausrichtung u.v.m. In einer anspruchsvollen Abschlussarbeit werden Sie mit Ihren neu erworbenen Kenntnissen eine Website für ein fiktives Museum bauen.