Learning AngularJS Directives[Video]

Learning AngularJS Directives[Video]

This video is included in a Mapt subscription
John Munsch

1 customer reviews
Get to grips with AngularJS directives to create dynamic and responsive web applications quickly and easily
$0.00
$42.50
$29.99p/m after trial
RRP $49.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781785287329
Course Length1 Hour

Video Description

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.

Style and Approach

This course explains the various concepts of AngularJS directives step-by-step, with a hands-on approach and examples to help you understand and use directives in your code.

Table of Contents

Racing into Turn One
The Course Overview
Replacing ng-include with a Directive
Creating Our First Directive
Learning about Isolate Scope
Giving Our Directive Some Style
Accelerating Down the Straightaway
Coming Back to Scope
Using the & Operator to Bind Functions
Deciphering Transclusion
Creating a Driver Card
Restricting Our Directives by Type
Putting the Pedal to the Metal
Understanding Link Versus Controller
Injecting Dependencies
Drawing Our Racetrack
Coordinating Directives
Adding Our Cars to the Track

What You Will Learn

  • 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
  • Learn how to specifically use a directive as an element or attribute
  • Explore and use the different functions available for directives
  • Connect directives to create powerful sets which work together

Authors

Table of Contents

Racing into Turn One
The Course Overview
Replacing ng-include with a Directive
Creating Our First Directive
Learning about Isolate Scope
Giving Our Directive Some Style
Accelerating Down the Straightaway
Coming Back to Scope
Using the & Operator to Bind Functions
Deciphering Transclusion
Creating a Driver Card
Restricting Our Directives by Type
Putting the Pedal to the Metal
Understanding Link Versus Controller
Injecting Dependencies
Drawing Our Racetrack
Coordinating Directives
Adding Our Cars to the Track

Video Details

ISBN 139781785287329
Course Length1 Hour
Read More
From 1 reviews

Read More Reviews