Ways to cool a hot laptop

http://blog.laptopmag.com/5-simple-ways-to-cool-a-hot-notebook

Button click handlers, AJAX, and premature submission

http://encosia.com/button-click-handlers-ajax-premature-submission

Excerpts:

Clicking the button did run our JavaScript code, which we can verify by seeing that the request began. However, it also triggered a form submission since that’s the browser’s default behavior when buttons inside forms are clicked.

 ... 

Putting a leash on the browser’s default behavior

There are a couple ways to tame the browser’s form submission mechanism and make the button work asynchronously, as expected.

• return false – In almost all cases, an event handler function returning false causes the browser to cancel any subsequent behaviors that the event would normally have triggered (like submitting a form). Using return false works, but you need to be careful about where you place it since the return statement can abort your code early and it can have unintended side-effects.

• preventDefault() – The browser sends an event parameters to handlers, which details information about the action that triggered the handler. That event object also exposes a method that prevents the browser’s default reaction to that event:preventDefault(). For click handlers on submit buttons inside forms, that includes preventing the form submission.

Since return false does have the issue of sometimes breaking other code and plugins when it stops propagation, I use preventDefault() by… default.

10 IT Admin skills every .NET developer should have before going live

Have to watch this later:
https://skillsmatter.com/skillscasts/3924-10-it-admin-skills-every-dot-net-developer-should-have-before-going-live

C# Tutorial

http://mottishaked.com/training/dot-net-tutorial/159/advanced-types-concepts/dynamic-types

A Tour of Go

http://tour.golang.org/#1

queue.acm.org & 2006 conversation with Verner Wogels (Amazon)

queue.acm.org - seems like a very good website in general

Amazon related - https://queue.acm.org/detail.cfm?id=1142065

(Have to list some of the important points over here later)

Criticism of Agile

- Have started seeing more and more blogposts criticizing Agile.
- Perhaps the criticism (review), is inevitable because, about a decade has passed since Agile became popular.

http://mikehadlow.blogspot.co.uk/2014/03/coconut-headphones-why-agile-has-failed.html

http://effectivesoftwaredesign.com/2014/03/17/the-end-of-agile-death-by-over-simplification/ - this has more links in it

http://effectivesoftwaredesign.com/2014/01/20/attention-agile-programmers-project-management-is-not-software-engineering/ - talks about how Project-Management ideas of Agile are being used heavily but not Agile's Software-Engineering ideas

Ruby: Installing a gem by specifying the source

https://github.com/rdp/specific_install
E.g.
gem   specific_install   -l    https://github.com/deevis/spree.git

http://stackoverflow.com/questions/2577346/how-to-install-gem-from-github-source#answer-11767563

Customizing Bootstrap in Rails

bootstrap-sass gem provides the following file, where we can put in whatever custom values we want:
https://github.com/twbs/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_variables.scss

https://github.com/twbs/bootstrap-sass

Advanced Debugging Techniques in Javascript

http://keyholesoftware.com/2014/01/06/advanced-debugging-techniques-in-javascript-part-1/

http://keyholesoftware.com/2014/02/10/advanced-debugging-techniques-in-javascript-part-2/

http://keyholesoftware.com/2014/03/03/advanced-debugging-techniques-in-javascript-part-3/

Final part is Part 4 (not published yet) -

Part 4 – Coming Soon - how teams that use Agile can help their developers and QAs debug JavaScript effectively

C# Pad - to execute C# code in an online editor

http://csharppad.com/

Azure Storage options - Blobs, Queues, Tables

Azure Storage Bindings Part 1 – Blobs

http://blogs.msdn.com/b/jmstall/archive/2014/02/18/azure-storage-bindings-part-1-blobs.aspx

Azure Storage Bindings Part 2 – Queues

http://blogs.msdn.com/b/jmstall/archive/2014/02/18/azure-storage-bindings-part-2-queues.aspx

Azure Storage Bindings Part 3 – Tables

http://blogs.msdn.com/b/jmstall/archive/2014/03/06/azure-storage-bindings-part-3-tables.aspx

rvm issue

"You need to change your terminal emulator preferences to allow login shell."

http://stackoverflow.com/questions/10939968/why-wont-my-rvm-allow-me-to-switch-to-an-alternative-ruby

The Problem

RVM does its own installation magic, but in Ubuntu's case it doesn't always install to the right Bash startup file. You probably don't actually have RVM running properly; even though it's sort of installed.

The Fix

You need to make sure the following two lines are at the BOTTOM of your ~/.bashrc file.

[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm"
export PATH=$PATH:$HOME/.rvm/bin

Then restart your terminal emulator or log back in. Note that sourcing ~/.bashrc has been known not to work in some cases, so this step will save your sanity.

RVM should now be working properly. The last step is to set your default Ruby.

rvm --default use 1.9.2

Important Edit

As I've just been reminded, RVM breaks Ubuntu login shells by installing ~/.bash_login, which overrides your Ubuntu ~/.profile in login shells. Move the code over to your ~/.bashrc if you haven't already done so, then remove or rename ~/.bash_login.

Salesforce & Ruby

http://www.citoresearch.com/cloud/direct-salesforcecom-why-we-bought-heroku

Kelman argues that eventually IT departments will recognize the power of Ruby and use it.

When they do, Salesforce.com will have the most business-friendly way to use Ruby, one that delivers Ruby as a Platform-as-a-Service, but which is connected to a mature ecosystem of business software components like Chatter, Force.com, and Database.com....

Heroku + Chatter + Force.com + Database.com

Heroku - hosting service
Chatter - enterprise social network
Force.com - application development platform
Database.com - database in the cloud

Rails: specifying a 'local' gem

http://stackoverflow.com/questions/4487948/how-can-i-specify-a-local-gem-in-my-gemfile

gem "foo", :path => "/path/to/foo"

Foy Savas' methods of giving a Presentation & Blogging

Presentation/Talk technique - Great use of slides

http://www.infoq.com/presentations/savas-polyglots

Not sure how to describe the technique, but the talk just felt great to watch, with the Slides playing a very important role.

Blogging technique - 

http://www.foysavas.com/2013/12/29/why-im-rebooting-my-blog-as-outlines.html

What is the technique ?

• His blog-posts are going to be structured as Outlines (i.e. list of points) 

How does it help the Writer during writing?

• He says it - Forces (i.e. helps) the writer to better structure the entire blog-post

How does it help the Reader ?

• He says it - Allows the reader to "fully absorb" the blog-post
• I want to add that it - Makes it easier for the reader to 'study' the blog-post (i.e. re-read the points, ponder over them) 

He explains his reasoning in more detail (but, remarkably, by needing to use very few words) in his blog-post. 

Extra effort required by Writer? Yes... but it is suited for Mobile Devices....so... -
Such (well structured) blog-posts or articles will be easier to read on Mobile devices.
This can benefit the Writer immensely. That could be the payoff for spending the extra effort to structure & condense the blog-post using such a technique.

Asp.Net Web API - getting started

http://www.webdevelopmenthelp.net/2014/02/Practical-guide-ASP.NET-Web-API.html

Sublime Text 2 extensions - 'git' , 'Github Tools', etc

Before adding any extensions:
1. it is best to install Package Control first
2. to install Package Control, I had to start Sublime Text using admin account (i.e 'sudo' in Ubuntu)

https://sublime.wbond.net/installation#st2

Some useful extensions:

git extension:
------------------
https://github.com/kemayo/sublime-text-git/wiki

Github Tools extension:
------------------------------
From Readme.md:

## Usage ##
Open any directory of your GIT working copy in Sublime Text 2.
* Press `Ctrl + Shift + P` and select `Github: Open File` or just press `Ctrl + Shift + ^` to open currently edited file in Github.
* Press `Ctrl + Shift + P` and select `Github: Blame` to open blame for currently edited file in Github.

Github Color Theme:
---------------------------
https://github.com/alexanderekdahl/github-sublime-theme

Also installed the following:
----------------------------
Color Picker - https://github.com/weslly/ColorPicker
SublimeREPL - https://github.com/wuub/SublimeREPL
BracketHighlighter -https://github.com/facelessuser/BracketHighlighter
Emmet - https://github.com/sergeche/emmet-sublime
Zen Tabs - https://sublime.wbond.net/packages/Zen%20Tabs
Git Gutter - https://github.com/jisaacks/GitGutter

Enable some features that are already in Sublime Text:
    -- we do this by changing the Preferences -> Settings - Default

From http://webdesign.tutsplus.com/articles/simple-visual-enhancements-for-better-coding-in-sublime-text--webdesign-18052

highlight_modified_tabs

To bring more focus to the unsaved files in the current project, this setting will highlight the tabs of the modified files inside a window.

"highlight_modified_tabs": true,

fade_fold_buttons

Did you know Sublime Text can fold and unfold chunks of code? I did, but I always forget that feature is available. If you turn on this setting, it will leave the folding tag to the right instead hiding it.

"fade_fold_buttons": false,

bold_folder_labels

There are some great settings available to bring some stronger visual elements to the side bar, here they are:
"bold_folder_labels": true,

Show Open Files in the Side Bar

Oddly, this option is not set up in the preferences file. To show open files on the top of your side bar, go to:
View → Side Bar → Show Open Files

-------------------------------------------------------------------------------------
Sublime Text Shortcuts:

From http://daker.me/2013/05/5-sublimetext2-packages-to-enhance-your-frontend-development-workflow.html :

Here are some useful Keyboard shortcuts to remember :

• ctrl+d Select the next occurrence of the selected word
• ctrl+k, ctrl+b - Toggle the sidebar
• f11 - Toggle Full Screen
• shift+f11 - Toggle Distraction Free (this one is my favorite)
• alt+. - Close Tag
• ctrl+p - Show the go to overlay panel
• ctrl+shift+p - Show the command overlay panel
• ctrl+alt+p - Show the project selector panel
• ctrl+r - Show the go to overlay panel default to method selector
• ctrl+g - Show the go to overlay panel default to go to line selector
• ctrl+; - Show the go to overlay panel default to variable selector
• ctrl+shift+up - Swap with the line above
• ctrl+shift+down - Swap with the line below
• ctrl+/ - Toggle a comment
• ctrl+shift+/ - Toggle a comment block
• ctrl+shift+d - Duplicate a line
• ctrl+` - Display console panel
• ctrl+space - Auto complete the current selected snippet

'Best Advice'

https://www.linkedin.com/channels/best_advice?trk=prod-inf-bestadvice-0225-cutline
http://www.linkedin.com/today/post/article/20140224234557-269697626-best-advice-this-poem-tells-you-everything-you-need-to-live

Ruby: decorators, modules

http://kresimirbojcic.com/2011/12/01/decorators-in-ruby.html

Computer Programming in 5 minutes & Tiny-Robots

I have wondered several times how I would introduce 'programming' to someone who has never done it, not even a little bit.

Below is Larry Wall's take on it. He is the creator of Perl programming language.



The rest of this post is based on an idea from the above video - the idea of robots being at your disposal to do certain tasks.

We can probably explain programming-constructs, by :

• asking the student to imagine that each programming-construct is actually a tiny-robot. So, for e.g., a for-loop, is actually a tiny-robot that is capable of just doing a 'loop'. Similarly, we can imagine a if-then-else tiny-robot, print-to-screen tiny-robot, etc
• Notice that I modified 'robots' to 'tiny robots' so as to convey the idea/feeling that a tiny-robot can do a 'tiny' task
• This idea might work because everyone knows that robots need to be instructed what to do i.e. robots need to be given 'commands'.
• And it is also easy to add that the commands have to be very specific, otherwise the robot will not understand what to do. We would have introduced concept of 'syntax' by doing that.

And that is probably half the battle won right at the start.

------------------------------------------------------------------------
More complex point that can be introduced after a couple of programs -

• We can ask the tiny-robots to give commands to each other. 

------------------------------------------------------------------------
Example:

PROBLEM:
Print numbers 1 to 100 on screen

TINY-ROBOTS AT YOUR DISPOSAL:
1. LOOP tiny-robot
2. PRINT-TO-SCREEN tiny-robot

Info about the LOOP tiny-robot -
obviously since it is a robot, we have to tell it exactly how many times it has to loop;
once we give tiny-robot this number, it stores it and starts looping; it keeps track of how many loops it has completed, how many are remaining, etc; the LOOP tiny-robot is quite smart in this aspect.

Info about PRINT-TO-SCREEN tiny-robot - 
this tiny-robot does nothing but print to screen whatever you give it.

SOLUTION:
Instructions from us (programmer) to the tiny-robots will be:
"LOOP tiny robot -  please loop 100 times"
"During each loop, since you keep track of how many loops you have already done, give that number to the PRINT-ON-SCREEN tiny-robot, and ask it to print that number on screen.
-------------------------------------------------------------------------------
(In the above example, I have tried to tackle the 'loop' construct, which is a slightly advanced concept for an absolute beginner.
Have to try and add IF-THEN-ELSE construct example;
If idea seems good, perhaps, I will try to create examples for all the main programming-constructs.
In the worst-case, it can be a good way for me to try out while trying to understand new concepts)

Google Hangout for Remote Workers

http://singlebrook.com/blog/google-hangouts-for-remote-worker-telepresence

git add -p

http://johnkary.net/blog/git-add-p-the-most-powerful-git-feature-youre-not-using-yet/

If you use git, you've used the command git add. But do you know about git add's "patch mode" using git add -p ?

Patch mode allows you to stage parts of a changed file, instead of the entire file. This allows you to make concise, well-crafted commits that make for an easier to read history.

10-signs-that-you-are-an-awesome-web-developer

http://tutorialzine.com/2014/02/10-signs-that-you-are-an-awesome-web-developer/

Above link seems to have some useful links.

sqlfiddle.com

http://sqlfiddle.com/#!2/cd1eb/3

Google Charts: removing padding

http://stackoverflow.com/questions/4271390/remove-padding-in-google-chart

options.chartArea = { left: '8%', top: '8%', width: "70%", height: "70%" };

https://developers.google.com/chart/interactive/docs/gallery/piechart#Configuration_Options

Google Charts - Playground

https://code.google.com/apis/ajax/playground/?type=visualization#full_dashboard

Rails: Turn off assets precompile

http://stackoverflow.com/questions/18935784/disable-assets-precompile-function-in-rails

config.assets.enabled = false

We would want to do this in Dev environment. 

Sticky toastr

http://stackoverflow.com/questions/17411171/toastr-how-to-prevent-fade-out-with-sticky-toast-on-mouseover

http://blog.decayingcode.com/post/Better-JavaScript-notifications-with-Toastr

toastr.options = {timeOut: 0, extendedTimeOut: 0}
(observe that 'O' in timeOut is upper-case)

MySql: find out which tables contain a certain column

To search for a column 'rank' in a database 'mydb':

select * From INFORMATION_SCHEMA.COLUMNS Where column_name like '%rank%' and TABLE_SCHEMA = "mydb"

XSS, Browser Exploitation Framework, Alice & Bob & Eve & Mallory, Rails & XSS

Cross-Site Scripting - Persistent, Non-Persistent (Reflective)
http://en.wikipedia.org/wiki/Cross-site_scripting

Who are Alice and Bob and Eve and Mallory ?

http://en.wikipedia.org/wiki/Alice_and_Bob

Browser Exploitation Framework
http://en.wikipedia.org/wiki/BeEF_(Browser_Exploitation_Framework)

Rails & XSS:
http://guides.rubyonrails.org/security.html#cross-site-scripting-xss

ScoreCleaner app

Security related

https://www.owasp.org/index.php/Ruby_on_Rails_Cheatsheet

There are links to Cheatsheets for .Net, HTML5, Javascript, iOS, etc. also in the above page.

Ruby: Get/set an object's property using a string/symbol

http://stackoverflow.com/questions/12136262/ruby-get-set-an-objects-property-using-a-string-symbol

car.send("name=", value)

drive.draw.io - mockup tool

https://drive.draw.io/

Ruby: yield

From https://rubymonk.com/learning/books/4-ruby-primer-ascent/chapters/18-blocks/lessons/54-yield

Ruby: inject

http://ruby-doc.org/core-2.0/Enumerable.html#method-i-inject

inject( initial )  { |memo, obj|      block  }  → obj

Example: https://rubymonk.com/learning/books/1-ruby-primer/problems/144-sum_of_cubes#solution4782

def sum_of_cubes(a, b)

  sum = 0

  (a..b).inject(sum) { |sum, x| sum + (x*x*x) }

end

What does it do ?
-- Combines all elements of enum
-- by applying a binary operation, specified by a block

For each element in enum -
- the block is passed an accumulator value (memo) and the element
- the result becomes the new value for memo.

At the end of the iteration -
the final value of memo is the return value for the method.

Variation:
-------------------------
inject  { |memo, obj|     block  }  → obj

What is the initial value for memo ?
- If you do not explicitly specify an initial value for memo, then the first element of collection is used as the initial value of memo.

F# - Getting Started tutorial

http://www.tryfsharp.org/Learn/getting-started
http://www.trelford.com/blog/post/fs4vb.aspx

http://sachabarbs.wordpress.com/1406-2/ - F# for beginners

Rails: specifying callback-javascript in response to Ajax request

respond_to do |format|  
  format.js { render js: "toastr.success('"+successmsg+"')"}
end

If callback-javascript is only 1 line of code or so, then we can avoid creating a new .js.erb file (with name of controller-action) and just include the javascript as above.

HipChat - Group Chat & IM for teams

https://www.hipchat.com/pricing - free for teams of size <= 5

UI related: nice menu

Outside-In TDD

Boundaries of the System = User Interface OR Service Layer (like a Restful Service/Soap Service)

(Slide is from "Outside-In Test-Driven Development" course from Pluralsight)

Ruby: eval, define_method, send

eval, define_method, send

http://rubymonk.com/learning/books/5-metaprogramming-ruby-ascent/chapters/24-eval/lessons/63-eval#solution3816

eval should best be avoided in real scenarios. Ruby has saner tools (#define_method, #send) in its meta-programming repertoire that you can use to achieve eval-like cleverness.

Dependency Injection example

(I am trying to learn DI. Below is an Example from Adam Freeman's book - Pro ASP.Net MVC 5. Below is my attempt at understading the example in the book)
Dependency Injection example with Ninject: 

Starting point 

1. ShoppingCart's constructor expects a concrete class's object (i.e. object of class LinqValueCalculator)
2. HomeController's Index action is instantiating 2 objects before using them (observe the 'new' keyword being used in 2 lines of code)

Summary

In Stage1, we 'fix' ShoppingCart class (by transferring the responsibility of creating the object to HomeController class). 

Putting this in another way - we make it easier to write the ShoppingCart class, by asking HomeController to pass, as parameter to constructor, whatever ShoppingCart class needs 

Now we have to 'fix' HomeController class 

In Stage 2, we fix HomeController class

Stage 1 - left page in below screenshot

In page 124 (left page in below screenshot):

ShoppingCart has been 'fixed' now:
-- it has 'declared' that it has a dependency on an object of type IValueCalculator
-- It has done this 'declaration' via its constructor
-- basically it is saying - send me the object and I will use it; i am not going to go through the trouble of creating it
-- Also notice that, in ShoppingCart's constructor, concrete class LinqValueCalculator has been replaced by an interface IValueCalculator

- So, now the responsibility of getting hold of a IValueCalculator object has been transferred to Index() method of HomeControler.cs

Stage 2 - right page in below screenshot

In page 128 (right page in below screenshot):

Now, we use the same strategy with HomeController.cs :
-- we make it 'declare' that it has a dependency on an IValueCalculator object via its constructor
-- basically, now, it is also saying - send me the object and I will use it; i am not going to go through the trouble of creating it)

- So the question is - who is going to create the object now (since each class seems to be handing over that responsibility to someone else, and there is no one else to hand that responsibility over to) ?

Ninject or such DI container will do that...

Reverse Proxy

E.g. NGINX
http://en.kioskea.net/contents/308-proxy-and-reverse-proxy-servers

A reverse-proxy is a "backwards" proxy-cache server; it's a proxy server that, rather than allowing internal users to access the Internet, lets Internet users indirectly access certain internal servers.

http://serverfault.com/questions/8654/what-is-a-reverse-proxy

A reverse proxy, also known as an "inbound" proxy is a server that receives requests from the Internet and forwards (proxies) them to a small set of servers, usually located on an internal network and not directly accessible from outside. It's "reverse", because a traditional ("outbound") proxy receives requests from a small set of clients on an internal network and forwards them to the Internet. 

http://www.jscape.com/blog/bid/87783/Forward-Proxy-vs-Reverse-Proxy
         has good diagrams to differentiate between a forward-proxy and a reverse-proxy

Linq Extension Methods

MVP pattern with Asp.Net Weforms

http://www.youtube.com/watch?v=IomWPPdfd5Y
http://www.codeproject.com/Articles/605662/Using-MVP-with-ASP-NET-Web-Forms

Cloud - Windows Azure

Below is a slide from "Windowz Azure Websites Deep Dive" course in Microsoft Virtual Academy

Observe how the 'bottom' layers go away, as we move from :
Your Datacenter => Azure Virtual Machines => Azure Cloud Services => Azure Websites
(Also observe how the image of the cloud gets bigger towards Azure Websites)

The layers that don't appear are the ones that Microsoft will manage for us (and we do not have control over)

Andromo - for creating Android apps

http://www.andromo.com

Rails: passing a variable to "render"

<%= render 'credit_card_info', :f => f %>

Then 'f' will be available as a local variable

http://stackoverflow.com/questions/4700617/pass-a-variable-into-a-partial-rails-3

Rails: to see path for a given named-route

In "rails console":

if login_path is a route-name, we can get the actual path via:

Rails.application.class.routes.url_helpers.login_path

Timesnapper

http://www.timesnapper.com/compare.aspx

git: deleting a remote branch

http://stackoverflow.com/questions/2003505/how-do-i-delete-a-git-branch-both-locally-and-remotely

git push origin --delete branchName

.Net Framework Blog

http://blogs.msdn.com/b/dotnet/

Ruby: split vs regex, Benchmark

http://stackoverflow.com/questions/7533479/ruby-string-search-which-is-faster-split-or-regex

require 'benchmark'
Benchmark.bm do |x|
    x.report { 50000.times { a = 'a@b.c'.split('@')[0] } }
    x.report { 50000.times { a = 'a@b.c'[/[^@]+/] } }
end

Rails: routes

If we want to 'namespace' our routes, but do not want the 'named routes' to have namespace's name in the prefix:

namespace :admin, as: '' do
   get '/post/new' => 'posts#new', as: 'new_admin_post'
end

To learn Orchard CMS

http://orcharddojo.net/orchard-training/online-courses/dojo-course
https://orchardtrainingdemo.codeplex.com/
http://stackoverflow.com/questions/8206182/a-full-guide-to-orchard-cms

Unobtrusive Javascript

Need to read these:
http://www.codeproject.com/Articles/410948/How-jQuery-and-unobtrusive-JavaScript-can-be-poiso
http://blog.socialcast.com/unobtrusive-javascript-2/
http://www.ibm.com/developerworks/library/wa-aj-unobtrusive/
http://www.w3.org/wiki/The_principles_of_unobtrusive_JavaScript
http://en.wikipedia.org/wiki/Unobtrusive_JavaScript
http://stackoverflow.com/questions/8392374/difference-between-obtrusive-and-unobtrusive-javascript
http://stackoverflow.com/questions/4478795/what-is-unobtrusive-javascript-in-layman-terms

Ruby: each_with_index

X.each_with_index do |item, index|
  puts "current_index: #{index}
end

Analytics: Piwik, Clicky

Piwik:
------
Piwik does not have Event Tracking

http://piwik.org/docs/analytics-api/reference/#SitesManager
http://piwik.org/docs/analytics-api/calling-techniques/
http://dev.piwik.org/trac
http://www.youtube.com/user/PiwikAnalytics

http://www.statstory.com/some-reasons-to-choose-piwik-analytics-over-google-analytics/
http://stackoverflow.com/questions/9662357/google-analytics-and-piwik-discrepancy

Clicky:
--------
      http://clicky.com/compare/piwik

Rails: Reordering Columns

Sometimes it is necessary to reorder columns so that data is presented, by default, in a more meaningful way e.g. the 'key' columns probably should appear in the beginning, followed by other columns that do not allow a Null value, followed by columns that can take in Null values (basically, are not that important)

http://stackoverflow.com/questions/18899011/rails-4-migration-how-to-reorder-columns