formats

The JavaScript “this” Keyword Deep Dive: Constructor Functions

Learn how the JavaScript “this” keyword differs when instantiating a constructor (as opposed to executing the function). In earlier articles of the “The JavaScript “this” Keyword Deep Dive” series, we discussed how the meaning of “this” differs in various scenarios. In this article, we will focus on JavaScript constructors. It is critical to keep in

(More)…

formats

The JavaScript “this” Keyword Deep Dive: Nested Methods

In an earlier article: The JavaScript “this” Keyword Deep Dive: Nested Functions, we learned how functions that are not methods evaluate “this” to the window object. In that post, we demonstrated that no matter how deeply you nest functions, this behavior is always the same. In this article, we will learn how the JavaScript “this”

(More)…

formats

The JavaScript “this” Keyword Deep Dive: Nested Functions

Learn how the JavaScript “this” keyword behaves inside of function declarations and expressions, even when nested 10-levels deep. In the article: The JavaScript “this” Keyword Deep Dive: An Overview, we discussed a number of scenarios in which the JavaScript “this” Keyword has different meanings. In this article, we will concentrate on functions and methods. It

(More)…

formats

The JavaScript “this” Keyword Deep Dive: An Overview

Learn the subtle yet critical details that allow you to leverage the JavaScript “this” keyword. In JavaScript, the “this” keyword is one of the most overly-used yet under-utilized aspects of the language. It is also one of the most mis-understood topics. While it facilitates more readable, expressive object-oriented JavaScript, improper use is a catalyst for

(More)…

formats

Book Review: Node for Front-End Developers, by Garann Means

in Node.js.

If you are just getting started with server-side JavaScript, “Node for Front-End Developers” offers a fast, high-quality introduction. The ubiquity of front-end JavaScript is undeniable. Not only has the appetite for web-based content increased dramatically, but so has the appetite for sophisticated user interfaces. More and more, visitors expect web-based content to offer complex interaction

(More)…

formats

Angular.js Basics: Manually Boot-Strapping Your Application (Part II)

in Angular.

One of the advantages of manually boot-strapping Angular.js is the ability to take care of any setup-tasks that you want completed before the DOM is parsed. In the previous article: “Angular.js Basics: Manually Boot-Strapping Your Application (Part I)“, we learned how simple it is to manually boot-strap Angular. In that example, our HTML was hard-coded

(More)…

formats

Angular.js Basics: Manually Boot-Strapping Your Application (Part I)

in Angular.

Although setting an ng-app directive on the HTML element makes for quick and easy Angular.js boot-strapping, there may be times when you’ll want to initiate that process manually. In an earlier blog post, we learned that boot-strapping an Angular Application is as simple as setting an ng-app directive on the HTML element, and then adding

(More)…

formats

Book Review: High Performance JavaScript by Nicholas C. Zakas

While JavaScript engines are getting faster every day, complex logic or heavy DOM manipulation can still lead to sluggish browser performance. Nicholas C. Zakas takes you on a journey into the more subtle areas of JavaScript, providing a deeper understanding of how to create faster and more responsive user interfaces. For many front-end web developers,

(More)…

formats

Angular.js Basics: Routes Part III: Creating a Default Route

in Angular.

Learn how to create a default view in your Angular single-page app. In Part II of this series: “Angular.js Basics: Routes Part II: Partials“, we learned how to leverage partials in order to decouple our HTML from the associated controllers. This not only proved to be fairly simple, but it also helps to keep our

(More)…

formats

Angular.js Basics: Routes Part II: Partials

in Angular.

Learn how to use partial templates in your Angular single-page app. In the first article of this series: “Angular.js Basics: Routes Part I,” we learned how Angular can intercept a hyperlink click, and inject HTML into the DOM. Accomplishing this is surprisingly straightforward because Angular provides a great deal of abstraction with regard to preventing

(More)…

formats

Angular.js Basics: Routes Part I

in Angular.

Learn how to spin-up an AJAX-driven single-page app by leveraging Angular.s Routes Single-page applications have become a common project for many front-end web developers. The key components to any such endeavor is the ability to intercept hyperlinks, the updating of the DOM without actually refreshing the page, and support for deep-linking. Anyone who has attempted

(More)…

formats

Angular.js Data-Binding Basics: the ng-model Directive (Part III)

in Angular.

Although the Angular ng-model directive creates a privately-scoped object for an element, any descendants of that element also have access to that object. In the previous article of this series: “Getting Started With Angular.js: Data-Binding Basics With the ng-model Directive (Part II)” we demonstrated how two HTML elements with their own unique ng-controller values can

(More)…

formats

Angular.js Data-Binding Basics: the ng-model Directive (Part II)

in Angular.

Learn how to use the exact same HTML, yet let Angular bind that markup to different pieces of data. In Part I of this series: “Getting Started With Angular.js: Data-Binding Basics With the ng-model Directive (Part I),” we covered the absolute basics of data-binding with Angular.js. In that article, we discussed how multiple elements can

(More)…

formats

Angular.js Data-Binding Basics: the ng-model Directive (Part I)

in Angular.

Data-binding with Angular.js is surprisingly simple. To get started, you need only specify an ng-model directive. One of the most common tasks for any JavaScript developer is to inject a value into the DOM. This value can be a variable or the property of an object. When doing so, you need to make a reference

(More)…

formats

What Are the Top 10 JavaScript Links for AJAX ?

in AJAX.

Over the years I’ve amassed a list of web sites that have strong content about AJAX. Iv’e managed to whittle it down to ten. This list will change often. Ajaxian Ajaxian.com Other than having a domain that clearly indicates a focus on AJAX, this site offers create content about not only AJAX, but also other

(More)…

Tags: ,
formats

Who Are the Top JavaScript Developers I Should Know About?

There are a few developers who are particularly knowledgeable about JavaScript. In many cases, their work and their writings are real gems that can provide a deeper perspective on the language. In this article, I have created a summary of the top JavaScript Developers I’ve come across in the last few years. In each case,

(More)…

formats

Easy JavaScript Object Context Switching with jQuery.proxy()

in jQuery.

A popular saying in the Real Estate business is: “Location, location, location!” Well, in JavaScript, it’s all about “context”. When you want to leverage the very powerful keyword: “this”, then understanding the current context is critical. Those experienced with native JavaScript should be comfortable with the concept of context (If you are not, take a

(More)…

formats

JavaScript Concatenation and Minification with the Grunt.js Task Runer

in Node.js.

Combine multiple JS files into one using JavaScript, Node.js and Grunt. In the article: “Getting Started with Grunt: The JavaScript Task Runner,” we covered the bare-bones basics of how to set up and use Grunt, to automate and manage your JavaScript build task. In that article, we used a Grunt plugin called “grunt-contrib-uglify” to minify

(More)…

formats

Getting Started with Grunt: The JavaScript Task Runner

in Node.js.

Automate and manage your JavaScript build tasks with JavaScript, Node.js and Grunt. Today, even the most straightforward web-based application will involve JavaScript, and chances are that JS code will not be too simple. In-fact, it is often inevitable that your JavaScript could start to grow over time and / or span multiple files. When these

(More)…

formats

Creating a Simple JSONP API with Node.js and MongoDB

in Node.js.

By leveraging the Node.js middleware “express”, we can create functionality for viewing, adding or deleting JSON data. In a previous article: “Using Mongoose ODM to Connect to MongoDB In Your Node.js Application,” we learned the basics about connecting to a MongoDB database in a Node.js application. That article barely skimmed the surface of what is

(More)…

show
 
close