Create the document structure Structure the UI by using semantic markup, including for search engines and screen readers (Section, Article, Nav, Header, Footer, and Aside); create a layout container in HTML
Programmatically add and modify HTML elements; implement media controls; implement HTML5 canvas and SVG graphics
Change the location of an element; apply a transform; show and hide elements
Implement storage APIs, AppCache API, and Geolocation API
Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; scope variables locally and globally
Implement native objects; create custom objects and custom properties for native objects using prototypes and functions; inherit from an object; implement native methods and create custom methods
Iterate across collections and array items; manage program decisions by using switch statements, if/then, and operators; evaluate expressions
Handle common events exposed by DOM (OnBlur, OnFocus, OnClick); declare and handle bubbled events; handle an event by using an anonymous function
Set and respond to error codes; throw an exception; request for null checks; implement try-catch-finally blocks
Receive messages from the HTML5 WebSocket API; use jQuery to make an AJAX call; wire up an event; implement a callback by using anonymous functions; handle the “this” pointer
Start and stop a web worker; pass data to a web worker; configure timeouts and intervals on the web worker; register an event listener for the web worker; limitations of a web worker
Choose the appropriate controls based on requirements; implement HTML input types and content attributes (for example, required) to collect user input
Evaluate a regular expression to validate the input format; validate that you are getting the right kind of data type by using built-in functions; prevent code injection
Consume JSON and XML data; retrieve data by using web services; load data or get data from other sources by using XMLHTTPRequest
Binary data; text data (JSON, XML); implement the jQuery serialize method; Form.Submit; parse data; send data by using XMLHTTPRequest; sanitize input by using URI/form encoding
Apply styles to text appearance (color, bold, italics); apply styles to text font (WOFF and @font-face, size); apply styles to text alignment, spacing, and indentation; apply styles to text hyphenation; apply styles for a text drop shadow
Apply styles to alter appearance attributes (size, border and rounding border corners, outline, padding, margin); apply styles to alter graphic effects (transparency, opacity, background image, gradients, shadow, clipping); apply styles to establish and change an element’s position (static, relative, absolute, fixed)
Implement a layout using a flexible box model; implement a layout using multi-column; implement a layout using position floating and exclusions; implement a layout using grid alignment; implement a layout using regions, grouping, and nesting
Animate objects by applying CSS transitions; apply 3-D and 2-D transformations; adjust UI based on media queries (device adaptations for output formats, displays, and representations); hide or disable controls
Choose the correct selector to reference an element; define element, style, and attribute selectors; find elements by using pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)
Reference elements correctly; implement inheritance; override inheritance by using !important; style an element based on pseudo-elements and pseudo-classes (for example, :before, :first-line, :first-letter, :target, :lang, :checked, :first-child)
$ filentory-cli --log-level fatal "demo" .
{
"^o":"Datastore",
"name":"demo",
"files":[
[
{
"^o":"FileEntry",
"path":".",
"name":"50quickideas.pdf",
"last_modified":"2014-01-01T18:06:12+01:00",
"size":49447,
"checksum":"348a5b72877dcb5e0354f8eef62e5ff4e546043881dd051b9f8c2dea6ab23bb7"
}
]
}
rails new dnugbooks
git init
git add .
git commit -m "start with plain new rails app"
cd books
/remove # from therubyracer in Gemfile
git commit -a -m "cleanup"
/add gem 'twitter-bootstrap-rails' to Gemfile
/add gem "less-rails" to Gemfile
bundle
rails g bootstrap:install
rails g bootstrap:layout application fluid
git add . && git commit -a -m "add Twitter Bootstrap"
rails g scaffold book title:string isbn:string description:string
rails g scaffold author lastname:string firstname:string twitter:string
rake db:create && rake db:migrate
rails g bootstrap:themed books
rails g bootstrap:themed authors
/add root to: 'books#index' to routes.rb
/edit set paths in application.rb
git add . && git commit -a -m "add book and author"
/add gem 'rack-mini-profiler' to Gemfile
/add gem 'quiet_assets' to Gemfile
/add gem 'better_errors' to Gemfile
bundle
git add . && git commit -a -m "add MiniProfiler & dev tools"
rails g model authorship author:references book:references
rake db:migrate
/add authorship to book and author
/add _authors_fields to book
/add link-helpers to application_helper
/add js helpers to application.js
/add authors_attributes to book_params in books_controller.rb
git add . && git commit -a -m "add n:m relationship"
/add gem 'kaminari' to Gemfile
bundle
rails g kaminari:views default
/add paging to author & book
/add paging to author & book controller
/add pager to index views
git add . && git commit -a -m "add Paging"
/add pg to Gemfile and use sqlite only in dev
/add rails version to Gemfile
/edit environments/production.rb and set **config.assets.compile = true**
bundle
git add . && git commit -a -m "prepare deployment to Heroku"
/usr/local/heroku/bin/heroku create
heroku addons:add heroku-postgresql
git push heroku master
heroku run rake --trace db:migrate
heroku logs
A tool to create an inventory of a storage medium.
Add this line to your application's Gemfile:
gem 'filentory-cli'
And then execute:
$ bundle
Or install it yourself as:
$ gem install filentory-cli
$ filentory-cli --log-level fatal "demo" .
{
"^o":"Datastore",
"name":"demo",
"files":[
[
{
"^o":"FileEntry",
"path":".",
"name":"50quickideas.pdf",
"last_modified":"2014-01-01T18:06:12+01:00",
"size":49447,
"checksum":"348a5b72877dcb5e0354f8eef62e5ff4e546043881dd051b9f8c2dea6ab23bb7"
}
]
}
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request