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