Modern Web Application Development (Plymouth University)

Boilerplate, frameworks, abstractions, libraries, quality tools and workflow of a modern web application developer.

Transcript

1. Modern Web Application Development Martin Thornalley Product Development Manager Landmark Information Group martin.thornalley@landmark.co.uk @mthornal
2. Boilerplate
3. http://html5boilerplate.com
4. http://html5boilerplate.com/mobile
5. http://foundation.zurb.com
6. http://purecss.io
7. http://getbootstrap.com
8. http://jqueryui.com
9. Framework
10. http://angularjs.org
11. http://backbonejs.org
12. http://emberjs.com
13. http://expressjs.com
14. http://requirejs.org
15. Abstraction
16. http://sass-lang.com
17. http://www.lesscss.org
18. http://learnboost.github.io/stylus
19. http://coffeescript.org
20. http://www.typescriptlang.org
21. http://daringfireball.net/projects/markdown/
22. http://jade-land.com
23. Libraries
24. http://jquery.com
25. http://underscore.org
26. http://sugarjs.com
27. http://mongoosejs.com
28. http://d3js.org
29. http://modernizr.com
30. Quality
31. http://pivotal.github.io/jasmine/
32. http://visionmedia.github.io/mocha/
33. http://qunitjs.com
34. http://karma-runner.github.io/0.10/index.html
35. http://blanketjs.org
36. https://developers.google.com/speed/pagespeed/
37. http://developer.yahoo.com/yslow
38. http://www.jshint.com
39. http://www.jslint.com
40. http://csslint.net
41. http://www.browserstack.com
42. Workflow
43. http://www.sublimetext.com
44. http://github.com
45. https://www.google.com/intl/en/chrome/browser/
46. https://developers.google.com/chrome- developer-tools/
47. http://livereload.com
48. http://nodejs.org
49. http://gruntjs.com
50. http://bower.io
51. http://yeoman.io
52. http://travis-ci.com
53. http://jenkins-ci.org
54. Hosting
55. https://www.heroku.com
56. http://www.windowsazure.com
57. http://aws.amazon.com
58. Demo
59. http://www.landmark.co.uk/careers
60. Thanks