Meine ersten Schritte mit Javascript
Neuerdings setze ich mich mit dem Thema Coding auseinander. Aktuell beschäftige ich mich mit Javascript, HTML und CSS. Meine bisherigen erstellten Projekte werde ich hier vorstellen. Keine Profi Arbeiten (noch nicht!), aber es hilft mir das Thema zu verstehen, wenn ich kleine Projekte erstelle um die Anwendung der Funktionen zu begreifen und mich im Code zurecht zu finden. Für die Umsetzung nutze ich das kostenlose Tool Visual Studio Code mit der Erweiterung Live Server.
Da jeder mal klein anfängt, lese ich mich in das Thema ein und schaue Tutorials. Wenn mir ein Projekt daraus gefällt, baue ich es nach und versuche auch eigene Bestandteile einzubauen oder Teile davon zu ändern. Manches glückt, manches nicht. Aber so lange es Spaß macht und ich etwas daraus lerne lohnt es sich.
Meine kleine Projektsammlung
Todo App
Eine einfache webbasierte Todo App, die auf allen Geräten responsive betrieben werden kann. Genutzt wurden hier HTML als Grundgerüst, CSS für die optische Darstellung und Javascript für die Logik.
Man kann Todos hinzufügen, abhaken und löschen. Selbst nach dem Schließen der Seite bleiben die Punkte so erhalten, wie man sie verlassen hat.
Number Guessing Game
Ein einfaches Spiel mit HTML Gerüst und Javascript Logik.
Du wirst aufgefordert eine zufällige Zahl zwischen 0 – 100 zu erraten. Die Statusmeldung zeigt dir an, ob die gesuchte Zahl niedriger oder höher als deine Eingabe ist. Dir wird auch die Anzahl deiner Versuche mitgeteilt. Wenn du die richtige Zahl erraten hast, wirst du mit Konfetti belohnt.
Rate die Uhrzeit
Ein einfaches Spiel für Kinder zum Lernen der Uhrzeit mit HTML Gerüst, CSS und Javascript Logik.
Du bekommst auf einer analogen Uhr eine zufällige Zeit in 15 Minuten Schritten angezeigt und hast 3 Antwortmöglichkeiten. Bei der korrekten Antwort kommt die Meldung, dass die Antwort richtig ist und es wird Konfetti geworfen. Danach kann man sich eine weitere zufällig generierte Uhrzeit anzeigen lassen. Der Sekundenzeiger bewegt sich, hat aber keine Relevanz im Spiel und beeinträchtigt die zu ratende Uhrzeit nicht. Zur Vereinfachung werden die Stundenzahlen im Außenkranz angezeigt.
Viel Spaß bei Uhrzeit lernen.