SCSS & Bootstrap
Dieses Modul versetzt Sie in die Lage, mit SCSS und Bootstrap reaktionsschnelle und optisch ansprechende Websites zu erstellen. SCSS, ein leistungsstarker CSS-Präprozessor, bietet eine effizientere und flexiblere Möglichkeit, CSS-Stylesheets zu schreiben. Durch den Einsatz von SCSS erstellen Sie modularen, wartbaren und wiederverwendbaren CSS-Code.
Das Modul befasst sich mit den Kernkonzepten von SCSS, einschließlich Variablen, Mixins, Funktionen und Verschachtelung. Sie lernen, wie Sie diese Funktionen nutzen, um Ihren CSS-Entwicklungsprozess zu rationalisieren und sauberen, prägnanten Code zu schreiben.
Um responsive Designs zu erstellen, die sich an unterschiedliche Bildschirmgrößen anpassen, lernen Sie Bootstrap kennen, ein beliebtes Frontend-Framework. Sie lernen, wie Sie die vorgefertigten Komponenten, das Rastersystem und die Hilfsklassen von Bootstrap nutzen, um schnell responsive Layouts zu erstellen. Durch die Kombination von SCSS und Bootstrap werden Sie in der Lage sein, professionelle Websites zu erstellen, die auf jedem Gerät gut aussehen.
Nach Abschluss dieses Moduls können Sie
SCSS anwenden: Sie können SCSS nutzen, um effizienten, wartbaren und skalierbaren CSS-Code zu schreiben.
responsive Designs erstellen: Sie werden in der Lage sein, mit Bootstrap responsive Websites zu erstellen, die sich an verschiedene Bildschirmgrößen anpassen.
Bootstrap-Komponenten nutzen: Sie werden in der Lage sein, die vorgefertigten Komponenten von Bootstrap zu nutzen, um die Entwicklung zu beschleunigen und optisch ansprechende Websites zu erstellen.
Bootstrap anpassen: Sie können die Bootstrap-Komponenten mit SCSS anpassen, um einzigartige und maßgeschneiderte Designs zu erstellen.
Das Modul SCSS & Bootstrap besteht aus den folgenden Classes:
CSS ist eine große Hilfe in der responsiven Webseitengestaltung. Die umfangreichen Funktionen von CSS erschweren jedoch mitunter die Arbeit mit CSS. Um dieses mächtige Werkzeug des responsiven Designs trotzdem vorteilhaft zu nutzen und die Arbeit mit Style Sheets zu automatisieren, gibt es inzwischen sogenannte CSS-Preprocessors. In dieser Class werden Ihnen die wachsenden Herausforderungen und Limitationen von CSS verdeutlicht und eine Lösung in Form von CSS-Preprocessors wie Sass und SCSS vorgestellt. Sass ermöglicht es, Stylesheets komfortabler und effizienter zu schreiben, indem es Funktionen wie Variablen, wiederverwendbare Stildefinitionen und automatisierte Aufgaben bietet. Zahlreiche praktische Übungen vermitteln Schritt für Schritt die Vorteile von Sass und erweitern Vorkenntnisse in HTML und CSS. Die Class vermittelt alle notwendigen Schritte, um Sass zu beherrschen und erfolgreich einzusetzen, und bietet damit eine innovative Lösung für die Herausforderungen bei der professionellen Arbeit mit CSS.
Unterschiedliche Bildschirmgrößen und Eigenheiten der Endgeräte stellen das Webdesign heute vor Herausforderungen. Mit Sass und Bootstrap verfügen angehende Webdesigner:innen über zwei mächtige Werkzeuge, mit denen sie Websites so gestalten können, dass sie auf verschiedenen Geräten und Bildschirmgrößen attraktiv aussehen und robust darstellbar sind. Unsere Class zeigt anhand vieler Beispiele und Schritt-für-Schritt-Anleitungen, wie sich mit Sass Stylesheets erheblich schneller und effizienter schreiben lassen und mit Sass-Variablen, Mixins und Funktionen eintönige Aufgaben automatisieren können. Mit Sass und Bootstrap haben Sie professionelle Werkzeuge für eine erfolgreiche Karriere als Webdesigner:in zur Hand.
Dieses Modul hat einen Workload von ca. 49 Stunden. Der Workload umfasst die Gesamtzeit, die Sie für den erfolgreichen Abschluss des Moduls benötigen.
Der Workload ist ein Durchschnittswert, der vom Web Professional Institute (WPI) berechnet wurde. Der tatsächliche Arbeitsaufwand in einem Kurs kann von dem hier angegebenen Durchschnittswert abweichen, da Lernumgebung und -methoden bei unseren Trainingspartnern variieren und zudem jeder Mensch unterschiedlich lernt.
Die Dauer des Kurses hängt von der wöchentlichen Lernzeit ab. Sie können den Schieberegler verwenden, um herauszufinden, wie lange der Kurs dauert.
Dieses Modul ist für die folgenden WPI-Zertifizierungen erforderlich:
Möchten Sie mehr über diese Zertifizierungen erfahren? Klicken Sie auf die Links, um die Vorteile jeder einzelnen Zertifizierung für Sie persönlich zu entdecken.
Sie haben noch nicht das Passende gefunden? Erkunden Sie unser gesamtes Angebot an Zertifizierungen und entdecken Sie neue Möglichkeiten.