Einheit: JavaScript-Grundlagen in HTML - Teil 2

Einheit: JavaScript-Grundlagen in HTML

Gymnasium | Mittlere Schulformen

Informatik & Medienbildung

9. | 10. | 11. | 12. | 13. Klasse

5 Unterrichtsstunden

Beschreibung

Um Besucherinnen und Besuchern einer Webseite ein „Gefällt mir“ oder „Teilen“ zu bieten, müssen Webentwicklerinnen und Webentwickler JavaScript beherrschen. In unserer zweiten Einheit zu JavaScript liegen die Schwerpunkte auf Algorithmen und Schleifen sowie als Vertiefung auf Callbacks. Ihre Klasse erlernt den vertieften Umgang mit JavaScript anhand von zahlreichen Übungen.
Leseprobe ansehen
# internet
# html
# javascript
# webentwicklung
# webseiten
# algorithmen
# kontrollstrukturen

Kompetenzen

Klassenstufe:9/10, Sek II
Dauer:5 Unterrichtsstunden
Lernziele:Die Lernenden … 1. entwickeln auf Grundlage von JavaScript ein Verständnis für dynamische Benutzerinteraktionen, 2. implementieren algorithmische Grundstrukturen für Webseiten, 3. übertragen deren Kenntnisse auf andere Entscheidungsprozesse.
Thematische Bereiche:Internet, HTML, JavaScript, Webentwicklung, interaktives Verhalten von Webseiten, Algorithmen, Kontrollstrukturen
Kompetenzbereiche:Implementieren, Darstellen und Interpretieren, Produzieren und Präsentieren, Analysieren und Reflektieren

Inhaltsangabe

Benötigte Materialien

  • PC/Laptop/mobiles Endgerät
  • Stifte/Notizzettel

Lektion 6

Thema:Algorithmen – Teil 1 (90 Min.)
M 8Algorithmen in JavaScript
M 9Wenn-Dann-Sonst
Benötigt:
  • M9.2.Karls-Kino-vorlage.zip
  • M9.3.zahlenraten-vorlage.zip

Lektion 7

Thema:Algorithmen – Teil 2 (90 Min.)
M 10Schleifen
M 11Übung: Kontrollstrukturen

Lektion 8

Thema:Spezifika in JavaScript (45 Min.)
M 12Vertiefung: Callbacks in JavaScript

Benötigte Dateien

  • Programmcode: M9.2.Karls-Kino-vorlage.zip
  • Programmcode: M9.3.zahlenraten-vorlage.zip
  • Link: Sammlung aller Programmcode-Vorlagen und Lösungen – https://editor.p5js.org/mirkoschiller/collections/h_oQOYblN

Ergänzendes Material

  • Programmcode: M9.4.muenzwurf1-lsg.html
  • Programmcode: M10.1.countdown-lsg.html
  • Programmcode: M10.2.muenzwurf2-lsg.html
  • Programmcode: M10.3.muenzwurf3-while-lsg.html
  • Programmcode: M10.4.tresor1-lsg.zip
  • Programmcode: M10.5.schatzsuche-lsg.html
  • Programmcode: M11.2.tresor2-lsg.zip
  • Programmcode: M11.3.altersabfrage-alternative-lsg.zip
  • Programmcode: M11.3.altersabfrage-lsg.zip
  • Programmcode: M11.4.formularabfrage-Zeichen-lsg.zip
  • Programmcode: M11.5.formularabfrage-senden-lsg.zip
  • Programmcode: M11.6.quiz-lsg.html

Erklärung zu den Symbolen

0,00 €

Für Schulen & Fachschaften

Egal ob einzelne Fachschaft oder komplette Schule: Mit unseren flexiblen Abo-Modellen finden wir den richtigen Weg, um den Unterricht von Ihnen und Ihres Kollegiums einfach zu gestalten.