Angular

Beskrivelse

Kom godt rundt om Angular framework. Angular er et framework til at bygge Single Page Applications (SPA). Med Angular kan du bygge responsive websites. SPAs har nogle udfordringer som Angular kan tilbyder løsninger på, udfordringer som vedligeholdelse, testability, data – user interface synkronisering, form handling, bookmarking specifikke SPA-dele, opsætning m.v.

The course starts with an introduction to TypeScript, the language used by Angular. Next will be building the user interface and keeping 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, animations and other advanced topics. During the course we’ll gradually cover the tools and methods to support the developers.

AngularJS vs Angular

This course doesn’t cover Angular 1, now known as AngularJS. Instead it covers the latest version of Angular 2 and later, simply known Angular. Course material will always be updated to the very latest version available (as Angular will get a new major version every 6 month).

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

Introduction:

What is Angular?
Why Angular?

Module 1: Language constructs for Angular

EcmaScript 2018 and later (JavaScript): The relevant features for Angular
TypeScript

Module 2: Basic

Building blocks
Bootstrapping
Components
Templates & Styling
Interpolation
Binding expressions

Module 3: Data binding

Properties
Attributes
CSS classes and styles
Events
Structural Directives: if, if-then, for, switch, etc.

Module 4: Pipes

Build-in pipes
Promises & Observables (RxJS)
Customer pipes

Module 5: Forms

Two-way data binding
Template driven forms
Reactive forms

Module 6: Multiple components

Parent to child communication
Child to parent communication
Transclusion
Component lifecycle

Module 7: Dependency Injection

Modules
Services
Injectors
Factories

Module 8: Router

Static routing
Dynamic routing
Nested routes
No match (like a 404)
Lazy loading

Module 9: Calling Web Services

HttpClient

Module 10: Developer experience

Debugging
Developer tools
Unit testing
Updating to new Angular versions

Module 11: Miscellaneous

Angular CLI
Custom Directives
Animations
Angular Universal

Appendix 1: Immutable Data

Immutable JavaScript: List; Map; Set; Convert from and to raw JavaScript objects; Nested structures; Lazy sequences; Equality; Batch mutations

Appendix 2: Redux

Redux
Redux DevTools
Redux Middleware
@angular-redux

After the course you’ll be able to independently develop Angular applications.

This hands-on course will cover the full breadth of Angular, from data binding to dependency injection and from reactive forms to the router. The course is based on countless examples and lots of practical exercises.
Undervisningen foregår på engelsk.

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.