Les linters JavaScript

Un linter est un outil d'analyse statique de code source. Il sert à détecter les erreurs, les problèmes de syntaxe et le non-respect d'un style ou des bonnes pratiques.

Une analyse statique consiste à scruter le code source pour obtenir des informations sur le comportement qu'il aura lors de son exécution, ceci sans avoir besoin de l'exécuter. C'est ce qui la distingue du débogage ou profiling.

Les Promesses JavaScript ça promet !

Bien le bonjour à toi qui aimes le JavaScript !

Si toi aussi tu adores faire mumuse avec des appels asynchrones dans tous les sens parce que tu es amené à faire du NodeJS ou simplement parce que tu es sans arrêt en train de faire des appels AJAX tu as sûrement dû toi aussi tomber sur le concept de promesse je me trompe ? Ce post n'a pas pour but d'expliquer l'intérêt des promesses ni leur nature, il y a déjà pléthore de ressources sur le sujet sur le net, mais plutôt de proposer une implémentation "light" de celles-ci dans un but purement didactique.

Packaging d’une application Electron

Présentation

Electron est un framework maintenu par GitHub qui permet de créer des applications lourdes en javascript/HTML/CSS. Il est  open source et utilisable sur toutes les plateformes (MacOS, Windows et Linux). Le framework permet entre autre d'utiliser les notifications natives de la plateforme, d'installer des mises à jour automatiques via Squirrel et il dispose d'outil de debug (dont la console pour développeur de Chromium). Je vous invite à consulter cet article pour plus d'informations.

L'objectif d'une application lourde est souvent le déploiement sur de nombreux postes et il est assez fréquent que ces postes ne disposent pas d'un environnement node. Nous allons voir dans cet article trois solutions pour disposer d'un livrable exploitable sur toutes les plateformes. Les exemples suivants ont été testés sur Linux (distribution Mint 18.1) et Windows 10.

TYPESCRIPT : Du Super JS

TypeScript est un langage de programmation JavaScript open-source développé par Microsoft (Co-créé par Anders Hejlsberg, principal inventeur de C#).

Il constitue un sur-ensemble de JavaScript, ce qui signifie que tout code JavaScript valide peut être utilisé avec TypeScript. Le code est transpilé par le biais d’un transpileur vers du code JS standard, qui lui sera interprété par le navigateur.

Son but principal est d'améliorer et sécuriser la production de code JS.

Best Practices AngularJS

AngularJS-large

 

Bien que la première version stable d’Angular2 soit sortie mi-septembre 2016, AngularJS reste très populaire parmi les développeurs front-end. Sa stabilité et sa puissance ne sont plus à démontrer et sont des alliés de poids dans la création d’applications à l’interface riche et aux nombreuses interactions avec l’utilisateur.

Néanmoins, la prise en main de cette technologie peut s’avérer longue et frustrante, notamment à cause de concepts tels que les directives ou encore le « two-way data binding ». Lorsque le framework n’est pas complètement maîtrisé, il en résulte une application peu optimisée voire trop lente dans certains cas, et dont le code n’est pas clair.

Nous allons donc voir dans cet article quelques best practices permettant d’optimiser les performances et la maintenabilité d’une application utilisant AngularJS.

Utiliser fullcalendar avec Angular 2

logo

Fullcalendar est un plugin jQuery très célèbre pour la gestion des rendez-vous du côté client. Il peut interagir avec des frameworks Javascript. Avec les fonctionnalités fournis par AngularJs 1, nous pouvons facilement interagir avec fullcalendar, enregistrer des dates de rendez-vous via un Web Service en utilisant l’Ajax. Mais dans notre article, nous allons voir comment le faire avec Angular 2. (Télécharger ou cloner les exemples)

Il y a deux approches que nous allons étudier avec le plugin Fullcalendar de jQuery:

  • La séparation de la logique de jQuery et Angular 2
  • L’utilisation d’Angular 2 seulement.