Web Application Intro for RailsGirls Berlin May 2013

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.

8480daec7137f28565bc2d2e666b915a?s=128

Tobias Pfeiffer

May 04, 2013
Tweet

Transcript

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

  2. Today

  3. None
  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.

  33. None
  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/