Beherrschung von JavaScript und DOM-Manipulation

Einführung

In diesem Lab betreten Sie die Welt der Webentwicklung aus der Sicht von Alex, einem angehenden Webentwickler, dessen Aufgabe es ist, einen dynamischen persönlichen Finanz-Tracker zu erstellen. Erstellen einer benutzerfreundlichen Anwendung, mit der Benutzer ihre täglichen Ausgaben und Einnahmen eingeben und verfolgen können. Das Ziel ist klar – die Entwicklung einer Benutzeroberfläche, die sowohl intuitiv als auch ansprechend ist und sicherstellt, dass Benutzer ihre Finanzen problemlos verwalten können. Dieses Projekt zielt nicht nur darauf ab, das persönliche Finanzmanagement zu vereinfachen, sondern Ihnen auch die grundlegenden Konzepte von JavaScript und DOM-Manipulation näher zu bringen.

Wir werden 5 Labore absolvieren, um das EconoMe-Projekt abzuschließen.

Wissenspunkte:

• Variablendeklarationen (let, const)
• Grundlagen der DOM-Manipulation (Elemente abrufen, Elementinhalt ändern)
• Ereignisüberwachung (addEventListener)

Grundlegendes JavaScript

JavaScript ist eine einfache, objektorientierte und ereignisgesteuerte Sprache. Es wird vom Server auf den Client heruntergeladen und vom Browser ausgeführt.

Es kann mit HTML und im Web sowie im weiteren Sinne auf Servern, PCs, Laptops, Tablets und Smartphones verwendet werden.

Zu seinen Eigenschaften gehören:

• Wird normalerweise zum Schreiben clientseitiger Skripte verwendet.
• Wird hauptsächlich verwendet, um interaktives Verhalten in HTML-Seiten hinzuzufügen.
• Es ist eine interpretierte Sprache, die so ausgeführt wird, wie sie interpretiert wird.

Wie integrieren wir also JavaScript in HTML?

Die Inklusionsmethode ähnelt CSS und kann auf drei Arten durchgeführt werden:

• Direkt in den HTML-Tags, für besonders kurzen JavaScript-Code.
• Mit dem