SlideShare a Scribd company logo
1 of 17
Download to read offline
Speak Geek.
 Or how to teach the language of web

Friday, March 23, 12
2

Friday, March 23, 12
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 wonderfully designed.




Friday, March 23, 12
4

Friday, March 23, 12
RUBY ON RAILS, DJANGO,
                                    CAKEPHP, JETTY , LIFT….

                                  RUBY, PYTHON, PHP, SCALA
                        MYSQL,
                       MONGODB

                                                        XML

                                 HTML       CSS       JAVASCRIPT


                                                        DOM
                       UNICORN
                                           AJAX




Friday, March 23, 12
Etsy:
 “We use a number of different programming languages (including Matlab!) but
   are primarily a PHP shop. We have a number of databases, some of which
   are MySQL and some of which are PostgreSQL. “

Friday, March 23, 12
PHP + Matlab


                         MySQL
                       PostgeSQL




                                                  7

Friday, March 23, 12
Foursquare:
     “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 hasn't been
     migrated off PostgreSQL yet).
                                                                          8

Friday, March 23, 12
Scala

                                           Lift
                        MongoDB and
                         PostresSQL




                       Nginx + HAProxy




                                                  9

Friday, March 23, 12
R
               #1 HTML/CSS
               #2 JQUERY
               #3 Unicorn



Friday, March 23, 12
HTML   CSS




Friday, March 23, 12
XML

                                     JAVASCRIPT
                       HTML   CSS
                                       DOM

                              AJAX




Friday, March 23, 12
UNICORN




Friday, March 23, 12
R
               #1 PHP                         #6 Apache
               #2 SaaS                        #7 CSS
               #3 RoR                         #8 Django
               #4 HTML                        #9 MySQL
               #5 MongoDB                     #10 nginx
                Rules: Figure out the term and place it on the bentobox in
                the right place..
                There might be false friends and doubles.
                Googling allowed!
                You have five minutes – wrong answers will be removed,
                the team with most post-its wins!
Friday, March 23, 12
5 minutes.
                       Game on!




Friday, March 23, 12
MongoDB                  PHP    RoR   Django



                       MySQL




                                          HTML   CSS
                  Apache       nginx




                                   SaaS

Friday, March 23, 12
#1 PHP                                                            #6 Apache
                                                                           Infrastructure. A popular open source HTTP server software.
     R   Logic. PHP is a very popular language designed to produce
         dynamic Web pages. It goes well with HTML.
         - What makes PHP special?
         - Why it’s so popular?
                                                                           Servers can be hardware or software - here we’re focusing on
                                                                           the latter. Servers are the piece of software that deliver the
                                                                           web page to you.
                                                                           - What is HTTP? What is the role of the browser?


         #2 SaaS                                                           #7 CSS
         No where. Software as a service. Not a technical term - more a    Style and structure. Especially style, designed to describe the
         business/delivery model, in which software is hosted centrally,   look of webpages, including elements such as the layout, colors
         not by the user themselves and they often pay a subscription      and fonts.
         fee. Examples range from Salesforce, Spotify, Google Docs..       - Why is CSS important when building bigger sites?
         - What other buzzwords are there that are not technical?          - What is CSS3?



         #3 RoR
         Logic. Ruby on Rails. Sometimes abbreviations might fool
                                                                           #8 Django
                                                                           Logic. A similar framework as Rails is for Ruby, Django is for
         you!                                                              Python.


         #4 HTML
                                                                           - What other examples of popular frameworks are there? For
                                                                           Ruby?



         Style & structure. Especially structue: HTML is what
         describes the structure and the (static) content of the
                                                                           #9 MySQL
         website.                                                          Database. Worlds most popular open source database system,
         - What is XHTML? HTML5?                                           used by Facebook, Twitter, Wordpress etc. Well baked into many
         - Scripting language vs. markup?                                  software stacks like LAMP
                                                                           - Talk about LAMP and other software stacks


         #5 MongoDB
                                                                           - Talk a little about open source




         Database. An open source database system. Stores the web
                                                                           #10 nginx
         app data in a little different way than MySQL, making it          Infrastructure. Pronounced “Engine X”. An open source HTTP
         easier and faster for certain types of apps.                      server. Said to be faster than Apache - in many ways like
         - What are noSQLs? Why is MongoDB so popular?                     MongoDB is for MySQL.
                                                                           - What are proxies?
                                                                           - Talk about



Friday, March 23, 12

More Related Content

Similar to Learn the language of the web with this guide to key technologies

Bentobox model for understanding technology stacks
Bentobox model for understanding technology stacksBentobox model for understanding technology stacks
Bentobox model for understanding technology stacksLinda Liukas
 
DiUS Computing Lca Rails Final
DiUS  Computing Lca Rails FinalDiUS  Computing Lca Rails Final
DiUS Computing Lca Rails FinalRobert Postill
 
Bentobox Exercise
Bentobox ExerciseBentobox Exercise
Bentobox ExerciseEster Kais
 
Web application intro + a bit of ruby (revised)
Web application intro + a bit of ruby (revised)Web application intro + a bit of ruby (revised)
Web application intro + a bit of ruby (revised)Tobias Pfeiffer
 
HPTS 2011: The NoSQL Ecosystem
HPTS 2011: The NoSQL EcosystemHPTS 2011: The NoSQL Ecosystem
HPTS 2011: The NoSQL EcosystemAdam Marcus
 
The NoSQL Ecosystem
The NoSQL Ecosystem The NoSQL Ecosystem
The NoSQL Ecosystem yarapavan
 
If NoSQL is your answer, you are probably asking the wrong question.
If NoSQL is your answer, you are probably asking the wrong question.If NoSQL is your answer, you are probably asking the wrong question.
If NoSQL is your answer, you are probably asking the wrong question.Lukas Smith
 
Viridians on Rails
Viridians on RailsViridians on Rails
Viridians on RailsViridians
 
Killing the Angle Bracket
Killing the Angle BracketKilling the Angle Bracket
Killing the Angle Bracketjnewmanux
 
Ruby On Rails Presentation
Ruby On Rails PresentationRuby On Rails Presentation
Ruby On Rails PresentationPaul Pajo
 
Navigating NoSQL in cloudy skies
Navigating NoSQL in cloudy skiesNavigating NoSQL in cloudy skies
Navigating NoSQL in cloudy skiesshnkr_rmchndrn
 
Crash Course HTML/Rails Slides
Crash Course HTML/Rails SlidesCrash Course HTML/Rails Slides
Crash Course HTML/Rails SlidesUdita Plaha
 
Ruby on Rails - An overview
Ruby on Rails -  An overviewRuby on Rails -  An overview
Ruby on Rails - An overviewThomas Asikis
 
Ruby on Rails (RoR) as a back-end processor for Apex
Ruby on Rails (RoR) as a back-end processor for Apex Ruby on Rails (RoR) as a back-end processor for Apex
Ruby on Rails (RoR) as a back-end processor for Apex Espen Brækken
 

Similar to Learn the language of the web with this guide to key technologies (20)

Bentobox model for understanding technology stacks
Bentobox model for understanding technology stacksBentobox model for understanding technology stacks
Bentobox model for understanding technology stacks
 
Web application intro
Web application introWeb application intro
Web application intro
 
DiUS Computing Lca Rails Final
DiUS  Computing Lca Rails FinalDiUS  Computing Lca Rails Final
DiUS Computing Lca Rails Final
 
Bentobox Exercise
Bentobox ExerciseBentobox Exercise
Bentobox Exercise
 
Web application intro + a bit of ruby (revised)
Web application intro + a bit of ruby (revised)Web application intro + a bit of ruby (revised)
Web application intro + a bit of ruby (revised)
 
Rails Concept
Rails ConceptRails Concept
Rails Concept
 
HPTS 2011: The NoSQL Ecosystem
HPTS 2011: The NoSQL EcosystemHPTS 2011: The NoSQL Ecosystem
HPTS 2011: The NoSQL Ecosystem
 
The NoSQL Ecosystem
The NoSQL Ecosystem The NoSQL Ecosystem
The NoSQL Ecosystem
 
Ruby on rails
Ruby on railsRuby on rails
Ruby on rails
 
Ruby on Rails
Ruby on Rails Ruby on Rails
Ruby on Rails
 
Ruby on rails
Ruby on railsRuby on rails
Ruby on rails
 
If NoSQL is your answer, you are probably asking the wrong question.
If NoSQL is your answer, you are probably asking the wrong question.If NoSQL is your answer, you are probably asking the wrong question.
If NoSQL is your answer, you are probably asking the wrong question.
 
Viridians on Rails
Viridians on RailsViridians on Rails
Viridians on Rails
 
Killing the Angle Bracket
Killing the Angle BracketKilling the Angle Bracket
Killing the Angle Bracket
 
Ruby On Rails Presentation
Ruby On Rails PresentationRuby On Rails Presentation
Ruby On Rails Presentation
 
DSLs in JavaScript
DSLs in JavaScriptDSLs in JavaScript
DSLs in JavaScript
 
Navigating NoSQL in cloudy skies
Navigating NoSQL in cloudy skiesNavigating NoSQL in cloudy skies
Navigating NoSQL in cloudy skies
 
Crash Course HTML/Rails Slides
Crash Course HTML/Rails SlidesCrash Course HTML/Rails Slides
Crash Course HTML/Rails Slides
 
Ruby on Rails - An overview
Ruby on Rails -  An overviewRuby on Rails -  An overview
Ruby on Rails - An overview
 
Ruby on Rails (RoR) as a back-end processor for Apex
Ruby on Rails (RoR) as a back-end processor for Apex Ruby on Rails (RoR) as a back-end processor for Apex
Ruby on Rails (RoR) as a back-end processor for Apex
 

Recently uploaded

Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 

Recently uploaded (20)

Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 

Learn the language of the web with this guide to key technologies

  • 1. Speak Geek. Or how to teach the language of web Friday, March 23, 12
  • 3. 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 wonderfully designed. Friday, March 23, 12
  • 5. RUBY ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. RUBY, PYTHON, PHP, SCALA MYSQL, MONGODB XML HTML CSS JAVASCRIPT DOM UNICORN AJAX Friday, March 23, 12
  • 6. Etsy: “We use a number of different programming languages (including Matlab!) but are primarily a PHP shop. We have a number of databases, some of which are MySQL and some of which are PostgreSQL. “ Friday, March 23, 12
  • 7. PHP + Matlab MySQL PostgeSQL 7 Friday, March 23, 12
  • 8. Foursquare: “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 hasn't been migrated off PostgreSQL yet). 8 Friday, March 23, 12
  • 9. Scala Lift MongoDB and PostresSQL Nginx + HAProxy 9 Friday, March 23, 12
  • 10. R #1 HTML/CSS #2 JQUERY #3 Unicorn Friday, March 23, 12
  • 11. HTML CSS Friday, March 23, 12
  • 12. XML JAVASCRIPT HTML CSS DOM AJAX Friday, March 23, 12
  • 14. R #1 PHP #6 Apache #2 SaaS #7 CSS #3 RoR #8 Django #4 HTML #9 MySQL #5 MongoDB #10 nginx Rules: Figure out the term and place it on the bentobox in the right place.. There might be false friends and doubles. Googling allowed! You have five minutes – wrong answers will be removed, the team with most post-its wins! Friday, March 23, 12
  • 15. 5 minutes. Game on! Friday, March 23, 12
  • 16. MongoDB PHP RoR Django MySQL HTML CSS Apache nginx SaaS Friday, March 23, 12
  • 17. #1 PHP #6 Apache Infrastructure. A popular open source HTTP server software. R Logic. PHP is a very popular language designed to produce dynamic Web pages. It goes well with HTML. - What makes PHP special? - Why it’s so popular? Servers can be hardware or software - here we’re focusing on the latter. Servers are the piece of software that deliver the web page to you. - What is HTTP? What is the role of the browser? #2 SaaS #7 CSS No where. Software as a service. Not a technical term - more a Style and structure. Especially style, designed to describe the business/delivery model, in which software is hosted centrally, look of webpages, including elements such as the layout, colors not by the user themselves and they often pay a subscription and fonts. fee. Examples range from Salesforce, Spotify, Google Docs.. - Why is CSS important when building bigger sites? - What other buzzwords are there that are not technical? - What is CSS3? #3 RoR Logic. Ruby on Rails. Sometimes abbreviations might fool #8 Django Logic. A similar framework as Rails is for Ruby, Django is for you! Python. #4 HTML - What other examples of popular frameworks are there? For Ruby? Style & structure. Especially structue: HTML is what describes the structure and the (static) content of the #9 MySQL website. Database. Worlds most popular open source database system, - What is XHTML? HTML5? used by Facebook, Twitter, Wordpress etc. Well baked into many - Scripting language vs. markup? software stacks like LAMP - Talk about LAMP and other software stacks #5 MongoDB - Talk a little about open source Database. An open source database system. Stores the web #10 nginx app data in a little different way than MySQL, making it Infrastructure. Pronounced “Engine X”. An open source HTTP easier and faster for certain types of apps. server. Said to be faster than Apache - in many ways like - What are noSQLs? Why is MongoDB so popular? MongoDB is for MySQL. - What are proxies? - Talk about Friday, March 23, 12