Angular 12 Advanced Training Course
Angular is a popular JavaScript framework for building web applications. Angular 12 comes with advanced features such as performance improvements, language services, the new Ivy compiler, form validation, and more.
This instructor-led, live training (online or onsite) is aimed at developers who wish to dive deep into the advanced features of Angular 12, including custom components, directives, advanced data binding, lazy loading, and more.
By the end of this training, participants will be able to:
- Develop Angular 12 applications using advanced techniques and concepts.
- Implement custom components and directives.
- Explore advanced data binding techniques.
- Implement lazy loading and dynamic imports.
- Optimize the performance of an Angular 12 application.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Course Outline
Introduction
- What's new in Angular 12?
Advanced Component Techniques
- Advanced Component Patterns
- Dynamic Components
- Content Projection
- View Container Refs
- Change Detection
- Custom Events
Advanced Directives Techniques
- Advanced Directive Patterns
- Advanced Host Binding
- Advanced Host Listeners
- Advanced Structural Directives
- Directives as Services
Advanced Data Binding Techniques
- Pure and Impure Pipes
- Change Detection Strategies
- Zone-Less Change Detection
- Observables and Operators
- RxJS Streams
Lazy Loading and Dynamic Imports
- Lazy Loading Routes
- Lazy Loading Components
- Module Federation
Optimizing Angular 12 Performance
- Performance Best Practices
- Using Web Workers for Parallelism
- Using Zone.js for profiling
- Preloading Modules
- Tree-Shaking and Code Splitting
Advanced Forms
- Reactive Forms
- FormBuilder
- Custom Validators
Testing Angular 12 Applications
- Advanced Testing Techniques
- Unit Testing Advanced Components and Directives
- Testing Dynamic Components
- Testing Forms
- Integration Testing
Advanced Debugging Techniques
- Advanced Debugging Concepts
- Using Augury for Debugging
- Debugging with VS Code
- Tracing and Profiling
Advanced Security Features
- Security Best Practices
- Using OAuth2 Authentication
- Protecting Routes and Resources
Advanced Angular 12 Deployment
- Deploying with Docker
- Deploying with Kubernetes
- Continuous Integration and Deployment
Angular 12 Best Practices
- Best Practices for Building Maintainable Angular 12 Applications
Troubleshooting
Summary and Next Steps
Requirements
- Experience with building Angular 12 applications
Audience
- Developers who have experience building Angular 12 applications
Open Training Courses require 5+ participants.
Angular 12 Advanced Training Course - Booking
Angular 12 Advanced Training Course - Enquiry
Angular 12 Advanced - Consultancy Enquiry
Consultancy Enquiry
Testimonials (5)
It was very interactive and informative. The trainer was very patient with us when we didn't understand something and ensured no one was left behind throughout the training.
Daniel - INIT Innovations in Transportation Ltd.
Course - Angular 17
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Course - Angular 14
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Pipe Routing Data Biding Services
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Course - Angular 12
Provisional Upcoming Courses (Contact Us For More Information)
Related Courses
Angular 13
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at programmers who wish to use the latest features of Angular 13 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Use TypeScript and Angular CLI to develop Angular 13 applications.
- Develop, test, and deploy Angular 13 web applications.
- Create web components that can be used for any web application or page.
Angular 2 Fundamentals
21 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build dynamic, modern web applications using Angular 2.
By the end of this training, participants will be able to:
- Set up and configure Angular 2 projects.
- Utilize Angular 2's features and improvements.
- Develop robust, scalable applications using Angular 2.
- Implement best practices for code organization and architecture.
- Integrate Angular applications with RESTful APIs.
Angular JavaScript
28 HoursThis is a hands on course is for anyone wanting to create Web sites using AngularJS.
During this course the latest stable version will be used. Pre-release version can be just used if marked in the booking form in remarks section. Older version need to be agreed before booking.
AngularJS Basics
14 HoursAngular JS is a JavaScript library for rapid app development.
Audience
- developers
- programmers
- javascript architects
Objectives
- Shift mindset from procedural/OO way of programing to Angular way
- Participants can use AngularJS to create Single Page Applications
Format of the course
- 40% lectures, 60% labs
Angular 10 for Developers
28 HoursIn this instructor-led, live training in Belgium (online or onsite), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 10.
By the end of this training, participants will be able to:
- Develop Angular 10 applications using TypeScript and the Angular CLI.
- Create loosely coupled web components that can be used in any HTML page.
- Connect these components to services, modules and directives.
- Consume REST web services and WebSocket data from within an Angular 10 application.
- Build custom validation using Reactive Forms.
- Test, debug and deploy an Angular 10 application.
- Organize Angular 10 projects using best practices.
Angular 11
28 HoursIn this instructor-led, live training in Belgium (online or onsite), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 11.
By the end of this training, participants will be able to:
- Develop Angular 11 applications using TypeScript and the Angular CLI.
- Create loosely coupled web components that can be used in any HTML page.
- Test, debug and deploy an Angular 11 application.
- Organize Angular 11 projects using best practices.
Angular 11 Advanced
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at developers who wish to use Angular 11's advanced developer tools to design, build, test, and deploy applications.
By the end of this training, participants will be able to:
- Set up the necessary development environment to develop advanced Angular 11 applications.
- Build parent-child structure, nested components for complex applications.
- Use RxJS and observables to handle real-time events and asynchronous programming.
- Create scalable form and data models to manage user inputs and data-entry tasks.
- Implement advanced dependency injections, routing, and security best practices in Angular 11.
Angular 12
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at programmers who wish to create, test and deploy an Angular application using the latest features in Angular 12.
By the end of this training, participants will be able to:
- Develop Angular 12 applications using TypeScript and the Angular CLI.
- Create loosely coupled web components that can be used in any web application or HTML page.
- Test, debug and deploy an Angular 12 application.
- Organize Angular 12 projects using best practices.
Angular 13 Advanced
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at experienced developers and programmers who wish to leverage the advanced features of Angular 13 to build, test, and deploy high-performance web applications.
By the end of this training, participants will be able to:
- Effectively use TypeScript and Angular CLI to create complex Angular 13 applications.
- Develop, test, and deploy Angular 13 web applications for optimal performance.
- Create web components to improve reusability and maintainability of Angular 13 applications.
Angular 14
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at developers and programmers who wish to use the latest features of Angular 14 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Install and configure Angular 14.
- Develop applications using Angular 14's component-based architecture.
- Leverage Angular 14's built-in directives, services, and pipes.
- Communicate with a RESTful API using Angular 14's HttpClient module.
- Implement authentication and authorization in Angular 14 applications.
- Test and debug Angular 14 applications.
Angular 14 Advanced
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at experienced developers and programmers who wish to take their Angular 14 skills to the next level and leverage the advanced features of Angular 14 to build, test, and deploy high-performance web applications.
By the end of this training, participants will be able to:
- Build advanced applications using Angular 14.
- Understand and implement Angular 14's more complex features and techniques.
- Develop maintainable and scalable Angular 14 code.
- Create custom libraries and modules to extend Angular 14's functionality.
Angular 15
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at developers and programmers who wish to use the latest features of Angular 15 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Install and configure Angular 15.
- Develop applications using Angular 15's component-based architecture.
- Leverage Angular 15's built-in directives, services, and pipes.
- Communicate with a RESTful API using Angular 15's HttpClient module.
- Implement authentication and authorization in Angular 15 applications.
- Test and debug Angular 15 applications.
- Understand the new features of Angular 15 such as Image Directive, CDK List for Building UI Components, Boilerplate Reduction in Guards, and Improvements in esbuild for Faster Builds.
Angular 15 Advanced
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at experienced developers and programmers who wish to take their Angular 15 skills to the next level and leverage the advanced features of Angular 15 to build, test, and deploy high-performance web applications.
By the end of this training, participants will be able to:
- Use advanced techniques for building Angular 15 applications.
- Understand best practices for scaling and maintaining large-scale Angular 15 applications.
- Develop performant applications using advanced features of Angular 15.
- Troubleshoot and optimize Angular 15 applications.
- Learn about advanced topics such as server-side rendering, lazy loading, and more.
Angular 16
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to use the latest features of Angular 16 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Set up a development environment that includes Node.js, Visual Studio Code, and Angular CLI.
- Create a basic Angular 16 application that displays data and handles user interactions.
- Use components, directives, pipes, services, and modules to organize and reuse code.
- Use data binding, dependency injection, routing, forms, and HTTP client to communicate with backend services.
- Debug and test Angular 16 applications using tools such as Chrome DevTools, Jest, Karma, and Protractor.
Angular 17
28 HoursThis instructor-led, live training in Belgium (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to use the latest features of Angular 17 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Set up a development environment that includes Node.js, Visual Studio Code, and Angular CLI.
- Create a basic Angular 17 application that displays data and handles user interactions.
- Use components, directives, pipes, services, and modules to organize and reuse code.
- Use data binding, dependency injection, routing, forms, and HTTP client to communicate with backend services.
- Use the new template control block syntax to simplify common tasks like conditional rendering, looping, and handling empty collections.
- Use the new @defer control block to enable lazy-loading of the block's content and its dependencies.
- Use the new view transitions API to customize the animations and transitions between views.
- Debug and test Angular 17 applications using tools such as Chrome DevTools, Jest, Karma, and Protractor.