Many people already have huge Angular 1.x applications. In the long run people will want to upgrade in order to benefit from Angular 2’s new features. This video shows some possible upgrade paths and measures that should be taken.
- View Offline
- [Narrator] Hi and welcome to section two.…Previously we learned about ES6 and TypeScript…in section one, as well as what components are,…including some pitfalls to approach from our solutions.…In this section, we're finally ready…to get our hands dirty with Angular 2.…To get us started, we will finally write…our first Angular component and then take a look…at how data flows in and out of such component.…To conclude this action we will look…at some practical upgrade scenarios…from Angular 1 which are especially important…if you are really using it some existing applications.…
So let's move onto our first video of this section…where we will create our first Angular 2 component.…We previously learned already…about the whole web component based movement.…In this video, we're going to see what Angular contributes…to such component based development approach.…We're going to explore the very basics…of creating a new component and we will learn…about @Component and @View TypeScript decorators.…Finally, we're going to see how to bring our components…
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