Angular 2 / Angular 4

Bemærk: Dette kursus kan køres både til Angular 2 og Angular 4

ZoomTek afholder 2 kurser i Angular 2 / Angular 4. Et grundlæggende og et udvidet. Angular 2 er ikke blot en fortsættelse af Angular 1.3 og 1.6, men en fuldstændig omskrivning. Kodningen og arkitekturen er ændret fuldstændigt.

Angular 2 / Angular 4 tilbyder bedre performance, højere skalérbarhed og hurtigere udvikling. Angular 2 bygger på TypeScript og laves oftest på en motor af NodeJS/npm eller Visual Studio.

Prisberegner


Kr. 36.000 for lukket firmakursus på 3 dage ekskl. moms (kr. 12.000 pr. dag)

Du får altid:

Afholdelsesgaranti inden 30 dage checkmark       Gratis Hotline efter kursus checkmark     Afholdes i hele Danmark checkmark
(pga travlhed gælder afholdelsesgarantien ekstraordinært ikke i 3. kvartal)

Forudsætninger for Angular 2 / Angular 4 kurset

Kurset forudsætter grundlæggende viden om html, css, javascript og webudvikling generelt. Har du stiftet bekendskab med første version af Angular er det fint, men da Angular 2 er fuldstængig anderledes er det ok, hvis du f.eks. blot er javascript-udvikler.

Kursusafholdelse fuld af Hands-on øvelser

Kurset kan med fordel afholdes som firmakursus. Kurset tilbydes også som 1-mandskursus/Online-kursus uden ekstrapris. 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.

Kursusindhold

Kursuspensum kan variere afhængig af deltagernes niveau, behov og forudsætninger. Men grundstammen vil oftest være som vist her:

 

Modul 1: Introduktion til Angular 2

  • Forskelle på AngularJS 1.3/1.6 og Angular 2
  • Buzzwords og Fokusområder
  • Fordele/Promises ved Angular 2
  • NodeJS contra Visual Studio
  • Grundlæggende arkitektur i Angular 2 inkl. TypeScript
  • Hvorfor NodeJS -> herunder kompilering
  • Up and Running med NodeJS
  • Installation af NodeJS/npm
  • npm-kommandoer
  • Hentning af ressourcer på Github
  • Hello World - det første Component
  • Opsætning af Skabelon-bibliotek

 

Modul 2 : TypeScript og Angular 2

  • Intro til TypeScript. Hvorfor - Hvordan?
  • TypeScript muliggør brug af klasser, interfaces, members, objekter og constructors, som det kendes fra f.eks. Java og C#.net - det kan udnyttes i Angular 2
  • Kompilering af TypeScript
  • Ikke browser-kompatibel
  • Hvad er TypeScript ikke?
  • Alternativer til TypeScript
  • TypeScript Tutorial

 

Modul 3: Angular 2 Arkitektur, Komponenter (Components) og Begreber

  • Angular 2 er Component-opbygget. 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: 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
  • Input-output af data
  • Databinding 1way
  • Databinding 2way (mangler i Angular2 - og så alligevel ikke)

 

Modul 4: Providers, Services og Dependency Injection

  • Hvad er en Provider?
  • Findes der indbyggede Providers i Anguar 2 (oh yes, you bet...)
  • 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?

 

Modul 5: Routing og HTTP

  • Hvad er Routing
  • Konfigurering af Routing
  • Import af nødvendige Providers
  • En lille advarsel. Måden at kode Routing på er forskellig i alfa, beta og gold release af Angular 2. Desværre er meget support på nettet skrevet til alfa og beta-versioner
  • HTTP i relation til Angular 2

 

Modul 6: Directives

  • Components
  • Structural Directives. Hvad er det? og hvordan laves det?
  • Attribute Directives. Hvad er det? og hvordan laves det?

 

Modul 7: 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 2 API vedrørende Unit Testing

 

Modul 8: Opsamling - ekstraemner

  • Style Guide
  • Forms
  • User Input
  • Pipes
  • Mere API Reference
  • Opbygning - best practice
  • Ressourcer og Next Step 

Del denne artikel på

Mest læste sider

test1.png