Was du unbedingt wissen musst: Frontend / Backend-Fullstack und der Unterschied zwischen den Techniken. Was bedeutet das? Welche Techniken werden wo eingesetzt!
Extrem wichtig! – Check die Seite !
![Backend - Frau sitzt vor einem Bildschirm - Schulhof-Programmierung- learn to code](https://schulhof-programmierung.de/wp-content/uploads/2024/02/zeitpunkt_01-2.gif)
Wenn du in die Software-Entwicklung einsteigen möchtest, solltest du unbedingt wissen, was Frontend und Backend genau ist und welche Techniken hier so verwendet werden.
Um zu erklären, was Backend ist, ist es zunächst wichtig, dass du weißt, was Frontend bedeutet….
Praktisches Beispiel
![programmieren lernen informatik studieren](https://schulhof-programmierung.de/wp-content/uploads/2024/02/merke_800-1024x470.jpg)
Du sitzt mit deiner Freundin morgens im Bus und fährst zur Schule. Du zückst cool dein Handy und checkst die neuesten Nachrichten, auf einer Webseite. In dem Moment, wo du auf das Handy schaust und dir die Webseite ansiehst, das ist das sogenannte Frontend. Frontend ist also das was du siehst auf deinem Handy, oder auf deinem Bildschirm. Backend ist das was du nicht siehst ( Serverseitig / database / Verarbeitung der Eingabe-Daten im Hintergrund)
Zunächst mal zum Thema Frontend:
Damit du das Frontend, also die Webseite anschauen kannst auf deinem Handy, benötigst du bestimmte Techniken. Es ist fast wie beim Kuchen backen, du brauchst Zutaten und eben etwas, wo du deinen Code auch reinschreiben kannst. Viele Entwickler nutzen Visual-Studio-Code, das ist ein sogenannter Quelltexte-Editor, den lädtst du dir kostenlos runter und dort schreibst du deinen Code rein.
Damit du die Webseite sehen kannst und diese dargestellt werden kann, benötigst du zunächst in dem Frontend, die Markup-Sprache HTML. HTML ist keine Programmiersprache!, sondern eine sogenannte Markupsprache ( Auszeichnungssprache). HTML ist praktisch für das Gerüst der Webseite, die du anschaust da. Da jede Webseite ja anderst aussieht, wird hier zusätzlich eine sogenannte Stylesheet-Sprache genutzt. Mit CSS ( Cascading-Stylesheet-Sprache), kannst du bestimmen, wo sollen die Bilder hin, welche Farben sollen die Elemente haben, soll die Webseite einen grauen, oder weißen Hintergrund haben etc…
Alles was sich im Bereich Style, Aussehen und Layout bewegt, das machst du mit der Stylesheet-Sprache CSS. Viele moderne Webseite nutzen zusätzlich java-Script, eine sehr sehr wichtige Skriptsprache. Damit schreibst du Funktionen. Theoretisch kannst du eine Webseite auch nur mit HTML und CSS machen, aber dann hast du nichts funktionelles in der Webseite. Wenn du also Frontend-Entwickler/in werden möchtest, solltest du unbedingt zu HTML und CSS auch Java-Script lernen, auch wenn diese Skriptsprache im Gegensatz zu HTML und CSS möglicherweise etwas schwieriger ist für dich. An Java-Script kommst du nicht vorbei-.)!
Was im Bereich Frontend auch noch wichtig ist und häufig eingesetzt wird, oder du auch in Stellenbeschreibungen finden wirst, sind Skills im Bereich Bibliotheken und Frameworks, die gezielt im Frontend benutzt werden. Die wichtigsten, die sehr häufig genannt werden und mit denen du dich nachdem du HTML, CSS, und java-script gelernt hast, beschäftigen solltest sind im Frontend. Hier hast du die Wahl zwischen:
a) Die Bibliothek React.js
b) Vue.js ( Framework = „Programmiergerüst)
c) Angular ( „Programmier-Gerüst „)
Wenn dich also jemand fragt: Welches „Techstack“ lernst du? Dann antwortest du ganz cool : Ich bin im Frontend-.) oder mein Schwerpunkt liegt im Backend… Meine Empfehlung, lerne unbedingt erst die Frontend-Techniken und dann erst die Backend-Techniken, da es für das Gesamtverständnis im Code dann einfacher ist für dich. Einen Begriff, den du vielleicht auch schon gehört ist, ist der sogenannte “ Fullstack-Entwickler. Was bedeutet das?
Antwort: Der Fullstack-Entwickler ist praktisch jemand, der sich ausgezeichnet auskennt im Frontend und im Backend. ( Einfach erklärt).
Wo finde ich das ganze nochmals zusammengefasst mit der Frontend-Entwicklung, wenn ich Schritt für Schritt einsteigen will? Check die Anfänger-Seite von Schulhof-Programmierung. Punkt 2.0 Wenn du dir programmieren selber beibringen möchtest, kannst du dir dort auch deinen eigenen Zeitplan aufstellen. Programmieren für Anfänger ( Frontend) mehr
Das Backend
Wie bereits oben genannt erwähnt, ist das Backend, das was du nicht siehst. Praktisches Beispiel
Deine Freundin im Bus meldet sich morgens in einem Formular zu einem Kurs online an. Sie gibt ihren Namen ein, Adresse, Telefon-Nummer etc und klickt auf Senden. Dann müssen die Daten ja irgendwie weiterverarbeitet werden, oder irgendwo gespeichert werden, also auf einem Server. „Data base“, das ist das Backend.
Welche Techniken werden hier häufig benutzt?
Im Backend gibt es verschiedene Techniken, damit das klappt. Meist verbreitet ist natürlich PHP. Häufig wird auch Python und Django benutzt, oder Python and Flask für kleinere Projekte, oder man arbeitet mit Node.js . Ein Backend kannst du auch mit Firebase z. B. erstellen. PHP wird oft genutzt in Verbindung mit dem Framework Laravel usw… Wenn dir die gesamten Techniken wenig sagen, so ist das kein Problem. Gib einfach in die Youtube-Suche, die Sprache, oder die Technik ein, die du suchst und schon wirst du sicherlich fündig, oder nutze w3schools, wo du viele Techniken einfach testen kannst, ohne zunächst viel auf deinem PC zu installieren.
Hilfe, ich kapier nicht, wie das geht mit w3schools? Video