利用TypeScript开发Angular 2实战指南

5星 · 超过95%的资源需积分: 9 60 浏览量更新于2024-07-20 1 收藏 14.14MB PDF 举报

《Angular 2 Development with TypeScript》是一本由Yakov Fain和Anton Moiseev合著的专业技术书籍，专为那些希望深入学习和掌握Angular 2框架与TypeScript语言结合应用的开发者编写。这本书是英文版，针对的是Angular 2（一个强大的前端JavaScript框架，用于构建高效、可维护的单页应用）的开发实践，特别是强调了TypeScript作为其主要的声明性编程语言所带来的优势。 TypeScript是一种JavaScript的超集，它增加了静态类型检查、类和接口等面向对象编程特性，使得代码更易于维护和扩展。在Angular 2中，使用TypeScript可以提供更好的类型安全性和代码组织结构，有助于减少运行时错误，提升团队协作效率。书中涵盖了Angular 2的核心概念，如模块化、依赖注入、指令、服务、管道以及组件的创建和管理。作者详细讲解了如何利用TypeScript的强类型系统来构建复杂的组件，包括组件的生命周期管理和属性绑定。此外，读者还将学习到如何处理路由、表单验证和异步操作，这些都是在实际项目中不可或缺的部分。书中还涉及到了Angular CLI（Command Line Interface），它是Angular提供的命令行工具，可以帮助开发者快速设置项目、生成代码并进行项目管理。通过本书，读者将学会如何利用CLI进行项目初始化，配置开发环境，并在开发过程中充分利用TypeScript的各种特性。对于那些希望在现代化Web开发中提升技能的开发者来说，《Angular 2 Development with TypeScript》是一本极具价值的参考书。它不仅提供了理论知识，还包含了大量的实例和实战项目，帮助读者逐步掌握Angular 2开发的最佳实践。同时，该书还包含了版权信息，强调了复制、存储或传输内容需经Manning Publications事先书面许可的法律要求。这是一本适合中级至高级开发者阅读的教程，无论是初次接触Angular 2还是希望提升现有技能的开发者，都能从中获益匪浅。为了获取更多优惠和查询其他Manning出版的书籍，读者可以通过网站www.manning.com联系出版社或Special Sales Department。

PREFACE

■

Server-side rendering—Angular Universal turns your app into HTML in an offline

build step that can be used for server-side rendering, which in turn greatly

improves indexing by search engines and

SEO.

■

Modern UI components—A library of modern-looking UI components (Angular

Material 2) is in the works.

As you can see from this list, Angular 2 comes with the batteries included.

From a management perspective, Angular 2 is appealing because there are already

more than a million Angular

JS developers, and most of them will switch to Angular 2.

Angular 2.0 was released in September of 2016, and new major releases will be pub-

lished semiannually. The Angular team spent two years developing Angular 2.0, and

on its release date about half a million developers were already using it. We expect this

number to double within the year. Having a large pool of workers with specific skills is

an important consideration when you’re selecting a technology for new projects.

Besides, there are more than 15 million Java and .

NET developers combined, and

many of them will find the syntax of TypeScript a lot more appealing than JavaScript

because of its support for classes, interfaces, generics, annotations, class member vari-

ables, and private and public variables, not to mention its helpful compiler and solid

support from familiar

IDEs.

Creating a book about Angular 2 was difficult, because we started with early alpha

versions of the framework, which changed through the beta and release candidate

versions. But we like the final result, and we’ve already started developing real-world

projects in Angular 2.

Licensed to Eric Amor <ijuhua@yeah.net>

ABOUT THIS BOOK

xviii

Roadmap

This book consists of 10 chapters and 2 appendixes.

Chapter 1 provides a high-level overview of the Angular 2 architecture, gives a brief

summary of popular JavaScript frameworks and libraries, and introduces the sample

online auction application that you’ll start to develop in chapter 2.

You’ll be developing this sample application in TypeScript. Appendix B can get

you up to speed with this excellent language, which is a superset of JavaScript. Not

only will you learn how to write classes, interfaces, and generics, but you’ll also learn

how to compile TypeScript code into today’s JavaScript (

ECMAScript 5), which can be

deployed in all web browsers. TypeScript implements most of the syntax of the latest

ECMAScript 6 specification (covered in appendix A) and some syntax that should be

included in the future releases of ECMAScript.

In chapter 2, you’ll start developing simple Angular 2 applications, and you’ll cre-

ate your first Angular components. You’ll learn how to work with the System

JS module

loader, and we’ll offer you our version of the Angular seed project that will be used as

a starting point for all the sample applications in the book. At the end of this chapter,

you’ll create the first version of the home page for the online auction.

Chapter 3 is about the Angular router, which offers a flexible way of arranging nav-

igation in single-page applications. You’ll learn how to configure routes in parent and

child components, how to pass data from one route to another, and how to lazy-load

modules. At the end of this chapter, you’ll refactor the online auction into several

components and add routing capabilities to it.

In chapter 4, you’ll learn about the Dependency Injection design pattern and how

Angular implements it. You’ll get familiar with the concept of providers, which allow

you to specify how injectable objects should be instantiated. In the new version of the

online auction, you’ll apply dependency injection to populate the Product Details

view with data.

In chapter 5, we’ll discuss different flavors of data binding, introduce reactive pro-

gramming with observable data streams, and show you how to work with pipes. The

chapter ends with a new version of the online auction that adds an observable event

stream to filter featured products on the home page.

Chapter 6 is about developing components that can communicate with each other

in a loosely coupled manner. We’ll discuss components’ input and output parameters,

the Mediator design pattern, and a component’s lifecycle. This chapter also includes a

high-level overview of Angular’s change-detection mechanism. The online auction

gets a product-rating feature.

Chapter 7 is about handling forms in Angular. After covering the basics of the

Forms

API, we’ll discuss form validation and implement it in the search component, in

yet another version of the online auction.

Chapter 8 explains how an Angular client app can communicate with servers using

the

HTTP and WebSocket protocols, including examples. You’ll create a server app

using the Node.js and Express frameworks. Then you’ll deploy Angular’s portion of

Licensed to Eric Amor <ijuhua@yeah.net>

ABOUT THIS BOOK

xix

the online auction in the Node server. The front end of the online auction starts com-

municating with the Node.js server via the HTTP and WebSocket protocols.

Chapter 9 is about unit testing. We’ll cover the basics of Jasmine and the Angular

testing library. You’ll learn how to test services, components, and the router. You’ll

also learn how to configure and use Karma for running tests, and you’ll implement

several unit tests in the online auction.

Chapter 10 is about automating the build and deployment processes. You’ll see

how to use the Webpack bundler to minimize and package your code for deployment.

You’ll also see how to use Angular

CLI for project generation and deployment. The

size of the deployed version of the online auction will be decreased from 5.5 MB (in

development) to 350 KB (in production).

Appendix A will get you familiar with the new syntax introduced in

ECMAScript 2015

(a.k.a. ES6). Appendix B is an introduction to the TypeScript language.

Code conventions and downloads

This book contains many examples of source code, both in numbered listings and in

line with normal text. In both cases, source code is formatted in a

fixed-width

font

this

to separate it from ordinary text. In many cases, the original source code

has been reformatted; line breaks have been added and indentation reworked as nec-

essary to accommodate the available page space in the book. In some cases, where this

was not enough, the listings include line-continuation markers (

➥

). Additionally,

comments in the source code have often been removed from the listings when the

code is described in the text. Code annotations accompany many of the listings, high-

lighting important concepts.

Source code for the examples in this book is available for download from the publisher’s

website at https://www.manning.com/books/angular-2-development-with-typescript.

The authors have also created a GitHub repository with the source code examples

at https://github.com/Farata/angular2typescript. If future releases of Angular break

any of the code examples from the book, you can open an issue there, and authors

will address it.

Author Online

Purchase of Angular 2 Development with TypeScript includes free access to a private web

forum run by Manning Publications where you can make comments about the book, ask

technical questions, and receive help from the authors and from other users. To access

the forum and subscribe to it, point your web browser to https://www.manning.com/

books/angular-2-development-with-typescript. This page provides information on how

to get on the forum once you’re registered, what kind of help is available, and the rules

of conduct on the forum.

Manning’s commitment to our readers is to provide a venue where a meaningful

dialog between individual readers and between readers and the authors can take

place. It is not a commitment to any specific amount of participation on the part of

Licensed to Eric Amor <ijuhua@yeah.net>

剩余457页未读，继续阅读

xingwei.feng

粉丝: 0
资源: 14

利用TypeScript开发Angular 2实战指南

Redmine插件redmine_angular_ui:AngularJS与Redmine API融合新界面

Angular_Matriculas：前端注册功能实现详解

Angular学习心得与实践：angular_research深度解析

Angular 2 Development with TypeScript

dokumen.pub_angular-development-with-typescript-2ndnbsped.epub

Building Web Components with TypeScript and Angular 4

Beginning Server Side Application Development with Angular

Learning.Web.Development.with.Bootstrap.and.Angular.2nd.Edition.epub

Web-Development-with-Bootstrap-4-and-Angular-2-Second-Edition:Packt发行的带有Bootstrap 4和Angular 2 Second Edition的Web开发的代码存储库

Developing with Angular

最新资源