Training: Angular JS Fundamentals
Software Developer
18 uur
Engels (US)

Training: Angular JS Fundamentals

Snel navigeren naar:

  • Informatie
  • Inhoud
  • Kenmerken
  • Meer informatie
  • Reviews
  • FAQ

Productinformatie

In deze AngularJS cursus maakt u kennis met de mogelijkheden van AngularJS. De cursus richt zich met name op het eigen maken van de basis van AngularJS. Zo leert u te werken met controllers, krijgt u een introductie over de verschillende richtlijnen in Angular JS en maakt u kennis met services en routing. Tenslotte leert u te testen met Angular JS en hoe u animatie bibliotheken kunt gebruiken in de applicaties en hoe u deze kunt lokaliseren met de verschillende functies zoals ngPluralize, rule sets en lokale scripts.

Onderwerpen die onder andere aan bod komen zijn scope hierarchies, CSS classes, ngClick, HTML, ngHref, ngFocus, directives, AJAX, Javascript en nog veel meer.

Inhoud van de training

Angular JS Fundamentals

18 uur

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

Kenmerken

Docent inbegrepen
Bereidt voor op officieel examen
Engels (US)
18 uur
Software Developer
90 dagen online toegang
HBO

Meer informatie

Doelgroep Systeembeheerder, Softwareontwikkelaar
Voorkennis

U bent bekend met het ontwikkelen in HTML, ASP.NET en JavaScript.

Resultaat

Na het volgen van deze training bent u bekend met de basis rondom AngularJS.

Positieve reacties van cursisten

Training: Leidinggeven aan de AI transformatie

Nuttige training. Het bestelproces verliep vlot, ik kon direct beginnen.

- Mike van Manen

Onbeperkt Leren Abonnement

Onbeperkt Leren aangeschaft omdat je veel waar voor je geld krijgt. Ik gebruik het nog maar kort, maar eerste indruk is goed.

- Floor van Dijk

Training: Leidinggeven aan de AI transformatie

Al jaren is icttrainingen.nl onze trouwe partner op het gebied van kennisontwikkeling voor onze IT-ers. Wij zijn blij dat wij door het platform van icttrainingen.nl maatwerk en een groot aanbod aan opleidingen kunnen bieden aan ons personeel.

- Loranne, Teamlead bij Inwork

Hoe gaat het te werk?

1

Training bestellen

Nadat je de training hebt besteld krijg je bevestiging per e-mail.

2

Toegang leerplatform

In de e-mail staat een link waarmee je toegang krijgt tot ons leerplatform.

3

Direct beginnen

Je kunt direct van start. Studeer vanaf nu waar en wanneer jij wilt.

4

Training afronden

Rond de training succesvol af en ontvang van ons een certificaat!

Veelgestelde vragen

Veelgestelde vragen

Op welke manieren kan ik betalen?

Je kunt bij ons betalen met iDEAL, PayPal, Creditcard, Bancontact en op factuur. Betaal je op factuur, dan kun je met de training starten zodra de betaling binnen is.

Hoe lang heb ik toegang tot de training?

Dit verschilt per training, maar meestal 180 dagen. Je kunt dit vinden onder het kopje ‘Kenmerken’.

Waar kan ik terecht als ik vragen heb?

Je kunt onze Learning & Development collega’s tijdens kantoortijden altijd bereiken via support@icttrainingen.nl of telefonisch via 026-8402941.

Background Frame
Background Frame

Onbeperkt leren

Met ons Unlimited concept kun je onbeperkt gebruikmaken van de trainingen op de website voor een vast bedrag per maand.

Bekijk de voordelen

Heb je nog twijfels?

Of gewoon een vraag over de training? Blijf er vooral niet mee zitten. We helpen je graag verder. Daar zijn we voor!

Contactopties