Get in Touch

Course Outline

Introduction to Angular 18

  • Overview of the Angular ecosystem and its components
  • Key innovations in Angular 18, including the latest enhancements to Angular DevTools
  • Configuring the development environment

Project Setup and Architecture

  • Utilizing the Angular CLI
  • Structuring projects and organizing files
  • Understanding Angular modules and components
  • Capitalizing on optimized TypeScript 4.7 capabilities to boost performance and developer experience

Templates and Data Binding

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

Components and Directives

  • Creating and deploying components
  • Managing component lifecycle hooks
  • Employing built-in directives (such as ngIf and ngFor)
  • Designing custom directives

Services and Dependency Injection

  • Creating and utilizing services
  • Implementing dependency injection within Angular
  • Handling application state management

Routing and Navigation

  • Configuring the Angular router
  • Defining routes and route parameters
  • Exploring and applying new routing features
  • Implementing lazy loading and route guards

Forms in Angular

  • Template-driven forms
  • Reactive forms
  • Form validation and error management

HTTP Client and Observables

  • Executing HTTP requests via HttpClient
  • Processing HTTP responses
  • Interacting with RxJS observables

Advanced Topics

  • Angular animations
  • Internationalization (i18n)
  • Performance optimization strategies, including zoneless change detection

Testing in Angular

  • Unit testing with Jasmine and Karma
  • End-to-end testing using 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 common pitfalls and strategies to avoid them
  • Resolving common issues specific to Angular 18

Practical Sessions

  • Hands-on laboratory exercises
  • Development of real-world projects
  • Group activities and peer code reviews

Summary and Next Steps

Requirements

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

Target Audience

  • Web developers
  • Front-end developers
  • Professionals interested in building single-page applications (SPAs) with Angular
 28 Hours

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories