Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:javascript [03/11/2022 20:18] – [Sigma.js] cyrille
+++ informatique:javascript [10/10/2023 19:39] – [Alpine.js] cyrille
@@ Ligne 17: / Ligne 17: @@
   * [[https://developers.google.com/web/fundamentals/primers/promises/?hl=en#promise-terminology|About Promise]] et sur la page [[https://cyrille.giquello.fr/informatique/javascript/jquery|jquery]] (promise, deferred)
-Liste d'outils et librairies :
+News, listes d'outils et librairies :
+  * [[https://codewithhugo.com/|Code with Hugo]], Node.js and JavaScript Guides
   * [[http://www.hlrnet.com/frinprog.htm|http://www.hlrnet.com/frinprog.htm]]
@@ Ligne 342: / Ligne 343: @@
 === Dracula.js ===
-https://www.graphdracula.net/
+:!: depecrated https://www.graphdracula.net/
+=== d3js ===
+https://d3js.org/
+  * [[https://d3-graph-gallery.com/network.html|Network graph]]
+    * [[https://d3-graph-gallery.com/graph/network_basic.html|Most basic network chart in d3.js]]
 ===== 3D & Game engine =====
@@ Ligne 393: / Ligne 401: @@
   * [[http://blog.creonfx.com/javascript/mootools-vs-jquery-vs-prototype-vs-yui-vs-dojo-comparison-revised|MooTools vs jQuery vs Prototype vs YUI vs Dojo comparison revised]] (2009)
+==== Alpine.js ====
+https://github.com/alpinejs/alpine/
+AlpineJs permet de manipuler le DOM sans se lancer dans une SPA, très léger (<10ko gzippé et minifié) et n'utilise pas de DOM virtuel. Sa syntaxe est similaire à VueJS. C'est un bon outil entre jQuery et VueJs.
+Présentation des principes d'AlpineJs : https://codewithhugo.com/alpine-tips/
+  * [[https://www.weblogin.fr/blog/119-alpinejs-le-framework-js-entre-jquery-et-vuejs|AlpineJS le framework JS entre JQuery et VueJS]]
+  * [[https://laravel-news.com/alpine-js-intersect-persist-trap|New Alpine.js Plugins: Intersect, Persist, and Trap]]
+    * [[https://alpinejs.dev/plugins/intersect|Intersect plugin]] attribute to an element with a callback that should be ran whenever that element "intersects" with the user's viewport.
+    * [[https://alpinejs.dev/plugins/persist|Persist plugin]] provides a new magic method for integrating your Alpine dataset with localStorage.
+    * The [[https://alpinejs.dev/plugins/trap|Trap plugin]] provides a simple way to "trap" focus inside elements like modals and and other dialogue elements. Trapping focus is very beneficial for users using screen readers or navigating via keyboard in general.
+  * [[https://www.alpinetoolbox.com/|alpinetoolbox]] quick start, examples, tools are all open source and built using Alpine.js and mostly [[informatique/web/tailwind_css|Tailwind CSS]].
+  * [[https://github.com/alpine-collective/awesome|alpine-collective / awesome]] pour une curation de ressources sur AlpineJs
+  * Quelques composants https://js.hyperui.dev dont un datepicker
 ==== Vue.js ====
@@ Ligne 419: / Ligne 443: @@
   * [[https://yuche.github.io/vue-strap/|VueStrap.js]] is Bootstrap components built with Vue.js
   * [[https://github.com/surfbirdapp/surfbird|surfbird]] a Twitter client built on [[/informatique/mobile_app#electron|Electron]] and [[/informatique/javascript#Vue.js]]
+  * Wordpress
+    * [[https://www.sitepoint.com/building-a-wordpress-plugin-with-vue/|Building a WordPress Plugin with Vue]] 2018 - utilise un endpoint WP-API (ex: ''/wp-json/wp/v2/posts?filter[orderby]=date''
+    * [[https://github.com/bshiluk/vue-wordpress|vue-wordpress]] Starter Template for building WordPress themes as Vue.js SPAs
+    *
 ==== React.js ====