I'm Todd, I teach the world Angular through @UltimateAngular. Conference speaker and Developer Expert at Google.

Mastering the Module Pattern

I’m a massive fan of JavaScript’s Module Pattern and I’d like to share some use cases and differences in the pattern, and why they’re important. The Module Pattern is what...

Read more Mastering the Module Pattern

Avoiding anonymous JavaScript functions

Anonymous functions, the art of the callback. I’m going to propose that you never write a callback again using an anonymous function, and I’ll sell you the idea now. Firstly,...

Read more Avoiding anonymous JavaScript functions

Everything you wanted to know about JavaScript scope

The JavaScript language has a few concepts of “scope”, none of which are straightforward or easy to understand as a new JavaScript developer (and even some experienced JavaScript developers). This...

Read more Everything you wanted to know about JavaScript scope

Stop toggling classes with JS, use behaviour driven DOM manipulation with data-states

Using a class to manipulate the DOM? What about this idea. Using classes have many issues, the main one for me is that adding classes to elements to change their...

Read more Stop toggling classes with JS, use behaviour driven DOM manipulation with data-states

A comprehensive dive into NodeLists, Arrays, converting NodeLists and understanding the DOM

Manipulating the DOM is JavaScript’s role when developing websites and applications, and we do this by grabbing collections of elements called NodeLists. NodeLists are captured using a selector of some...

Read more A comprehensive dive into NodeLists, Arrays, converting NodeLists and understanding the DOM

Vault.js, HTML5 (local/session) Web Storage API with automatic JSON support

Vault is a 0.6KB standalone HTML5 (local/session) Web Storage API with automatic JSON support. Web Storage only accepts a String as value of an Object property, Vault makes it possible...

Read more Vault.js, HTML5 (local/session) Web Storage API with automatic JSON support

Smarten your front-end workflow with @conditionizr, screencast on all the APIs

Who’s using Conditionizr? So far we’ve found some teams at Google, Sencha, NASA are some great names using it. Conditionizr (.NET Magazine’s Open Source Project of the Year finalist), is...

Read more Smarten your front-end workflow with @conditionizr, screencast on all the APIs

Apollo.js, standalone class manipulation API for HTML5 and legacy DOM

Apollo is a <1KB standalone DOM class manipulation API for adding, removing, toggling and testing the existence of classes on an element. Apollo is the successor to an original post...

Read more Apollo.js, standalone class manipulation API for HTML5 and legacy DOM

Understanding Regular Expression matching with .test(), .match(), .exec(), .search() and .split()

RegularExpressions, often noted as RegEx or RegExp, are seen and used pretty much everywhere in JavaScript. I use them all the time and you’ve probably seen them out in the...

Read more Understanding Regular Expression matching with .test(), .match(), .exec(), .search() and .split()

NoFi, detecting no WiFi, callbacks for offline states with HTML5

An HTML5 API buried inside the navigator Object called onLine is where the inspiration for this little tool came from. NoFi detects no WiFi (yes, it also includes non-WiFi, your...

Read more NoFi, detecting no WiFi, callbacks for offline states with HTML5