1. Tag des Phaser.io-Kurses

Platzhalter

Das Spiel

https://phaser-game.coderdojosaar.repl.co/part10.html

Ergebnisse

Das war ein knackiges Programm, aber jetzt sind alle Teilnehmer*innen für die folgende Programmierung gut vorbereitet: JedeR hat einen funktionierenden repl.it-Account und kann ihn benutzen.

Das haben wir gemacht:

  • Spiel angesehen und gelernt, was das Ziel vom Kurs ist.
    https://phaser-game.coderdojosaar.repl.co/part10.html
  • Über das Internet geredet
  • Abkürzungen kennengelernt
    • HTML = HyperText Markup Language
    • HTTP(S) = HyperText Transfer Protocol (secure)
  • Mit den Developertools (Entwicklerwerkzeugen) des Webbrowsers (Edge, Firefox, Chrome) Webseiten untersucht.
  • Anordnung der Fenster so, dass das vom Dozenten geteilte Fenster und das eigene immer beide sichtbar sind.
  • Bei repl.it angemeldet.
  • Ein neues repl vom Typ „HTML, CSS, Javascript“ gestartet.
  • Oberfläche von repl.it kennengelernt
  • repl mit anderen teilen
  • Aufbau einer HTML-Datei
  • Erstes HTML:
    • Öffnende und schließende Tags
    • Das Tag „<html>“ umschließt alles.
    • In „<html>“ gibt es ein „<head>“ und ein „<body>“-Tag
    • Schließende Tags beginnen mit „</“
    • Liste aller Tags
    • Einbinden eines Bildes mit dem „<img>“-Tag

Am Ende des ersten Kurstages hatte jedeR ein repl vom Typ „HTML, CSS, Javascript“ angelegt, mit den Dozenten geteilt und auf der ersten eigenen Webseite ein Bild angezeigt.

Die Arbeitsumgebung kann bedient werden und wir haben den Platz gefunden, wo beim nächsten Termin das Phaser.io-Spiel programmiert werden kann. 👍