Type

classroom

Level

beginner

Length

3 day(s)

Topics

aspnet | vue | csharp | microsoft | web development

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 Shawn Wildermuth comes in. His hands-on, pragmatic approach can help you understand how these technologies work together.

Shawn 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. He 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.js 2
• Webpack 4.24

Outline

• 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
• Building the Data Model With Entity Framework
  • Creating Entity Classes
  • Creating the Context
  • Creating a Repository
  • Integrating EF with Dependency Injection
• Creating an API
  • Is it REST?
  • Creating an API Controller
  • Implementing GET
  • Implementing POST
  • Implementing PUT
  • Implementing DELETE
  • Implementing Associations
  • Using Query Parameters
• Versioning an API
  • Deciding on a Versioning Strategy
  • Using Versioning in the API
  • Maturing an API with Versioning
• What is VueJS
  • What Problem is VueJS Solving?
  • Where Can VueJS Be Used
  • How is VueJS Different?
  • Your First VueJS Project
• Data Binding in VueJS
  • Data Binding Basics
  • Formatting in VueJS
  • List Binding
  • Using Forms
  • Validation
• Calling Services
  • Using HTTP in VueJS
  • Calling a GET
  • Calling a POST
  • Calling a PUT
  • Calling a DELETE
• VueJS Routing
  • Why Client-Side Routing
  • Introducing Routing
  • Setting Up Patterns for Routing
  • Nested Routes
  • Passing Parameters
  • Using Browser History
• Packaging JavaScript
  • What is WebPack
  • Installing WebPack
  • Using WebPack with Vue.js
  • Development and Production with WebPack

Prerequisites

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.