Description

Angular is Google's benchmark JavaScript framework. It uses all Web standards. It offers increased performance with a modular design adapted to mobility as well as improved productivity of your development teams. Angular immediately benefits from a rich ecosystem and an ever-growing community.

Who is this training for ?

For whom ?

Web architects, developers and project managers.

Prerequisites

Good knowledge of Web technologies and modern Front-End development tools. Knowledge of JavaScript.

Training objectives

Organize, modularize and test your JavaScript developments

Master the fundamentals of the Angular Framework

Quickly create complex Web applications

Know how to integrate unit tests into development

Know good development and production practices

Put the practice into practice reactive programming with RxJS to handle asynchronous data streams

Training program

• JavaScript development: reminder
  • JavaScript evolution history.
  • ECMAScript 5 best practices.
  • ES13/ES6/ES2015, general presentation.
  • Syntactic new features : collection, template string, unstructured assignment, arrow functions, promises, loops...
  • Object programming: Class syntax.
  • The spread instruction.
  • TypeScript in detail, configuration.
  • Decorators in TypeScript.
  • Webcomponents.
• Angular fundamentals
  • Structure of the application.
  • The components.
  • The Angular modules,
  • The templates and styles.
  • Using Angular CLI.
  • The different types of binding.
  • Encapsulation of views and styles.
  • Filters , custom filters.
  • Directives, custom directives.
  • Template variables.
  • Decorators and their properties in detail.
  • Events.
  • Forms: Reactive Forms, FormControl and FormGroup.
  • Form validation.
• Reactive programming
  • Configuration of an RxJS application.
  • Observables.
  • Subscriptions.
  • Operators.
  • The observable Hots.
  • The observables of order 2.
• Deep dive into components
  • The decorators @Host, @ContentChild, @ViewChild.
  • Parameter exchanges between components.
  • The life cycle of components and communication between components.
  • Inputs and Outputs.
  • Encapsulation and internationalization: local component.
  • Bootstrapping.
  • Services and dependency injection.
  • Providers and injector hierarchy.
  • Service injection into a service.
  • Using services: Communication between components.
  • Observables and subjects and Modules, RouterModule, SharedModule.
• "Routing" and HTTP request
  • Introduction to HTTP requests.
  • Creating HTTP requests.
  • Using an external cloud.
  • Interceptors.
  • Route management in the component tree.
  • The RouterLink and RouterLinkActive directives.
  • The ActivateRoute services and Router.
  • Passing parameters in routes.
  • Using QueryParams and Fragment and Nesting routes.
  • Intercepting routing and wildcard parameters.
  • Configuration of
• Unit tests. Best practices and tools
  • Set up the test environment.
  • Introducing Karma and Jasmine.
  • Writing tests with Jasmine.
  • Writing tests integration with protractor.
  • Code coverage.
  • BDD Behavior driven development, TDD Test driven development.
  • Test cases : pipe, component, application.
• Deploy an application with Angular
  • Authentication and authorization management.
  • Isomorphic application.
  • Prepare files for deployment.
  • A command for prepare all.
  • Deploy to a web server.
  • Optimize files in production.