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
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quotePrivate or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quote