Skip to content

JavaScript 101 - Grundlagen der Programmierung

Willkommen zum JavaScript 101 Kurs! Dieser Kurs führt dich in die Grundlagen der Programmierung mit JavaScript ein.

Über diesen Kurs

JavaScript ist eine vielseitige Programmiersprache, die sowohl im Browser als auch auf dem Server läuft. Sie ist perfekt für Programmieranfänger geeignet und ermöglicht es dir, sofort interaktive Webseiten und Anwendungen zu erstellen. In diesem Kurs lernst du die fundamentalen Konzepte der Programmierung kennen und kannst sie direkt in praktischen Übungen anwenden.

Lernziele

Nach Abschluss dieses Kurses kannst du:

  • Grundlegende JavaScript-Programme schreiben und ausführen
  • Mit verschiedenen Datentypen (Zahlen, Strings, Arrays, Objekte) arbeiten
  • Kontrollstrukturen (if/else, Schleifen) verwenden
  • Eigene Funktionen definieren und nutzen
  • Einfache Probleme algorithmisch lösen
  • Code systematisch testen

Kursstruktur

Der Kurs besteht aus folgenden Komponenten:

📚 Theorie-Skript

Das Skript vermittelt alle theoretischen Grundlagen der JavaScript-Programmierung. Es deckt Themen von Variablen und Datentypen bis zu Funktionen und Datenstrukturen ab.

✏️ Übungen

Praktische Programmieraufgaben zum Selbststudium. Jede Übung enthält:

  • Eine klare Aufgabenstellung
  • Einen Code-Template zum Kopieren
  • Automatische Tests zum Überprüfen deiner Lösung

Lösungen

Vollständige Musterlösungen zu allen Übungen. Nutze diese zur Selbstkontrolle oder wenn du nicht weiterkommst.

Voraussetzungen

  • Einen modernen Webbrowser (Chrome, Firefox, Edge, Safari)
  • Einen Text-Editor oder eine IDE (z.B. VS Code)
  • Grundlegendes Verständnis von Computern und Dateisystemen

Arbeitsweise

  1. Theorie lernen: Lies das Skript durch und probiere die Beispiele aus
  2. Üben: Bearbeite die Übungen selbstständig
  3. Testen: Führe deinen Code aus und überprüfe ihn mit den integrierten Tests
  4. Vergleichen: Schaue dir bei Bedarf die Lösungen an

Code ausführen

Du kannst JavaScript auf verschiedene Arten ausführen:

1. Browser-Konsole (am einfachsten)

  • Öffne deinen Browser und drücke F12 oder Strg+Umschalt+J (Windows/Linux) bzw. Cmd+Option+J (Mac)
  • Wechsle zum Tab "Console"
  • Hier kannst du direkt JavaScript-Code eingeben und ausführen

2. HTML-Datei

Erstelle eine HTML-Datei mit einem <script>-Tag:

html
<!DOCTYPE html>
<html>
<head><title>Mein Programm</title></head>
<body>
  <script>
    // Dein JavaScript-Code hier
    console.log("Hallo Welt!");
  </script>
</body>
</html>

3. Node.js (für fortgeschrittene Nutzer)

Installiere Node.js und führe JavaScript-Dateien direkt aus:

bash
node meinProgramm.js

Tipps für den Erfolg

  • Übe regelmäßig: Programmieren lernt man nur durch Programmieren
  • Experimentiere: Ändere den Code ab und schaue, was passiert
  • Mache Fehler: Fehler sind Teil des Lernprozesses
  • Nutze die Tests: Die automatischen Tests geben dir sofortiges Feedback
  • Frage nach: Wenn du nicht weiterkommst, scheue dich nicht zu fragen

Viel Erfolg beim Lernen! 🚀

Informatik & ICT Unterricht Neufeld