✅ Application todo

C'est un exemple classique de développement.

Très souvent, quand une nouvelle technologie est présentée, on trouve en démonstration un exemple d'application "todo".

Pour ne pas déroger à la règle, il existe une application "todo koolsol" qui vous permet des gérer des liste de "choses à faire".

Du coup, je m'en sert réellement pour mes prises de notes rapides sur mon téléphone, ce n'est plus une démonstration, c'est une réalité !

Point de vue technique

Le todo koolsol est une pwa😀, super simple avec comme avantage de pouvoir trier les todos par drag&drop.
En dehors de la super bibliothèque qui permet de trier en drag&drop. (varaa.com) et de l'environnement , ce programme ne fait que 200 lignes.
Vous trouverez pleins d'exemples de todos écrits avec des frameworks et bibliothèques sur le net qui font moins que 200 lignes mais :

Il manque dans la plupart des cas la fonction de tri.
Le programme final pèse quelque fois plusieurs dizaines de Kilo octets ( voir même des Méga octets ) alors que celui-ci pèse moins de 10Ko.
Les autres exemples ne permettent pas d'enregistrer les todos. En général il se contentent de donner les principes mais dès qu'il s'agit de finaliser pour avoir une appli réellement utile, c'est plus compliqué. Cette application fonctionne hors ligne et utilise le local storage, tout simplement. Mais si on devait mettre en place ces mêmes fonctionnalité avec ces frameworks et bibliothèques alors les composants à utiliser seraient beaucoup plus complexes à écrire et à maintenir et l'application finale pèserait beaucoup plus lourd.
Ajouter des fonctions pour pouvoir sauvegarder et synchroniser les todos via une API est vraiment assez simple. Je ne l'ai pas fait sur cette application car je n'ai pas envie de créer des comptes qui contiennent vos coordonnées. Mais je l'ai fait sur une autre application qui n'est pas publique avec des options plus compliquées de synchronisation, de définitions de formulaires, et, croyez moi, c'est vraiment simple.
Vous pouvez capitaliser sur le javascript "vanilla" alors que si vous vous spécialisez dans un framework ou une bibliothèque, il se peut que vous vous auto limitez.
Mon framework préféré, c'est celui-ci : vanilla-js.com 😉
En bref, il vous explique que d'un point de vue performance, les bibliothèques sont souvent une catastrophe et le code à écrire en javascript pur (vanilla) est souvent assez simple. Ce site vous donne des exemples assez convaincants.
Quand vous écrivez du javascript simple, vous pouvez le maintenir vous même pendant longtemps. J'ai des application non publiques qui ont 20 ans (eh oui, ça arrive sur le net) avec des morceaux de javascript et elles fonctionnent toujours.
Les frameworks masquent des fonctionnalités complexes mais le résultat pratique est que je vois des débutants qui sont dépassés par des fonctionnalités de base qu'ils ne maîtrisent pas.
Cela provoque souvent un sentiment de frustration et je les plains car il arrive qu'ils ne veulent plus faire de développement après avoir suivi des cours !
Il "suffit" de miser sur 5 technologies basiques:
1. Un langage serveur ( php, go, ... ). Je suis un peu réservé sur node.js car il est maintenant critiqué par son propre concepteur ce qui est très honnête de sa part, chapeau bas!
2. Une base de donnée coté serveur. les Bdd clients sont assez compliquées à utiliser mais offrent de bonnes perspectives dans des cas spécifiques.
3. HTML, le mouvement vers html 5 a permis de "normaliser avec souplesse" le html.
4. css : pleins d'évolutions, souvent mal prises en compte par les frameworks, à l'exception notable de svelte
5. javascript

Vous pouvez ensuite ajouter d'autres technos ou des évolutions tels que svg, css grids, asmjs, canvas etc... en prenant votre temps.

Enfin, bref, on pourrait ajouter pleins d'autres paragraphes mais, le thème principal est "KISS": Keep It Simple Stupid.

L'important, c'est que vous pouvez accéder à cette application en cliquant sur le lien ci-dessous.

L'application est gratuite. Une fois lancée, vous pouvez l'installer dans votre appareil en allant dans le menu de votre navigateur puis en cliquant sur "installer" ou "ajouter en page d'accueil"

✅ todo koolsol 👍

📝 Les Articles.

Le symbole "🔧" (clé plate) indique les articles techniques.