Vensi intro with healthcare | Web & Mobile Application Development Company | Vensi, Inc.
Intro to Web Development from Bloc.io
-
Upload
douglas-wright -
Category
Engineering
-
view
441 -
download
0
description
Transcript of Intro to Web Development from Bloc.io
http://gitbookio.github.io/javascript/
IntroAbout 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
Intro
We will cover:
1. The basics of a Web Application2. Understanding MVC, CRUD and other key concepts3. How to get your first app online with Heroku
Behind the scenes of a web app
MVC
DBs
CRUD
Requests
WebApplication
CRUD
Get, Post, Put, DeleteWhat do users do with a web application?
aka CRUD
GET
Read
POST
Create
PUT
Update
DELETE
Destroyhttp://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_methods
our MVC application
http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html
http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html
Model View Controller
Model Controller View
http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html
Requests & Resources
Model Controller View
Application Files
app● assets
○ images○ stylesheets○ javascripts
● controllers● models● views
Creating Web CRUD apps
Rails
A web framework written in Ruby.
Django
A web framework written in Python.
http://rubyonrails.org/
ViewsHTML
CSS
JavaScript
Hello World!
ViewsHTML
CSS
JavaScript
Haml
Sass
CoffeeScript
Controller & View Sublime (text editor)
Routes => Controller => View
Sublime, Git & Heroku
HerokuGit & GitHubText Editor
Let’s make a Rails App!
http://docs.railsbridge.org/installfest/choose_your_operating_system
Terminal
Install Guide
Let’s make a Rails App!rails new ‘your project name’
Open my_app
Controllers
http://guides.rubyonrails.org/command_line.html
Terminal (Shell)
Controllers
http://guides.rubyonrails.org/command_line.html
Sublime (text editor)
Controllers Terminal (Shell)
http://guides.rubyonrails.org/command_line.html#rails-server
Controllers
http://guides.rubyonrails.org/command_line.html#rails-server
Web Browser
Routes
http://guides.rubyonrails.org/routing.html
Sublime (text editor)
Git● Git
○ Revision control and pushing to Heroku
Github
https://help.github.com/articles/create-a-repo
Browser
● Github○ Repository online and pushing to Heroku
Github
https://help.github.com/articles/create-a-repo
Terminal (shell)
Heroku
https://toolbelt.heroku.com/
Terminal (shell)
● Heroku client○ CLI tool for creating and managing Heroku apps
Postgres
http://docs.railsbridge.org/installfest/deploy_a_rails_app
Heroku
https://devcenter.heroku.com/articles/git
Terminal (shell)
Bundle & Push
https://devcenter.heroku.com/articles/git
Terminal (shell)
Deployed! Terminal (shell)
LinksStart 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