Building web apps with Angular and TypeScript
Den här kursen ger dig en praktisk och komplett introduktion till utveckling av moderna webbapplikationer med Angular och TypeScript. Du börjar med att förstå grunderna i Angulars komponentbaserade arkitektur och hur TypeScript används för att skriva robust och typstark kod. Därefter lär du dig bygga dynamiska användargränssnitt med databindning, direktiv och komponenter som samverkar.
Om utbildningen
Kursen går vidare med mer avancerade områden som dependency injection, anpassade pipes, och formulärhantering med validering. Du får också lära dig hur applikationer kommunicerar med backend-tjänster via REST och hur du bygger fullskaliga single-page-applikationer (SPA) med Angulars router.
Målgrupp och förkunskaper
Den här kursen vänder sig till webbutvecklare.
Inför kursen behöver du en god förståelse för JavaScript, HTML och CSS.
För att alltid hålla en hög kvalitet på våra teknikkurser använder vi både engelsk- och svensktalande experter som kursledare.
Detaljerad information
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.
Mer än en kurs
Tre månader som förändrar hur er ledning fattar beslut om AI. Sju sessioner, tolv veckor. Byggt för dem som bär det övergripande ansvaret, inte för dem som ska lära sig verktygen.
Vilken kompetens behöver ni om två år — och har ni den idag? Vi hjälper er planera för framtidens kompetensbehov innan luckorna blir ett problem.
Vet ni vilka kompetensgap som finns i er organisation idag? Vi hjälper er kartlägga nuläget och identifiera vad ni behöver bygga för att möta morgondagens krav.
Ladda kortet med utbildningsdagar i förväg och säkra budgeten innan behovet uppstår. Ni får rabatterade priser, flexibel användning och enklare administration — för hela teamet.
Relaterat innehåll
