Course: Angular JS Fundamentals

$337.59 incl. vat


duration: 18 hours |

Language: English (US) |

access duration: 90 days |

In Onbeperkt Leren


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.


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


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

Target audience

System Administrator, Software Developer


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 immediatelyThe lab enviromentconsist of complete networks containing for example, clients, servers,etc. This is the ultimate way to gain extensive hands-on experience. 


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

Krijg inzicht in uitgebreide voortgangsinformatie van jezelf of je medewerkers

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


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.

read more about the order process

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


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.

Life Long Learning

Follow multiple courses? Read more about our Life Long Learning concept

read more

Contact us

Need training advise? Contact us!