Frontend with Angular

Our ASP.NET Core Web API is working fine, but the server-side controllers we built in Chapter 2, Backend with .NET Core--QuizController, QuestionController, AnswerController, and ResultController--are still missing something we will eventually need, some POST-based methods to insert, update, and delete their records. There's no sense in adding them now, since we’re still dealing with sample data objects that are created on-the-fly; however, we’ll definitely add these methods in due course, when we’ll switch to a real Data Model.

As for the time being, let’s see how we can make good use of what we just did by implementing all the new stuff in the Angular source code shipped along with the Visual Studio Angular SPA template we chose to use. Needless to say, this means that we will perform a series of structural changes on the existing sample in terms of UI, layout, navigation, and data retrieval strategies.

Let’s summarize what we will do in this chapter:

  • Greet our users with a brand new Home View that will show three different lists of Quizzes--Latest, By Title (A-Z), Random. We'll populate these by fetching the relevant data using the QuizController API methods built in Chapter 2, Backend with .NET Core.
  • Let our users navigate to a Test Detail View upon clicking any given Test, where they’ll be able to read some basic information about the chosen test.
  • Allow our users to go back from the Test Detail View to the Home View upon clicking a standard Back link.
  • Update the side menu and all the text labels according to these changes.
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.139.82.4