Learn Full-Stack Vue, .NET Core, PostgreSQL Web Development

Learn Full-Stack Vue, .NET Core, PostgreSQL Web Development
Learn Full-Stack Vue, .NET Core, PostgreSQL Web Development
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 12 Hours | 5.24 GB

Code-along to build a full-featured management dashboard from scratch

In this course, we’ll build a feature-complete web application for a coffee roaster called Solar Coffee. We’ll build a management dashboard consisting of a PDF invoice generator, dynamic graphs, and an order fulfillment feature.

As part of this course, you’ll learn fundamental full-stack development skills, including:

  • Web API development with .NET Core
  • Front-End development with Vue.js with TypeScript
  • Using SQL with a PostgreSQL database
  • Testing API endpoints with Postman
  • Unit testing with Jest, xUnit
  • End-to-end testing with Cypress
  • Finding and fixing bugs
  • Web application architecture

What you’ll learn

  • Full-stack web application development skills
  • .NET Core 3.0
  • Vue JS
  • PostgreSQL
  • CSS (SCSS) + HTML
  • Cypress Automated Testing
  • Unit Testing Vue with Jest
  • Unit Testing C# with xUnit
  • Refactoring
Table of Contents

Introduction
1 Course Summary and Introduction
2 Solar Coffee Demo and Development Environment Setup
3 Using the Vue CLI to Generate the Vue Project
4 Setting up the .NET Core Web API Project

Back End .NET Core Web API + PostgreSQL
5 Building the Data Layer
6 Completing our API
7 Connecting to PostgreSQL
8 Setting up Makefile and Adding Data Models
9 Starting Controllers and Services
10 Continuing API Development and Basic SQL
11 View Models and Service Development
12 Continuing Service Layer Development
13 Expanding Serialization and Controllers
14 Making Test Requests with Postman and Bug Fixes

Front End Vue.js SPA Web Client
15 Starting Front End Development with Vue.js
16 Creating the App Layout
17 Creating the Inventory Dashboard
18 Creating Modals Receiving Inventory
19 Creating Modals New Product Modal
20 Starting the Front End Service Layer

Full Stack Integration – Back and Front End
21 Bug Fix CORS and Sending Inventory Data
22 New Feature Charting and Vuex Pathify
23 Bugfix Updating Chart Without Refreshing
24 Implementing Typescript Types, Newtonsoft Json.NET Library
25 Upgrading Styles, Saving New Products
26 Adding new API Endpoints
27 New Feature Manage Customers Screen
28 New Feature Manage Customers and Invoice Generator
29 Invoice Wizard Feature Development
30 New Feature PDF Export
31 New Feature Tracking Sales Orders

Unit Testing and Automation Testing
32 Bugfix Snapshots, Back-End Unit Testing
33 Testing Vue Components with Jest
34 Automation Testing with Cypress