Javascript quick tip debugger statement

Taswar Bhatti August 18, 2014 No Comments

Here is Javascript quick tip debugger for Javascript developers, there is a debugger statement in JavaScript, which invokes any available debugging functionality. e.g setting a break point, and if there is no debugging functionality available the statement has no effect. Let’s say you wish to debug a function

var x = (function f() {          
          var message = 'hello world'; 
          if(typeof window.console !== 'undefined') { 
              console.log(message); 
          } else { 
              alert(message); 
          }
})();

1

2

3

4

5

6

7

8

var x = (function f() {

var message = 'hello world';

if(typeof window.console !== 'undefined') {

console.log(message);

} else {

alert(message);

}

})();

One could then add a debugger; […]

javascript, Learn Series

debugger, Javascript

Keep yourself protected with modular JavaScript

Taswar Bhatti August 11, 2014 2 Comments

Here is another quick tip on creating modular JavaScript, namely function wrappers, or more technically called Immediately-Invoked Function Expression (IIFE). A self-invoking anonymous function runs automatically/immediately when you are create it, but don’t confuse it with document.ready or window.onload. The basic of IIFE is to use a wrapper so that it does not pollute the […]

javascript, Learn Series

Javascript

Learn to love the JavaScript falsy conditions

Taswar Bhatti August 8, 2014 No Comments

Here is a quick tip for JavaScript falsy conditions for programmers or for people who come from Java or C#. In Java and C# when we thinks of using a compare conditions in a if statements, we tend to use something along the line of:

if(val != null && val.length > 0) {
  //do stuff
}

1

2

3

if(val != null && val.length > 0) {

//do stuff

}

We tend to bring this baggage of knowledge to […]

javascript

false, Javascript, learn

Jade Node.js Template Engine, Filters & Mixins Part 5

Taswar Bhatti July 28, 2014 No Comments

Jade Node.js Template Engine, Filters & Mixins In my previous post I have talked about conditional statements inside of jade. In this post I will write about filters and mixins in jade template engine. Filters Filters in jade means something different from what you may know as filters like the ones in Angular.js. In Jade […]

javascript, Node, node.js

jade, jade template engine, Javascript, node.js

Jade Node.js Template Engine, Conditional Logic Statements Part 4

Taswar Bhatti July 21, 2014 No Comments

Jade Node.js Template Engine, Conditional Logic Statements In my previous post I have talked about databinding with jade, i.e. feeding data to your template. In this post I will write about how one can use conditional and logical statements (for, if, while statements) in jade template engine. Ternary Operation The conditional ternary operator can be […]

javascript, Node, Uncategorized

jade, Javascript, node, node.js

Jade Node.js Template Engine DataBinding Part 3

Taswar Bhatti July 14, 2014 1 Comment

In my previous post I showed the basic syntax of jade when using express application in node.js, in this post I will go over the DataBinding aspects of jade template engine. Jade Node.js Template Engine DataBinding through Interpolation Jade provides interpolation of variables using the #{} syntax, Hash, Curly Brackets. For example if we have […]

javascript, Node, node.js

express, jade, node.js

Jade Node.js Template Engine Basics Syntax Part 2

Taswar Bhatti July 7, 2014 No Comments

In my previous blog post I showed how one would install jade template engine for node.js and the terse markup that it provides. In this post I will continue on the jade and show the basic syntax of using jade template engine. Basic syntax of Jade Template Engine for Node.js As mentioned in earlier post, […]

javascript, Node, node.js

jade, node.js, template engine

Jade Node.js Template Engine

Taswar Bhatti June 23, 2014 No Comments

Jade Node.js Template Engine is a templating language for node.js, it provides an alternative syntax to write your HTML, some may say more pythonic or haml style. Jade by default comes with express web application framework for node.js, it is designed primarily for server side templating in node.js, and last but not least it is […]

javascript, Node, node.js, Uncategorized

express, jade, node, tempalte engine

Bower: How to create and register your own packages

Taswar Bhatti June 11, 2014 2 Comments

Continuing on our previous blog post on bower, in this blog post, I will talk about how to create your own front-end packages in bower. One thing I forgot to mention in the previous post is git is required when using bower. If you are using windows you can install git for windows or Mac/Unix/Linux. […]

javascript, Node

bower, front-end, Javascript, node, package manager

Bower package manager for Node.js Tools Visual Studio

Taswar Bhatti May 30, 2014 No Comments

In my previous post I have shown how to create an express app with node.js and in this post, I would like to introduce bower a package manager for front-end development. Bower is a package manager just like Nuget, where it gets confusing is that node already has a package manager called npm. The difference […]

javascript, JQuery, Node, visual studio

bower, Javascript, JQuery, node.js, visual studio

Javascript quick tip debugger statement

Keep yourself protected with modular JavaScript

Learn to love the JavaScript falsy conditions

Jade Node.js Template Engine, Filters & Mixins Part 5

Jade Node.js Template Engine, Conditional Logic Statements Part 4

Jade Node.js Template Engine DataBinding Part 3

Jade Node.js Template Engine Basics Syntax Part 2

Jade Node.js Template Engine

Bower: How to create and register your own packages

Bower package manager for Node.js Tools Visual Studio

Opinions are my own and not the views of my employer

LinkedIn

My Book

Archives