Now that you’ve created a new project using the Angular CLI, take a look at the folders and files that have been created. Visual Studio Code is the editor used here, but you can use whatever editor you wish. Angular CLI creates a full project using both Angular best practices, and with full integrated tooling.
- [Instructor] Now that we've created a new project…using the Angular CLI,…let's have a look at the folders and files…that have been created for us.…I'll be using Visual Studio Code for our editor,…but you can use whatever editor you wish.…Here we have Visual Studio Code open,…but there's no project folder open yet.…If you want to install Visual Studio Code,…you can go to code.visualstudio.com…and you'll be able to download a build for Windows,…for Mac OS, whatever platform you like.…
Visual Studio Code is free and has a lot…of really nice features,…including built in type script support,…and an integrated terminal.…Let's pop back over to Visual Studio Code,…and open our project.…Alright, now that we're back inside of Visual Studio Code…we can open up our project by using the Explorer,…and choosing Open Folder.…Here's our exercise files,…and our Angular animation folder…which is the actual project created with our CLI.…
So let's select this folder,…and at Visual Studio Code goes through and opens up…that project for us.…
- Installing the Angular CLI
- Creating a new project
- Verifying the animations package
- Configuring project routes
- Animating components
- Triggering animation between states
- Stepped and parallel animation
- Writing reusable animations
- Animating individual items with query and stagger
- Animating an existing Angular project
Skill Level Intermediate
1. Getting Ready to Animate
2. Enabling Angular Animations
3. Angular Animation Basics
4. Advanced Angular Animation
5. Animating an Existing Interface
6. Package for Distribution
Building the project1m 56s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.