guide to building enterprise, cloud-ready full-stack web applications using TypeScript, Vue.js 3, and ASP.NET Core 5 for busy developers
▶What You Will Learn
-Discover CQRS and mediator pattern in the ASP.NET Core 5 Web API
-Use Serilog, MediatR, FluentValidation, and Redis in ASP.NET
-Explore common Vue.js packages such as Vuelidate, Vuetify, and Vuex
-Manage complex app states using the Vuex state management library
-Write integration tests in ASP.NET Core using xUnit and FluentAssertions
-Deploy your app to Microsoft Azure using the new GitHub Actions for continuous integration and continuous deployment (CI/CD)
▶Key Features
-Learn how to implement clean architecture in the latest ASP.NET Core 5 Web API
-Develop Vue.js 3 single-page applications (SPAs) using TypeScript or JavaScript programming and Vuex state management
-Secure, test, and deploy your full-stack web application to Azure Cloud
▶Who This Book Is For
This app development book is for .NET developers who want to get started with Vue.js and build full-stack real-world enterprise web applications. Developers looking to build a proof-of-concept application quickly and pragmatically using their existing knowledge of ASP.NET Core as well as developers who want to write readable and maintainable code using TypeScript and the C# programming language will also find this book useful. The book assumes intermediate-level .NET knowledge along with an understanding of C# programming, JavaScript, and ECMAScript.
▶What this book covers
- Chapter 1, Getting Started with ASP.NET Core and Vue.js, serves as a short recap regarding the current state of ASP.NET Core and Vue.js to give you a glimpse of what lies ahead in the web development of ASP.NET Core and Vue.js.
- Chapter 2, Setting Up a Development Environment, will teach you how to set up your computer's development environment to build backend and frontend web applications. You will go through different IDEs and text editors to write code and make sure everything has been set up before proceeding with the app development.
- Chapter 3, Starting Your First ASP.NET Core Project, shows the step-by-step process of creating an ASP.NET Core 5 Web API project. This chapter also describes the default folders and files in a newly created ASP.NET Core 5 Web API, particularly Program.cs and Start.cs, including the dependency services and middleware.
- Chapter 4, Applying Clean Architecture to an ASP.NET Core Solution, teaches you the real-world organization of files, folders, projects, and ASP.NET Core app dependencies, preparing you for future big and scalable ASP.NET Core 5 enterprise applications.
- Chapter 5, Setting Up DbContext and Controllers, will teach you how to set up a database, Entity Framework Core, DbContext, and how to write entities and enums in a clean architectural way. This chapter also teaches you how to write controllers and routes with Swagger UI to test controllers.
- Chapter 6, Diving into CQRS, is all about the CQRS pattern, the mediator pattern, and the popular MediatR NuGet package for CQRS and pipeline behavior.
- Chapter 7, CQRS in Action, shows you how to implement CQRS, use FluentValidation and AutoMapper, and write queries, commands, and IServiceCollection.
- Chapter 8, API Versioning and Logging in ASP.NET Core, teaches you about API versioning, which is sometimes necessary to create maintainable APIs but can be problematic if not done correctly.
- Chapter 9, Securing ASP.NET Core, discusses the integration of the ASP.NET Core 5 backend with the Vue.js 3 frontend. The chapter explores authentication and authorization in the ASP.NET Core 5 Web API by creating and handling JWT. This chapter then explains how to use JWT builder, writing custom JWT middleware, developing basic authentication, and adding role-based authorizations on GET, POST, PUT, and DELETE methods.
- Chapter 10, Performance Enhancement with Redis, covers in-memory caching in ASP.NET Core, distributed caching, and implementing Redis.
- Chapter 11, Vue.js Fundamentals in a Todo App, is entirely devoted to Vue.js, the Node Package Manager (npm), and the Vue CLI. These tools help developers to scaffold Vue. js projects with different configurations based on the user's options. This chapter also describes the Vue component's features and what you can do with them.
- Chapter 12, Using a UI Component Library and Creating Routes and Navigations, teaches you how to use open source UI libraries built by different Vue.js communities. You will use one of the popular libraries in Vue.js, which will save you from spending countless hours building your components. Then you will set up the navigation and routing of your Vue.js 3 app with best practices in mind.
- Chapter 13, Integrating a Vue.js Application with ASP.NET Core, explains how to put the ASP.NET Core Web API and the Vue.js application together as a single unit. You will look at how the CORS policy works and how to enable it.
- Chapter 14, Simplifying State Management with Vuex and Sending GET HTTP Requests, is about sending HTTP requests and solving the most common problem in big web applications—the problem of syncing the state of a component with another component. In large and complex applications, you need a tool that centralizes your application's state and makes the data flow transparent and predictable.
- Chapter 15, Sending POST, DELETE, and PUT HTTP Requests in Vue.js with Vuex, shows the step-by-step process of synchronizing fetching, removing, creating, and updating data in the frontend and backend. This chapter explains the effective state management of a Vue.js 3 application in the easiest way possible.
- Chapter 16, Adding Authentication in Vue.js, explains the setting up of Vuex for authentication and writing an Auth Guard. This chapter also covers writing HTTP interceptors and setting up auto-login in the app.
- Chapter 17, Input Validations in Forms, discusses the installation of an input validation library called Vuelidate and explains how to use validators in forms to prevent users from typing invalid inputs.
- Chapter 18, Writing Integration Tests Using xUnit, explores ways to efficiently test ASP. NET Core 5 and Vue.js applications. This chapter serves as a guide for detecting bugs in applications before users use them.
- Chapter 19, Automatic Deployment Using GitHub Actions and Azure, explains what GitHub Actions is, where to deploy apps, and how to implement automated deployment to Azure App Service using GitHub Actions.
