Skip to main content

JavaScript for Web and Library Developers

This is my first blog post on my home domain and in this series of posts I will explore various facets of JavaScript language that will help us become better programmers.  The idea is tear apart the language and understand how to use the features and build libraries like jquery, knockoutjs, backbonejs.

The idea is not to replicate this libraries, but understand the inner workings using better JavaScript coding practices, design principles and thereby make the web a better place to visit..

We will be covering the following topics, though not in order and there may be addition to this list.

  • Foundations

  • Patterns

  • Closure

  • this keyword

  • Hoisting

  • Anonymous function

  • Currying

  • Server side JavaScript

  • Canvas

  • etc.


Hope you will enjoy this journey with me!

Comments

Alona said…
I do believe additional web site entrepreneurs ought to get this site as a possible model - extremely clean and amazing styling, as well as this article. You’re an expert in this field!
Web Development said…
Web development involves developing of simple static single page of plain text to most complex web based internet applications and offers low cost programming and design services.
web development
canapé said…
Fantastic job. Must be bookmarked:)
My brother suggested I might like this website. He used
to be entirely right. This put up actually made my
day. You can not believe simply how so much time I had spent for
this info! Thanks!
Diseño Web Tunja...

[...]JavaScript for Web and Library Developers - JavaScript - javascript - web-development - Tekacademy.com - rajesh pillai[...]...
Lizbeth said…
You will find recently been following on from the weblog to get a thirty days approximately and have grabbed a huge amount of data along with liked the method you've set up your internet site. We are attempting to operate my very individual website nevertheless. I do think it's as well standard and that i need to consentrate on a lot of more compact topics. Getting as much as possible to any or all folks is just not all of that its chipped as much as become.

Popular posts from this blog

JavaScript Function Spaghetti Code

In this post we will have a look at the spaghetti code created by functions and how to avoid them. First lets quickly go through why this is a cause of concern.


Problems with Function Spaghetti Code

Variables/ functions are added to the global scope
The code is not modular
There's potential for duplicate function names
Difficult to maintain
No namespace sense.
Let's take for example the following set of functions and check whats the issue with them.
// file1.js
function saveState(obj) {     // write code here to saveState of some object     alert('file1 saveState'); }
// file2.js (remote team or some third party scripts) function saveState(obj, obj2) {      // further code...     alert('file2 saveState"); }
Now the problem here is if your application is using saveState() then the execution of saveState() which one to call is determined by the script loading.  The later script overrides same functions already defined by earlier script.
For e.g.

If this script is refer…

JavaScript - The this keyword

"this" is one of the most misunderstood construct in JavaScript.  To understand this first lets go through how to create a construction function in JavaScript.  A constructor function is a function which is used to create instances of objects in JavaScript.

You define a constructor function using the same notation that you use to define a normal JavaScript function.  The convention to follow is to capitalize the first letter of the function name.

This requirement is not enforced by the JavaScript language but it is a generally accepted practice and there are many benefits which we will shortly discuss.

Let's define a constructor function to hold our menu information.

function Menu() { }
So, in the above snippet you have a constructor function named Menu defined. At present this function doesn't do anything good.

Let's see how to invoke this function

var menu = new Menu();
Let's add some public properties to this function.
function Menu() { this.menuName = &q…