Learning Angular components - Second Edition [Video]

Learning Angular components - Second Edition [Video]

This video is included in a Mapt subscription
Juri Strumpflohner

Your go-to guide when building successful Angular components (Version 2+)
$106.25
RRP $124.99
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781787125506
Course Length2 hours 48 minutes

Video Description

Learning Angular Components helps you get on track by introducing you to Google’s brand new Angular platform. In this video course, you will be guided through the various steps in building real-world Angular components for version 2+.

We will start by setting up a modern development environment with TypeScript and ES2015 support, and you'll gain an initial understanding of what components are about, how to build them, and how they differ from the directives. We then focus on applying new concepts while building a fictitious dashboard application for a home automation system.

We'll guide you through the process of building reusable Angular components. You will learn about HTML rendering templates, see how to establish a data flow between different components, and even find out how to integrate external libraries. But not only that, we will also focus on how to make our components production-ready and maintainable by applying automated unit and end-to-end testing techniques. As a bonus, you will discover how to bring your Angular components to other environments such as the server side and mobile devices.

Learning Angular Components is your go-to guide when building successful Angular components.

Style and Approach

This is a hands-on course. You will uncover new concepts while building real Angular components for a home automation dashboard application. This course is like a pair programming session with the author.

Table of Contents

Getting Started
The Course Overview
Project Setup
All About Components
Angular 2 – Scratching the Surface
Hello Angular 2
Feeding Our Component with Data
Upgrading from Angular 1.x
HomeAuto – First Screens
Decomposing and Building an Application Foundation
Scanning for New Sensors
Creating a General-Purpose Filter
Building Reusable Modals
Selecting and Configuring a New Sensor
Making the Modal Generally Reusable
Attribute Directives to the Help
Building Up Our Dashboard
Creating a Dashboard Widget
Integrating an External Library – Data Visualization with D3
Ready for Production – Bundling and Minification
Maintaining Components
Unit-Testing Angular 2 Components
Debugging (with Augury)
e2e Testing of Angular 2 Components
Show Me More!
Angular 2 Goes Mobile with Ionic 2
Going Universal with Angular 2

What You Will Learn

In this course we will:

  • Develop a strong understanding of Angular components by slicing static HTML pages into dedicated components
  • Configure a modern setup with TypeScript, SystemJS, and ES2015
  • Refactor and upgrade an Angular 1.x application to Angular Version 2+
  • Design reusable components by understanding how data flows in and out of them and by leveraging advanced Angular template techniques
  • Debug Angular components and write automated unit and end-to-end tests
  • Embed external libraries such as d3
  • Run Angular components on mobile devices and on the server

Authors

Table of Contents

Getting Started
The Course Overview
Project Setup
All About Components
Angular 2 – Scratching the Surface
Hello Angular 2
Feeding Our Component with Data
Upgrading from Angular 1.x
HomeAuto – First Screens
Decomposing and Building an Application Foundation
Scanning for New Sensors
Creating a General-Purpose Filter
Building Reusable Modals
Selecting and Configuring a New Sensor
Making the Modal Generally Reusable
Attribute Directives to the Help
Building Up Our Dashboard
Creating a Dashboard Widget
Integrating an External Library – Data Visualization with D3
Ready for Production – Bundling and Minification
Maintaining Components
Unit-Testing Angular 2 Components
Debugging (with Augury)
e2e Testing of Angular 2 Components
Show Me More!
Angular 2 Goes Mobile with Ionic 2
Going Universal with Angular 2

Video Details

ISBN 139781787125506
Course Length2 hours 48 minutes
Read More

Read More Reviews

Recommended for You

Migrating to Angular 2 – Second Edition [Video] Book Cover
Migrating to Angular 2 – Second Edition [Video]
$ 106.25
RESTful Web API Design with Node.js - Second Edition [Video] Book Cover
RESTful Web API Design with Node.js - Second Edition [Video]
$ 106.25
Mastering Python - Second Edition [Video] Book Cover
Mastering Python - Second Edition [Video]
$ 89.25