Programmieren für totale Anfänger – Schulhof-Programmierung
Pizza- Menü-Auswahl programmieren.
Schweregrad: grün ( Anfänger)
Der Fall – Herr Meyer
Herr Meyer betreibt eine kleine Pizzeria und hat auch einen Online-Lieferservice. Gerade aufgestanden sitzt er am Kaffee-Tisch mit seiner Frau und checkt seine Emails. Er ist überrascht, da sein Email-Postfach irgendwie voll ist von Leuten, die sich beschweren, dass die Menü-Auswahl auf seiner Webseite einfach nicht funktioniert. Die Leute sind verärgert und konnten deshalb gestern Abend nichts bestellen. Was also tun? Er ruft seinen Kumpel an, der für die homepage zuständig ist und dieser hat den Fehler auch gleich gefunden.
Doch wie kann man eigentlich so ein Pizza-Options-Feld programmieren in einem HTML-Gerüst, in Visual-Studio-Code. Stell dir vor, du möchtest, eine schöne Schinken-Pizza, oder eine vegetarische Pizza auswählen auf einer Online-Menü-Karte. Du zückst dein Handy, wählst auf der Seite einfach „Schinken“-Pizza“ aus und schon freust du dich, dass der Pizza-Bote diese hoffentlich schnell liefert.
Als Kunde interessiert es dich möglicherweise im Normalfall ja nicht, wie so ein Optionsfeld programmiert ist, damit der User dieses nur noch bequem einstellen kann. Als Programmier-Anfänger vielleicht schon eher-:)
Du hast nun in der Übung 2 Möglichkeiten
Möglichkeit 1
Hoher Lerneffekt: Du probierst es selber aus, ohne dir zunächst das Lösungs-Video anzuschauen. Wie könnte da der Code aussehen?
Der User soll auswählen können, zwischen 4 verschiedenen Pizzen. Pizza-Hawaii, Pizza-Schinken, Vegetarische und Pizza -Thunfisch. Ein Screenshot findest du unten.
Möglichkeit 2
Du schaust dir das Video an und programmierst das ganze zur Übung einfach Schritt für Schritt nach. Du kannst auch die Namen der Pizzen verändern im Code oder das ganze weiter entwickeln. Es hilft dir, den Code und die Logik zu verstehen, indem du hergehst und auch lernst mit dem Live-Server zu arbeiten.
Wie soll das ganze ungefähr aussehen?
