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

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

Created by Wes Doyle
Language English

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

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

Created by Wes Doyle
Language English
1. Introduction
  • 1. Course Summary and Introduction 00:02:44
  • 1.1 Productive Dev Full Stack Vue Net Core Postgres .pdf
  • 2. Solar Coffee Demo and Development Environment Setup 00:09:28
  • 3. Using the Vue CLI to Generate the Vue Project 00:07:15
  • 4. Setting up the .NET Core Web API Project 00:08:48
2. Back End .NET Core Web API PostgreSQL
  • 1. Building the Data Layer 00:23:02
  • 2. Connecting to PostgreSQL 00:15:24
  • 3. Setting up Makefile and Adding Data Models 00:20:13
  • 4. Starting Controllers and Services 00:38:14
  • 5. Continuing API Development and Basic SQL 00:17:09
  • 6. View Models and Service Development 00:43:07
  • 7. Continuing Service Layer Development 00:33:16
  • 8. Expanding Serialization and Controllers 00:28:40
  • 9. Making Test Requests with Postman and Bug Fixes 00:24:59
  • 10. Completing our API 00:18:17
3. Front End Vue.js SPA Web Client
  • 1. Starting Front End Development with Vue.js 00:22:32
  • 2. Creating the App Layout 00:27:28
  • 3. Creating the Inventory Dashboard 00:24:22
  • 4. Creating Modals Receiving Inventory 00:23:45
  • 5. Creating Modals New Product Modal 00:19:18
  • 6. Starting the Front End Service Layer 00:15:11
4. Full Stack Integration - Back and Front End
  • 1. Bug Fix CORS and Sending Inventory Data 00:13:48
  • 2. Implementing Typescript Types Newtonsoft Json.NET Library 00:11:30
  • 3. Upgrading Styles Saving New Products 00:16:10
  • 4. Adding new API Endpoints 00:11:01
  • 5. New Feature Manage Customers Screen 00:37:20
  • 6. New Feature Manage Customers and Invoice Generator 00:22:39
  • 7. Invoice Wizard Feature Development 00:35:38
  • 8. New Feature PDF Export 00:15:34
  • 9. New Feature Tracking Sales Orders 00:27:42
  • 10. New Feature Charting and Vuex Pathify 00:37:04
  • 11. Bugfix Updating Chart Without Refreshing 00:16:08
5. Unit Testing and Automation Testing
  • 1. Bugfix Snapshots Back-End Unit Testing 00:28:59
  • 2. Testing Vue Components with Jest 00:11:37
  • 3. Automation Testing with Cypress 00:15:57