Learn how to automate the detection of malfunctioning software.
- [Juri] Welcome back to the third video of this section.…In the previous videos,…we looked at debugging and unit testing our components.…In this video, we are going to look…at how to write UI-based end-to-end tests,…specifically we will learn about Protractor,…a tool from Angular team…that helps us to test Angular-based applications.…Now Protractor is a tool built on top of Selenium,…which is a web-based driver…that allows us to drive a browser instance through an API,…and this opens up a huge amount of possibilities…of automating things,…especially when it comes to end-to-end testing.…
Now Protractor is built by a dedicated team…within the Angular team at Google, so on the website,…you'll find most of the informations…you need to get started.…Currently, Protractor is mainly optimized for Angular 1.…If you take a look at the API docs,…you can find selectors…that allow you to get hold of HTML elements…by Angular 1 bindings,…so as much it is currently possible only for Angular 1,…and not for Angular 2,…but still we can use Protractor for Angular 2 as well,…
Get up to speed with one of the most important building blocks of Angular 2: component-based directives, aka components. Components are reusable HTML widgets that replace the controller-based architecture in Angular. This course guides you through the various steps in migrating to Angular 2 and building real-world Angular components of your own.
Author Juri Strumpflohner starts by setting up a modern development environment with TypeScript and ES2015 support. Next, he explains what components are, how to build them, and how they differ from directives. He provides an opportunity to apply these new concepts while building a fictitious dashboard application for a home automation system.
Next, learn about HTML rendering templates, see how to establish a data flow between different components, and even find out how to integrate external libraries. Juri also shows how to make components production-ready and maintainable by applying automated unit and end-to-end testing techniques. As a bonus, discover how to bring your Angular 2 components to other environments such as the server side and mobile devices.
- Upgrading to Angular 2
- Feeding a component with data
- Building a foundation for your Angular app
- Building reusable models
- Comparing components and directives
- Integrating an external library
- Bundling and minification
- Maintaining components
- Testing and debugging Angular 2 components
- Building hybrid mobile apps with Angular 2 and Iconic 2