JavaScript, HTML5, CSS und Python lernen – Kurs

Moderne Webseiten entstehen selten aus einer einzigen Sprache: HTML strukturiert Inhalte, CSS gestaltet das Erscheinungsbild, und JavaScript sorgt für Interaktivität im Browser. Dieser Kurs vermittelt genau diese Kombination und ergänzt sie um Python als weit verbreitete, vielseitige Skriptsprache jenseits des Browsers. Teilnehmende lernen, Webseiten von Grund auf zu strukturieren, zu gestalten und mit JavaScript dynamisch zu machen, und erwerben parallel die Grundlagen der Python-Programmierung. Der Kurs bereitet auf vier Zertifizierungsprüfungen vor: Certified JavaScript/TypeScript Frontend Developer des Web Professional Institute sowie PCEP und PCAP des Python Institute.

Modul 1 — HTML5 und CSS als Fundament: Bevor JavaScript zum Einsatz kommt, braucht jede Webseite eine solide Struktur und Gestaltung. Dieses Modul vermittelt die Grundlagen, auf denen alle folgenden Inhalte aufbauen.

• Semantische HTML5-Elemente und Dokumentstruktur
• Formulare, Tabellen und eingebettete Medien in HTML5
• CSS-Selektoren, Box-Modell und Layouttechniken (Flexbox, Grid)
• Responsive Design und Media Queries für unterschiedliche Bildschirmgrößen
• Typografie, Farbgestaltung und einfache Animationen mit CSS
• Zugänglichkeit (Accessibility) als Gestaltungsprinzip

Modul 2 — JavaScript und TypeScript für interaktive Webseiten: Im Zentrum dieses Moduls steht JavaScript als Sprache, die Webseiten vom statischen Dokument zur interaktiven Anwendung macht.

• Variablen, Datentypen und Operatoren in JavaScript
• Funktionen, Scope und Closures
• Arbeiten mit dem Document Object Model (DOM)
• Ereignisbehandlung: Klicks, Formulareingaben, Tastatureingaben
• Asynchrone Programmierung mit Promises und der Fetch-API
• Einführung in TypeScript: statische Typisierung als Ergänzung zu JavaScript

Modul 3 — Python-Grundlagen: Parallel zur Webentwicklung führt dieser Block in Python ein, eine der meistgenutzten Skriptsprachen für Automatisierung, Datenverarbeitung und serverseitige Anwendungen.

• Python-Syntax, Variablen und grundlegende Datentypen
• Kontrollstrukturen: Bedingungen und Schleifen
• Funktionen, Parameter und Rückgabewerte
• Listen, Dictionaries und einfache Datenstrukturen
• Fehlerbehandlung mit try/except
• Module und Bibliotheken sinnvoll einbinden

Modul 4 — Sprachvergleich und Einsatzgebiete: Dieser Abschnitt ordnet die erlernten Sprachen in ihren jeweiligen Kontext ein und zeigt, wann welche Sprache die passende Wahl ist.

• Frontend- versus Backend-orientierte Skriptsprachen im Vergleich
• Typische Einsatzszenarien für JavaScript, TypeScript und Python
• Zusammenspiel von Frontend-Code und serverseitigen Skripten
• Werkzeuge und Entwicklungsumgebungen für beide Sprachwelten
• Versionskontrolle als gemeinsame Grundlage für Projektarbeit
• Einordnung von Zertifizierungspfaden für Web- und Python-Entwicklung

Praxis-Block — Übungen zu Web- und Skriptsprachen

• Aufbau einer mehrseitigen HTML5-Webseite mit responsivem CSS-Layout
• Interaktives Formular mit JavaScript-Validierung entwickeln
• DOM-Manipulation zur dynamischen Anzeige von Inhalten umsetzen
• Fetch-Anfrage an eine öffentliche Schnittstelle einbinden und Ergebnisse darstellen
• Einfaches TypeScript-Modul mit typisierten Funktionen schreiben
• Python-Skript zur automatisierten Umbenennung von Dateien entwickeln
• Python-Funktion zur Auswertung einer einfachen Textdatei programmieren
• Datenstruktur mit Listen und Dictionaries für ein kleines Beispielprojekt aufbauen
• Fehlerbehandlung in einem Python-Skript robust gestalten
• Vergleichende Übung: gleiche Aufgabe in JavaScript und Python lösen
• Einfaches Projekt zur Wiederholung aller Kursinhalte zusammenstellen
• Vorbereitende Übungsaufgaben im Format von PCEP, PCAP und Frontend-Developer-Zertifizierung

Der Kurs ist so aufgebaut, dass Teilnehmende nach Abschluss nicht nur einzelne Sprachbefehle beherrschen, sondern verstehen, wie HTML, CSS, JavaScript und Python jeweils unterschiedliche Probleme lösen. Dieses Verständnis erleichtert es, sich später gezielt in eine der beiden Richtungen — Frontend-Entwicklung oder Python-basierte Anwendungen — zu vertiefen.

Der Kurs eignet sich für Personen, die in die moderne Webentwicklung einsteigen oder ihre Programmierkenntnisse um eine vielseitige Skriptsprache erweitern möchten.

• Personen, die erstmals in die Webentwicklung mit HTML, CSS und JavaScript einsteigen
• Fachkräfte aus Marketing oder E-Commerce, die ihre HTML- und CSS-Kenntnisse ausbauen möchten
• Interessierte, die sich Grundkenntnisse in Gestaltung und Programmierung von Webseiten aneignen möchten
• Abiturientinnen und Abiturienten sowie Studierende, die eine praxisnahe Ergänzung zu ihrem Studium suchen
• Quer- und Wiedereinsteigende, die eine Zusatzqualifikation für den beruflichen (Wieder-)Einstieg in die IT erwerben möchten

Der Kurs verbindet die Vermittlung von Sprachkonzepten mit unmittelbaren Programmierübungen am Rechner. Webentwicklungsthemen werden direkt im Browser sichtbar gemacht, während Python-Übungen in einer eigenen Entwicklungsumgebung stattfinden. Der Wechsel zwischen den beiden Sprachwelten ist bewusst so gestaltet, dass Teilnehmende Gemeinsamkeiten und Unterschiede der Programmieransätze unmittelbar erleben, statt sie nur theoretisch gegenüberzustellen.

Der Kurs deckt sowohl die Webentwicklungssprachen HTML, CSS und JavaScript als auch die Python-Grundlagen in einem zusammenhängenden Lehrgang ab. Der Umfang berücksichtigt, dass für vier unterschiedliche Zertifizierungsprüfungen jeweils eigenständige Übungsphasen und Prüfungsvorbereitung notwendig sind.

Nach bestandenen Prüfungen erhalten Teilnehmende die Zertifikate Certified JavaScript/TypeScript Frontend Developer des Web Professional Institute sowie PCEP – Certified Entry-Level Python Programmer und PCAP – Certified Associate Python Programmer des Python Institute. Ergänzend wird ein trägerinternes Zertifikat des Kursanbieters ausgestellt. Die genannten Zertifizierungen sind international anerkannte Nachweise der jeweiligen Programmierkenntnisse.

Webentwicklung und Python gehören zu den am häufigsten nachgefragten Programmierkompetenzen auf dem Arbeitsmarkt. Mit HTML, CSS und JavaScript lassen sich eigenständig funktionsfähige Webseiten erstellen, während Python durch seine Vielseitigkeit in Bereichen wie Automatisierung, Datenverarbeitung und Backend-Entwicklung zum Einsatz kommt. Wer beide Sprachwelten beherrscht, ist deutlich flexibler einsetzbar als jemand mit Kenntnissen in nur einem Bereich. Die vier vorbereiteten Zertifizierungen machen die erworbenen Kenntnisse für Arbeitgeber unmittelbar nachvollziehbar. Statt allgemeiner Programmiererfahrung können Absolventinnen und Absolventen konkrete, internationale Prüfungsnachweise vorlegen — sowohl für Frontend-Entwicklung als auch für Python auf zwei aufeinander aufbauenden Niveaustufen. Für Berufseinsteiger und Quereinsteigende bietet der Kurs einen niedrigschwelligen, aber inhaltlich fundierten Zugang zur Softwareentwicklung: Die Kombination aus visuell nachvollziehbarer Webentwicklung und der logisch strukturierten Python-Programmierung eignet sich besonders gut, um herauszufinden, welche Richtung der Programmierung den eigenen Interessen entspricht.