by Juri Strumpflohner | Publisher: Packt Publishing | Release Date: January 2017 | ISBN: 9781787125506

Your go-to guide when building successful Angular 2 components.About This VideoLearn what Angular components are all about and how they differ from the directives.Start building real-world Angular 2 components.Design reusable components by leveraging advanced template techniques.In DetailLearning Angular 2 Components helps you get on track by introducing you to Google's brand new Angular 2 web framework. In this video course, you will be guided through the various steps in building real-world Angular 2 components.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 components. 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 2 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 2 components to other environments such as the server side and mobile devices.Learning Angular 2 Components is your go-to guide when building successful Angular 2 components.

1. Chapter 1 : Getting Started
   • The Course Overview 00:03:39
   • Project Setup 00:06:38
   • All About Components 00:06:14
2. Chapter 2 : Angular 2 – Scratching the Surface
   • Hello Angular 2 00:07:05
   • Feeding Our Component with Data 00:05:35
   • Upgrading from Angular 1.x 00:18:56
3. Chapter 3 : HomeAuto – First Screens
   • Decomposing and Building an Application Foundation 00:09:54
   • Scanning for New Sensors 00:08:06
   • Creating a General-Purpose Filter 00:06:09
4. Chapter 4 : Building Reusable Modals
   • Selecting and Configuring a New Sensor 00:07:20
   • Making the Modal Generally Reusable 00:05:28
   • Attribute Directives to the Help 00:06:19
5. Chapter 5 : Building Up Our Dashboard
   • Creating a Dashboard Widget 00:07:26
   • Integrating an External Library – Data Visualization with D3 00:05:18
   • Ready for Production – Bundling and Minification 00:10:17
6. Chapter 6 : Maintaining Components
   • Unit-Testing Angular 2 Components 00:11:26
   • Debugging (with Augury) 00:04:30
   • e2e Testing of Angular 2 Components 00:07:22
7. Chapter 7 : Show Me More!
   • Angular 2 Goes Mobile with Ionic 2 00:09:44
   • Going Universal with Angular 2 00:10:18