The main goal of this course is to provide advanced Angular developers with advanced knowledge and techniques to develop complex Angular applications. Attendees will learn how to structure Angular modules effectively, use Angular Material to build user-friendly interfaces, and understand and apply advanced concepts such as server-side rendering (Angular Universal) and static site generation (Scully). In addition, they will learn how to write and run unit, integration, and end-to-end tests, and how to implement authentication with JWT. Finally, participants will learn how to use interceptors and guards to improve the security of their applications and deal with incoming and outgoing requests.

This course is intended for advanced Angular developers who want to deepen their knowledge and skills and continue developing complex Angular applications.

Participants must have a solid basis in Angular and must have acquired the knowledge during the “Angular Intro” course. They need to be familiar with Angular's basic principles, including components, services, routing, and databinding.

The course is offered through instructor-led lessons. Participants will receive practical exercises and assignments to practice their skills. The emphasis is on hands-on learning, where participants are actively writing code and solving programming issues.

Angular Intro and Modularisation

1. Angular Intro.

• Angular Intro Summary.
• Interactive quiz.

2. Module Structure and Lazy Loading

• Overview and interactive explanation: Module structure.
• Overview and interactive explanation: The importance of lazy loading for application efficiency.
• Hands-on: Creating a basic Angular application, structuring modules and applying lazy loading.
• Task: Reorganize code in an existing Angular application by implementing modules and applying lazy loading.

Angular Material

1. Angular Material Intro

• Overview and interactive explanation: Introduction to Angular Material, advantages and disadvantages of ready-to-use UI components.
• Hands-on: Installing and configuring Angular Material in an existing project and in a new project.
• Hands-on: Adding UI components such as buttons and forms to the apps.
• Assignment: Build a survey app with integrated Angular Material components for an improved user interface.

SSR for Angular Applications

1. Introducing SSR

• Summary SSR vs. CSR, the pros and cons.
• Overview of options in JS frameworks.
• Overview of options in Angular.

• Interactive quiz.

2. Angular Universal

• Overview and interactive explanation: SSR with Angular Universal.
• Hands-on: Installing, configuring, and using Angular Universal for an existing project and in a new project.
• Assignment: Have the Dev Blog App dynamically generated and delivered to the customer via the server and publish it via Netlify.

3. Scully

• Overview and interactive explanation: SSG with Scully.
• Hands-on: Install and configure Scully to generate static pages.
• Assignment: Create a Twitter Clone App and use Scully to use static site generation for SEO and speed benefits.

Testing in Angular

1. Software Testing (a crash course)

• Summary of Software Testing (what, why, test levels, test techniques, etc.)
• Interactive quiz and group discussion about the concepts seen.

2. Angular Testing Overview

• Overview of how Angular tests are carried out at all levels (End-to-end, component/unit tests) and what the frameworks/technologies are.
• Angular 16 new features in the field of testing.

3. Unit Testing in Angular

• Overview and interactive explanation: unit tests with Jasmine, Jest, jsdom and Karma/ModernWeb.
• Hands-on: Writing and executing unit tests.
• Assignment: Write and run Survey App tests unit.

• Hands-on: Test-Driven Development
• Assignment: Implement a custom pipe in a TDD way.

4. E2E Testing in Angular

• Overview and interactive explanation: Using Cypress to write system/acceptance tests for our Angular apps in a BDD way.
• Interactive quiz.

Authentication in Angular

1. Web Security

• Web Security Summary (Authentication, Authorization, Basic, Form-Based, Tokens, JWT, etc.)
• Interactive quiz and group discussion about the concepts seen.

2. JWT in Angular

• Hands-on: Interacting with secure API (Postman), writing JWT implementation in Angular for a smooth user experience.
• Overview and interactive explanation: Angular interceptors and guards for secure routes and consistent request/response processing.
• Hands-on: Implementing interceptors and guards in Angular with practical examples of intercepting HTTP requests and responses.

‍