The modern webtech ecosystem - Vives 2014

Slides for my "modern web" talk at the "Evening Talks" event hosted by Vives.

Transcript

1. The modern webtech ecosystem By Thijs Feryn
2. Hi, I’m Thijs
3. I’m @ThijsFeryn on Twitter
4. I’m an at Evangelist
5. I’m a at board member
7. http://oneterabyteofkilobyteage.tumblr.com
9. Modern  web  developer
10. Modern  web  developer Code Infrastructure Agile  processes Quality  assurance Frontend  vs   backend Project   management Build  &  release  cycles Performance  &  scalability Security Flexibility
11. Evolution of programming languages
12. Proprietary vs open source
13. Passion
14. Community
15. Design patterns
16. Javascript is back
17. ✓Jquery ✓Angular.js ✓Backbone.js ✓D3.js ✓Node.js & NPM ✓Reveal.js ✓Yo ✓Grunt ✓Bower ✓Yeoman ✓Phantom.js
19. ✓Canvas drawing ✓Movie support ✓Offline data ✓Document editing ✓Drag & drop ✓Geolocation ✓File manipulation ✓New intuitive tags & elements
21. Service oriented architecture
22. REpresentational State Transfer
23. REST ✓A URL identifies a resource. ✓Resources have a hierarchy, so you know that something with additional slashes is a subordinate resource ✓Verbs are used to perform operations on resources ✓The operation is implicit and not part of the URL ✓A hypermedia format is used to represent the data ✓Link relations are used to navigate a service
24. GET POST PUT DELETE Retrieve Insert Update Remove
25. Hypertext As The Engine Of Application State
28. ✓Twitter Bootstrap ✓Homebrew ✓Ruby On Rails ✓HTML5 Boilerplate ✓Jquery ✓Node.js ✓Phonegap ✓Backbone.js ✓Linux Kernel ✓Symfony2 Frame work ✓Django Framework ✓Zend Framework 2 ✓Git Popular GitHub projects
33. Managing dependencies
34. PIP
35. Webservers
39. Database servers
44. “I wish I had enough money to run Oracle instead of Postgres." ! “Why do you want to do that?" ! “I dont, I just wish I had enough money to”
45. Addressing the needs of today’s internet
46. Stability
47. Availability
48. Perform ance
50. Not only SQL
51. Big data
53. Message queues
55. Varnish
57. var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(1337, '127.0.0.1'); console.log('Server running at http:// 127.0.0.1:1337/');
58. Mindset shift
59. Developers Agile
60. Fail fast
63. Sysadmins DevOps
64. Infrastructure As Code
68. Move fast. Keep up.
69. And   on  that   bombshell  ...
71. Thanks