Angular Development
Den här kursen ger dig de kunskaper och färdigheter som behövs för att bygga webbapplikationer med Angular. Angular är ett mycket populärt TypeScript-ramverk för att bygga webbapplikationer, där sidinnehåll kan delas upp i modulära, självständiga komponenter som är enkla att underhålla och testa.
Angular lämpar sig särskilt väl för dynamiska single-page-applikationer och har inbyggt stöd för routing, vilket gör det till ett självklart verktyg för miljontals front-end-utvecklare världen över. Den här kursen hålls med den senaste versionen av Angular och innehåller avsnitt om grunderna, signals, komponenter, mallar (templates), direktiv, dependency injection, routing, formulär, HTTP-klienten och testning.
Genom hela kursen används övningar och exempel för att ge praktisk erfarenhet av de tekniker som behandlas.,
Målgrupp och förkunskaper
Den här kursen vänder sig till webbutvecklare som vill komma igång med Angular och TypeScript.
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:
Introduction
- What is Angular?
- Installation
- The CLI
- TypeScript
The Basics
- Components
- Templates
- Dependency injection
Signals
- What is a signal?
- Writable signal
- Computed signal
- Effects
Components
- What is a component?
- Inline HTML & CSS
- HTML & CSS files
- Imports
- Selectors
- Styling
- Inputs
- Outputs
- Content projection
- Host elements
- Lifecycle
- Referencing component children
- Accessing the DOM
Templates
- What is a template?
- Template vs HTML
- Interpolation
- Binding
- Event handling
- Control flow
- Pipes
- Template variables
Directives
- What is a directive?
- Attribute directives
- Structural directives
Dependency Injection
- What is dependency injection?
- Creating a service
- Injectors
- Providing a dependency
- Injecting a dependency
- Session 8: ROUTING
- The problem with SPAs
- What is routing?
- Installation
- How @angular/router works
- Routes
- Outlets
- Links
- Route state
- Guards
Forms
- Form types
- A simple reactive form
- A simple template-driven form
- Reactive forms: the basics
- Reactive forms: grouping controls
- Reactive forms: validation
- Reactive forms: dynamic feedback
- Reactive forms: dynamic styling
HTTP Client
- What is HttpClient?
- RxJS Observables
- Providing HttpClient
- Fetching data
- Mutating server state
- Setting URL parameters
- Setting request headers
- Accessing the response object
- Handling errors
Testing
- Jasmine and Karma
- The testing setup
- Basic component testing
- Component binding
- Component with external files
- Component with dependency
- Component with async service
- Component with inputs and outputs
- Routing and routed components
Relaterat innehåll
