ASP.NET Core MVC + Web API with Overview (Post RC2)

23
ASP.NET Core* Shahed Chowdhuri Sr. Technical Evangelist @ Microsoft @shahedC WakeUpAndCode.com A Quick Overview of ASP.NET Core RC2 * aka ASP.NET 5 before RC1

Transcript of ASP.NET Core MVC + Web API with Overview (Post RC2)

Page 1: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP.NET Core*Shahed ChowdhuriSr. Technical Evangelist @ [email protected]

A Quick Overview of ASP.NET Core RC2

* aka ASP.NET 5 before RC1

Page 2: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP.NETWeb API

Active Server Pages

(Classic ASP)

ASP.NET(Web

Forms)

ASP.NETMVC

1/2/3/4/5

ASP.NETWeb

Pages

ASP.NETMVC 6

Unified MVC,

Web API and Web

PagesASP.NETWeb API

Active Server Pages

(Classic ASP)

ASP.NET(Web

Forms)

ASP.NETMVC

1/2/3/4/5

ASP.NETWeb

Pages

ASP.NETMVC 6Core MVC

Unified MVC,

Web API and Web

Pages

Evolution of ASP and ASP .NET

Page 3: ASP.NET Core MVC + Web API with Overview (Post RC2)

C# 6.0

.NET Framework

4.6

ASP.NET 5(runs on .NET Core 5

or .NET Framework 4.5.2+)

ASP.NET MVC 6

.NET Core 5 SignalR 3

C# 6.0

.NET Framework

4.6

ASP.NET 5 Core 1.0(runs on .NET Core 5 1.0

or .NET Framework 4.5.2+)

ASP.NET MVC 6Core MVC

.NET Core 5.NET Core

1.0

SignalR 3

Names & Version Numbers

Page 4: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP.NET Core High-Level Overview

Page 5: ASP.NET Core MVC + Web API with Overview (Post RC2)

Compilation Process

Page 6: ASP.NET Core MVC + Web API with Overview (Post RC2)

What About .NET Framework 4.6?

Page 7: ASP.NET Core MVC + Web API with Overview (Post RC2)

How about Entity Framework?

DB

ORM

Entities in

CodeCore

)

Page 8: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP.NET Core*Shahed ChowdhuriSr. Technical Evangelist @ [email protected]

MVC and Web API

* aka ASP.NET 5 before RC1

Page 9: ASP.NET Core MVC + Web API with Overview (Post RC2)

Agenda ASP.NET Architecture Model-View-Controller ASP.NET MVC Web Project Tag Helpers in Views ASP.NET Web API Project Consuming Web API JavaScript Frameworks

Page 10: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP .NET Architecture

ASP.NET

Web Forms

SitesMVC + Web Pages +

Web APISigna

lR

Services

Page 11: ASP.NET Core MVC + Web API with Overview (Post RC2)

Model-View-Controller

View Model

Controller

Request

UpdateUpdate

Get Data From

Page 12: ASP.NET Core MVC + Web API with Overview (Post RC2)

File New Project Web

• Web App (4.x)• Core Web App (.NET Core)• Core Web App (.NET framework)

Page 13: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP.NET MVC Web Project Template

* Subject t rename with the release of RC2

ASP. NET Core Templates• Empty• Web API• Web Application

Page 14: ASP.NET Core MVC + Web API with Overview (Post RC2)

Project Files and Configuration

Page 15: ASP.NET Core MVC + Web API with Overview (Post RC2)

Tag Helpers: Evolution of HTML Forms

Page 16: ASP.NET Core MVC + Web API with Overview (Post RC2)

Tag Helpers in Views

Page 17: ASP.NET Core MVC + Web API with Overview (Post RC2)

ASP.NET Web API Project Template

Page 18: ASP.NET Core MVC + Web API with Overview (Post RC2)

Consuming Web APIs

MVC App

HTML5 App

Web API

Mobile App

Page 19: ASP.NET Core MVC + Web API with Overview (Post RC2)

JavaScript Frameworks

https://docs.asp.net/en/latest/client-side/knockout.html https://docs.asp.net/en/latest/client-side/angular.html

Page 20: ASP.NET Core MVC + Web API with Overview (Post RC2)

Controller -> View -> Web API

https://github.com/aspnet/Docs/tree/master/aspnet/client-side/angular/sample/AngularSample

Page 21: ASP.NET Core MVC + Web API with Overview (Post RC2)

Angular App

Page 22: ASP.NET Core MVC + Web API with Overview (Post RC2)

Web API Controller