Get in Touch
 Duration 28 hours

Course Outline

Introduction to Angular 18

  • Overview of the Angular ecosystem and core concepts
  • New features in Angular 18, highlighting the latest advancements in Angular DevTools
  • Configuring a productive development environment

Project Initialization and Architecture

  • Mastering the Angular CLI
  • Optimal project structure and file organization strategies
  • Working with Angular modules and components
  • Exploiting optimized TypeScript 4.7 features for enhanced performance and developer experience

Templates and Data Binding

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

Components and Directives

  • Creation and application of custom components
  • Managing component lifecycle hooks
  • Utilizing built-in directives such as ngIf and ngFor
  • Developing custom directives for specialized needs

Services and Dependency Injection

  • Designing and utilizing service layers
  • Implementing dependency injection patterns in Angular
  • Effective management of application state

Routing and Navigation

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

Form Handling in Angular

  • Building template-driven forms
  • Implementing reactive forms
  • Robust form validation and error management

HTTP Client and Observables

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

Advanced Concepts

  • Implementing Angular animations
  • Managing internationalization (i18n)
  • Performance tuning, with a focus on zoneless change detection

Testing Strategies

  • Unit testing using Jasmine and Karma
  • End-to-end testing with Protractor
  • Best practices for comprehensive Angular application testing

Deployment and Maintenance

  • Building and deploying production-ready Angular applications
  • Managing version control with Git
  • Adopting continuous integration and delivery (CI/CD) workflows

Migration and Troubleshooting

  • Strategies for migrating from legacy Angular versions
  • Identifying and avoiding common development pitfalls
  • Diagnosing and resolving typical issues encountered in Angular 18

Practical Workshops

  • Hands-on laboratory sessions
  • Development of real-world projects
  • Collaborative group exercises and peer code reviews

Conclusion and Future Steps

Requirements

  • A solid grasp of JavaScript fundamentals
  • Practical experience in web development
  • Foundational knowledge of HTML and CSS

Target Audience

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

Number of participants


Price per participant (excl. VAT)

Testimonials (3)

Upcoming Courses

Related Categories