Learn how you can use TypeScript strongly typed language to describe the structure to your data and use more complex information in your application.
- [Instructor] So far, we've been using pretty simple data,…so let's take a look at how our application would change…if we were using a more complex structure.…I've placed the data for what we want to use…in this project on this URL…and I'm going to click on this Raw button right here…just to get it in an easier way,…and then just select everything and copy the data.…Before we go back into the application,…let's take a look at my different parameters here.…So I have an object for each of…the different users,…and in each object, I have different properties here.…
This one's called name, obviously the name of the person,…this one is a short name, this is what I use…to get to the images,…so it's essentially the same thing as the name bud…in a shortened version, with underscores for spaces,…and if the user has a more complex name…like this fellow right here, you can see that…I'm only using the first name and the last name.…And usually the images are saved with this prefix…and then _tn.jpg…for thumbnails.…
And if I was having any high-resolution versions…
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