by Juri Strumpflohner | Publisher: Packt Publishing | Release Date: April 2016 | ISBN: 9781785884702

Learn how to build efficient Angular 2 directives with this fast and interactive guideAbout This VideoGet started with developing successful, real-world Angular 2 directives in no time Get to know about the modular web and how Angular 2 embraces this new emerging patternLearn to use all the Angular 2 components through this book's practical and easy-to-understand approachIn DetailGet up to speed with the building blocks of Angular 2. New technologies and new patterns are emerging on a daily basis. Coding for the front end is extremely demanding, but at the same time more interesting and challenging than ever before. This highly dynamic ecosystem provides huge possibilities to create awesome things.Learning Angular 2 Directives 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 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 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 Directives is your go-to guide when building successful Angular 2 components.

1. Chapter 1 : Getting Started
   • The Course Overview 00:03:41
   • Project Setup 00:06:38
   • All about Components 00:06:13
2. Chapter 2 : Angular 2 – Scratching the Surface
   • Upgrading from Angular 1.x 00:05:37
   • Anatomy of an HTTP Request 00:06:16
   • Feeding Our Component with Data 00:10:56
3. Chapter 3 : HomeAuto – First Screens
   • Decomposing and Building Application Foundation 00:07:30
   • Scanning for New Sensors 00:07:59
   • Creating a General Purpose Filter 00:06:16
4. Chpater 4 : Building Reusable Modals
   • Selecting and Configuring a New Sensor 00:07:01
   • Making the Modal Generally Reusable 00:05:13
   • Attribute Directives to the Help 00:06:18
5. Chapter 5 : Building Up Our Dashboard
   • Creating a Dashboard Widget 00:07:17
   • Integrating an External Library – Data Visualization with D3 00:05:06
   • Ready for production – Bundling and Minification 00:10:17
6. Chapter 6 : Maintaining Components
   • Unit Testing Angular 2 Components 00:09:07
   • Debugging (with Batarangle) 00:06:10
   • e2e Testing Angular 2 Components 00:08:22
7. Chapter 7 : Show Me More!
   • Angular 2 Goes Mobile with Ionic 2 00:07:28
   • Going Universal with Angular 2 00:09:29