Angular med NativeScript

Dette kursus tager et dybdegående kig på Angular-frameworket. Angular er et opinionated framework til at bygge SPA'er (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.

SPA'er 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.