It's important to have a good structure for projects that involve multiple modules and files, so in this course, three different files are used. A boot file to take care of booting up our application, a module handler that manages the modules needed for the project, as well as at least one module to start the application.
- [Instructor] To set up a typical application structure…we're going to need three different files.…We need to use a file to bootstrap our application,…another one to describe all of our modules,…and then, finally, a module to start up…what we want to do in the application.…So first, if you notice, in our…system configuration.js file, first, in the…system.jsconfig file, we are calling this app.boot.js file,…so this actually what our system loader…is going to use to manage our modules.…
So, we'll put an import command right here.…And then we're going to need to import a library…
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