Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteDernière révisionLes deux révisions suivantes |
informatique:javascript [23/03/2022 15:12] – [Dojo Dijit Tree] cyrille | informatique:javascript [10/10/2023 19:39] – [Alpine.js] cyrille |
---|
* [[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) | * [[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]] | * [[http://www.hlrnet.com/frinprog.htm|http://www.hlrnet.com/frinprog.htm]] |
| |
==== Tree View ==== | ==== Tree View ==== |
| |
| === FancyTree === |
| |
| https://github.com/mar10/fancytree |
| |
| https://github.com/mar10/fancytree/wiki |
| |
| https://wwwendt.de/tech/fancytree/demo/#sample-ext-glyph-svg.html |
=== YUI TreeView Control === | === YUI TreeView Control === |
| |
Video.js is an open source library for working with video on the web, also known as an HTML video player. | Video.js is an open source library for working with video on the web, also known as an HTML video player. |
| |
| ==== graph visualization ==== |
| |
| === Sigma.js === |
| |
| [[/informatique/javascript/sigmajs|Sigma.js]] |
| |
| === Dracula.js === |
| |
| :!: 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 ===== | ===== 3D & Game engine ===== |
| |
* [[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) | * [[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 ==== | ==== Vue.js ==== |
| |
* [[https://yuche.github.io/vue-strap/|VueStrap.js]] is Bootstrap components built with Vue.js | * [[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]] | * [[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 ==== | ==== React.js ==== |
| |