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 frontend revolution
Upcoming SlideShare
Loading in …5
×

Embrace the frontend revolution

1,548 views

Published on

During the last years we have been seeing a lot Javascript-based frontend tools becoming more and more popular. They are all wildly used because of the rise of Node JS. As developers we cannot ignore this revolution, but rather embrace it.

In this talk I will speak about how to transition from monolithic applications to HTML5 apps + REST API's. From full stack developers to frontend+backend teams. I will also demonstrate how the development looks like using tools like AngularJS and Grunt for frontend development.

Hurry up. They are coming...

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

  • Be the first to like this

No Downloads
Views
Total views
1,548
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Embrace the frontend revolution

  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!

×