AngularJS实践指南：从基础到高级应用

需积分: 0 27 浏览量更新于2024-07-17 收藏 5.69MB PDF 举报

"AngularJS in Action" AngularJS 是一个基于 JavaScript 的开源前端框架，旨在简化 Web 应用程序的开发。AngularJS in Action 是一本关于 AngularJS 的经典书籍，旨在帮助读者快速学习和掌握 AngularJS 的知识。 **Part 1: Get acquainted with AngularJS** 在第一部分中，作者 Lukas Ruebbelke 介绍了 AngularJS 的高级组件，并解释了每个组件的功能和它们之间的关系。在第一章中，作者详细介绍了 AngularJS 的主要组件，包括模块（Module）、控制器（Controller）、服务（Service）、指令（Directive）等。然后，在第二章中，作者指导读者构建第一个 AngularJS 应用程序，一个简化的版本的主要示例应用程序。 **Part 2: Make something with AngularJS** 在第二部分中，作者深入探讨了 AngularJS 的高级主题，包括服务器端通信、指令、动画、路由和表单验证等。在这些章节中，作者详细介绍了每个主题，包括相关的概念、理论和实践经验。 **服务器端通信** AngularJS 提供了多种方式来实现服务器端通信，包括使用 $http 服务、$resource 服务和 WebSocket 等。作者详细介绍了每种方式的优缺点，并提供了实践经验。 **指令** AngularJS 的指令是一种强大的功能，允许开发者自定义 HTML 元素的行为。作者详细介绍了指令的创建、使用和优化方法。 **动画** AngularJS 提供了多种方式来实现动画效果，包括使用 CSS3 动画、JavaScript 动画和 ng-animate 库等。作者详细介绍了每种方式的优缺点，并提供了实践经验。 **路由** AngularJS 的路由机制允许开发者轻松地实现单页应用程序的路由功能。作者详细介绍了路由的配置、使用和优化方法。 **表单验证** AngularJS 提供了多种方式来实现表单验证，包括使用内置的验证指令和自定义验证函数等。作者详细介绍了每种方式的优缺点，并提供了实践经验。 AngularJS in Action 是一本非常实用的书籍，旨在帮助读者快速学习和掌握 AngularJS 的知识。通过阅读这本书，读者可以熟悉 AngularJS 的高级组件和高级主题，从而能够更好地开发 Web 应用程序。

preface

Never in my wildest dreams did I think that I would be an author, and yet here I am. I

vividly remember the panic that I felt as I clicked “Publish” on my first WordPress post

on Angular

JS. It felt like I was pressing the launch button for a series of missiles, and I

had no idea where they would go! Little did I know that I had in fact released a series

of missiles that would change my life in the most profound and unexpected ways.

The moment I decided that I cared more about being helpful than being perfect

was one of the most important turning points of my life. Beginning with a series of

barely passable blog posts, by accepting every opportunity to implement feedback I

gradually grasped what it takes to write a solid blog post. It was also during that time

that I had the opportunity to become friends with the Angular

JS core team. AngularJS

at the time was still relatively unknown, and so it was much easier to get on their radar

than it is now. Lucky me!

I’ll never forget that afternoon when I got the email asking if I was interested in

writing this book. When I was pretty sure that no one was looking, I would break out

into this little happy dance for days. If only my high school English teacher could see

me now!

From that moment, I have considered it a great privilege to share with you the

things I’ve learned while building some large applications and writing untold lines of

Angular

JS code. It’s been a most excellent journey, and I thank each and every one of

you for making this possible!

UKAS RUEBBELKE

Licensed to Mark Watson <nordickan@gmail.com>

ABOUT THIS BOOK

xviii

Part 1, “Get acquainted with AngularJS,” introduces the high-level pieces of Angu-

larJS and talks about what each piece does and how they fit together (chapter 1). To

reiterate these concepts, we build out our first Angular

JS application, a simplified ver-

sion of the main sample application, in chapter 2.

Part 2, “Make something with AngularJS,” gets into more advanced and specific top-

ics, such as server-side communication, directives, animations, routing, and forms and

validations. In each chapter, we look at the underpinnings of the topic and then see

how it appears in the context of a real application. We end each chapter with a discus-

sion on testing and best practices. Chapter 3 discusses how views and controllers work

together in Angular

JS to control what the user sees, as well as capture user interactions

and convey those events for processing. Chapter 4 expands on controllers by introduc-

ing services and then showing how to communicate with a remote server using the

$http

service. Chapter 5 introduces directives and shows how directives turn layouts

into components while providing complex functionality. We’ll kick our layouts up a

notch in chapter 6 by adding in animations using

ngAnimate

. Chapter 7 digs into using

routes in AngularJS to deep-link to specific states in the application, preloading specific

data using

resolve

, and passing variables from route to route using

$routeParams

Chapter 8 finishes off with a discussion on how to use form validation to enhance the

user experience while providing safeguards around the data being entered.

There are also four appendixes about setting up Karma, setting up a Node.js

server, setting up a Firebase server, and running the sample app.

Source code conventions and downloads

The source code in the book, whether in code listings or snippets, is in a

fixed-width

font

this

, which sets it off from the surrounding text. In some listings, the code

is annotated to point out key concepts, and numbered bullets are sometimes used in

the text to provide additional information about the code. The code is formatted so

that it fits within the available page space in the book by adding line breaks and using

indentation carefully.

All of the source code for the examples in the book can be found at this Github

link: https://github.com/angularjs-in-action. The sample application for the book is

at this repository: https://github.com/angularjs-in-action/angello. The simplified

version of the application is at this repository: https://github.com/angularjs-in-

action/angello-lite.

You can also find detailed instructions on how to get the applications up and run-

ning in the readme file. Visit the repo often for updates and bug fixes to the project as

well as bonus repositories.

The source code is also available for download from the publisher’s website at

www.manning.com/Angular

JSinAction.

NOTE At the time of this writing, Angular 2 is in an alpha release and not

yet ready for writing non-trivial applications. With that said, we’ll be pub-

lishing an Angular 2 version of Angello as soon as it makes sense.

Licensed to Mark Watson <nordickan@gmail.com>

ABOUT THIS BOOK

xix

Software requirements

To run the sample applications, you’ll need to have Node.js installed. You can find the

installation instructions for Node.js at this link: https://nodejs.org/. To run the tests,

it’s also necessary to have Karma installed to execute the unit tests. You can find instruc-

tions on how to install Karma at their website: http://karma-runner.github.io/0.12/

index.html.

We also recommend installing the serve npm module, a lightweight web server to

display your web applications in the browser: https://www.npmjs.com/package/serve.

Resources

■

The most valuable resources for the book are the repositories you will find at

the link https://github.com/angularjs-in-action.

■

You can also see a live version of Angello at the companion site for the book at

this link: http://www.angelloinaction.com/.

■

And you’ll find a ton of helpful material at the blog “One Hungry Mind” here:

http://onehungrymind.com/. Additional content relating to Angello, based

on reader feedback, will be posted.

Author Online

Purchase of AngularJS in Action includes free access to a private web forum run by Man-

ning Publications where you can make comments about the book, ask technical ques-

tions, and receive help from the authors and other users. To access the forum and

subscribe to it, point your web browser to www.manning.com/AngularJSinAction. This

Author Online (

AO) 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 among individual readers and between readers and authors can take place. It’s

not a commitment to any specific amount of participation on the part of the authors,

whose contribution to the forum remains voluntary (and unpaid). We suggest you try

asking the authors some challenging questions, lest their interest stray!

The

AO forum and the archives of previous discussions will be accessible from the

publisher’s website as long as the book is in print.

Licensed to Mark Watson <nordickan@gmail.com>

www.allitebooks.com

剩余190页未读，继续阅读

jackiee_cn

粉丝: 0
资源: 5

AngularJS实践指南：从基础到高级应用

AngularJS in Action 无水印pdf 0分

Angularjs_in_action

AngularJs in Action

angularjs in action源码

AngularJS in Action mobi

angello-angularjs-in-action:AngularJS in Action 中用于 Angello 示例的 NodeJS Express 应用程序

AngularJS-in-Action

AngularJS.in.Action

aia:angularjs-in_action

AngularJS.in.Action.2015.7

最新资源