Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Single Page Apps FTW!

Avatar for Ciro Nunes Ciro Nunes
November 30, 2013
Programming
2
160

Single Page Apps FTW!

Avatar for Ciro Nunes

Ciro Nunes

November 30, 2013
Tweet

More Decks by Ciro Nunes

See All by Ciro Nunes
Rust Front-end with Yew
Avatar for Ciro Nunes cironunes
0
56
Type safe CSS with Reason
Avatar for Ciro Nunes cironunes
0
120
What I've learned building automated docs for Ansarada's design system
Avatar for Ciro Nunes cironunes
0
74
Beyond ng new
Avatar for Ciro Nunes cironunes
2
210
Animate your Angular apps
Avatar for Ciro Nunes cironunes
0
430
Sweet Angular, good forms never felt so good
Avatar for Ciro Nunes cironunes
0
81
Sweet Angular, good forms never felt so good
Avatar for Ciro Nunes cironunes
0
300
Progressive Angular apps
Avatar for Ciro Nunes cironunes
3
910
Angular: Um framework. Mobile & desktop.
Avatar for Ciro Nunes cironunes
1
590

Other Decks in Programming

See All in Programming
宅宅自以為的浪漫：跟 AI 一起為自己辦的研討會寫一個售票系統
Avatar for 高見龍 eddie
0
510
Integrating WordPress and Symfony
Avatar for Alexandre Salomé alexandresalome
0
160
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
Avatar for Tomofumi Kondo tomokon
0
130
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
120
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
300
認証・認可の基本を学ぼう前編
Avatar for kaza kouyuume
0
250
Cap'n Webについて
Avatar for Yusuke Wada yusukebe
0
130
チームをチームにするEM
Avatar for hitode909 hitode909
0
340
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
Your Architecture as a Crime Scene? Forensic Analysis
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
Avatar for 株式会社ELYZA elyza
0
130
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
190

Featured

See All Featured
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
It's Worth the Effort
Avatar for 3n 3n
187
29k
Done Done
Avatar for chrislema chrislema
186
16k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k

Transcript

  1. SINGLE PAGE APPS Ciro Nunes FOR THE WIN!

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

  3. None
  4. None
  5. None

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

  7. SINGLE PAGE APPS Ciro Nunes FOR THE WIN!

  8. None
  9. None
  10. None
  11. None
  12. None

  13. SINGLE PAGE APPS UX nativa no browser!

  14. pro tips como começar arquitetura

  15. arquitetura

  16. client totalmente desacoplado do server

  17. server client <html><body> <h1>data2</h1> <p>data2</p> </body></html> GET / 200 OK

    display the returned HTML NORMAL WEBSITES

  18. server client JSON: { data1, data2 } <h1>data1</h1> <p>data2</p> GET

    /items 200 OK SINGLE PAGE APPS

  19. SERVER RESTful API

  20. CLIENT routing, data-binding, components, MVC

  21. server fornece os recursos, client manipula a interface

  22. como começar

  23. SERVER RESTful API

  24. 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

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

  26. DEMO

  27. https://github.com/intridea/grape

  28. http://flask-restful.readthedocs.org/en/latest/

  29. CLIENT routing, data-binding, components, MVC

  30. http://angularjs.org/

  31. DEMO

  32. TESTES mais confiança e documentação

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

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

  35. pro tips

  36. CORS cross-origin resource sharing

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

  38. 8+ suporte

  39. DEMO

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

  41. SEO seja encontrado :)

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

  43. htttp://prerender.io/

  44. WORKFLOW teste em vários dispositivos no ctrl+s

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

  46. http://yeoman.io/

  47. DEMO

  48. use e contribua com os melhores projetos!

  49. None

  50. OBRIGADO! cironunes @cironunesdev cironunes.github.io