![WAT ?
>
[]
+
[]
""
>
[]
+
{}
[object
Object]
>
{}
+
[]
0
>
{}
+
{}
NaN
>
++[[]][+[]]+[+[]]
===
"10"
true](https://image.slidesharecdn.com/javascript-devoxxfrance2013-parleys-romain-130417045623-phpapp01/85/Du-JavaScript-propre-Challenge-accepted-16-320.jpg)
Contenu connexe
Similaire à Du JavaScript propre ? Challenge accepted!
Du JavaScript propre ? Challenge accepted!
- 1. 10h40 - 11h30- La Seine B Du JavaScript propre ? Challenge Accepted!
- 2. 27 au 29mars 2013 Du JavaScript propre ? Challenge Accepted! Julien Jakubowski OCTO Technology @jak78 Romain Linsolas Société Générale @romaintaz
- 3. Romain Linsolas Développeur Java& Web Architecte Technique @romaintaz
- 4. Julien Jakubowski Développeur Java& Web depuis 10 ans @jak78
- 5. Nous ne sommespas… Des gourous JavaScript John Resig - jQuery Douglas Crockford – JSLint, "JavaScript, The Good Parts"
- 6. Parlons de JavaScriptentre Javaïstes JavaScript is to Java as Hamster is to Ham http://coding.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comic-strip/ http://www.flickr.com/photos/naturesauraphotography/ http://commons.wikimedia.org/wiki/User:DocteurCosmos
- 7. Nous allons aussiparler de… Darth Vader MaroillesBière
- 8.
- 9.
- 10. Le JavaScript estpartout ! Runtime le plus distribué Mobilité Même côté serveur ( , …)
- 11.
- 12.
- 13. Nouveaux besoins Les utilisateursveulent des applications vivantes, réactives et dynamiques ! Enjeu de qualité Volume de code important à Fini de jouer !
- 14. 100,000 lignes decode JavaScript ? Young man hidden behind table - © 2011 Richard Hernández Arrondo
- 15. Le JavaScript c'est SALE surprenant Pourquoiça fait peur ?
- 16. WAT ? > [] + [] "" > [] + {} [object Object] > {} + [] 0 > {} + {} NaN > ++[[]][+[]]+[+[]] === "10" true
- 17.
- 18.
- 19.
- 20. Pollution de l'espacede nommage
- 21. Scope global pardéfaut
- 22. Tout est publicpar défaut
- 23.
- 24. Et ce n'estpas tout ! Le mot clé this (plus surprenant que sale) Ordre de déclaration de var Etc.
- 25. Mais le plussale Pollution de l'espace de nommage Tout est global par défaut Code non testé
- 26.
- 27. Author : FrédériqueVoisin-Demeryhttp://www.flickr.com/people/8514720@N04
- 28. Nous allons aussiparler de… Darth Vader MaroillesBière
- 29. Comment coder proprement 100,000lignes en JavaScript ?
- 30. On pourrait éviterle JavaScript… Déléguer • GWT • JSF • Vaadin • Etc.
- 31. On peut aussi"améliorer" JavaScript Langage web orienté objet pour combler les lacunes de JavaScript Un JavaScript à l’écriture simplifiée
- 32.
- 33.
- 34.
- 35. Mes besoins aujourd'hui Tempsde réponse instantané Gestion de réseaux lents (mobiles…) Mode déconnecté
- 36. Architecture MV* enJavaScript Client Serveur View Controller Model …
- 37. Question implémentation Frameworks optionnels,mais aident beaucoup Pas encore de standard
- 38.
- 39. Qu'est-ce qu'un module? Représente un ensemble de code Isolation – faible couplage Présente une interface
- 40. Un module basique- Présentation
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48. Diviser en plusieursfichiers .js ? Temps de chargement Pas de gestion des dépendances
- 49. AMD, Asynchronous ModuleDefinition Définition de dépendances jQuery beers.js Mustache
- 50. AMD, Asynchronous ModuleDefinition Chargements parallèles, à la demande jQuery Mustache beers.js sodas.js jQuery beers.js Mustache
- 51. Eviter les partiessales http://www.gettyimages.fr/detail/photo/hands-of-a-blacksmith-in-his-studio-image-libre-de-droits/109889293
- 52. JsLint Détection des uglyparts Equivalent à PMD / Checkstyle / FindBugs pour JS Intégration dans les IDE
- 53.
- 54.
- 55. Qu'est-ce qu'un codeexpressif ? C'est un code simple, concis, lisible
- 56. Mauvais exemple Pollution, mauvaiselisibilité => SALE
- 57. Avec Pas de pollution Lisibilitéaccrue Code propre
- 58. jQuery, c'est surtout: • Lisibilité du code, expressivité • Simplification de ce qui est utile : manipulation du DOM, Ajax… Mais aussi : • Structuration du code en plugins • Nombreux plugins existants
- 59.
- 60.
- 61.
- 62.
- 63.
- 64. Tests d'IHM Conditions réelles Pasvraiment adapté au TDD Selenium Windmill
- 65. TDD pour JavaScript EnJava En JavaScript TestNG
- 66.
- 67. Ecosystème University « Le fantôme,le zombie et Testacular… » Jean-Laurent De Morlhon et Pierre Gayvallet
- 68.
- 69. Faire du TDDpour JavaScript Vous devez en faire en 2013 ! Vous n'avez plus d'excuses
- 70.
- 71. Détecter et alerter Quandun test échoue Quand une partie sale est utilisée S'il y a une erreur de syntaxe à Jasmine à JsLint à Google Closure Compiler Intégration dans Maven, Jenkins ou Sonar
- 72. Intégration continue avecJenkins http://localhost:8080/job/Test%20Jasmine/1/consol
- 73. Analyse qualité avecSonar
- 74.
- 75. 100,000 lignes deJavaScript ? ModulesMV* Parties sales évitées Expressivité AutomatisationTests
- 76. Le monde desbisounours ?
- 77. Le monde desbisounours ? Oui mais non ! Intégration Pérennité Apprentissage
- 78. Businessman sitting atdesk with feet up - Paul Bradbury
- 79. Références Eloquent JavaScript http://eloquentjavascript.net/contents.html JavaScript Garden http://bonsaiden.github.com/JavaScript-Garden/ LearningAdvanced JavaScript - J. Resig http://ejohn.org/apps/learn/ JavaScript: the Good Parts - D. Crockford
- 80.