Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Nuno Castro
Tiago Cotovio

Min Read

18. April 2022

JavaScript lernen: Tipps und Ressourcen für den Einstieg

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

Nachdem Sie mit dem theoretischsten Teil fertig sind, gibt es einige großartige Ressourcen, mit denen Sie wirklich mit JavaScript beginnen können. Um es einfacher zu machen, habe ich einige der besten Tipps und Ressourcen zusammengestellt, damit Sie nicht viele andere durchgehen müssen, die nicht so hilfreich sind.

Codeakademie

Die erste Ressource auf der Liste muss sein Das JavaScript-Tutorial von Codecademy. Was ich an den Kursen von Codecademy liebe, ist, dass sie sehr praktisch und interaktiv sind.

Für Anfänger ist dies einer der besten Ausgangspunkte. In diesem Kurs lernen Sie Datentypen, Strukturen, Funktionen und objektorientierte Programmierung im Kontext von ES6 kennen. Um jedoch das Beste aus diesem Kurs herausholen zu können, würden Grundkenntnisse in HTML und CSS einige seiner Teile aussagekräftiger und verständlicher machen.

Mozilla-Entwicklernetzwerk

Mozilla-Entwicklernetzwerk ist eine riesige Datenbank voller Informationen über offene Webtechnologien, einschließlich HTML, CSS, JavaScript und APIs.

Selbst erfahrene Entwickler kommen oft zu MDN, und wenn Sie vorhaben, sich ernsthaft mit der Entwicklung von Web-Apps zu befassen, sollten Sie dies berücksichtigen. Es bietet mehrere Anleitungen, von Anfängern bis hin zu Experten, aber ein guter Ausgangspunkt ist es, ihren Lernpfad für JavaScript durchzugehen.

Beredtes JavaScript

Beredtes JavaScript ist ein Buch, das einige Kontroversen auslöst. Einige Entwickler sagen, dass dies ein großartiges Buch für Anfänger ist, während andere anderer Meinung sind. Das Hauptargument gegen das Buch betrifft sein sich ständig änderndes Tempo. Es gibt Teile, in denen es sehr langsam ist und sorgfältig über die Sprache unterrichtet wird, und andere, in denen es viel zu schnell geht.

Es ist jedoch mehr gut als schlecht, da der Autor das Buch mit den neuesten JavaScript-Entwicklungen auf dem Laufenden hält und es zu einer großartigen Ressource für jedes Level macht. Es behandelt auch alles über die Sprache, die Browser und einige Backends mit Node.JS. Meine Empfehlung hier ist, dieses Buch zusammen mit einem anderen Kurs zu lesen und es als unterstützendes Material zu verwenden.

Codeschule

Codeschule war eine der ersten Ressourcen, mit denen ich direkt nach dem Verlassen der Universität die Entwicklung von Web-Apps gelernt habe. Jedes Mal, wenn jemand über Ruby on Rails spricht, fällt mir immer noch das Intro von Schienen für Zombies natürlich (auch eine tolle Ressource, nur nicht für JavaScript).

Sie verschenken nicht so viele kostenlose Inhalte wie die anderen Ressourcen auf dieser Liste, aber es lohnt sich trotzdem, sie auszuprobieren. Ihre Unterrichtsmethode ist eine Mischung aus Videos und interaktivem Programmieren, was sich hervorragend für eher visuelle und auditive Lerner eignet. Wenn Sie das Gefühl haben, dass es zu langsam geht, können Sie die Videos auch jederzeit beschleunigen. Auf ihrem JS-Pfad findest du Inhalte für Anfänger und Experten. Wenn du dir nicht sicher bist, wo du anfangen sollst, kannst du ihren Geschicklichkeitstest machen und dir eine Empfehlung holen.

Eierkopf

Eierkopf hat heutzutage einige der besten Ressourcen für JS, die von Experten für Web-App-Entwicklung und Open-Source-Mitwirkenden erstellt wurden. Egghead konzentriert sich jedoch mehr auf Inhalte für Fortgeschrittene, und ich würde nur empfehlen, an ihren Kursen teilzunehmen, nachdem Sie einige der zuvor aufgeführten Kurse abgeschlossen haben. Das Beste an ihren Kursen ist, dass sie direkt auf den Punkt kommen. Sie werden kleine Videos finden, die in einem Bruchteil der Zeit viele Informationen enthalten.

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!

Ready for a UX Audit? Book a free call

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
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.

Read more posts by this author
Tiago Cotovio
Tiago Cotovio

Webentwickler und Fußball-Enthusiast. Planen Sie, um die Welt zu reisen und neue Kulturen kennenzulernen. Kann leicht gefunden werden, wenn er Musik hört oder so tut, als wäre er ein Fußballmanager.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon