JavaScript — Dynamisches clientseitiges Scripting
JavaScript ist eine Programmiersprache, die es ermöglicht, komplexe Funktionalitäten auf Webseiten zu implementieren. Jedes Mal, wenn eine Webseite mehr tut als nur dort zu sitzen und statische Informationen anzuzeigen—z.B. zeitnahe Inhaltsaktualisierungen, interaktive Karten, animierte 2D/3D-Grafiken, scrollende Video-Jukeboxen oder mehr anzeigt—können Sie davon ausgehen, dass JavaScript wahrscheinlich beteiligt ist.
Voraussetzungen
JavaScript ist vermutlich schwieriger zu erlernen als verwandte Technologien wie HTML und CSS. Bevor Sie versuchen, JavaScript zu lernen, wird dringend empfohlen, dass Sie sich zuerst mit diesen beiden Technologien vertraut machen, und möglicherweise auch mit anderen. Beginnen Sie mit den folgenden Modulen:
Vorerfahrungen mit anderen Programmiersprachen könnten ebenfalls hilfreich sein.
Nachdem Sie sich mit den Grundlagen von JavaScript vertraut gemacht haben, sollten Sie in der Lage sein, fortgeschrittenere Themen zu lernen, zum Beispiel:
- JavaScript im Detail, wie in unserem JavaScript-Leitfaden behandelt
- Web APIs
Module
Unsere Politik zu modernem JavaScript
JavaScript ist eine aktiv weiterentwickelte Sprache und hat sich im Laufe der Jahre stark verändert. Insbesondere die 6. Ausgabe der Sprache (manchmal als ECMAScript 2015 oder ES6 bekannt), die 2015 eingeführt wurde, brachte viele neue Funktionen. Gleichzeitig wurden zur Aufrechterhaltung der Abwärtskompatibilität mit älteren Websites alte Sprachfunktionen beibehalten, selbst wenn sie nicht mehr als gute Praxis angesehen werden.
Wir sind der Meinung, dass die in ECMAScript 2015 und nachfolgenden Versionen zu JavaScript hinzugefügten Funktionen Entwicklern ermöglichen, lesbareren, zuverlässigeren und ausdrucksstärkeren Code zu schreiben, und dass es wichtig ist, darüber zu lernen.
Die Funktionen, die wir in diesem Kurs lehren, sind stabil und werden seit mehreren Jahren von allen großen Browsern unterstützt.
Dieses Thema enthält die folgenden Module, in einer vorgeschlagenen Reihenfolge, um sie durchzuarbeiten.
- JavaScript: Erste Schritte
-
In unserem ersten JavaScript-Modul beantworten wir zunächst einige grundlegende Fragen wie "Was ist JavaScript?", "Wie sieht es aus?" und "Was kann es tun?", bevor wir Sie zu Ihren ersten praktischen Erfahrungen im Schreiben von JavaScript führen. Danach besprechen wir einige wichtige JavaScript-Funktionen im Detail, wie Variablen, Zeichenketten, Zahlen und Arrays.
- JavaScript-Bausteine
-
In diesem Modul setzen wir unsere Behandlung aller grundlegenden JavaScript-Funktionen fort und konzentrieren uns auf häufig angetroffene Arten von Codeblöcken wie bedingte Anweisungen, Schleifen, Funktionen und Ereignisse. Sie haben diese Dinge bereits im Kurs gesehen, jedoch nur am Rande — hier werden wir alles ausführlich besprechen.
- Einführung in JavaScript-Objekte
-
In JavaScript sind die meisten Dinge Objekte, von grundlegenden JavaScript-Funktionen wie Zeichenketten und Arrays bis zu den auf JavaScript aufbauenden Browser-APIs. Sie können sogar Ihre eigenen Objekte erstellen, um verwandte Funktionen und Variablen in effizienten Paketen zusammenzufassen. Die objektorientierte Natur von JavaScript ist wichtig zu verstehen, wenn Sie mit Ihrer Kenntnis der Sprache weiter vorankommen und effizienteren Code schreiben möchten. Daher haben wir dieses Modul bereitgestellt, um Ihnen zu helfen. Hier lehren wir die Theorie und Syntax von Objekten im Detail, schauen uns an, wie man eigene Objekte erstellt, und erklären, was JSON-Daten sind und wie man damit arbeitet.
- Asynchrones JavaScript
-
In diesem Modul betrachten wir asynchrones JavaScript, warum es wichtig ist und wie es effektiv genutzt werden kann, um potenziell blockierende Operationen wie das Abrufen von Ressourcen von einem Server zu behandeln.
- Clientseitige Web-APIs
-
Beim Schreiben von clientseitigem JavaScript für Websites oder Anwendungen werden Sie nicht weit kommen, bevor Sie anfangen, APIs zu verwenden — Schnittstellen zur Manipulation verschiedener Aspekte des Browsers und des Betriebssystems, auf dem die Site läuft, oder sogar Daten von anderen Websites oder Diensten. In diesem Modul werden wir erkunden, was APIs sind und wie man einige der gängigsten APIs nutzt, die Ihnen bei Ihrer Entwicklungsarbeit oft begegnen werden.
Lösen häufiger JavaScript-Probleme
Lösen Sie häufige Probleme in Ihrem JavaScript-Code bietet ein wenig Rat, wie häufige Anfängerfehler beim JavaScript-Programmieren vermieden werden können, zusammen mit vielen nützlichen Links zu Themen, die zeigen, wie man häufige Programmierprobleme in JavaScript löst.
Siehe auch
- JavaScript auf MDN
-
Der Hauptzugangspunkt für die grundlegende JavaScript-Dokumentation auf MDN — hier finden Sie umfangreiche Referenzdokumente zu allen Aspekten der JavaScript-Sprache und einige fortgeschrittene Tutorials, die sich an erfahrene JavaScripter richten.
- Lernen Sie JavaScript
-
Eine ausgezeichnete Ressource für angehende Webentwickler — Lernen Sie JavaScript in einer interaktiven Umgebung mit kurzen Lektionen und interaktiven Tests, geleitet durch eine automatisierte Bewertung. Die ersten 40 Lektionen sind kostenlos.
- Coding Math
-
Eine hervorragende Serie von Video-Tutorials, die die Mathematik lehren, die Sie benötigen, um ein effektiver Programmierer zu sein, von Keith Peters.