Lisa und Kai – Programmieren für Anfänger- Lisa fragt – Kai antwortet – Programmiersprachen und Techniken

Lisa und Kai kennen sich schon lange, Kai macht das programmieren Spaß, auch Lisa gefällt es, aber sie hat gerade am Anfang sehr viele Fragen. Bevor du auf die Lösungen klickst, überlege dir, was hättest du ungefähr geantwortet? Viel Spaß

Kai kommt gerade von der Pause und die ersten Fragen prasseln bereits auf ihn ein. Frontend-Entwicklung ist eigentlich einfach erklärt. Es ist alles was du siehst auf einer Webseite. Die Bilder, die Texte etc, das ist das sogenannte Frontend. Um diese Dinge weltweit auf irgendwelchen Webseiten oder auf deinem Handy darzustellen, benötigst du coole Techniken. In der Regel ist es HTML. HtML ist ja keine Programmiersprache, sondern eine sogenannte Markup-Sprache, eine Auszeichnungssprache. Nun willst du natürlich, dass deine Webseite ein cooles Aussehen hat. Hierzu benötigst du CSS-Code. CSS steht für Cascading-Stylesheet und dann wenn du Funktionen schreiben möchtest, dann brauchst du natürlich java-Script. Ein Kleines Beispiel, wenn du z. B. auf einen Button klickst und es erscheint dann ein Text, dann läuft zum Beispiel im Hintergrund ein kleines Script, damit das funktioniert. Java-Script ist sehr mächtig und nicht immer einfach zu verstehen, aber extrem wichtig in der gesamten Web-Programmierung. Damit du HTML, CSS und Java-Script auch irgendwo ausführen kannst benötigst du einen sogenannten Quelltext-Editor. Sehr beliebt ist hier Visual-Studio-Code. Das erste was du machst, wenn du Visual-Studio-Code heruntergeladen hast, dann solltest du den Live-Server schalten dort. Es gibt sehr viele Videos auf youtube wie du das machst. Mit dem Live-Server kannst du praktisch dann anschauen, wie deine Webseite ungefähr aussieht.

Nehmen wir mal an, du hast begonnen, HTML, CSS und Java-Script zu lernen, dann wird häufig in Stellenanzeigen auch verlangt, dass du dich mit bestimmten Bibliotheken, oder sogenannten Frameworks auskennst. Ein Framework ist im Prinzip wie eine Art Gerüst. Im Frontend gibt es folgende wichtige Techniken, die du kennen solltest.
React.js – Bibliothek
Vue.js – Framework
Angular – Framework

Da es sehr viel ist alle zu lernen, würde ich zum Beispiel mich für eins entscheiden, so dass du dich dort richtig gut auskennst. Zum Beispiel Angular, oder React.js

Lisa hat in einem Programmier-Thread gelesen, dass jemand Backend-Entwickler werden will. So richtig kann sie sich aber darunter nichts vorstellen: Sie fragt Kai: Sag mal, was ist das genau?
Kai antwortet: Das Backend, das ist das, was du nicht siehst. Es wird serverseitig ausgeführt. Das heißt, stell dir vor, du musst ein Formular ausfüllen. Die Daten müssen ja irgendwo gespeichert werden, die du dort eingibst. Im Backend gibt es auch verschiedene Techniken, es ist abhängig davon, was du für ein Projekt baust. Man kann mit Node.js arbeiten, oder mit Python und Django, oder mit Python und Flask, oder mit PHP und dem Framework Laravel um ein paar zu nennen. Also nochmals kurz: Frontend ist das was du sehen kanns – Backend ist das was du nicht siehst, das sind Operationen, die im Hintergrund ( Serverseitig) ablaufen, deshalb der Name “ Backend“.

Lisa möchte schon lange eine coole App bauen, aber so richtig weiß sie auch nicht, wie man eigentlich startet. Vor allem, kennt sie sich nicht aus mit den vielen Techniken und wie immer fragt sie Kai: Sag mal, wie kann ich denn eine App bauen?

Die Antwort von Kai
Also hier ist es wichtig dass du dir zunächst überlegst, soll die App auf einem Android-Handy laufen, oder auf einem Iphone? Oder auf beiden Geräten?

Wenn du zum Beispiel eine Android-App programmieren möchtest, dann kannst du das in Java, oder Kotlin machen. Kotlin ist glaube ich etwas einfacher zu lernen und viele nutzen es. Möchtest du hingegen eine App für ein Iphone programmieren, dann ist es gut wenn du einen Mac hast und die Programmiersprache „Swift“ lernst. Falls du dich entschließen solltest Swift zu lernen, solltest du in Englisch fit sein, da es kaum deutschprachige Video-Tutorials zu dieser Sprache gibt, aber sehr sehr viele und gute im englischsprachigen Bereich.

Nun ist es so, dass es in der App-Entwicklung auch sogenannte „Cross-Techniken“ gibt. Es ist wichtig, dass du weißt, was man darunter versteht. Arbeitest du mit einer Cross-Technik, wie zum Beispiel Dart und Flutter, dann geht man her und schreibt nur einen Code und dieser eine Code kann dann für Android und für IOS genutzt werden. Dart ist die Programmiersprache, Flutter das zugehörige Framework. Du benötigst, um eine Dart und Flutter App auszuführen, „Android-Studio“. Das kannst du dir kostenlos downloaden und loslegen. Es gibt dazu auch viele youtube-Tutorials zu Dart und Flutter.

Natürlich gibt es in der App-Entwicklung auch noch viele andere Techniken, aber da kannst du ja selber mal etwas recherchieren.

Lisa spielt in ihrer Freizeit immer wieder Spiele und ist davon fasziniert. Allerdings weiß sie sehr wenig, mit welcher Sprache man eigentlich Spiele umsetzt. Wie immer fragt sie Kai.

Kai antwortet:
Der Markt ist riesig und es gibt sehr viele Techniken in der Spiele-Programmierung.
Nachfolgend zählt er auf, welche Techniken man nutzen kann.

1. Python:
Python & Pygame + Python und Ursina-Technik. Um mit Python zu arbeiten benötigst du die IDE Pycharm, oder du kannst auch Visual-Studio-Code nutzen.

2. C#
C# (Si sharp ausgesprochen – Achte auf das Hashtag-Zeichen)
C# wird sehr häufig benutzt. Um C# Code zu nutzen benötigst du Visual-Studio.

3. C++ ( ausgesproche C plus plus)
für dreidimensionale Spiele – aufwendige Spiele, allerdings gilt C++ als etwas schwierige Programmiersprache, für Neueinsteiger. Wenn du trotzdem starten willst, downloade visual-Studio-Code, dort kannst du auch C++ code ausführen. Videos findest du auf youtube

Browsergames
HTML, CSS, Java-Script und Canvas ( damit würde ich anfangen) Du benötigst Visual-Studio-Code

Engines:
Godot, Unity, GameMaker Studio etc…

und viele mehr Techniken. Recherchiere am besten auch selber.
Alle Techniken findest du auf youtube. Gib es einfach in die Suche ein.

Lisa ist verwirrt und fragt wie immer Kai:

Kai antwortet:
Nein, Java und JavaScript sind nicht dasselbe!

Java ist eine kompilierte, objektorientierte Programmiersprache, die typischerweise auf der Java Virtual Machine (JVM) läuft.

JavaScript ist eine interpretierte oder just-in-time kompilierte Sprache, die hauptsächlich im Browser läuft (kann aber auch serverseitig mit Node.js verwendet werden).
Der Kernunterschied liegt also in Syntax, Laufzeitumgebung, Typisierung und Anwendungszweck.

Lisa fragt Kai ob HTML eigentlich eine Programmiersprache ist.

Kai antwortet:
HTML bedeutet Hypertext, Markup – Language :
Merke für immer!
HTML ist keine Programmiersprache!
HTML ist eine sogenannte Auszeichnungssprache. Man kann diese zum Beispiel nutzen, wenn du ein Webseitengerüst baust, um die Struktur einer Webseite zu bilden, oder für viele andere Fälle nutzen.