Join Ray Villalobos for an in-depth discussion in this video Setting up our template, part of Learning AngularJS 2 (2016).
- [Voiceover] Now before we start working…with AngularJS 2, let's talk about the rest…of our folder structure and install our script files…into our HTML document.…Now, if you haven't done so already,…make sure that you watch the video…on using the exercises for this course.…You should also go ahead…and start your goal process…if you haven't done so already.…Now that should happen before you begin…each movie in the course.…If you're working with our practice environment,…all that is already taken care of for you.…Now if we take a look at our structure right here,…you'll notice that we have a builds folder.…
And inside that folder we have a development sub-folder.…Everything inside this folder is what you would move…to your own server if you wanted this application…to work on the web.…Now as we covered in the previous video,…everything that this application needs,…in terms of AngularJS, is inside this js folder…and inside the lib folder,…under a folder called angular2.…We also have an images folder…with some images that we'll be using later in this course.…
In these tutorials, Ray Villalobos shows you how to start using AngularJS 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, find out how to change content dynamically using data pipes.
The template is included as a free download for all members.
- What is AngularJS 2?
- Setting up our template
- Creating a simple component
- Using multiple modules
- Displaying data in our templates
- Working with events
- Creating a subcomponent
- Filtering content through data pipes