Angular 2 Components

Nir Kaufman, Thierry Templier

  • 出版商: Packt Publishing
  • 出版日期: 2016-11-28
  • 定價: $990
  • 售價: 6.0$594
  • 語言: 英文
  • 頁數: 124
  • 裝訂: Paperback
  • ISBN: 1785882341
  • ISBN-13: 9781785882340
  • 相關分類: Angular
  • 立即出貨 (庫存=1)

商品描述

Key Features

  • First look to the Angular 2 Components architecture
  • Creating your own Angular 2 Component
  • Integrating your components with third party components

Book Description

This book is a concise guide to Angular 2 Components and is based on the stable version of Angular 2. You will start with learning about the Angular 2 Components architecture and how components differ from Angular directives in Angular 1. You will then move on to quickly set up an Angular 2 development environment and grasp the basics of TypeScript. With this strong foundation in place, you will start building components.

The book will teach you, with an example, how to define component behavior, create component templates, and use the controller of your component. You will also learn how to make your components communicate with each other. Once you have built a component, you will learn how to extend it by integrating third-party components with it. By the end of the book, you will be confident with building and using components for your applications.

What you will learn

  • Break your application into reusable dynamic components
  • Take advantage of TypeScript in Angular 2
  • Migrate your Angular 1 directive to an Angular 2 Component
  • Understand the Angular 2 component structure and APIs
  • Hook to component life cycle events
  • Bind dynamic data to your component properties
  • Communicate with other components using events
  • Compose complicated UIs from simple components

About the Author

Nir Kaufman is the Head of Angular Development at 500Tech, a leading front-end consultancy in Israel. He is a passionate JavaScript developer, an international speaker, and an Angular evangelist.

Nir runs three local Angular community meetup groups in Israel. He also collaborates with other local Angular communities around the world.

Thierry Templier is a senior full stack developer with 17 years of experience. He has been a JavaScript addict for a long time now and started to work with the early versions of the language. He has a particular passion for Angular 2 and loves to help developers to use this framework, particularly on the StackOverflow website, where he has answered more than 1,900 questions.

He also enjoys writing articles to promote and explain Angular 2's specific features on his blog (https://medium.com/@ttemplier/) and on the Restlet blog (http://restlet.com/blog/author/thierry-templier/).

Table of Contents

  1. Angular 2 Component Architecture
  2. Setting Up an Angular 2 Development Environment with angular-cli
  3. The TypeScript Primer
  4. Building a Basic Component
  5. Building Dynamic Components
  6. Component Communication
  7. Putting It All Together
  8. Integrating Third-Party Components
  9. Angular 2 Directives

商品描述(中文翻譯)

主要特點


  • 首次了解 Angular 2 元件架構

  • 建立自己的 Angular 2 元件

  • 將您的元件與第三方元件整合

書籍描述

本書是一本關於 Angular 2 元件的簡明指南,基於 Angular 2 的穩定版本。您將首先學習 Angular 2 元件架構以及元件在 Angular 1 中與指令的不同之處。然後,您將快速設置 Angular 2 開發環境並掌握 TypeScript 的基礎知識。在這個堅實的基礎上,您將開始建立元件。

本書將通過一個示例教您如何定義元件行為、創建元件模板以及使用元件的控制器。您還將學習如何使您的元件彼此通信。一旦您建立了一個元件,您將學習如何通過將第三方元件整合到其中來擴展它。通過本書的學習,您將對於為應用程序建立和使用元件充滿信心。

您將學到什麼


  • 將您的應用程序拆分為可重用的動態元件

  • 充分利用 Angular 2 中的 TypeScript

  • 將您的 Angular 1 指令遷移到 Angular 2 元件

  • 了解 Angular 2 元件結構和 API

  • 鉤住元件生命週期事件

  • 將動態數據綁定到您的元件屬性

  • 使用事件與其他元件進行通信

  • 從簡單元件組合複雜的 UI

關於作者

Nir Kaufman 是以色列領先的前端諮詢公司500Tech的 Angular 開發負責人。他是一位熱情的 JavaScript 開發者、國際演講者和 Angular 傳教士。

Nir 在以色列運營三個本地 Angular 社群聚會小組。他還與世界各地的其他本地 Angular 社群合作。

Thierry Templier 是一位擁有17年經驗的高級全棧開發者。他長期以來一直是 JavaScript 的愛好者,並開始使用該語言的早期版本。他對 Angular 2 特別熱衷,喜歡幫助開發者使用這個框架,特別是在 StackOverflow 網站上,他已回答了超過1900個問題。

他還喜歡在他的博客(https://medium.com/@ttemplier/)和 Restlet 博客(http://restlet.com/blog/author/thierry-templier/)上撰寫文章,以推廣和解釋 Angular 2 的特定功能。

目錄


  1. Angular 2 元件架構

  2. 使用 angular-cli 設置 Angular 2 開發環境

  3. TypeScript 入門

  4. 建立基本元件

  5. 建立動態元件

  6. 元件通信

  7. 將所有內容結合在一起

  8. 整合第三方元件

  9. Angular 2 指令