Modern Web Development with ASP.NET Core and Vue.js


Learning to build modern websites can be a challenge. The
number of technologies that are involved in building a website today
can be daunting. That’s where I come in. My hands-on, pragmatic approach can help you understand how these technologies work together.

I will show you how to build a website using the latest in Microsoft and open-source technologies. In this course, you will learn how to build a website including an API and a Single-Page application (SPA) using ASP.NET Core, Entity Framework Core and Vue.js.

If you’re trying to get up to speed with the Microsoft web stack or are an existing web developer, this course will teach you something new about how to build websites quickly and with modern web browsers and devices in mind. I will teach you how to build a website by showing you every step, every trick and every tool.

In this 3-day course, we will show you how to develop websites made for the modern world of browsers.

This course will use the following technologies:

  • Visual Studio 2017 (15.9)
  • ASP.NET Core 2.2
  • Entity Framework 2.2
  • Vue 2
  • Webpack 4.24


Before taking this course students should have some familiarity with .NET and C#.  No ASP.NET or HTML experience is necessary. The course is a great way to get developers who typically create desktop applications ready to build web applications.

What You will Learn?

  •  Build a new ASP.NET Core project
  •  Using the Entity Framework
  •  Creating an API
  •  Understand API versioning
  •  Add Vue.js to an ASP.NET Core project

Course Outline

  • Module 1: ASP.NET Core
    • What is ASP.NET Core?
    • Your First Controller
    • Your First View
    • Using a Service
    • Introducing Dependency Injection
    • Understanding Routing
    • Using ActionLinks
    • Using Layout Pages
    Module 2: Building the Data Model With Entity Framework
    • Creating Entity Classes
    • Creating the Context
    • Creating a Repository
    • Integrating EF with Dependency Injection
    Module 3: Creating an API
    • Is it REST?
    • Creating an API Controller
    • Implementing GET
    • Implementing POST
    • Implementing PUT
    • Implementing DELETE
    • Implementing Associations
    • Using Query Parameters
    Module 4: Versioning an API
    • Deciding on a Versioning Strategy
    • Using Versioning in the API
    • Maturing an API with Versioning
    Module 5: What is VueJS
    • What Problem is VueJS Solving?
    • Where Can VueJS Be Used
    • How is VueJS Different?
    • Your First VueJS Project
    Module 6: Data Binding in VueJS
    • Data Binding Basics
    • Formatting in VueJS
    • List Binding
    • Using Forms
    • Validation
    Module 7: Calling Services
    • Using HTTP in VueJS
    • Calling a GET
    • Calling a POST
    • Calling a PUT
    • Calling a DELETE
    Module 8: VueJS Routing
    • Why Client-Side Routing
    • Introducing Routing
    • Setting Up Patterns for Routing
    • Nested Routes
    • Passing Parameters
    • Using Browser History
    Module 9: Packaging JavaScript
    • What is WebPack
    • Installing WebPack
    • Using WebPack with Vue.js
    • Development and Production with WebPack
Modern Web Development with ASP.NET Core and Vue.js
June 1, 2022
Type :
Level :
3 days