Welchen Weg sollte ich als angehender Frontend-Entwickler einschlagen: JavaScript Vanilla oder ein Framework?

Question

Hallo Leute,ich hoffe, euch geht es gut und ihr habt einen angenehmen Tag.Ich habe eine Frage an die erfahrenen Frontend-Entwickler unter euch, wie ihr dem Titel unschwer entnehmen könnt :).Mein Ziel ist es, mich eigenständig so weit zu bilden, dass ich einen Job als Junior/Berufseinsteiger Frontendentwickler bekommen kann.Bis dato habe ich bereits einen HTML5- und CSS3-Udemy-Kurs durchlaufen und einige Tutorials nachgebaut. Nun fühle ich mich fit genug für den nächsten Schritt.Hierbei wollte ich wissen, ob ich mit JavaScript Vanilla starten soll und einen Kurs dazu machen soll oder direkt mit einem der bekannten JS-Frameworks wie Angular, React oder Vue.js?Da ich während meiner Ausbildung bereits mit C# und WinForms gearbeitet habe, sind mir die Programmierungsgrundlagen nicht ganz fremd :DIch habe mal gehört, dass man JavaScript Vanilla nur lernen sollte, wenn man keinerlei Programmiererfahrung hat, z.B. über Schleifen, Verzweigungen usw., ansonsten sollte man direkt mit einem Framework starten.Aktuell würde ich mich für React entscheiden, da man später das Wissen auch super in React Native implementieren kann und somit auch Apps entwickeln kann. Da Web und App meine Interessenbereiche in der Entwicklung sind, würde es sich super anbieten, es sei denn, die Mehrheit sagt nein, auf keinen Fall React. Dann bitte mit einer Begründung und was ich alternativ dazu dann lernen sollte :)Ach ja, natürlich anhand meines Ziels dürft ihr mir auch alle anderen Tipps geben, was ich noch alles lernen könnte oder draufhaben sollte, damit eben keine Absagen mehr eintreffen als Junior :)Ich bedanke mich bei allen schon einmal herzlich für die Zeit, die Ihr aufwendet, für das Lesen und Antworten :)Viele Grüße,JrDev

MagisterSamael · Accepted Answer

Ave!
Du möchtest also auf der Dachterrasse einen Pool bauen obwohl nicht einmal das Haus steht?
Dir bringt kein einziges Framework etwas, wenn du keine Ahnung von der Sprache hast. Die Frameworks implementieren auch nur Funktionen, die auf die Sprache aufbauen und erfinden das Rad nicht neu.
Ohne die Sprache zu verstehen, wirst du auch beim Framework selbst nichts verstehen.
Vielmehr solltest du in der Lage sein das Framework voll und ganz hinterfragen zu können und die Funktionen, die es dir bietet auch selbst realisieren zu können.
Wenn du das kannst und das Konzept verstehst, kannst du ein Framework nutzen um dir die Arbeit zu erleichtern.
Für React musst du viel mitbringen. Du musst verstehen, wie der Event-Loop funktioniert, was Callbacks und asynchrone Funktionen sind und vor allem solltest du den Unterschied zwischen normalen Funktionen und Arrow-Functions verstehen.
Ohne diese Grundkonzepte, die dir nur das Meistern von JavaScript beibringen kann, wirst du bei React nicht weit kommen - jedenfalls nicht performant.
Und ja, ich würde persönlich auch React empfehlen. Es ist im Vergleich zu anderen Frameworks das meistgenutzte und jenes mit den meisten Funktionen und der besten Allround-Performance. Hingegen ist es aber auch mitunter das schwerste mit Angular.
Ich habe mich selbst auf React spezialisiert und im Vergleich mit Kollegen nur gute Erfahrungen gemacht.
Ergänzung:
Auch wenn du auf C# gelernt hast, ist JavaScript ein ganz neues Pflaster. Erst einmal ist JavaScript keine typisierte Sprache und hat viele natürliche Eigenarten, die verstanden werden müssen.
Du musst vielleicht nicht jedes Grundkonzept neu lernen, aber du musst auf jeden Fall lernen, wie der Event-Loop funktioniert, und dass eigentlich alles ein Objekt ist. 
Zudem musst du viele Dinge lernen, die erstmal augenscheinlich das Gleiche machen, aber wichtige Unterschiede haben:
var test = 20;
let test = 20;

Beides deklariert Variablen, aber var gilt global, während let auf den Block beschränkt ist.
function myFunc(){}

const myFunc = () => {}

Beides definiert eine leere Funktion. Es gibt hier massive und viele Unterschiede - zu viele zum Aufzählen. Aber besonders für React musst du diese zu 100% verstehen, da du sonst später Fehler suchst, die dir potentiell nicht ausgeworfen werden.
let obj = {a:5,b:2,c:3}
let obj2 = {...obj, b:5}

Ein Konzept, das es so simpel und kurz nur in wenigen Sprachen gibt: obj wird als typisches Objekt definiert mit Properties. Soweit so gut. Aber im nächsten Schritt kopieren wir obj und ändern im gleichen Zuge den Wert b auf 5.
All diese Dinge - und noch viel mehr - musst du lernen und vor allem verstehen, damit du mit React umgehen kannst. Die genannten Beispiele sind Dinge auf die React besonders häufig eingeht.

VeryBestAnswers · Answer

Als erfahrener Programmierer kann ich mich in ein neues Framework in ein paar Wochen einarbeiten. Für die Jobsuche ist es also nicht so wichtig, das verwendete Framework zu kennen.

Wichtiger ist es, Erfahrung mit der Programmiersprache zu haben, lösungsorientiert zu denken und sich ein wenig mit Software-Architektur auszukennen. Wenn du mal in einem Team Software entwickeln sollst, ist es wichtig, dass dein Code einfach zu verstehen und leicht erweiterbar ist. Das erfordert viel Übung und Erfahrung. Dafür ist es aber ziemlich egal, welches Framework du verwendest.

Vor allem würde ich vorerst von einem Framework abraten, weil JavaScript Frameworks eine hohe Komplexität mit sich bringen, und schnell verwirrend sind, wenn du mit den Grundlagen von JavaScript noch nicht vertraut bist. Dein Wissen von C# wird sich nur bedingt auf JavaScript übertragen lassen; JavaScript ist ganz anders, auch wenn es auf den ersten Blick ähnlich aussieht.

Mein Tipp also: Lerne das Gehen, bevor du versuchst zu rennen. Lerne erst JavaScript, bevor du dich an ein Framework heranwagst.

Welchen Weg sollte ich als angehender Frontend-Entwickler einschlagen: JavaScript Vanilla oder ein Framework?

2 Antworten