Learning Angular for .NET Developers电子书

Title Page

Copyright

Learning Angular for .NET Developers

Credits

About the Author

About the Reviewers

www.PacktPub.com

Why subscribe?

Customer Feedback

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

Getting Started with Angular

Introducing Angular

The birth of AngularJS

Why AngularJS?

Angular 2

The benefits of Angular 2

The development process in Angular 2

What is ECMAScript 6?

What is a transpiler?

What is TypeScript?

The development process in JavaScript

Development with a build-time transpiler

Development with a runtime transpiler

Transpiler options

What happened to Angular 3?

What's new in Angular ?

Why Angular for .NET developers?

Building a Hello World app with Angular

Setting up the development environment

Installing Visual Studio Code

Installing Node.js

Creating an Angular application

The architecture of Angular

Summary

Angular Building Blocks - Part 1

Modules (NgModules)

Components

The life cycle of a component

Decorators and metadata

Templates

Inline templates

Isolated templates

The local template variable

Binding

One-way binding

Interpolation binding

Property binding

Event binding

Two-way binding

Directives

Structural directives

Attribute directives

Dependency injection

Why dependency injection?

The role of injectors

Handling dependency injection in Angular

Summary

Angular Building Blocks - Part 2

Forms

Tools for forms

Types of Angular forms

Templete driven forms

Model-driven forms

Fundamental objects of model-driven forms

Pipes

Common pipes

Pipe with parameters

Chaining pipes

Currency pipes

Date pipes

Uppercase and lowercase pipes

JSON pipes

AppComponent

Routers

The core concept of Component Routers

Setting up a Component Router

Configuring routes

Router Outlet and Router Links

Services

Observables

Summary

Using TypeScript with Angular

What is TypeScript?

Basic types

Boolean

Number

String

Array

Enum

Any

Void

Interfaces

Optional properties

Function type interfaces

Array type interfaces

Class type interfaces

Extending interfaces

Hybrid type interface

Classes

Inheritance

Inheritance in TypeScript

Private/Public modifiers

Accessors

Static properties

Modules

Namespaces

Modules

Functions

Optional and default parameters

Rest parameters

Generics

Generic interfaces

Generic classes

Decorators

Class decorators

Method decorators

Accessor decorators

Property decorators

Parameter decorators

TypeScript and Angular

Summary

Creating an Angular Single-Page Application in Visual Studio

Creating an ASP.NET core web application

Adding client-side packages using NPM package manager

Using Gulp to run tasks

Adding Angular components and templates

Configuring TypeScript compiler options

Adding an Angular component

Adding app module

Adding an Angular component

Adding a Todo class

Adding a TodoService class

Updating the AppComponent class

Updating the AppModule

Adding the AppComponent template

Summary

Creating ASP.NET Core Web API Services for Angular

RESTful Web Services

ASP.NET Web API Overview

Why the ASP.NET Web API is a great fit for Angular

Creating ASP.NET Web API services

Adding and configuring an MVC service to the ASP.NET project

Adding Web API Controller to an ASP.NET application

Adding models to an ASP.NET application

Adding DBContext to an ASP.NET application

Using DB Migration

Using Database Context in a Web API controller

Integrating ASP.NET Core Web API with Angular application

Updating a model in an Angular app

Preparing Angular application

Consuming Web API GET Action in TodoService

Posting to the Web API from TodoService

Calling the PUT action of the Web API to update a Todo item

Calling the DELETE action of the Web API to delete a Todo item

Updating the wrapper functions in TodoService

Updating AppComponent

Updating the AppComponent template

Updating the index page

Running the application

Summary

Creating an Application Using Angular, ASP.NET MVC, and Web API in Visual Studio

Using ASP.NET MVC

Combining routing for ASP.NET MVC, the ASP.NET Web API, and Angular

Routing in ASP.NET MVC

Adding ASP.NET MVC HomeController

Routing for ASP.NET MVC

Moving the content from the default page to the ASP.NET MVC view

Routing in the ASP.NET Web API

Routing in Angular

Moving the Angular template to the ASP.NET MVC template

Summary

Testing Angular Applications

Introducing Jasmine

Testing Angular services

Testing Angular components

Writing Specs for AppComponent

Running the specs or tests of AppComponent

Unit testing a mock service

Summary

What s New in Angular and ASP.NET Core

What's new in Angular

Ahead-of-Time compilation

Update on templates

Introducing titlecase pipes

Simplified parameter passing in HTTP

Overriding templates in testing

Introducing the Meta service

New form validators

Introducing ParamMap in router

Introducing .NET Core 1.0

Cross-platform development with the .NET Execution Environment

The traditional .NET Framework

Mono Cross-platform .NET Framework

NuGet package manager

CoreFx and CoreCLR in .NET Core

Choosing a Framework

The Dotnet Execution Environment- DNX

Deployment options

Publishing with Visual Studio

Publishing with dotnet command-line interface

Deploying to IIS

Deploying to Microsoft Azure

Deploying to Linux and macOS

Summary