Wir haben ein umfassendes Handbuch zusammengestellt, mit dessen Hilfe Sie JavaScript erlernen können, egal ob Sie gerade erst als Webentwickler anfangen oder sich mit fortgeschrittenen Themen befassen möchten.
Oder springen Sie gleich rein und schauen Sie sich unsere JavaScript-Kurse an:
Etwas Neues zu lernen ist beängstigend. Für mich besteht das größte Problem beim Aufnehmen einer neuen Fertigkeit darin, dass ich nicht weiß, was ich nicht weiß. Angesichts dessen ist es oft nützlich, einen Plan für das Lernen zu finden, was auch immer Sie interessiert. Das ist, was dieser Beitrag ist: Ihr Plan, Ihre Roadmap, Ihr Aktionsplan, um JavaScript zu lernen! Sie müssen sich keine Sorgen machen, die besten Ressourcen zu finden, die schlechten auszusortieren und herauszufinden, was als Nächstes zu lernen ist. Es ist alles hier Folgen Sie einfach Schritt für Schritt.
Wenn Sie sich zu irgendeinem Zeitpunkt festgefahren fühlen, können Sie Hilfe von einem der JavaScript-Experten von Envato Studio erhalten.
JavaScript ist die Sprache des Browsers.
Bevor Sie tatsächlich mit dem Erlernen von JavaScript beginnen, sollten Sie sich eine Minute Zeit nehmen, um zu verstehen, was es ist und was es tut.
JavaScript ist nicht jQuery, Flash oder Java. Es ist eine Programmiersprache, die von all diesen getrennt ist.
JavaScript ist die Sprache des Browsers (allerdings nicht mehr heutzutage). Der Hauptzweck besteht darin, einer sonst statischen Seite Interaktivität hinzuzufügen. Im Browser wird PHP oder Ruby für Sie nicht ersetzt. Es wird nicht einmal HTML oder CSS ersetzen. Sie werden es in Verbindung mit ihnen verwenden. Es ist auch nicht so schrecklich zu lernen, wie Sie vielleicht gedacht oder gehört haben.
Noch eine Anmerkung: Sie haben von jQuery gehört, der wahrscheinlich am häufigsten verwendeten JavaScript-Bibliothek. Oder Sie haben vielleicht schon von anderen populären JavaScript-Frameworks gehört, wie Mootools, YUI, Dojo und anderen. Wo passen diese ins Bild? Betrachten Sie sie als eine Sammlung von JavaScript-Hilfsprogrammen. Sie schreiben zwar immer noch JavaScript, wenn sie verwendet werden, aber es ist stark abstrahiertes JavaScript. Es erspart Ihnen eine Menge Arbeit.
Sie haben vielleicht sogar gehört, dass jemand gesagt hat, Sie sollten mit jQuery (oder einer anderen Bibliothek) beginnen und anschließend JavaScript lernen. Ich bin respektvoll, aber ich stimme ausdrücklich nicht zu. Machen Sie sich zunächst mit JavaScript vertraut und verwenden Sie anschließend Bibliotheken. Sie werden viel besser verstehen, was Sie tun. und folglich werden Sie viel besseres JavaScript schreiben.
Die Codecademy ist eine relativ neue Website, die sich selbst als "die einfachste Methode zum Erlernen des Codierens" bezeichnet. Sie werden der Richter sein! Derzeit gibt es nur zwei Kurse:? Erste Schritte mit der Programmierung? und? JavaScript-Kurzanleitung. Dies ist eine großartige Möglichkeit, Ihre Zehen in den JavaScript-Pool zu tauchen. Sie ähneln den Try Ruby-Übungen. Sie folgen kurzen Lektionen, schreiben Code in den Browser und sehen die Ergebnisse an. Während Sie Punkte sammeln und Leistungsabzeichen freischalten.
Wenn Sie bereits mit einer anderen Programmiersprache vertraut sind, können Sie wahrscheinlich mit der JavaScript-Schnellstartanleitung beginnen. Wenn Sie zum ersten Mal mit der Programmierung beginnen (jenseits von HTML und CSS), dann finden Sie die "Erste Schritte mit der Programmierung". natürlich sehr hilfreich. Die Codecademy ist kostenlos, eine Anmeldung ist jedoch erforderlich.
Die Leute von appendTo haben eine fantastische Auswahl an Screencasts, die speziell für Anfänger gedacht sind. Wenn Sie JavaScript auf die richtige (und einfache) Weise lernen möchten, arbeiten Sie auf jeden Fall mit diesen Lektionen zusammen. Visuelles Training ist immer ein Plus!
"Steigern Sie Ihre Fähigkeiten mit unserer bedarfsgerechten, pragmatischen Trainingslösung. Keine Anmeldung erforderlich. Kein Haken. Kein Scherz."
Wenn Sie die Kurse an der Codecademy durchgearbeitet haben, möchten Sie eine gründlichere Einführung in JavaScript erhalten - eine Einführung, die Sie mit allen Typen, Operatoren, Kontrollstrukturen und mehr vertraut macht.
Eine Handvoll guter Einführungen, wenn ich darf:
Wenn Sie im Browser mit JavaScript arbeiten, sollten Sie Firebug installieren und sich damit vertraut machen. Firebug ist ein Plugin für Firefox, das Sie beim Erstellen und Debuggen Ihrer Webseiten unterstützt: Betrachten Sie es als das Messer des Chirurgen für Webentwickler. Firefox nicht verwenden Wie Safari oder Chrome besser? Kein Problem: Überprüfen Sie die integrierten Entwicklertools, die Firebug sehr ähnlich sind.
Sie können das Fenster der Entwicklerwerkzeuge öffnen, indem Sie drücken
Wahl + Befehl + I
auf dem Mac oderStrg + Umschalttaste + I
am PC.
Sie werden viel lernen, indem Sie Ihr Werkzeug Ihrer Wahl öffnen und einfach auf einer Ihrer Lieblingswebseiten herumklicken. Hier sind ein paar Ressourcen, die Sie auf den neuesten Stand bringen:
Nun sind Sie mit den Grundlagen vertraut. Es gibt jedoch noch viel mehr zu lernen. Ich könnte Ihnen zwar eine Liste von Büchern empfehlen, die Sie in den Bankrott stürzen würden, aber ich werde es bei vier der hochwertigsten Bücher behalten, die Sie überall finden können:
Bei den ersten beiden handelt es sich um allgemeine, ausführliche JavaScript-Ressourcen, die das, was Sie von den Einführungen wissen, auf eine viel tiefere Ebene bringen. Sicher, sie werden einige Überlappungen von den Einführungen haben, aber nicht viel: gerade genug, um Sie bequem zu halten.
(Hinweis: Obwohl alle diese Bücher bei Amazon erhältlich sind, habe ich auf die Websites der Herausgeber verlinkt, sodass Sie die verfügbaren Beispielkapitel lesen können.)
Diese Bücher eignen sich hervorragend, um die JavaScript-Sprache zu verstehen und sie im Browser zu verwenden. Es gibt jedoch noch viel mehr zu lernen. Und während diese Bücher einige Muster und Praktiken behandeln, sind hier zwei Bücher, die den Themen gewidmet sind, die meiner Meinung nach nützlich sein werden.
Während Sie die oben beschriebenen Ressourcen durchgearbeitet haben, sollten Sie die Codebeispiele mitverfolgt haben: Ziehen Sie sie auseinander und passen Sie sie an, um zu sehen, was passiert. Aber jetzt ist es an der Zeit, sich selbstständig zu machen. Es ist Zeit, tatsächlich etwas zu bauen.
Also, was kannst du bauen? Es gibt viel zu tun. Hier sind ein paar Ideen.
alt
Markieren Sie die Fotos, oder blättern Sie durch die Fotos, wenn der Benutzer eine Minute lang nicht geklickt hat.div
mit etwas Text und mehreren Schaltflächen darüber. Eine Taste kann die Breite anpassen. Eins, die Höhe; und eine, die Hintergrundfarbe. Der Schlüssel ist nicht, dass die Änderungen sofort erfolgen, sondern im Laufe von beispielsweise einer Sekunde. Denken Sie daran, dass Google Ihr Freund ist, insbesondere wenn Sie bisher keine Animationen in JavaScript erstellt haben.Ich bin mir sicher, dass Sie sich andere Projekte vorstellen können, die eine gute Praxis darstellen. Schieben Sie sich natürlich aus Ihrer Komfortzone heraus; Nur so kann man lernen.
Verweisen Sie auch auf die JavaScript-Kategorie hier auf Nettuts +, um eine umfangreiche Liste von Tutorials auf allen Schwierigkeitsgraden zu erhalten.
Wenn Sie so weit gekommen sind, werden Sie wahrscheinlich feststellen, dass es einige Dinge gibt, die auf Browser-übergreifende Weise (oder überhaupt) in JavaScript schwer zu erreichen sind. Die größten Straftäter sind wahrscheinlich Dinge wie übermäßige DOM-Manipulation, AJAX und Animation. Hier kommt eine Bibliothek dazu.
Wie ich bereits erwähnt habe, besteht der Sinn einer JavaScript-Bibliothek darin, das schmerzhafte Zeug zu beschönigen. Deshalb jetzt könnte sei die Zeit, einen anzuschauen. Es gibt eine Tonne zur Auswahl, und ich lasse Sie entscheiden, mit wem Sie experimentieren möchten. Egal, ob es sich um jQuery oder Mootools, YUI oder Dojo handelt, auf den jeweiligen Websites finden Sie alles, was Sie zum Einstieg benötigen. Wenn Sie das Bedürfnis verspüren, probieren Sie es aus.
Zwar gibt es sicherlich unzählige Bibliotheken, aber Sie sollten versuchen, bei einer populären Wahl zu bleiben - zumindest zu Beginn.
Lassen Sie das, was Sie tun, fallen und abonnieren Sie diese Entwickler. Dies ist eine Voraussetzung.
Es gibt eine Menge unglaublicher JavaScript-Genies, die immer coole Sachen machen, die Sie nicht missen möchten. Glücklicherweise hat unser nie schlafender Mitherausgeber Siddharth eine Liste von 33 Entwicklern zusammengestellt, die Sie als JavaScript-Junkie abonnieren müssen. Lassen Sie das, was Sie tun, fallen und abonnieren Sie diese Entwickler. Dies ist eine Voraussetzung.
Aber du kannst mehr tun. Diese faire Website enthält häufig Beiträge zu JavaScript. Gehen Sie also nicht weg. Schauen Sie sich auch die JavaScript Show an, einen Podcast über die neuesten und besten JavaScript-Funktionen. Möglicherweise möchten Sie sich auch für den E-Mail-Newsletter von JavaScript Weekly anmelden.
Envato Market bietet Hunderte beliebter JavaScript-Artikel, von Schiebereglern bis hin zu Nachrichtentickern und von Kalendern bis hin zu Einkaufswagen.
Schauen Sie sich also an, was da draußen ist. Selbst wenn Sie nichts kaufen, kann das Sehen, was andere Personen erstellt haben, Sie mit einem Gefühl dafür belegen, was mit JavaScript möglich ist.
Eine Auswahl der JavaScript-Artikel auf Envato MarketDanke fürs Lesen! Hoffentlich kann Ihnen dieser Plan dabei helfen, ein JavaScript-Fanatiker zu werden. Wenn Sie bereits mit JavaScript vertraut sind, können Sie in den Kommentaren weitere Ressourcen empfehlen?