1.
Introduction to WebApplicationsTobias Pfeiffer@PragTobpragtob.wordpress.com

2.
Today

3.
What is a web application?

4.
Not rocket science

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

6.
Programming is fun!

7.
What you are goingto build today

8.
So what is a web application?

9.
Presented in aweb browser

10.
Runs on a server...

11.
...or the cloud

12.
is dynamic

13.
A high level overview

14.
High level overview

15.
High level overview

16.
High level overviewRequest

17.
High level overview

18.
High level overviewAnswer

19.
High level overviewAnswer

20.
High level overview

21.
What parts does a webapplication consist of?

22.
Web Application

23.
Front EndBack End

24.
Front EndBack End

25.
CSSHTMLJavaScript

26.
CSSHTMLJavaScript

27.
Structure and content

28.
CSSHTMLJavaScript

29.
Styling to transform...

30.
...this...

31.
...into this.

32.
CSSHTMLJavaScript

33.
Back EndCSSHTMLJavaScript

34.
Back EndCSSHTMLJavaScript

35.
LogicInfrastructure

36.
LogicInfrastructure

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

38.
Ruby on Rails

39.
But what is Ruby on Rails?

40.
A web applicationframework written in Ruby

41.
● A general purpose programminglanguage● Principle of least surprise● Invented by Yukihiro Matsumoto

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

45.
Web Server

46.
LogicInfrastructure

47.
Storing all yourdata...

48.
...in giant tables

49.
Recap

50.
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application Landscape

51.
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapDOMRuby on RailsSqliteWEBrickRuby

52.
Bento Box Exercise● Sort technologies and associated wordsinto the landscape● 5 minutes time

53.
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapDOMRuby on RailsSqliteWEBrickRuby

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

55.
LogicStorageInfrastructureCSSHTMLJavaScriptWeb Application LandscapeBootstrapXMLDOMjQueryRuby on RailsSqliteUnicornWEBrickMongoDBRubyPHP PythonDjangoJava

56.
Question time?

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.
Thank you and enjoycoding!Tobias Pfeiffer@PragTobpragtob.wordpress.comlisten to me talking about learning Ruby (German)

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/