Lehrveranstaltung 78062 (WiSe 22/23)

HTML ist die Sprache des Internet und seit Jahrzehnten das Gerüst für jede Webseite. Gemeinsam mit CSS und JavaScript eingesetzt, gibt es gestalterisch und funktional keine Grenzen. In Kombination stellen diese drei Sprachen den de-facto-Standard für moderne Webentwicklung dar.

Der Kurs vermittelt ein solides Grundverständnis der zugrundeliegenden Konzepte und der Anwendungsmöglichkeiten. Die zentralen Elemente und Eigenschaften der Sprachen werden anhand zahlreicher Praxisbeispiele erläutert und in Aufgabenteilen eigenständig angewendet. Anhand vieler Beispiele und Anleitungen werden interessierte Einsteiger ohne spe­zielle Vorkenntnisse in die Lage versetzt, schrittweise selbst Webanwendungen zu entwerfen, zu gestalten und mit Funktionen zu versehen.

Zielgruppe der Weiterbildung

• Der Kurs Webentwicklung - HTML, CSS, JavaScript richtet sich an den ambitionierten Einsteiger in die Webentwicklung.
• Spezielle Vorkenntnisse in der Programmierung oder Webentwicklung sind nicht erforderlich.
• Um den Kurs belegen zu können, müssen Sie keine Formalen Zulassungsvoraussetzungen erfüllen.

Mehr zum Kursinhalt

• In Kapitel 1 werden die Kernstandards des World Wide Web, HTML, HTTP und URL, sowie CSS und JavaScript vorgestellt. Sie richten Ihre Entwicklungsumgebung ein und führen ein erstes Beispiel aus.
• Kapitel 2 beschreibt die wichtigsten Protokolle und Dienste, die für die Kommuni­kation und Datenübertragung im Internet erforderlich sind.
• Kapitel 3 behandelt grundlegende Konzepte und zahlreiche Elemente der Aus­zeichnungssprache HTML. Sie lernen, wie Texte strukturiert, Tabellen aufgebaut und Medienelemente eingebunden werden.
• Kapitel 4 befasst sich mit der Gestaltung von Webseiten mittels CSS. Dabei lernen Sie, wie CSS-Anweisungen von einem Browser verarbeitet werden und das gesamte Design festlegen.
• Kapitel 5 gibt einen umfassenden Überblick in die JavaScript-Programmierung. Von einfachen Beispielen bis hin zum Umgang mit Datenobjekten lernen Sie, wie Webseiten durch dynamische Funktionen erweitert werden können.
• Neben Praxisaufgaben zu einzelnen Komponenten bearbeiten Sie im Verlauf des Kurses eigenständig ein größeres Fallbeispiel.

Beispielprogramme

Im Kurs werden in der Regel nur die charakteristischen Abschnitte oder Zeilen der Beispielprogramme erklärt. Die vollständigen Beispielprogramme sind im Kurspaket im Ordner work abgelegt. Für jedes Kapitel gibt es einen Unterordner (z.B. Kapitel1), in dem sich die angegebenen Dateien (z.B. hello_world.html) befinden. Wenn Sie die Dateien im Ordner work bearbeiten möchten, funktioniert dieses wegen des Schreibschutzes im Kurspaket verständlicherweise nicht. Dafür finden Sie im selben Ordner die ausführbare Datei work.exe, die Ihnen den kompletten Ordner work auf die Festplatte kopiert. Vorgeschlagen wird das Verzeichnis d:\work. Hat Ihr Laufwerk einen anderen Buchstaben, ändern Sie den Pfad entsprechend.

Sie können einen Quellcode auch direkt von der Kursseite kopieren. Sobald Sie einen Quellcode markieren, werden die Zeilennummern ausgeblendet, damit die kopierten Inhalte in der Entwicklungsumgebung genutzt werden können.

Formate und Struktur des Kurses

• Der Kurs wird online zum Download bereitgestellt, steht als App für Apple iPads und Android Tablets sowie für Smartphones zur Verfügung.
• Der Kurs ist mediengerecht konzipiert und unterstützt individuelles Lernen interaktiv und multimedial.
• Sie können den Kurs linear bearbeiten oder Kurskapitel in beliebiger Auswahl ansteuern.
• Vertonte Animationen und interaktive Grafiken unterstützen Sie bei der Bearbeitung des Lernstoffs.
• Mithilfe eines digitalen Schreibblocks können Sie Ihr erlerntes Wissen direkt anwenden und reflektieren.
• Interaktive Übungen geben Ihnen ein Feedback über Ihren Lernfortschritt.
• Sie haben die Möglichkeit, sich aus dem Kurs heraus mit relevanten Internetadressen zu verlinken und ergänzende Informationen einzuholen.
• Einfach zu bedienende Servicefunktionen wie Volltextsuche, Lesezeichen, Glossar, Index und individuelles Notizblatt erleichtern Ihnen die Kursbearbeitung.

Systemvoraussetzungen

PC, Notebook (aktueller Internet-Browser) oder Tablet. Betriebssysteme für PC oder Notebook: Windows (für Lernprogramm und ergänzende Tools); Linux, MacOS (nur für Lernprogramm).

Demoversionen

Hinweis zur Bereitstellung der Kursunterlagen und zur Freischaltung der App

Circa 2 Tage nach der Belegung werden die Kursunterlagen in Ihrem VU-Account freigeschaltet. Unter dem Reiter "Meine Veranstaltungen", steht der Kurs zum Download zur Verfügung. Zudem steht allen Beleger*innen die App zum Kurs zur Verfügung. Die App ist im Apple App Store bzw. Google Play Store mit eingeschränkten Inhalten frei verfügbar. Den vollständigen Inhalt erhalten Sie durch Eingabe Ihrer Zugangsdaten für die VU (Matrikelnummer + Passwort) in der App.

Kursbearbeitungsdauer

ca. 60 Stunden

Barrierefreiheit

Der Kurs erfüllt die Kriterien für Barrierefreiheit nach den Richtlinien der Web Accessibility Initiative (WAI).

Zertifizierung

Es besteht die Möglichkeit, für die erfolgreiche Bearbeitung des Kurses ein Zertifikat der FernUniversität Hagen zu erwerben. Der Zulassungsantrag zur Prüfungsklausur ist dem Kurspaket beigefügt.