Angular 2 introduces components, which are the new way of building Angular applications. Most of the code that we are going to write in Angular 2 will be components, so it makes sense to create as many components as possible right now.
- [Narrator] Now we move on to the second…video of this section and we are going…to use components instead of controllers.…First, we're going to take a look…at what components are since they…are a new feature in Angular 2…that was also added to Angular 1.5.…Which is why it's very important to use them in our code.…So next step would be to identify…where we can use components in our application…before actually creating those components.…What are components?…Well, a simple way to put it, is that…components are pieces of code that you would create…when a feature in your application…has to be used in different places.…
So basically, widgets with an HTML template,…a scope, and a controller.…Components also allow advanced DOM manipulation,…which in Angular 1 could be a way…to wrap JavaScript code like JQuery plugins…to make them compatible with…Angular change detection mechanism.…In our case, we're interested in components…because most of the code we're going to write…in Angular 2 will be components, so it makes sense…
Released
9/2/2016Angular 2 is a technical and conceptual overhaul of its hugely popular predecessor, AngularJS. To stay ahead, developers who have built and maintained projects with AngularJS need to be able to transition them to Angular 2. Migrating to Angular 2 demonstrates how to create and execute an effective migration plan for Angular applications. It opens with an introduction to the major changes and additions brought by the new framework. Then author Alain Chautard reviews a plan to migrate a sample weather application from its original Angular 1.x codebase.
Learn how to migrate blocks of code incrementally, as opposed to porting code in bulk, and get a brief introduction to TypeScript and ECMAScript 6. Along the way, Alain shows you how to gradually deprecate $scope, upgrade services, work with the component router, transition forms, and more.
By the end of this course, you'll be up to speed with the fundamental building blocks of Angular 2 development, and fully capable (and confident) transitioning existing Angular 1.x projects to the new environment, ready to explore everything that Angular 2 has to offer.
- What's new in Angular 2?
- Migrating incrementally
- What are TypeScript and ES6?
- Cleaning up $scopes
- Making components
- Using TypeScript classes
- Upgrading 1.x services, components, and controllers
- Best practices for Angular 2
Share this video
Embed this video
Video: Making components, not controllers