From the course: Angular: Creating and Hosting a Full-Stack Site
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Create your first Angular component
From the course: Angular: Creating and Hosting a Full-Stack Site
Create your first Angular component
- [Instructor] So now that we've seen the basic directory structure of our Angular project, let's move on to creating the first component for our application. Components are the basic units of organization in Angular projects. They're the sort of modular pieces of the interface that we can define and display inside other components. And as I mentioned already, the app component that we looked at is the component in Angular applications that contains the rest of the components we create. The first component we're going to create for our buy and sell site is going to be the listings page, which will display all the currently available listings that a user can buy. Now, when creating a new component in our Angular projects, instead of creating all the files and setting up all the boilerplate code ourselves, Angular provides a script that we could run to generate all of that for us. So in order to generate our listings page…
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
-
-
-
-
-
-
-