formats

Video – Back-End vs Front-End Web Programming Languages

in Videos.

The main difference between a back-end and a front-end web programming language is where the code is executed. In this video, I demonstrate how a back-end programming language is executed on the server, whereas a front-end web programming language is executed in the browser. Read the Full Post: What is the difference between a back

(More)…

formats

Getting Started with Backbone.js Models – Part II : Creating an Initialize Method

in Backbone.

In the previous post: “Getting Started with Backbone.js Models – Introduction,” I discussed how the extend method of the Backbone.Model constructor is extended, which results in a new “class” that you can instantiate. When extending this constructor, an object was passed-in, which contained default values for the model data. Those default values were key/value pairs

(More)…

formats

Getting Started with Backbone.js Models – Introduction

in Backbone.

Learn how Backbone.js Models provide abstraction that simplifies data management in your single page application In my previous articles about Backbone.js, I covered the basics of routes and views. I chose those areas as starting points because they are a bit easier to digest and put to use. For example, you can put together simple pages that

(More)…

formats

Getting started with Mustache.js now available on learnable.com

In my first screencast with Learnable, I cover the basics of Mustache.js, a popular client-side JavaScript templating library. A Subsidiary of the well-known SitePoint brand, Learnable.com has been an independent course platform since 2010. They have a catalog of over 4,000 videos, covering a wide range of technology-specific topics. Learnable’s web site is well organized and easy

(More)…

formats

When did Walmart become so hip?

in Node.js.

WalmartLabs is doing some very cool things with Node.js. When the heck did all this happen? Did you know that Walmart supports nearly 30 open-source modules, most of which are used in production, or that they created their own “private npm” to prevent hacks? Nope, neither did I. I must admit, Walmart is not a

(More)…

formats

Getting Started with Backbone.js Views – Part III : Event Handlers Basics

in Backbone.

Learn how to set up event handlers in your Backbone.js view In the previous two articles of this series: “Getting Started with Backbone.js Views” (Parts I & II), we learned how to set up a view and optimize it for better performance. The next logical step is event handlers. While it may be possible that

(More)…

formats

Getting Started with Backbone.js Views – Part II : Optimization Basics

in Backbone.

Learn how to optimize your Backbone.js view for better performance In the first part of this series:  Getting Started with Backbone.js Views – Part I : Introduction, we learned the basics of how to implement a view in Backbone.js. Although the process of extending the Backbone.View class was quite similar to extending the Backbone.Route constructor,

(More)…

formats

Getting Started with Backbone.js Views – Part I : Introduction

in Backbone.

Learn how to separate presentation from logic by leveraging Backbone.js views One of the main principles of MVC is the separation of presentation, data and logic. While it may be tempting to mix these concerns in order to “get it out the door”, maintaining and extending this kind of code can quickly become a nightmare.

(More)…

formats

Getting Started with Backbone.js Routes – Part IV: Configuring an Initialization Function

in Backbone.

Learn how to configure a function that initializes your Backbone.js router In the last few articles of this series, we have learned the basics of setting up routes in Backbone.js. We’ve discussed setting up route handlers, specifying a default route, graceful actions for corner-cases, as well as passing parameters to routes. But what about setup

(More)…

formats

Getting Started with Backbone.js Routes – Part III: Passing Parameters to the Route

in Backbone.

Learn how to pass values to your Backbone router in the URL In the second part of this series: Getting Started with Backbone.js Routes – Part II: Handling Bad Requests, we learned how to handle route requests that are not configured in our router. This allows us complete control over the user experience, even when

(More)…

formats

Getting Started with Backbone.js Routes – Part II: Handling Bad Requests

in Backbone.

Learn how to handle requests for a route that you have not configured In the first part of this series: Getting Started with Backbone.js Routes – Part I: Introduction, we learned how to set up routing in a single page web application. We covered two kinds of routes: a “default” route (i.e. no route is

(More)…

formats

Getting Started with Backbone.js Routes – Part I: Introduction

in Backbone.

Learn the simple yet powerful syntax for setting up routing in your Backbone.js single page application Routes are one of the most important aspects of any single page application. Routes allow you to intercept browser address changes and act upon them accordingly. As per the moniker “single page application” suggests, after the completion of the

(More)…

formats

Getting Started with Angular.js Custom Directives – Part III – The “restrict” property

in Angular.

Learn how the “restrict” property determines how your Angular.js directive can be invoked In the second part of this series: Getting Started with Angular.js Custom Directives – Part II – The “replace” property, we learned about how to use the “replace” property when creating a custom Angular.js directive. This determines whether the element that your

(More)…

formats

Getting Started with Angular.js Custom Directives – Part II – The “replace” property

in Angular.

Learn how your Angular.js directive’s “replace” property determines how it is rendered in the DOM In the first part of this series: “Getting Started with Angular.js Custom Directives – Part I“, we learned the absolute basics of how to create a custom Angular.js directive. In that article, we learned how to create an Angular module,

(More)…

formats

Getting Started with Angular.js Custom Directives – Part I – Introduction

in Angular.

Learn how to create your own Angular.js directive (it’s much easier than you think!) It’s hard to imagine any kind of interaction with Angular that does not involve directives. Angular directives allow you to super-charge your HTML, or even create your own tags. While there is certainly a generous helping of built-in Angular directives, you

(More)…

formats

Easy Text Input “Hints” with the HTML <datalist> Tag

in HTML5.

Provide helpful “hint” functionality for your text-inputs with just a little bit of hidden markup: the <datalist> element! One of the newer HTML5 elements that I hear very little about is the Datalist tag. I’m a bit surprised by this because the datalist element is super-easy to implement and quite helpful. In a nutshell, this

(More)…

formats

JavaScript Interview Questions – Functions

Functions play a major role in the JavaScript language. In addition to providing private scope, they allow you to organize blocks of code for later execution. While most front-end developers have used JavaScript functions many time, there are some core areas of knowledge that are important to know. Before you head into that interview, make

(More)…

formats

JavaScript Interview Questions – Beginner

These are basic JavaScript questions that any front-end web developer should be able to answer. Q: What is the keyword used when declaring variables that makes them private to a function? A: “var” Hint: http://stackoverflow.com/questions/1470488/difference-between-using-var-and-not-using-var-in-javascript Q: What is the one and only way to control variable scope in JavaScript? A: Functions Hint: http://blog.kevinchisholm.com/javascript/scope/ Q: What

(More)…

formats

The JavaScript “this” Keyword Deep Dive: jQuery Click Handlers

Learn the difference between $(this) and “this” inside of your jQuery event handler. In two previous posts, we learned that functions that are properties of an object are called “methods” (The JavaScript “this” Keyword Deep Dive: Nested Methods & The JavaScript “this” Keyword Deep Dive: An Overview). In this case, the JavaScript “this” keyword refers

(More)…

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)…

show
 
close