Angular 18 Training Course
Angular 18 is the latest version of the popular front-end web framework maintained by Google.This new version includes several significant enhancements, such as optimized TypeScript 4.7 capabilities, improved change detection, new routing features, and updates to the Angular DevTools (TopCloudDev).
This instructor-led, live training (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build dynamic, modern web applications using Angular 18.
By the end of this training, participants will be able to:
- Set up and configure Angular 18 projects.
- Utilize Angular 18's new features and improvements, including optimized TypeScript 4.7 capabilities and zoneless change detection.
- Develop robust, scalable applications using Angular 18.
- Implement best practices for code organization and architecture.
- Integrate Angular applications with RESTful APIs.
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 to Angular 18
- Overview of Angular and its ecosystem
- What's new in Angular 18, including the latest updates to Angular DevTools
- Setting up the development environment
Project Setup and Architecture
- Using Angular CLI
- Project structure and file organization
- Angular modules and components
- Leveraging optimized TypeScript 4.7 capabilities for better performance and developer experience
Templates and Data Binding
- Angular templates syntax
- Interpolation, property binding, and event binding
- Two-way data binding with ngModel
Components and Directives
- Creating and using components
- Component lifecycle hooks
- Built-in directives (ngIf, ngFor, etc.)
- Custom directives
Services and Dependency Injection
- Creating and using services
- Dependency injection in Angular
- Managing application state
Routing and Navigation
- Setting up the Angular router
- Configuring routes and route parameters
- Understanding and implementing new routing features
- Lazy loading and route guards
Forms in Angular
- Template-driven forms
- Reactive forms
- Form validation and error handling
HTTP Client and Observables
- Making HTTP requests with HttpClient
- Handling HTTP responses
- Working with RxJS observables
Advanced Topics
- Angular animations
- Internationalization (i18n)
- Performance optimization techniques, including zoneless change detection
Testing in Angular
- Unit testing with Jasmine and Karma
- End-to-end testing with Protractor
- Best practices for testing Angular applications
Deployment and Maintenance
- Building and deploying Angular applications
- Version control with Git
- Continuous integration and delivery (CI/CD) practices
Migration and Troubleshooting
- Migrating from older versions of Angular
- Common pitfalls and how to avoid them
- Troubleshooting common issues with Angular 18
Practical Sessions
- Hands-on labs
- Real-world project development
- Group exercises and peer reviews
Summary and Next Steps
Requirements
- An understanding of JavaScript
- Experience with web development
- Basic knowledge of HTML and CSS
Audience
- Web developers
- Front-end developers
- Anyone interested in developing single-page applications (SPAs) with Angular
Open Training Courses require 5+ participants.
Angular 18 Training Course - Booking
Angular 18 Training Course - Enquiry
Angular 18 - Consultancy Enquiry
Consultancy Enquiry
Testimonials (1)
exercises, problem solving for each one of us
Monika
Course - Angular 18
Upcoming Courses
Related Courses
Angular 2 Fundamentals
21 HoursThis instructor-led, live training in Chile (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 Chile (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 4 Fundamentals
21 HoursThis instructor-led, live training in Chile introduces the fundamentals of Angular 4 and walks participants through the creation of a single-page web application.
Angular 5
28 HoursIn this instructor-led, live training in Chile, participants will learn the fundamentals of Angular 5 as they step through the creation and deployment of a sample Angular application.
Angular 6
28 HoursIn this instructor-led, live training in Chile (onsite or remote), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 6.
By the end of this training, participants will be able to:
- Develop Angular 6 applications using Angular CLI.
- Create web components that can be used in any HTML page.
- Consume REST web services and WebSocket data from within an Angular 6 application.
- Implement animations using Angular 6's latest animation features.
- Test, debug and deploy an Angular 6 application.
- Organize Angular 6 projects using best practices.
Angular 7
28 HoursIn this instructor-led, live training in Chile (onsite or remote), participants will learn how to create, test and deploy an Angular application using the latest features in Angular 7.
By the end of this training, participants will be able to:
- Develop Angular 7 applications using Angular CLI.
- Create web components that can be used in any HTML page.
- Consume REST web services and WebSocket data from within an Angular 7 application.
- Implement animations using Angular 7's latest animation features.
- Test, debug and deploy an Angular 7 application.
- Organize Angular 7 projects using best practices.
Angular 8
21 HoursThis instructor-led, live training in Chile (online or onsite) is aimed at web developers who wish to use Angular 8 to develop client-side web applications.
By the end of this training, participants will be able to:
- Create and scale SPAs from scratch.
- Build open source Angular libraries.
- Secure an Agular application with JWT authentication.
Reactive Programming with Angular RxJS
14 HoursReactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. Many Angular application design inefficiencies when building asynchronous UIs can be overcome by utilizing reactive style patterns offered by the RxJS library.
In this instructor-led, live training, participants will learn how to implement Observable patterns into their Angular application designs as they step through a series of cases showcasing common angular design problems and how they benefit from reactive programing designs.
By the end of this training, participants will be able to:
- Understand the reactive programing paradigm and the RxJS library.
- Build UI heavy Angular applications with scalability, flexibility, and responsiveness in mind using reactive programming patterns.
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.
Angular and Spring Boot
14 HoursThis instructor-led, live training in Chile (online or onsite) is aimed at web developers who wish to use Angular and Spring Boot to build full stack applications.
By the end of this training, participants will be able to:
- Develop a full stack application with Angular and Sping Boot.
- Build a backend application with Spring Boot.
- Create frontend applications with Angular.
- Use Spring Security to configure authentication for a full stack application.
Testing Angular Applications
14 HoursIn this instructor-led, live training, participants will learn how to write and maintain tests for Angular applications.
By the end of this training, participants will be able to
- Decide the most appropriate strategy for testing an Angular application
- Carry out unit testing, component testing, A/B testing and end-to-end on an Angular application
- Choose the right tools for the job: Jasmine, Karma, Protractor, Mocha, etc.
- Write tests in Protractor and Jasmine
- Run and debug tests with Karma and Protractor
- Create a maintainable test suite
- Employ best practices for unit testing in Angular
Format of the course
- Part lecture, part discussion, exercises and heavy hands-on practice
Note
- Angular goes by different names and versions, namely: Angular.js, AngularJS, AngularJS 1, Angular 1, Angular 2, etc. To customize the version used in this training, please contact us to arrange.
.NET Core and Angular Training Course
21 HoursAudience
- Developers
Format of the Course
- Part lecture, part discussion, exercises and heavy hands-on practice in a live-lab environment.
Localizing an Angular Application
7 HoursThis instructor-led, live training in Chile (online or onsite) is aimed at developers who wish to internationalize and localize their Angular applications to support multiple languages.
By the end of this training, participants will be able to:
- Install and configure the needed localization libraries and tools.
- Enable a Angular App to be displayed in multiple languages.
- Extract all localizable UI text from a Angular app.
- Package up translatable content for exchange with translators.
- Understand the localization cycle and automate the process.
NgRx
21 HoursThis instructor-led, live training (online or onsite) is aimed at developers who wish to reduce the cost and complexity of managing state in large data-driven web applications.
By the end of this training, participants will be able to:
- Reduce the complexity of very large projects where managing state is difficult to maintain.
- Minimize an application's state processes.
- Reduce the time needed to develop complex data-oriented web applications.
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.
- To learn more about NgRx, please visit: https://ngrx.io/