Web Applications & You

A really simple intro to rails I presented to a high school CS class

Transcript

1. Web Applications &you
2. What is a web application?
3. A web app is dynamic
4. dynamic websites are
5. dynamic websites are • different for each user
6. dynamic websites are • different for each user • usually database backed
7. dynamic websites are • different for each user • usually database backed • usually have a way to log in
8. what is a static website?
9. what is a static website? same for everyone
10. static websites are easy
11. congratulations you made a website
12. but Will, web app? what about a
13. pick a framework, any framework • Ruby on Rails • Django • CakePHP • Sinatra • Play!
14. rails, I choose you!
15. good for? what is rails
16. really fast development make a blog in under 10 minutes
17. clean, structured code REST and CRUD and DRY oh my!
18. database agnostic rails talks to the database so you don’t have to
19. 4 there are key concepts
20. models
21. models map to the database posts id title body created_at 1 2 3 test lorem hello this i... ipsum world 03-25-12 03-26-12 03-26-12 database columns become instance variables with getter and setter methods
22. models contain validations validates :title, presence: true validates :password, length: { minimum: 6 } validates :email, format: /email_regex/
23. views
24. views are what the user sees the default template language is ERB (embedded ruby), which is a superset of HTML
25. views are what the user sees <%= titleize @post.title %> <% @post.each do |post| %> ... <% end %>
26. routes
27. routes are simple routes connect url paths /posts/:id/edit posts#edit to controller actions
28. controllers
29. controllers connect the models and views view controller model db user routes
30. a lot you just learned
31. now lets make a blog
32. resources for learning more • RailsCasts (railscasts.com) • Rails for Zombies (railsforzombies.com) • PeepCode (peepcode.com) • Pragmatic Programmer (pragprog.com)
33. thanks for your time :) will@willcosgrove.com { twitter { github