Kurs om

Grundkurs i Angular

Kurs om hur du bygger moderna SPA webb-applikationer med Angular

Angular har på kort tid blivit industri-standard för att bygga moderna webbapplikationer baserade på principen om single-page application (SPA). Detta innebär att browsern laddar en enstaka HTML fil, som i sin tur laddar JavaScript kod och CSS style-sheets. Alla logiska webbsidor byggs upp av JS funktioner, HTML template snippets och renderas med CSS stylesheets.

Denna kurs lär dig allt du behöver veta för att snabbt komma igång och bygga moderna webbapplikationer med hjälp av Angular.

Snabbfakta

Namn
Grundkurs i Angular
Ämne
Webbapplikationer
URI
web/angular-basics
Längd
4 dagar
Nivå
Beginner
Målgrupp
Web-apps programmerare
Förkunskaper
God erfarenhet av att programmera i JavaScript och HTML/CSS
Programvara & Verktyg
  • Node.js & NPM & NPX
  • ng-cli
  • MS Visual Code || JetBrains IntelliJ IDEA
  • Chrome || Firefox || Edge

Kursdatum

Här ser du vilka kursdatum som är tillgängliga. Klicka på en av datumknapparna för att anmäla dig till ett kurstillfälle. På kursen pratar läraren svenska, medan vårt kursmaterial alltid är författat på engelska.

Missa inte vår samfaktureringsrabatt! Är ni fler personer från samma företag/organisation som går på samma kurs, rabatteras tillkommande personer med 50% . Ni anmäler er till kursen en och en, men uppger samma företag, så ordnar vi resten. Samtliga deltagare från samma företag ingår på samma faktura, den första till fullt pris och resterande till rabatterat pris.

Kurs i Klassrum

Du sitter bekvämt i ett av våra klassrum, vilka finns centralt placerade i Stockholms innerstad.

I priset ingår tryckt kursmaterial (och som PDF), samt kaffe/te med smörgås på förmiddagen och kaffe/te med bulle på eftermiddagen.

Pris: 25 000 kr + moms

Kurs via Zoom

Du sitter bekvämt framför datorn och deltar i kursen via internet. Vi använder programvaran Zoom för alla våra fjärrkurser.

I priset ingår kursmaterial som PDF.

Pris: 20 000 kr + moms

Kurs hos Er

Om ni är tre eller fler personer från samma företag eller organisation, kan ni beställa en företagsanpassad kurs. Då håller vi kursen på ett datum som passar er. Antingen på plats i era lokaler eller som en fjärrkurs. Vi kan också hålla den muntliga framställningen på engelska. Klicka på knappen nedan för att be om en offert.

Detta får du lära dig

Här är ett sammandrag i punktform av vad du får lära dig på kursen. Eftersom kursmaterialet är författat på engelska, så återger vi sammandraget också på engelska.

  • Generation of project files and artifacts using ng-cli
  • Design of Angular components, with models and views
  • The use of pipes to format data in HTML fragments
  • The use of ng directives to manipulate DOM in an HTML snippet
  • Design service classes to encapsulate business logic
  • Be able to implement calls to REST-WS background services
  • Building apps with many pages, using ng-router
  • Generate a server-side rendered app with Angular Universal

Kursinnehåll

Eftersom kursmaterialet är författat på engelska, så återger vi innehållet också på engelska.

Background and Overview

Preparation

In this section we are laying the ground and establishing a baseline for the remaining of the course.

What is an SPA?

Using Node.js, NPM & NPX

Modern ES & TypeScript

Kick-Start

In this section are we creating a complete Angular app step-by-step, which will serve as a base for understanding for the remaining of the course

Using the ng CLI

Your 1st ng App

Angular Basics

Discussion of the most essential parts of Angular.

Modules

Template Syntax

Pipes

Directives

Services

Component I/O

Components

Angular Intermediate

Discussion of slightly more complex parts of Angular

RxJS

HttpClient

Basic Routing

Parameterized Routes

Child Routes

Route Guards

Forms

In this section we discuss HTML form fields and what support Angular provides for dealing with validation.

Form Fields

Angular Forms Support

Template-Oriented Forms

Component-Oriented Forms

Interactive Form Fields

User-Defined Validation

Brief about Authentication

Development

In this section we discuss various topics when developing Angular apps.

Development Advice

Configuration

Using 3rd Party Libraries

Build

Angular Universal

-->