Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Application Intro for RailsGirls Berlin May 2013

888 views

Published on

The well known web application introduction, this time without the Ruby introduction as the Ruby Monsters already did this! This time it also has a Bentobox.

Published in: Technology
  • Be the first to comment

Web Application Intro for RailsGirls Berlin May 2013

  1. 1. Introduction to WebApplicationsTobias Pfeiffer@PragTobpragtob.wordpress.com
  2. 2. Today
  3. 3. What is a web application?
  4. 4. Not rocket science
  5. 5. I am Rails(and So Can You!)
  6. 6. Programming is fun!
  7. 7. What you are goingto build today
  8. 8. So what is a web application?
  9. 9. Presented in aweb browser
  10. 10. Runs on a server...
  11. 11. ...or the cloud
  12. 12. is dynamic
  13. 13. A high level overview
  14. 14. High level overview
  15. 15. High level overview
  16. 16. High level overviewRequest
  17. 17. High level overview
  18. 18. High level overviewAnswer
  19. 19. High level overviewAnswer
  20. 20. High level overview
  21. 21. What parts does a webapplication consist of?
  22. 22. Web Application
  23. 23. Front EndBack End
  24. 24. Front EndBack End
  25. 25. CSSHTMLJavaScript
  26. 26. CSSHTMLJavaScript
  27. 27. Structure and content
  28. 28. CSSHTMLJavaScript
  29. 29. Styling to transform...
  30. 30. ...this...
  31. 31. ...into this.
  32. 32. CSSHTMLJavaScript
  33. 33. Back EndCSSHTMLJavaScript
  34. 34. Back EndCSSHTMLJavaScript
  35. 35. LogicInfrastructure
  36. 36. LogicInfrastructure
  37. 37. Logic● Behaviour● Implements the business logic● Ties all the parts together● Generates content
  38. 38. Ruby on Rails
  39. 39. But what is Ruby on Rails?
  40. 40. A web applicationframework written in Ruby
  41. 41. ● A general purpose programminglanguage● Principle of least surprise● Invented by Yukihiro Matsumoto
  42. 42. "I hope to see Ruby helpevery programmer in theworld to be productive, and toenjoy programming, and to behappy. That is the primarypurpose of Ruby language."Yukihiro Matsumoto
  43. 43. Ruby on Rails● Framework written in Ruby● set of functionality to help write webapplications– Connecting to the database (ActiveRecord)– Generating HTML (ERB)– Pays attention to security– … and so much more!● Model View Controller● You write in Ruby
  44. 44. LogicInfrastructure
  45. 45. Web Server
  46. 46. LogicInfrastructure
  47. 47. Storing all yourdata...
  48. 48. ...in giant tables
  49. 49. Recap
  50. 50. LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application Landscape
  51. 51. LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapDOMRuby on RailsSqliteWEBrickRuby
  52. 52. Bento Box Exercise● Sort technologies and associated wordsinto the landscape● 5 minutes time
  53. 53. LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapDOMRuby on RailsSqliteWEBrickRuby
  54. 54. Bento Box Exercise● jQuery● Django● Unicorn● PHP● Python● XML● Java● MongoDB
  55. 55. LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapXMLDOMjQueryRuby on RailsSqliteUnicornWEBrickMongoDBRubyPHP PythonDjangoJava
  56. 56. Question time?
  57. 57. Where to go from here?● I gather resources here, such as:– http://pragtob.github.io/rails-beginner-cheatsheet/– http://ruby.railstutorial.org/– http://rubymonk.com/– http://www.codeschool.com/courses/rails-for-zombies– http://rubykoans.com/– http://railscasts.com/● Rails Girls Berlin project groups
  58. 58. Thank you and enjoycoding!Tobias Pfeiffer@PragTobpragtob.wordpress.comlisten to me talking about learning Ruby (German)
  59. 59. Photo credit● http://www.flickr.com/photos/captainkimo/5918836159/● http://www.flickr.com/photos/weppos/7486411688/● http://www.flickr.com/photos/railsgirlsberlin/7882839698/in/photostream● http://www.flickr.com/photos/nirak/644336486/

×