In diesem Modul werden Sie Ihre Webentwicklungsfähigkeiten verbessern, indem Sie lernen, wie Sie Schriftarten, Symbole, Bilder und Farbverläufe einbinden und gestalten und Ihre Websites mit GitHub Pages hosten. Zunächst lernen Sie Font Awesome kennen, eine externe Bibliothek, die eine umfangreiche Sammlung von Icons bereitstellt, die wie Text gestylt werden können und Ihren Websites visuellen Reiz und Funktionalität verleihen. Als Nächstes folgt eine Auffrischung des CSS-Schriftstylings, bei der Sie lernen, wie Sie das Aussehen von Text mit Eigenschaften wie font-family, font-weight, font-style und font-size steuern und auf Font-Awesome-Symbole anwenden können. Sie lernen auch, wie Sie Bilder in HTML und CSS effektiv einsetzen, einschließlich des image-Tags und Hintergrundbildern, um den visuellen Inhalt Ihrer Webseiten zu verbessern. Außerdem erfahren Sie, wie Sie lineare und radiale CSS-Verläufe erstellen und anwenden, um Ihren Designs Tiefe und Akzente zu verleihen. Schließlich lernen Sie, wie Sie Ihre Webseiten mit GitHub Pages hosten können, einer kostenlosen und integrierten Hosting-Lösung, mit der Sie Ihre Projekte im Internet veröffentlichen können. Am Ende dieses Moduls werden Sie mit den Fähigkeiten ausgestattet sein, visuell ansprechende und professionell gestaltete Webseiten zu erstellen und sie online zugänglich zu machen.

In diesem Modul lernen Sie, wie Sie Design-Mock-ups auswerten, die Prinzipien der Benutzererfahrung verstehen, User Stories erstellen und den Lebenszyklus eines Webprojekts verwalten. Sie beginnen damit, ein Design-Mock-up zu bewerten, die visuellen Elemente aufzuschlüsseln und das notwendige HTML und CSS zu planen. Als Nächstes befassen Sie sich mit der Benutzererfahrung (UX) und konzentrieren sich dabei auf die fünf Säulen: Auffindbarkeit, Erlernbarkeit, Effizienz, Konsistenz und Zufriedenheit. Sie lernen, wie man User Stories erstellt, also kurze, einfache Beschreibungen von Merkmalen aus der Sicht des Benutzers, die Ihnen helfen, Produkte zu entwickeln, die den Bedürfnissen der Benutzer entsprechen. Schließlich erfahren Sie etwas über den Lebenszyklus eines Webprojekts, von der Definition des Zwecks und der User Stories bis hin zur Organisation von Aufgaben, Codierung und Tests. Am Ende dieses Moduls sind Sie in der Lage, Webprojekte effektiv zu planen, zu entwerfen und auszuführen, um sicherzustellen, dass sie die Erwartungen der Benutzer und die Unternehmensziele erfüllen.

In diesem Modul lernen Sie, wie Sie Ihre Webseiten reaktionsschneller und zugänglicher machen können. Zunächst lernen Sie die Barrierefreiheit im Web kennen und erfahren, wie Sie Ihre Websites für alle Benutzerfreundlichkeit schaffen, auch für Menschen mit Behinderungen. Als Nächstes lernen Sie, wie Sie mit den Attributen srcset und sizes responsive Bilder erstellen können, damit Ihre Bilder auf jedem Gerät gut aussehen. Anschließend lernen Sie CSS-Medienabfragen kennen, mit denen Sie je nach Geräteeigenschaften unterschiedliche Stile anwenden können, und erfahren, wie Sie diese Abfragen mit Chrome DevTools testen können. Schließlich erhalten Sie eine Einführung in das Document Object Model (DOM), das für die Erstellung dynamischer Webseiten mit JavaScript von entscheidender Bedeutung ist.