Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Jug Summer Camp 2014 - ESLint

4,396 views

Published on

Ou comment vérifier la qualité de vos applications AngularJS

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Jug Summer Camp 2014 - ESLint

  1. 1. ESLint Vérifier la qualité de vos applications “AngularJS”
  2. 2. @Me Emmanuel DEMEY EmmanuelDemey Gillespie59 Emmanuel DEMEY
  3. 3. Code linting... ● Analyse Statique de votre code JavaScript ● Intérêt : o Détecter des bugs o Limiter les potentielles erreurs o Garder votre code propre o Appliquer vos règles de développement
  4. 4. Les solutions... jqlint
  5. 5. ESLint
  6. 6. ESLint ● API pour créer ses propres règles ● Chaque règle est un plugin ● Possibilité d’activer/désactiver chaque règle ● Règle définie comme warning/error ● Fichier de configuration JSON ou YAML ● Utilisation d'Esprima
  7. 7. Esprima ● ECMAScript Parser en JavaScript ● Création d’un Source Tree de votre code JS ● Support <ECMAScript 5.1 ● Support Partiel ECMAScript 6 ● Sortie compatible avec Parser API de SpiderMonkey ● Online Esprima Parser
  8. 8. Esprima - Disponibilité
  9. 9. Esprima - Utilisation
  10. 10. Esprima
  11. 11. Esprima
  12. 12. Nouvelles règles: AST Node type Documentation SpiderMonkey Parser API
  13. 13. Nouvelles règles: AST Node type Documentation SpiderMonkey Parser API
  14. 14. Nouvelles règles - Intégration GruntJS Gulp CLI
  15. 15. Nouvelles règles - Structure
  16. 16. Exemples
  17. 17. CallExpression
  18. 18. BinaryExpression
  19. 19. Array et FunctionExpression
  20. 20. Gillespie59/angularjs-eslint sur Github
  21. 21. Liens ● Codepen podcast : Code Quality ● Parsing, Compiling, and Static Metaprogramming ● JavaScript Code Analysis
  22. 22. Voilà, c’est fini...

×