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
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
Grafana Cloudとソラカメ
devoc
0
140
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
Unity Android XR入門
sakutama_11
0
140
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
180
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Git: the NoSQL Database
bkeepers
PRO
427
64k
RailsConf 2023
tenderlove
29
1k
Scaling GitHub
holman
459
140k
Building an army of robots
kneath
302
45k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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