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, b ookmarking 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 well gradually cover the tools and methods to support the developers.
AngularJS vs Angular
This course doesnt 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).
Deltagerprofil
This ...
%%%
... course is intended for professional developers who are familiar with HTML and JavaScript 5 programming.
Indhold
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 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
Udbytte After the course youll be able to independently develop Angular applications.
Form 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.
Underviser 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.
