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