Beskrivelse
Dette kursus tager et dybdegående kig på Angular-frameworket. Angular er et opinionated framework til at bygge SPAer (Single Page Applications) med. Med Angular kan du bygge hurtige og responsive websteder. Efter kurset vil du selv kunne udvikle Angular-applikationer i NativeScript. Kurset afholdes på engelsk.
SPAer har visse udfordringer, som Angular har løsninger til. Det drejer sig om at vedligeholde, teste, synkronisere data-brugergrænseflader, håndtere formularer, bogmærke specifikke SPA-elementer, opsætning osv.
Deltagerprofil
Dette kursus er beregnet til professionelle udviklere, som har erfaring med JavaScript 5-programmering.
Udbytte
Kurset starter med en introduktion til TypeScript-sproget, som Angular bruger. Herefter opbygger vi brugergrænsefladen og det specifikke layout samt de tilgængelige komponentskabeloner. Temaer, formatering og håndtering af billeder bliver gennemgået. Efter disse NativeScript-emner lærer vi, hvordan Angular synkroniserer data mellem koden og visningen. Vi går videre til at skrive komponenthierarkier, håndtere data og oprette formularer. Når disse grundlæggende ting er gennemgået, fokuserer vi på opsætning, injektion af afhængigheder, kald til webtjenester, plugins og andre avancerede emner. Under kurset dækker vi gradvist værktøjer og metoder til at støtte udviklerne med.
Indhold
Introduction
What is Angular?
Why Angular?
What is NativeScript? ...%%%
...
Why NativeScript?
Setup
Module 1: Language constructs for Angular
EcmaScript 2018 and later (JavaScript): The relevant features for Angular
TypeScript
Module 2: Angular Basics
Building blocks
Bootstrapping
Components
Templates & Styling
Interpolation
Binding expressions
Module 3: NativeScript UI
Modules
Layout
Modal View
UI Widgets
Gestures
Module 4: NativeScript Styling
Styling
Theme
Resources & Images
Module 5: Data binding
Properties
Attributes
Events
Structural Directives: if, if-then, for, switch, etc.
Module 6: Pipes
Build-in pipes
Promises & Observables (RxJS)
Customer pipes
Module 7: Forms
Two-way data binding
Template driven forms
Reactive forms
Module 8: Multiple components
Parent to child communication
Child to parent communication
Transclusion
Component lifecycle
Module 9: Dependency Injection
Modules
Services
Injectors
Factories
Module 10: Router
Static routing
Dynamic routing
Nested routes
History
Navigating in code
Module 11: Calling Web Services
HttpClient
Module 12: Developer experience
Debugging
Developer tools
Code sharing
Unit testing
Updating to new Angular versions
Module 13: NativeScript
Project Structure
Plugins
Hardware Access
Application Templates
Module 14: Miscellaneous
Custom Directives
Animations
Appendix
Appendix 1: Immutable Data
Immutable JavaScript: List; Map; Set; Convert from and to raw JavaScript
objects; Nested structures; Lazy sequences; Equality; Batch mutations
Format Dette praktiske kursus dækker hele funktionaliteten i Angular og NativeScript, lige fra databinding til injektion af afhængigheder og fra bevægelser til routeren. Kurset er baseret på utallige eksempler og masser af praktiske øvelser. Kurset afholdes på engelsk.
Form ved virtuelt afholdelse Du tilgår kurset via internettet fra din egen computer, stabil forbindelse er vigtig.
Du logger på via det tilsendte link, hvor vores underviser sidder klar til at gennemgå kurset live med en gruppe deltagere
Underviser Rick er seniorkonsulent og underviser fra Holland. Han har over 25 års professionel erfaring med at arbejde i små og store organisationer samt organisationer, der er i kraftig vækst. Hans passion er enkelhed, velskrevet kode og teamdynamik. Han er specialiseret i front-end-teknologier, og han taler ofte om disse emner ved internationale begivenheder.
SPAer har visse udfordringer, som Angular har løsninger til. Det drejer sig om at vedligeholde, teste, synkronisere data-brugergrænseflader, håndtere formularer, bogmærke specifikke SPA-elementer, opsætning osv.
Deltagerprofil Dette kursus er beregnet til professionelle udviklere, som har erfaring med JavaScript 5-programmering.
Dette kursus tager et dybdegående kig på Angular-frameworket. Angular er et meningsfuld framework til at bygge SPAer (Single Page Applications) med. Med Angular kan du bygge hurtige og responsive websteder. Efter kurset vil du selv kunne udvikle Angular-applikationer i NativeScript. Kurset afholdes på engelsk.
Få en introduktion til TypeScript-sproget, som Angular bruger
Lær at opbygge brugergrænsefladen og det specifikke layout samt de tilgængelige komponentskabeloner
Få viden om temaer, formatering og håndtering af billeder
Lær, hvordan Angular synkroniserer data mellem koden og visningen
Skriv komponenthierarkier, håndter data og opret formularer
Få styr på opsætning, injektion af afhængigheder, kald til webtjenester, plugins og andre avancerede emner
Format Dette praktiske kursus dækker hele funktionaliteten i Angular og NativeScript, lige fra databinding til injektion af afhængigheder og fra bevægelser til routeren. Kurset er baseret på utallige eksempler og masser af praktiske øvelser. Kurset afholdes på engelsk.
Form ved virtuelt afholdelse Du tilgår kurset via internettet fra din egen computer, stabil forbindelse er vigtig
Du logger på via det tilsendte link, hvor vores underviser sidder klar til at gennemgå kurset live med en gruppe deltagere
Indhold Introduction
What is Angular?
Why Angular?
What is NativeScript?
Why NativeScript?
Setup
Module 1: Language constructs for Angular
EcmaScript 2018 and later (JavaScript): The relevant features for Angular
TypeScript
Module 2: Angular Basics
Building blocks
Bootstrapping
Components
Templates & Styling
Interpolation
Binding expressions
Module 3: NativeScript UI
Modules
Layout
Modal View
UI Widgets
Gestures
Module 4: NativeScript Styling
Styling
Theme
Resources & Images
Module 5: Data binding
Properties
Attributes
Events
Structural Directives: if, if-then, for, switch, etc.
Module 6: Pipes
Build-in pipes
Promises & Observables (RxJS)
Customer pipes
Module 7: Forms
Two-way data binding
Template driven forms
Reactive forms
Module 8: Multiple components
Parent to child communication
Child to parent communication
Transclusion
Component lifecycle
Module 9: Dependency Injection
Modules
Services
Injectors
Factories
Module 10: Router
Static routing
Dynamic routing
Nested routes
History
Navigating in code
Module 11: Calling Web Services
HttpClient
Module 12: Developer experience
Debugging
Developer tools
Code sharing
Unit testing
Updating to new Angular versions
Module 13: NativeScript
Project Structure
Plugins
Hardware Access
Application Templates
Module 14: Miscellaneous
Custom Directives
Animations
Appendix
Appendix 1: Immutable Data
Immutable JavaScript: List; Map; Set; Convert from and to raw JavaScript
objects; Nested structures; Lazy sequences; Equality; Batch mutations
