Intro to Web Development from Bloc.io

779 views

Published on

Learn about web development, MVC frameworks, CRUD applications. Learn about Git, Github and Heroku, and how to create a basic Ruby on Rails web application.

Published in: Engineering, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
779
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
6
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Intro to Web Development from Bloc.io

  1. 1. http://gitbookio.github.io/javascript/
  2. 2. Intro About Doug ● Not a C.S. major! ● Bloc engineer & former Bloc student ● School > Film > Marketing > Engineering ● Previously worked at New Relic, Get Satisfaction, and 99designs ● Author of RubyKin
  3. 3. Intro We will cover: 1. The basics of a Web Application 2. Understanding MVC, CRUD and other key concepts 3. How to get your first app online with Heroku
  4. 4. Behind the scenes of a web app MVC DBs CRUD
  5. 5. Requests Web Application CRUD
  6. 6. Get, Post, Put, Delete What do users do with a web application? aka CRUD GET Read POST Create PUT Update DELETE Destroy http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_methods
  7. 7. our MVC application http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html
  8. 8. http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html Model View Controller
  9. 9. Model Controller View http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html
  10. 10. Requests & Resources Model Controller View
  11. 11. Application Files app ● assets ○ images ○ stylesheets ○ javascripts ● controllers ● models ● views
  12. 12. Creating Web CRUD apps Rails A web framework written in Ruby. Django A web framework written in Python. http://rubyonrails.org/
  13. 13. Views HTML CSS JavaScript Hello World!
  14. 14. Views HTML CSS JavaScript Haml Sass CoffeeScript
  15. 15. Controller & View Sublime (text editor)
  16. 16. Routes => Controller => View
  17. 17. Sublime, Git & Heroku HerokuGit & GitHubText Editor
  18. 18. Let’s make a Rails App! http://docs.railsbridge.org/installfest/choose_your_operating_system Terminal Install Guide
  19. 19. Let’s make a Rails App! rails new ‘your project name’ Open my_app
  20. 20. Controllers http://guides.rubyonrails.org/command_line.html Terminal (Shell)
  21. 21. Controllers http://guides.rubyonrails.org/command_line.html Sublime (text editor)
  22. 22. Controllers Terminal (Shell) http://guides.rubyonrails.org/command_line.html#rails-server
  23. 23. Controllers http://guides.rubyonrails.org/command_line.html#rails-server Web Browser
  24. 24. Routes http://guides.rubyonrails.org/routing.html Sublime (text editor)
  25. 25. Git ● Git ○ Revision control and pushing to Heroku
  26. 26. Github https://help.github.com/articles/create-a-repo Browser ● Github ○ Repository online and pushing to Heroku
  27. 27. Github https://help.github.com/articles/create-a-repo Terminal (shell)
  28. 28. Heroku https://toolbelt.heroku.com/ Terminal (shell) ● Heroku client ○ CLI tool for creating and managing Heroku apps
  29. 29. Postgres http://docs.railsbridge.org/installfest/deploy_a_rails_app
  30. 30. Heroku https://devcenter.heroku.com/articles/git Terminal (shell)
  31. 31. Bundle & Push https://devcenter.heroku.com/articles/git Terminal (shell)
  32. 32. Deployed! Terminal (shell)
  33. 33. Links Start Here! Install Ruby, Rails and more... http://docs.railsbridge.org/installfest/choose_your_operating_system Starter Kit for new Rails app with lots of Gems http://railsapps.github.io/rails-composer http://www.gitbook.io/ Rails Guides: http://guides.rubyonrails.org/getting_started.html Codecademy http://RubyKin.com

×