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.

1. Introduction to Web
Applications
Tobias Pfeiffer
@PragTob
pragtob.wordpress.com

2. Today

4. What is a web application?

5. Not rocket science

6. I am Rails
(and So Can You!)

7. Programming is fun!

8. What you are going
to build today

9. So what is a web application?

10. Presented in a
web browser

11. Runs on a server...

12. ...or the cloud

13. is dynamic

14. A high level overview

15. High level overview

16. High level overview

17. High level overview
Request

18. High level overview

19. High level overview
Answer

20. High level overview
Answer

21. High level overview

22. What parts does a web
application consist of?

23. Web Application

24. Front End
Back End

25. Front End
Back End

26. CSS
HTML
JavaScript

27. CSS
HTML
JavaScript

28. Structure and content

29. CSS
HTML
JavaScript

30. Styling to transform...

31. ...this...

32. ...into this.

34. CSS
HTML
JavaScript

35. Back End
CSS
HTML
JavaScript

36. Back End
CSS
HTML
JavaScript

37. Logic
Infrastructure

38. Logic
Infrastructure

39. Logic
● Behaviour
● Implements the business logic
● Ties all the parts together
● Generates content

40. Ruby on Rails

41. But what is Ruby on Rails?

42. A web application
framework written in Ruby

43. ● A general purpose programming
language
● Principle of least surprise
● Invented by Yukihiro Matsumoto

44. "I hope to see Ruby help
every programmer in the
world to be productive, and to
enjoy programming, and to be
happy. That is the primary
purpose of Ruby language."
Yukihiro Matsumoto

45. Ruby on Rails
● Framework written in Ruby
● set of functionality to help write web
applications
– Connecting to the database (ActiveRecord)
– Generating HTML (ERB)
– Pays attention to security
– … and so much more!
● Model View Controller
● You write in Ruby

46. Logic
Infrastructure

47. Web Server

48. Logic
Infrastructure

49. Storing all your
data...

50. ...in giant tables

51. Recap

52. Logic
Storage
Infrastructure
CSS
HTML
JavaScript
Web Application Landscape

53. Logic
Storage
Infrastructure
CSS
HTML
JavaScript
Web Application Landscape
Bootstrap
DOM
Ruby on Rails
Sqlite
WEBrick
Ruby

54. Bento Box Exercise
● Sort technologies and associated words
into the landscape
● 5 minutes time

55. Logic
Storage
Infrastructure
CSS
HTML
JavaScript
Web Application Landscape
Bootstrap
DOM
Ruby on Rails
Sqlite
WEBrick
Ruby

56. Bento Box Exercise
● jQuery
● Django
● Unicorn
● PHP
● Python
● XML
● Java
● MongoDB

57. Logic
Storage
Infrastructure
CSS
HTML
JavaScript
Web Application Landscape
Bootstrap
XML
DOM
jQuery
Ruby on Rails
Sqlite
Unicorn
WEBrick
MongoDB
Ruby
PHP Python
Django
Java

58. Question time
?

59. 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

60. Thank you and enjoy
coding!
Tobias Pfeiffer
@PragTob
pragtob.wordpress.com
listen to me talking about learning Ruby (German)

61. 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/