Build robust Angular applications with components, RxJS, REST APIs, and best practices
Knowing the basics of Angular is fine. Mastering the advanced features to build robust, maintainable, and high-performance applications is what makes the difference in production. This training covers components, services, routing, forms, asynchronous programming with RxJS, and Angular development best practices. For IT professionals who want to go beyond starter tutorials.
Is it for you ?
Computer scientists
Prerequisites
Basic knowledge of JavaScript is required.
What You'll Walk Away With
- ✓ Structure an Angular application using best practices for components and services
- ✓ Manage asynchronous programming efficiently using RxJS and observables
- ✓ Consume REST APIs, protect routes, and optimize application performance
Training content
1 Reminders
- Reminders about the JavaScript ecosystem
- Reminders about TypeScript
- Why use Single Page Applications?
- Introduction to JavaScript frameworks and libraries
2 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
3 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
4 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
5 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
6 Routes
- Understanding routing and navigation
- Creating simple routes
- Creating routes with parameters
- Protecting routes with Guards
7 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
8 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
9 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
10 RxJS
- Introduction to RxJS
- Why use RxJS in an Angular project?
- Using Observables
- Demonstration – Setting up an Observable
- RxJS operators
- Demonstration – Using operators
11 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
See more
📌 Practical information
100% online training. Accessible anytime from anywhere for one year. If you have any questions about registration, the language of instruction, or the cancellation terms, please consult our FAQ
Trainers
Upcoming information