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

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

Hacking SVG, traversing with ease - addClass, removeClass, toggleClass functions

Update: I’ve turned this into a small JavaScript module named Lunar and pushed to GitHub, please use that code instead as it doesn’t extend native DOM APIs and also has...

Read more Hacking SVG, traversing with ease - addClass, removeClass, toggleClass functions

Conditionizr reloaded, what every developer has been waiting for

Wouldn’t it be ideal to target any browser, mobile browser, mobile device, touch device, screen resolution, operating system and conditionally load assets or tweak your code based on any environments?...

Read more Conditionizr reloaded, what every developer has been waiting for