Beginnen Sie jetzt JavaScript mit diesen 5 kostenlosen Ressourcen zu codieren

Werbung

"Liebe - Liebe ist ein Verb, Liebe ist ein Wort des Handelns", so das Lied. Und eigentlich kann man das gleiche über JavaScript sagen: Diese brutzelnde Programmiersprache ist eine Programmiersprache.

Wenn Sie denken, dass JavaScript interessant ist, müssen Sie JavaScript ausführen und nicht nur darüber lesen. Der Einstieg ist viel einfacher als erwartet und kostet nichts. Ich habe drei ausgewählte Ressourcen zum Erlernen von JavaScript ausfindig gemacht, bei denen es darum geht, etwas mit der Sprache zu tun, anstatt nur Videos zu lesen oder anzusehen.

Für eine geführte Tour: Codeacademy's JavaScript Track

Wenn Sie nur sehr wenig über JavaScript wissen, wäre eine Führung durch die Sprache ein guter erster Schritt. Manche machen das mit einem oder zwei Büchern, andere machen es mit einer Reihe von Videos. Die ausgezeichnete Code School hat einen JavaScript-Pfad, der sowohl gut gemachte Videos und Übungen verwendet, aber es dreht sich um zusätzliche Technologien wie jQuery oder CoffeeScript CoffeeScript ist JavaScript ohne die Kopfschmerzen CoffeeScript ist JavaScript ohne die Kopfschmerzen Ich habe nie wirklich gerne JavaScript alle geschrieben so viel. Von dem Tag an, an dem ich meine erste Zeile geschrieben habe, habe ich mich immer geweigert, dass, was auch immer ich darin schreibe, immer wie ein Jackson aussieht ... Mehr lesen. Außerdem kostet es Geld.

Wenn Sie nach einer Ressource suchen, die sowohl kostenlos ist als auch einen Schwerpunkt darauf legt, müssen Sie Codeacademy's JavaScript Track verwenden. Dieser geführte JavaScript-Kurs verwendet das absolute Minimum an textlichen Erklärungen, die alle auf die Seitenleiste gepackt sind. 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 aktuelle (einfache) Codierungsaufgaben ausführen:

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

Zum Experimentieren: Chrome-Konsole und jsFiddle

Sobald Sie ein grundlegendes Verständnis der einfachen JavaScript-Syntax haben, ist es wichtig, dass Sie die Sprache im Hinterkopf behalten: Sie lesen diese Wörter wahrscheinlich gerade aus einem Browserfenster. Das bedeutet, dass Sie in dieser Minute bereits eine vollwertige JavaScript-Umgebung verwenden. Nichts zu installieren oder zu konfigurieren - klicken Sie einfach mit der rechten Maustaste auf irgend etwas auf der Seite und wählen Sie Element prüfen . Du bekommst folgendes:

Durch Klicken auf das oben angezeigte Symbol können Sie eine JavaScript-Konsole öffnen, die im Kontext der aktuell angezeigten Seite ausgeführt wird. Mit anderen Worten, Sie können die aktuelle Seite mit beliebigem JavaScript-Code bearbeiten, beliebige Bibliotheken verwenden (wie 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 für jeden modernen Webentwickler und warum es großartig ist Diese Woche, ich denke es ist an der Zeit, dass wir uns die Hände schmutzig machen mit etwas Code und gelernt haben, wie man mit der Seite geladen wird und alles tut, was man möchte.

Dies ist eine sehr gute Art zu lernen durch Versuch und Irrtum, weil es so zugänglich ist und es keine Angst gibt. Sie können keinen Schaden anrichten - keine Ihrer Änderungen wird irgendwo gespeichert, und es genügt ein einziger Tipp auf die F5-Taste, um alles, was Sie getan haben, rückgängig zu machen und von vorne anzufangen. Eine weitere wichtige Information über die Konsole 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 Umschalt + Eingabetaste.

Manchmal möchten Sie vielleicht jedoch Ihre eigene Umgebung erstellen: Eine benutzerdefinierte Kombination aus HTML, CSS, JavaScript-Bibliotheken und Ihrem eigenen Code. Dies kann Ihnen helfen, umfassendere Ideen zu testen. Wenn Sie so etwas erstellen möchten, ohne etwas lokal einrichten zu müssen, benötigen Sie jsFiddle. 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, z. B. welche JavaScript-Bibliothek Sie verwenden möchten. Es gibt auch eine Reihe von Beispielen, von denen einige für Anfänger zu aufwendig sein könnten:

Der vernünftige Umgang mit der Chrome-Konsole und jsFiddle sollte Ihnen helfen, JavaScript in Ihrem Gedächtnis zugänglich, spielerisch und lebendig zu halten. Sich nur auf geführte Touren durch die Sprache zu konzentrieren, ohne eigene Experimente zu machen, könnte tatsächlich dazu führen, dass JavaScript einschüchternder erscheint, als es wirklich ist. Schließlich ist es dein Code - spiele herum!

Für Referenz: Mozilla Developer Network und jQuery API-Dokumentation

Wir haben das Mozilla Developer Network bereits erwähnt, als eine von mehreren Ressourcen, die Ihnen helfen können, Code zu lernen. Lernen Sie Code: 10 kostenlose und fantastische Online-Ressourcen, um Ihre Fähigkeiten zu verbessern Lernen Sie Code: 10 kostenlose und fantastische Online-Ressourcen Ihre Fähigkeiten zu verbessern Codierung. Ein Thema, das von vielen vermieden wird. Es gibt eine Fülle von kostenlosen Ressourcen und Tools, die alle online verfügbar sind. Sicher, Sie könnten einige Kurse über das Thema in einem nahe gelegenen ... Lesen Sie mehr. Dies war in einem allgemeineren Kontext, da das MDN Informationen über eine breite Vielfalt von Themen enthält. Für unsere Zwecke hier sollten Sie wissen, dass das MDN als sehr solides Nachschlagewerk zu allen Dingen JavaScript dient. Das MDN bietet einen strukturierten JavaScript-Leitfaden, dem Sie Schritt für Schritt folgen können (abhängig von Ihrem früheren Programmierwissen), aber seine wahre Stärke liegt im JavaScript-Referenzteil. Dies ist ein Abschnitt, den Sie als ein Wörterbuch der Art verwenden können, nur um die Struktur bestimmter Anweisungen herauszufinden.

Eine weitere wichtige Referenzressource ist die jQuery-API-Dokumentation. Genau wie das MDN mag diese API-Dokumentation auf den ersten Blick entmutigend, unheimlich und überhaupt unfreundlich erscheinen. Und ja, keine dieser Bezugsquellen wird Sie durch sanfte Erklärungen halten - aber sie machen es dadurch aus, dass sie umfassend, sehr vertrauenswürdig und autoritär 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 Programmierstils und -wissens. Referenzen sind mächtige Werkzeuge, die man lernen muss, weil jedes Thema für sich allein steht: Man kann schnell etwas nachschlagen, wofür man mehr Informationen benötigt, den Kern dessen, was man braucht, bekommen und weiter programmieren.

Und schließlich ein optionales Buch

Es gibt tatsächlich ein Buch, das ich gerne empfehlen würde. Es geht nicht um JavaScript, und Sie werden keine Übungen darin finden. In der Tat hat es kaum einen Code überhaupt. Und dennoch ist es ein sehr gutes Buch zum Lesen, wenn Sie neugierig auf Programmierungen jeglicher Art sind: Es heißt Code Simplicity, und es lehrt Sie, wie man über Programmierung denkt und wie man sich dem Thema als Ganzes nähert. Sie können meine vollständige Rezension direkt auf der Amazon-Seite lesen (derzeit als die hilfreichste Kundenrezension markiert, awww), aber auf den Punkt gebracht, ist dies ein großartiges Buch über die philosophischen Grundlagen des Codierens. Es ist, als würde man ein paar Schritte von der Tastatur zurückgehen und nur über das Thema als Ganzes nachdenken.

Code Simplicity ist nicht unbedingt erforderlich, aber wenn Sie glauben, dass Ihr Wissen durch das Lesen eines Buches profitieren kann, ist dies ein großartiger Anfang.

Lernst du, indem du tust?

Und jetzt kann ich Sie endlich fragen: Wie nähern Sie sich dem Code-Lernen? Lernst du damit oder bist du eher ein Leser? Welche Ressourcen hast du bei deinem Versuch, ein Programmierer zu werden, genutzt? Lass es mich in den Kommentaren wissen!