AngularJS Directives

AngularJS, propelled by Google, is quickly becoming one of the most popular JavaScript MVC frameworks available, working to invert the development paradigm and bring data-driven modularity to the web frontend. Directives serve as the core building blocks in AngularJS and enable you to create reusable models that mold around your data structures and breathe new life into the intersection of HTML and JavaScript.
AngularJS Directives serves as an in-depth study of some of the core features of AngularJS and provides you with all the knowledge you need to create fully dynamic web applications that respond in real-time to changes in data. You’ll learn how to build directives from the ground up as well as some of the best practices for architecting them. By the end of this book, you’ll be able to create a web application comprised of multiple modules all working together seamlessly to provide the best possible user experience.
AngularJS Directives starts by investigating the best practices for single-page application development overall before diving into how AngularJS directives fulfill those goals. At each step, you’ll learn both the how and why of what we’re building, and by the end, you’ll not only know the facts necessary to create a directive, but you’ll also have the knowledge to decide how best to assemble it.
You’ll also learn why it’s best to build applications with the data-model as your foundation, how to craft new dynamic modules that communicate with each other, how to build widgets that can be embedded in third-party websites, and even how to create custom inputs so your users can intuitively interact with your data. In AngularJS Directives, you’ll learn all the necessary tools to begin architecting your own directives and how to use them in the construction of a more dynamic Web.
What you will learn from this book

Craft a dynamic module that reflects data changes in real-time
Create an interconnected single-page application
Build third-party widgets
Consume existing content and integrate it into your directive
Integrate AngularJS with jQuery plugins
Communicate with other modules via messaging
Unit test your AngularJS directive
Set up and execute browser functionality tests with the Angular Scenario Runner