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
Skill Level Beginner
- [Ray] Hey there, this is Ray Villalobos, and in this course, I'll show you how to work with the new version of Angular, a modular front-end development framework for building web applications. Angular requires a bit of extra setup so I'll start by showing you how to work with a built process using npm scripts that's going to automate the process of working with this version of Angular. I'll show you how to work with Angular's new component-based architecture, the basis for all Angular projects. I'll cover how to work with single, as well as multiple modules, and how the language for creating templates has changed in this new version.
I'll also show you how to work with events and how things like clicks and form access can be added to your templates and managed through your components. Then I'll show you how to use properties to a data binding and how you can add CSS in different ways. Finally, I'll show you the structure of a simple but realistic application that will show you things that go beyond the concepts. There's a lot to learn, but that's why you're here. So let's get started.