Book Image

Learning Angular 2 Directives [Video]

By : Juri Strumpflohner
Book Image

Learning Angular 2 Directives [Video]

By: Juri Strumpflohner

Overview of this book

<p>Get 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.</p> <p>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.</p> <p>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.</p> <p>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.</p> <p>Learning Angular 2 Directives is your go-to guide when building successful Angular 2 components.</p> <h1>Style and Approach</h1> <p>This is a hands-on course. You will uncover new concepts while building real Angular 2 components for a home automation dashboard application. This course is like a pair programming session with the author.</p>
Table of Contents (7 chapters)
Chapter 4
Building Reusable Modals
Content Locked
Section 3
Attribute Directives to the Help
Learn about the difference between components and directives. - Explain how to augment the functionality of a button with directives and declare the API - We use @Directive to build our directive and explain the differences to component, and so on. - We use @HostListener to complete our directive implementation and see it running.