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
150
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
41
Type safe CSS with Reason
cironunes
0
100
What I've learned building automated docs for Ansarada's design system
cironunes
0
60
Beyond ng new
cironunes
2
190
Animate your Angular apps
cironunes
0
400
Sweet Angular, good forms never felt so good
cironunes
0
62
Sweet Angular, good forms never felt so good
cironunes
0
280
Progressive Angular apps
cironunes
3
870
Angular: Um framework. Mobile & desktop.
cironunes
1
580
Other Decks in Programming
See All in Programming
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.1k
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
530
Spring gRPC について / About Spring gRPC
mackey0225
0
220
Rails アプリ地図考 Flush Cut
makicamel
1
110
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
GAEログのコスト削減
mot_techtalk
0
120
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
240
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
730
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
370
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
180
Featured
See All Featured
Docker and Python
trallard
44
3.3k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Documentation Writing (for coders)
carmenintech
67
4.6k
Facilitating Awesome Meetings
lara
51
6.2k
Agile that works and the tools we love
rasmusluckow
328
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Being A Developer After 40
akosma
89
590k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Faster Mobile Websites
deanohume
306
31k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
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