Course overview
Angular has become a key framework in the Frontend ecosystem. Developed by Google, this framework has established itself as the reference framework. This course is updated to the latest version of Angular.
Learning outcomes
This course teaches participants the following skills:
- Develop (single page) applications with Angular
- Understand the orientations of the Angular framework (components, server calls, forms, dependency injection, etc.)
Prerequisites
To get the most out of this course, participants should have:
- Knowledge of HTML and CSS.
Having followed or have knowledge equivalent to the courses:
- JavaScript: language fundamentals
- JavaScript: Developing web applications
- TypeScript: language fundamentals
Target audience
This course is intended for the following participants:
Developers, integrators, software architects, technical project managers
Course Outline
1 Getting started with Angular
- Angular installation
- Getting started with a component
- Starting an application
- Presentation of modules
Workshops:
- Creating a component
- Running an application
2 Databinding
- Getting started with the Angular databinding mechanism: variables, properties, events
Workshops:
- Creation of binding variables and properties
- Creation of an event
3 Observables
- Angular choice to use RxJS
- Basic principles of an observable
- Presentation of some operators
Workshops:
- Basic handling of observables
4 Components
- Analysis of the attributes of a component
- Presentation of the directives
- Presentation of annotations
- Presentation of classes
- Presentation of communication between components
- Presentation of the life cycle of a component
Workshops:
- Creation of a component and a subcomponent to test nesting and communication
- Event management on a component
5 Server communication
- Presentation of the http module
- Handling observables
Workshops:
- Handling a server call
- Handling observables
6 Routing
- Setting up the router
- Router configuration
Workshops:
- Setting up a navigation mechanism
7 Services
- Getting started with Angular services
- Presentation of dependency injection
Workshops:
- Creation of a service
8 Forms & validation
- Presentation of the different form elements
- Template-driven form
- Model-driven form
- Manipulation of validators
Workshops:
- Template driven, model driven form creation
- Creation of a validator
9 Pipes
- Presentation of pipes
- How to create your own pipes
Workshops:
- Use of Angular pipes
- Creation of a custom pipe
10 Advanced use of directives
- Reminders on directives
- How to create your directive
Workshops:
- Creation of a directive
11 Advanced communication
- Presentation of the Flux pattern
- Presentation of NgRX and NgXs tools
Workshops:
- Handling NgRX or NgXs
12 Module: Deployment
- Presentation of the deployment of Angular applications
- Jit, AoT
- Introduction to diagrams
Workshops:
- Generating an Angular application
13 Testing an application
- Presentation of tests on Angular
- Karma & Jasmine
- Asynchronous tests
- Mocking mechanism
Workshops:
- Unit testing of a service, a component and a directive
14 Advanced concepts
- Angular and lazy loading
- Using guard
- Presentation of zones and the OnPush strategy
- Advanced routing
Workshops:
- Breakdown of the application into module to lazyload
- Use of advanced routing