Beginnen Sie die Kodierung von JavaScript jetzt mit diesen 5 kostenlosen Ressourcen

“Liebe - Liebe ist ein Verb, Liebe ist ein Wort,” oder so geht das Lied. Und eigentlich kann man das gleiche über JavaScript sagen: Diese spritzige Programmiersprache ist eine tun Sprache.

Wenn Sie denken, dass JavaScript interessant ist, müssen Sie dies tun tun JavaScript - nicht nur darüber lesen. Der Einstieg ist viel einfacher als erwartet und kostet nichts. Ich habe drei Auswahlmöglichkeiten für das Erlernen von JavaScript ausfindig gemacht, bei denen es um Sie geht tun etwas mit der Sprache, anstatt nur Videos zu lesen oder anzusehen.

Für eine geführte Tour: Codeacademys JavaScript-Track

Vorausgesetzt, Sie wissen wenig über JavaScript, wäre eine Führung durch die Sprache ein guter erster Schritt. Manche Leute machen das mit ein oder zwei Büchern, andere machen es mit einer Reihe von Videos. Die exzellente Code School verfügt über einen JavaScript-Pfad, der sowohl gut entwickelte Videos als auch Übungen verwendet. Es handelt sich jedoch um ergänzende Technologien wie jQuery oder CoffeeScript. CoffeeScript ist JavaScript ohne Kopfschmerzen. CoffeeScript ist JavaScript ohne Kopfschmerzen so viel. Seit dem Tag, an dem ich meine erste Zeile damit geschrieben habe, habe ich mich immer darüber geärgert, dass das, was ich darin schreibe, immer wie ein Jackson aussieht… Weiterlesen. Es kostet auch Geld.

Wenn Sie nach einer Ressource suchen, die sowohl kostenlos ist und hat einen starken Schwerpunkt darauf zu tun, Sie benötigen JavaScript Track von Codeacademy. Dieser geführte JavaScript-Kurs verwendet das absolute Minimum an Texterklärungen, die alle auf der Seitenleiste stehen. Der Großteil des Bildschirms wird von einem eleganten Code-Editor übernommen, der direkt in Ihrem Browser ausgeführt wird. Um den Kurs zu durchlaufen, müssen Sie die eigentlichen (einfachen) Codierungszuweisungen ausführen:

Der Browser überprüft Ihren Code. Sobald Sie alles richtig gemacht haben, können Sie mit der nächsten Phase fortfahren. Der Kurs behandelt viele JavaScript-Grundlagen, von Funktionen über Schleifen, Kontrollfluss, Datenstrukturen und Objekten. Dies ist eine großartige Möglichkeit, um sich mit der Kernsprache vertraut zu machen, bevor Sie in Bibliotheken wie jQuery einsteigen. Wenn Sie bereits etwas über JavaScript wissen, müssen Sie nicht von vorne beginnen: Sie können einen beliebigen Abschnitt ausführen oder sogar mehrere Abschnitte parallel durchlaufen.

Zum Experimentieren: Chrome's Console und jsFiddle

Wenn Sie sich mit der einfachen JavaScript-Syntax vertraut gemacht haben, ist es wichtig, dass Sie auf die Sprache sehr gut zugreifen können: Sie lesen diese Wörter wahrscheinlich gerade aus einem Browserfenster. Dies bedeutet, dass Sie bereits in dieser Minute eine vollwertige JavaScript-Umgebung verwenden. Nichts zu installieren oder zu konfigurieren: Klicken Sie einfach mit der rechten Maustaste auf die Seite und wählen Sie aus Element prüfen. Sie erhalten Folgendes:

Durch Klicken auf das oben abgebildete Symbol können Sie eine JavaScript-Konsole aufrufen, die im Kontext der gerade angezeigten Seite ausgeführt wird. Mit anderen Worten, Sie können die aktuelle Seite mit beliebigem JavaScript-Code bearbeiten und beliebige Bibliotheken verwenden (z. B. jQuery jQuery Tutorial - Erste Schritte: Grundlagen und Selektoren.) JQuery Tutorial - Erste Schritte: Grundlagen und Selektoren. Letzte Woche habe ich darüber gesprochen, wie wichtig jQuery ist Ich denke, es ist an der Zeit, dass wir uns mit Code ein wenig schmutzig machen und erfahren haben, wie… Read More) mit der Seite geladen wird und alles tut, was Sie wünschen.

Dies ist eine sehr gute Möglichkeit, durch Versuch und Irrtum zu lernen, weil es so zugänglich ist und keine Angst besteht. Sie können keinen Schaden anrichten - Ihre Änderungen werden nirgendwo gespeichert, und Sie müssen nur einmal auf die Taste F5 tippen, um alles, was Sie getan haben, rückgängig zu machen und von vorne zu beginnen. Eine weitere wichtige Sache, die Sie über die Konsole verstehen müssen, ist, dass Sie nicht auf Einzeiler beschränkt sind: Sie können mehrere Codezeilen schreiben. Um eine neue Zeile zu beginnen, ohne den bisher eingegebenen Code auszuführen, drücken Sie die Umschalttaste + Eingabetaste.

Manchmal möchten Sie jedoch möglicherweise eine eigene Umgebung erstellen: Eine benutzerdefinierte Kombination aus HTML, CSS, JavaScript-Bibliotheken und Ihrem eigenen Code. Auf diese Weise können Sie umfassendere Ideen testen. Wenn Sie so etwas erstellen möchten, ohne etwas lokal einrichten zu müssen, ist jsFiddle genau das, was Sie brauchen. Dies ist eine Umgebung mit vier Bereichen: HTML, CSS, JavaScript und die Ausgabe. In einer Seitenleiste können Sie alle möglichen Extras auswählen, beispielsweise auf die JavaScript-Bibliothek, auf die Sie sich verlassen möchten. Es gibt auch eine Reihe von Beispielen, von denen einige für Anfänger zu aufwendig sind:

Die vernünftige Verwendung der Chrome-Konsole und von jsFiddle sollte Ihnen dabei helfen, JavaScript zugänglich, spielerisch und lebendig zu halten. Wenn Sie sich nur auf geführte Touren durch die Sprache konzentrieren, ohne eigene Experimente durchzuführen, kann dies dazu führen, dass JavaScript einschüchternder wirkt, als es wirklich ist. Immerhin ist es Ihre Code - herumspielen!

Referenz: Mozilla Developer Network und jQuery API-Dokumentation

Wir haben das Mozilla Developer Network bereits als eine von mehreren Ressourcen erwähnt, mit denen Sie lernen können, wie man Code lernen lernt. Code: 10 kostenlose und fantastische Online-Ressourcen, um Ihre Fähigkeiten zu verbessern Code-Code: 10 kostenlose und fantastische Online-Ressourcen, um Ihre Fähigkeiten zu verbessern Codierung. Ein Thema, das von vielen gemieden wird. Es gibt eine Fülle von kostenlosen Ressourcen und Tools, die alle online verfügbar sind. Sicher könnten Sie einige Kurse zu diesem Thema in der Nähe besuchen. Lesen Sie mehr. Dies war in einem allgemeineren Kontext, da das MDN Informationen zu einer breiten Vielfalt von Themen enthält. Für unsere Zwecke hier sollten Sie wissen, dass das MDN ein sehr solides Nachschlagewerk für JavaScript ist. Das MDN bietet zwar einen strukturierten JavaScript-Leitfaden, den Sie möglicherweise schrittweise befolgen können (abhängig von Ihren Programmierkenntnissen), die wahre Stärke liegt jedoch im JavaScript-Referenzabschnitt. Dies ist ein Abschnitt, den Sie als Art von Wörterbuch verwenden können, um nur die Struktur bestimmter Anweisungen herauszufinden.

Eine weitere wichtige Referenzressource ist die jQuery-API-Dokumentation. Genau wie das MDN kann diese API-Dokumentation auf den ersten Blick entmutigend, unheimlich und insgesamt unfreundlich erscheinen. Und ja, keine dieser Referenzressourcen wird Sie durch sanfte Erklärungen unterstützen - aber Sie machen das wieder wett, indem sie umfassend, sehr vertrauenswürdig und verbindlich sind.

Programmierer müssen nicht unbedingt alles wissen - ein großer Teil der Arbeit besteht darin zu wissen, wo sie suchen müssen, wenn Sie etwas herausfinden müssen. Das Lesen und Verstehen der offiziellen Dokumentation ist ein wichtiger Schritt auf dem Weg zur Verbesserung Ihres Codierstils und Ihrer Kenntnisse. Referenzen sind leistungsstarke Werkzeuge, um durch das Lernen etwas zu lernen, denn jedes Thema steht normalerweise für sich: Sie können schnell nach Informationen suchen, zu denen Sie weitere Informationen benötigen, den Kern dessen finden, was Sie brauchen, und das Programmieren fortsetzen.

Und schließlich ein optionales Buch

Dort eigentlich ist ein Buch, das ich empfehlen möchte. Es geht nicht um JavaScript, und Sie finden darin keine Übungen. Tatsächlich hat es kaum Code. Dennoch ist es ein sehr gutes Buch zum Lesen, wenn Sie sich für Programmierung jeglicher Art interessieren: Es heißt Code Simplicity und es zeigt Ihnen, wie Sie über das Programmieren nachdenken und wie Sie sich dem Thema als Ganzes nähern. Sie können meine vollständige Rezension direkt auf der Amazon-Seite lesen (derzeit als hilfreichste Kundenrezension gekennzeichnet, awww), aber in aller Kürze ist dies ein großartiges Buch über die philosophischen Grundlagen des Kodierens. Es ist, als würde man ein paar Schritte von der Tastatur zurücktreten und nur über das Thema nachdenken.

Code Simplicity muss nicht unbedingt gelesen werden, aber wenn Sie der Meinung sind, dass Ihr Wissen durch das Lesen eines Buches von Vorteil sein könnte, ist dies ein großartiger Anfang.

Lernen Sie durch das Tun?

Und jetzt darf ich Sie endlich fragen: Wie geht es? Sie Ansatz, um Code zu lernen? Lernst du durch Tun oder bist du eher ein Leser? Welche Ressourcen haben Sie bei Ihrer Suche nach einem Kodierer verwendet? Lass es mich in den Kommentaren wissen!

Erfahren Sie mehr über: Bildungstechnologie, JavaScript, Programmierung.