Single Page Apps FTW!

Transcript

1. SINGLE PAGE APPS Ciro Nunes FOR THE WIN!
2. CIRO NUNES Front End Developer cironunes @cironunesdev cironunes.github.io
6. http://www.meetup.com/AngularJS-Sao-Paulo/
7. SINGLE PAGE APPS Ciro Nunes FOR THE WIN!
13. SINGLE PAGE APPS UX nativa no browser!
14. pro tips como começar arquitetura
15. arquitetura
16. client totalmente desacoplado do server
17. server client <html><body> <h1>data2</h1> <p>data2</p> </body></html> GET / 200 OK display the returned HTML NORMAL WEBSITES
18. server client JSON: { data1, data2 } <h1>data1</h1> <p>data2</p> GET /items 200 OK SINGLE PAGE APPS
19. SERVER RESTful API
20. CLIENT routing, data-binding, components, MVC
21. server fornece os recursos, client manipula a interface
22. como começar
23. SERVER RESTful API
24. Method URL Action GET /items Retorna todos os items GET /item/:id Retorna o item com o id especificado POST /items Adiciona um novo item PUT /item/:id Atualiza o item com o id especificado DELETE /item/:id Deleta o item com o id especificado
25. http://mcavage.me/node-restify/
26. DEMO
27. https://github.com/intridea/grape
28. http://flask-restful.readthedocs.org/en/latest/
29. CLIENT routing, data-binding, components, MVC
30. http://angularjs.org/
31. DEMO
32. TESTES mais confiança e documentação
33. http://visionmedia.github.io/mocha/
34. http://pivotal.github.io/jasmine/
35. pro tips
36. CORS cross-origin resource sharing
37. htttp://w3.org/TR/cors/
38. 8+ suporte
39. DEMO
40. http://www.html5rocks.com/en/tutorials/cors/
41. SEO seja encontrado :)
42. https://developers.google.com/webmasters/ajax-crawling/
43. htttp://prerender.io/
44. WORKFLOW teste em vários dispositivos no ctrl+s
45. http://karma-runner.github.io/
46. http://yeoman.io/
47. DEMO
48. use e contribua com os melhores projetos!
50. OBRIGADO! cironunes @cironunesdev cironunes.github.io