Angular 4 Development

Kursarrangør: Glasspaper AS
Sted: Oslo, Helsfyr
Kursadresse: Brynsveien 12, 0667 Oslo (kart)
Type:Åpent kurs / gruppeundervisning
Undervisningstid: Ta kontakt for informasjon
Varighet: 4 dager
Pris: 20.900

Angular 4 is a latest version of the Angular library. This course takes a thorough look at all the new features in Angular 4, as well as providing in-depth coverage of everything introduced in Angular 2.

Where appropriate, we also highlight related concepts in AngularJS (version 1.x), to help AngularJS developers make the leap into the current Angular library.

You will learn:
• Angular architectural concepts
• Creating and testing Angular apps
• Templates
• Data binding and forms
• Dependency injection
• Pipes
• Directives and transclusion
• Routing and navigation
• Calling REST services
• Web sockets
• Angular CLI
• Angular Universal
• Testing

Course content:

Angular 4 Essentials:
Angular 4 vs Angular 2 vs AngularJS: Angular architecture components: Development tools state-of-play

TypeScript and ECMAScript 6 Essentials:
Overview of TypeScript and ECMAScript 6: Transpilation: Using the TypeScript Playground: Configuring and using the TypeScript transpiler

Understanding TypeScript Syntax:
Variables and types: Functions: Classes: Generics: Inheritance: Interfaces

Creating a Simple Angular Application:
Structure of an Angular application: Importing Angular libraries: Angular bundles: Angular components: Templates: Binding expressions: Bootstrapping Angular

Data Binding:
A closer look at data binding: Two-way data binding: Delayed binding: Applying CSS styles and classes conditionally: Using structural directives: Differences in Angular 4

Using built-in pipes: New pipes in Angular 4: Using promises, observables, and the async pipe: Defining custom pipes: Applying pipes programmatically

Template-driven forms: Reactive forms: Dynamic (data-driven) forms: Validation techniques

A closer look at SystemJS: Loading multiple modules: Configuring SystemJS: Using a package manager

Component Hierarchies:
Structuring applications: Defining component inputs: Defining component outputs: The mediator pattern

Dependency Injection:
Overview of dependency injection in Angular: Simple dependency injection: Using the provide() function: A hierarchy of injectors: Global provision: Injection into services: Values and factories

Angular Routing:
Getting started with routing: The role of routing in Single Page Applications: Route parameters and route data: Defining multiple router outlets: Lazy loading

Calling Rest Web Services:
Overview of Rest services: Calling Rest services from Angular: Dealing with asynchronous results

Web Sockets:
Web Sockets concepts: Calling Web Sockets from JavaScript: Using RxJs Observables with Web Sockets

Testing Angular Code:
Setting the scene for unit testing: Getting started with Jasmine: Using Jasmine to test Angular code

Implementing Custom Directives:
Attribute directives: Specifying parameters and events: Structural directives: Transclusion

Angular CLI:
Overview of Angular CLI: Creating a template application: Generating components, services, and other artefacts: AOT vs. JIT compilation: Bundling and tree-shaking

Angular Universal:
The need for server-side rendering: Creating an Angular Universal application: Build configuration: Implementing a server-side host application

Instructor: Andy Olsen

Andy is a freelance consultant and instructor based in the UK, working mostly in the City of London and Oxford. Andy has been working with .NET since the Beta 1 days and has extensive experience in many facets of .NET development including WCF, WPF, WF, ASP.NET MVC Web development, and mobile applications. Andy has designed and written many Microsoft Official Curriculum courses in the last decade, and has been engaged as author and technical reviewer with Apress on some of their biggest selling books.

Målgruppe for kurset

• Familiarity with HTML and JavaScript programming
• Experience in AngularJS 1.x is beneficial but not required