Brug for hjælp?

  • Gregersensvej 8
  • 2630 Taastrup
Google MapsApple MapsRejseplanen
  • Forskerparken Fyn, Forskerparken 10F
  • 5230 Odense M
Google MapsApple MapsRejseplanen
  • Teknologiparken Kongsvang Allé 29
  • 8000 Aarhus C
Google MapsApple MapsRejseplanen
  • NordsøcentretPostboks 104
  • 9850Hirtshals
Google MapsApple MapsRejseplanen
  • Gammel Ålbovej 1
  • 6092Sønder Stenderup
Google MapsApple MapsRejseplanen

Angular with NativeScript

På kurset får du en grundig gennemgang til Angular framework. Med Angular kan du bygge hurtige og responsive hjemmesider. På kurset bliver du i stand, til selvstændigt at udvikle Angular applications i NativeScript. Undervisningen foregår på engelsk.

Angular is an opinionated framework to build Single Page Applications (SPA)

SPAs do have some challenges for which Angular offers solutions, challenges like maintainability, testability, data - user interface synchronisation, form handling, bookmarking specific SPA parts, setup, etc.


This course is intended for professional developers who are familiar with JavaScript 5 programming.


The course starts with an introduction to TypeScript, the language used by Angular. Next will be building the user interface and the specific layout and components building blocks available. Naturally themes, styling and handling images are discussed. After those NativeScript topics, we learn how Angular keeps data synchronised between code and the view. Moving on to writing components hierarchies, handling data and making forms. When those basics are done, the focus will be on setup, dependency injection, routing, calling web services, plugins, animations and other advanced topics. During the course we’ll gradually cover the tools and methods to support the developers.


  • 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


This hands-on course will cover the full breadth of Angular and NativeScript, from data binding to dependency injection and from gestures to the router. The course is based on countless examples and lots of practical exercises.


Underviser Rick Beerendonk
Rick is a senior consultant and trainer from The Netherlands. He has over 20 years of professional experience while working in small, large and fast growing organisations. His passion is simplicity, well-written code and team dynamics. He is specialised in front-end technologies and speaks regularly about these topics at international events.

Har du faglige spørgsmål, så kontakt:
Andre kigger også på