Get in Touch

Course Outline

Introduction to Angular 18

  • Overview of Angular and its ecosystem
  • Key updates in Angular 18, including the latest enhancements to Angular DevTools
  • Setting up the development environment

Project Setup and Architecture

  • Utilizing Angular CLI
  • Understanding project structure and file organization
  • Working with Angular modules and components
  • Maximizing optimized TypeScript 4.7 features for improved performance and developer experience

Templates and Data Binding

  • Angular template syntax
  • Interpolation, property binding, and event binding
  • Two-way data binding using ngModel

Components and Directives

  • Creating and utilizing components
  • Understanding component lifecycle hooks
  • Using built-in directives (ngIf, ngFor, etc.)
  • Developing custom directives

Services and Dependency Injection

  • Creating and using services
  • Implementing dependency injection in Angular
  • Managing application state

Routing and Navigation

  • Configuring the Angular router
  • Defining routes and route parameters
  • Exploring and implementing new routing capabilities
  • Understanding lazy loading and route guards

Forms in Angular

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

HTTP Client and Observables

  • Executing HTTP requests with HttpClient
  • Processing 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 using Git
  • Adhering to continuous integration and delivery (CI/CD) practices

Migration and Troubleshooting

  • Upgrading from previous Angular versions
  • Avoiding common pitfalls
  • Troubleshooting common issues in Angular 18

Practical Sessions

  • Hands-on labs
  • Real-world project development
  • Group exercises and peer reviews

Summary and Next Steps

Requirements

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

Target Audience

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

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories