This course comes with exercise files that match what's covered in the videos. In this video, learn how to use the exercise files to follow along.
- [Instructor] I have created a github repo at the URL below that you can use to pull a copy of the project files used in this course. If you have a github account, feel free to fork the repo to be able to work on your own version of it, if you like. If not, you can still clone or download a zip of the project code from the repo without needing a github account. The project code has a read me dot md file that contains a simple walk through for setting up your environment and the commands to run to work on the code. To run the project locally, you will need a few things installed, beginning with git. You can find git on the official site at the URL below. If you have not used git before, I would recommend checking out the course, Learning Git and GitHub, by Ray Villalobos. The project code requires node and npm to be installed locally. You can visit the official node js site at the link below for details on downloading and installation. If you are unfamiliar with npm and how it works, I recommend you check out the course, Learning npm the Node Package Manager, with Emmanuel Henri. The project code makes use of the Angular CLI, a utility provided by the Angular team at Google that handles the build and testing pipelines needed for Angular applications. As well as development tooling, like the ability to run a local dev server to see the application running in the browser. While this course will not cover anything specific to the Angular CLI, other than the ng serve command that will be used to run the project in the browser, I do recommend checking out the course, Learning the Angular CLI, by Victor Mejia, as a great resource for learning the features and functionality of the Angular CLI. The project code for the github repository has a branch for each video, that contains all the code previously created during the course, up to that point. So, at any point, you can switch to the branch that matches the video and be working with the exact same code that is covered during the lesson. Once you get the code setup, you will want to run the command npm space install to pull down the dependencies needed by the project. Only one npm install call is needed to get the node modules installed for the entire project. And from there, you can simply switch branches to follow along with the project files for each video. And if you're viewing this course on a mobile device or a set top device, that's okay. You can still follow along by watching how I use the files. Finally, I'm going to be using Visual Studio code during this course. But, there is nothing specific to that editor in the material I will cover and you can feel free to use whatever editor you like.
- What is Angular?
- Working with components
- Binding events and properties
- Getting data to components
- Using directives and pipes
- Creating Angular forms
- Validating form data
- How Angular does dependency injection
- Making HTTP calls
- Styling components
Skill Level Intermediate
Angular: Building an Interfacewith Ray Villalobos2h 20m Intermediate
1. Architecture Overview
3. Directives and Pipes
5. Dependency Injection and Services
8. Styling Components
Next steps1m 20s
- 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.