万本电子书0元读

万本电子书0元读

顶部广告

Mastering Angular 2 Components电子书

售       价:¥

52人正在读 | 0人评论 9.8

作       者:Gion Kunz

出  版  社:Packt Publishing

出版时间:2016-06-01

字       数:231.0万

所属分类: 进口书 > 外文原版书 > 电脑/网络

温馨提示:此类商品不支持退换货,不支持下载打印

为你推荐

  • 读书简介
  • 目录
  • 累计评论(0条)
  • 读书简介
  • 目录
  • 累计评论(0条)
Learn to build component-based user interfaces of the future using Angular 2 About This Book Developers will be able to make better websites right away by building the example components in the book You'll learn new ways of conceptualizing how to design your web applications, which will prepare you to keep making more sophisticated projects Learning these concepts and building these apps will put developers ahead of the curve in preparing for "tomorrow's Internet," as component-based development and component-centric thinking are increasingly in demand Who This Book Is For This book is for Angular developers who already have a good understanding of basic frontend web technologies such as JavaScript, HTML, and CSS. You will learn about the new component-based architecture in Angular 2 and how to use it to build modern and clean user interfaces. What You Will Learn Understand the concept of a component-based UI architecture Grasp Angular 2 core concepts See the technologies used to work with Angular 2 (mainly ES6) Perform basic and advanced tasks using Angular 2 components Use dependency injection within Angular 2 components Test Angular 2 components with testing frameworks Structure an application using Angular 2 Build an entire application from A to Z using Angular 2 In Detail Through this book, you will learn how to use Angular 2 and its component-based architecture in order to develop modern user interfaces. A new holistic way of thinking about UI development will be established throughout this book, and you will discover the power of Angular 2 components through many examples. This book is based on Release Candidate 1(RC1) of Angular 2. On this journey, you'll discover the benefits of component-based user interfaces over the classical MVC design. Also, you will get a chance to compare a classical MVC with a component-based approach and understand the challenges of modern user interfaces. You will learn the very basics of the required core technologies and the setup needed to get going with Angular 2, and progressively enhance your understanding of Angular 2 components by working on the example application. After reading the book and following the example application, you will have built a small-to-mid-sized application with Angular 2 using a component-based UI architecture. Style and approach The new component-style directives in Angular 2 will change developers' workflows and their way of thinking about shared and reusable blocks of custom HTML in the shadow DOM. This is the first book to guide developers along this path. It provides a practical way of learning concepts, giving you the chance to build components of your own. With this book, you will get ahead of the curve in a new wave of web development by tightly focusing on one area, which is the key to unlocking the powers of Angular development.
目录展开

Mastering Angular 2 Components

Table of Contents

Mastering Angular 2 Components

Credits

About the Author

About the Reviewer

www.PacktPub.com

eBooks, discount offers, and more

Why subscribe?

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

1. Component-Based User Interfaces

Thinking of organisms

Components – The organs of user interfaces

Encapsulation

Composability

Components, invented by nature

My UI framework wishlist

Time for new standards

Template elements

Shadow DOM

Angular's component architecture

Everything is a component

Your first component

JavaScript of the future

I speak JavaScript, translate, please!

Classes

Modules

Template strings

ECMAScript or TypeScript?

Decorators

Tools

Node.js and NPM

SystemJS and JSPM

JSPM

Getting started with JSPM

Summary

2. Ready, Set, Go!

Managing tasks

Vision

Starting from scratch

Bootstrapping

Running the application

Recap

Creating a task list

Recap

The right level of encapsulation

Recap

Input generates output

Recap

Custom UI elements

Recap

Filtering tasks

Summary

3. Composing with Components

Data – Fake to real

Reactive programming with observable data structures

Immutability

Pure components

Purifying our task list

Recap

Composition using content projection

Creating a tabbed interface component

Recap

Mixing projected with generated content

Summary

4. No Comments, Please!

One editor to rule them all

Creating an editor component

Recap

Building a commenting system

Building the comment component

Building the comments component

Recap

Summary

5. Component-Based Routing

An introduction to the Angular router

Composition by routing

Router versus template composition

Understanding the route tree

Back to the routes

Routable tabs

Refactoring navigation

Summary

6. Keeping Up with Activities

Creating a service for logging activities

Logging activities

Leveraging the power of SVG

Styling SVG

Building SVG components

Building an interactive activity slider component

Projection of time

Rendering activity indicators

Bringing it to life

Recap

Building the activity timeline

Summary

7. Components for User Experience

Tag management

Tag data entity

Generating tags

Creating a tags service

Rendering tags

Integrating the task service

Completion of the tags service

Supporting tag input

Creating a tag input manager

Creating a tags select component

Integrating tag input within the editor component

Finishing up our tagging system

Drag and drop

Implementing the draggable directive

Implementing a drop target directive

Integrating drag and drop in task list component

Recapitulate on drag and drop

To infinity and beyond!

The asterisk syntax and templates

Creating an infinite scroll directive

Detecting change within our template directive

Adding and removing embedded views

Finishing our infinite scroll directive

Summary

8. Time Will Tell

Task details

Enabling tags for tasks

Managing efforts

The time duration input

Components to manage efforts

The visual efforts timeline

Recapitulating on efforts management

Setting milestones

Creating an autocomplete component

Summary

9. Spaceship Dashboard

Introduction to Chartist

Projects dashboard

Creating the projects dashboard component

Project summary component

Creating your first chart

Visualizing open tasks

Creating an open tasks chart

Creating a chart legend

Making tasks chart interactive

Summary

10. Making Things Pluggable

Plugin architecture

Pluggable UI components

Implementing the plugin API

Instantiating plugin components

Finalizing our plugin architecture

Building an Agile plugin

Agile task info component

Agile task details component

Recapitulating on our first plugin

Managing plugins

Loading new plugins at runtime

Summary

11. Putting Things to the Test

An introduction to Jasmine

Writing our first test

Spying on component outputs

Utilities to test components

Injecting in tests

Test component builder

Testing components in action

Testing component interaction

Testing our plugin system

Summary

A. Task Management Application Source Code

Download

Prerequisites

Usage

Troubleshooting

Cleaning IndexDB to reset data

Enabling web components in Firefox

Index

累计评论(0条) 0个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部