Course : AngularJS 2 : Mastering Google's front-end framework

migration et développement

AngularJS 2 : Mastering Google's front-end framework

migration et développement
Download in PDF format Share this course by email 2


Instructional goals


Inter
In-house
Custom

Practical course in person or remote class

Ref. AGU
Price : 2480 € E.T.
  4d - 28h00




Instructional goals

Teaching objectives
At the end of the training, the participant will be able to:
  • Master the fundamentals of the AngularJS 2 Framework
  • Quickly create complex Web applications
  • Know how to integrate unit tests into development
  • Learn best practices for development and entering production
  • Participants
  • Modular composition of an application with AngularJS 2
  • TRAINING PROGRAM

Intended audience
Prerequisites

Prerequisites
Hands-on work

Course schedule

» JavaScript development: Refreshers

  • ECMAScript 5 best practices.
  • ES6/ES2015, general overview.
  • New syntax: scope, "template string", "arrow functions", etc.
  • Essential tools. Babel, Traceur, and Typescript.
  • Typescript in detail, configuration.
  • ES6 modular approach.
  • "Modules Loaders": SystemJS, "import/export".
  • Hands-on work ¤Migrating an ES5/ES6 script. Implementing the environment with TypeScript.

» Migrating from AngularJS 1.x to AngularJS 2

  • Comparison and "topography" of concepts.
  • Prepare for migration. Structure of an AngularJS 2 application.
  • The modules AngularJS 2, "core" and common modules.
  • Principle of dependency injection.
  • Classification of directives: Component, Attribute, Structure.
  • Decorators: Defining hierarchies.
  • Hands-on work ¤Migrating an AngularJS 1.x application to AngularJS 2.

» Dependency injection

  • Using annotations and decorators.
  • Configuring the injector.
  • Managing modules: Best practices.
  • Creating injectable services. Classifying services.
  • "BootStrapping" an application.
  • Hands-on work ¤Structuring, "scaffolding" an application project.

» Defining components

  • Life cycle in the application.
  • Template syntax: Interpolation/expression, "Binding", and filters.
  • Transformation directives: ngIf, ngFor, ngSwitch, etc.
  • Syntactical definition, the (*) symbol. Local variables.
  • Class of components. Configuration directives: Selector, provider.
  • User events.
  • Hands-on work ¤Creating components.

» Managing forms, Routing, and HTTP queries

  • Control and ControlGroup.
  • Validation and custom error management.
  • "FormBuilder", advanced form components.
  • Data link via HTTP.
  • Creating routes. Settings and wildcard.
  • Targeting, "router-outlet", routing events.
  • Hands-on work ¤Validation form. Consuming a REST API.

» Unit tests. Best practice and tools

  • Configuring the test environment.
  • Writing tests Jasmine. Coverage.
  • Test case: Pipe, component, application.
  • ngUpgrade: Coexistence and ngForward.
  • AngularJS2 "Coding guide Style".
  • Hands-on work ¤Writing unit tests. Implementing TDD.


Customer reviews
4,6 / 5
Customer reviews are based on end-of-course evaluations. The score is calculated from all evaluations within the past year. Only reviews with a textual comment are displayed.


Dates and locations
Select your location or opt for the remote class then choose your date.
Remote class