<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>Genlinux</title><description>Ruby on rails tutorials</description><managingEditor>noreply@blogger.com (Unknown)</managingEditor><pubDate>Mon, 2 Sep 2024 00:45:53 -0700</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">263</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://www.genlinux.org/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>Articles for developers</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><item><title>How to prepare for technical questions</title><link>http://www.genlinux.org/2015/02/how-to-prepare-for-technical-questions.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 8 Feb 2015 20:42:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-4199884958329757359</guid><description>&lt;p&gt;Try to take more challenge questions and definitely you deserves that and for preparation try one of among the below ones&lt;/p&gt;&lt;ol&gt;&lt;li&gt;HackerEarth -&amp;nbsp;&lt;a href="http://www.hackerearth.com/challenges/"&gt;http://www.hackerearth.com/challenges/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;CodeSchool -&amp;nbsp;&lt;a href="http://discuss.codeschool.io/"&gt;http://discuss.codeschool.io/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;InterviewCake -&amp;nbsp;&lt;a href="https://www.interviewcake.com/"&gt;https://www.interviewcake.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;HackerRank -&amp;nbsp;&lt;a href="https://www.hackerrank.com/"&gt;https://www.hackerrank.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Codeeval -&amp;nbsp;&lt;a href="https://www.codeeval.com/"&gt;https://www.codeeval.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Leetcode -&amp;nbsp;&lt;a href="http://leetcode.com/"&gt;http://leetcode.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Geeksforgeek -&amp;nbsp;&lt;a href="http://www.geeksforgeeks.org/"&gt;http://www.geeksforgeeks.org/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;CareerCup - &lt;a href="http://www.careercup.com/"&gt;http://www.careercup.com/&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Javascript : You might also like - I</title><link>http://www.genlinux.org/2014/11/javascript-you-might-also-like.html</link><category>Javascript</category><category>OOPs</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 2 Nov 2014 17:58:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-4958368130315671165</guid><description>&lt;h2&gt;
Javascript hoisting&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href="http://jamesallardice.com/explaining-function-and-variable-hoisting-in-javascript/"&gt;http://jamesallardice.com/explaining-function-and-variable-hoisting-in-javascript/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://blog.caplin.com/2012/01/18/javascript-is-hard-part-2-the-hidden-world-of-hoisting/"&gt;http://blog.caplin.com/2012/01/18/javascript-is-hard-part-2-the-hidden-world-of-hoisting/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://code.tutsplus.com/tutorials/the-essentials-of-writing-high-quality-javascript--net-15145"&gt;http://code.tutsplus.com/tutorials/the-essentials-of-writing-high-quality-javascript--net-15145&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html"&gt;http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;h2&gt;
What's the difference b/w the two declaration methods below ?&lt;/h2&gt;
&lt;div&gt;
&lt;blockquote&gt;
var functionOne = function() {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; /* some code */&lt;br /&gt;
}&lt;br /&gt;
function functionTwo() {&lt;br /&gt;
&amp;nbsp; &amp;nbsp; /* some code */&lt;br /&gt;
}&lt;/blockquote&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="color: #990000;"&gt;functionOne is defined in-place(until that line, functionOne is undefined),&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #990000;"&gt;whereas functionTwo is hoisted to the top of the scope and is available&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #990000;"&gt;as function throughtout the scope.&amp;nbsp;&lt;/span&gt;&lt;/blockquote&gt;
&lt;h2&gt;
Logical Q's&lt;/h2&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;ol&gt;
&lt;li&gt;true&amp;nbsp;+ true &amp;nbsp;returns 2&lt;/li&gt;
&lt;li&gt;Math.min() &amp;lt; Math.max(); will return false&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Things you may not know about Javascript</title><link>http://www.genlinux.org/2014/10/things-you-may-not-know-about-javascript.html</link><category>Javascript</category><category>OOPs</category><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 31 Oct 2014 22:04:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-1315653833941142458</guid><description>&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;b&gt;Object Literal&lt;/b&gt; provide a very convenient notation for creating new object values. An object literal is a pair of curly braces surrounding zero or more name/value pairs.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;var empty_obj={};&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;var stooage={"firstname":"Gen","lastname":"Linux"}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;b&gt;Objects&lt;/b&gt; can nest.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;var flight={&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; air:"BA",number:"335",departure:{Gate:"45"}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;}&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;Undefined value is produced if an attempt is made to retrieve a non-existent member.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;stooage.status &amp;nbsp; &amp;nbsp; // undefined&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;flight["area] &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;// undefined&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;Attempting to retrieve values from undefined will throw a TypeError exception.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;flight.equipment &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; // undefined&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;flight.equipment.model &amp;nbsp; &amp;nbsp; &amp;nbsp;// throw "TypeError"&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;This can be guarded against with the &amp;amp;&amp;amp; operator:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;flight.equipment &amp;amp;&amp;amp; flight.equipment.model &amp;nbsp; &amp;nbsp; &amp;nbsp; // undefined&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;b&gt;Reference&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;Objects are passed around by reference. They are never copied:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;var x=stooge;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;x.nickname = 'Curly';&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;var nick = stooge.nickname;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;// nick is 'Curly' because x and stooge&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;// are references to the same object&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt; &lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;b&gt;Function Literal&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;Function objects are created with function literals:&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;//&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: Verdana, sans-serif;"&gt;Create a variable called add and store a function&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;var add = function (a, b) {&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;return a + b;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;};&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Javascript Interview Questions you might expect </title><link>http://www.genlinux.org/2014/10/javascript-interview-questions-you.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 28 Oct 2014 21:58:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-6038290040811897449</guid><description>If you want to through the interview for a Front-end or UI developer then you should know the below questions.&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span id="docs-internal-guid-0c17749b-5a41-0988-cb96-963b68821e7d"&gt;&lt;ol style="margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;Tell about yourself.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;Projects you have worked&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;How to debug javascript code.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;Chrome Developer tools.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;What is Closures ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;Strategies in Javascript ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;Difference b/w Object oriented Programming vs Prototype based Programming?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="vertical-align: baseline; white-space: pre-wrap;"&gt;What's the usage of closures ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is closures ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is event bubbling ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is JavaScript Hoisting&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Jquery transverse parent() vs parents vs parentuntil ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;In Json what’s the difference b/w dot notation and bracket notation&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;CSS sprites&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Type of &amp;nbsp;data that you're expecting back from the server for Ajax calls.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Which one is faster ID or Class.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Position relative vs Position absolute.&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Difference &amp;nbsp;b/w == and ===&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Difference between null and undefined&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="white-space: pre-wrap;"&gt;Difference between Display: none and Visibility: hidden ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="white-space: pre-wrap;"&gt;Angular - How to pass values from one directive to other ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Promises in angular ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Bower search ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Grunt server ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;How to create objects in javascripts ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Jquery remove ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;How to select nth li ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="white-space: pre-wrap;"&gt;javascript code debug &amp;nbsp;a function { abc} problem&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Position : fixed vs static vs absolute&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;CSS3 colors configuration&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Diff b/w bind and on&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is event bubbling and event propagation&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is object chaining ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is the scope of this ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is jsonp ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Quirks mode and standard mode ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;How to invoke javascript methods ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is this ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;How do u use ajax ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;What is closure ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Difference b/w scopes vs rule scopes ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;CSS3 transitions&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="white-space: pre-wrap;"&gt;Background - gradient&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Javascript inheritance ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Closures in javascripts ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Javascript hoisting ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Promises in Javascript ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Memory leaks in Javascript ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;How to create objects in javascripts ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li dir="ltr" style="font-family: Arial; font-size: 15px; list-style-type: decimal; vertical-align: baseline;"&gt;&lt;div dir="ltr" style="line-height: 1.15; margin-bottom: 0pt; margin-top: 0pt;"&gt;
&lt;span style="line-height: 1.15; white-space: pre-wrap;"&gt;Angular directives ?&lt;/span&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/span&gt;&lt;/div&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>warning: Insecure world writable dir /usr/bin in PATH, mode 040777</title><link>http://www.genlinux.org/2014/07/warning-insecure-world-writable-dir.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 27 Jul 2014 08:24:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-1212769270907968453</guid><description>If you find this error on your Linux or Ubuntu machines,&amp;nbsp;&lt;span style="background-color: white; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 17.804800033569336px;"&gt;then you &amp;nbsp;will need to have root access to do this. If you aren't already the administrative user, login as the administrator. Then use 'sudo' to change the permissions:&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 17.804800033569336px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="background-color: white; font-family: Arial, Liberation Sans, DejaVu Sans, sans-serif; font-size: large; line-height: 17.804800033569336px;"&gt;&lt;b&gt;sudo chmod go-w /usr/local/bin&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>CSS pointer-events</title><link>http://www.genlinux.org/2014/04/css-pointer-events.html</link><category>css</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 5 Apr 2014 21:40:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-3600200764531185228</guid><description>CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events including CSS hover/active states, click/tap events in JavaScript.&lt;br /&gt;
&lt;br /&gt;
pointer-events property takes eleven possible values.&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;&lt;pre class="syntaxbox language-html" data-prism-prevent-line-number="1" style="background-color: rgba(212, 221, 228, 0.498039); border-left-color: rgba(0, 83, 159, 0.65098); border-left-style: solid; border-width: 0px 0px 0px 6px; color: #4d4e53; direction: ltr; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.5em; overflow: auto; padding: 1em; tab-size: 4; text-shadow: none; white-space: pre-wrap;"&gt;pointer-events:  &lt;em style="border: 0px; margin: 0px; padding: 0px;"&gt;auto&lt;/em&gt; | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit&lt;/pre&gt;&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
EX :  &lt;code&gt;.className{&lt;br /&gt;
pointer-events: none;&lt;br /&gt;
}&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;&lt;a href="http://demo.genlinux.org/#/pointer-events"&gt;View Demo&lt;/a&gt;&lt;/h3&gt;&lt;br /&gt;
&lt;h4&gt;Other Links&lt;/h4&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events"&gt;Mozilla Docs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://caniuse.com/pointer-events"&gt;Caniuse browser compatibility&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Someday, I want to learn</title><link>http://www.genlinux.org/2014/03/someday-i-want-to-learn.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 29 Mar 2014 19:34:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-983448710849393107</guid><description>Its been long and ever since, i logged an entry @genlinux. All these days i was looking mostly on MVC client frameworks, ideas behind, developers from all over the world via twitter, sass and assessment puzzles.&lt;br /&gt;
&lt;br /&gt;
Found of lot of young shots doing great on web around 20 and below 24.Myself doesn't be like that.&lt;br /&gt;
&lt;br /&gt;
Also surfed lot of things and come up with some aspirations.&lt;br /&gt;
&lt;br /&gt;
For my web skills&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Learn from &lt;a href=="http://eloquentjavascript.net/contents.html"&gt;http://eloquentjavascript.net/contents.html&lt;/a&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Fork &lt;a href="http://dailyjs.com"&gt;dailyjs.com&lt;/a&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;For algorithms - &lt;a href="http://cleveralgorithms.com/nature-inspired/index.html"&gt;http://cleveralgorithms.com/nature-inspired/index.html&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Web development Integrations and Technologies </title><link>http://www.genlinux.org/2013/10/web-development-integrations-and.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 26 Oct 2013 05:29:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-2286852337269786067</guid><description>&lt;h1&gt;&lt;span style="font-weight: normal;"&gt;&lt;span style="font-family: Trebuchet MS, sans-serif;"&gt;INTEGRATIONS&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Source Code&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Github -&amp;nbsp;&lt;/span&gt;Powerful collaboration, code review, and code management for open source and private projects.&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Bitbucket -&amp;nbsp;&lt;/span&gt;Free source code hosting for Git and Mercurial by Bitbucket.&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h4&gt;&lt;u style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"&gt;Hosting Providers&lt;/u&gt;&lt;/h4&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Heroku - Cloud Application Platform.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Engine Yard - Cloud platform for Ruby on Rails and PHP.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Nodejitsu -&amp;nbsp;&lt;/span&gt;Simplest, most reliable and intelligent Node.js hosting platform.&lt;/li&gt;
&lt;li&gt;dotCloud -&amp;nbsp;Deploy, manage and scale any web app.&lt;/li&gt;
&lt;li&gt;Google App Engine -&amp;nbsp;Run your Apps, Host your Sites, Store your Data.&lt;/li&gt;
&lt;li&gt;AppFog -&amp;nbsp;Simple PaaS for Java, Node, .Net, Ruby, PHP, MySQL, Mongo, PostgreSQL, and more.&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Cloud Providers&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Amazon Web Services -&amp;nbsp;&lt;/span&gt;Manage, deploy to and restart your AWS servers on a successful build.&lt;/li&gt;
&lt;li&gt;Digital Ocean -&amp;nbsp;Simple Cloud Hosting, Built for developers. Deploy an SSD cloud server in 55 seconds!&lt;/li&gt;
&lt;li&gt;Rackspace&lt;/li&gt;
&lt;li&gt;Google Compute&lt;/li&gt;
&lt;li&gt;Joyent&lt;/li&gt;
&lt;li&gt;Softlayer&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Deployment Tools&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Capistrano&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Fabric&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Chef&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Puppet&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Ansible&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Your Scripts -&amp;nbsp;&lt;/span&gt;Install your own tools and run your own scripts and commands to deploy and manage your infrastructure.&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Notifications&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;HipChat&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Campfire&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Flowdock&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Grove.io&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Github Status API&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;h1&gt;&lt;span style="font-weight: normal;"&gt;&lt;span style="font-family: Trebuchet MS, sans-serif;"&gt;TECHNOLOGIES&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Languages&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Ruby&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;NodeJS&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Python&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Dart&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;PHP&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Java&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Scala&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Groovy&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Clojure&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Go&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Databases&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;PostgreSql&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;MySQL&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;MongoDB&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Redis&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Memcached&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;ElasticSearch&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;SQLite&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Browsers&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ol&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Firefox&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Chrome&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;&lt;h3&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;&lt;u&gt;Test frameworks&lt;/u&gt;&lt;/span&gt;&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Phantomjs&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Capybara&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;CasperJS&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"&gt;Selenium&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to enable JSONP support in a Rails app</title><link>http://www.genlinux.org/2013/10/how-to-enable-jsonp-support-in-rails-app.html</link><category>angularjs</category><category>Rails</category><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 23 Oct 2013 17:36:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-603916588124725938</guid><description>I have known about JSONP format's and the ways to display the data's via jQuery or Angularjs.&lt;br /&gt;
I was working on my real-time project tweeplus &amp;nbsp;with rails as Backend and Angularjs as MVC client framework.&lt;br /&gt;
&lt;br /&gt;
When i tried to fetch the json api and render it on my views, i was unable to render it. Rather the json file gets loaded on the page and on chrome console it was showing the &lt;b&gt;Content-Type&lt;/b&gt; as &lt;b&gt;application/json&lt;/b&gt; .&lt;br /&gt;
&lt;br /&gt;
Later on, i realized as per the jsonp angular docs, we must append &lt;b&gt;JSON_CALLBACK&lt;/b&gt; to the URL.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;So, How to enable JSONP support in a Rails app&lt;/b&gt;?&lt;br /&gt;
&lt;br /&gt;
In a Rails controller where you want to return JSON to a callback function specified in an AJAX request or Angularjs js, simple add a callback key and value (via param[:callback]) to the call to render json:&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #274e13;"&gt;&lt;b&gt;render :json =&amp;gt; your_data_hash, :callback =&amp;gt; params[:callback]&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
When the JSONP AJAX request or Angularjs $http.jsonp request is made and a callback is specified (via &amp;nbsp;the ?callback= param OR the jsonpCallback option in jQuery’s $.ajax() function), Rails will now send back that JSON to the specified callback function in the DOM.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Good learn from my real-time project&lt;br /&gt;
&lt;br /&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Installing maven 3.1.0 on Ubuntu 12.10</title><link>http://www.genlinux.org/2013/09/installing-maven-310-on-ubuntu-1210.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Fri, 27 Sep 2013 22:37:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-4652042231312142019</guid><description>&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;span style="background-color: white; color: #222222; font-size: 15px; line-height: 22px;"&gt;To install Apache Maven 3.1.0 on Ubuntu 12.10, take the following steps&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;span style="background-color: white; color: #222222; font-size: 15px; line-height: 22px;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;span style="background-color: white; color: #222222; font-size: 15px; line-height: 22px;"&gt;Get the latest maven &amp;nbsp;distribution from&amp;nbsp;&lt;/span&gt;&lt;a href="http://maven.apache.org/download.cgi"&gt;http://maven.apache.org/download.cgi&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, sans-serif;"&gt;&lt;a href="http://maven.apache.org/download.cgi"&gt;&lt;br /&gt;
&lt;/a&gt;&lt;/span&gt; &lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style="font-family: Verdana, sans-serif;"&gt;Open the terminal&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b&gt;&lt;span style="font-family: Georgia, Times New Roman, serif;"&gt;wget http://www.carfab.com/apachesoftware/maven/maven-3/3.1.0/binaries/apache-maven-3.1.0-bin.tar.gz&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&amp;nbsp; &amp;nbsp; 2. &amp;nbsp;&lt;span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22px;"&gt;Unpack the binary distribution&lt;/span&gt;&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="color: #222222;"&gt;&lt;span style="font-family: Georgia, Times New Roman, serif; font-size: 15px; line-height: 22px;"&gt;&lt;b&gt;tar zxf apache-maven-3.1.0-bin.tar.gz&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&amp;nbsp; &amp;nbsp; 3. &amp;nbsp;Move the apache maven directory to /usr/local&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b&gt;&lt;span style="font-family: Georgia, Times New Roman, serif;"&gt;sudo cp -R apache-maven-3.1.0 /usr/local/&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&amp;nbsp; &amp;nbsp; 4. &amp;nbsp;Create a soft link or symbolic link for maven&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;b&gt;&lt;span style="font-family: Georgia, Times New Roman, serif;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; sudo ln -s /usr/local/apache-maven-3.1.0/bin/mvn /usr/bin/mvn&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;5. Now &lt;b&gt;mvn &amp;nbsp;-version&lt;/b&gt; will print in the terminal as&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Apache Maven 3.1.0 (893ca28a1da9d5f51ac03827af98bb730128f9f2; 2013-06-28 07:45:32+0530)&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Maven home: /usr/local/apache-maven-3.1.0&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Java version: 1.7.0_21, vendor: Oracle Corporation&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Java home: /usr/lib/jvm/java-7-openjdk-amd64/jre&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Default locale: en_US, platform encoding: UTF-8&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;OS name: "linux", version: "3.5.0-17-generic", arch: "amd64", family: "unix"&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;blockquote class="tr_bq"&gt;
&amp;nbsp;&amp;nbsp;&lt;/blockquote&gt;
&lt;br /&gt;&lt;/blockquote&gt;
&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Displaying json array data with Angular JS and ng-grid</title><link>http://www.genlinux.org/2013/08/displaying-json-array-data-with-angular.html</link><category>angularjs</category><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 14 Aug 2013 21:43:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-2948407848643962806</guid><description>In many projects there comes a time when you’ll need to list some data. It may be a requirement or just an improvement for your users to show the list of products, but you have to decide which of the available options you will use in your application. This article will help you choose the best one, for your app.&lt;br /&gt;
&lt;br /&gt;
In past, i’ve used tables or unordered list a lot bit in the past. So manipulating the data can be tough.&lt;br /&gt;
Thankfully there are some libraries available and that have built in functionality for sorting, searching, grouping data, etc.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR33YFPcGPIgOiTR-_7zlZHnK-2slqa2GiWpaWCikvreAInssaoHov6OkwPtaPhpYBarvkttKr1YgjHVJ9LeJV-sbOZJ_1X7sDijER71E-xR3UtlItJcfuSAYhzoFAYvGOhxKnsLjzcPc/s1600/ng-ui.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR33YFPcGPIgOiTR-_7zlZHnK-2slqa2GiWpaWCikvreAInssaoHov6OkwPtaPhpYBarvkttKr1YgjHVJ9LeJV-sbOZJ_1X7sDijER71E-xR3UtlItJcfuSAYhzoFAYvGOhxKnsLjzcPc/s320/ng-ui.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
I have tried with Ng-grid which is basically a Angular Data Grid written in &lt;a href="http://angularjs.org/"&gt;AngularJS&lt;/a&gt;&amp;nbsp;and &amp;nbsp;&lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt;&amp;nbsp;by the &lt;a href="http://angular-ui.github.com/"&gt;AngularUI Team&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://angularjs.org/"&gt;&lt;b&gt;AngularJS&lt;/b&gt;&lt;/a&gt; is a client-side JavaScript framework by Google that makes writing sophisticated, interactive Web apps super easy. AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;a href="http://angular-ui.github.com/"&gt;&lt;b&gt;AngularUI&lt;/b&gt;&lt;/a&gt; - The companion suites to the AngularJs framework&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
Getting Started&lt;/h2&gt;
The first step is to create a blank HTML file and fill it with the following:&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;html&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;class&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"no-js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;head&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;charset&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"utf-8"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;http-equiv&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"X-UA-Compatible"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;content&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"IE=edge,chrome=1"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;name&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"description"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;content&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;""&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;name&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"viewport"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;content&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"width=device-width"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;title&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;Display data with angular-ui ng-grid&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;title&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script src="lib/jquery.min.js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script src="lib/angular.min.js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: dimgrey;"&gt;&amp;lt;!--[if lt IE 9]&amp;gt; HTML5Shiv&lt;/span&gt;
&lt;span style="color: dimgrey;"&gt;&amp;lt;script src="//html5shiv.googlecode.com/svn/trunk/html5.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;span style="color: dimgrey;"&gt;&amp;lt;![endif]--&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;head&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;body&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;

&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;body&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;html&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
Now add references to ngGrid's javascript and css files.In your html file within the controller where you plan to use ng-grid, add:&lt;br /&gt;
&lt;pre style="background: #ffffff; color: black;"&gt;&lt;html&gt;&lt;body style="background: #ffffff; color: black;"&gt;
&lt;span style="color: #808030;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #603000;"&gt;div&lt;/span&gt; class&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: maroon;"&gt;"&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;gridStyle&lt;/span&gt;&lt;span style="color: maroon;"&gt;"&lt;/span&gt; ng&lt;span style="color: #808030;"&gt;-&lt;/span&gt;grid&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: maroon;"&gt;"&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;gridOptions&lt;/span&gt;&lt;span style="color: maroon;"&gt;"&lt;/span&gt;&lt;span style="color: #808030;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #808030;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #808030;"&gt;/&lt;/span&gt;&lt;span style="color: #603000;"&gt;div&lt;/span&gt;&lt;span style="color: #808030;"&gt;&amp;gt;&lt;/span&gt;
&lt;/body&gt;&lt;/html&gt;&lt;/pre&gt;
gridOptions is the variable we are going to bind to where we will initialize our grid options, now your html file looks like this:&lt;br /&gt;
&lt;pre style="background: #ffffff; color: black;"&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;html&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;class&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"no-js"&lt;/span&gt;&lt;span style="color: #274796;"&gt; ng-app&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"myApp"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;head&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;charset&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"utf-8"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;http-equiv&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"X-UA-Compatible"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;content&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"IE=edge,chrome=1"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;name&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"description"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;content&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;""&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;meta&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;name&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"viewport"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;content&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"width=device-width"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;title&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;Display data with angular-ui ng-grid&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;title&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;link&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;rel&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"stylesheet"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;type&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"text/css"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;href&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"styles/ng-grid.css"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #a65700;"&gt;/&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;link&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;rel&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"stylesheet"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;type&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"text/css"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;href&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"styles/app.css"&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #a65700;"&gt;/&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script src="lib/jquery.min.js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script src="lib/angular.min.js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script type="text/javascript" src="lib/ng-grid.debug.js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script type="text/javascript" src="js/main.js"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;script&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: dimgrey;"&gt;&amp;lt;!--[if lt IE 9]&amp;gt; HTML5Shiv&lt;/span&gt;
&lt;span style="color: dimgrey;"&gt;&amp;lt;script src="//html5shiv.googlecode.com/svn/trunk/html5.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;
&lt;span style="color: dimgrey;"&gt;&amp;lt;![endif]--&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;head&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;body&lt;/span&gt;&lt;span style="color: #274796;"&gt; ng-controller&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"MyCtrl"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
 &lt;span style="color: #a65700;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;div&lt;/span&gt;&lt;span style="color: #274796;"&gt; &lt;/span&gt;&lt;span style="color: #074726;"&gt;class&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"gridStyle"&lt;/span&gt;&lt;span style="color: #274796;"&gt; ng-grid&lt;/span&gt;&lt;span style="color: #808030;"&gt;=&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;"gridOptions"&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;div&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;

&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;body&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;span style="color: #a65700;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;html&lt;/span&gt;&lt;span style="color: #a65700;"&gt;&amp;gt;&lt;/span&gt;
&lt;/pre&gt;
&lt;br /&gt;
Now apply the basic styles to your grid&lt;br /&gt;
&lt;pre&gt;.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 300px
}
&lt;/pre&gt;
&lt;br /&gt;
In your js file within the controller where you plan to use&lt;br /&gt;
ng-grid, lets fetch the json that our grid will use:&lt;br /&gt;
&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;var&lt;/span&gt; app &lt;span style="color: #808030;"&gt;=&lt;/span&gt; angular&lt;span style="color: #808030;"&gt;.&lt;/span&gt;module&lt;span style="color: #808030;"&gt;(&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;'myApp'&lt;/span&gt;&lt;span style="color: #808030;"&gt;,&lt;/span&gt; &lt;span style="color: #808030;"&gt;[&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;'ngGrid'&lt;/span&gt;&lt;span style="color: #808030;"&gt;]&lt;/span&gt;&lt;span style="color: #808030;"&gt;)&lt;/span&gt;&lt;span style="color: purple;"&gt;;&lt;/span&gt;
app&lt;span style="color: #808030;"&gt;.&lt;/span&gt;controller&lt;span style="color: #808030;"&gt;(&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;'MyCtrl'&lt;/span&gt;&lt;span style="color: #808030;"&gt;,&lt;/span&gt; &lt;span style="color: maroon; font-weight: bold;"&gt;function&lt;/span&gt;&lt;span style="color: #808030;"&gt;(&lt;/span&gt;$scope&lt;span style="color: #808030;"&gt;,&lt;/span&gt;$http&lt;span style="color: #808030;"&gt;)&lt;/span&gt; &lt;span style="color: purple;"&gt;{&lt;/span&gt;
 $http&lt;span style="color: #808030;"&gt;.&lt;/span&gt;get&lt;span style="color: #808030;"&gt;(&lt;/span&gt;&lt;span style="color: #0000e6;"&gt;'data/app.json'&lt;/span&gt;&lt;span style="color: #808030;"&gt;)&lt;/span&gt;&lt;span style="color: #808030;"&gt;.&lt;/span&gt;success&lt;span style="color: #808030;"&gt;(&lt;/span&gt;&lt;span style="color: maroon; font-weight: bold;"&gt;function&lt;/span&gt; &lt;span style="color: #808030;"&gt;(&lt;/span&gt;data&lt;span style="color: #808030;"&gt;)&lt;/span&gt; &lt;span style="color: purple;"&gt;{&lt;/span&gt;
  $scope&lt;span style="color: #808030;"&gt;.&lt;/span&gt;myData &lt;span style="color: #808030;"&gt;=&lt;/span&gt; data&lt;span style="color: purple;"&gt;;&lt;/span&gt;
 &lt;span style="color: purple;"&gt;}&lt;/span&gt;&lt;span style="color: #808030;"&gt;)&lt;/span&gt;&lt;span style="color: purple;"&gt;;&lt;/span&gt;
 $scope&lt;span style="color: #808030;"&gt;.&lt;/span&gt;gridOptions &lt;span style="color: #808030;"&gt;=&lt;/span&gt; &lt;span style="color: purple;"&gt;{&lt;/span&gt; data&lt;span style="color: purple;"&gt;:&lt;/span&gt; &lt;span style="color: #0000e6;"&gt;'myData'&lt;/span&gt; &lt;span style="color: purple;"&gt;}&lt;/span&gt;&lt;span style="color: purple;"&gt;;&lt;/span&gt;
&lt;span style="color: purple;"&gt;}&lt;/span&gt;&lt;span style="color: #808030;"&gt;)&lt;/span&gt;&lt;span style="color: purple;"&gt;;&lt;/span&gt;
&lt;/pre&gt;
&lt;a href="http://docs.angularjs.org/api/ng.$http"&gt;&lt;b&gt;$http&lt;/b&gt;&lt;/a&gt; service is a core Angular service that facilitates communication with the remote HTTP servers via the browser's XMLHttpRequest object or via JSONP.&lt;br /&gt;
&lt;br /&gt;
Basic Json schema looks like this&lt;br /&gt;
&lt;pre style="background: #ffffff; color: black;"&gt;&lt;html&gt;&lt;body style="background: #ffffff; color: black;"&gt;
[{"color": "red","value": "#f00"},{"color": "green","value": "#&lt;span style="color: #008c00;"&gt;0&lt;/span&gt;f0"}]
&lt;/body&gt;&lt;/html&gt;&lt;/pre&gt;
&lt;br /&gt;
Note: Here i tried with simple json format and not with the nested json formats&lt;br /&gt;
&lt;br /&gt;
Finally the data list looks like&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSpYNDq33Y8F08UR2xCt2TkAtvFwUB6AXvFbTz46wDtwDuMGU4u3aWIFB9MgFp1PDnhJGn99bvfodZqnDPwvVB8l9micHmNhl9-mbVHr1i9kVTLMKEX7LeNSn5NBtwn1FhVQMrKzK-YBU/s1600/output.png" imageanchor="1"&gt;&lt;img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSpYNDq33Y8F08UR2xCt2TkAtvFwUB6AXvFbTz46wDtwDuMGU4u3aWIFB9MgFp1PDnhJGn99bvfodZqnDPwvVB8l9micHmNhl9-mbVHr1i9kVTLMKEX7LeNSn5NBtwn1FhVQMrKzK-YBU/s400/output.png" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This is a basic example, checkout &lt;a href="http://angular-ui.github.io/ng-grid/"&gt;ng-grid&lt;/a&gt; for more...&lt;br /&gt;
&lt;br /&gt;
Source for ng-grid example &lt;a href="https://github.com/judearasu/Coursez/tree/master/angular/ng-grid"&gt;&lt;b&gt;ng-grid&lt;/b&gt;&lt;/a&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR33YFPcGPIgOiTR-_7zlZHnK-2slqa2GiWpaWCikvreAInssaoHov6OkwPtaPhpYBarvkttKr1YgjHVJ9LeJV-sbOZJ_1X7sDijER71E-xR3UtlItJcfuSAYhzoFAYvGOhxKnsLjzcPc/s72-c/ng-ui.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Web apps Best Practices: I’ve Been Doing</title><link>http://www.genlinux.org/2013/08/web-apps-best-practices-ive-been-doing.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 11 Aug 2013 01:30:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-4040733297641412748</guid><description>&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;I’ve been working on a &amp;nbsp;webapp that uses Jquery, AngularJS &amp;nbsp;for a few months now. &amp;nbsp;As many developers who pick up new things such as &amp;nbsp;Yeoman, Bower.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;I learned about Yeoman, Bower &amp;amp; Dev work flow from these video tutorials&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;Automating Your Front-End Workflow With Yeoman 1.0 - &lt;a href="https://www.youtube.com/watch?v=iUQ1fvdO9GY"&gt;https://www.youtube.com/watch?v=iUQ1fvdO9GY&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;Paul Irish on Web Application Development Workflow - &lt;a href="https://www.youtube.com/watch?v=vDbbz-BdyYc"&gt;https://www.youtube.com/watch?v=vDbbz-BdyYc&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;and adapted these into my web apps projects.Here are the areas where I’m improving my web development, with the aid of the latest and greatest tools:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;&lt;b&gt;Your Shell, sexy&lt;/b&gt; - Make your shell sexy and understandable, you can try one of these&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;https://github.com/gf3/dotfiles/blob/master/.bash_prompt&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;https://github.com/paulirish/dotfiles/blob/master/.bash_prompt&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzYC-RUKyUDCYj7NtUZXcu8lCcCVe2qNPkqe1hRmACbTXeZJhSyPQCNTq3vGwr6FmGGB4DCI1GUpUMWcKFic3oaGh-Oj3pNuZEFYRjIh3V3_jZAhEsSihEls2M8cpOgGQy5lrwxypyqg/s1600/shell.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzYC-RUKyUDCYj7NtUZXcu8lCcCVe2qNPkqe1hRmACbTXeZJhSyPQCNTq3vGwr6FmGGB4DCI1GUpUMWcKFic3oaGh-Oj3pNuZEFYRjIh3V3_jZAhEsSihEls2M8cpOgGQy5lrwxypyqg/s400/shell.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;&lt;b&gt;Project layout&lt;/b&gt; - It’s important how you structure your directories. You are adding a new feature, and you immediately know where its directives, controllers, and models go. You need to fix a bug in a feature you have not touched in a year, and you know exactly where to look Here’s one example of a proposed structure, it includes lots of good things like tests and places for all the essential parts:&lt;/span&gt;&lt;/span&gt;
&lt;span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul style="background-color: white; border: 0px; color: #444444; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; list-style-image: initial; list-style-position: outside; margin: 0px 0px 1.714285714rem; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;app/ – all of the files to be used in production&lt;ul style="border: 0px; line-height: 1.714285714; list-style: disc outside; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;css/ – css files&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;img/ – image files&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;index.html – app layout file (the main html template file of the app)&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;js/ – javascript files&lt;ul style="border: 0px; line-height: 1.714285714; list-style: disc outside; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;app.js – application&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;controllers.js – application controllers&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;lib/ – angular and 3rd party javascript libraries&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;partials/ – view partials (partial html templates)&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;config/ – config files for running unit tests with Testacular/Karma&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;scripts/ – handy shell/js/ruby scripts (run unit tests and dev server)&lt;/li&gt;
&lt;li style="border: 0px; margin: 0px 0px 0px 2.571428571rem; padding: 0px; vertical-align: baseline;"&gt;test/ – test source files and libraries&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;My web app structure : &lt;a href="https://github.com/judearasu/geek"&gt;https://github.com/judearasu/geek&lt;/a&gt; If you prefer to start the app with a static web server, then you try &lt;a href="https://github.com/gruntjs/grunt-contrib-connect"&gt;https://github.com/gruntjs/grunt-contrib-connect&lt;/a&gt;. This plugin requires Grunt ~0.4.0&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;
&lt;/span&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;
&lt;/span&gt;&lt;/span&gt;
&lt;div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;For creating the web apps in robust, then you can use &amp;nbsp;&lt;a href="http://yeoman.io/"&gt;Yeoman&lt;/a&gt; - Modern work flows for web apps which comes with Yo, Grunt &amp;amp; Bower.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #444444; font-family: Open Sans, Helvetica, Arial, sans-serif;"&gt;&lt;span style="font-size: 14px; line-height: 24px;"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLzYC-RUKyUDCYj7NtUZXcu8lCcCVe2qNPkqe1hRmACbTXeZJhSyPQCNTq3vGwr6FmGGB4DCI1GUpUMWcKFic3oaGh-Oj3pNuZEFYRjIh3V3_jZAhEsSihEls2M8cpOgGQy5lrwxypyqg/s72-c/shell.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Switching the ruby version with rbenv</title><link>http://www.genlinux.org/2013/07/switching-ruby-version-with-rbenv.html</link><category>Ruby</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 7 Jul 2013 10:56:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-2656114504051463577</guid><description>Steps to switch the ruby version&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;$&lt;b&gt; rbenv versions&amp;nbsp;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; List all ruby versions known to rbenv, asterick represents the current version&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 1.9.3-p0&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 1.9.3-p385&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; * 2.0.0-rc2 (set by /home/jude/.ruby-version)&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ruby-1.9.3-p385&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; 2. &amp;nbsp; &lt;b&gt;$ rbenv local 1.9.3-p385&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Sets the specified ruby version locally&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; 3. &amp;nbsp;&lt;b&gt;$ rbenv global 1.9.3-p385&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Sets the specified ruby version globally&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
Also check that you have the following in your ~/.bash_profile or ~/.bashrc if using bash&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="background-color: #cccccc;"&gt;export PATH="$HOME/.rbenv/bin:$PATH"&lt;br /&gt;eval "$(rbenv init -)"&lt;/span&gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: red;"&gt;NOTE&lt;/span&gt;: Make sure it's the last setting in your ~/.bash_profile . I ran into an issue where I installed a program that updated my .bash_profile and reset PATH.&lt;/div&gt;
&lt;/div&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Undefined local variable or method `current_user' - Devise</title><link>http://www.genlinux.org/2013/03/undefined-local-variable-or-method.html</link><category>Rails</category><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 20 Mar 2013 09:08:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-4541053599509947755</guid><description>I was working with devise for one my project.Previously i used to create the model as User by default, thereby i didn't found any errors during signing.&lt;br /&gt;
&lt;br /&gt;
But when i had my model as connectz_user i was getting the error "&lt;b&gt;undefined local variable or method `current_user'&lt;/b&gt;"&lt;br /&gt;
Later, i checked with the devise mail listing group and they informed me to go with &lt;b&gt;current_connectz_user&lt;/b&gt;.After implementing the later change on my views, i am not finding the error on my app</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Jquery submission of values on keypress </title><link>http://www.genlinux.org/2013/01/jquery-form-submission-on-keypress.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 26 Jan 2013 23:14:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-8842380103256895084</guid><description>This was a interview question, where i was asked to create a todo application with any JavaScript framework.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtaLgY_MK5IPbBhVZ6uzbDwMZDXv3EntQtrmTBKH4dcVvsgVDjMX4djh_GWgnHREJgxko4IDKBHakhv6aho9TpzCDl_u-ML1DIXDKy305-Up38Bc_IWS-j_ahf7k465aWDOhidvlpA1NM/s1600/todo.png" imageanchor="1" style=""&gt;&lt;img border="0" height="156" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtaLgY_MK5IPbBhVZ6uzbDwMZDXv3EntQtrmTBKH4dcVvsgVDjMX4djh_GWgnHREJgxko4IDKBHakhv6aho9TpzCDl_u-ML1DIXDKy305-Up38Bc_IWS-j_ahf7k465aWDOhidvlpA1NM/s400/todo.png" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Requirement was to add the daily task and the code shouldn't have any form and submit button.Also the task to be added with the enter key press.&lt;br /&gt;
&lt;br /&gt;
On searching found couple of articles  &lt;a href="http://www.mindfiresolutions.com/jQuery--Protect-form-submission-on-enter-keypress-844.php"&gt;one&lt;/a&gt;  about the prevention of form on enter key press and other from &lt;a href="http://stackoverflow.com/questions/699065/submitting-a-form-on-enter-with-jquery"&gt;stackoverflow&lt;/a&gt; submitting a form on 'Enter' with jQuery?&lt;br /&gt;
&lt;br /&gt;
Then i come up with my code.&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
JS Code&lt;/b&gt;&lt;br /&gt;
&lt;div class="coder"&gt;&lt;code&gt;&lt;br /&gt;
$('input').bind("keypress",function (e) {&lt;br /&gt;
if (e.which == 13) {&lt;br /&gt;
/**Append Logic **/&lt;br /&gt;
e.preventDefault();&lt;br /&gt;
}&lt;br /&gt;
});&lt;br /&gt;
&lt;/code&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;JSFiddle&lt;/b&gt;&lt;br /&gt;
&lt;div class="coder"&gt;&lt;a href="http://jsfiddle.net/judearasu/LTUYw/"&gt;http://jsfiddle.net/judearasu/LTUYw/&lt;/a&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtaLgY_MK5IPbBhVZ6uzbDwMZDXv3EntQtrmTBKH4dcVvsgVDjMX4djh_GWgnHREJgxko4IDKBHakhv6aho9TpzCDl_u-ML1DIXDKy305-Up38Bc_IWS-j_ahf7k465aWDOhidvlpA1NM/s72-c/todo.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Write javascript for loop in ruby</title><link>http://www.genlinux.org/2013/01/for-loop-in-ruby-similar-to-javascript.html</link><category>Ruby</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 13 Jan 2013 07:46:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-2086367500920698924</guid><description>The JavaScript For Loop resembles the for loop you may have seen in many other programming languages. It is used when you need to do a set of operations many times, with an increment of some kind after each run through the block of code.&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="coder"&gt;for(i=0;i&lt;=10;i++)
{
alert("Counter i = " + i);
}
&lt;/pre&gt;
&lt;b&gt;
For loop in ruby&lt;/b&gt;
&lt;pre class="coder"&gt;for i in 0..10
   puts "counter i is #{i}"
end
&lt;/pre&gt;Now i had a javascript for loop with variable incremented to 2
&lt;pre class="coder"&gt;for ( var i = 0; i &lt;=10; i += 2 )
{
alert("Counter i = " + i);
}
&lt;/pre&gt;

Now in ruby i can go with step instead of default for
&lt;pre class="coder"&gt;0.step(10,2) { |i| puts i }
&lt;/pre&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Whats new in rails 3.2.8</title><link>http://www.genlinux.org/2012/10/whats-new-in-rails-328.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 10 Oct 2012 07:57:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-7843599093828064348</guid><description>Official link announcing the release of rails &lt;a href="http://weblog.rubyonrails.org/2012/8/9/ann-rails-3-2-8-has-been-released/"&gt;3.2.8&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;Changes:&lt;/h2&gt;&lt;br /&gt;
&lt;h3&gt;Activemodel&lt;/h3&gt;&lt;blockquote&gt;Passing of validation helpers changed&lt;/blockquote&gt;&lt;br /&gt;
&lt;i&gt;Earlier versions&lt;/i&gt;&lt;br /&gt;
&lt;pre class="coder"&gt;validates :terms, :acceptance =&gt; true
validates :password, :confirmation =&gt; true
validates :username, :exclusion =&gt; { :in =&gt; %w(admin superuser) }
validates :email, :format =&gt; { :with =&gt; %r\A([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})\Z/, :on =&gt; :create }
validates :age, :inclusion =&gt; { :in =&gt; 0..9 }
validates :first_name, :length =&gt; { :maximum =&gt; 30 }
validates :age, :numericality =&gt; true
validates :username, :presence =&gt; true
validates :username, :uniqueness =&gt; true
&lt;/pre&gt;&lt;i&gt;Now in rails 3.2.8 &lt;/i&gt;&lt;br /&gt;
&lt;pre class="coder"&gt;validates :terms, acceptance: true
validates :password, confirmation: true
validates :username, exclusion: { in: %w(admin superuser) }
validates :email, format: { with: /\A([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})\Z/i, on: :create }
validates :age, inclusion: { in: 0..9 }
validates :first_name, length: { maximum: 30 }
validates :age, numericality: true
validates :username, presence: true
validates :username, uniqueness: true
&lt;/pre&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Getting started with Unicorn with rails</title><link>http://www.genlinux.org/2012/10/getting-started-with-unicorn-with-rails.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Mon, 1 Oct 2012 23:38:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-8458750689577463237</guid><description>I have doing deploys with mongrel cluster, phusion passenger and ngnix for over two years now.Later on used to work with thin server for development env.&lt;br /&gt;
&lt;br /&gt;
Now rails 3.2 higher version, by default suggest unicorn as the app server.Also github has &lt;a href="https://github.com/blog/517-unicorn"&gt;moved&lt;/a&gt; to unicorn.so decided to go with unicorn.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Getting started&lt;/h4&gt;Install the gem unicorn&lt;br /&gt;
&lt;br /&gt;
It’s simple to run Unicorn with a bunch of workers and send it commands just like you would in production.&lt;br /&gt;
&lt;br /&gt;
First, create a basic config/unicorn.rb.&lt;br /&gt;
&lt;pre class="coder"&gt;#Unicorn minimal configuration 
worker_processes 2
preload_app true
timeout 30
listen 2007

pid "tmp/pids/unicorn.pid"
stderr_path "log/unicorn.stderr.log"
stdout_path "log/unicorn.stdout.log"

after_fork do |server, worker|
  ActiveRecord::Base.establish_connection
end
&lt;/pre&gt;Here i go with my minimal configuration as my app was in development mode.&lt;br /&gt;
Check the &lt;a href="http://unicorn.bogomips.org/Unicorn/Configurator.html"&gt;docs&lt;/a&gt;, or the official &lt;a href="http://unicorn.bogomips.org/examples/unicorn.conf.rb"&gt;example&lt;/a&gt;, or the &lt;a href="https://gist.github.com/206253"&gt;Github sample&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Now start your Unicorn server with config file as&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-size: small;"&gt;&lt;i&gt;&lt;b&gt;unicorn_rails -c config/unicorn.rb -D&lt;/b&gt;&lt;/i&gt;&lt;/span&gt;.&lt;br /&gt;
&lt;br /&gt;
Finally our app runs with unicorn server at port 2007&lt;br /&gt;
&lt;br /&gt;
</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>My first gem omniauth-miso</title><link>http://www.genlinux.org/2012/07/my-first-gem-omniauth-miso.html</link><category>Rails</category><category>Ruby</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 8 Jul 2012 10:28:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-9157025831853750739</guid><description>After  3 yrs of my ruby works, today i come with my gem omniauth-miso strategy which currently support with oauth1.0a.I have been contributing on rails documentation, then bored of with the job.Later on decided to go with core.As i spend most of my time management works, i can't able to any ruby contribution.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;Later on i had an opportunity to work with a mobile app, using omniauth.I am very much impressed with the omniauth strategy.I don't know the concepts in ruby, but i had the capability to understand, how to use.I used Facebook, twitter &amp;amp; linked in, then i thought of creating my own strategy.So first i tried with mixi (Japanese Social Networking  Site), as i can't understand the language, i skipped.Then with bitly which supports Oauth 2.0, but that too was not successful.
&lt;br /&gt;
Finally tried with miso, the api of miso support Oauth 1.0a.Everything goes fine and i tested on my local app.Am happy to publish my gem on rubygems.org.
&lt;br /&gt;&lt;br /&gt;
Looking forward more on ruby and webdevelopment
&lt;br /&gt;&lt;br /&gt;

&lt;b&gt;Gem&lt;/b&gt; : &lt;a href="https://github.com/judearasu/omniauth-miso"&gt;&lt;b&gt;Omniauth-miso&lt;/b&gt;&lt;/a&gt;
&lt;b&gt;version&lt;/b&gt; : 0.0.2</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Interviewing ruby on rails developers</title><link>http://www.genlinux.org/2012/05/different-ruby-on-rails-interview.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Mon, 14 May 2012 09:35:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-6616412878575437717</guid><description>I was with ruby on rails web development for past 4 yrs.In this 4 yrs i have attended several ruby on rails interviews.Out of 25, i can say just 5 of them have asked a better one.Till now most of companies have asked the question which was taken from the Google, some of the questions are

&lt;br /&gt;
&lt;pre class="coder"&gt;Whats the difference between dynamic scaffolding &amp;amp; Static scaffolding ?

Whats the difference between Symbol &amp;amp; String?

Whats the use of flash and session?

How we can access multiple database.?

How we can access ajax calls on controller?
&lt;/pre&gt;
Some times, if a interviewer is on diff tech background then he will ask the above questions definitely added he will be asking the questions from his own stream (Ex : JavaScript, Sql or any scenario questions).

Once i attended  a top mnc company, they just asked did you know how to work on rspec, internalization and whats the team size of your current project.The worse thing of another interview was, the interviewer prepared a set of questions on paper and he just asked one by one.

&lt;br /&gt;
&lt;pre class="coder"&gt;What is class, Object, Superclass?

Whats is the use of attr_accessible?

Whats the difference between has_many :through and HABTM
&lt;/pre&gt;

If our interviewer is a database developer, then the questions will be on database.
And there seems to be no questions on Rails.Some times if the interviewer is having less yrs of exp than the candidate.
Then he will fire out the questions as if he seems to be master behind the rails framework.

Not but not least, one of my friend has taken an interview with a product based company,as the interviewer is from Java he has asked the questions, which seems to be like this
&lt;br /&gt;

&lt;pre class="coder"&gt;What do you mean by private variable

What is static methods

How many levels of inheritance is there on ruby
&lt;/pre&gt;

When  Dave Thomas Meta programming screen casts becomes popular, all of a sudden asking on Meta programming.
Among  these interviews, some interviewers from MCCAFEE &amp;amp; AT&amp;amp;T will ask only about the project and the technologies we are using on it.
&lt;br/&gt;
Finally, very small amount of companies are asking genuine questions to the candidate.Sending a scenario and asking then to do with design patterns.Also they won't worry about rails, they just go with ruby and test cases.
&lt;br/&gt;
&lt;p&gt;
&lt;div style="color: red;"&gt;*Note&lt;/div&gt;
These are all my personal thoughts, if any of the context harms any one.We apologize for this.
&lt;/p&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total></item><item><title>Capitalizing the words within a string</title><link>http://www.genlinux.org/2012/05/capitalizing-words-within-string.html</link><category>rubychallenge</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 5 May 2012 23:31:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-8976077851738703380</guid><description>Code to capitalize the words within a string

&lt;pre class='coder'&gt;
string.split.map(&amp;:capitalize).join ' '
&lt;/pre&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Migrating Git repository from Beanstalk to Github</title><link>http://www.genlinux.org/2012/05/migrating-git-repository-from-beanstalk.html</link><category>git</category><author>noreply@blogger.com (Unknown)</author><pubDate>Tue, 1 May 2012 10:37:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-7395174484525785179</guid><description>For some reasons we were about to move our private repository from Beanstalk to Github.At first i cloned the private repo to my system
&lt;pre class="coder"&gt;
$ git clone git@ovcom.beanstalkapp.com:/mongo_git.git
&lt;/pre&gt;

Meanwhile i created a new repo named &lt;b&gt;ui_mongo&lt;/b&gt; on Github.Also i renamed the&lt;b&gt; mongo_git&lt;/b&gt; to &lt;b&gt;ui_mongo&lt;/b&gt; on my local system

&lt;pre class="coder"&gt;
$ mv mongo_git ui_mongo
&lt;/pre&gt;

Then i changed the git configuration file which contains the url mapped with beanstalk repo to github repo
&lt;pre class="coder"&gt;
$ vim ~/Workz/ui_mongo/.git/config

[remote "origin"]
        fetch = +refs/heads/*:refs/remotes/origin/*
        #url = git@ovcom.beanstalkapp.com:/mongo_git.git
        url = git@github.com:ov/ui_mongo.git

&lt;/pre&gt;

Now i used when with a normal git push commands to push the files to master.

&lt;pre class="coder"&gt;
$ cd ~/workz/ui_mongo
$ git add remote origin git@github.com:ov/ui_mongo.git
$ git commit -m 'code migrated from bean to github'
$ git push master
&lt;/pre&gt;

Now i am able to find  users commits with beanstalk repository on Github.Thus i have safely migrated my code from beanstalk to Github</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Create new user in Ubuntu Linux from  terminal</title><link>http://www.genlinux.org/2012/03/create-new-user-in-ubuntu-linux-from.html</link><category>Ubuntulinux</category><author>noreply@blogger.com (Unknown)</author><pubDate>Wed, 14 Mar 2012 10:59:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-4458431869757898098</guid><description>Use &lt;b&gt;useradd&lt;/b&gt; command create a new user&lt;br /&gt;
&lt;pre class="coder"&gt;useradd &amp;lt;username&amp;gt;
&lt;/pre&gt;&lt;br /&gt;
For setting up a password&lt;br /&gt;
&lt;pre class="coder"&gt;passwd &amp;lt;username&amp;gt;
Enter a new unix password:
Repeat the new password:
&lt;/pre&gt;&lt;br /&gt;
To create a directory while adding a user account.Use -m switch to create home directory for new user.&lt;br /&gt;
&lt;pre class="coder"&gt;useradd -m -s /bin/bash &amp;lt;username&amp;gt;
passwd &amp;lt;username&amp;gt;
&lt;/pre&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>eventmachine - failed to build the gem</title><link>http://www.genlinux.org/2012/02/eventmachine-failed-to-build-gem.html</link><author>noreply@blogger.com (Unknown)</author><pubDate>Sat, 18 Feb 2012 20:12:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-7496975495365815554</guid><description>While i was trying to install rails 4.0.0 beta.I got stuck up with &lt;b&gt;eventmachine&lt;/b&gt; gem failing all the way.&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="coder"&gt;/home/jude/.rbenv/versions/1.9.3-p0/bin/ruby /home/nthillaiarasu/.rbenv/versions/1.9.3-p0/lib/ruby/gems/1.9.1/gems/eventmachine-0.12.10/ext/extconf.rb
checking for rb_trap_immediate in ruby.h,rubysig.h... no
checking for rb_thread_blocking_region()... yes
checking for inotify_init() in sys/inotify.h... yes
checking for writev() in sys/uio.h... yes
checking for rb_thread_check_ints()... yes
checking for rb_time_new()... yes
checking for sys/event.h... no
checking for epoll_create() in sys/epoll.h... yes
creating Makefile
---&gt; ext/fastfilereader
/home/jude/.rbenv/versions/1.9.3-p0/bin/ruby /home/jude/.rbenv/versions/1.9.3-p0/lib/ruby/gems/1.9.1/gems/eventmachine-0.12.10/ext/fastfilereader/extconf.rb
creating Makefile
&lt;--- ext/fastfilereader
&lt;--- ext
---&gt; lib
---&gt; lib/evma
&lt;--- lib/evma
---&gt; lib/em
---&gt; lib/em/protocols
&lt;--- lib/em/protocols
&lt;--- lib/em
&lt;--- lib
---&gt; ext
make
compiling ed.cpp
make: g++: Command not found
&lt;/pre&gt;&lt;br /&gt;
Later i looked on the site http://isitruby19.com/eventmachine, there bunch of people had the same problem.Then from the error logs, it seems g++ is needed.Then i installed g++ in my ubuntu 11.10.&lt;br /&gt;
&lt;br /&gt;
Now &lt;b&gt;eventmachine&lt;/b&gt; got installed successfully.</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>nth-child selector for IE 7 browsers</title><link>http://www.genlinux.org/2012/02/nth-child-selector-for-ie-7-browsers.html</link><category>css</category><category>xhtml</category><author>noreply@blogger.com (Unknown)</author><pubDate>Sun, 12 Feb 2012 08:39:00 -0800</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-3740198534103035251.post-1419384407159289526</guid><description>I have been developing a static template for T.Works and need to validate for IE7 &amp;amp; firefox browsers.As per the requirement, i have been implementing the navigation via image sprite.&lt;br /&gt;
&lt;br /&gt;
For the navigation, i need to  fix the width of the third &lt;b&gt;li&lt;/b&gt; to be 150px, which will be greater than other &lt;b&gt;li&lt;/b&gt;.In the CSS, i have used the &lt;b&gt;nth-child() &lt;/b&gt;pseudo selector.It works fine for firefox browsers, but the pseudo element selector was not supported by IE 7 browsers.Then i tried with appending the nth li with other li and it works fine for IE7 browsers.&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="coder"&gt;/* standard nth */
 ul#nav li:nth-child(3) {
 width: 151px !important;
}
&lt;/pre&gt;&lt;div style="color: #cc0000;"&gt;&lt;b&gt;Works in Firefox not in IE 7.&lt;/b&gt;&lt;/div&gt;&lt;pre class="coder"&gt;/* IE nth */
ul#nav &amp;gt;li + li + li
{
    width: 151px !important;
}
&lt;/pre&gt;&lt;div style="color: #cc0000;"&gt;&lt;b&gt;Works in Firefox &amp;amp; IE 7.&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;
&lt;span style="color: #cc0000;"&gt;&lt;b&gt;Note:&lt;/b&gt;&lt;/span&gt;&lt;span&gt;This fix has been tested and implemented in IE 7 browsers.&lt;/span&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item></channel></rss>