Angular

Goals


- Master the concepts of the Angular framework

- Use Angular to develop high-performance web applications

Program

Development of rich applications
Overview of available frameworks
Presentation of the NodeJS development environment

Workshop: Installation and start-up of an Angular project

Link between Angular and ES2015 / TS
Classes, fundamentals: constructor, method and context management
Classes, advanced: inheritance, static methods
Set and get operators
Template
literals Arrow functions
Block variables

Type declaration
Interface and shapes
Decorators

Angular dependencies
Declare a component
Add a template
Launch the application with a NodeJS server Automatically recompile
on each modification: the watchman
Add data, create its model classes
Link data to the template, expressions and “mustache” operator
Manage collections, * ngFor directive

Workshop: Creation of a first application

Binding of input events
The $ event object
Template reference variable
Form creation with template syntax
Two-way data binding
Track and validate user input with ngControl
Submit form with ngSubmit

Workshop: User input management

DI principles
Configure the injector
Save suppliers in a component
Creation of the injector
Different types of suppliers: class, value, factory …

Workshop: Architecting our application in the form of a service organization

Interpollation, expression, and statement
Binding syntax: one-way, two-way, binding targets
Native directives: NgClass, NgStyle, NgIf, NgSwitch, NgFor
Input and output properties
Template expression operators « | » and « ?. »

Asynchronous communication principle
Retrieve data with http.get
Observable RxJS
Support for JSON transport
Error handling
Sending data to the server
How promises work
External sources: CORS

Workshop: Set up a ReST API client

Client-side routing, hashtag and HTML5
Configure routes on a component
Retrieve route parameters Route
strategy
Nested routes

Workshop: Set up a multi-view application

Testing Fundamentals with Jasmine Testing
Automation with Karma
Testing Simple Components
Testing Components with Asynchronous Services
Testing Forms

Workshop: Multiple examples of tests

Duration

5 days

Price

£ 2302

Audience

Javascript Developers

Prerequisites

Good knowledge of JavaScript, DOM, CSS and notions of AJAX

Reference

SIT100029-F

Sessions

Contact us for more informations about session date