Angular Training Course

Our Angular training course is aimed at developers and development teams who need to build and deploy robust commercial web applications.

To fully benefit from this course you should have good working knowledge of HTML & CSS, and ideally good working knowledge of Modern JavaScript / ES6 - any previous exposure to TypeScript would be beneficial too. Please let us know if you would like us to put together a custom syllabus that prepares you for Angular development.

This Angular course is available for private / custom delivery for your team - as an in-house face-to-face workshop at your location of choice, or as online instructor-led training via MS Teams (or your own preferred platform).

Get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.

Angular Fundamentals and Modern Development Practices

• Introduction to Angular (Latest Version):

  • Overview of Angular's architecture, components, modules, and services.

  • Setting up a modern Angular development environment (Angular CLI, VS Code or similar).

  • TypeScript fundamentals for Angular development.

• Components in Depth:

  • Component lifecycle hooks and their use cases.

  • Input and Output properties for data binding and communication.

  • Component styling (CSS, SCSS, component-specific styles).

  • Best practices for component design and reusability.

• Templates and Data Binding:

  • Angular template syntax (interpolation, property binding, event binding, two-way binding).

  • Structural directives (*ngIf, ngFor, ngSwitch).

  • Attribute directives (custom directives).

  • Pipes for data transformation.

• Modules:

  • Understanding Angular modules and their purpose.

  • Feature modules, shared modules, and core modules.

  • Lazy loading modules for improved performance.

• Angular CLI: Using the CLI to generate components, services, modules, etc. Building and serving Angular applications. * Running unit tests and end-to-end tests.

Going further with Angular Concepts and Reactive Programming

• Services and Dependency Injection:

  • Creating and using services for data sharing and business logic.

  • Hierarchical dependency injection.

  • Understanding providers and injectors.

  • Using different service scopes (root, module, component).

• Routing and Navigation:

  • Setting up Angular routing.

  • Route parameters and query parameters.

  • Route guards (authentication, authorization).

  • Lazy loading routes.

• Reactive Programming with RxJS:

  • Understanding Observables and Observers.

  • Common RxJS operators for transforming, filtering, and combining data streams.

  • Using RxJS in Angular services and components.

  • Handling asynchronous operations effectively.

• Forms:

  • Template-driven forms.

  • Reactive forms (recommended approach).

  • Form validation and error handling.

Data Access and State Management

• HTTP Client:

  • Making HTTP requests to backend APIs.

  • Handling responses and errors.

  • Working with different HTTP methods (GET, POST, PUT, DELETE).

  • Interceptors for request and response manipulation.

• State Management (Introduction and Options):

  • Understanding state management concepts.

  • Overview of different state management libraries (NgRx, Akita, etc.).

  • Basic implementation of a simple state management pattern (e.g., using services and Observables). A full deep dive into a specific state management library could be a separate advanced course.

Testing and Deployment

• Unit Testing with Jest and Jasmine:

  • Writing unit tests for components, services, and pipes.

  • Mocking dependencies.

  • Testing asynchronous code.

  • Code coverage.

• End-to-End Testing with Cypress (or Protractor - consider migrating to Cypress):

  • Writing end-to-end tests for user flows.

  • Setting up a testing environment.

• Deployment:

  • Building Angular applications for production.

  • Deployment strategies (e.g., to Netlify, Vercel, AWS, Azure).

  • Continuous Integration and Continuous Deployment (CI/CD) concepts (brief overview).

• https://angular.dev/ - the home of Angular

• https://nodejs.org/en - To get started with Angular, you need npm (included with Node)

• https://www.jetbrains.com/webstorm/ - popular JS and TypeScript editor from JetBrains

• https://code.visualstudio.com/ - popular JS and TypeScript editor from Microsoft