Zoff in der Bude – Programmierfragen mit Lösungen – Streit beim programmieren Programmiersprachen

Zoff in der Bude, wurde entwickelt, da es gerade am Anfang sehr viele Fragen gibt über Programmiersprachen, oder jemand stellt eine Behauptung auf und es ist eigentich unklar, ob das so funktionieren kann. Hier werden teilweise lustige Fälle beschrieben und du sollst sie lösen. Das coole wie immer. Es gibt immer auch Lösungen dazu. Um einen Lernerfolg zu haben ist es natürlich sinnvoll, dass du erst versuchst die Frage selbst zu beantworten und dann zu schauen, ob du die Frage richtig gelöst hast. Zusätzlich wird natürlich wie immer alles sehr ausführlich erklärt und teilweise mit Ressourcen aus dem Netz verlinkt. Viel Spaß!

Christine hat neu angefangen zu programmieren und Henry programmiert eigentlich auch schon lange und ist deshalb etwas erfahrener als Christine. Beide sind gerade unterwegs in der Stadt beim Einkaufen und es geht mal wieder um das Thema programmieren. Henry stellt Christine folgende Frage: Kanns du mir eigentlich 4 Techniken oder Programmiersprachen nennen, wo ich coole Spiele programmieren kann? Christine denkt darüber nach aber ihr fällt nicht viel dazu ein. Überlege erst kurz selber und wenn dir dazu noch wenig einfällt, dann klick auf Lösung….

In der Spiele Entwicklung gibt es viele viele Techniken und Programmiersprachen, wie du Spiele entwickeln kannst. Hier einige, Programmiersprachen und Techniken mit denen du Spiele entwickeln kannst. ( Kurz-Anleitung)

Python und Ursina

Python und Pygame

C#

C++

java-Script

Spiele-Programmierung mit Python

Wenn du in die Python-Programmierung einsteigen möchtest, dann findest du viele Tipps und Grundlagen dazu auf der Seiten von Schulhof-Programmierung hier Tipp: Gib bei youtub einfach mal die einzelnen Techniken ein und du wirst dazu technische Anleitungen finden. Möchtest du in Python etwas programmieren so kannst du dir die IDE runterladen, diese nennt sich „Pycharm“. Dort kannst du deinen Python-Code schreiben. Eine andere Möglichkeit, wenn du mal kurz Python-Code ausprobieren möchtest. Es gibt für Python auch sogenannte Online-Compiler. Der Vorteil, du musst erst mal nichts installieren. Link

Spiele mit C#

Spiele kannst du auch mit C# entwickeln. ( als C Sharp“ ausgesprochen). Das hashtag-Zeichen kennst du ja sicherlich. Du findest es in der Regel rechts neben der Enter – Taste auf deiner Tastatur ( je nach Tastatur). Es gibt auf youtube eine riesige Anleitung von Programmierung starten zu dieser Sprache, falls dich diese Sprache interessiert. Den Link findest du hier. Was benötigst du, um in dieser Sprache Code zu schreiben? Du kannst Visual-Studio nutzen. ( Nicht Visual-Studio-Code, das ist wieder etwas anderes). Link

Spiele mit C ++

Du kannst Spiele auch mit der Programmiersprache C ++ entwickeln. Die Sprache gilt aber als nicht ganz einfach und wenn du noch nie im Leben eine Zeile Code geschrieben hast.

Spiele entwicklen mit java-Script geht das auch?

Ja, du kannst auch so kleine Browser-Spiele programmieren, das ist für den Anfang ganz cool. Der Klassiker ist natürlich „Snake“, es ist ein kleines Spiel das man in java-script programmieren kann. Die Schlange frisst sich hier durch ein kleines Labyrinth. Hier lernst du auch was ein „Canvas“ ist. Du findest das ganze auch auf youtube. Gib einfach Spiel programmieren- “ Snake game“ oder so ein, dann wirst du fündig. Wo kannst du java-script-Code reinschreiben? Am besten du installierst dir dazu Visual-Studio-Code. Alles über Visual-Studio-Code findest du hier.

Christine sitzt an ihrem Schreibtisch und liest in einem Programmier-Buch, dass man nur mit HTML eine Webseite erstellen kann, ohne zusätzliche Techniken. Sie freut sich darüber sehr, da sie Anfängerin ist und teilt dies Henry mit. Henry mein dazu: Das ist Blödsinn, allein mit HTML, kann man keine Webseite erstellen“…. Wer hat denn nun Recht und warum?

Hier hat Henry Unrecht, klar kannst du auch nur mit HTML alleine eine kleine Webseite erstellen. Du kannst Text und Bilder einstellen, allerdings ist es natürlich üblich, dass du auch mit CSS arbeitest, denn mit dieser Stylesheet-Sprache bestimmst du das Aussehen der Webseite. Du bestimmst wie soll der Hintergrund aussehen, oder bestimmst, soll das Bild oben links, rechts unten sein etc… Außerdem wird natürlich auf vielen modernen Webseiten mit java-script gearbeitet, damit schreibst du Funktionen.

HTML-Lernen wie? Video

Youtube-Link-Tipp – Was ist CSS?

Youtube-Link Tipp – Was ist Java-Script

Wo kannst du den Code dann reinschreiben, wenn du eine kleine Webseite coden möchtest? Hier gibt es verschiedene Möglichkeiten: Zum Beispiel Notepad ++ oder Visual-Studio-Code.

Henry behauptet, er könnte nur anhand eines Codes den er geschrieben hat auf einer Webseite Ein Bild routieren lassen und zugleich die Geschwindigkeit, wie schnell sich das Bild drehen lässt auf der Webseite bestimmen. Christine glaubt das nicht und meint nur: „Jetzt machst du mal wieder hier auf „dicke Hose“, das geht doch nicht.“ Ein Streit geht los… Wer liegt hier richtig und falls Henry´s Behauptung wirklich stimmt, mit welcher Technik ist das auf einer Webseite möglich? Wer hat Recht?

Das ist tatsächlich technisch natürlich möglich und Henry hat natürlich Recht. Nur wie macht man so etwas. Schulhof-Programmierung hat es schon vor einiger Zeit ausprobiert. Man geht her und steuert das ganze mit CSS-Technik. In dem Video lässt Schulhof-Programmierung ein Bild wie wild auf einer Webseite drehen…. Video

Christine sitzt im Wohnzimmer mit ihrer kleinen Katze. Neben ihr ein Kaffee. Uups… Die Katze stößt versehentlich den Kaffee-Becher um und die Programmier-Aufgabe mit Lösung ist nun nicht mehr richtig zu lösen. Kannst du sie lesen? Es ist eine einfache Aufgabe in der Programmier-Sprache java-Script, wo du ein kleines Fenster ausgeben sollst. Leider ist die Lösung jetzt nicht mehr zu sehen auf dem Blatt. Kriegst du die Lösung hin? Wie muss der Code in Zeile 15 lauten, damit dir ein kleines Fenster angezeigt wird mit dem Ergebnis 744.

Abbildung 1.0

wenn du bei Visual-Studio-Code auf den Live-Server klickst, den findest du unten rechts eingeblendet, dann wird dir dieses Ergebnis angezeigt, wenn du alles richtig gemacht hast.

Der Lösungs-Code, damit das kleine Fenster in 1.0 angezeigt wird und die automatisierte Ausgabe erfolgt. Probiere es einfach aus. Du brauchst dazu noch den Live-Server, den musst du als erstes installieren, damit du das ganze auch sehen kannst. Anleitung findest du hier.

Abbiildung 2.0

Mit window.alert (c) wird dir das ganze addiert und du kannst dann bequem, wie in Abbildung 1.0 sehen, dass dir in dem kleinen Fenster 744 angezeigt wird. Versuch es mal, dann hast du schon dein erstes mal java-script ausgeführt. Das ist ziemlich cool.

Zur Wiederholung – Stack-Technik- Frontend

java-Script ist eine sehr wichtige Sprache in der gesamten Web-Entwicklung, vor allem, wenn du zum Beispiel eine Webseite coden möchtest. Mit HTML, baust du das Grundgerüst, mit CSS bestimmst du den Style und mit java-Script, hier kannst du rechnen, Funktionen schreiben etc. Java-Script ist sehr mächtig. Wenn du java-Script lernen möchtest, schau dir am besten auf youtube ein paar Lernvideos an.

Diese 3 Techniken HTML, CSS, Java-Script nennt man auch Frontend-Entwicklung. Das ist einfach gesagt, das was du siehst auf einer Webseite. Das Gegenteil ist das Backend. Das ist das, was im Hintergrund einer Webseite passiert, die Verarbeitung von Daten . Hier gibt es spezielle Techniken, zum Beispiel PHP oder andere.

Wie kriege ich den Live-Server?

Wenn du Visual-Studio – Code auf deinem Laptop hast, und dir VS-Code runtergeladen hast, dann musst du als erstes den Live-Server installieren, damit du das was du als Code geschrieben hast, auch sehen kannst. Wie du das machst findest du hier kurz in der Grafik.

Abbildung 3.0

Christine fragt Hendrik beim Frühstück, da sie viele Excel-Dateien auf ihrem Laptop hat, ob es eigentlich auch möglich ist aus einer Excel-Anwendung eine App zu machen? Hendrik antwortet: “ Nö, das geht nicht“ …. Was würdest du sagen?

Schulhof-Programmierung würde sagen: Ja, es geht … Video aus dem Netz von einem Excel-Experten – Kanal Video

Punkt 1 : Sicherlich ist dir aufgefallen, dass HTML nicht erwähnt wird hier und natürlich fehlen hier noch jede Menge Sprachen. Der Grund ist ganz einfach: HTML ist keine Programmiersprache, sondern eine sogenannte Markup Sprache. HTML ist zum Beispiel für die Struktur einer Webseite verantwortlich. Andere Sprachen fehlen noch, weil der zeitliche Aufwand der gesamten Plattform natürlich extrem hoch ist. Das heißt, weitere Programmiersprachen werden nach und nach dazugeschaltet. Viel Spaß!

In einem alten Buch finden Henry und Christine etwas Code. Allerdings ist ihnen unklar, welche Programmiersprache es hier ist. ( Teil-Ausschnitt des Codes.