Modul 2 vermittelt den Studierenden fortgeschrittene Kenntnisse in HTML, wobei der Schwerpunkt auf der Erstellung, dem Hosting und der korrekten Indizierung von Links und Bildern liegt, um die Funktionalität und Ästhetik von Webseiten zu verbessern. Die Studierenden lernen, wie sie Sonderzeichen in UTF-8-Unicode umwandeln, um weltweite Kompatibilität und Barrierefreiheit zu gewährleisten. Dieses Modul befasst sich außerdem mit der Erstellung und Veröffentlichung wichtiger HTML-Elemente wie Listen und vermittelt die Feinheiten beim Erstellen und Verschachteln von HTML-Tabellen sowie deren Inhalten. Diese Fähigkeiten ermöglichen es den Studierenden, Webinhalte effektiv zu strukturieren und legen damit den Grundstein für anspruchsvolles Webdesign und Webentwicklung.

Modul 3 führt die Studierenden durch den Prozess der Erstellung einer gut strukturierten HTML-Navigation, die für ein benutzerfreundliches Website-Design unerlässlich ist. Die Lernenden beschäftigen sich intensiv mit der Erstellung verschiedener HTML-Formularelemente, die nahtlos mit PHP-Formularverarbeitungsfunktionen zusammenarbeiten und so eine effektive Erfassung von Benutzerdaten sowie Interaktion ermöglichen. Darüber hinaus konzentriert sich das Modul auf die Erstellung von HTML-Skripten, die das gesamte Spektrum eines klassischen Lebenslaufs abdecken, und vermittelt den Studierenden, wie sie berufliche Informationen in einem klaren, barrierefreien und optisch ansprechenden Online-Format präsentieren können.

Modul 4 befasst sich mit dem zentralen Konzept der HTML-Kaskade in CSS und hebt deren Bedeutung für die Erstellung einheitlicher und optisch ansprechender Webdesigns hervor. Die Teilnehmer lernen, grundlegende CORE-CSS-Elemente zu schreiben und zu veröffentlichen, und sammeln dabei praktische Erfahrungen bei der Gestaltung von Webinhalten. Ein Schwerpunkt liegt auf dem Verständnis der vier Ebenen eines HTML-Box-Elements (Inhalt, Padding, Rahmen und Rand) sowie der Beherrschung ihrer Bearbeitung mithilfe von CSS zur optimalen Layoutsteuerung. Das Modul unterstützt die Teilnehmer zudem bei der Auswahl der richtigen „box-sizing“-Techniken für ihre Website-Projekte und unterstreicht die Bedeutung der Implementierung von CSS-Resets, um eine einheitliche Styling-Grundlage zu gewährleisten, bevor individuelle CSS-Anpassungen vorgenommen werden. Dieser Ansatz fördert ein umfassendes Verständnis von CSS als Werkzeug für anspruchsvolles Webdesign und Layout-Management.

In Modul 5 vertiefen die Studierenden ihre CSS-Kenntnisse, indem sie lernen, CSS-Eigenschaften speziell für Schriftarten zu schreiben und zu veröffentlichen, um die typografische Attraktivität von Webinhalten zu verbessern. Dieses Modul behandelt außerdem die Feinheiten von CSS-Floats und -Positionen und vermittelt den Studierenden, wie sie das Layout und die Platzierung von Elementen auf einer Webseite effektiv gestalten können. Ein praktischer Teil besteht darin, eine einfache vertikale HTML-Navigation in eine stilvolle, horizontale Navigationsleiste umzuwandeln, einschließlich Techniken zur Zentrierung innerhalb der Website. Diese Fähigkeiten sind unerlässlich für Teilnehmer, die mit fortgeschrittenen CSS-Techniken visuell ansprechende und benutzerfreundliche Weboberflächen erstellen möchten.

Modul 6 führt die Teilnehmer in die vier grundlegenden Layouts des Webdesigns ein und vermittelt ein grundlegendes Verständnis für verschiedene Ansätze im Webdesign. Es betont, wie wichtig es ist, beim Erstellen von CSS-Styles eine „Mobile-First“-Denkweise zu verfolgen, um den aktuellen Trends in der Webnutzung gerecht zu werden. Das Modul befasst sich zudem mit den dynamischen Aspekten von CSS und vermittelt den Lernenden, wie sie CSS-Übergänge, -Transformationen und -Animationen erstellen und veröffentlichen, um Webseiten Interaktivität und visuelle Attraktivität zu verleihen. Darüber hinaus lernen die Teilnehmer den Einsatz von CSS-Pseudo-Selektoren kennen, um die Gestaltung von Elementen zu optimieren. Die Kombination dieser Fähigkeiten ermöglicht es den Studierenden, eine vollständige und umfassende Website mit HTML und CSS zu erstellen und dabei ihre Kompetenz im Bereich responsives und visuell ansprechendes Webdesign unter Beweis zu stellen.

Dieses Modul befasst sich mit den Grundprinzipien des Programmierens in JavaScript (JS) und vermittelt den Teilnehmern eine solide Grundlage in den CORE-Konzepten der Sprache. Die Teilnehmer lernen, wichtige JavaScript-Elemente zu schreiben und zu veröffentlichen, und erwerben dabei Fähigkeiten, die für die interaktive Webentwicklung von entscheidender Bedeutung sind. Dieses Modul umfasst praktische Übungen, in denen die Teilnehmer eine Google Map in ihre Website importieren und integrieren und so ihre Fähigkeit unter Beweis stellen, Webseiten mithilfe externer APIs zu erweitern. Darüber hinaus sammeln die Teilnehmer Erfahrungen beim Importieren und Bearbeiten von JavaScript-Ereignissen und vertiefen so ihr Verständnis für dynamische Webinteraktionen und Techniken zur Nutzerbindung.

Modul 8 konzentriert sich darauf, den Studierenden die Fähigkeiten zu vermitteln, HTML-Inhalte mithilfe von JavaScript dynamisch zu bearbeiten und so die Interaktivität und Funktionalität von Webseiten zu verbessern. Die Studierenden befassen sich mit der Integration und Nutzung eines jQuery-Box-Sliders und fügen ihren Webprojekten damit anspruchsvolle visuelle Elemente hinzu. Ein zentraler Aspekt des Kurses ist es, den Studierenden beizubringen, wie sie die Breite von Videos responsiv anpassen können, um ein optimales Seherlebnis auf verschiedenen Bildschirmgrößen zu gewährleisten. Darüber hinaus hebt das Modul den Wert dieser Fähigkeiten im Zusammenhang mit der Arbeit mit verschiedenen Website-Frameworks hervor und bereitet die Studierenden so auf fortgeschrittene Webentwicklungsaufgaben und moderne Praktiken des responsiven Designs vor.

Dieses Modul enthält die abschließende Kursbeurteilung, mit der Ihr Verständnis des Kursmaterials und Ihre Fähigkeit, das im Kurs erworbene Wissen anzuwenden, beurteilt werden soll. Lesen Sie das Kursmaterial gründlich durch, bevor Sie den Test ablegen.