Quelques bonnes pratiques si vous débutez en Javascript.
Attention à ce piège Javascript avec les dates.
new Date('2018-01-01')
// <- Sun Dec 31 2017 18:00:00 GMT-0600 (Central Standard Time)
new Date('2018/01/01')
// <- Mon Jan 01 2018 00:00:00 GMT-0600 (Central Standard Time) Les dates ça reste l'un des trucs les plus chiants à gérer dans le développement.
Matomo (anciennement Piwik) propose à présent une alternative open-source à Google Tag Manager (GTM).
Pour ceux qui ne connaissent pas, ça permet de centraliser la gestion de tous les scripts externes. Vous ajoutez un unique script à la page - celui du tag manager - et c'est lui qui se chargera d'ajouter les autres scripts en fonction des règles que vous aurez configuré.
Hmm... Dur de trancher sur cette question.
Une petite librairie Javascript + CSS pour afficher une barre de chargement tout en haut de la page un peu à la manière de ce que font Github ou Youtube.
Un carrousel Javascript ES6 sans dépendance, léger et et blindé d'options.
L'effet parallaxe en 6 lignes de JS avec des variables CSS.
Des effets hover très stylés grâce aux variables CSS et un peu de Javascript (pour récupérer la position de la souris).
Quelques outils:
- HTML compressor
- CSS compressor
- JS compressor
- Image to Base64
- Unzip
- CSV to JSON
- JSON to CSV
- OCR: Image to text
- Image compressor
Une librairie Javascript qui suggère la bonne orthographe d'une adresse email lorsqu'elle détecte une erreur potentielle.
Jelly with HTML/JS/CSS.
Très impressionnant !
Des librairies Javascript pour effectuer un zoom sur une image.
Une toute petite librairie Javascript (1ko) pour détecter si un élément est présent à l'écran ou non. Très pratique pour faire des animations au scroll.
Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-36
Un moteur de templating Javascript tout bête qui fonctionne un peu comme celui d'underscore. En gros il exécute le code Javascript déclaré dans le template et génère le résultat en fonction des variables passées en paramètre.
Installation :
$ npm install ejsUtilisation :
<script src="ejs.js"></script>
<script>
var people = ['geddy', 'neil', 'alex'],
html = ejs.render('<%= people.join(", "); %>', {people: people});
</script>Le Github est là : https://github.com/mde/ejs
Un excellent article, très didactique qui analyse l'évolution du développement Javascript depuis la bête inclusion de fichiers .js dans le HTML jusqu'aux package managers (npm), module bundlers (webpack), transpilers (babel), task runner (grunt, gulp) d'aujourd'hui.
Je serais juste un peu plus mesuré sur l’appellation "dinosaure". C'est à adapter au contexte de vos développements. Rien ne sert de sortir toute cette artillerie pour un projet tout simple. Mais c'est bien de savoir qu'elle existe lorsqu'on débute un projet dont on sait dès le début qu'il sera conséquent.
Une lib JS de drag & drop.
Atom devient un IDE (pour TypeScript/Javascript, Flowtype, C#, Java et PHP). A tester.
Via https://korben.info/lediteur-atom-devient-ide-a-part-entiere.html