Objectives of the training
The objective of this training is to learn how to design dynamic and high-performance web applications with Angular to provide a rich and smooth user experience.Targeted audience
Computer scientistsPrerequisite
Basic knowledge of JavaScript is required.Trainers
Course architecture
Reminders
⦁ Reminders about the JavaScript ecosystem
⦁ Reminders about TypeScript
⦁ Why use Single Page Applications?
⦁ Introduction to JavaScript frameworks and libraries
Introduction to Angular
⦁ Presentation of Angular
⦁ The main principles of Angular
⦁ Installing the development workstation
⦁ Using the Angular command line @angular/cli
⦁ Creating your first Angular project
⦁ Demonstration – Launching the development server and viewing the result in a browser
⦁ Anatomy of an Angular project
Components
⦁ Module objectives
⦁ Reminders about the MVC pattern
⦁ Understanding component-oriented architectures
⦁ Anatomy of a component
⦁ Demonstration – Creating a component manually
⦁ Demonstration – Creating a component with the CLI
⦁ The component lifecycle
Dynamic display
⦁ Discovering Data Binding
⦁ Demonstration – Dynamic entry and display of the user name
⦁ Using Angular directives
⦁ Demonstration – Conditional display of a text block
⦁ Demonstration – Adding and removing users dynamically
⦁ Formatting data with pipes
⦁ Demonstration – Standardizing the display of usernames in the list
Services
⦁ Role and responsibility of services in MVC
⦁ Services in Angular
⦁ Dependency injection
⦁ Service lifecycle
⦁ Demonstration – Creating an Angular service manually
⦁ Demonstration – Creating an Angular service with the ng generate command
Routes
⦁ Understanding routing and navigation
⦁ Creating simple routes
⦁ Creating routes with parameters
⦁ Protecting routes with Guards
Forms
⦁ Reminder about HTML forms
⦁ Demonstration – Creating basic forms
⦁ Presentation of the FormsModule module
⦁ Data validation with FormsModule
⦁ Demonstration – Transforming the form with FormsModule
⦁ Demonstration – Creating a custom validator
Asynchronous programming
⦁ JavaScript and the limits of multithreading
⦁ Callbacks
⦁ Promises
⦁ Async/await
⦁ Comparison of methods for managing asynchronism
⦁ Demonstration – Coding Morse code with callbacks, promises, and async/await
Working with a REST API
⦁ Reminders about the HTTP protocol
⦁ Differences between REST and SOAP
⦁ Demonstration – Where to find public REST APIs?
⦁ The HttpClient module
⦁ Observables
⦁ State and error management
⦁ Demonstration – Displaying a random quote using QuotesAPI
RxJS
⦁ Introduction to RxJS
⦁ Why use RxJS in an Angular project?
⦁ Using Observables
⦁ Demonstration – Setting up an Observable
⦁ RxJS operators
⦁ Demonstration – Using operators
Best practices
⦁ Using classes to frame the use of models
⦁ Modules
⦁ Communication between components
⦁ Naming conventions and coding rules with ESLint
⦁ Optimizing loading time with lazy loading
⦁ Working on visuals simply with PureCSS
Pedagogical details
Type of training
Training Notes
100% remote training. Accessible anytime, anywhere. One year of access to training and digital manual.
Private or personalized training
Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.
Request a quotePrivate or personalized training
Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.
Request a quote