Javascript, HTML, CSS: Peitschen-App als Website

Geeignet für: Anfänger mit evtl. geringen Javascript und HTML Vorkenntnissen

Beschreibung: Programmiere mit mir ein einfache Website für ein Smartphone.

Die Website wird bei schneller Bewegung Geräusche einer Peitsche abspielen.

Beispiel testen (Chrome, Opera, Edge)➤ YouTube Playlist ➤
Cover einer Folge des Javascript Spielautomats

Javascript, HTML, CSS: Duschmännchen-Spiel (Galgenmännchen, Hangman)

Geeignet für: Einsteiger, mit ein wenig Vorkenntnissen in Javascript

Beschreibung: So einfach, wie man vielleicht denken könnte, ist das Galgenmännchen nicht zu programmieren.

Wir schauen uns das in Ruhe, Stück für Stück in 2 Videofolgen an.

YouTube Playlist ➤
Cover einer Folge des CSS-Grundlagen Tutorials

CSS Grundlagen: Properties mit meinem Tool csstrainer.de lernen

Geeignet für: Einsteiger

Beschreibung: Wer Webspiele entwickeln möchte, sollte sich mit den CSS-Eigenscahften auskennen!

Wir schauen uns in diesem Kurs Stück für Stück die einzelnen Properties an. Dazu wird ein eigens angefertigtes Webtool genutzt, mit dem man sehr einfach experimentieren und probieren kann.

YouTube Playlist ➤
Cover einer Folge des CSS-Grundlagen Tutorials

Javascript, HTML, CSS: Einfaches Zahlenspiel

Geeignet für: Einsteiger

Beschreibung: Erstelle mit mir in 3 Folgen ein einfaches Webgame und eine installierbare Webapp (PWA). Wir bauen zusammen die Bedienoberfläche mit HTML und CSS auf. Anschließend wird die Spiellogik programmiert. Du erfährst u.a. was Variablen und Funktionen sind und wie man diese verwendet.

YouTube Playlist ➤
Cover einer Folge des Javascript Zahlenspiels

Javascript, HTML, CSS: Weihnachts-Memospiel

Geeignet für: Einsteiger

Beschreibung: Erstelle mit mir in 2 Folgen ein kleines Memospiel als Website und als installierbare Webapp (PWA) mit Weihnachtsthema.

Wir bauen zusammen die Bedienoberfläche mit HTML und CSS auf. Anschließend wird die Spiellogik programmiert und die App mit einem Serviceworker und einem Cache zur installierbaren Webapp gemacht.

YouTube Playlist ➤
Cover einer Folge des Javascript Memospiels

Javascript, HTML, CSS: Spielautomat

Geeignet für: Einsteiger mit geringen Javascript-Vorkenntnissen

Beschreibung: Programmiere mit mir in 2 Folgen einen kleinen Spielautomaten als Website und als installierbare Webapp (PWA).

Wir erstellen zuerst die Bedienoberfläche mit HTML und CSS. Danach wird die Spiellogik programmiert, dabei lernst Du insbesondere die objektorientierte Programmierung mit Hilfe s.g. Klassen kennen.

YouTube Playlist ➤
Cover einer Folge des Javascript Spielautomats