Kurskode: STA_ANG

varighet: 4 Dag(er)

Sted: Virtual, Instructor Led Training
Katergori: Applications Development

Course Overview

Angular is a hugely popular TypeScript framework for building web applications. It provides for the division of page content into modular, self-contained components that are easy to maintain and test. Ideally suited to highly dynamic, single-page applications and with routing built in, Angular is a staple for millions of front-end web developers worldwide.

This course is delivered using the latest version and includes sessions dealing the basics, signals, components, templates, directives, dependency injection, routing, forms, HTTP Client, and testing.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Company Events

These events can be delivered exclusively for your company at our locations or yours, specifically for your delegates and your needs. The Company Events can be tailored or standard course deliveries.

This course aims to provide the delegate with the knowledge and skillsnecessary to build simple web applications with Angular, and to lay thefoundations for further learning. 

Angular Training Course Course Contents - DAY 1

CourseIntroduction

  • Administration and course materials
  • Course structure and agenda
  • Delegate and trainer introductions

Session1: INTRODUCTION

  • What is Angular?
  • Installation
  • The CLI
  • TypeScript

Session2: THE BASICS

  • Components
  • Signals
  • Templates
  • Dependency injection

Session3: SIGNALS

  • What is a signal?
  • Writable signal
  • Computed signal
  • Effects
  • Angular Training Course Course Contents - DAY 2

Session4: 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

Session5: TEMPLATES

  • What is a template?
  • Template vs HTML
  • Interpolation
  • Binding
  • Event handling
  • Control flow
  • Pipes
  • Template variables
  • Angular Training Course Course Contents - DAY 3

Session6: DIRECTIVES

  • What is a directive?
  • Attribute directives
  • Structural directives

Session7: DEPENDENCY INJECTION

  • What is dependency injection?
  • Creating a service
  • Injectors
  • Providing a dependency
  • Injecting a dependency

Session8: ROUTING

  • The problem with SPAs
  • What is routing?
  • Installation
  • How @angular/router works
  • Routes
  • Outlets
  • Links
  • Route state
  • Guards
  • Angular Training Course Course Contents - DAY 4

Session9: 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

Session10: 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

 Session11: 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

Delegates are expected to be fluent with HTML, CSS, and JavaScript. This knowledge can be obtained by attendance on the pre-requisite Modern, Responsive Websites with HTML & CSS and JavaScript Developer courses. Whilst not essential, delegates will also benefit from knowing some TypeScript. This knowledge can be obtained by attendance on the TypeScript course.

The Angular course is aimed at front-end web developers who will be requiredto build, or contribute to the building of, Angular web applications. It mayalso be of interest to testers, engineers, architects, and development teamleaders. 

Relaterte kurs