JavaScript by Example
1.0.0
Dies ist das Code-Repository für JavaScript von Beispiel, veröffentlicht von Packt. Es enthält alle unterstützenden Projektdateien, die zum Durcharbeiten des Buches von Anfang bis Ende erforderlich sind.
JavaScript ist die Programmiersprache, die alle Webentwickler lernen müssen. Der erste Punkt auf unserer JavaScript-To-Do-Liste ist die Erstellung einer To-Do-Listen-App, was Sie am Ende des ersten Kapitels erledigt haben werden. Sie erkunden die DOM-Manipulation mit JavaScript und arbeiten mit Ereignis-Listenern. Sie arbeiten mit Bildern und Text, um einen Meme-Ersteller zu erstellen. Sie lernen außerdem ES-Klassen (ECMAScript) kennen und erhalten eine Einführung in Layouts mit der CSS3-Flexbox.
Sie entwickeln außerdem ein responsives Event-Registrierungsformular, das es Benutzern ermöglicht, sich für Ihre bevorstehende Veranstaltung zu registrieren und Diagramme und Grafiken zur Anzeige von Registrierungsdaten zu verwenden. Anschließend erstellen Sie eine Wetteranwendung, die Ihnen verschiedene Möglichkeiten zeigt, AJAX-Anfragen auszuführen und mit dynamischen, externen Daten zu arbeiten. WebRTC ermöglicht Echtzeitkommunikation in einem Webbrowser; Später in diesem Buch erfahren Sie, wie Sie es verwenden, wenn Sie eine Echtzeit-Videoanruf- und Chat-Anwendung erstellen.
Gegen Ende des Buches werden Sie React kennenlernen, die JavaScript-Bibliothek von Facebook zum Erstellen von Benutzeroberflächen. Sie erstellen einen Blog mit React und bekommen ein Gefühl dafür, warum diese Art von JavaScript-Framework zum Erstellen umfangreicher Anwendungen verwendet wird. Um Ihr Blog besser wartbar und skalierbar zu machen, verwenden Sie Redux, um Daten über alle React-Komponenten hinweg zu verwalten.
Der gesamte Code ist in Ordnern organisiert. Jeder Ordner beginnt mit einer Nummer, gefolgt vom Anwendungsnamen. Zum Beispiel Kapitel02.
Der Code sieht wie folgt aus:
loadTasks() {
let tasksHtml = this.tasks.reduce((html, task, index) => html +=
this.generateTaskHtml(task, index), '');
document.getElementById('taskList').innerHTML = tasksHtml;
}JavaScript anhand eines Beispiels [Video]
JavaScript: Funktionale Programmierung für JavaScript-Entwickler
JavaScript-Designmuster 20 Muster zur Verbesserung Ihrer JavaScript-Kenntnisse [Video]
