Course: Angular JS Fundamentals

$279.00

$337.59 incl. vat

duration: 18 hours |

Language: English (US) |

access duration: 90 days |

Details

In this AngularJS course you will learn the possibilities of AngularJS. The focus is about the basics of AngularJS.

You will also learn to work with controllers and you get an introduction about the different directives of Angular JS and services and routing. Finally you will learn how to test with Angular JS and how you used the animation library in the applications and how you localize with functions such as ngPluralize, rule sets en lokale scripts. Among the subjects covered are cope hierarchies, CSS classes, ngClick, HTML, ngHref, ngFocus, directives, AJAX, Javascript and far more.

Result

After finishing this course you will familiar with the basic round angularjs.

Prerequisites

You are familiar with the development in HTML, ASP.NET and JavaScript.

Target audience

System Administrator, Software Developer

Content

Angular JS Fundamentals

18 hours

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

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

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

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

Testing in AngularJS

start the course
set up a test environment for AngularJS
install Node and Karma to test AngularJS applications
test an AngularJS controller
unit test AngularJS controllers with dependencies
test custom services in AngularJS
test custom services with dependencies in AngularJS
set up unit tests in AngularJS when AJAX calls are involved
test an AngularJS custom filter
test an AngularJS custom filter with dependencies
test simple directives in AngularJS
test custom directives with external templates in AngularJS
test directive bindings in AngularJS
test events on directives in AngularJS

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

Course options

We offer several optional training products to enhance your learning experience. If you are planning to use our training course in preperation for an official exam then whe highly recommend using these optional training products to ensure an optimal learning experience. Sometimes there is only a practice exam or/and practice lab available.

Optional practice exam (trial exam)

To supplement this training course you may add a special practice exam. This practice exam comprises a number of trial exams which are very similar to the real exam, both in terms of form and content. This is the ultimate way to test whether you are ready for the exam.

Optional practice lab

To supplement this training course you may add a special practice lab. You perform the tasks on real hardware and/or software applicable to your Lab. The labs are fully hosted in our cloud. The only thing you need to use our practice labs is a web browser. In the LiveLab environment you will find exercises which you can start immediately. The lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience.

WHY_ICTTRAININGEN

Via ons opleidingsconcept bespaar je tot 80% op trainingen

Start met leren wanneer je wilt. Je bepaalt zelf het gewenste tempo

Spar met medecursisten en profileer je als autoriteit in je vakgebied.

Ontvang na succesvolle afronding van je cursus het officiële certificaat van deelname van Icttrainingen.nl

Krijg inzicht in uitgebreide voortgangsinformatie van jezelf of je medewerkers

Kennis opdoen met interactieve e-learning en uitgebreide praktijkopdrachten door gecertificeerde docenten

Orderproces

Once we have processed your order and payment, we will give you access to your courses. If you still have any questions about our ordering process, please refer to the button below.

What is included?

Certificate of participation	Yes
Monitor Progress	Yes
Award Winning E-learning	Yes
Mobile ready	Yes
Sharing knowledge	Unlimited access to our IT professionals community
Study advice	Our consultants are here for you to advice about your study career and options
Study materials	Certified teachers with in depth knowledge about the subject.
Service	World's best service

Platform

Na bestelling van je training krijg je toegang tot ons innovatieve leerplatform. Hier vind je al je gekochte (of gevolgde) trainingen, kan je eventueel cursisten aanmaken en krijg je toegang tot uitgebreide voortgangsinformatie.

FAQ

Niet gevonden wat je zocht? Bekijk alle vragen of neem contact op.

Cursusnaam
Looptijd
Rentebedrag financiering
Totaal bedrag
Maandbedrag

Vendors

Professions