Building a Web App with ASP.NET Core, MVC, Entity Framework Core, Bootstrap, and Angular

By Shawn Wildermuth
ASP.NET Core is a mature, stable platform for developing web applications and APIs. This course will walk you through building a web app from scratch using ASP.NET Core 3.0, Visual Studio, Entity Framework Core 3.0, Bootstrap 4, and Angular (v8)
Play course overview
Course info
Rating
(544)
Level
Beginner
Updated
Oct 7, 2019
Duration
9h 52m
Table of contents
Course Overview
Course Overview 2m
Getting Started
Summary 1m Introduction 3m Creating a Project with Visual Studio 10m Installing ASP.NET Core 3m Installing Visual Studio 5m Why ASP.NET Core? 1m Serving Your First File 10m What Is ASP.NET Core? 6m Hello World! 5m
HTML5 and CSS Basics
CSS Naming 4m Summary 1m Introduction 0m CSS Basics 9m HTML Basics 9m CSS Classes 4m HTML Forms 8m The Box Model 9m What Is HTML? 2m
Getting Started with JavaScript
Summary 1m What Is JavaScript? 1m Practical jQuery 10m JavaScript Events 5m Using NPM 6m Adding a JavaScript File 7m Introduction 0m Introducing jQuery 7m
Using ASP.NET MVC
What Is MVC? 1m First Controller/View 7m Razor Pages 5m Implementing a Contact Page 6m Model Binding 5m Using Tag Helpers 4m Summary 1m Using Validation 10m Introduction 0m Enabling MVC 6 8m Adding More Views 6m Adding a Service 10m Creating a Layout 5m
Using Bootstrap to Prototype the App
Introduction 1m Bootstrap's Grid System 4m Adding Bootstrap 8m Building a NavBar 6m Using Font Awesome 3m Using the Grid System 4m Bootstrap Forms 6m Summary 1m
Building the Database with Entity Framework Core
Seeding the Database 15m Introduction 1m Creating Entities 8m Logging Errors 5m The Repository Pattern 6m Showing the Products 5m Using Entity Framework Core Tooling 5m Using DbContext 5m Using Configuration 15m Summary 1m
Creating the API with ASP.NET MVC
Introduction 1m Using AutoMapper 9m Creating Association Controllers 12m Validation and View Models 6m Implementing POST 9m Returning Data 11m Summary 2m Using Query Strings for APIs 3m Create an API Controller 14m
ASP.NET Core Identity
Summary 1m Introduction 1m Designing the Login View 8m Storing Identities in the Database 10m Use Identity in Write Operations 2m Configuring Identity 4m Use Identity in the API 20m Use Identity in Read Operations 4m Authorizing Actions 2m Implementing Login and Logout 9m
Brief Introduction to TypeScript
First TypeScript Class 9m Compiling TypeScript 3m Summary 1m Introduction 1m Debugging in the Browser 2m
Client-side Development with Angular
Copying the Project 7m Installing the Angular-CLI 3m Generating Your First Project 6m Introduction 1m Using External Templates 5m Integrating the Project 3m What Is Angular? 1m Summary 1m Your First Angular Component 9m
Using Services in Angular
Using Calculated Data 5m Using Type Safety 4m Creating Another Component 3m Summary 1m Implementing a Template 7m Sharing Data Across Components 10m Creating a Service 3m Calling the API 7m Introduction 1m Building the Cart 5m
Routing with Angular
Implement Server-side Checkout 11m Support Login 6m Use Token Authentication 5m Add Routing to the Project 10m Add Validation 5m Use Form Binding 5m Introduction 1m Summary 1m
Deploying ASP.NET Core Apps
Publishing with Runtime 5m Publishing to Azure 1m Publishing to a Directory 2m Publishing to IIS 2m Summary 1m Introduction 0m Setting up Deployment Scripts 2m Publishing Using the CLI 2m Environment Tag Helpers 5m Minifying Your JavaScript 7m
Description
Course info
Rating
(544)
Level
Beginner
Updated
Oct 7, 2019
Duration
9h 52m
Description

Hello! My name is Shawn Wildermuth, and welcome to Building a Web App with ASP.NET Core, MVC, Entity Framework Core, Bootstrap, and Angular. In this course, you will be building a website from scratch using the latest version of Microsoft's ASP.NET Core framework. You will get there by learning about major topics like explaining.NET Core, learning the basics of web technologies like HTML, JavaScript and CSS. You'll also be exploring technologies inside of ASP.NET Core like Entity Framework Core, using ASP.NET Identity, building APIs with ASP.NET MVC, and deploying your app to the server or the cloud. In addition, you'll be building an Angular application to show you how to mix server and client-side development in ASP.NET Core. By the end of this course, you will be able to build websites and APIs using ASP.NET Core. Before you begin, make sure you are already familiar with C#. Exposure to Visual Studio would help too but is not required. After this course, you'll have a very basic understanding of all the technologies used, but would benefit from moving on to more in-depth courses on Angular, API design, and web development. I hope you'll join me, and I look forward to helping you on your learning journey here at Pluralsight.

Course FAQ
Course FAQ
What is ASP.NET Core web application?

ASP.NET Core is a framework used by millions of developers for building web applications because it is open source, cloud-ready, lightweight, and relatively simple.

What will I be doing in this course?

Building a small, but fully functional web app from the ground up with the ASP.NET Core framework using basic HTML, CSS, JavaScript, and more.

Are there prerequisites to this course?

There are not any prerequesites per se, but it would help to be familiar with C# and to have a general understanding of the basic building units of a website. Some experience with Visual Studio would also be helpful.

What will be the main takeaway from this course?

You should come away with a basic foundational knowledge of all of the technologies most frequently used when building a web application, including ASP.NET Core, MVC, Entity Framework Core, Angular, and Bootstrap.

What does ASP.NET Core consist of?

Some of the technologies inside ASP.NET Core include Entity Framework Core, ASP.NET Identity (for securing pages and APIs), ASP.NET MVC (for building APIs), and a means of deploying your application.

What version is required for this course?

We will be using ASP.NET Core 3.0, Entity Framework Core 3.0, Bootstrap 4, and Angular (v8)

About the author
Shawn Wildermuth
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
Best Practices in ASP.NET Core: Entities, Validation, and View Models
Intermediate
2h 29m
Mar 26, 2020
Using gRPC in ASP.NET Core
Intermediate
3h 4m
Nov 20, 2019
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, MVC, Entity Framework Core, Bootstrap, and Angular. I'm an author, speaker, and Microsoft MVP. I'm the author of over 20 courses here at Pluralsight, and I've been writing or teaching software development for over 30 years now. ASP. NET Core has matured from its initial version 1. 0. If you have already worked with ASP. NET Core, they've made it a lot easier. If you're new to ASP. NET Core, this is a great time to learn this open source framework from Microsoft. In this course, we're 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 and APIs with ASP. NET Identity, and using Angular for client-side development. By the end of this course, you'll know how to build your own applications with ASP. NET core. Before beginning this course, you should be familiar with Visual Studio. From here you should feel comfortable diving into ASP. NET Core MVC with courses on Bootstrap 3, Angular 2, and deploying apps with Docker. I hope you'll join me on this journey to learn web development with the Building a Web App with ASP. NET Core, MVC, Entity Framework Core, Bootstrap, and Angular course right here at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT