Bentobox model for understanding technology stacks
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Bentobox model for understanding technology stacks

on

  • 131,713 views

 

Statistics

Views

Total Views
131,713
Views on SlideShare
2,816
Embed Views
128,897

Actions

Likes
2
Downloads
31
Comments
0

23 Embeds 128,897

http://railsgirls.com 128654
http://translate.googleusercontent.com 98
http://www.railsgirlsnola.com 61
http://localhost 28
http://railsgirlsnola.herokuapp.com 18
http://helloruby.com 7
http://rdsubhas.github.io 4
https://translate.googleusercontent.com 3
http://translate.yandex.net 3
http://bradparker.github.io 3
http://www.techgig.com 3
http://web.archive.org 2
http://kings-cross.ru 2
http://tmp.railsgirls.ch 2
http://65.55.108.4 1
http://0.0.0.0 1
http://guides.railsgirls.com 1
http://131.253.14.98 1
https://teras.tieto.com 1
http://131.253.14.66 1
http://railsgirls.tw 1
http://itsmetherobot.appspot.com 1
http://test-lc.2rev.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Bentobox model for understanding technology stacks Presentation Transcript

  • 1. a.k,a the Bentobox method to understanding web apps
  • 2. What have we learned so far?
  • 3. The difference between a web siteand a web application application.The difference between aprogramming language and a webframework.Copy-paste rules. Google everything! py p g y g
  • 4. Picture byhttp://www.flickr.com/photos/gamene/
  • 5. Why Bento?• You need a balanced mix of things.• It’s a puzzle - putting everything together in the box.• “Ekiben“ - content which is arranged in the most efficient, graceful manner. The bento is presented in a simple, beautiful, balanced way. Nothing lacking. Nothing superfluous. Not decorated, but b t wonderfully d i d f ll designed. d
  • 6. The Bento wireframe STORAGE THE LOGIC (BACK‐END)(BACK‐END) INFRA(BACK END)(BACK‐END) THE STRUCTURE AND STYLE (THE  FRONT‐END
  • 7. In practice practice… THE LOGIC (THE BACK-END) BACK END) RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL,  MONGODB RUBY, PYTHON, PHP, SCALA  K-END) XML AGE UNICORN HTML CSS JAVASCRIPTTHE STORA(THE BACK NFRA DOM AJAX& IN E THE STRUCTURE & STYLE (THE FRONT-END)
  • 8. ETSY “We use a number of different programming languages (including Matlab!) but are primarily a PHP shop. We shop have a number of databases, some of which are MySQL and some of which are PostgreSQL. “ PHP + Matlab MySQL 0  PostresSQL ost esSQ XML INFRA HTML CSS JAVASCRIPT DOM AJAX
  • 9. 4SQ “Server code is written in scala running on the lift web framework using jetty for a webserver. We front everything with nginx, and use HAProxy in between. MongoDB handles most of our data storage needs (though a bit hasnt been migrated off PostgreSQL yet). Scala MongoDB and  Lift PostresSQL XML Nginx + HAProxy HTML CSS JAVASCRIPT DOM AJAX
  • 10. R#1 HTML/CSS#2 JQUERY#3 Unicorn
  • 11. HTML / CSS RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  • 12. jQuery RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  • 13. Unicorn RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  • 14. R PHP #1 #6 Apache#2 SaaS #7 CSS#3 RoR #8 Django j g#4 HTML #9 MySQL#5 M MongoDB DB #10 nginx iRules: Figure out the term and place it on thebentobox in the right place..There might be false friends and doubles.Googling allowed!You have five minutesYo ha e fi e min tes – wrong ans ers will be rong answers illremoved, the team with most post-its wins!
  • 15. Game on!
  • 16. More questions? Shoot! q