AngularJS Custom Directives with Dan Wahlin

Focused View

Dan Wahlin

4:01:42

30 View

01 - Course Introduction

001 Course Introduction.mp4

02:24

002 About the Author.mp4

02:18

003 Course Prerequisites.mp4

01:26

004 Course Agenda.mp4

04:41

005 Code Editor.mp4

02:07

006 Angular-Js-Directives-Code-And-Slides.zip

006 Course Code and Slides.html

02 - Getting Started with Directives

001 Introduction.mp4

02:18

002 The Role of Directives.mp4

04:42

003 Creating a Hello World Directive.mp4

04:09

004 Directive Categories.mp4

06:08

005 Directive Building Blocks.mp4

10:05

006 Summary.mp4

01:22

03 - Shared and Isolate Scope

001 Introduction.mp4

01:36

002 Understanding Shared and Isolate Scope.mp4

08:06

003 Shared and Isolate Scope Demo.mp4

02:35

004 @ Local Scope Property.mp4

04:15

005 @ Local Scope Property Demo.mp4

05:37

006 = Local Scope Property.mp4

02:46

007 = Local Scope Property Demo.mp4

04:54

008 & Local Scope Property.mp4

03:57

009 & Local Scope Property Demo.mp4

04:09

010 Summary.mp4

01:34

04 - The link() Function

001 Introduction.mp4

03:15

002 The link() Function.mp4

07:31

003 link() Function Demo.mp4

06:14

004 Building a TableHelper Directive.mp4

13:02

005 Requiring ngModel.mp4

13:28

006 Using $parse and eval().encrypted.m4a

006 Using $parse and eval().encrypted.mp4

007 Building a Google Maps Directive.mp4

13:11

008 Using $compile and $interpolate.encrypted.m4a

008 Using $compile and $interpolate.encrypted.mp4

009 compile() Function and $interpolate Service Demo.encrypted.m4a

009 compile() Function and $interpolate Service Demo.encrypted.mp4

010 Is link() Always Appropriate.mp4

05:37

011 Summary.mp4

01:39

05 - Using Controllers in Directives

001 Introduction.mp4

02:10

002 Using a Controller in a Directive.mp4

04:16

003 Replacing link() with a Controller.mp4

07:09

004 Using controllerAs.mp4

02:28

005 Adding a Controller to TableHelper.mp4

04:31

006 Passing Parameters Out of a Directive.mp4

08:02

007 Understanding Transclusion.mp4

04:52

008 Transclusion Demo.mp4

06:34

009 Using Transclusion in TableHelper - Part 1.mp4

06:21

010 Calling the transclude() function and using Require - Part 2.mp4

10:15

011 Summary.mp4

01:19

012 Thank You!.html

06 - Bonus Content - Custom Directives in Action and More

001 Introduction.mp4

00:42

002 Building a Custom Validation Directive with $asyncValidators.encrypted.m4a

002 Building a Custom Validation Directive with $asyncValidators.encrypted.mp4

003 wcUnique Directive with $asyncValidators Demo.encrypted.m4a

003 wcUnique Directive with $asyncValidators Demo.encrypted.mp4

004 Building an Ajax Overlay Directive.mp4

09:08

005 wcOverlay and HTTP Interceptors Demo.mp4

06:33

006 Building a Menu Highlighter Directive.mp4

03:59

007 menuHighlighter Directive Demo.mp4

04:58

008 Building a Custom Validator Directive Demo.mp4

13:19

07 - Bonus Content Articles on Building Custom Directives

001 About this Article Series on AngularJS Directives.html

002 The-Fundamentals.pdf

003 Isolate-Scope.pdf

004 Isolate-Scope-and-Function-Parameters.pdf

005 Restriction-and-Transclusion.pdf

006 Part 5 The link() Function.html

007 Using-Controllers.pdf

008 Creating-a-Unique-Value-Directive-using.pdf

Description

Take your AngularJS skills to the next level and learn the inner workings of AngularJS and custom directives!

What You'll Learn?

Create custom AngularJS directives
Explain how the link() function works for DOM manipulation
Learn the role of $compile, $interpolate, $eval and more
Create directives that use controllers and templates
Leverage transclusion for dynamic content
Understand the different options that can be used when creating directives
Know the core features provided by jqLite
Understand the compile process in directives including pre and post link functions
Understand how to require other directives in a custom directive
Explain what isolate scope is and why you would use it
Learn how to define and use isolate scope local properties
Much more!

Who is this for?

Designed for developers with existing JavaScript and AngularJS experience

AngularJS developers who want to know how to build custom directives

AngularJS developers who want to take their skills to the next level

What You Need to Know?

Existing experience with JavaScript, HTML, and CSS is required

Existing experience with AngularJS is required (knowledge of views and built-in directives, controllers, factories/services, etc.)

It is highly recommended that you take the AngularJS JumpStart course if you don't have existing experience with the framework

More details

Description
Course updated new bonus articles about building custom directives
Please note that this course covers version 1.x of AngularJS. This course does not cover Angular development (which is different than 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 20 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.9 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:Â
Getting Started with Directives
Shared and Isolate Scope
The Link Function
Using Controllers
Bonus Content - Custom Directives in Action and More
Bonus Content: Articles on Building Custom Directives
Â Â Â Â Â Â Â Â Â 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.Â
Who this course is for:
Designed for developers with existing JavaScript and AngularJS experience
AngularJS developers who want to know how to build custom directives
AngularJS developers who want to take their skills to the next level

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

Dan Wahlin

Instructor's Courses

Dan Wahlin is a world-renowned developer and instructor who has been teaching developers for over 20 years and has a knack for making hard concepts easy to understand. Google, Microsoft, and Docker have recognized his contributions in the world of Web development and awarded him the Google GDE (Google Developer Expert), Microsoft MVP, Regional Director, and Docker Captain awards. Dan founded Wahlin Consulting which provides consulting and training services on Web technologies such as JavaScript, Angular, React, Node, HTML5, C#, ASP.NET Core, Web API, Docker, Kubernetes, and more. Dan also speaks at conferences and user groups around the world and has written several books and 100s of magazine articles on Web technologies. Dan blogs about a variety of topics and runs the Code with Dan newsletter. Follow Dan on Twitter @DanWahlin.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.