- [Instructor] Before we get started, let's take a look at what Angular is, check out some of the changes from version one, and find out how it compares with that original version of the framework. Angular JS is a modern framework for app development. That means that it's a structure that helps you create applications faster by providing a number of services and objects. Now those objects are going to make things easier for app developers. This is a dramatic upgrade to Angular One. It's really a rethinking of how applications should be put together.
So if you're coming from Angular One, this is going to be a dramatic adjustment for you and somewhat of a tough upgrade path. Now one of the primary reasons for a lot of these changes is performance. So Angular apps run three times faster than the previous version. Although some of these changes are going to be a big adjustment, they're really for a good reason. So how is this version of Angular different from the original Angular One? First, in the new version of Angular, the structure revolves around components. Components are like Angular One's custom directives.
They'll let you create functionality around custom tags. So instead of adding an ng-app directive to a section of code, you simply invent your own tags and then program the functionality for these. It's a lot like using web components and it's one of the best features of the framework. Components are much simpler than creating custom directives. Since most of the work is handled by components, there's really no need for controllers in this new version of Angular. Now this isn't really a big deal since the component architecture is so well made in the new version of Angular.
In this course, Ray Villalobos shows you how to start using Angular 2 in your own projects. He starts by defining what exactly Angular 2 is and how it differs from AngularJS 1. Then, once the basics are out of the way, he sets up the template that will drive the project and starts coding. Ray shows how to divide your project into modules, work with events, style content with CSS, and create components and subcomponents. Plus, you can find out how to change content dynamically using data pipes.
Note: Members can find a template to download in the exercise files.
- What is Angular 2?
- Setting up a template
- Creating a simple component
- Using multiple modules
- Displaying data in templates
- Working with events
- Creating a subcomponent
- Filtering content through data pipes