Introduction to WebApplicationsTobias Pfeiffer@PragTobpragtob.wordpress.com
Today
What is a web application?
Not rocket science
I am Rails(and So Can You!)
Programming is fun!
What you are goingto build today
So what is a web application?
Presented in aweb browser
Runs on a server...
...or the cloud
is dynamic
A high level overview
High level overview
High level overview
High level overviewRequest
High level overview
High level overviewAnswer
High level overviewAnswer
High level overview
What parts does a webapplication consist of?
Web Application
Front EndBack End
Front EndBack End
CSSHTMLJavaScript
CSSHTMLJavaScript
Structure and content
CSSHTMLJavaScript
Styling to transform...
...this...
...into this.
CSSHTMLJavaScript
Back EndCSSHTMLJavaScript
Back EndCSSHTMLJavaScript
LogicInfrastructure
LogicInfrastructure
Logic● Behaviour● Implements the business logic● Ties all the parts together● Generates content
Ruby on Rails
But what is Ruby on Rails?
A web applicationframework written in Ruby
● A general purpose programminglanguage● Principle of least surprise● Invented by Yukihiro Matsumoto
"I hope to see Ruby helpevery programmer in theworld to be productive, and toenjoy programming, and to behappy. That is th...
Ruby on Rails● Framework written in Ruby● set of functionality to help write webapplications– Connecting to the database (...
LogicInfrastructure
Web Server
LogicInfrastructure
Storing all yourdata...
...in giant tables
Recap
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application Landscape
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapDOMRuby on RailsSqliteWEBrickRuby
Bento Box Exercise● Sort technologies and associated wordsinto the landscape● 5 minutes time
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapDOMRuby on RailsSqliteWEBrickRuby
Bento Box Exercise● jQuery● Django● Unicorn● PHP● Python● XML● Java● MongoDB
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapXMLDOMjQueryRuby on RailsSqliteUnicornWEBrick...
Question time?
Where to go from here?● I gather resources here, such as:– http://pragtob.github.io/rails-beginner-cheatsheet/– http://rub...
Thank you and enjoycoding!Tobias Pfeiffer@PragTobpragtob.wordpress.comlisten to me talking about learning Ruby (German)
Photo credit● http://www.flickr.com/photos/captainkimo/5918836159/● http://www.flickr.com/photos/weppos/7486411688/● http:...
Web Application Intro for RailsGirls Berlin May 2013
Web Application Intro for RailsGirls Berlin May 2013
Upcoming SlideShare
Loading in …5
×

Web Application Intro for RailsGirls Berlin May 2013

762 views
678 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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
762
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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/

×