JavaEinheit: Script-Grundlagen in HTML - Teil 1

Name: JavaEinheit: Script-Grundlagen in HTML - Teil 1
Brand: RAAbits
SKU: R0386-240602
Price: {{price}} EUR
Availability: InStock



Gymnasium | Mittlere Schulformen



Informatik & Medienbildung



9. | 10. Klasse



10 Unterrichtsstunden

Beschreibung

Um Besucherinnen und Besuchern eine Webseite ein „Gefällt mir“ oder „Teilen“ zu bieten, müssen Webentwicklerinnen und Webentwickler JavaScript beherrschen. In diesem Lerninhalt werden die Schülerinnen und Schüler in die Grundlagen der weltweitführenden Web-Entwicklungssprache JavaScript eingeführt. Sie lernen, wie man JavaScript in HTML einbettet. In diesem ersten Teil werden neben der Einführung in Funktionen auch Events vermittelt.

Leseprobe ansehen

# internet

# html

# javascript

# webentwicklung

# algorithmen

# kontrollstrukturen

# webseite

Kompetenzen

Klassenstufe:	9/10, Sek. II
Dauer:	10 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

Abkürzungen

Benötigte Materialien

PC/Laptop/mobiles Endgerät
Stifte/Notizzettel

Lektion 1

Thema:		W-Fragen zu JavaScript: Was? Wozu? Wie? (90 Min.)
M 1		Wozu braucht man JavaScript?
M 2		Einbettung von JavaScript in HTML
M 2a		Mein erstes JavaScript erwacht
Benötigt:		M 2a - Mein Erstes Javascript Erwacht.mp4 M2a.2.mein-erstes-javascript-erwacht-vorlage.zip

Lektion 2

Thema:		Basics in JavaScript (90 Min.)
M 3		Werte und Operatoren
M 3a		Vertiefung: Datentypen
M 4		Deklaration und Initialisierung

Lektion 3

Thema:		Funktionen (90 Min.)
M 5		Funktionen in JavaScript
M 5a		Übungen zum Thema JS-Funktionen
Benötigt:		M5a.uebung3-datum-vorlage.zip M5a.uebung4-gradkonverter-vorlage.zip

Lektion 4

Thema:		Events & DOM (90 Min.)
M 6		Events in JavaScript
M 7		HTML bewusst nutzen, manipulieren oder interagieren

Lektion 5

Thema:		Zwischenfazit: Eingeben – Verarbeiten – Ausgeben (90 Min.)
M 7a		Eingeben – Verarbeiten – Ausgeben
M 7b		Infokarte: Schrittfolge beim JavaScript-Handling
Benötigt:		M7b.JavaScript-Zusammenfassung.pdf

Benötigte Dateien

Link: Sammlung aller Programmcode-Vorlagen und Lösungen – https://editor.p5js.org/mirkoschiller/collections/h_oQOYblN
Video: M 2a – Mein Erstes JavaScript Erwacht.mp4
Programmcode: M2a.2.mein-erstes-javascript-erwacht-vorlage.zip
Programmcode: M5a.uebung3-datum-vorlage.zip
Programmcode: M5a.uebung4-gradkonverter-vorlage.zip
Infokarte: M7b.JavaScript-Zusammenfassung.pdf