HOT
blank

AngularJS Custom Directives with Dan Wahlin

Development

Rating4.6
Enroll Now

AngularJS Custom Directives with Dan Wahlin, available at $74.99, has an average rating of 4.6, with 61 lectures, based on 621 reviews, and has 5282 subscribers.

You will learn about 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! This course is ideal for individuals who are Designed for developers with existing JavaScript and AngularJS experience or AngularJS developers who want to know how to build custom directives or AngularJS developers who want to take their skills to the next level It is particularly useful for Designed for developers with existing JavaScript and AngularJS experience or AngularJS developers who want to know how to build custom directives or AngularJS developers who want to take their skills to the next level.

Enroll now: AngularJS Custom Directives with Dan Wahlin

Summary

Title: AngularJS Custom Directives with Dan Wahlin

Price: $74.99

Average Rating: 4.6

Number of Lectures: 61

Number of Published Lectures: 61

Number of Curriculum Items: 61

Number of Published Curriculum Objects: 61

Original Price: $24.99

Quality Status: approved

Status: Live

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!

Who Should Attend

  • 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

Target Audiences

  • 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

** 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 alongwith 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. 

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Course Introduction

Lecture 2: About the Author

Lecture 3: Course Prerequisites

Lecture 4: Course Agenda

Lecture 5: Code Editor

Lecture 6: Course Code and Slides

Chapter 2: Getting Started with Directives

Lecture 1: Introduction

Lecture 2: The Role of Directives

Lecture 3: Creating a Hello World Directive

Lecture 4: Directive Categories

Lecture 5: Directive Building Blocks

Lecture 6: Summary

Chapter 3: Shared and Isolate Scope

Lecture 1: Introduction

Lecture 2: Understanding Shared and Isolate Scope

Lecture 3: Shared and Isolate Scope Demo

Lecture 4: @ Local Scope Property

Lecture 5: @ Local Scope Property Demo

Lecture 6: = Local Scope Property

Lecture 7: = Local Scope Property Demo

Lecture 8: & Local Scope Property

Lecture 9: & Local Scope Property Demo

Lecture 10: Summary

Chapter 4: The link() Function

Lecture 1: Introduction

Lecture 2: The link() Function

Lecture 3: link() Function Demo

Lecture 4: Building a TableHelper Directive

Lecture 5: Requiring ngModel

Lecture 6: Using $parse and eval()

Lecture 7: Building a Google Maps Directive

Lecture 8: Using $compile and $interpolate

Lecture 9: compile() Function and $interpolate Service Demo

Lecture 10: Is link() Always Appropriate?

Lecture 11: Summary

Chapter 5: Using Controllers in Directives

Lecture 1: Introduction

Lecture 2: Using a Controller in a Directive

Lecture 3: Replacing link() with a Controller

Lecture 4: Using controllerAs

Lecture 5: Adding a Controller to TableHelper

Lecture 6: Passing Parameters Out of a Directive

Lecture 7: Understanding Transclusion

Lecture 8: Transclusion Demo

Lecture 9: Using Transclusion in TableHelper – Part 1

Lecture 10: Calling the transclude() function and using Require – Part 2

Lecture 11: Summary

Lecture 12: Thank You!

Chapter 6: Bonus Content – Custom Directives in Action and More

Lecture 1: Introduction

Lecture 2: Building a Custom Validation Directive with $asyncValidators

Lecture 3: wcUnique Directive with $asyncValidators Demo

Lecture 4: Building an Ajax Overlay Directive

Lecture 5: wcOverlay and HTTP Interceptors Demo

Lecture 6: Building a Menu Highlighter Directive

Lecture 7: menuHighlighter Directive Demo

Lecture 8: Building a Custom Validator Directive Demo

Chapter 7: Bonus Content: Articles on Building Custom Directives

Lecture 1: About this Article Series on AngularJS Directives

Lecture 2: Part 1: The Fundamentals

Lecture 3: Part 2: Isolate Scope

Lecture 4: Part 3: Isolate Scope and Function Parameters

Lecture 5: Part 4: Restriction and Transclusion

Lecture 6: Part 5: The link() Function

Lecture 7: Part 6: Using Controllers

Lecture 8: Part 7: Creating a Unique Value Directive using $asyncValidators

Instructors

  • Dan Wahlin
    Dan Wahlin
    Developer, Google GDE and Microsoft MVP

Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 6 votes
  • 3 stars: 43 votes
  • 4 stars: 164 votes
  • 5 stars: 407 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Game Development Courses to Learn in December 2024

Top 10 Software Testing Courses to Learn in December 2024

Top 10 Internet Of Things Courses to Learn in December 2024