K9140 Angular TypeScript Kursus – SPA udvikling

Lær at lave apps med Angular®. Angular er en platform for udvikling af webløsninger baseret på komponenter. Løsninger lavet i Angular er skalérbare, fleksible og nemme at udvikle. Kurset kan køres på flere niveauer efter aftale med instruktøren…

| 4 dage | Afholdes i hele Danmark | Firmakursus | Online-kursus | Åbent kursus |

ZoomTek afholder et grundlæggende og et udvidet kursus i Angular. Angular er en fuldstændig omskrivning i forhold til AngularJS 1.x. Arkitekturen er ændret fuldstændigt.

Angular tilbyder bedre performance og skalérbarhed samt hurtigere udvikling. Angular bygger på TypeScript og Node.js.

Med mindre andet aftales, afholdes kursus i nyeste Angular version 18. Kontakt evt. instruktøren, hvis du har særlige ønsker.

Målgruppe

Kurset i Angular henvender sig til udviklere og it-professionelle, som står over for at udvikle projekter baseret på Angular.

Forudsætninger for Angular 18 kurset

Kurset forudsætter grundlæggende viden om HTML, CSS, JavaScript og webudvikling generelt. Har du stiftet bekendtskab med første version af Angular (AngularJS) er det fint, men da Angular m/TypeScript er fuldstændig anderledes, er det ok, hvis du f.eks. blot er JavaScript-udvikler.

Fold ud

Grundkursus og Udvidet kursus

Kursusbeskrivelsen nedenfor kan ændres og tilrettelægges både opad og nedad i niveau. Derfor tilbydes både et grund- og udvidet kursus. Inden kurset tager instruktøren et webmøde, så alt bliver timet og tilrettelagt - og deltagere og instruktør får hilst på hinanden. Jeres emner kan inddrages i kurset.

Kursus i Jeres virksomhed er nemmest

For alle parter er det nemmest at holde kurset i et mødelokale på jeres adresse. ZoomTek tilbyder også online kurser/fjernkurser eller kurser afholdt på et hotel. Kurser laves i hele Danmark.

Få rabat med klippekort

Du kan få rabat, hvis du bestiller et kursusklippekort. Klippekortet kan bruges af alle medarbejdere.

Ring 4250 5040 og lad os finde en dato

Kurset holdes, når det passer i jeres kalender. Kom gerne med datoforslag. På den måde kan der komme skub i jeres projekter, og I behøver ikke vente unødigt på et kursus.

Kursusafholdelse fuld af Hands-on øvelser

Kurset kan med fordel afholdes som firmakursus. Kurset tilbydes også som 1-mandskursus/Online-kursus. Kurset er fuld af øvelser, hello world og a-ha oplevelser. Du får den nødvendige teori, men du får også koden til at virke på skærmen.

Indhold af kurset i Angular m/TypeScript

1 | Introduktion til Angular m/TypeScript

  • Forskelle på AngularJS og Angular m/TypeScript
  • Buzzwords og fokusområder
  • Fordele ved Angular
  • Node.js contra Visual Studio
  • Editorer -> Visual Studio Code, Sublime, Notepad++
  • Grundlæggende arkitektur i Angular herunder TypeScript
  • Hvorfor benytte Node.js ?
  • Betydningen af kompilering
  • Up and Running med Node.js
  • Installation af Node.js/npm
  • Npm-kommandoer
  • Hentning af ressourcer på Github
  • Hello World: Det første Component
  • Opsætning af skabelonbibliotek

2 | CLI opsætning og brug

  • Installation af CLI
  • Brug af CLI – mest brugte ng kommandoer
  • Oprettelse af projekt med CLI
  • Oprettelse af komponent, directive m.m. med CLI

3 | TypeScript og Angular

  • Intro til TypeScript. Hvorfor – Hvordan?
  • TypeScript muliggør brug af klasser, interfaces, members, objekter og constructors, som det kendes fra f.eks. Java og

4 | .NET kan udnyttes i Angular

  • Kompilering af TypeScript
  • Hvad er TypeScript ikke?
  • Alternativer til TypeScript
  • TypeScript Tutorial

5 | Angular Arkitektur

  • Komponenter (Components) og begreber
  • Angular er kompenentopbygget. Hvad betyder det i praksis?
  • Det første Component. Hello World. Up-and-running.
  • Nødvendige begreber: Decorator Function, Component Artifact, Meta Objects, Fields, Selectors, templates
  • Intro til Providers og Directives
  • Sådan opbygges et Projekt
  • Gennemgang af Projekt-filer – herunder: cli-config, index.HTML, tsconfig.JSON, systemjs.config.js, package.JSON, typings.JSON samt main.ts i app-folderen
  • Rodkomponent (root component) contra subkomponent (sub component)
  • Import/eksport af components
  • Databinding 1way
  • Databinding 2way (mangler i Angular – og så alligevel ikke)

6 | Providers, Services og Dependency Injection

  • Hvad er en Provider?
  • Findes der indbyggede Providers i Anguar?
  • Hvad er en Service?
  • Hvordan laves en Service implementering?
  • Hvad er Dependency Injection (DI)?
  • Hvorfor er Dependency Injection smart?
  • Hvordan laves Dependency Injection i praksis?

7 | Routing og HTTP

  • Hvad er Routing?
  • Konfigurering af Routing
  • Nested Routing
  • Routing Parameters – parsing af url-data til child-komponent ved Routing
  • Import af nødvendige Providers

8 | Løsninger med mange komponenter

  • Property Binding
  • Event Binding
  • @Input, @Output, Eventemitter
  • @ViewChild

9 | Directives

  • Brug af indbyggede directives som *ngIf, *ngIf-else, *For
  • Udvikling af egne directives: Hvorfor? Hvordan?
  • Components
  • Structural Directives. Hvad er det? og hvordan laves det?
  • Attribute Directives. Hvad er det? og hvordan laves det?
  • @Hostlistener
  • @Hostbinding

10 | Template Syntaks

  • Events – herunder brug af $event
  • Hosts
  • Interpolation
  • Ng på 3 måder

11 | Angular Universal

  • Introduktion til Angular Universal

12 | Animation

  • Introduktion til Angular Animation. Omfattende mulighed for at lave grafiske effekter i Angular

13 | Formularer

  • Template-driven forms med FormsModule
  • Validering af felter – valid, dirty, touched
  • Validering pr. felt
  • Formatering af felter ud fra validering
  • Template Model Binding
  • Model-driven forms (Reactive forms)
  • FormGroup, FormControl
  • Brug af FieldSet
  • FormBuilder
  • Validering af Controls
  • Observables på felter

14 | Unit Testing, LifeCycle

  • Unit Testing
  • Mocking
  • Simpelt Hello World eksempel
  • Fejlfinding i kode
  • Læse Debug filer
  • Best practice: hvilken browser giver mest hjælp m.m.
  • Et kig i Angular API vedrørende Unit Testing

15 | Observables og Promises

  • Hvad er Observables?
  • Subscribe i detaljer
  • Observables og fejlhåndtering
  • Unsubcribe()
  • Call Stacks og Event Tables
  • Design Pattern
  • Alternativer til Event Loop
  • RxJS – struktur og overblik
  • Forskelle på Observables og Promises

16 | Projekter i Angular

  • Oprettelse af egne moduler til genbrug af bl.a. komponenter på tværs af projekter
  • Publisering af moduler – med npm
  • Import af moduler – med npm
  • Overførsel af udviklingsprojekt til produktionsmiljø

17 | Angular API

  • Overblik – sådan finder du flere info

18 | Opsamling – ekstraemner

  • Style Guide
  • LifeCycle Hooks
  • Polifills
  • User Input
  • Pipes
  • Google Developer Tools
  • Mere API Reference
  • Opbygning – best practice
  • Ressourcer og Next Step

Kursusinstruktør:

ANS, TKO, HEO, DFG, QVI

Kurset er et formidlingskursus

ZoomTek Kurser

Kurset er udviklet 100% af ZoomTek og/eller af kursusafholder.

Kursus hos Jer

Kurset kan køres på jeres adresse. Nemt og praktisk...

I skal blot have et mødelokale og wifi.

Remote via video

Kolleger kan deltage remote via video. Så kan alle deltage, selv om I har afdelinger i hele landet eller udlandet. Kurser kan afholdes på engelsk.

Praktisk information

Ring på telefon 4250 5040 eller skriv til e-mail info@zoomtek.dk . Alternativt kan du udfylde kontaktformularen nederst.

Kursusdatoer aftales med dig som kunde. Sammen med instruktøren finder I nogle passende datoer. Det kan være meget snart eller om noget tid efter jeres ønske.

De fleste kurser afholdes ude hos vores kunder. Et almindeligt mødelokale er helt optimalt. Alternativt holdes kurser også på hoteller og konferencecentre i København, Aarhus, Aalborg, Odense og Trekantområdet.

Prisen afhænger af antal deltagere, geografi og om det er et ZoomTek kursus eller et formidlet kursus afholdt af en af vore partnere.

Ja. Kurser kan holdes på engelsk, og i en del tilfælde også på svensk. Kurser kan holdes i udlandet til standardpris + rejseomkostninger.

Ja. For 2 personer holder vi et lukket firmakursus. Er du kun dig, kan vi tilbyde et Online kursus.

OnLine kurser er meget fleksible, og kan holdes for 1 eller flere personer. Det kan også være en mulighed, hvis I sidder i Herning og den bedste instruktør til opgaven bor i Ballerup. Online kurser giver samme indlæring som almindelige kurser. Det vidner kursisters tilbagemeldinger gennem flere år om.

Ja, alle ZoomTeks kurser er skræddersyede. Kurser kan tilpasses og blandes. Indhold, kursuslængde og kursusform kan tilpasses.

ZoomTek sælger klippekort til kurser. Disse kan benyttes af alle i virksomheden og på tværs af ZoomTek kurser og formidlede kurser.

Kurser på denne side er udviklet eller formidlet af ZoomTek. ZoomTek har ikke 'an affiliation, endorsement, sponsorship, or approval' med Apple®, Adobe®, Microsoft®, IBM® og andre - og deres respektive varemærker. Læs mere om brug af varemærker på ZoomTek.dk her. ZoomTek alene eller de partnere, ZoomTek formidler kurser til, står bag kurserne.

Kontakt ZoomTek og lad os tage et webmøde

Kontakt ZoomTek på telefon 4250 5040 eller info@zoomtek.dk.Telefonen er åben alle hverdage mellem kl. 8-17. Webmøder kan også aftales om aftenen.

Du kan også udfylde kontaktformularen nedenfor.






Angular®, Github®, Google®, Java®, JavaScript®, Node.js®, Notepad++®, TypeScript® (and others) are either registered trademarks or trademarks in the United States and/or other countries. On this page you may find other trademarks and/or registered trademarks that belong to third parties and are the property of their respective owners. ZoomTek does’nt have an affiliation, endorsement, sponsorship, or approval with or by any of these companies and their respective trademarks. ZoomTek has developed all courses on this website or passes the courses on to an external course provider. Read more about the use of trademarks on ZoomTek.dk