Angry Birds of JavaScript Series
1 min read
![](//3.bp.blogspot.com/-x2EkpXGeIiU/UUOB_nmgpdI/AAAAAAAAX8Y/RlZdGySZWwE/s640/5641819490_2cb448303e.jpg)

Introduction

A diabolical herd of pigs stole all of the front-end architecture from an innocent flock of birds and now they want it back! A team of special agent hero birds will attack those despicable pigs until they recover what is rightfully theirs, front-end JavaScript architecture!

Meet the Special Agent Hero Birds

Over the course of the next several weeks you'll be introduced to the following team of super hero birds...

![](//4.bp.blogspot.com/-JMM-_2Tl7Es/UUOFH81EAUI/AAAAAAAAX8g/dnqsFpJFfGo/s200/red-bird.png)

Red Bird

The Red bird attacks with the force of their trusty IIFE, the basic block of all privacy.Status: Published
![](//4.bp.blogspot.com/-LxI_h-dYcRQ/UUOFZbQ4heI/AAAAAAAAX8w/aVsf9BQfQRU/s200/blue-bird-1.png)

Blue Bird

The Blue Bird triggers events and messages that scatter to infiltrate the pig's castle.Status: Published
![](//1.bp.blogspot.com/-32n5qOeDtdk/UUOFi38IgEI/AAAAAAAAX84/CIoyxmLMmkY/s1600/yellow-bird.png)

Yellow Bird

The Yellow Bird comes with a RequireJS speed booster and dynamically injects scripts against those pesky swine.Status: Published
![](//2.bp.blogspot.com/-4WycZj513eE/UUOFnIF28JI/AAAAAAAAX9A/Y87gPOBtyxk/s1600/black-bird.png)

Black Bird

The Black Bird proves to be a much more organized approach to fighting these porkers and introduces the Backbone.js bomb to their dismay.Status: Published
![](//4.bp.blogspot.com/-yywG6-06kUM/UUOFrOcP0iI/AAAAAAAAX9I/iotHWUvRecY/s1600/white-bird.png)

White Bird

The White Bird appears to be seemingly harmless, but when it pulls out it's strict coding style and bursts of quality checks the hogs are sure to squeal.Status: Published
![](//3.bp.blogspot.com/-rRVmKl9KUv4/UUOFu9VUPNI/AAAAAAAAX9Q/rMstM-JU-e8/s1600/green-bird.png)

Green Bird

The Green Bird can reach all of those hard to reach places and will mock and spy those stealing swine right where it hurts!Status: Published
![](//3.bp.blogspot.com/-YT-EBrpkliY/UUOFy_dcttI/AAAAAAAAX9Y/Q4VET7T9UaY/s200/orange-bird.png)

Orange Bird

The Orange Bird starts out small with a simple template, but then expands itself into a DOM blast that will surely send the message that the birds mean business.Status: Published
![](//1.bp.blogspot.com/-J61UAuZaSPU/UUOF3XpAjvI/AAAAAAAAX9g/yliiflRrXXU/s1600/big-brother-bird.png)

Big Brother

The Big Brother pulls out the big guns with his finite state machine and other proven design patterns of destruction.Status: Published
![](//4.bp.blogspot.com/-MQvW-RP8-f0/UUOF7QwJY9I/AAAAAAAAX9o/7_-CH_56XPY/s320/mighty-eagle.png)

Mighty Eagle

The Mightly Eagle uses the most superior weapon of them all, a suite of tools that can organize and deploy all the other birds into battle against their soon to be vanquished foe.Status: Published
Images provided via Angry Birds Wiki

Conclusion

The above series will be presented at the upcoming <anglebrackets /> and FluentConf conferences and possibly others. I hope you enjoy the series. I am having fun putting it together and I look forward to giving it in front of an audience ;)

Edit post on GitHub


Angry Birds of JavaScript- Blue Bird: Events
Angry Birds of JavaScript- Red Bird: IIFE