Go to blue arrow
back to Tech Blog
Entwicklung

Written by:

Nuno Castro
Nuno Castro

,

Full-Stack-Entwickler

Tiago Cotovio
Tiago Cotovio

,

Entwickler

Last Published:

18. April 2022

•

Min Read

JavaScript lernen: Tipps und Ressourcen für den Einstieg

Raumfähre startet mit hellen Flammen und Rauch, inspiriert JavaScript für Einsteiger zum Abheben.

JavaScript, JavaScript, JavaScript... und habe ich JavaScript schon erwähnt? Heutzutage spricht jeder über das nerdige Kind, das mit dem Alter immer besser wurde. Jeden Tag tauchen Unmengen von JS-Frameworks und -Bibliotheken auf und es scheint derzeit unaufhaltsam zu sein. Ich wette sogar, wenn es etwas gibt, das noch nicht in JS eingebaut ist, ist es nur eine Frage der Zeit, bis es auch so ist.

Bei all dem Trubel um diese Technologie dachten Sie wahrscheinlich schon, dass Sie Ihr nächstes Projekt sofort mit Node.js und React.js beginnen sollten, richtig? Wenn nicht, empfehle ich Ihnen, es auszuprobieren. Mehrere Unternehmen stellen ihren Code auf Full-Stack-JS um, und dafür gibt es einen guten Grund. Wenn Sie neugierig auf diese Umstellung sind, finden Sie mehr über warum wir hier auch von Ruby on Rails auf ein Full-Stack-JS umgestiegen sind.

Wenn Sie jedoch noch keine Erfahrung mit diesen neuen Frameworks haben, die immer wieder auftauchen, empfehle ich Ihnen, zuerst zwei Dinge zu tun, bevor Sie sich direkt mit einem dieser Frameworks befassen:

  • Meistern Sie zuerst JavaScript. Das mag wie ein Kinderspiel erscheinen, aber viele Leute sind so begierig darauf, direkt zu den guten Dingen überzugehen, dass sie die Grundlagen vergessen. Die Wahrheit ist, dass Sie kein guter Entwickler von Node.js/React.js/Angular/Vue.js sein können, wenn Sie JavaScript nicht beherrschen. Je besser Sie die Sprache verstehen, desto besser werden Sie mit jedem Framework/jeder Plattform werden.
  • Erfahre alles über die JavaScript-Ökosystem. Das Beste ist gleich um die Ecke, aber zuerst ist es wichtig, genau zu wissen, worauf Sie sich einlassen. In diesem Sinne gibt es keinen besseren Anfang, als alles im Voraus zu verstehen.
blue arrow to the left
Imaginary Cloud logo

JavaScript-Ressourcen

Sobald du den theoretischen Teil hinter dir hast, gibt es einige großartige Ressourcen, mit denen du richtig in JavaScript durchstarten kannst. Um dir den Einstieg zu erleichtern, habe ich die besten Tipps und Quellen zusammengestellt, damit du dich nicht durch unzählige weniger hilfreiche Inhalte arbeiten musst.

Codecademy

Die erste Ressource auf der Liste ist definitiv Codecademys JavaScript-Tutorial. Was ich an den Kursen von Codecademy liebe, ist ihre hohe Praxisorientierung und Interaktivität.

Für Anfänger ist dies einer der besten Ausgangspunkte. In diesem Kurs lernst du Datentypen, Strukturen, Funktionen und objektorientierte Programmierung im Kontext von ES6 kennen. Um jedoch das Beste aus diesem Kurs herauszuholen, sind grundlegende Kenntnisse in HTML und CSS hilfreich, da einige Abschnitte dadurch verständlicher und nachvollziehbarer werden.

Mozilla Developer Network

Das Mozilla Developer Network ist eine riesige Datenbank voller Informationen zu offenen Webtechnologien, einschließlich HTML, CSS, JavaScript und APIs.

Selbst erfahrene Entwickler greifen oft auf das MDN zurück. Wenn du es mit der Webentwicklung ernst meinst, solltest du dir diese Seite unbedingt merken. Sie bietet zahlreiche Anleitungen für jedes Niveau, vom Anfänger bis zum Experten. Ein guter Startpunkt ist der Lernpfad für JavaScript.

Eloquent JavaScript

Eloquent JavaScript ist ein Buch, das für Gesprächsstoff sorgt. Manche Entwickler halten es für ein hervorragendes Buch für Anfänger, andere sehen das anders. Das Hauptargument gegen das Buch ist das wechselhafte Tempo: Es gibt Abschnitte, in denen die Sprache sehr langsam und sorgfältig erklärt wird, und andere, in denen es viel zu schnell vorangeht.

Dennoch überwiegen die Vorteile, da der Autor das Buch stets auf dem neuesten Stand der JavaScript-Entwicklungen hält, was es zu einer wertvollen Ressource für jedes Level macht. Es deckt alles über die Sprache, Browser und sogar etwas Backend mit Node.js ab. Meine Empfehlung: Lies dieses Buch begleitend zu einem anderen Kurs und nutze es als unterstützendes Material.

Code School

Code School war eine der ersten Ressourcen, die ich nach meinem Studium genutzt habe, um Webentwicklung zu lernen. Jedes Mal, wenn jemand über Ruby on Rails spricht, muss ich an das Intro des Rails for Zombies -Kurses denken (ebenfalls eine großartige Ressource, nur eben nicht für JavaScript).

Sie bieten zwar weniger kostenlose Inhalte als die anderen Ressourcen auf dieser Liste, aber ein Versuch lohnt sich allemal. Ihre Lehrmethode kombiniert Videos mit interaktiven Programmierübungen, was besonders für visuelle und auditive Lerntypen ideal ist. Falls dir das Tempo zu langsam ist, kannst du die Videos jederzeit beschleunigen. Auf ihrem JS-Pfad findest du Inhalte für Anfänger bis hin zu Experten. Wenn du nicht weißt, wo du anfangen sollst, kannst du einen Einstufungstest machen und dir eine Empfehlung geben lassen.

Egghead

Egghead bietet derzeit einige der besten JS-Ressourcen, die von professionellen Webentwicklern und Open-Source-Mitwirkenden erstellt wurden. Egghead konzentriert sich jedoch stärker auf fortgeschrittene Inhalte, weshalb ich die Kurse erst empfehlen würde, nachdem du einige der zuvor genannten Ressourcen durchgearbeitet hast. Das Beste an ihren Kursen ist, dass sie direkt auf den Punkt kommen. Du findest dort kompakte Videos, die eine Menge Informationen in kürzester Zeit vermitteln.

Noch ein paar Tipps

Tutorials und Bücher durchzugehen kann langweilig werden und manchmal hat man sogar das Gefühl, dass man nicht weiterkommt. Neben diesen Ressourcen werde ich noch ein paar weitere Tipps geben, um JavaScript wirklich zum Laufen zu bringen.

Erstellen Sie eine tatsächliche App

Es kann eine einfache To-Do-App, ein Mini-Twitter oder eine persönliche Seite sein, aber versuchen Sie, etwas von Grund auf neu zu erledigen. Dieses anfängliche Problem mit der Syntax, das mit der neuen Dokumentation immer wieder hin und her geht, wird durch Konfigurationsfehler überwunden... All das wird dich schneller verbessern. Je früher Sie sich mit der Sprache vertraut machen und sich damit vertraut machen, desto besser.

Keine Panik, wenn es nicht perfekt ist

Entwickler sind in der Regel Perfektionisten. Sie wollen immer den besten Code mit den besten Methoden und Mustern liefern. Ärgern Sie sich beim Lernen jedoch nicht zu sehr, wenn Sie nicht alles „sofort“ erledigen können. Mit Erfahrung und weiterem Wissen wirst du auf natürliche Weise Lösungen für diese Probleme finden und später wiederkommen, um den Code zu überarbeiten.

Lesen Sie den Code anderer Entwickler

Schauen Sie sich bekannte Open-Source-Repositorys an. Den Code anderer Leute zu lesen ist eine der besten Arten zu lernen. Überprüfe, wie erfahrene Entwickler ähnliche Probleme wie deine gelöst haben. Auf diese Weise werden Sie wahrscheinlich Wege finden, um die Probleme zu überwinden, bei denen Sie es noch nicht „perfekt“ gemacht haben.

Fragen Sie nach Code-Reviews

Bitten Sie andere Entwickler, Ihren Code zu überprüfen. Wenn dir andere Leute Tipps geben, ist das eine großartige Möglichkeit, dich schnell zu verbessern. Wenn Sie mit anderen über Code sprechen, können Sie in kurzer Zeit viele Informationen aufnehmen. Wenn Sie also jemanden haben, mit dem Sie Codetipps untereinander austauschen können, tun Sie dies so oft wie möglich.

Verwenden Sie StackOverflow

Scheuen Sie sich nicht, Fragen zu stellen. Ich kann mir mein Leben als Entwickler ohne nicht vorstellen Stapelüberlauf. Es hat mir so oft auf so viele verschiedene Arten geholfen, dass ich sagen muss, dass es einer meiner besten Lehrer ist. Wenn du etwas fragen musst, tu es einfach auf StackOverflow. In kürzester Zeit wirst du jemanden aus der großartigen Community haben, der deine Fragen beantwortet.

blue arrow to the left
Imaginary Cloud logo

Schlußfolgerung

Ähnlich wie das, was du auf jedem neuen Gebiet tun solltest, das du zu meistern versuchst, fordere dich einfach immer selbst heraus. Krempeln Sie die Ärmel hoch und fangen Sie an, daran zu arbeiten. In kürzester Zeit werden Sie einige coole Apps in JS erstellen. Außerdem gibt es da draußen eine große Nachfrage nach JS-Entwicklern, die Unternehmen nicht decken können. Also glaub mir, es lohnt sich!

Anzeige für ein UX-Audit zur Leistungssteigerung des Produkts, mit blauer isometrischer App-Oberfläche.

Fanden Sie diesen Artikel hilfreich? Diese könnten dir auch gefallen!

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Nuno Castro
Nuno Castro

Erfahrung mit Backend-Systemen für das Web unter Verwendung modernster Technologien. Full-Stack-Entwickler und Produkthersteller. Ruby/Rails, NodeJS, ElectronJS.

‍

LinkedIn

Read more posts by this author
Tiago Cotovio
Tiago Cotovio

Webentwickler und Fußballfan. Plant, die Welt zu bereisen und neue Kulturen zu entdecken. Man findet ihn meistens mit Kopfhörern oder dabei, wie er sich als Fußballmanager versucht.

‍

LinkedIn

Read more posts by this author

People who read this post, also found these interesting:

Dropdown caret icon