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 immediatelyThe 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.

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

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.

Life Long Learning

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

read more

Contact us

Need training advise? Contact us!


contact