This is a talk delivered at ThoughtWorks XConf Sydney 2013. It is focussed on lessons learnt the hard way at WorldVision during a year long project re-platforming to multiple front end Angular JS applications using HTML5 and consuming Micro-services backed APIs built in .Net.

2. The other World Vision

7. Episode 1 : The SEO Fascination

11. 1. App packaged with Node + PhantomJS
2. Deploy the application.
3. Post deployment status check.
4. Post deployment snapshot script
5. Windows Task for nightly refresh

12. Generating the Snapshot

13. Episode 2 : The Responsive
Fixation

14. Mobile First Evolution

15. The 300ms delay
between a click
and a touch event.

16. Version 1.0.x
Version 1.1.x

18. Episode 3 :
The Storage Freakiness

19. Local Storage
Session Storage

20. HTTP HTTPS

21. Ninja Punch!

22. We hit the ceiling

23. 2.5MB to 5MB
Serialized

24. Ninja Punch!

26. Ninja Punch!

27. It goes out of date fast

28. Episode 4 :
The re-use Finicky-ness

29. Episode 5 :
The almost there functionality

30. CORS
Cross Origin Resource Sharing

32. Ninja Punch!

33. IE8, 9: XDomainRequest
• The target URL must be accessed using
only the HTTP methods GET and POST
• No custom headers may be added to the
request
• Only text/plain is supported for the
request's Content-Type header
• No authentication or cookies will be sent
with the request
• Requests targeted to Intranet URLs may
only be made from the Intranet Zone
• Requests must be targeted to the same
scheme as the hosting page

34. Episode 6:
The Scott-Zhamak phenomenon

36. Different speeds
of evolution

37. Factoring systems by
Value Stream

38. The wise man’s words

39. You aren’t
going to get it
right at first go

40. Using WebAPI and
Areas to build
services within a
service

42. Eliminating batch
processes is hard

43. The leaks

44. C#, Dynamic, and Expando Objects

45. Thank you.