Single Page Apps FTW!

SINGLE PAGE APPS Ciro Nunes FOR THE WIN!

CIRO NUNES Front End Developer cironunes @cironunesdev cironunes.github.io

http://www.meetup.com/AngularJS-Sao-Paulo/

SINGLE PAGE APPS Ciro Nunes FOR THE WIN!

SINGLE PAGE APPS UX nativa no browser!

pro tips como começar arquitetura

arquitetura

client totalmente desacoplado do server

server client <html><body> <h1>data2</h1> <p>data2</p> </body></html> GET / 200 OK
display the returned HTML NORMAL WEBSITES

server client JSON: { data1, data2 } <h1>data1</h1> <p>data2</p> GET
/items 200 OK SINGLE PAGE APPS

SERVER RESTful API

CLIENT routing, data-binding, components, MVC

server fornece os recursos, client manipula a interface

como começar

SERVER RESTful API

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

http://mcavage.me/node-restify/

https://github.com/intridea/grape

http://ﬂask-restful.readthedocs.org/en/latest/

CLIENT routing, data-binding, components, MVC

http://angularjs.org/

TESTES mais conﬁança e documentação

http://visionmedia.github.io/mocha/

http://pivotal.github.io/jasmine/

pro tips

CORS cross-origin resource sharing

htttp://w3.org/TR/cors/

8+ suporte

http://www.html5rocks.com/en/tutorials/cors/

SEO seja encontrado :)

https://developers.google.com/webmasters/ajax-crawling/

htttp://prerender.io/

WORKFLOW teste em vários dispositivos no ctrl+s

http://karma-runner.github.io/

http://yeoman.io/

use e contribua com os melhores projetos!

OBRIGADO! cironunes @cironunesdev cironunes.github.io

Single Page Apps FTW!

Single Page Apps FTW!

More Decks by Ciro Nunes

Other Decks in Programming

Featured

Transcript