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
 28 Hours

Testimonials (1)

Related Categories