#Day 15
Warm up exericse: https://gist.github.com/wofockham/afaa05c174feb06f551c
Dependency hell (http://en.wikipedia.org/wiki/Dependency_hell)
Ruby gems (http://rubygems.org/)
Bundler : (http://bundler.io/)
Syllabus of course: (https://gist.github.com/coldhead/c7a5f6725a64a0e8fad4)
Active records basics: (http://guides.rubyonrails.org/active_record_basics.html)
Active records association: (http://guides.rubyonrails.org/association_basics.html)
Learn X and Y in 5 minutes: (http://learnxinyminutes.com/docs/java/)
##Bundler
Run "bundle install" in the terminal to install all the gems you'll need for your program.
Using Bundler.
-
cd in a folder
-
touch Gemfile
-
copy this: "source 'https://rubygems.org' gem 'sinatra'" in it.
-
touch config.ru
-
copy this: require 'rubygems' require 'bundler' Bundler.require
require './main.rb' run Sinatra::Application -
run "bundle install" --> This will create a Gemfile.lock file
-
run rackup
-
visit the page 'localhost:9292' and check if it works.
#CSS3
-
rgba(0,0,0,0.4) last one sets the transparency.
-
background-size: 100% auto --> keeps the ratio according to the window size.
-
background-size: cover
-
text-shadow: 0 1px 0 #000; horizontal - depth - blur - color
-
border-radius (clock wise: top, right, bottom, left)
-
background: linear-gradient(to right, color %, color %) --> direction( we can specify angles), start color, end color
-
color gradients: (http://www.colorzilla.com/gradient-editor/)
-
@font-face: Adds a custom font file
(http://icomoon.io/) helps you build your custom font.
(http://fortawesome.github.io/Font-Awesome/)
- transform: rotate(45deg)
- transition: property(which element you want it to be applied to), duration, timing of the animation, time before animation.
- library of animations: (http://daneden.github.io/animate.css/)
- animations: you can add steps to it.
- (jeremyckahn.github.io/stylie)
- (daftpunk.themaninblue.com)
- (themaninblue.com/experiment/slashGlobe)
- filters:
- google game (http://www.playmapscube.com/)
- web GL
- Selenium for browser testing
##Inspiration:
- (https://news.ycombinator.com/)
- (https://news.layervault.com/stories)
- (https://layervault.com/ - github for design)
##Software design: GRUNT - automates eveyrything. (http://gruntjs.com/)
Sketch is good app instead of Photoshop (http://www.bohemiancoding.com/sketch/)
Book "Design Patterns" by Gang of Four
Models / Controllers / views
The browser deals with the controller. The controller makes the link between the models (low level) and the views.
#Homework : Read on views, models and controller (MVC) Books Database (https://gist.github.com/wofockham/1000198e4ae7bed746ae) 2 classes: Book & Author