JavaScript ist eine Programmiersprache, die hauptsächlich dazu verwendet wird, Webseiten interaktiv zu machen und dynamische Inhalte direkt im Browser auszuführen. In diesem Projekt soll eine Webanwendung erstellt werden, um Daten in einer Tabelle darzustellen. Die Tabelle soll über eine JavaScript-Suche verfügen, die es dem Benutzer ermöglicht, nach bestimmten Datensätzen zu suchen. Darüber hinaus soll es möglich sein, beim Klicken auf einen Datensatz ein Popup zu öffnen, das weitere Details zu diesem Datensatz anzeigt.
- Einrichten der Webanwendung
- Erstellen der interaktiven Tabelle
- Implementieren der JavaScript-Suche
- Öffnen eines Popups bei Klick
- Fragen und Antworten
- Richte eine neue Webanwendung ein, die die Daten anzeigen wird.
- Verwende geeignete Technologien wie HTML, CSS, JavaScript und eine geeignete Webframework wie Flask oder Django.
- Erstelle eine Tabelle in der Webanwendung, um die Daten anzuzeigen.
- Gestalte die Tabelle so, dass sie benutzerfreundlich ist und gut lesbar ist.
- Implementiere eine JavaScript-Suchfunktion, die es dem Benutzer ermöglicht, nach bestimmten Datensätzen in der Tabelle zu suchen.
- Die Suchfunktion sollte dynamisch sein und die Tabelle entsprechend filtern, während der Benutzer tippt.
- Implementiere eine Funktion, die es dem Benutzer ermöglicht, beim Klicken auf einen Datensatz ein Popup zu öffnen.
- Das Popup sollte weitere Details zu dem ausgewählten Datensatz anzeigen, möglicherweise in Form eines Modalfensters oder einer Lightbox.
- Was sind die verschiedenen Technologien, die in der Webentwicklung verwendet werden? Nenne Beispiele und ihre Verwendungszwecke.
- Was versteht man unter serverseitig und clientseitig? Erläutere die Unterschiede und ihre Bedeutung in der Webentwicklung.
- Erkläre die Begriffe Frontend und Backend und ihre Rollen in der Webentwicklung.
- Erkläre HTML, CSS und JS und wie diese zusammenarbeiten, um Webseiten zu erstellen.
- Aus welchen beiden Hauptteilen besteht ein HTML-Dokument? Beschreibe die Struktur eines typischen HTML-Dokuments.
- Wie schreibt man Kommentare in HTML, CSS und JS? Zeige Beispiele für Kommentare in jeder dieser Sprachen.
- Was ist ein HTML-Tag? Erläutere die Bedeutung und Verwendung von HTML-Tags.
- Was ist ein div-Tag und wofür wird es verwendet? Beschreibe die Verwendung von div-Tags in HTML.
- Was ist XPath? Erkläre, wofür XPath verwendet wird und wie es in der Webentwicklung eingesetzt werden kann.
- Was ist ein Z-Index? Erläutere die Bedeutung des Z-Index in CSS.
- Was ist jQuery? Beschreibe die Funktionen und Verwendungszwecke von jQuery.
- Wie lässt sich JavaScript in eine Website einfügen? Nenne zwei Möglichkeiten, um JavaScript-Code in HTML-Dokumente einzubinden.