Greg Dunn grdunn

Rails CRUD Application

Today we're going to build a simple, single model CRUD application in Rails using PostGres. We're going to be building a music tracking app to store our favorite songs, and artists.

Step 1 Initialize

Create a new directory somewhere on your computer, and whip up a new rails app called music_tracker using PostGreSQL for your database.
Don't forget to run rake db:create to actually create the database. And make sure PostGres is running!
cd into your app, and run rails s, and check localhost:3000 just to make sure everything is working. Afterwards make sure to kill the server (ctrl c) before moving on so we can do some work.

Step 2 Model

Since our app will need to track our favorite tunes, we'll need a model to store this information. So let's create a Track model, that will do exactly this.

Angular

Today we'll be building an Angular application that uses everything we've learned thus far to hit an external API and render JSON data to the dom.

Find an external, open source API.

The goal of today's lab is to create a fully working Angular application that utilizes it's routing capabilities, as well as process data using multiple controllers. You can be as creative as you'd like, however I'll also supply you with some suggestions to help guide you along.

Feel free to google around for a free, open source, authentication-free (no key) api..I found a few suggestions here.

w08d03 Homework

Angular Lab

Continue working on your Angular Application. Try to push yourself as far as possible to see the amazing capabilities Angular gives us! Feel it flow through you!!!

Readings

Dig through some of these readings, and try to become familiar with some of the terminology.

The Asset Pipeline
[Session and cookies with Rails] (http://guides.rubyonrails.org/action_controller_overview.html#session)

// Code addapted from Marius Craciunoiu
// https://medium.com/@mariusc23
// Photography by Matthias Heiderich
// http://www.matthias-heiderich.de/

var didScroll,
    lastScrollTop = 0,
    delta = 10,
    navbarHeight = $('nav').outerHeight();

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css" charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <title>Scroll Fun</title>
  </head>

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

nav {
 position: fixed;

Keystone.js

Demo for General Assembly WDI.

Documentation

http://keystonejs.com/docs/

Introduction

Give brief explanation on CMS, WordPress, ActiveAdmin, etc. King & Partners example.

	greg
	- Sean Stewart
	- Tucker Margulies
	- Garon Bailey
	- Yanelen Huang
	- Sebastian Odell
	- Casey Panzer
	- Edwin Choi

	kristyn