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.

1. The Ingredients for a
Perfect JavaScript
Software Factory
Romain LINSOLAS
#DV13 #JS-SF
@romaintaz

2. About me…
http://www.brownbaglunch.fr
#DV13 #JS-SF
@romaintaz

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. 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. DON'T
REPEAT
YOURSELF
#DV13 #JS-SF
@romaintaz

6. Continuous Integration Server
#DV13 #JS-SF
@romaintaz

7. Sonar(Qube)
Easy to get!
Not so easy to get!
#DV13 #JS-SF
@romaintaz

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. LET'S FOCUS ON
JAVASCRIPT TOOLS…
#DV13 #JS-SF
@romaintaz

10. Yeoman
#DV13 #JS-SF
@romaintaz

11. yo – Application Scaffolder
#DV13 #JS-SF
@romaintaz

12. Bower – Package & Dependencies Manager
#DV13 #JS-SF
@romaintaz

13. Grunt – Task Runner
Compilation
Testing
Minification
Linting
Documentation
Deployment
Many more…
#DV13 #JS-SF
@romaintaz

14. Plugins for Grunt
1600+
Plugins!
#DV13 #JS-SF
@romaintaz

15. Example of Grunt execution
Read Gruntfile.js
Tasks execution
#DV13 #JS-SF
@romaintaz

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. TESTS!
#DV13 #JS-SF
@romaintaz

18. Unit Testing - Jasmine
#DV13 #JS-SF
@romaintaz

19. BDD – cucumber-js
#DV13 #JS-SF
@romaintaz

20. Front-end testing - CasperJS
#DV13 #JS-SF
@romaintaz

21. Need a testing library? You have the CHOICE!
#DV13 #JS-SF
@romaintaz

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. Let's summarize…
Use what you have
Use JavaScript tools
Test!
#DV13 #JS-SF
@romaintaz

24. One last word…
Don't forget that in JavaScript…
++[[]][+[]]+[+[]]
===
"10"
is true!
#DV13 #JS-SF
@romaintaz

25. QUESTIONS?
#DV13 #JS-SF
@romaintaz

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