Get in Touch

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

  • A solid understanding of JavaScript.
  • Experience in 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

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories