From the course: Angular: Creating and Hosting a Full-Stack Site
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Angular project structure
From the course: Angular: Creating and Hosting a Full-Stack Site
Angular project structure
- [Instructor] So now that we have our Angular project created and running, let's actually open it in our IDE, and once we've done that, this is a great chance to take a look at the structure of our Angular project. So in our file tree here, you'll see that there's a lot of files that Angular generated for us. Most of what we're going to be concerned with is inside the source directory. Outside of there, you have mostly just a bunch of configuration files that you can change at will, but then if we go inside our source directory, let's take a look at some of the files and directories inside of here. So first of all, we have this app directory, which contains all of our component code. This is where we'll be spending most of our time in this course. And then we have this assets directory, which contains any special assets our project needs, such as images. And then we have this environments directory, which…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Why Angular?3m 5s
-
(Locked)
Set up an Angular project2m 4s
-
(Locked)
Angular project structure3m 47s
-
(Locked)
Create your first Angular component2m 55s
-
(Locked)
Routes and routing in Angular9m 45s
-
(Locked)
Add fake data3m 3s
-
(Locked)
Implement the Listings page5m 13s
-
(Locked)
Create a Listing Detail page5m 33s
-
(Locked)
Create a Contact Seller page9m 5s
-
(Locked)
Create a My Listings page4m 27s
-
(Locked)
Create a New Listings page5m 47s
-
(Locked)
Create a Listing Data form3m 57s
-
(Locked)
Create an Edit Listing page11m 14s
-
(Locked)
Create a navigation bar3m 1s
-
-
-
-
-
-
-