In diesem Modul werden Sie die grundlegenden Elemente von HTML5 und CSS kennenlernen. HTML5 bietet eine Reihe von Strukturelementen, mit denen Entwickler gut strukturierte und interaktive Websites erstellen können. Sie werden verschiedene HTML5-Elemente kennenlernen, die ein Dokument in Abschnitte unterteilen, Kopf- und Fußzeilen erstellen, Abschnitte definieren und den Inhalt mit Überschriften und dem Hauptteil des Dokuments strukturieren. Außerdem lernen Sie HTML5-Elemente kennen, die es den Benutzern ermöglichen, mit der Website zu interagieren und Informationen in Formaten wie Daten, Uhrzeiten, Zahlen, E-Mail-Adressen und mehr einzugeben. Cascading Style Sheets (CSS) spielen eine entscheidende Rolle bei der Gestaltung von HTML-Elementen. Durch die Kombination von HTML5 und CSS können Entwickler visuell ansprechende und reaktionsschnelle Webanwendungen erstellen. In diesem Modul erfahren Sie, wie CSS zur Formatierung des Layouts, des Aussehens und des Verhaltens von HTML-Elementen verwendet werden kann, und es werden CSS-Frameworks wie Tailwind und Bootstrap zur Erstellung von responsiven Webseiten vorgestellt. In praktischen Übungen üben Sie die Anwendung von HTML5-Strukturelementen und CSS-Styling, um funktionale und visuell ansprechende Webseiten zu erstellen, und gewinnen gleichzeitig ein tieferes Verständnis für die Rolle von CSS-Selektoren und responsivem Design.

Sie haben nun eine Website oder eine Cloud-Anwendung mit einer soliden Struktur und einem durch HTML bereitgestellten Inhalt sowie einem konsistenten Styling durch CSS erstellt. Um die Interaktivität zu verbessern und eine dynamische Nutzererfahrung zu bieten, werden Sie JavaScript in Ihr Projekt integrieren. In diesem Modul erforschen Sie die Grundlagen von JavaScript, einschließlich seiner Syntax, Variablen, Kontrollstrukturen, Funktionen und Prototypen. Außerdem lernen Sie gängige Array-Methoden kennen und erfahren, wie Sie JavaScript APIs verwenden, um HTML-Inhalte und -Stile zu manipulieren, auf das Document Object Model zuzugreifen und Ereignisse mit Hilfe von Client-seitigem Scripting zu behandeln. Praktische Übungen führen Sie durch praktische Aufgaben wie Formularvalidierung, DOM-Manipulation und Inhaltsaktualisierung in Echtzeit. Sie werden auch das Schreiben und Debuggen von Skripten mit Hilfe von Tools wie der Browserkonsole und JSFiddle üben. Am Ende dieses Moduls werden Sie in der Lage sein, hochgradig interaktive und reaktionsfähige Webanwendungen zu erstellen, die auf Benutzereingaben reagieren und die Gesamtfunktionalität Ihrer Website verbessern.

In diesem Modul wenden Sie Ihre Kenntnisse in HTML, CSS und JavaScript an, um eine vollständige Webanwendung zu erstellen. Sie schlüpfen in die Rolle eines Webentwicklers, der für ABC Consultant arbeitet, ein bekanntes Vermittlungsunternehmen, das Personen mit weniger als fünf Jahren Berufserfahrung bei der Suche nach einem geeigneten Arbeitsplatz unterstützt. Als Webentwickler ist es Ihre Aufgabe, eine einzelne statische Portfolio-Webseite für einen der Kunden des Unternehmens zu entwerfen und zu entwickeln. Dieses Portfolio soll die Fähigkeiten, den Hintergrund und die Leistungen des Kunden präsentieren und dazu dienen, ihn potenziellen Arbeitgebern vorzustellen. Mit der Fertigstellung dieses Projekts zeigen Sie, dass Sie in der Lage sind, Inhalte mit HTML zu strukturieren, mit CSS zu stylen und mit JavaScript interaktiv zu gestalten, um ein professionelles, benutzerfreundliches Web-Erlebnis zu schaffen.