Angular

3 days (21 hours)

Webinar gratuit

9 Juillet 2020

Migration vers Google Cloud

Inscrivez-vous gratuitement

Course overview

Angular has become a key framework in the Frontend ecosystem. Developed by Google, this framework has established itself as the reference framework. This course is updated to the latest version of Angular.

Learning outcomes

This course teaches participants the following skills:

  • Develop (single page) applications with Angular
  • Understand the orientations of the Angular framework (components, server calls, forms, dependency injection, etc.)

Prerequisites

To get the most out of this course, participants should have:

  • Knowledge of HTML and CSS.

Having followed or have knowledge equivalent to the courses: - JavaScript: language fundamentals - JavaScript: Developing web applications - TypeScript: language fundamentals

Target audience

This course is intended for the following participants:

Developers, integrators, software architects, technical project managers

Course Outline

1 Getting started with Angular - Angular installation - Getting started with a component - Starting an application - Presentation of modules

Workshops: - Creating a component - Running an application

2 Databinding - Getting started with the Angular databinding mechanism: variables, properties, events

Workshops: - Creation of binding variables and properties - Creation of an event

3 Observables - Angular choice to use RxJS - Basic principles of an observable - Presentation of some operators

Workshops: - Basic handling of observables

4 Components - Analysis of the attributes of a component - Presentation of the directives - Presentation of annotations - Presentation of classes - Presentation of communication between components - Presentation of the life cycle of a component

Workshops: - Creation of a component and a subcomponent to test nesting and communication - Event management on a component

5 Server communication - Presentation of the http module - Handling observables

Workshops: - Handling a server call - Handling observables

6 Routing - Setting up the router - Router configuration

Workshops: - Setting up a navigation mechanism

7 Services - Getting started with Angular services - Presentation of dependency injection

Workshops: - Creation of a service

8 Forms & validation - Presentation of the different form elements - Template-driven form - Model-driven form - Manipulation of validators

Workshops: - Template driven, model driven form creation - Creation of a validator

9 Pipes - Presentation of pipes - How to create your own pipes

Workshops: - Use of Angular pipes - Creation of a custom pipe

10 Advanced use of directives - Reminders on directives - How to create your directive

Workshops: - Creation of a directive

11 Advanced communication - Presentation of the Flux pattern - Presentation of NgRX and NgXs tools

Workshops: - Handling NgRX or NgXs

12 Module: Deployment - Presentation of the deployment of Angular applications - Jit, AoT - Introduction to diagrams

Workshops: - Generating an Angular application

13 Testing an application - Presentation of tests on Angular - Karma & Jasmine - Asynchronous tests - Mocking mechanism

Workshops: - Unit testing of a service, a component and a directive

14 Advanced concepts - Angular and lazy loading - Using guard - Presentation of zones and the OnPush strategy - Advanced routing

Workshops: - Breakdown of the application into module to lazyload - Use of advanced routing

€1590 ex. VAT

Contact us

You can unsubscribe from our communications at any time.

In order to take into account your request, we must store and process your personal data. If you authorize us to store your personal data for this purpose, check the box below.

By clicking on « Send » below, you authorize SFEIR to store and process the personal data submitted above so that it can provide you with the requested content.