Devoxx 2013 JavaScript Software Factory

1,725 views

Published on

Quickie presented during Devoxx World 2013

You are developing Java applications for years now, and you are used to have a very complete and powerful software factory: Git(Hub), Jenkins, Sonar, you practice TDD, BDD, etc..
But now your JavaScript codebase grows constantly, and you are wondering how to make your developments faster, safer, stronger, with a good software factory and well-chosen tools dedicated to JavaScript.
So, how to industrialize your JavaScript developments?

During this Quickie, we will make a tour of all the important components for your Software Factory, explaining how you can reuse your current tools, and also by introducing new elements such as Yeoman.

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,725
On SlideShare
0
From Embeds
0
Number of Embeds
45
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Devoxx 2013 JavaScript Software Factory

  1. 1. The Ingredients for a Perfect JavaScript Software Factory Romain LINSOLAS #DV13 #JS-SF @romaintaz
  2. 2. About me… http://www.brownbaglunch.fr #DV13 #JS-SF @romaintaz
  3. 3. Before I really start… •  Can't go into the details (15 minutes is too short) •  The choices I've made are relevant today •  Sorry for my accent #DV13 #JS-SF @romaintaz
  4. 4. I will not talk about… Services & Tools that are language agnostic: •  SCM (Git, Subversion…) •  Bug tracker (JIRA…) •  "Agile tools" (GreenHopper, Trello…) à Use what you have! #DV13 #JS-SF @romaintaz
  5. 5. DON'T REPEAT YOURSELF #DV13 #JS-SF @romaintaz
  6. 6. Continuous Integration Server #DV13 #JS-SF @romaintaz
  7. 7. Sonar(Qube) Easy to get! Not so easy to get! #DV13 #JS-SF @romaintaz
  8. 8. Maven Dozens of plugins to integrate JS in Maven à Mainly to run JS tests during the Maven lifecycle Do not integrate Maven just for JavaScript! #DV13 #JS-SF @romaintaz
  9. 9. LET'S FOCUS ON JAVASCRIPT TOOLS… #DV13 #JS-SF @romaintaz
  10. 10. Yeoman #DV13 #JS-SF @romaintaz
  11. 11. yo – Application Scaffolder #DV13 #JS-SF @romaintaz
  12. 12. Bower – Package & Dependencies Manager #DV13 #JS-SF @romaintaz
  13. 13. Grunt – Task Runner Compilation Testing Minification Linting Documentation Deployment Many more… #DV13 #JS-SF @romaintaz
  14. 14. Plugins for Grunt 1600+ Plugins! #DV13 #JS-SF @romaintaz
  15. 15. Example of Grunt execution Read Gruntfile.js Tasks execution #DV13 #JS-SF @romaintaz
  16. 16. Many others useful tools… The Landscape Of Front-end Development Automation Addy Osmani @addyosmani http://bit.ly/landscape-frontend #DV13 #JS-SF @romaintaz
  17. 17. TESTS! #DV13 #JS-SF @romaintaz
  18. 18. Unit Testing - Jasmine #DV13 #JS-SF @romaintaz
  19. 19. BDD – cucumber-js #DV13 #JS-SF @romaintaz
  20. 20. Front-end testing - CasperJS #DV13 #JS-SF @romaintaz
  21. 21. Need a testing library? You have the CHOICE! #DV13 #JS-SF @romaintaz
  22. 22. JavaScript testing? No excuse! Writing tests is so hard, and I don't have the time! #DV13 #JS-SF No excuse, we are in 2013! @romaintaz
  23. 23. Let's summarize… Use what you have Use JavaScript tools Test! #DV13 #JS-SF @romaintaz
  24. 24. One last word… Don't forget that in JavaScript…  ++[[]][+[]]+[+[]]  ===  "10" is true! #DV13 #JS-SF @romaintaz
  25. 25. QUESTIONS? #DV13 #JS-SF @romaintaz
  26. 26. References Photo Credit: http://jamandlam.blogspot.fr/2011/10/jam-lam-cook-lego-edition.html •  •  http://www.flickr.com/photos/swchk1993/7244394422/ •  http://www.flickr.com/photos/7269902@N07/9533646890/ •  http://www.flickr.com/photos/drywfiltiarn/5082592918/ •  http://www.flickr.com/photos/balakov/4503616864/ #DV13 #JS-SF @romaintaz

×