{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nLearning Angular 2 Directives (Video 14)\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nGet 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...\nGet 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.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
5:06
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
Social Studies & History
5 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Web Development\n\n
\n
\n
\n
\n
\n
Date
\n
2016
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
data
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
web components, simply, typescript, angular 2 directives, angular 2, upgrading angular 1.x, angular, learned, change, renders, chart, click, angular universal, create, angular 2 components, refresh, humidity percentage, current, parameter, button, creating, case, constructor, build, directive, reason, ionic 2, import, video, takes, implement, visualizing
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: Learning Angular 2 Directives (Video 14)\" href=\"/subscription/new\">\"Learning\n\n
\n
\n
\n\n\n\n"}