Se chiedete ad uno sviluppatore backend "Scrivi codice senza test?" la risposta non può che essere, ovviamente NO! Quando rifacciamo la stessa domanda ad uno sviluppatore frontend, questa risposta cambia.. testare il frontend, sopratutto l'aspetto grafico viene considerato troppo difficile o poco utile. Vedremo rapidamente come sfatare questo mito con poco sforzo, rendendo la vita dei poveri frontend-dev più piacevole.

1. Managing Quality in
the Front End World
Moscaritolo Marco Vito

2. /me
• Web developer *
• Consulente partime **
• Cazzeggiatore partime ***
• Mobile addicted
(chevvordì? Senza il cell non sopravvivo)
• SparkFabrik GMBH founder
* Ormai molto meno
** Il che vuol dire abbastanza “tempo libero”
*** Usando il tempo libero da **, soprattutto per “sperimentare cose nuove”

3. Il ciclo di lavoro
Richiesta
Progettazione
Sviluppo
Test
Rilascio
Bug fixing

4. PROGETTAZIONE
Figata, ma….
In realtà qui il grigio è un po’ più grigio del
grigio che trovi in home, ma un po’ meno grigio
del grigio del footer che trovi nella splash
page.. Insomma quasi uguale al grigio nei bordi
del form che trovi nella pagina contact us!

5. SVILUPPO
Figata, ma….

6. BUG FIXING :-(

7. OK…
…e quindi?

8. LIVE STYLEGUIDE
• Kss-node
http://kss-node.github.io/kss-node/
• Syledocco
https://github.com/jacobrask/styledocco/
• SC5 Styleguide
http://styleguide.sc5.io/
• http://styleguides.io/

12. VISUAL REGRESSION TESTING
– Diffux
https://github.com/diffux/diffux
– Dpxdt
https://github.com/bslatkin/dpxdt
– PhantomCSS
https://github.com/Huddle/PhantomCSS

20. PhantomCSS

21. PERFORMANCE MONITORING
http://sitespeed.io/

23. (style guide + visual regression test +
performance test ) * CI = 1 / bugs

24. Non vi ho
convinto?
Provateci, è più facile di
quanto possa sembrare…
…e lavorerete più felici