Mastering Angular 2 Components

Learn to build component-based user interfaces of the future using Angular 2
Preview in Mapt

Mastering Angular 2 Components

Gion Kunz

2 customer reviews
Learn to build component-based user interfaces of the future using Angular 2
Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.20
$44.99
$0 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Mastering Angular 2 Components Book Cover
Mastering Angular 2 Components
$ 35.99
$ 25.20
Angular 2 By Example Book Cover
Angular 2 By Example
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $36.98
Add to Cart

Book Details

ISBN 139781785884641
Paperback372 pages

Book Description

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.

Table of Contents

Chapter 1: Component-Based User Interfaces
Thinking of organisms
Components – The organs of user interfaces
Angular's component architecture
Your first component
Tools
Summary
Chapter 2: Ready, Set, Go!
Managing tasks
Starting from scratch
Creating a task list
The right level of encapsulation
Input generates output
Custom UI elements
Filtering tasks
Summary
Chapter 3: Composing with Components
Data – Fake to real
Reactive programming with observable data structures
Immutability
Pure components
Composition using content projection
Creating a tabbed interface component
Mixing projected with generated content
Summary
Chapter 4: No Comments, Please!
One editor to rule them all
Building a commenting system
Summary
Chapter 5: Component-Based Routing
An introduction to the Angular router
Composition by routing
Back to the routes
Refactoring navigation
Summary
Chapter 6: Keeping Up with Activities
Creating a service for logging activities
Leveraging the power of SVG
Building an interactive activity slider component
Building the activity timeline
Summary
Chapter 7: Components for User Experience
Tag management
Supporting tag input
Drag and drop
To infinity and beyond!
Summary
Chapter 8: Time Will Tell
Task details
Enabling tags for tasks
Managing efforts
Setting milestones
Summary
Chapter 9: Spaceship Dashboard
Introduction to Chartist
Projects dashboard
Creating your first chart
Visualizing open tasks
Summary
Chapter 10: Making Things Pluggable
Plugin architecture
Pluggable UI components
Implementing the plugin API
Building an Agile plugin
Managing plugins
Summary
Chapter 11: Putting Things to the Test
An introduction to Jasmine
Writing our first test
Spying on component outputs
Utilities to test components
Testing components in action
Testing component interaction
Testing our plugin system
Summary

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

Authors

Table of Contents

Chapter 1: Component-Based User Interfaces
Thinking of organisms
Components – The organs of user interfaces
Angular's component architecture
Your first component
Tools
Summary
Chapter 2: Ready, Set, Go!
Managing tasks
Starting from scratch
Creating a task list
The right level of encapsulation
Input generates output
Custom UI elements
Filtering tasks
Summary
Chapter 3: Composing with Components
Data – Fake to real
Reactive programming with observable data structures
Immutability
Pure components
Composition using content projection
Creating a tabbed interface component
Mixing projected with generated content
Summary
Chapter 4: No Comments, Please!
One editor to rule them all
Building a commenting system
Summary
Chapter 5: Component-Based Routing
An introduction to the Angular router
Composition by routing
Back to the routes
Refactoring navigation
Summary
Chapter 6: Keeping Up with Activities
Creating a service for logging activities
Leveraging the power of SVG
Building an interactive activity slider component
Building the activity timeline
Summary
Chapter 7: Components for User Experience
Tag management
Supporting tag input
Drag and drop
To infinity and beyond!
Summary
Chapter 8: Time Will Tell
Task details
Enabling tags for tasks
Managing efforts
Setting milestones
Summary
Chapter 9: Spaceship Dashboard
Introduction to Chartist
Projects dashboard
Creating your first chart
Visualizing open tasks
Summary
Chapter 10: Making Things Pluggable
Plugin architecture
Pluggable UI components
Implementing the plugin API
Building an Agile plugin
Managing plugins
Summary
Chapter 11: Putting Things to the Test
An introduction to Jasmine
Writing our first test
Spying on component outputs
Utilities to test components
Testing components in action
Testing component interaction
Testing our plugin system
Summary

Book Details

ISBN 139781785884641
Paperback372 pages
Read More
From 2 reviews

Read More Reviews

Recommended for You

Angular 2 By Example Book Cover
Angular 2 By Example
$ 35.99
$ 25.20
ASP.NET Core and Angular 2 Book Cover
ASP.NET Core and Angular 2
$ 35.99
$ 25.20
Switching to Angular 2 Book Cover
Switching to Angular 2
$ 27.99
$ 19.60
TypeScript Blueprints Book Cover
TypeScript Blueprints
$ 39.99
$ 28.00
Learning Angular 2 Book Cover
Learning Angular 2
$ 31.99
$ 22.40
Ionic 2 Cookbook - Second Edition Book Cover
Ionic 2 Cookbook - Second Edition
$ 35.99
$ 25.20