Course: Learning AngularJS 2.0

$329.00

$398.09 incl. vat

duration: 16 hours |

Language: English (US) |

access duration: 90 days |

Details

In this online Angular course you will learn how to use AngularJS 2.0 so you can develop smart web apps. This course will teach you how to create an app root module, custom-made components and built-in directives and pipes. In the last chapter of this course you will learn to create forms in Angular using both a template-driven approach and an alternative model-driven approach

Topics that are discussed include FormControl, FormGroup, two-way binding, @Input, @Output, NodeJS runtime, ngStyle, ngFor and far more.

Result

After completing this course, you can develop independent web applications based on AngularJS 2.0.

Prerequisites

You have experience with programming web apps.

Target audience

Web Developer

Content

Learning AngularJS 2.0

16 hours

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.

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