Web Design
AngularJS Fundamentals
Animation and Internationalization
Beginning AngularJS
Controllers and Directives
Introduction to Directives
Services and Routing
Testing AngularJS

Animation and Internationalization

Course Number:
wd_ango_a06_it_enus
Lesson Objectives

Animation and Internationalization

  • start the course
  • add the ngAnimate module as a dependency in an AngularJS application
  • create, enter, and leave transition animations for AngularJS directives such as, ngInclude, ngView, ngIf, ngSwitch
  • ensure that transition animations for nested directives work as expected
  • animate ngRepeat items entering and leaving the DOM
  • create a move transition animation for the AngularJS directive ngRepeat
  • create, add, and remove animations for AngularJS directive such as ng-show, ng-hide, and ng-class
  • animate the ngHide and ngShow directives in AngularJS
  • create animations that run when Angular performs form validation
  • create animations for the AngularJS directive ngMessages
  • use CSS keyframe animations in AngularJS
  • use CSS animation libraries in AngularJS
  • add support for AngularJS animation to a custom directive
  • work with promises returned by the methods in the $animate service
  • use JavaScript animations along with ngAnimate in AngularJS
  • use JavaScript animation frameworks and libraries in AngularJS
  • debug CSS and JavaScript animations
  • define internationalization(i18n) and use the ngPluralize directive
  • define localization(l10n) in the context of AngularJS and describe how to use prebundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app
  • use locale scripts to implement localization in AngularJS
  • write localizable plural messages in AngularJS using messageFormat syntax extensions
  • provide language translations based on locale keys in an AngularJS app
  • use JavaScript animations, including JavaScript animations combined with CSS animations in AngularJS

Overview/Description
Animation and internationalization features can be used to enhance web applications and widen audience scope. This course covers how to implement CSS-based and JavaScript-based animation in AngularJS. You will learn how to use animation libraries such as animate.css within your applications, and how to internationalize and localize your AngularJS applications with features such as the ngPluralize directive, localization rule sets, and locale scripts.

Target Audience
Web developers looking to expand their skills with AngularJS

Animation and Internationalization

Course Number:
wd_ango_a06_it_enus
Lesson Objectives

Animation and Internationalization

  • start the course
  • add the ngAnimate module as a dependency in an AngularJS application
  • create, enter, and leave transition animations for AngularJS directives such as, ngInclude, ngView, ngIf, ngSwitch
  • ensure that transition animations for nested directives work as expected
  • animate ngRepeat items entering and leaving the DOM
  • create a move transition animation for the AngularJS directive ngRepeat
  • create, add, and remove animations for AngularJS directive such as ng-show, ng-hide, and ng-class
  • animate the ngHide and ngShow directives in AngularJS
  • create animations that run when Angular performs form validation
  • create animations for the AngularJS directive ngMessages
  • use CSS keyframe animations in AngularJS
  • use CSS animation libraries in AngularJS
  • add support for AngularJS animation to a custom directive
  • work with promises returned by the methods in the $animate service
  • use JavaScript animations along with ngAnimate in AngularJS
  • use JavaScript animation frameworks and libraries in AngularJS
  • debug CSS and JavaScript animations
  • define internationalization(i18n) and use the ngPluralize directive
  • define localization(l10n) in the context of AngularJS and describe how to use prebundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app
  • use locale scripts to implement localization in AngularJS
  • write localizable plural messages in AngularJS using messageFormat syntax extensions
  • provide language translations based on locale keys in an AngularJS app
  • use JavaScript animations, including JavaScript animations combined with CSS animations in AngularJS

Overview/Description
Animation and internationalization features can be used to enhance web applications and widen audience scope. This course covers how to implement CSS-based and JavaScript-based animation in AngularJS. You will learn how to use animation libraries such as animate.css within your applications, and how to internationalize and localize your AngularJS applications with features such as the ngPluralize directive, localization rule sets, and locale scripts.

Target Audience
Web developers looking to expand their skills with AngularJS

Animation and Internationalization

Course Number:
wd_ango_a06_it_enus
Lesson Objectives

Animation and Internationalization

  • start the course
  • add the ngAnimate module as a dependency in an AngularJS application
  • create, enter, and leave transition animations for AngularJS directives such as, ngInclude, ngView, ngIf, ngSwitch
  • ensure that transition animations for nested directives work as expected
  • animate ngRepeat items entering and leaving the DOM
  • create a move transition animation for the AngularJS directive ngRepeat
  • create, add, and remove animations for AngularJS directive such as ng-show, ng-hide, and ng-class
  • animate the ngHide and ngShow directives in AngularJS
  • create animations that run when Angular performs form validation
  • create animations for the AngularJS directive ngMessages
  • use CSS keyframe animations in AngularJS
  • use CSS animation libraries in AngularJS
  • add support for AngularJS animation to a custom directive
  • work with promises returned by the methods in the $animate service
  • use JavaScript animations along with ngAnimate in AngularJS
  • use JavaScript animation frameworks and libraries in AngularJS
  • debug CSS and JavaScript animations
  • define internationalization(i18n) and use the ngPluralize directive
  • define localization(l10n) in the context of AngularJS and describe how to use prebundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app
  • use locale scripts to implement localization in AngularJS
  • write localizable plural messages in AngularJS using messageFormat syntax extensions
  • provide language translations based on locale keys in an AngularJS app
  • use JavaScript animations, including JavaScript animations combined with CSS animations in AngularJS

Overview/Description
Animation and internationalization features can be used to enhance web applications and widen audience scope. This course covers how to implement CSS-based and JavaScript-based animation in AngularJS. You will learn how to use animation libraries such as animate.css within your applications, and how to internationalize and localize your AngularJS applications with features such as the ngPluralize directive, localization rule sets, and locale scripts.

Target Audience
Web developers looking to expand their skills with AngularJS

Animation and Internationalization

Course Number:
wd_ango_a06_it_enus
Lesson Objectives

Animation and Internationalization

  • start the course
  • add the ngAnimate module as a dependency in an AngularJS application
  • create, enter, and leave transition animations for AngularJS directives such as, ngInclude, ngView, ngIf, ngSwitch
  • ensure that transition animations for nested directives work as expected
  • animate ngRepeat items entering and leaving the DOM
  • create a move transition animation for the AngularJS directive ngRepeat
  • create, add, and remove animations for AngularJS directive such as ng-show, ng-hide, and ng-class
  • animate the ngHide and ngShow directives in AngularJS
  • create animations that run when Angular performs form validation
  • create animations for the AngularJS directive ngMessages
  • use CSS keyframe animations in AngularJS
  • use CSS animation libraries in AngularJS
  • add support for AngularJS animation to a custom directive
  • work with promises returned by the methods in the $animate service
  • use JavaScript animations along with ngAnimate in AngularJS
  • use JavaScript animation frameworks and libraries in AngularJS
  • debug CSS and JavaScript animations
  • define internationalization(i18n) and use the ngPluralize directive
  • define localization(l10n) in the context of AngularJS and describe how to use prebundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app
  • use locale scripts to implement localization in AngularJS
  • write localizable plural messages in AngularJS using messageFormat syntax extensions
  • provide language translations based on locale keys in an AngularJS app
  • use JavaScript animations, including JavaScript animations combined with CSS animations in AngularJS

Overview/Description
Animation and internationalization features can be used to enhance web applications and widen audience scope. This course covers how to implement CSS-based and JavaScript-based animation in AngularJS. You will learn how to use animation libraries such as animate.css within your applications, and how to internationalize and localize your AngularJS applications with features such as the ngPluralize directive, localization rule sets, and locale scripts.

Target Audience
Web developers looking to expand their skills with AngularJS

Beginning AngularJS

Course Number:
wd_ango_a01_it_enus
Lesson Objectives

Beginning AngularJS

  • start the course
  • set up the AngularJS environment
  • use scope functions
  • execute scope methods in response to a user input or event
  • use bracketed expressions to hold and evaluate expressions
  • describe how dot notation affects scope hierarchies
  • use controllers and variable scope
  • share data between multiple controllers
  • use the controller as syntax to create controllers
  • use display filters to filter data
  • create a custom display filter
  • use the orderBy and limitTo filters
  • use the number and json filters
  • use the date filter
  • work with user input
  • perform basic client-side form validation
  • use the CSS classes that are provided with AngularJS
  • filter output based on content
  • use the $interpolate service to change the default braces
  • use the $scope.$watch functionality
  • use the $q.all function to handle multiple promises
  • use the angular.foreach function
  • validate data types
  • use different filters to control the display of the application

Overview/Description
AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. In this course, you will be introduced to the AngularJS environment. You will also learn how to work with controllers and different inputs and outputs.

Target Audience
Web developers looking to expand their skills with AngularJS

Beginning AngularJS

Course Number:
wd_ango_a01_it_enus
Lesson Objectives

Beginning AngularJS

  • start the course
  • set up the AngularJS environment
  • use scope functions
  • execute scope methods in response to a user input or event
  • use bracketed expressions to hold and evaluate expressions
  • describe how dot notation affects scope hierarchies
  • use controllers and variable scope
  • share data between multiple controllers
  • use the controller as syntax to create controllers
  • use display filters to filter data
  • create a custom display filter
  • use the orderBy and limitTo filters
  • use the number and json filters
  • use the date filter
  • work with user input
  • perform basic client-side form validation
  • use the CSS classes that are provided with AngularJS
  • filter output based on content
  • use the $interpolate service to change the default braces
  • use the $scope.$watch functionality
  • use the $q.all function to handle multiple promises
  • use the angular.foreach function
  • validate data types
  • use different filters to control the display of the application

Overview/Description
AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. In this course, you will be introduced to the AngularJS environment. You will also learn how to work with controllers and different inputs and outputs.

Target Audience
Web developers looking to expand their skills with AngularJS

Beginning AngularJS

Course Number:
wd_ango_a01_it_enus
Lesson Objectives

Beginning AngularJS

  • start the course
  • set up the AngularJS environment
  • use scope functions
  • execute scope methods in response to a user input or event
  • use bracketed expressions to hold and evaluate expressions
  • describe how dot notation affects scope hierarchies
  • use controllers and variable scope
  • share data between multiple controllers
  • use the controller as syntax to create controllers
  • use display filters to filter data
  • create a custom display filter
  • use the orderBy and limitTo filters
  • use the number and json filters
  • use the date filter
  • work with user input
  • perform basic client-side form validation
  • use the CSS classes that are provided with AngularJS
  • filter output based on content
  • use the $interpolate service to change the default braces
  • use the $scope.$watch functionality
  • use the $q.all function to handle multiple promises
  • use the angular.foreach function
  • validate data types
  • use different filters to control the display of the application

Overview/Description
AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. In this course, you will be introduced to the AngularJS environment. You will also learn how to work with controllers and different inputs and outputs.

Target Audience
Web developers looking to expand their skills with AngularJS

Beginning AngularJS

Course Number:
wd_ango_a01_it_enus
Lesson Objectives

Beginning AngularJS

  • start the course
  • set up the AngularJS environment
  • use scope functions
  • execute scope methods in response to a user input or event
  • use bracketed expressions to hold and evaluate expressions
  • describe how dot notation affects scope hierarchies
  • use controllers and variable scope
  • share data between multiple controllers
  • use the controller as syntax to create controllers
  • use display filters to filter data
  • create a custom display filter
  • use the orderBy and limitTo filters
  • use the number and json filters
  • use the date filter
  • work with user input
  • perform basic client-side form validation
  • use the CSS classes that are provided with AngularJS
  • filter output based on content
  • use the $interpolate service to change the default braces
  • use the $scope.$watch functionality
  • use the $q.all function to handle multiple promises
  • use the angular.foreach function
  • validate data types
  • use different filters to control the display of the application

Overview/Description
AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. In this course, you will be introduced to the AngularJS environment. You will also learn how to work with controllers and different inputs and outputs.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Controllers and Directives

Course Number:
wd_ango_a03_it_enus
Lesson Objectives

Controllers and Directives

  • start the course
  • describe isolate scopes in directives
  • use the equals sign to set up two-way binding
  • use the ampersand sign to invoke outer scope functions
  • use the at symbol to pass strings into the directives
  • create a directive using shorthand notation
  • replace directive elements in HTML markup
  • add controllers to directives
  • set up dynamic controllers for directives
  • use the transclude property
  • use the require property to set up communication between directives
  • communicate between nested directives
  • watch the attributes on a directive element for changes
  • work with browser events in directives
  • use the nglf directive
  • use the ngList directive
  • set up and communicate with both directives and nested directives

Overview/Description
The scope option of Angular JS is an object that contains a property for each isolate scope binding. Scopes provide APIs to observe model mutations and can be nested to limit access to the properties of application components while providing access to shared model properties. Controllers are constructor functions that set the initial state and add behaviors to objects. In this course, you will examine isolate scopes and work with controllers and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Introduction to Directives

Course Number:
wd_ango_a02_it_enus
Lesson Objectives

Introduction to Directives

  • start the course
  • instantiate a template once per item from a collection
  • use ng-include to include an external HTML fragment
  • specify custom behavior when an element is clicked
  • use ng-show and ng-hide to control the display of elements
  • use nested variable scopes in AngularJS
  • use the ngClick and ngDblClick directives in AngularJS
  • specify custom behaviors based on mousedown and mouseup events
  • specify custom behaviors based on mouseover and mousemove events
  • specify custom behaviors based on mouseenter and mouseleave events
  • compare the ngChange directive with the JavaScript onchange event
  • replace elements using the ngBind and ngBindTemplate directives
  • insert an HTML element using the ngBindHTML directive
  • set CSS style on an HTML element conditionally using the ngStyle directive
  • dynamically set CSS classes on an HTML element using the ngClass directive
  • use the ngClassEven and ngClassOdd directives
  • use the ngHref and ngSrc directives
  • use the ngModel directive
  • use the ngFocus and ngBlur directives
  • use AngularJS directives in Internet Explorer
  • use different bindings to create custom behaviors based on different mouse events

Overview/Description
AngularJS is a JavaScript-based web development framework. Directives allow you to attach a behavior to an object. In the course, you will learn how to work with the built-in AngularJS directives and how to create custom directives.

Target Audience
Web developers looking to expand their skills with AngularJS.

Services and Routing

Course Number:
wd_ango_a04_it_enus
Lesson Objectives

Services and Routing

  • start the course
  • use the $anchorScroll service
  • use the $locale service
  • use the $timeout service
  • use the $parse service
  • use the $compile service
  • use the $cacheFactory service
  • use the $exceptionHandler service
  • use the $cookieStore service
  • create a simple custom service
  • use the $http service to GET server data
  • use the $http service to POST server data
  • use the $resource service to request server data
  • use the $http and $q services together
  • set up routing
  • use route parameters
  • set up a default route
  • use the $route service to read query strings
  • use the $route service to reload pages
  • set up a simple route using the templates property
  • create custom properties on routes
  • use the $location service to perform client site routing
  • use the $location service to replace views without altering browser history
  • use the $log service
  • use the $filter function from markup and controller
  • use the $rootScope service
  • use the $window and $document services
  • use the $q service
  • use the $http service to GET and POST server data

Overview/Description
Services are objects in AngularJS used to organize and share code in applications. In this course, you will learn about a large number of built-in services ranging from HTTP server interactions to exception handling and location services.

Target Audience
Web developers looking to expand their skills with AngularJS

Services and Routing

Course Number:
wd_ango_a04_it_enus
Lesson Objectives

Services and Routing

  • start the course
  • use the $anchorScroll service
  • use the $locale service
  • use the $timeout service
  • use the $parse service
  • use the $compile service
  • use the $cacheFactory service
  • use the $exceptionHandler service
  • use the $cookieStore service
  • create a simple custom service
  • use the $http service to GET server data
  • use the $http service to POST server data
  • use the $resource service to request server data
  • use the $http and $q services together
  • set up routing
  • use route parameters
  • set up a default route
  • use the $route service to read query strings
  • use the $route service to reload pages
  • set up a simple route using the templates property
  • create custom properties on routes
  • use the $location service to perform client site routing
  • use the $location service to replace views without altering browser history
  • use the $log service
  • use the $filter function from markup and controller
  • use the $rootScope service
  • use the $window and $document services
  • use the $q service
  • use the $http service to GET and POST server data

Overview/Description
Services are objects in AngularJS used to organize and share code in applications. In this course, you will learn about a large number of built-in services ranging from HTTP server interactions to exception handling and location services.

Target Audience
Web developers looking to expand their skills with AngularJS

Services and Routing

Course Number:
wd_ango_a04_it_enus
Lesson Objectives

Services and Routing

  • start the course
  • use the $anchorScroll service
  • use the $locale service
  • use the $timeout service
  • use the $parse service
  • use the $compile service
  • use the $cacheFactory service
  • use the $exceptionHandler service
  • use the $cookieStore service
  • create a simple custom service
  • use the $http service to GET server data
  • use the $http service to POST server data
  • use the $resource service to request server data
  • use the $http and $q services together
  • set up routing
  • use route parameters
  • set up a default route
  • use the $route service to read query strings
  • use the $route service to reload pages
  • set up a simple route using the templates property
  • create custom properties on routes
  • use the $location service to perform client site routing
  • use the $location service to replace views without altering browser history
  • use the $log service
  • use the $filter function from markup and controller
  • use the $rootScope service
  • use the $window and $document services
  • use the $q service
  • use the $http service to GET and POST server data

Overview/Description
Services are objects in AngularJS used to organize and share code in applications. In this course, you will learn about a large number of built-in services ranging from HTTP server interactions to exception handling and location services.

Target Audience
Web developers looking to expand their skills with AngularJS

Services and Routing

Course Number:
wd_ango_a04_it_enus
Lesson Objectives

Services and Routing

  • start the course
  • use the $anchorScroll service
  • use the $locale service
  • use the $timeout service
  • use the $parse service
  • use the $compile service
  • use the $cacheFactory service
  • use the $exceptionHandler service
  • use the $cookieStore service
  • create a simple custom service
  • use the $http service to GET server data
  • use the $http service to POST server data
  • use the $resource service to request server data
  • use the $http and $q services together
  • set up routing
  • use route parameters
  • set up a default route
  • use the $route service to read query strings
  • use the $route service to reload pages
  • set up a simple route using the templates property
  • create custom properties on routes
  • use the $location service to perform client site routing
  • use the $location service to replace views without altering browser history
  • use the $log service
  • use the $filter function from markup and controller
  • use the $rootScope service
  • use the $window and $document services
  • use the $q service
  • use the $http service to GET and POST server data

Overview/Description
Services are objects in AngularJS used to organize and share code in applications. In this course, you will learn about a large number of built-in services ranging from HTTP server interactions to exception handling and location services.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Testing AngularJS

Course Number:
wd_ango_a05_it_enus
Lesson Objectives

Testing AngularJS

  • start the course
  • set up a test environment
  • install Node and Karma to test applications
  • test a controller
  • unit test a controller with dependencies
  • test custom services
  • test custom services with dependencies
  • set up unit tests that involve AJAX calls
  • test a custom filter
  • test a custom filter with dependencies
  • test simple directives
  • test custom directives with external templates
  • test directive bindings
  • test events on directives
  • set up unit tests that involve AJAX calls and controllers with dependencies

Overview/Description
AngularJS has such a fluid design to the language that it makes testing essential for applications. The framework comes with a range of built-in tools to assist with this. In this course, you will learn how to test controllers, services, filters, and directives.

Target Audience
Web developers looking to expand their skills with AngularJS

Close Chat Live