Fangen Sie an, JavaScript zu lernen: Warum Sie es tun sollten und wie Sie es kostenlos tun können

Möchten Sie anfangen, JavaScript zu lernen, wissen aber nicht, wie oder wo Sie anfangen sollen? In diesem Beitrag geben wir Ihnen die Anleitung, die Sie benötigen, um sich in der beliebten Programmiersprache weiterzubilden.

Wir werden darüber sprechen, warum Sie JavaScript in Bezug auf Schwierigkeitsgrad und Karriereaussichten lernen sollten. Danach wird der Beitrag beschreiben, wie Sie beginnen können, oft kostenlos. Wenn Sie fertig sind, möchten wir, dass Sie gut verstehen, wie Sie JavaScript von Grund auf selbst lernen können.

Was ist JavaScript und warum sollte man es lernen?

Bevor wir uns damit befassen, wie Sie sich in JavaScript weiterbilden können, lassen Sie uns über die Gründe dafür sprechen. Dafür ist es hilfreich zu wissen, wofür man die Programmiersprache verwenden kann.

Anwendungen für JavaScript

Lassen Sie uns zuerst über Webdesign sprechen. Beim Erstellen von Websites ist JavaScript der Teil, der sie interaktiv macht. Während HTML das Skelett und den Inhalt bereitstellt und CSS das Layout und Design einer Website definiert, ist JavaScript dazu da, Funktionalität und Verhalten hinzuzufügen. Sie finden es am häufigsten als Teil von Dropdown-Menüs, Popups und anderen Modals, Kontaktformularen, Animationen und interaktiven Karten.

Genau wie HTML und CSS ist auch JavaScript etwas, das jeder Browser verstehen und verarbeiten kann.

Auch bei WordPress sehen wir einen verstärkten Einsatz von JavaScript. Calypso, die Desktop-App für WordPress.com, basiert vollständig auf JavaScript, insbesondere auf React und Node.js.

Auch der Gutenberg-Editor, der 2018 den klassischen WordPress-Editor als Standard-Schreiboberfläche abgelöst hat, nutzt JavaScript als Haupttechnologie.

Ursprünglich eine clientseitige Sprache (d. h. sie wird im Benutzerbrowser interpretiert und verarbeitet), kann sie dank Node.js jetzt auch serverseitig ausgeführt werden. Darüber hinaus brachten React Native und Iconic es auf mobile Geräte, Electron auf den Desktop.

Folglich geht die Anwendung von JavaScript weit über das Web hinaus. Sie können damit Web-Apps und Back-End-Produkte erstellen, Smart-TVs, Internet-of-Things-Geräte und native mobile Apps ausführen. Da es außerdem plattformübergreifend kompatibel ist, kann es Desktop-Apps unterstützen, die überall funktionieren.

Vor- und Nachteile von JavaScript

Neben dem Wissen, wofür Sie JavaScript verwenden können, hilft es auch, die Vor- und Nachteile zu untersuchen.

JavaScript-Profis

Beginnen wir mit den Vorteilen von JavaScript als Programmiersprache:

• Vielseitigkeit — Die unzähligen Einsatzgebiete von JavaScript haben wir oben bereits erwähnt. Von Websites, Mobil- und Desktop-Apps bis hin zu intelligenten Geräten und Spielen und sogar maschinellem Lernen – es gibt kaum etwas, wofür Sie es nicht verwenden können. JavaScript ist außerdem sowohl für das Frontend als auch für das Backend geeignet und funktioniert gut mit anderen Programmiersprachen. Kurz gesagt, JavaScript ist ein Kraftpaket für Vielseitigkeit.
• Anfängerfreundlich – Die Syntax von JavaScript ist leicht zu erlernen. Es ist auch nicht erforderlich, eine Entwicklungsumgebung zu erstellen, Sie können einfach in Ihrem Browser mit dem Codieren beginnen. Darüber hinaus verfügt die Sprache über eine große Online-Community für Beratung und Unterstützung. Außerdem eignet sich JavaScript hervorragend zum Erlernen grundlegender Konzepte (z. B. objektorientierte Programmierung), die auch für andere Sprachen gelten. Schließlich gibt es viele Frameworks, die Ihnen einen Vorsprung verschaffen können.
• Geschwindigkeit – Im Vergleich zu anderen Programmiersprachen, insbesondere solchen, die serverseitig wie PHP ausgeführt werden, wird JavaScript normalerweise schneller ausgeführt. Das ist kein Wunder, da es direkt im Browser ausgeführt werden kann, ohne dass eine Kompilierung oder Rücksprache mit einem Server erforderlich ist (es sei denn, es benötigt externe Ressourcen). Dies führt auch zu einer geringeren Belastung des Servers. Daher ist es oft die Wahl für Apps oder Websites mit viel Interaktivität.

Nachteile von JavaScript

Hat JavaScript irgendwelche Nachteile? Natürlich sind wenige Dinge völlig ohne Nachteile. In diesem Fall ist Folgendes zu beachten:

• Sicherheitsbedenken – Da JavaScript im Browser des Benutzers ausgeführt wird, kann es für böswillige Absichten ausgenutzt werden. Aus diesem Grund schalten manche Leute es standardmäßig in ihrem Browser aus.
• Browserübergreifende Unterstützung – Im Gegensatz zu serverseitigen Skripten interpretieren manchmal verschiedene Browser denselben JavaScript-Code unterschiedlich. Dies kann es schwierig machen, Code zu schreiben, der browserübergreifend kompatibel ist.
• SEO – Es ist nicht ganz klar, wie gut Suchmaschinen JavaScript crawlen können, daher stellt es ein potenzielles SEO-Problem dar. In jedem Fall müssen Sie lernen, JavaScript SEO-freundlich einzusetzen.

Karriereaussichten

In den letzten Jahren ist die Programmiersprache immer beliebter geworden. In der Stack Overflow-Entwicklerumfrage von 2021 wurde sie zur beliebtesten Programmiersprache unter professionellen Entwicklern gewählt. Das neunte Jahr in Folge!

Darüber hinaus sind die Top-5-Webframeworks auch alle JavaScript-Frameworks.

Da die Sprache in neue Bereiche vordringt, eröffnet sie immer mehr Beschäftigungsmöglichkeiten. Devskiller fand heraus, dass 2019 72 % aller Unternehmen nach JavaScript-Entwicklern suchten. Die Programmiersprache ist auch die am häufigsten getestete Fähigkeit in Vorstellungsgesprächen.

Wenn Sie Front-End eines Full-Stack-Entwicklers werden möchten, ist die Kenntnis von JavaScript ziemlich selbstverständlich. Wenn Sie in die Spieleentwicklung, maschinelles Lernen oder künstliche Intelligenz einsteigen möchten, ist es außerdem hilfreich, JavaScript zu kennen.

Außerdem können Leute, die sich mit JavaScript auskennen, gute Gehälter erzielen. Laut Indeed.com beträgt das durchschnittliche Grundgehalt eines JavaScript-Entwicklers in den Vereinigten Staaten 111.278 $ pro Jahr. Selbst Anfänger können damit rechnen, bei 90.000 $ zu beginnen.

Wenn Sie außerdem auf LinkedIn nach JavaScript suchen, werden allein in den Vereinigten Staaten über 400.000 Stellenangebote angezeigt. Mit JavaScript-Kenntnissen stehen Ihnen also sowohl gute als auch gut bezahlte Jobmöglichkeiten bevor.

Ist JavaScript für Anfänger leicht zu erlernen?

Weiter oben haben wir erwähnt, dass einer der Vorteile von JavaScript darin besteht, dass es leicht zu erlernen ist. Um Ihnen zu zeigen, dass das stimmt, gehen wir jetzt einige grundlegende JavaScript-Konzepte und -Codes durch. So können Sie sich selbst eine Meinung bilden.

Bemerkungen

Lassen Sie uns zuerst über Kommentare sprechen. Wie die meisten Programmiersprachen ermöglicht Ihnen JavaScript, Ihren Code zu kommentieren und Kommentare so zu markieren, dass der Browser nicht versucht, sie auszuführen. So können Sie Ihre Arbeit fehlerfrei dokumentieren.

JavaScript kennt zwei Arten von Kommentaren: einzeilig und mehrzeilig. So schreiben Sie sie:

 // Nothing in this line will be executed /* Neither Will Any of This */

Diejenigen, die mit PHP vertraut sind, werden sich sofort zu Hause fühlen, da beide Sprachen Kommentare auf die gleiche Weise kennzeichnen.

Daten ausgeben

Eine der einfachsten Möglichkeiten, JavaScript auszuprobieren, ist die Verwendung von alert() . Sie können es verwenden, um eine Nachricht in einem Popup-Fenster in Ihrem Browser auszugeben.

Öffnen Sie dazu einfach die Konsole in den Entwicklertools Ihres Browsers und fügen Sie den folgenden Code ein:

 alert("With JavaScript, it's really easy to make this box appear.");

Ziemlich einfach zu verstehen, oder? Wenn Sie jetzt die Eingabetaste drücken, sollten Sie die gleiche Meldung wie oben sehen.

alert() ist eine JavaScript-Methode, um Daten an den Benutzer auszugeben. Die Zeichenfolge (dh Text) in den Klammern ist der Inhalt des Popups. Sie benötigen ein Semikolon am Ende, um anzuzeigen, dass die Codezeile vollständig ist.

Mit diesem Wissen ist es bereits möglich, es selbst auszuprobieren. Ändern Sie einfach die Zeichenfolge in den Klammern (achten Sie darauf, sie in Anführungszeichen zu setzen) in das, was Sie möchten, um Ihr eigenes Popup zu erstellen.

Manipulation des DOM

Im Webdesign verwenden Sie am häufigsten JavaScript, um Änderungen an der Benutzeroberfläche oder dem DOM vorzunehmen. DOM steht für „Document Object Model“ und ist im Grunde der Baum von HTML-Elementen, aus denen eine Webseite besteht. Sie können es sehen, wenn Sie eine beliebige Seite mit den Entwicklertools untersuchen.

JavaScript bietet viele verschiedene Optionen, um Änderungen daran vorzunehmen. Sehen wir uns ein Beispiel an, um zu zeigen, wie das geht und wie es aussieht.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

Oben haben wir eine einfache HTML-Seite erstellt. Wie Sie sehen können, hat es eine Überschrift und ein leeres Absatzelement mit der target -ID (wenn Sie sich mit HTML-Klassen und -IDs nicht auskennen, können Sie hier mehr erfahren).

Unten befindet sich auch ein JavaScript-Skript. Es wurde in <script> -Tags eingeschlossen, damit Browser es erkennen. Um zu verstehen, was es tut, nehmen wir es auseinander:

• document — Greift auf das document-Objekt zu, bei dem es sich um die Webseite handelt.
• getElementByID("target") — Findet ein Element anhand seiner ID. Die Klammer enthält die zu suchende ID in Anführungszeichen.
• innerHTML — Ändert das innere HTML eines Elements.

Wenn Sie sie zusammenfügen, durchsucht das Skript im Grunde die Webseite nach einem Element, das eine target -ID hat und zu seinem inneren HTML hinzufügt. Was es an dieser Stelle enthalten sollte, befindet sich hinter dem Gleichheitszeichen innerhalb der doppelten Anführungszeichen. Wenn Sie also in einem Browser auf eine Datei mit dem obigen Code zugreifen, sehen Sie Folgendes:

Nicht so schwer zu verstehen, oder? Hoffentlich hat Ihnen das Obige einen schnellen Eindruck davon vermittelt, wie die JavaScript-Syntax funktioniert. Weitere grundlegende Tipps finden Sie in diesem JavaScript-Spickzettel.

Was ist mit Frameworks?

Etwas, worüber Sie viel hören werden, wenn Sie anfangen, JavaScript zu lernen, sind Frameworks. Wenn Sie mit diesem Begriff nicht vertraut sind, sind Frameworks so ziemlich Sammlungen von Codebibliotheken. Sie enthalten gemeinsame Merkmale und Elemente von Webseiten, Anwendungen oder was auch immer sie sonst anstreben. Auf diese Weise können Sie diese Elemente und Funktionen erstellen und verwenden, ohne sie von Grund auf neu schreiben zu müssen.

Also, wenn JavaScript-Frameworks das Leben so viel einfacher machen, sollten Sie nicht sofort anfangen, sie zu verwenden?

Das ist eigentlich Teil einer hitzigen Debatte unter Entwicklern. Einige sagen, dass Sie Vanilla (was einfaches) JavaScript vor Frameworks lernen sollte. Andere sind der Meinung, dass man sofort mit Frameworks loslegen sollte, um durchzustarten.

Wir können Ihnen hier keine endgültigen Antworten darauf geben, aber es ist wahrscheinlich immer eine gute Idee, zumindest die Grundlagen von JavaScript zu lernen, bevor Sie sich verzweigen. Dadurch erhalten Sie ein besseres und tieferes Verständnis dessen, was Sie tun, und machen Sie zu einem besseren Entwickler dafür.

Wie fange ich an, JavaScript kostenlos zu lernen?

Bleibt nur noch die Frage, wo genau man JavaScript lernen kann, am besten ohne dafür zu bezahlen? Hier sind einige kostenlose Ressourcen, mit denen Sie Ihre Reise beginnen können:

• MDN Web Docs – Das Mozilla Developer Network gilt als eine der wichtigsten Quellen für Webdesign-Wissen. Es ist voll von erstklassigen Tutorials zu allem, von HTML über CSS bis hin zu Webformularen, Zugänglichkeit und mehr. Sie haben auch eine ausführliche Anleitung zum Erlernen von JavaScript, die Sie kostenlos durchgehen können.
• W3Schools – Ähnlich wie MDN bietet W3Schools eine vollständige Einführung in JavaScript. Es kommt in mundgerechten Lektionen mit vielen Beispielen zum Ausprobieren. Die Seite eignet sich auch hervorragend als Nachschlagewerk. Wenn Sie einen etwas strukturierteren Ansatz wünschen und bereit sind, dafür zu bezahlen, können Sie außerdem ihre kostenpflichtigen Kurse ausprobieren.
• JavaScript.info – Ein vollständiger JavaScript-Online-Kurs, durch den Sie sich durchklicken können. Viele Informationen, Grafiken und Tipps (einschließlich beispielsweise der zu verwendenden Code-Editoren). Es hat auch eine Kommentarfunktion, wo Leser Fragen stellen, diskutieren oder Codeschnipsel teilen können.
• Eloquent JavaScript – Ursprünglich ein gedrucktes Buch, ist Eloquent JavaScript in seiner Gesamtheit kostenlos online und als E-Book erhältlich. Es ist ziemlich dicht, also vielleicht besser geeignet für fortgeschrittene Entwickler.

Wir haben auch einen Artikel mit Lernressourcen, wenn Sie noch mehr suchen. Außerdem gibt es kostenpflichtige Kurse wie Team Treehouse, Udemy und Skillshare.

Sollten Sie also 2022 anfangen, JavaScript zu lernen?

JavaScript ist aus dem modernen Web nicht mehr wegzudenken. Viele Funktionen von Websites und Anwendungen sind ohne diese dynamische Programmiersprache nicht denkbar. Außerdem hat es sich auf viele andere Bereiche wie Spiele und maschinelles Lernen ausgeweitet.

In diesem Beitrag haben wir versucht, die Frage zu beantworten, ob Sie JavaScript lernen sollten und wie Sie anfangen können. Wenn man sich anschaut, wo die Sprache eine Rolle spielt, was sie kann, sowie Job- und Gehaltsmöglichkeiten, ist es leicht zu erkennen, dass der Einstieg in JavaScript ein sinnvoller Weg ist. Auch oder gerade als jemand im WordPress-Umfeld macht es Sinn, da es auch hier auf dem Vormarsch ist.

Wenn Sie Ihren Zeh eintauchen möchten, gibt es viele kostenlose Online-Ressourcen, um mit dem Erlernen von JavaScript zu beginnen. Sie können sofort loslegen, warum also nicht?

Haben Sie andere Einstiegsressourcen zum Erlernen von JavaScript zum Teilen? Wenn ja, tun Sie es bitte in den Kommentaren unten!