Get to grips with AngularJS directives to create dynamic and responsive web applications quickly and easily

It can be hard to maintain a balance between visual elements of an application associated with HTML and CSS and aspects such as UI Interaction and form validation. Wouldn’t it be great if you could use HTML as your own domain specific language (DSL) and have it be a custom thing tuned exactly to the elements and attributes you need for the project you’re building? AngularJS provides this exact solution by separating these two features so that you can make changes in the visual layout without affecting your code. Backed by directives, AngularJS will help you to add functionality to HTML so that you can build interactive, engaging web applications.

Directives help you to extend your HTML and teach it new tricks to visually enhance your websites without compromising your code. This video course covers everything you need to use directives in your own apps, from creating directives to isolating their scope, applying transclusion, and injecting dependencies. Firstly, we will learn how to include HTML snippets in our code using directives and create a directive to start working with it. We will use isolate scope to configure our directives individually and style them. Next, we will take a look at different operators to bind functions and make our directives interactive. We will explore the concept of transclusion and apply it to make our code more effective. Once we’ve done this, we will restrict our directives to be used as an element, attribute, class or a comment according to our needs. We will also discover the difference between link and controller functions and inject dependencies to create testable components and co-ordinate our directives to work together. By the end of this course, you’ll be proficient with creating and using fully functional directives to your advantage.

Who this course is for

If you are a JavaScript developer and want to build dynamic and responsive web apps by unleashing the full power of directives, then this course is perfect for you! The course is aimed at developers familiar with AngularJS but no previous experience with directives is required, this course has it all!

What you will learn from this course

Create a directive to replace ng-include and make code more efficient

Implement isolate scope in the coding to build reusable directives

Understand the difference between various scope bindings to make flexible directives

Establish the communication between directives and the app by binding them with functions

Discover and apply the concept of transclusion to make better directives