Mastering Angular Components电子书

Title Page

Copyright and Credits

Mastering Angular Components Second Edition

Dedication

Packt Upsell

Why subscribe?

PacktPub.com

Contributors

About the author

About the reviewer

Packt is searching for authors like you

Preface

Who this book is for

What this book covers

To get the most out of this book

Download the example code files

Conventions used

Get in touch

Reviews

Component-Based User Interfaces

Thinking in components

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

Angular NgModule

JavaScript of the future

I speak JavaScript, translate, please!

Classes

Modules

Template strings

TypeScript

History with TypeScript in Angular

Decorators

Tools

Node.js and npm

Angular CLI

Summary

Ready, Set, Go!

Managing tasks

Vision

Starting from scratch

Main application component

Resource download

Main application NgModule

Bootstrapping

Running the application

Recap

Creating a task list

Recap

The right size of components

Recap

Adding tasks

Recap

Custom UI elements

Recap

Task data service

Recap

Filtering tasks

Recap

Summary

Dealing with Data and State

Reactive programming with RxJS

HTTP client and in-memory web APIs

Using behaviour subjects

Loading data in the task service

Subscribing in the view using the async pipe

Recap

Immutability

Immutability with TypeScript

Pure components

Introducing container components

Purifying our task list

Summary

Thinking in Projects

Moving into projects

Project service

Project component

Updating the task list container

Integrating the project component

Recap

Creating a tabbed interface component

Building the main navigation

Composition using content projection

Creating navigation components

Providing a project navigation

Recap

One editor to rule them all

Creating an editor component

Integrating the editor component

Recap

Dealing with users

User service

User area component

Integrating the user area component

Building a commenting system

Introducing a model for comments

Building the comment component

Building the comments component

Integrating the commenting system into projects

Recap

Summary

Component-Based Routing

An introduction to the Angular router

Composition using the router

Routing with container components

Router configuration

Back to the routes

Composing projects using the router

Child routes for project details

Guarding our projects

Summary

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

Components for User Experience

Tag management

A model for our tags

Creating a tags service

Rendering tags

Integrating tags using a pipe

Supporting tag input

Creating a tag input directive

Creating a tags select component

Integrating tag selection within the editor component

Integrating tag selection in project comments

Finishing up our tagging system

Drag and drop

Updating our model for ordering tasks

Implementing the draggable directive

Implementing a drop target directive

Integrating drag and drop

Recapitulate on drag and drop

Summary

Time Will Tell

Task details

Navigating to task details

Enabling tags for tasks

Managing efforts

No-UI time duration input

Components to manage efforts

The visual efforts timeline

Recapitulating on efforts management

Summary

Spaceship Dashboard

Introduction to Chartist

Projects dashboard

Creating the projects dashboard component

Project summary component

Integrating the projects dashboard

Creating your first chart

Processing activity data

Creating an activity chart

Visualizing open tasks

Preparing task data

Modeling the problem

Creating an open tasks chart

Creating a chart legend

Making the tasks chart interactive

Summary

Putting Things to the Test

An introduction to Jasmine and Karma

Karma and integration to Angular CLI

Writing our first test

Spying on component output

Utilities to test components

Injecting in tests

Using TestBed for running Angular tests

Component fixture

Mocking child components

Mocking services

Testing components in action

Testing component interaction

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think