- 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
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.
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