<head xmlns="http://www.tei-c.org/ns/1.0">Übersicht</head> <p xmlns="http://www.tei-c.org/ns/1.0">Das Grundkonzept des Workshops lässt sich in folgender Tabelle zusammenfassen:</p> <table xmlns="http://www.tei-c.org/ns/1.0" rend="frame" xml:id="Tabelle1"> <row> <cell /> <cell>Technologien & Konzepte</cell> <cell>Lernziel</cell> </row> <row> <cell>Block 1</cell> <cell>Überblick eXist-db, VueJS & JSON</cell> <cell>JSON-Serialisierung von XML-Daten mit eXist-db verstehen</cell> </row> <row> <cell rows="2">Block 2</cell> <cell>eXist-db, JSON, XPath, XQuery</cell> <cell>eXist-db Datenbankanfragen modifizieren und Ergebnisse nach JSON serialisieren</cell> </row> <row> <cell>VueJS</cell> <cell>Grundkonzepte von VueJS verstehen und anwenden</cell> </row> <row> <cell>Block 3-4</cell> <cell>VueJS, Asynchrone Anfragen, Promises</cell> <cell>VueJS-App programmieren und an JSON-REST-API anbinden</cell> </row> </table> <p xmlns="http://www.tei-c.org/ns/1.0">Nach dem Workshop sollen die Teilnehmenden in der Lage sein</p> <list xmlns="http://www.tei-c.org/ns/1.0" type="unordered"> <item>nachzuvollziehen, wie man mit eXist-db XML-Daten nach JSON serialisiert,</item> <item>die Bedeutung von der Vue.js-Begriffe data, methods, model-view-binding und templates zu verstehen, anwenden und selbst erklären zu können,</item> <item>eine einfache, reaktive Vue.js-Applikation zu programmieren,</item> <item>diese Vue.js-Applikation an eine JSON-REST-Schnittstelle anzubinden, und</item> <item>das grundlegende Prinzip im Zusammenspiel von Backend - JSON-API - JavaScript-Frontend auch auf andere Technologien und Frameworks übertragen zu können.</item> </list>