Web Application Intro for RailsGirls Berlin May 2013

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.

Transcript

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/