AngularJS Custom Directives with Dan Wahlin (Udemy.com)

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

Created by: Dan Wahlin

Produced in 2015

icon
What you will 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!

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

** 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: Getting Started with Directives Shared and Isolate Scope The Link Function Using ControllersBonus Content - Custom Directives in Action and MoreBonus 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 experienceAngularJS developers who want to know how to build custom directivesAngularJS developers who want to take their skills to the next level

icon
Instructor Details

Dan Wahlin

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.

Dan founded Wahlin Consulting which provides consulting and training services on Web technologies such as JavaScript, Angular, NodeJS, jQuery, HTML5, C#, ASP NET MVC, Web API, and more. Dan also speaks at conferences and user groups around the world and has written several books on Web technologies. Dan blogs about a variety of topics, runs the Web Weekly newsletter, and writes columns for various technical magazines. Follow Dan on Twitter @DanWahlin.

icon
More courses by Dan Wahlin

AngularJS JumpStart with Dan Wahlin

$11.99

icon
More angular courses

Single Page Web Applications with AngularJS

Free

Angular Styling & Animations (for Angular 2+)

$11.99

Learn to build an e-commerce app with .Net Core and Angular

$11.99

The Modern Angular Bootcamp [2021]

$11.99

Angular (Full App) with Angular Material, Angularfire & NgRx

$11.99

Front-End JavaScript Frameworks: Angular

Free

icon
Reviews

4.7

136 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

By Mark Skidmore on 3/19/2020

The link() Function section could use more explanations of why code is used when it's used.

By Todd O'Neill on 10/27/2019

Overall the course was good and Dan knows this topic inside and out. Some of the latter topics were advanced for sure and beyond my experience at this point. It was good for exposure though.

By John Buchmann on 7/22/2019

Some things are a bit outdated and won't work correctly in the latest version, but this course is still great and you'll learn a ton. Just keep in mind that some things don't work exactly the same now. But the fact is there are no AngularJS courses on Udemy that are totally up to date, and Dan's course is among the very best.
It would be great if the course were re-visited and updated here and there to be 100% valid today. Even add new videos to cover the latest additions. Yes, AngularJS has been replaced by Angular (2+) but it's still very relevant when I post this in 2019, as many companies still use it for older apps and they hire people to maintain them.

By Alfredo Marrero on 7/6/2019

Great tutorial!!!

By Carletti Edouard on 5/15/2019

Good course, however I have one issue (loosing the 5th star) : the course isn't upgraded for the last version of Angular (1.7 as of now) so, some things are not working in the exemples. My main problem was with the controllerAs syntax which NEEDS you to implement a $onInit function in your controler if you want to initialize some data according to your isolated scope.

By Daryl Shy on 11/9/2018

I had high hopes for this course, but I came away disappointed and a bit frustrated because the course did not deliver on the promise made in the lecture 3. The instructor stated that "it will be pretty hands-on", but in my view, it was not that at all. This instructor does what a lot of my least favorite instructors do, which is to take code-snippets (big chunks of code) and slap them into the program and tell you to go and look at it if you want to understand what's going on. He does try to go over some of the logic he used in the examples, but by the time he finishes explaining, you've completely lost the Angular part of what you were supposed to be learning. I personally prefer smaller programs that don't get in the way of the main topic. I don't care about the little grid program he built. Or the Google Maps API or whatever other contrived example, I just want to focus on the course material. Of course, examples are needed, but smaller, more focused examples that don't veer too far away from the topic. To be honest, there's mostly listening and watching, and not much doing in this series. You can pause the video and go study the example code, but good luck remembering what you came here to learn. I powered through to get to the end, because I paid $15, so what the heck.. But I wish Udemy instructors would get away from this style of teaching. Yeah, its easier for them to copy and paste and just talk the whole time, but it doesn't lend itself to following along which is the best way to learn.
Finally, the instructor doesn't go in depth with each topic. He sort of glazes over the definition of subject matter then goes into these contrived, long-winded examples that are pre-written for the most part and the other parts are pasted in. The Angular.js documentation is confusing and hard to understand. The kind of course I was hoping this was going to be was one where we go in-depth to understand each topic thoroughly. Then to do some light code examples to solidify understanding.

By Sathish Kumar M on 10/1/2018

It would be better if the instructor write the code line by line and explain. He directly copy paste code and started explaining the whole things and runs.

By LI Tuo on 8/24/2018

The lecture is definitely good and knows well about what he is teaching. It's just the pacing it too fast, and how the samples works should be shown before the real codes, otherwise it's very confusing. Also, it would be great if the course can use one practical sample to cover multiple key points. Many small non-practical samples covering one key point each will make me think the meaning of the points.

By Evrard Croes on 8/19/2018

Excellent introduction.

By Matthew Balogh on 8/5/2018

Great introduction. So far, so good.

By Madan Gopal Singh on 8/5/2018

Nice course.

By Rune Hansen on 8/1/2018

This is a great course. It's quite advanced. I feel great having worked my way through it. Dan Wahlin is a truly impressive developer.