knackw/ibb-kw-19-js-gk

IBB JavaScript jQuery, Basics

#IBB JavaScript jQuery, Basics

Link: https://www.ibb.com/weiterbildung/javascript-jquery-basics

Als freie JavaScript-Bibliothek stellt jQuery Funktionen zur Navigation und Manipulation des Dokumenten-Objekt-Models (DOM), welches die Struktur eines HTML- oder XML-Dokuments darstellt, zur Verfügung. Sie gehört damit zu den meistverwendeten JavaScript-Bibliotheken und wird von weit über die Hälfte aller Webseiten genutzt. Finden Sie hier den Einstieg in jQuery, lernen Sie die Funktionen, Methoden und Ereignisse kennen und wie Sie im DOM navigieren und es manipulieren.

Inhalt der Weiterbildung

• Selektoren und Filter
• Funktionen und Methoden
• Veränderung der Webseite mit DHTML
• DOM-Manipulation
• DOM-Navigation
• CSS-Veränderung
• CSS-Regeln zuweisen
• Eventhandler und Trigger
• Arrays anlegen

1. Installieren von Docker und Docker Compose

Siehe hierzu: https://github.com/knackw/docker_nginx_php8_mariadb10_phpmyadmin410

2. Installation der HTML Entwicklungsumgebung

1) Webserver erzeugen

Quellangaben:

PHP's development with Docker the easy way: https://stefan-poeltl.medium.com/php-development-with-docker-the-easy-way-13621ec5d39b

Mit dem unten angegeben Terminal Kommando wird Entwicklungsumgebung generiert und anschließen der Service (Server) gestartet. Du musst Dich im Verzeichnis des Projektes befinden, indem sich die Datei docker-compose.yml befindet.

docker-compose up

Sollte ein Fehler aufgetreten sein und am Setup Anpassungen vorgenommen haben musst Du folgenden Befehl ausführen.

docker-compose up --build

Zum Beenden des Services gibst du

docker-compose down

ein.

3. Linksammlung

UHB: JavaScript Das umfassende Handbuch, Philip Ackermann, Rheinwerk Computing, 2., aktualisierte und erweiterte Auflage 2018, ISBN: 978-3-8362-5696-4

Wikibook Websiteentwicklung: JavaScript

http://de.wikibooks.org/wiki/Websiteentwicklung:_JavaScript

selfhtml

https://wiki.selfhtml.org/wiki/Schnell-Index/JavaScript

w3schools

https://www.w3schools.com/js/default.asp

QuerySelector

Beispiel: onclick="document.querySelector('.big img').src='./images/thumbs/pics4.jpg';"

https://www.w3schools.com/cssref/css_selectors.asp

4. Schlussbemerkung

Solltest Du Fehler entdecken, Vorschläge oder Anregungen haben scheu Dich nicht mir ein Ticket zu schreiben.

Happy coding :)