Building a Web App with ASP.NET Core, MVC 6, EF Core, and Angular

Understanding how to build an app with a full-stack of dev technologies is hard. In this course, you'll walk through a complete app to see how everything (ASP.NET http://ASP.NET Core 1.1, VS 2017, EF Core 1.1, Bootstrap 3 & Angular) works together.
Course info
Rating
(685)
Level
Beginner
Updated
Jul 21, 2016
Duration
9h 19m
Table of contents
Course Overview
What Is ASP.NET Core?
HTML and CSS Basics
JavaScript
MVC 6
Bootstrap
Entity Framework Core
Creating the API
ASP.NET Core Identity
Angular
Angular Routing
ASP.NET Core Deployment
Description
Course info
Rating
(685)
Level
Beginner
Updated
Jul 21, 2016
Duration
9h 19m
Description

ASP.NET Core is a whole new way of developing web-applications with .NET and C#. In this course, Building a Web App with ASP.NET Core, MVC 6, EF Core, and Angular, you'll learn how this new change can speed up development of web apps. Next, you'll learn how to create web pages using ASP.NET MVC and also how to build API's with ASP.NET MVC. Finally, you'll learn how to secure your pages and API's with ASP.NET identity and also learn how to use AngularJS for client-side development. By the end of this course, you'll know how to build your own app with ASP.NET Core.

About the author
About the author

Shawn Wildermuth has been tinkering with computers and software since he got a Vic-20 back in the early '80s. As a Microsoft MVP since 2002, he's also involved with Microsoft as an ASP.NET Insider and ClientDev Insider.

More from the author
Less: Getting Started
Intermediate
1h 11m
19 Sep 2018
More courses by Shawn Wildermuth
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Shawn Wildermuth, and welcome to my course Building a Web App with ASP. NET Core 1. 0, MVC 6, Entity Framework Core, Bootstrap, and AngularJS. I've been doing software development for over 25 years. I'm an author, speaker, and a Microsoft MVP in ASP. NET. Running a web application with ASP. NET just got a lot more interesting. Now that ASP. NET Core is released, it is time to learn this new open source framework from Microsoft. In this course we are going to build an entire web application from soup to nuts. We'll start with a complete blank slate and end up with a small, but fully functional web application. Some of the major topics that we will cover include: why ASP. NET Core is a better way to build web applications, creating web pages with ASP. NET MVC, building APIs with ASP. NET MVC, securing your pages in APIs with ASP. NET Identity, and using AngularJS for client-side development. By the end of this course, you will know how to build your own applications with ASP. NET Core, but before you begin the course you should have basic understanding of how Visual Studio works. From here you should feel comfortable diving into ASP. NET Core with courses on Bootstrap 3, Angular 2, and even deploying apps with Docker. I hope you will join me on this journey to learn web development with the Building a Web App with ASP. NET Core 1. 0, MVC 6, Entity Framework Core, Bootstrap and AngularJS course at Pluralsight.

What Is ASP.NET Core?
Welcome to Building a Web App with ASP. NET Core, MVC 6, Entity Framework Core, and Angular. My name is Shawn Wildermuth of Wilder Minds. The purpose of this course is to teach you how to build a web app using ASP. NET Core. My philosophy is that you can learn best by actually doing. This means that I'd like you to follow along with me, and you'll see me build virtually every line of code that's required to build a web app from start to finish. This course will teach you ASP. NET Core and MVC 6, HTML5, JavaScript, and CSS, how to use Bootstrap for layout, how to access data with Entity Framework Core, and how to do client-side development with AngularJS. So in this version of the course, we're using Visual Studio 2017, ASP. NET Core 1. 1, Entity Framework Core 1. 1, Bootstrap 3. 3, and Angular 1. 5. Because we're working with Visual Studio 2017, we're not using the older style project. json file to represent the references and other settings for our files, we're now using a new XML-based file called csproj, or the C# project file. Let's get started.

HTML and CSS Basics
Welcome to the second module, HTML and CSS Basics. My name is Shawn Wildermuth of Wilder Minds. In this module, we're going to introduce you to some of the basics of HTML and CSS. I'll start by showing you how ASP. NET Core serves static files. I'll introduce you to HTML to CSS, and talk about laying out pages with HTML and CSS. Let's get started.

JavaScript
Welcome back, this is Shawn Wildermuth of Wilder Minds. In this next module, we're going to talk about JavaScript. I'm going to go a brief introduction of JavaScript, just to get you started. This will introduce you to some core ideas about the language. We'll talk about using JavaScript in your projects, I'll introduce you to jQuery, as well as Bower, for package management. Let's get started.

MVC 6
Welcome back, this is Shawn Wildermuth of Wilder Minds. In this module, we're going to talk about MVC 6 and how it relates to ASP. NET. We'll cover supporting MVC 6 in ASP. NET projects, creating your own controllers, creating views and layouts, using model validation, and I'll introduce you to Tag Helpers. Let's get started.

Bootstrap
Welcome back. My name is Shawn Wildermuth of Wilder Minds, and this is the Bootstrap module of building a web app with ASP. NET Core 1. 0. In this module we're going to talk about how Bootstrap can help us build our web app. I'll go ahead and add Bootstrap to the project, I'll show you how can skin Bootstrap, we'll introduce you to the grid system inside Bootstrap, we'll create a navigation using Bootstrap, and we'll show you how Bootstrap can make your forms look better. Let's get started.

Entity Framework Core
In this next module, we're going to be talking about Entity Framework Core. We're going to start by creating some entities, we'll use the DbContext to be able to interact with the database, we'll talk about seeding and creating databases, I'll show you the repository pattern, and then I'll talk about logging. Let's get started.

Creating the API
Now we're ready to create an API with MVC 6. In this module, we'll create the API by first using MVC 6 to create REST endpoints, we'll build on the HTTP verb, as in explain exactly how they work, I'll show you how to do validation inside your API's, we'll talk about ViewModel mapping, and then how to use services in your API. Let's get started.

ASP.NET Core Identity
In this module, we're going to cover the Authorize attribute and how to use it to secure controllers and actions. We'll talk about the different configuration options for Identity. We'll talk about using the Entity Framework to store our Identity information. And we'll talk about how to use Identity when you're writing your own APIs using ASP. NET core. Let's get started.

Angular Routing
Welcome to building a web app with ASP. NET 5 MVC 6, Entity Framework 7, and AngularJS. In this module we'll introduce you to AngularJS Routing. We'll start by creating routes, using views, show you how to integrate non-Angular plugins, we'll go ahead and complete the functionality of the web app. Let's get started.

ASP.NET Core Deployment
Well welcome back. In this module, we're going to be exploring ASP. NET deployment. This will include preparing your application for production environments, using the environment tag helpers, using gulp to automate your builds, and looking at the deployment tooling. The reality is that as you take your app and deploy it to different environments, like development, production, and even staging, it has different needs. In development you want a lot of information about the running system so that you can write your code quickly, run your tests quickly, and make changes quickly. In production and staging, the performance is going to be more important than simply being able to make changes quickly, so your app has to be able to change as it's in different environments. We'll see how ASP. NET 5 is going to allow you to think about things in the sense of different environments. Let's get started.