diff --git a/slides/datastar/components/Words copy.vue b/slides/datastar/components/Words copy.vue new file mode 100644 index 0000000..87d581e --- /dev/null +++ b/slides/datastar/components/Words copy.vue @@ -0,0 +1,42 @@ + + + \ No newline at end of file diff --git a/slides/datastar/components/Words.vue b/slides/datastar/components/Words.vue new file mode 100644 index 0000000..ad07110 --- /dev/null +++ b/slides/datastar/components/Words.vue @@ -0,0 +1,45 @@ + + + \ No newline at end of file diff --git a/slides/datastar/package.json b/slides/datastar/package.json index 212079c..23fb82b 100644 --- a/slides/datastar/package.json +++ b/slides/datastar/package.json @@ -11,6 +11,7 @@ "@slidev/cli": "^52.2.5", "@slidev/theme-default": "latest", "@slidev/theme-seriph": "latest", - "vue": "^3.5.22" + "vue": "^3.5.22", + "vue3-word-cloud": "^1.0.4" } } \ No newline at end of file diff --git a/slides/datastar/pnpm-lock.yaml b/slides/datastar/pnpm-lock.yaml index 27096e3..d995a4a 100644 --- a/slides/datastar/pnpm-lock.yaml +++ b/slides/datastar/pnpm-lock.yaml @@ -20,6 +20,9 @@ importers: vue: specifier: ^3.5.22 version: 3.5.22(typescript@5.9.3) + vue3-word-cloud: + specifier: ^1.0.4 + version: 1.0.4(vue@3.5.22(typescript@5.9.3)) packages: @@ -2646,6 +2649,11 @@ packages: peerDependencies: vue: ^3.2.0 + vue3-word-cloud@1.0.4: + resolution: {integrity: sha512-wGHVW6qu7Nt2+vT1McQkufKOCa+MqWPNQFuFEUVFuoai5CVCZclEozv8bKuhwOVJbCLCaVkNocWJ9Hi/HfTCVQ==} + peerDependencies: + vue: ^3.x + vue@3.5.22: resolution: {integrity: sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==} peerDependencies: @@ -5868,6 +5876,10 @@ snapshots: '@vue/devtools-api': 6.6.4 vue: 3.5.22(typescript@5.9.3) + vue3-word-cloud@1.0.4(vue@3.5.22(typescript@5.9.3)): + dependencies: + vue: 3.5.22(typescript@5.9.3) + vue@3.5.22(typescript@5.9.3): dependencies: '@vue/compiler-dom': 3.5.22 diff --git a/slides/datastar/public/galaxy.jpg b/slides/datastar/public/galaxy.jpg new file mode 100644 index 0000000..0706395 Binary files /dev/null and b/slides/datastar/public/galaxy.jpg differ diff --git a/slides/datastar/public/mariner.png b/slides/datastar/public/mariner.png new file mode 100644 index 0000000..7f578fe Binary files /dev/null and b/slides/datastar/public/mariner.png differ diff --git a/slides/datastar/slides.md b/slides/datastar/slides.md index b497de2..2c9477b 100644 --- a/slides/datastar/slides.md +++ b/slides/datastar/slides.md @@ -123,7 +123,7 @@ transition: fade-out ### Finding my combination of web technologies for a minimal viable web application. -
+
v - Part 1: The Database: SQLite - Part 2: The No-ORM ORM - A very simple Data Abstraction Layer. @@ -153,6 +153,8 @@ Since everybody knows SQLite, today just a few highlights: - It's CTEs make SQL Turing complete. - The SQLite CLI can be used to execute "SQL-scripts". See demo. +\* It lacks features essential for a client-server environment, primarily multi-user concurrent write access, built-in security and user management, and some advanced data types. +
* from my pov and for my needs and purposes
@@ -167,7 +169,7 @@ transition: fade-out Features: - Simplified Database Lifecycle Management. -- Generic Data Handling. +- A 'Record' Data Type for Generic Data Handling. - High-Level CRUD Operations. - Fluent Transaction API. - Abstraction and Safety. @@ -202,6 +204,9 @@ transition: fade-out # Part 4: Datastar +## Build reactive web apps that stand the test of time +Datastar is a lightweight framework for building everything from simple sites to real-time collaborative web apps. +
Quote Gillian Delany:  @@ -221,6 +226,10 @@ ADR, core+plugins, Signals, Ideomorph, Core-Engine, Plug-ins, SSE, You have to control the backend, Templating, HTMX, Hypermedia, Hateoas, Locality of behaviour, Declarative vs. Imperative, DS conforms strictly to the web's specs. +--- +class: default +--- + --- class: default