Course: Learning AngularJS 2.0
duration: 16 hours |
Language: English (US) |
access duration: 90 days |
![Loading...](https://onlineitcourses.com/static/version1712177234/frontend/MyCademy/Onlineitcourses/en_US/images/loader-1.gif)
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
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
Using Animation and Supporting Mobile Devices
Testing Angular Apps
Angular Security and the Angular CLI
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.
Sign In
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
Een zakelijk account aanmaken
Wanneer u besteld namens uw bedrijf doet u er goed aan om aan zakelijk account bij ons aan te maken. Tijdens het registratieproces kunt u hiervoor kiezen. U heeft vervolgens de mogelijkheden om de bedrijfsgegevens in te voeren, een referentie en een afwijkend factuuradres toe te voegen.
Betaalmogelijkheden
U heeft bij ons diverse betaalmogelijkheden. Bij alle betaalopties ontvangt u sowieso een factuur na de bestelling. Gaat uw werkgever betalen, dan kiest u voor betaling per factuur.
![](../static/frontend/MyCademy/Ecommerce/en_US/images/paymentmethods.png)
Cursisten aanmaken
Als u een zakelijk account heeft aangemaakt dan heeft u de optie om cursisten/medewerkers aan te maken onder uw account. Als u dus meerdere trainingen koopt, kunt u cursisten aanmaken en deze vervolgens uitdelen aan uw collega’s. De cursisten krijgen een e-mail met inloggegevens wanneer zij worden aangemaakt en wanneer zij een training hebben gekregen.
Voortgangsinformatie
Met een zakelijk account bent u automatisch beheerder van uw organisatie en kunt u naast cursisten ook managers aanmaken. Beheerders en managers kunnen tevens voortgang inzien van alle cursisten binnen uw organisatie.
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.
![](https://onlineitcourses.com/media/../static/frontend/MyCademy/Icttrainingen/en_US/images/dashboard.jpg)
FAQ
Niet gevonden wat je zocht? Bekijk alle vragen of neem contact op.