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
36
Type safe CSS with Reason
cironunes
0
90
What I've learned building automated docs for Ansarada's design system
cironunes
0
54
Beyond ng new
cironunes
2
190
Animate your Angular apps
cironunes
0
380
Sweet Angular, good forms never felt so good
cironunes
0
51
Sweet Angular, good forms never felt so good
cironunes
0
270
Progressive Angular apps
cironunes
3
860
Angular: Um framework. Mobile & desktop.
cironunes
1
560
Other Decks in Programming
See All in Programming
Runtime Objects in Rust
mitsuhiko
0
220
The grand strategy of Ruby Parser
yui_knk
5
310
Good first issues of TypeProf
mame
4
580
TypeScriptで使いやすいOpenAPIの書き方
yukimochi_dwango
1
890
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
620
CQRS meets modern Java
simas
PRO
2
470
ペパボOpenTelemetry革命
pyama86
2
1.1k
AppRouter Panel Talk
yosuke_furukawa
PRO
1
520
Direct Style Effect Systems The Print[A] ExampleA Comprehension Aid
philipschwarz
PRO
0
410
PHPコードの実行モデルを理解する / Understanding-the-PHP-Execution-Model
shin1x1
0
1.1k
GoでParserを書く
karupanerura
3
370
[RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more
palkan
0
120
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
The Cost Of JavaScript in 2023
addyosmani
21
4k
Unsuck your backbone
ammeep
664
57k
The Mythical Team-Month
searls
217
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.5k
Atom: Resistance is Futile
akmur
260
25k
BBQ
matthewcrist
80
8.8k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Teambox: Starting and Learning
jrom
128
8.4k
For a Future-Friendly Web
brad_frost
172
9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
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