Dev notes

Common problem with bootstrap and link-to helpers in ember. Makes everything work with: {{#link-to "dashboard" tagName="li" href=false}} Dashboard {{/link-to}} might have to change and remove bind-attr with newer versions

Still WIP though but gets the job done.

As far as I understand your question, you want to push changes from your backend to your single page app? You can push custom JSON into your application's store in Ember by using self.store.push('modelName', json). Have a look at the docs for a better undestanding. So for example if your server sends you JSON via websocket that looks like this { - "message": { "type": "fooModel", "data": { ... // Model attributes here } } } you can push the data into your store. The following snippet would work with SocketIO for example: App.ApplicationRoute = Ember.Route.extend({ activate: function() { // connect to the websocket once we enter the application route var socket = window.io.connect('http://localhost:8080'); var self = this; socket.on('message', function(data){ self.store.push(data.type, data.item); }); } }); You can easily modify this snippet to fit your needs.

TodoMVC using ember.js Pretty similar to the tutorial from techfounder.

Probably the most updated and easiest to follow ember.js tutorial. Uses Ember CLI and uses the todoMVC model.

Great example of using socket.io, a server, subscriber module, and a third party API

Basic example of socket.io

Sample code for TCP Sockets in Node.js Server Code: var net = require('net'); var HOST = '127.0.0.1'; var PORT = 6969; // Create a server instance, and chain the listen function to it // The function passed to net.createServer() becomes the event handler for the 'connection' event // The sock object the callback function receives UNIQUE for each connection net.createServer(function(sock) { // We have a connection - a socket object is assigned to the connection automatically console.log('CONNECTED: ' + sock.remoteAddress +':'+ sock.remotePort); // Add a 'data' event handler to this instance of socket sock.on('data', function(data) { console.log('DATA ' + sock.remoteAddress + ': ' + data); // Write the data back to the socket, the client will receive it as data from the server sock.write('You said "' + data + '"'); }); // Add a 'close' event handler to this instance of socket sock.on('close', function(data) { console.log('CLOSED: ' + sock.remoteAddress +' '+ sock.remotePort); }); }).listen(PORT, HOST); console.log('Server listening on ' + HOST +':'+ PORT); Can also be written: var server = net.createServer(); server.listen(PORT, HOST); console.log('Server listening on ' + server.address().address +':'+ server.address().port); server.on('connection', function(sock) { console.log('CONNECTED: ' + sock.remoteAddress +':'+ sock.remotePort); // other stuff is the same from here }); Cliet Code: var net = require('net'); var HOST = '127.0.0.1'; var PORT = 6969; var client = new net.Socket(); client.connect(PORT, HOST, function() { console.log('CONNECTED TO: ' + HOST + ':' + PORT); // Write a message to the socket as soon as the client is connected, the server will receive it as message from the client client.write('I am Chuck Norris!'); }); // Add a 'data' event handler for the client socket // data is what the server sent to this socket client.on('data', function(data) { console.log('DATA: ' + data); // Close the client socket completely client.destroy(); }); // Add a 'close' event handler for the client socket client.on('close', function() { console.log('Connection closed'); });

Referrence used for setting up APE on Ubuntu 14.04

First. Add some new routes: resources :highlights, :controller => "ads", :type => "Highlight" resources :bargains, :controller => "ads", :type => "Bargain" And fix some actions in AdsController. For example: def new @ad = Ad.new() @ad.type = params[:type] end For best approach for all this controller job look this comment That's all. Now you can go to localhost:3000/highlights/new and new Highlight will be initialized. Index action can look like this: def index @ads = Ad.where(:type => params[:type]) end Go to localhost:3000/highlights and list of highlights will appear. Same way for bargains: localhost:3000/bargains etc URLS <%= link_to 'index', :highlights %> <%= link_to 'new', [:new, :highlight] %> <%= link_to 'edit', [:edit, @ad] %> <%= link_to 'destroy', @ad, :method => :delete %> for being polymorphic :) <%= link_to 'index', @ad.class %> souce: http://stackoverflow.com/questions/5246767/sti-one-controller/5254995#5254995

f.input :color, :as => :select, :collection => Wine.colors.keys.to_a f.select :color, Wine.color.keys.to_a f.select :color, Wine.color.keys.to_a.map { |w| [w.humanize, w] } class Attend < ActiveRecord::Base enum size: [:yes, :no, :maybe] validates :size, inclusion: { in: Attend.sizes.keys } end Attend.sizes # {"yes" => 0, "no" => 1, "maybe" => 2} STATUS_OPTIONS = [:yes, :no, :maybe] enum status_option: STATUS_OPTIONS validates :status_option, inclusion: { in: STATUS_OPTIONS.map {|t| t.to_s } } This way you can also use STATUS_OPTIONS later, like for creating a drop down lists. If you want to expose your values to the user you can always map like this: STATUS_OPTIONS.map {|s| s.to_s.titleize } sources: http://stackoverflow.com/questions/23686265/saving-enum-from-select-in-rails-4-1 http://stackoverflow.com/questions/8146965/how-do-i-specify-and-validate-an-enum-in-rails

Different Rails authorization techniques and samples.

Install guide for Rails 4.2.1 on Windows

1. Install Ubuntu 14.04 and the following dependencies: apt-get install g++ gcc unzip make zip libmysqlclient-dev 2. Download package from http://ape-project.org/download/ (http://ape-project.org/download/stable/ape_server-1.1.1-amd64.deb) 3. Install libmysqlclient16 dependencies: For 64 bit wget http://launchpadlibrarian.net/94808408/libmysqlclient16_5.1.58-1ubuntu5_amd64.deb sudo dpkg -i libmysqlclient16_5.1.58-1ubuntu5_amd64.deb (http://askubuntu.com/questions/141761/where-can-i-find-the-mysql-workbench-dependencies) 4. Install package: sudo dpkg -i ape_server-1.1.1-amd64.deb 5. Start service: sudo service ape-server start refer to: https://github.com/APE-Project/APE_Server/wiki/APE-Server-install https://github.com/APE-Project/APE_Server/wiki

In this article the author walks us through a build demo which centers on off-canvas navigation and looks at the complexities of implementing such a pattern in a highly performant manner.

Over the past few days while working through a proof of concept web application. I was searching for a way to incorporate Twitter Bootstrap 3 as it &

Because I'll always forget how to...