Building web apps with Angular and TypeScript

Kursmaterialet är på engelska, med detta innehåll:

Module 1: Introduction to Angular

In this module you'll see what Angular is all about and why it is so important in modern web development.

Module 2: Strongly Typed JavaScript with TypeScript

Let's face it: JavaScript was never designed for big applications. Many constructs to tame complex code like interfaces and strong typing are completely absent. And many of the new cool JS features are not implemented in current browsers. TypeScript is the solution to both problems; allowing you to write modern, application-scale JavaScript.

Module 3: Core Concepts

This module explains the foundational building blocks of any Angular application, including components, modules, and services, as well as essential development tools used in Angular projects.

Module 4: Data Binding

Discover how to connect data between components and views. You’ll explore structural directives, local template variables, and pipes, learning how to create responsive and maintainable interfaces.

Module 5: Components

Dive deeper into component architecture. Learn to build multiple components, establish parent–child communication, and work with Angular’s component lifecycle hooks.

Module 6: Attribute Directives

Explore how to add custom behavior to existing elements using attribute directives. This module introduces built-in directives like NgClass and NgStyle and shows how to create your own.

Module 7: Structural Directives

Learn how structural directives can dynamically alter HTML layout based on data. You’ll work with built-in directives and templates, and create custom structural directives.

Module 8: Dependency Injection and Providers

Understand how dependency injection decouples components and services to make your code more modular and testable. You’ll explore Angular’s provider system and implement your own services.

Module 9: Pipes

This module covers how to transform and format data in views using pipes. You’ll use built-in pipes, create custom ones, and understand the difference between pure and impure pipes.

Module 10: Working with Forms

Learn the two main approaches to handling forms in Angular – template-driven and model-driven. Topics include validation, reacting to data changes, and managing form structure using FormBuilder.

Module 11: Talking to the Server

Understand how to communicate with back-end services via REST using Angular’s HttpClient and RxJS Observables. You’ll learn how to send, receive, and process data efficiently.

Module 12: Building a Single Page Application

This final module shows how to build a full single-page application (SPA) with Angular’s Router Module. You’ll configure routes, implement navigation, and use guards to control access.