Building a Web App with ASP.NET Core RC1, MVC 6, EF7 & AngularJS

An update to this course has been published and is found at https://app.pluralsight.com/library/courses/aspdotnetcore-efcore-bootstrap-angular-web-app/table-of-contents. This course will no longer be updated. For the most updated version please visit the link above.
Course info
Rating
(2052)
Level
Beginner
Updated
Nov 3, 2015
Duration
9h 21m
Table of contents
What is ASP.NET 5?
HTML and CSS Basics
JavaScript
MVC 6
Bootstrap
Entity Framework 7
Creating the API
ASP.NET 5 Identity
AngularJS
AngularJS Routing
ASP.NET 5 Deployment
Description
Course info
Rating
(2052)
Level
Beginner
Updated
Nov 3, 2015
Duration
9h 21m
Description

An update to this course has been published and is found at https://app.pluralsight.com/library/courses/aspdotnetcore-efcore-bootstrap-angular-web-app/table-of-contents. This course will no longer be updated. For the most updated version please visit the link above. Understanding how to build an app using the full-stack of technologies of web development can be hard. In this course, we'll walk you completely through a complete application to see how everything works together.

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

HTML and CSS Basics
Welcome to module 2. This module we're going to discuss HTML and CSS Basics. We'll talk a little bit about how ASP. NET 5 serves static files. I'll explain what HTML is exactly. I'll explain what CSS is exactly. And then we'll go through 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 through 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 JavaScripts 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 Wilderminds. In this module we're gonna talk about MVC 6 and how it relates to ASP. NET. We'll cover supporting MVC 6 in ASP. NET 5 projects, creating your own controllers, creating views and layouts, using model validation, and I'll introduce you to TagHelpers. 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 5, MVC 6, Entity Framework 7, Bootstrap and AngularJS. 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. We'll show you how you 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.

Creating the API
Welcome back. In this next module, we're going to create the API that we're going to use for our client site code later. This is going to include using MVC 6 to create REST endpoints. We will be building on the HTTP verbs to do both querying and creation of new entities. I'll show you how validation works when creating APIs. I'll talk about model view mapping and how that works. And finally, we'll create and consume a service inner API. Let's get started.

ASP.NET 5 Identity
Welcome back to the Building a Web App Using ASP. NET 5, MVC 6, Entity Framework 7, and AngularJS. In this module, we're going to be talking about ASP. NET 5 Identity. We're going to talk about using the Authorize attribute, configuring Identity for your web app, storing Identity with the Entity Framework, and finally using Identity with the API. Let's get started.

AngularJS
Welcome back to Building a Web App with ASP. NET 5, MVC 6, Entity Framework 7 and AngularJS. In this module we're going to be introducing you to AngularJS. First we'll add AngularJS to a project. We'll show you how to build Angular modules. We'll discuss the basic data binding. We'll talk about client-side views and controllers and we'll wrap it up by creating your first directive. So what exactly is AngularJS? It's an open source JavaScript application framework for building client-side code. It's built by Google for its own projects and of course exposed and shared as most open source projects are for anyone to use and build upon. The idea is to supply services that your web app needs. This is for creating rich client-side applications often called Single-Page Applications, though I'm not a big fan of that moniker because it implies one page, one monolithic application and one HTML page. We're currently using 1. 4 in teaching you this course and that's the current version today, and there are major architectural changes coming in the new version of AngularJS 2. 0 but currently that's in an early stage preview. So we want to give you the best platform to start building your web applications with today. Though the Google team has a plan for an upgrade path that includes the ability to build Angular 2 applications side by side with Angular 1 applications. But before I confuse you with all that, let's go ahead and add Angular to our web app so you can see exactly the services it provides.

AngularJS Routing
Welcome back 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 5 Deployment
Well, welcome back. In this module, we're going to be exploring ASP. NET 5 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 test quickly, and make changes quickly. In production and staging, 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.