Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sailor - Components in the backend

Kiko Beats
August 29, 2014

Sailor - Components in the backend

Kiko Beats

August 29, 2014
Tweet

More Decks by Kiko Beats

Other Decks in Technology

Transcript

  1. COMPONENTS
    in the backend
    a hipster love story

    View Slide

  2. console.log "About"
    • kikobeats.com
    • twitter.com/kikobeats
    • github.com/kikobeats
    Ironhack
    Web Development
    Barcelona Edition
    Summer 2014
    Computer Science
    Software Engineer
    Web is the platform

    View Slide

  3. What I mean by a component
    • Efficient way to encapsulated code
    • Extend your application
    • Easy to create, use and distribute
    Maybe yo known as...
    in the frontend

    View Slide

  4. What I mean by a component
    For the user
    For the developer
    • Focused
    • Independent
    • Reusable
    • Small
    • Testeable
    • Is the same!
    FIRST principle
    http://addyosmani.com/first
    in the frontend

    View Slide

  5. What I mean by a component
    What's happens in backend?
    Is it backend for nerds?
    Am I a Nerd?
    Nice solutions for the frontend, but...
    Nope. I am a Hipster.
    in the frontend

    View Slide

  6. SAILOR
    Components in the backend

    View Slide

  7. Main features
    • Plug 'n play system
    • Focused on API creation and μservices
    • Centered in fast development
    • Make very easy frontend development
    Combine modules and create a custom
    backend based on your requirement.
    Components in the backend

    View Slide

  8. Module user
    • CRUD User
    • Login/Logout
    • Different strategies
    Module CDN
    • File upload
    • Serve files
    • Different providers
    Module Mail
    • Send mails for you
    • Some templates
    • Different transportes
    First step: Encapsule in a module the logic

    necessary for a case of use
    by steps!
    Remember follow the FIRST principles!
    Components in the backend

    View Slide

  9. Core
    Second step: Register the module in the core
    module module module
    Components in the backend
    by steps!

    View Slide

  10. Components in the backend
    by steps!

    View Slide

  11. Components in the backend
    by steps!

    View Slide

  12. console.log "DEMO"
    bit.ly/hackchat

    View Slide

  13. Components in the backend
    by steps!
    • sailor-module-user – 1200 lines
    • sailor-twitter-api – 80 lines
    • sailor-client – 200 lines
    • sailor-twitter-atoms – 244 lines
    the effort of your development in lines of code...

    View Slide

  14. Components in the backend
    by steps!
    ... but write secure code

    View Slide

  15. Components in the backend
    Sails
    – Native websockets support
    – CRUD Blueprints
    – Agnostic database
    – CORS and CSRF protection
    Extend sails core for support plugins –
    Multilanguage endpoints –
    JSONWebToken –
    Normalize error responses –
    Client library for connect the backend –
    Sailor

    View Slide

  16. Components in the backend
    ... and, of course, decoupled of the frontend

    View Slide

  17. Components in the backend
    Technology Stack

    View Slide

  18. Components in the backend
    100% Open Source
    github.com/sailorjs
    • sailorjs
    • sailor-client
    • sailor-validator
    • sailor-translate
    • sailor-errorify
    • sailor-scripts

    View Slide

  19. console.log
    "THANKS"

    View Slide