Prüfungsaufgabe vom 15.04.2026 – mit Lösungs-Video – Programmierung “ Sonntags-Coding“
Ein einfaches schwarzes Brett coden – Code-Aufbau und Entwicklung – Anzeigen schalten – Programmierung
Eine interessante Code Aufgabe gab es am 17 04.2024. Du solltest dir als Anfänger darüber Gedanken machen, wie man ein einfaches Schwarzes-Brett coden könnte. Das heißt der User kommt auf die Webseite, gibt seine Daten ein und er kann dann seine Email-Adresse und sein Gesuch abgeben. Eine sicher interessante Übung.
Die Programmier-Prüfungs-Aufgabe hieß folgendermaßen:
Punkt 1 – Die Aufgabe
Programmieren Sie ein einfaches schwarzes – Anzeigen-Brett wo ein User eine kleine Anzeige aufgeben kann, seine Email-Adresse hinterlassen kann. ( ohne Login – / web-Anwendung). Es soll folgende Kategorien geben. ; Software-Entwicklung – Bücher-Suche, Nachhilfe-Unterricht. Der User soll auf einen Button klicken können und die gesamte Anzeige soll unter der jeweiligen Rubrik, je nach Texteingabe erscheinen. Es sollen beliebig viele weitere Optionen geschaltet werden können. Zum Beispiel soll es auch die Möglichkeit geben, dass der User den Link “ Verkauf“ einstellen kann und dann landet die Anzeige unter “ Verkauf“ usw….
Insgesamt kannst du 100 Punkte erreichen.
Außerdem solltest du 2 technisiche Fragen beantworten.
Frage 1
Ist es möglich, wenn man das ganze mit HTML, CSS und Java-Script Code schreibt, damit auch eine Web-App zu bauen und wie könnte dies theoretisch aussehen, was müsste man dafür tun, damit das ganze nicht nur auf einer Webseite läuft sondern auch als Web-App auf dein Handy gezogen werden könnte. Beschreibe die einzelnen Schritte, bzw. welche technischen Möglichkeiten bräuchtest du?
Frage 2
Wäre es auch möglich, den vorhandenen Code in ein CMS-System einzusetzen? – Was ist dabei zu beachten? ( z. B. in WordPress) und wie könnte so etwas aussehen?
Ende der Aufgabe
Punkt 2 Was brauchst du? Welche Techniken könnte man einsetzen, um das Frontend zu gestalten ?
Die Situation aus Sicht des Users, der auf die Webseite geht….
Als User machst du dir hierüber in der Regel ja keine Gedanken, du füllst die vorgegebenen Felder aus klickst und erwartest dann, dass deine Suchanzeige dann natürlich auch ausgegeben wird. Und im Normalfall funktioniert das ganze dann natürlich auch hoffentlich-.)
Aus Sicht des Programmier- Anfängers, der den Code ja schreiben muss
Er muss sich jeden Schritt in Prozesse überlegen, welche Felder soll es geben?
Was passiert, wenn der User etwas falsches eingibt?
Sollen die Felder Pflichtfelder sein, oder soll es auch Felder geben, die man freiwillig ausfüllen muss
Wie soll die Gestaltung durch das CSS aussehen? Wie kriege ich das ganze responsiv?
Wie kriege ich das hin, dass die Anzeigen schön untereinander dann in einer bestimmten Kategorie gelistet werden?
Welche Techniken setze ich gezielt ein, was für mich wenig Arbeit macht und auch für den User zum schnellstmöglichsten Erfolg führt
Wie könnte eine kleine Skizze, / Mockup aussehen. Es ist hilfreich schwierige Prozesse genau aufzuzeichnen, wenn du dir noch nicht so sicher bist, wie du die Aufgabe am besten angehen könntest. Welche Felder kommen genau vor? Welche benötigst du?
Die mögliche Lösung der Prüfungs-Aufgabe
Punkt 3 – Die mögliche Lösung der Prüfungs-Aufgabe ( Lösungs-Video)
Eine mögliche Code-Lösung
Bitte beachte, dass es natürlich immer viele Möglichkeiten gibt, ein Projekt umzusetzen und es geht hier auch nicht darum, die perfekte Lösung zu schaffen, aber es ist wichtig, dass die Prozesse funktionieren, der Aufbau da ist, du ein Grundverständnis entwickelst, wie man ein Code-Projekt aufbaut und entwickeln kann. Versuch es erst mal selber und dann schau dir das Video dazu ein, das dir vielleicht hilft. Lösungs-Video ( Schwarzes-Anzeigen-Brett programmieren) .
Lösungs- Video ( 37 Minuten)