Microsoft: ASP.NET Core tutorials

https://docs.microsoft.com/en-us/aspnet/core/tutorials/index

ASP.NET Core tutorials

2016-10-14 1 min to read Contributors

• 
 
• 
 
• 
 
• 

The following step-by-step guides for developing ASP.NET Core applications are available:

Building web applications

• Introduction to ASP.NET Core MVC on Mac or Linux
• Introduction to ASP.NET Core MVC with Visual Studio
• Getting started with ASP.NET Core and Entity Framework Core using Visual Studio
• Your first ASP.NET Core application on a Mac or Linux using Visual Studio Code
• Building projects with Yeoman
• Authoring Tag Helpers
• Creating a simple view component
• Developing ASP.NET Core applications using dotnet watch

Building web APIs

• Building your first web API with ASP.NET Core MVC and Visual Studio
• Create a Web API app on Mac or Linux with Visual Studio Code
• ASP.NET Web API Help Pages using Swagger
• Creating backend web services for native mobile applications

Working with data

• Getting started with ASP.NET Core and Entity Framework Core using Visual Studio
• ASP.NET Core with EF Core - new database
• ASP.NET Core with EF Core - existing database

Authentication and authorization

• Enabling authentication using Facebook, Google and other external providers
• Account Confirmation and Password Recovery
• Two-factor authentication with SMS

Client-side development

• Using Gulp
• Using Grunt
• Manage client-side packages with Bower
• Building beautiful, responsive sites with Bootstrap

Testing

• Unit Testing in .NET Core using dotnet test

Publishing and deployment

• Deploy an ASP.NET Core web app to Azure using Visual Studio
• Publishing to an Azure Web App with Continuous Deployment
• Deploy an ASP.NET container to a remote Docker host
• Use VSTS to Build and Publish to an Azure Web App with Continuous Deployment
• ASP.NET Core on Nano Server
• ASP.NET Core and Azure Service Fabric

Master Chef (Part 4) ASP.NET Core MVC and Angular 2 Implement CRUD Single Page Application

https://www.codeproject.com/Articles/1130939/Master-Chef-Part-ASP-NET-Core-MVC-with-Fluent-NHib

Master Chef (Part 1) ASP.NET Core MVC with Fluent NHibernate and AngularJS

Fred Song (Melbourne), 21 Sep 2016 CPOL

5.00 (17 votes)

Rate this: vote 1vote 2vote 3vote 4vote 5

In this article, I want to show how to build a Single Page Application – MasterChef with ASP.NET Core MVC, Fluent Hibernate, and Angular JS.

• Download source - 60.4 KB

ASP.NET 5 is dead, and is being renamed to ASP.NET Core 1.0. However, though naming the new, a completely written from scratch ASP.NET framework "ASP.NET 5" was a bad idea for a one major reason: 5 makes it seem like ASP.NET 5 is bigger, better, and replaces ASP.NET 4.6. Not so. So ASP.NET 5 is now ASP.NET Core 1.0, and NET Core 5 is now .NET Core 1.0. Why 1.0? Because these are new. The whole .NET Core concept is new. The .NET Core 1.0 CLI is very new. Not only that, but .NET Core isn't as complete as the full .NET Framework 4.6.

One of the big new features of working with ASP.NET Core is cross-platform compatibility. As of this version, we can both develop and run ASP.NET Core on Windows, which has always been the case, but also on Mac OS X and Linux operating systems.

ASP.NET Core and MVC are the server side of things, but as we touched on earlier, in a single-page application, there is also a client-side component. Angular is actually one of the more popular frameworks. It's built on top of the web technologies – HTML, CSS, and JavaScript – and follows a model view whatever pattern, which basically allows us to create apps that have a decoupling between the presentation and the business logic.

NHibernate is an object-relational mapping (ORM) solution for the Microsoft .NET platform. It provides a framework for mapping an object-oriented domain model to a traditional relational database. Fluent NHibernate offers an alternative to NHibernate's standard XML mapping files. Rather than writing XML documents (.hbm.xml files), Fluent NHibernate allows you to write mappings in strongly typed C# code. This allows for easy refactoring, improved readability and more concise code.

In this article, I want to show how to build a Single Page Application – MasterChef with ASP.NET Core MVC, Fluent Hibernate, and Angular JS.

https://www.codeproject.com/articles/1136158/master-chef-part-asp-net-core-mvc-with-fluent-nh

Master Chef (Part 2) ASP.NET Core MVC with Fluent NHibernate and AngularJS

Fred Song (Melbourne), 3 Oct 2016 CPOL

5.00 (7 votes)

Rate this: vote 1vote 2vote 3vote 4vote 5

In this article I talk about how to use ASP.NET Core MVC, Fluent NHibernate and Angular JS to implement a CRUD SPA (Single Page Application).

• Download source - 71.3 KB

In Maser Chef Part 1, I introduced how to integrate ASP.NET Core MVC with Fluent NHibernate and Angular JS. In this article I talk about how to use ASP.NET Core MVC, Fluent NHibernate and Angular JS to implement a CRUD SPA (Single Page Application).

https://www.codeproject.com/Articles/1167027/Master-Chef-Part-ASP-NET-Core-MVC-with-Entity-Fram, 

Master Chef (Part 3) ASP.NET Core MVC with Entity Framework Core and Angular2

Fred Song (Melbourne), 26 Jan 2017 CPOL

4.88 (15 votes)

Rate this: vote 1vote 2vote 3vote 4vote 5

From this article, I’d like create ASP.NET Core (Net Core) application with Angular 2.

• Download MasterChef2WebApp.zip - 86.6 KB

Introduce

In Master Chef Part 1 and Master Chef Part 2, I introduced how to integrate ASP.NET Core (Framework) with Angular JS and Fluent NHibernate. In this article, I’d like create an ASP.NET Core (Net Core) application. You should know NHibernate doesn’t have Net Core version yet, so I switch to Entity Framework Core. On 9/14/2016, Angular 2 Final release was out. Angular 2 is the second major installment of AngularJS and is entirely written in TypeScript. For the developers who are working with Angular 1.x, you might find a big change in Angular 2, as it is entirely component based and an object orientation, is much easier with enhanced DI capability. I’ll show you how to build Angular2 application in Visual Studio 2015 Update 3.

Create MasterChef2 Application in Visual Studio 2015 Update 3

Download and install the latest ASP.NET Web Tools from https://marketplace.visualstudio.com/items?itemName=JacquesEloff.MicrosoftASPNETandWebTools-9689. Then install TypeScript 2 from https://www.microsoft.com/en-us/download/details.aspx?id=48593.

Form Visual C#/Web, select ASP.NET core Web Application (.NET Core).

ASP.NET Core has two kinds of applications.

1. ASP.NET Core .NET Framework Application is application running on Windows using .NET Framework.
2. ASP.NET Core .NET Core Application is cross-platform application running on Windows, Linux, and OS X using .NET Core.

see https://www.codeproject.com/Articles/1183740/Master-Chef-Part-ASP-NET-Core-MVC-and-Angular-Impl

Master Chef (Part 4) ASP.NET Core MVC and Angular 2 Implement CRUD Single Page Application

Fred Song (Melbourne), 25 Apr 2017 CPOL

5.00 (5 votes)

Rate this: vote 1vote 2vote 3vote 4vote 5

Inthis article, I talk about how to use ASP.NET Core MVC, Entity Framework Coreand Angular 2 to implement a CRUD SPA (Single Page Application).

• Download source - 79.7 KB

Introduction

In Master Chef (part 3) https://www.codeproject.com/Articles/1167027/Master-Chef-Part-ASP-NET-Core-MVC-with-Entity-Fram, I’ve introduced how to create ASP.NET Core MVC and Angular 2 applications. In this article, I talk about how to use ASP.NET Core MVC, Entity Framework Core and Angular 2 to implement a CRUD SPA (Single Page Application).

Server Data Model

Create, read, update and delete (as an acronym CRUD) are four basic functions of persistent storage.

We need to implement CRUD on database level in our repository class first. Add a basic Entity class.

Hide   Copy Code

    public class Entity
    {
        public virtual Guid Id { get; set; }

        public virtual Guid? ParentId { get; set; }
}

Then let Recipe, RecipeStep and RecipeItem inherit Entity class, and use Id and ParentId these generic names to replace the corresponding keys and references.