-
Filtering Output
After watching this video; you will be able to filter output based on content.
-
Testing Controllers
After watching this video; you will be able to test a controller.
-
Testing Filters
After watching this video; you will be able to test a custom filter.
-
Testing Filters with Dependencies
After watching this video; you will be able to test a custom filter with dependencies.
-
Installing Node and Karma
After watching this video; you will be able to install Node and Karma to test applications.
-
Using Transclusion
After watching this video; you will be able to use the transclude property.
-
Validating Data Types
After watching this video; you will be able to validate data types.
-
Watching for Changes
After watching this video; you will be able to watch the attributes on a directive element for changes.
-
Working with $animate Promises
After watching this video; you will be able to work with promises returned by the methods in the $animate service.
-
Working with Browser Events
After watching this video; you will be able to work with browser events in directives.
-
Working with Child Animations
After watching this video; you will be able to ensure that transition animations for nested directives work as expected.
-
Executing Scope Methods
After watching this video; you will be able to execute scope methods in response to a user input or event.
-
GET and POST Data
After watching this video; you will be able to use the $http service to GET and POST server data.
-
Handling Multiple Promises
After watching this video; you will be able to use the $q.all function to handle multiple promises.
-
Implementing Localization
After watching this video; you will be able to use locale scripts to implement localization in AngularJS.
-
Invoking Outer Scope Functions
After watching this video; you will be able to use the ampersand sign to invoke outer scope functions.
-
JavaScript Animation Frameworks
After watching this video; you will be able to use JavaScript animation frameworks and libraries in AngularJS.
-
JavaScript Animations
After watching this video; you will be able to use JavaScript animations along with ngAnimate in AngularJS.
-
Move Animations with ngRepeat
After watching this video; you will be able to create a move transition animation for the AngularJS directive ngRepeat.
-
Passing Strings to Isolate Scopes
After watching this video; you will be able to use the at symbol to pass strings into the directives.
-
Animating ngHide and ngShow
After watching this video; you will be able to animate the ngHide and ngShow directives in AngularJS.
-
Changing the Default Braces
After watching this video; you will be able to use the $interpolate service to change the default braces.
-
Communicating between Nested Directives
After watching this video; you will be able to communicate between nested directives.
-
Communicating with Directives
After watching this video; you will be able to set up and communicate with both directives and nested directives.
-
Controlling Displays
After watching this video; you will be able to use ng-show and ng-hide to control the display of elements.
-
Perform Unit Testing on Applications
After watching this video; you will be able to set up unit tests that involve AJAX calls and controllers with dependencies.
-
Performing Client-side Routing
After watching this video; you will be able to use the $location service to perform client-side routing.
-
Performing Validation
After watching this video; you will be able to perform basic client-side form validation.
-
Providing Locale Rules
After watching this video; you will be able to define localization(l10n) in the context of AngularJS and describe how to use pre-bundled rule sets or locale scripts with associated caveats to provide localization support for an AngularJS app.
-
Reading Query Strings
After watching this video; you will be able to use the $route service to read query strings.
-
Register a Listener
After watching this video; you will be able to use the $scope.$watch functionality.
-
Reloading Pages
After watching this video; you will be able to use the $route service to reload pages.
-
Replacing Directive Elements
After watching this video; you will be able to replace directive elements in HTML markup.
-
Replacing Views
After watching this video; you will be able to use the $location service to replace views without altering browser history.
-
Setting Dynamic Controllers
After watching this video; you will be able to set up dynamic controllers for directives.
-
Setting Up Communication
After watching this video; you will be able to use the require property to set up communication between directives.
-
Setting Up Default Routes
After watching this video; you will be able to set up a default route.
-
Setting Up Routing
After watching this video; you will be able to set up routing.
-
Setting Up the AngularJS Environment
After watching this video; you will be able to set up the AngularJS environment.
-
Setting Up Two-way Binding
After watching this video; you will be able to use the equals sign to set up two-way binding.
-
Sharing Data between Multiple Controllers
After watching this video; you will be able to share data between multiple controllers.
-
Translation Using angular-translate
After watching this video; you will be able to provide language translations based on locale keys in an AngularJS app.
-
Use Filters to Control Display
After watching this video; you will be able to use different filters to control the display of the application.
-
Using $anchorScroll Services
After watching this video; you will be able to use the $anchorScroll service.
-
Using $cacheFactory Services
After watching this video; you will be able to use the $cacheFactory service.
-
Using $compile Services
After watching this video; you will be able to use the $compile service.
-
Using $cookieStore Services
After watching this video; you will be able to use the $cookieStore service.
-
Using $exceptionHandler Services
After watching this video; you will be able to use the $exceptionHandler service.
-
Using $filter Services
After watching this video; you will be able to use the $filter function from markup and controller.
-
Using $http and $q Services Together
After watching this video; you will be able to use the $http and $q services together.
-
Using $locale Services
After watching this video; you will be able to use the $locale service.
-
Using $log Services
After watching this video; you will be able to use the $log service.
-
Using $parse Services
After watching this video; you will be able to use the $parse service.
-
Using $q Services
After watching this video; you will be able to use the $q service.
-
Using $resource Service
After watching this video; you will be able to use the $resource service to request server data.
-
Using $rootScope Services
After watching this video; you will be able to use the $rootScope service.
-
Using $timeout Services
After watching this video; you will be able to use the $timeout service.
-
Using $window and $document Services
After watching this video; you will be able to use the $window and $document services.
-
Using AngularJS Directives in Internet Explorer
After watching this video; you will be able to use AngularJS directives in Internet Explorer.
-
Using Controller as Syntax
After watching this video; you will be able to use the controller as syntax to create controllers.
-
Using Controllers and Variable Scope
After watching this video; you will be able to use controllers and variable scope.
-
Using CSS Animation Libraries
After watching this video; you will be able to use CSS animation libraries in AngularJS.
-
Using CSS Classes
After watching this video; you will be able to use the CSS classes that are provided with AngularJS.
-
Using CSS Keyframe Animations
After watching this video; you will be able to use CSS keyframe animations in AngularJS.
-
Using Date Filters
After watching this video; you will be able to use the date filter.
-
Using Display Filters
After watching this video; you will be able to use display filters to filter data.
-
Using Iterators
After watching this video; you will be able to use the angular.foreach function.
-
Using JavaScript Animations
After watching this video; you will be able to use JavaScript animations; including JavaScript animations combined with CSS animations in AngularJS.
-
Using MessageFormat Extensions
After watching this video; you will be able to write localizable plural messages in AngularJS using messageFormat syntax extensions.
-
Using ngBind and ngBindTemplate Directives
After watching this video; you will be able to replace elements using the ngBind and ngBindTemplate directives.
-
Using ngBindHTML Directives
After watching this video; you will be able to insert an HTML element using the ngBindHTML directive.
-
Using ngChange Directives
After watching this video; you will be able to compare the ngChange directive with the JavaScript onchange event.
-
Using ngClass Directives
After watching this video; you will be able to dynamically set CSS classes on an HTML element using the ngClass directive.
-
Using ngClassEven and ngClassOdd Directives
After watching this video; you will be able to use the ngClassEven and ngClassOdd directives.
-
Using ngClick
After watching this video; you will be able to specify custom behaviour when an element is clicked.
-
Using ngClick and ngDblClick Directives
After watching this video; you will be able to use the ngClick and ngDblClick directives in AngularJS.
-
Using ngFocus and ngBlur Directives
After watching this video; you will be able to use the ngFocus and ngBlur directives.
-
Using ngHref and ngSrc Directives
After watching this video; you will be able to use the ngHref and ngSrc directives.
-
Using ngInclude
After watching this video; you will be able to use ng-include to include an external HTML fragment.
-
Using ngModel Directive
After watching this video; you will be able to use the ngModel directive.
-
Using ngMousedown and ngMouseup Directives
After watching this video; you will be able to specify custom behaviours based on mousedown and mouseup events.
-
Using ngMouseenter and ngMouseleave Directives
After watching this video; you will be able to specify custom behaviours based on mouseenter and mouseleave events.
-
Using ngMouseover and ngMousemove Directives
After watching this video; you will be able to specify custom behaviours based on mouseover and mousemove events.
-
Using ng-repeat on Collections
After watching this video; you will be able to instantiate a template once per item from a collection.
-
Using ngStyle Directives
After watching this video; you will be able to set CSS style on an HTML element conditionally using the ngStyle directive.
-
Using number and json Filters
After watching this video; you will be able to use the number and json filters.
-
Using orderBy and limitTo Filters
After watching this video; you will be able to use the orderBy and limitTo filters.
-
Using Route Parameters
After watching this video; you will be able to use route parameters.
-
Using Scope Functions
After watching this video; you will be able to use scope functions.
-
Using Services to Get Data
After watching this video; you will be able to use the $http service to get server data.
-
Using Services to POST Data
After watching this video; you will be able to use the $http service to POST server data.
-
Using Shorthand Notation
After watching this video; you will be able to create a directive using shorthand notation.
-
Using Templates to Configure Routes
After watching this video; you will be able to set up a simple route using the templates property.
-
Using the nglf Directive
After watching this video; you will be able to use the nglf directive.
-
Using the ngList Directive
After watching this video; you will be able to use the ngList directive.
-
Using the ngPluralize Directive
After watching this video; you will be able to define internationalization(i18n) and use the ngPluralize directive.
-
Add and Remove Animations with ngClass
After watching this video; you will be able to create add and remove animations for AngularJS directive; such as ng-show; ng-hide; and ng-class.
-
Adding Controllers to Directives
After watching this video; you will be able to add controllers to directives.
-
Adding ngAnimate
After watching this video; you will be able to add the ngAnimate module as a dependency in an AngularJS application.
-
Animating a Custom Directive
After watching this video; you will be able to add support for AngularJS animation to a custom directive.
-
Animating Form Validation
After watching this video; you will be able to create animations that run when Angular performs form validation.
-
Creating Custom Behaviors on Mouse Events
After watching this video; you will be able to use different bindings to create custom behaviors based on different mouse events.
-
Creating Custom Display Filters
After watching this video; you will be able to create a custom display filter.
-
Creating Custom Properties
After watching this video; you will be able to create custom properties on routes.
-
Creating Custom Services
After watching this video; you will be able to create a simple custom service.
-
Debugging Animations
After watching this video; you will be able to debug CSS and JavaScript animations.
-
Enter and Leave Animations
After watching this video; you will be able to create enter and leave transition animations for AngularJS directives; such as ngInclude; ngView; ngIf; ngSwitch.
-
Entering and Leaving with ngRepeat
After watching this video; you will be able to animate ngRepeat items entering and leaving the DOM.
-
Examining Dot Notation
After watching this video; you will be able to describe how dot notation affects scope hierarchies.
-
Examining Isolate Scope Directives
After watching this video; you will be able to describe isolate scopes in directives.
-
Examining User Text Input
After watching this video; you will be able to work with user input.
-
Animating Forms and ngMessages
After watching this video; you will be able to create animations for the AngularJS directive ngMessages.
-
Testing AngularJS
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.
- 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
-
Beginning AngularJS
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.
- 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
-
Introduction to Directives
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.
- 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
-
Services and Routing
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.
- 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
-
Controllers and Directives
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.
- 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
-
Animation and Internationalization
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.
- 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
-
Testing Controllers with Dependencies
After watching this video; you will be able to unit test a controller with dependencies.
-
Testing Directives
After watching this video; you will be able to test simple directives.
-
Working with Bracketed Expressions
After watching this video; you will be able to use bracketed expressions to hold and evaluate expressions.
-
Testing Directives with External Templates
After watching this video; you will be able to test custom directives with external templates.
-
Testing Events on Directives
After watching this video; you will be able to test events on directives.
-
Testing Services
After watching this video; you will be able to test a custom service.
-
Testing Directive Bindings
After watching this video; you will be able to test directive bindings.
-
Testing AJAX Calls
After watching this video; you will be able to set up unit tests that involve AJAX calls.
-
Testing Services with Dependencies
After watching this video; you will be able to test a custom service with dependencies.
-
Working with Nested Variable Scopes
After watching this video; you will be able to use nested variable scopes in AngularJS.
-
Setting Up a Test Environment
After watching this video; you will be able to set up a test environment.