From the course: Building Angular and ASP.NET Web API Apps

Unlock this course with a free trial

Join today to access over 24,400 courses taught by industry experts.

Design the application header and footer

Design the application header and footer

From the course: Building Angular and ASP.NET Web API Apps

Start my 1-month free trial Buy for my team

Design the application header and footer

“

- [Instructor] On the last part, we did create a service file in the Angular app, which we are going to use to get data from the database using the API endpoints that we created on the last chapter, but before we start getting data from the database, we are going to set up the initial design for the app, and we're going to start with two simple components, which are the application header and footer. Throughout this course, we're going to use Bootstrap to design our components, so the first step is to set up Bootstrap in our Angular app. For that, let us go to the app. Now, this is how our app looks like. We have the "header works," we have two buttons, and then down here, we just have "footer works." By the end of this part, we're going to have the header look like this, so we're going to have the expense tracker here at the top left, we're going to have three buttons here on the right, the add transaction, log out, and log in. Now, right now, we show all the buttons, but in the…

Contents