JavaScript im Browser
Im Gegensatz zu NodeJS, das eine eigenständige Programmiersprache wie Python ist, fokussieren wir uns auf JavaScript im Browser. Hauptunterschiede sind der fehlende Zugriff auf Systemfunktionen (wie z.B. Dateien lesen und schreiben), dafür stehen alle Browserfunktionen wie die Darstellung und Formatierung von Text und Bildern zur Verfügung.
Zutaten
- Browser
- TextEditor (z.B. NotePad++, auf jeden Fall etwas mit UTF-8 Support).
- evtl. WebServer (aus Sicherheitsgründen laden die Browser aus javascript heraus keine dynamische Daten via
file
-Protokoll).
Lerneinheiten
Empfehlenswerte Webseiten, Beispiele
- Weitere Beispiele: https://fginfo.ksbg.ch/~ivo/js/
- Stackoverflow (Achtung: Datum des Posts beachten, für Lösungen, die älter als 10 Jahre sind, gibt es heute wohl einfachere Varianten).
Videos
- Wie funktioniert JavaScript genau im Browser?
- ein bisschen älter, einfacher: https://www.youtube.com/watch?v=8aGhZQkoFbQ
- ein bisschen moderner, tiefer: https://www.youtube.com/watch?v=cCOL7MC4Pl0
git unter Windows einrichten
Hilfe gibt es z.B. hier:
- Erst mal git installieren: https://git-scm.com/downloads
Projektideen
- Projekt-Repository: https://github.com/ivo-bloechliger/js-projekt
- Kleines Spiel im Browser, z.B. TicTacToe, 4-gewinnt o.ä.
- Demo für Zeichenerkennung auf der Smartwatch
- Generator für ein Labyrinth
- Pac-Man
- 10-Fingersystem Trainer.
- Kleines Jump'n Run (à la Google Dinosaurier, wenn das Netz streikt)