Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
** Course updated new bonus articles about building custom directives **
Please note that this course covers version 1.x of AngularJS.
There are many Angular courses on the Web now. Which one should you take? If you're looking to dive deeper into custom Angular directives and want to learn from a developer/instructor with over 15 years of experience who has also been awarded the Angular Google Developer Expert (GDE) award from Google then this is the course for you! Dan also created the popular AngularJS in 60-ish Minutes video on YouTube (over 1 million views) so if you enjoyed that then you'll love this course!
Are you interested in learning how to take your AngularJS skills to the next level? Have you been confused by terms like tranclusion, isolate scope, interpolation, local scope properties, and more? Have you wanted to build custom directives but didn't know where to start? Look no further than the Learn to Build AngularJS Custom Directives course by Dan Wahlin!
Throughout this course you'll be provided with a step-by-step look at the process of creating custom directives and cover key concepts that you need to know to take your AngularJS skills to the next level. Topics such as the $compile service, the directive definition object (DDO), the link() function, isolate scope, controller integration, transclusion, working with the $interpolate service, $asyncValidators, and much more are covered as well as techniques for structuring AngularJS directive code.
In addition to expert instruction by Angular Google Developer Expert (GDE) Dan Wahlin you'll also be provided with hands-on code samples that you can follow along with at your own pace. Just pause or rewind the video if you need to see the code again or jump right to the end solution that's provided if you'd like. Begin and end code is provided so that you can maximize your learning and become an expert in building directives! The modules covered in the course include:
Many additional details are provided throughout the modules including coverage of the $parse and $interpolate services, how controllers and the link function can be used in concert, why and how to use transclusion to merge custom content, pros and cons of available coding approaches for custom directives, techniques for passing parameter data to functions when using local scope properties, and much, much more.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Course Introduction|
About the AuthorPreview
Download the course code here. Simply click the download icon next to the file.
|Section 2: Getting Started with Directives|
The Role of DirectivesPreview
Creating a Hello World DirectivePreview
Directive Building BlocksPreview
|Section 3: Shared and Isolate Scope|
Understanding Shared and Isolate ScopePreview
Shared and Isolate Scope DemoPreview
@ Local Scope Property
@ Local Scope Property Demo
= Local Scope Property
= Local Scope Property Demo
& Local Scope Property
& Local Scope Property Demo
|Section 4: The link() Function|
The link() Function
link() Function Demo
Building a TableHelper Directive
Using $parse and eval()
Building a Google Maps Directive
Using $compile and $interpolate
compile() Function and $interpolate Service Demo
Is link() Always Appropriate?
|Section 5: Using Controllers in Directives|
Using a Controller in a Directive
Replacing link() with a Controller
Adding a Controller to TableHelper
Passing Parameters Out of a Directive
Using Transclusion in TableHelper - Part 1
Calling the transclude() function and using Require - Part 2
|Section 6: Bonus Content - Custom Directives in Action and More|
Building a Custom Validation Directive with $asyncValidators
wcUnique Directive with $asyncValidators Demo
Building an Ajax Overlay Directive
wcOverlay and HTTP Interceptors Demo
Building a Menu Highlighter Directive
menuHighlighter Directive Demo
Building a Custom Validator Directive Demo
|Section 7: Bonus Content: Articles on Building Custom Directives|
About this Article Series on AngularJS DirectivesPreview
Part 1: The FundamentalsPreview
Part 2: Isolate ScopePreview
Part 3: Isolate Scope and Function ParametersPreview
Part 4: Restriction and TransclusionPreview
Part 5: The link() FunctionPreview
Part 6: Using ControllersPreview
Part 7: Creating a Unique Value Directive using $asyncValidatorsPreview
Dan Wahlin is a world-renowned developer and instructor who has been teaching developers for over 15 years and has a knack for making hard concepts easy to understand. Both Google and Microsoft have recognized his contributions in the world of Web development and awarded him the Google GDE (Google Developer Expert) and Microsoft MVP awards.