In diesem Jahrgang durften wir vieles über Grundlagen der Programmierung lernen, wie beispielsweise verschiedene Programmiersprachen oder auch das Aufbauen verschiedener Datenstrukturen. Wir arbeiteten viel mit Visual Studio Code, einem kostenlosen Quelltext-Editor von Microsoft, und programmierten damit bereits unsere ersten, kleinen Webauftritte. Im Folgenden sind einige Ausschnitte aus meinen damaligen Arbeiten zu finden.
1. Semester
Problemstellung
Das Ziel dieser Aufgabe war es, einen ausfüllbaren Fragebogen zu kreieren. Den Namen sollte man händisch hineinschreiben können. Den Schultyp sollte man mithilfe eines Dropdown-Menüs anklicken können. Ob man raucht oder nicht, konnte durch das Ankreuzen eines Kästchens festgestellt werden. Die Lieblingssportart ließ sich ebenfalls durch Anklicken auswählen. Dabei konnte man mehrere Sportarten auf einmal wählen. Um dies möglich zu machen, wendeten wir den Visual Studio Code an, ein Programm, welches wir schon früh kennenlernten. Mit diesem Programm programmierten wir alle unsere Codes.
Lösung
Diese Problemstellung lösten wir im Programm Visual Studio Code. Der dazu benötigte Code befindet sich in obiger Abbildung.
Problemstellung
Hier hatten wir folgendes Ziel vor Augen: Die Erstellung eines Formulars mithilfe des Visual Studio Codes. Der Vorname, der Nachname sowie der Wohnort der zu ausfüllenden Person sollte hier leicht sowie schnell ermittelt werden können. Sobald alle nötigen Daten erfasst wurden, sollten diese durch drücken des Buttons Absenden abgesendet werden. Wohin ist in diesem Fall unklar, da dieses Formular in der Schule bloß zu reinen Testzwecken erstellt wurde.
Lösung
Diese Problemstellung lösten wir im Programm Visual Studio Code. Der dazu benötigte Code befindet sich in obiger Abbildung.
2. Semester
Problemstellung
Unsere Lehrperson Herr Professor Schiestl wies uns folgenden Arbeitsauftrag zu: Stelle das Anmeldeformular von Facebook nach. Da wir im ersten Semester bereits eine vereinfachte Form eines Formulars erstellten, waren wir mit dem dafür benötigten Wissen bereits vertraut. Hinzu kamen noch jegliche Formatierungarbeiten, wie beispielsweise das vertraute Blau, welches sich auch im Logo der Social Media Plattform wiederfindet. Zusätzlich dazu wurden im mehr oder weniger Kleingedruckten Cookies sowie Datenschutzrichtlinien hinzugefügt. Alles in einem trug es dazu bei, dem Anmeldeformular von Facebook stark zu ähneln.
Lösung
Dieses Formular wurde mithilfe von Visual Studio Code erstellt. Der dazugehörige Code wird oben abgebildet.
Problemstellung
Nachdem wir uns bereits viel Wissen, was das Coding in unserem herkömmlichen Programm Visual Studio Code betrifft, angeeignet haben, drehte sich bei unserem ersten, größeren Projekts alles um die Erstellung unserer eigenen, kleinen Website. Jene sollte zwei Medienfächer enthalten, welche sich über einen Menüpunkt anserven lassen. Zu jenen Medienfächer sollten wir zwei Beträge posten und diese anhand von Bildern und informativen Texten beschreiben. Auch eine Startseite, sowie eine „Über mich“-Seite sollten enthalten sein. Für dieses Projekt war die Erstellung vieler miteinander verknüpfter Codes notwendig. Auch hier wurde natürlich der Visual Studio Code zu Erstellung jener, für dieses Projekt notwendiger Codes herangezogen.
Lösung
Erstellt sowie verknüpft wurden die Codes mithilfe von Visual Studio Code. Da sehr viele, lange, miteinander verknüpfte Codes für die Erstellung dieser Website nötig waren, habe ich sie aus Platzgründen nicht in meinem Medienportfolio gepostet.
Oben abgebildet sehen sie die „Über mich“-Seite meiner Website.