Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Single Page Apps FTW!
Search
Ciro Nunes
November 30, 2013
Programming
2
170
Single Page Apps FTW!
Ciro Nunes
November 30, 2013
Tweet
Share
More Decks by Ciro Nunes
See All by Ciro Nunes
Rust Front-end with Yew
cironunes
0
59
Type safe CSS with Reason
cironunes
0
130
What I've learned building automated docs for Ansarada's design system
cironunes
0
79
Beyond ng new
cironunes
2
210
Animate your Angular apps
cironunes
0
440
Sweet Angular, good forms never felt so good
cironunes
0
85
Sweet Angular, good forms never felt so good
cironunes
0
300
Progressive Angular apps
cironunes
3
910
Angular: Um framework. Mobile & desktop.
cironunes
1
590
Other Decks in Programming
See All in Programming
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
並行開発のためのコードレビュー
miyukiw
0
120
組織で育むオブザーバビリティ
ryota_hnk
0
180
Implementation Patterns
denyspoltorak
0
290
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.9k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
570
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
400
AtCoder Conference 2025
shindannin
0
1.1k
Grafana:建立系統全知視角的捷徑
blueswen
0
330
SourceGeneratorのススメ
htkym
0
200
Featured
See All Featured
How GitHub (no longer) Works
holman
316
140k
Building Adaptive Systems
keathley
44
2.9k
Skip the Path - Find Your Career Trail
mkilby
0
55
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Darren the Foodie - Storyboard
khoart
PRO
2
2.4k
Believing is Seeing
oripsolob
1
55
KATA
mclloyd
PRO
34
15k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
100
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
430
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
340
Ethics towards AI in product and experience design
skipperchong
2
190
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Transcript
SINGLE PAGE APPS Ciro Nunes FOR THE WIN!
CIRO NUNES Front End Developer cironunes @cironunesdev cironunes.github.io
None
None
None
http://www.meetup.com/AngularJS-Sao-Paulo/
SINGLE PAGE APPS Ciro Nunes FOR THE WIN!
None
None
None
None
None
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/
DEMO
https://github.com/intridea/grape
http://flask-restful.readthedocs.org/en/latest/
CLIENT routing, data-binding, components, MVC
http://angularjs.org/
DEMO
TESTES mais confianç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
DEMO
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/
DEMO
use e contribua com os melhores projetos!
None
OBRIGADO! cironunes @cironunesdev cironunes.github.io