Training: Learning Angular 2.0
AngularJS
16 uur
Engels (US)

Training: Learning Angular 2.0

Snel navigeren naar:

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

Productinformatie

In deze online Angular cursus leert u Angular 2.0 te gebruiken zodat u slimme webapplicaties kunt ontwikkelen. Zo leert u een app root module te maken, op maat gemaakte componenten en built-in directives & pipes. In het laatste hoofdstuk van deze cursus leert u formulieren te maken op basis van templates, maar ook op de alternatieve model-driven manier.

Onderwerpen die nog meer aan bod komen zijn FormControl, FormGroup, two-way binding, @Input, @Output, NodeJS runtime, ngStyle, ngFor en nog heel veel meer.

Inhoud van de training

Learning Angular 2.0

16 uur

Creating a Basic Angular Application

  • start the course
  • install the NodeJS runtime
  • install and update the node package manager
  • install and set up a text editor with support for creating Angular 2 applications
  • create and put in place configuration files Angular 2 relies upon
  • download and install the Angular source files
  • create the root module for an Angular app
  • create the root component for an Angular app
  • create bootstrap logic needed to start up an Angular app
  • create the index.html file that hosts an Angular 2 application
  • set up global styles for an Angular 2 app
  • start up an Angular application in a browser environment
  • create external template files for components
  • create a new component in an Angular app
  • set up a component-specific css when defining a component
  • set up template expressions for runtime evaluation using curly braces
  • bind html attributes to component values using square brackets
  • bind html events to components using brackets
  • set up two-way data binding between a component and its markup
  • pass input data into a component using the @Input decorator
  • pass event information out of a component using @Output and EventEmitter
  • create and run a simple Angular 2 app

Angular 2 Template Syntax, Directives, and Pipes

  • start the course
  • set single classes on elements in Angular 2 using a class binding
  • set simple inline styles on elements in Angular 2 using style bindings
  • avoid null and undefined values in properties and property paths
  • set multiple classes on elements using ngClass
  • toggle element rendering based on set conditions
  • set multiple styles on elements using ngStyle
  • display one element tree from a set of multiple possible trees
  • present multiple elements in a concise way
  • use the ngFor directive along with an index value
  • optimize ngFor performance by providing a tracking function
  • modify html layout using templates
  • create and use a custom attribute directive
  • easily convert text case of a string
  • easily display data in a JSON format
  • easily display data in an appropriate currency format
  • slice strings and lists before display in Angular apps
  • easily display formatted dates using the date pipe and display substrings or subsets using the slice pipe
  • create and use a custom pipe
  • create and use a custom pipe in an Angular 2 application

Creating and Maintaining Forms

  • start the course
  • create a model class to back an Angular form
  • create a component class to support an Angular form
  • create template markup to display an Angular form
  • bind form input fields to component properties
  • set up variables within templates that can be used to access elements
  • set up two-way binding in a form with ngModel and ngModelChange
  • use class changes to determine when form is changing state
  • use CSS to display visual cues depending on whether a form is valid or invalid
  • use form state to display informative error messages depending on whether a form is valid or invalid
  • easily reset a form in Angular
  • submit a form using ngSubmit
  • setup ReactiveFormsModule need to work with model driven forms
  • create a component class to support an Angular model driven form
  • create an html view for a model driven form
  • define an initialize a FormGroup instance to back a model driven form
  • link FormControl objects to html inputs
  • set default form values at some point in time after form has been initialized
  • set default values for individual form controls at some point in time after form has been initialized
  • detect and respond to changes in model driven forms
  • create a model-driven form in Angular 2

Client-side Routing and Using HTTP

Angular apps are typically front-end based and therefore client-side dominant. This course will cover setting up client-side routes and navigation in an Angular app. This course will also cover how to use HTTP requests to communicate with a server from within an Angular app.

Using Animation and Supporting Mobile Devices

Angular app experiences are made richer by using animations and also ensuring that apps display and perform well on mobile devices. This course will cover the basics of animation in Angular and also the basics of using NativeScript to make Angular apps cross platforms.

Testing Angular Apps

Testing is a major part of the app development process. This course covers setting up a test environment, creating unit tests, executing unit tests, and debugging Angular applications.

Angular Security and the Angular CLI

Securing Angular apps ensures user data and resources are safe from malicious agents. This course covers best practices relating to Angular web apps as well as supporting authentication via web tokens. This course also covers the Angular command line interface that provides utilities, which make working with Angular even easier.

Kenmerken

Docent inbegrepen
Bereidt voor op officieel examen
Engels (US)
16 uur
AngularJS
90 dagen online toegang
HBO

Meer informatie

Doelgroep Webontwikkelaar
Voorkennis

U heeft ervaring met programmeren van webapplicaties. Ervaring met JavaScript is een pré.
Resultaat

Na afronding van deze cursus kunt u zelfstandig webapplicaties op basis van Angular 2.0 ontwikkelen.

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