Angular Framework: Advanced Features

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