| 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.
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.
Det får du også......
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
Er du stadig i tvivl om kursusvalg? Lad os tage et uforpligtende 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