Webentwicklung
HTML, CSS, JavaScript
Tobias Augustin / Alejandro Michel
Foto: FernUniversität/Luis Alvarez/gettyimages
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 spezielle Vorkenntnisse in die Lage versetzt, schrittweise selbst Webanwendungen zu entwerfen, zu gestalten und mit Funktionen zu versehen.
-
- 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.
-
- 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 Kommunikation und Datenübertragung im Internet erforderlich sind.
- Kapitel 3 behandelt grundlegende Konzepte und zahlreiche Elemente der Auszeichnungssprache 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.
- Interaktive Übungen geben Ihnen ein Feedback über Ihren Lernfortschritt.
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).
