jug summer camp 2014 - eslint
DESCRIPTION
Ou comment vérifier la qualité de vos applications AngularJSTRANSCRIPT
![Page 1: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/1.jpg)
ESLintVérifier la qualité de vos applications “AngularJS”
![Page 2: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/2.jpg)
@Me
Emmanuel DEMEY
EmmanuelDemey Gillespie59 Emmanuel DEMEY
![Page 3: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/3.jpg)
Code linting...
● Analyse Statique de votre code JavaScript
● Intérêt : o Détecter des bugso Limiter les potentielles erreurso Garder votre code propreo Appliquer vos règles de développement
![Page 4: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/4.jpg)
Les solutions...
jqlint
![Page 5: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/5.jpg)
ESLint
![Page 6: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/6.jpg)
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
![Page 7: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/7.jpg)
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
![Page 8: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/8.jpg)
Esprima - Disponibilité
![Page 9: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/9.jpg)
Esprima - Utilisation
![Page 10: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/10.jpg)
Esprima
![Page 11: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/11.jpg)
Esprima
![Page 12: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/12.jpg)
Nouvelles règles: AST Node type
Documentation SpiderMonkey Parser API
![Page 13: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/13.jpg)
Nouvelles règles: AST Node type
Documentation SpiderMonkey Parser API
![Page 14: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/14.jpg)
Nouvelles règles - Intégration
GruntJS Gulp
CLI
![Page 15: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/15.jpg)
Nouvelles règles - Structure
![Page 16: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/16.jpg)
Exemples
![Page 17: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/17.jpg)
CallExpression
![Page 18: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/18.jpg)
BinaryExpression
![Page 19: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/19.jpg)
Array et FunctionExpression
![Page 20: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/20.jpg)
Gillespie59/angularjs-eslint sur Github
![Page 21: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/21.jpg)
Liens
● Codepen podcast : Code Quality● Parsing, Compiling, and Static Metaprogram
ming● JavaScript Code Analysis
![Page 22: Jug Summer Camp 2014 - ESLint](https://reader034.vdocuments.us/reader034/viewer/2022051817/5481f277b4af9f7d0d8b4653/html5/thumbnails/22.jpg)
Voilà, c’est fini...