You're reading from Developing Multi-Platform Apps with Visual Studio Code Get up and running with VS Code by building multi-platform, cloud-native, and microservices-based apps

Product type Paperback

Published in Sep 2020

Publisher Packt

ISBN-13 9781838822934

Length 334 pages

Edition 1st Edition

Languages

Tools

Visual Studio

Concepts

Application Development

Authors (2):

Khusro Habib

Ovais Mehboob Ahmed Khan

View More author details

Table of Contents (15) Chapters

Preface

1. Section 1: Introduction to Visual Studio Code

2. Chapter 1: Getting Started with Visual Studio Code FREE CHAPTER

3. Chapter 2: Extensions in Visual Studio Code

4. Section 2: Developing Microservices-Based Applications in Visual Studio Code

5. Chapter 3: Building a Multi-Platform Backend Using Visual Studio Code

6. Chapter 4: Building a Service in .NET Core and Exploring Dapr

7. Chapter 5: Building a Web-Based Frontend Application with Angular

8. Chapter 6: Debugging Techniques

9. Chapter 7: Deploying Applications on Azure

10. Chapter 8: Git and Azure DevOps

11. Section 3: Advanced Topics on Visual Studio Code

12. Chapter 9: Creating Custom Extensions in Visual Studio Code

13. Chapter 10: Remote Development in Visual Studio Code

14. Other Books You May Enjoy

Leave a review - let other readers know what you think

Designing our application

In Chapter 3, Building a Multi-Platform Backend Using Visual Studio Code we created an overall application architecture. The architecture highlighted the services, integration platform, and the frontend application to be built, and how they work together. From this architecture, we have already developed the backend services for job request, agent, and notification functions. Our focus now will be on developing the frontend application and on providing users with the ability to create job requests, for agents to process them.

To start developing the required Angular modules, components, and services, let's look at an illustration of how we will be organizing our app into different modules, showing which components will be part of each module and which prebuilt Angular modules we will be reusing. This will help us to understand the overall application and will also make it easy to link things while we develop. The following screenshot shows how the...