From the course: Angular: Creating and Hosting a Full-Stack Site
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Add fake data
From the course: Angular: Creating and Hosting a Full-Stack Site
Add fake data
- [Instructor] Now that we've got our pages and their corresponding router set up, we going to start implementing each page of our application. But before we do that, there are a few things we have to do first. The first thing is that we have to add some fake data to our application. Later on in the course, when we create our backend, our front end application will just load all of its data from there. But for now while we're just building out our front end, we going to define some fake data that we can use instead. So inside our app directory, let's create a new file and call it fake-data.js. And then in order to populate this file with fake data, what we going to do is copy and paste that data from this project's exercise files. So just go to the end state for this video and copy and paste the data from there. And then we'll paste that inside here. It'll look something like this here. And once we've done…
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
-
Set up an Angular project2m 4s
-
Angular project structure3m 47s
-
Create your first Angular component2m 55s
-
Routes and routing in Angular9m 45s
-
Add fake data3m 3s
-
Implement the Listings page5m 13s
-
Create a Listing Detail page5m 33s
-
Create a Contact Seller page9m 5s
-
Create a My Listings page4m 27s
-
Create a New Listings page5m 47s
-
Create a Listing Data form3m 57s
-
Create an Edit Listing page11m 14s
-
Create a navigation bar3m 1s
-
-
-
-
-
-
-