Embrace the front-end
revolution
Álvaro Sánchez-Mariscal
Web Architect —
@alvaro_sanchez
About me
• Passionate software developer.
• Worked at IBM BCS, BEA Systems and
Sun Microsystems.
• Founded Salenda in 2005...
• HTML5 games platform for:
• Game developers.
• Casinos.
• Check out https://play.odobo.com and try
for free!
The front-end
revolution from a
human resources
perspective.
Full-stack Frameworks
Monolithic!
Monolithic frameworks
• The views and the business logic are
packaged together.
• Server-side generated views.
• Full-stac...
The full-stack developer
Can write code on
every layer of the
application.
Q: How do you see
yourself as a
developer?
http://poll.fm/4qjo0
• Great if they are really full-stack.
• Not so good if they are back-end
developers, with some jQuery knowledge
and pixel...
The front-end revolution
The front-end
revolution facts
• Javascript community is HUGE. Lot of
developers out there.
• NodeJS is the new framework ...
Tools a front-end
developer will love
The front-end
revolution from an
architectural
perspective.
REST
REST is much
more than just
returning
JSON.
RESTful is aboutRESTful is about*
Client / server.
Stateless.
Cacheable.
Layered.
* Source: Wikipedia.
Statelessness
• Full-stack frameworks are usually
stateful.
• They use the HTTP session.
• “ST” in REST stands for State T...
Break down your apps
• Separate the front-end from the back-
end.
• Front: a pure Javascript/HTML/CSS
application.
• Back-...
Break down your apps
Break down your apps
Advantages
• Single Page Applications are more
responsive.
• All the page changes are in the browser.
• UI and API are dep...
Advantages
• Scalability.
• It’s way more easier to scale pure Javascript
applications.
• Separation of responsibilities.
...
Advantages
• You get ready from the beginning to
expose an API. Can be useful for
• Public consumers.
• Mobile application...
Demo
http://bit.ly/grails-angular
Conclusions
• Think whether your team/company has
full-stack developers or not.
• Think if the teams need to scale.
Conclusions
• From a RESTful point of view, you need to
achieve statelessness.
• For that, you need to avoid server-centri...
Álvaro Sánchez-Mariscal
Web Architect —
@alvaro_sanchez
Grazie mille!
Embrace the front-end revolution - Sánchez-Mariscal
Upcoming SlideShare
Loading in …5
×

Embrace the front-end revolution - Sánchez-Mariscal

203
-1

Published on

Slides from Álvaro Sánchez-Mariscal talk @Codemotion Roma 2014

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
203
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Embrace the front-end revolution - Sánchez-Mariscal

  1. 1. Embrace the front-end revolution Álvaro Sánchez-Mariscal Web Architect — @alvaro_sanchez
  2. 2. About me • Passionate software developer. • Worked at IBM BCS, BEA Systems and Sun Microsystems. • Founded Salenda in 2005. • Working now at Odobo as Web Architect. • Living between Madrid and Gibraltar.
  3. 3. • HTML5 games platform for: • Game developers. • Casinos. • Check out https://play.odobo.com and try for free!
  4. 4. The front-end revolution from a human resources perspective.
  5. 5. Full-stack Frameworks
  6. 6. Monolithic!
  7. 7. Monolithic frameworks • The views and the business logic are packaged together. • Server-side generated views. • Full-stack frameworks require full-stack developers.
  8. 8. The full-stack developer Can write code on every layer of the application.
  9. 9. Q: How do you see yourself as a developer? http://poll.fm/4qjo0
  10. 10. • Great if they are really full-stack. • Not so good if they are back-end developers, with some jQuery knowledge and pixel-up-down-ok CSS skills. • Makes less sense when your company has truly front-end developers. Full-stack developers
  11. 11. The front-end revolution
  12. 12. The front-end revolution facts • Javascript community is HUGE. Lot of developers out there. • NodeJS is the new framework for hipsters. • There is a lot of tools built with/around NodeJS/Javascript.
  13. 13. Tools a front-end developer will love
  14. 14. The front-end revolution from an architectural perspective.
  15. 15. REST
  16. 16. REST is much more than just returning JSON.
  17. 17. RESTful is aboutRESTful is about* Client / server. Stateless. Cacheable. Layered. * Source: Wikipedia.
  18. 18. Statelessness • Full-stack frameworks are usually stateful. • They use the HTTP session. • “ST” in REST stands for State Transfer. • Client needs to transfer its state on each call.
  19. 19. Break down your apps • Separate the front-end from the back- end. • Front: a pure Javascript/HTML/CSS application. • Back-end: a REST API.
  20. 20. Break down your apps
  21. 21. Break down your apps
  22. 22. Advantages • Single Page Applications are more responsive. • All the page changes are in the browser. • UI and API are deployed separately. • You can redeploy as many times as you want, to do A/B testing, for example.
  23. 23. Advantages • Scalability. • It’s way more easier to scale pure Javascript applications. • Separation of responsibilities. • Developers can concentrate on making each tier a robust and secure system.
  24. 24. Advantages • You get ready from the beginning to expose an API. Can be useful for • Public consumers. • Mobile applications. • Back-office applications.
  25. 25. Demo http://bit.ly/grails-angular
  26. 26. Conclusions • Think whether your team/company has full-stack developers or not. • Think if the teams need to scale.
  27. 27. Conclusions • From a RESTful point of view, you need to achieve statelessness. • For that, you need to avoid server-centric, full-stack frameworks. • Break down your applications into a truly Javascript front-end + REST API.
  28. 28. Álvaro Sánchez-Mariscal Web Architect — @alvaro_sanchez Grazie mille!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×