Get in Touch

Course Outline

Introduction to Angular 18

  • Exploration of Angular and its broader ecosystem
  • Key innovations in Angular 18, including the latest updates to Angular DevTools
  • Configuring the development environment

Project Initialization and Structural Design

  • Utilizing the Angular CLI
  • Organizing project structure and file hierarchy
  • Understanding Angular modules and components
  • Harnessing optimized TypeScript 4.7 features for improved performance and developer efficiency

Templates and Data Binding

  • Syntax of Angular templates
  • Techniques for interpolation, property binding, and event handling
  • Achieving two-way data binding via ngModel

Components and Directives

  • Construction and utilization of components
  • Component lifecycle hooks
  • Application of built-in directives (e.g., ngIf, ngFor)
  • Development of custom directives

Services and Dependency Injection

  • Creation and usage of services
  • Dependency injection patterns in Angular
  • Strategies for managing application state

Routing and Navigation

  • Implementation of the Angular router
  • Configuration of routes and parameters
  • Adoption of new routing capabilities
  • Techniques for lazy loading and route guards

Forms in Angular

  • Template-driven form creation
  • Implementation of reactive forms
  • Form validation strategies and error management

HTTP Client and Observables

  • Executing HTTP requests using HttpClient
  • Processing HTTP responses
  • Integration with RxJS observables

Advanced Concepts

  • Angular animation techniques
  • Internationalization (i18n)
  • Performance optimization methods, including zoneless change detection

Testing in Angular

  • Unit testing using 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 using Git
  • Continuous integration and delivery (CI/CD) workflows

Migration and Troubleshooting

  • Migrating from previous Angular versions
  • Identifying and avoiding common development pitfalls
  • Resolving frequent issues associated with Angular 18

Practical Labs

  • Interactive hands-on exercises
  • Development of real-world project scenarios
  • Group activities and peer feedback sessions

Conclusion and Future Pathways

Requirements

  • Familiarity with JavaScript
  • Background in web development
  • Fundamental proficiency in HTML and CSS

Target Audience

  • Web developers
  • Front-end specialists
  • Professionals seeking to develop single-page applications (SPAs) using Angular
 28 Hours

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories