HTML5 Line of Business Apps with Bootstrap, MVC4 and Web API
In this course you’ll learn to build a HTML5 line-of-business offline application using Entity Framework Code First, ASP.NET MVC 4, Web API, Bootstrap, Knockout.js and Underscore.js.
What you'll learn
In this course you’ll learn to build a HTML5 line-of-business application that allows users to add data to the system even while the application is working in an offline context. You’ll see how to begin from scratch and use Entity Framework Code First to create a database based off model objects as well as maintain tables for the ASP.NET WebPages Simple Membership API. You’ll learn to build a Web API layer to expose the application’s data and secure aspects of the API using authentication and authorization rules. Further you’ll learn to build views using Bootstrap, Knockout.js, Underscore.js and HTML5 offline apps and validation APIs. Finally, you’ll see how to add ELMAH to the application in order to log exceptions and keep you informed of the health of your application.
Table of contents
- Modeling the Business Domain 3m
- Data Access Concepts 3m
- Creating the Data Layer 1m
- Creating the DataContext Class 6m
- Configuring Models for Entity Framework Code First 6m
- Creating a Custom Database Initializer 2m
- Seeding Data 3m
- Adding Audit Field Support to DataContext 4m
- Initializing the Database with a Console Application 5m
- Adding a Generic and Concrete Repositories 5m
- Implementing the Unit of Work Pattern 3m
- Summary 1m
- Demonstration of Data Interaction 2m
- Differentiating Controllers 1m
- Creating Custom Validation Attribute 3m
- Adding Routes to the WebAapiConfig Class 1m
- Implementing Homes API: Get Methods 3m
- Implementing Homes API: Put Method 3m
- Implementing Homes API: Post Method 1m
- Implementing Homes API: Delete Method 1m
- Testing Homes API with Fiddler 3m
- Implementing homesDataService JavaScript Module 6m
- Summary 0m
- Demonstrating Homes List Page and Discussing Approach 3m
- Implementing the RoleEvaluator Class 1m
- Implementing the ViewModelBase Class 2m
- Implementing the HomesListViewModel Class 3m
- Updating the Config Class 2m
- Implementing the HomesController Class 3m
- Differentiating Between Client and Server ViewModels and Models 1m
- Implementing the Homes List Markup 6m
- Implementing the Homes List JavaScript 6m
- Adding an Underscore Mixin 1m
- Walking Through the Code in a Debugging Session 4m
- Summary 0m
- Demonstration of Add/Edit View 2m
- Implementing a HTML5 Bootstrap-Based Validation Utility 7m
- Introducing H5F Validation Polyfill 1m
- Implementing the HomeViewModel Class 1m
- Updating the HomesController Class 3m
- Implementing the HTML for the Add/Edit View 7m
- Updating the Application Configuration 3m
- Implementing the JavaScript for the Add/Edit View: The Model 4m
- Implementing the JavaScript for the Add/Edit View: The ViewModel 9m
- Updating the Data Service JavaScript Module 2m
- Debug Demonstration of Add/Edit View 8m
- Summary 0m
- Demonstration of Offline Features 6m
- Offline Concepts 2m
- Demonstration of Native Browser Offline API 1m
- Offline Utility Module: Native Browser API 4m
- Demonstration of Continuous Polling Implementation 1m
- Offline Utility Module: Continuous Polling Implementation 7m
- Updating the Home Page to Handle Online/Offline Events 2m
- Updating HomesController with Offline Action Methods 3m
- HTML5 Application Cache Manifest Concepts 1m
- Implementing a Release and Debug Manifest 3m
- Updating the Client Data Service for Local Persistence 4m
- Updating the Layout Template 1m
- Implementing the Offline View: The Markup 2m
- Implementing the Offline View: The JavaScript 3m
- Implementing the Review Offline View: The Markup 1m
- Implementing the Review Offline View: The JavaScript 2m
- Updating the Add/Edit View to Handle Online/Offline Events 3m
- Debug Demonstration of Offline Features 4m
- Summary 1m
- Demonstration of ELMAH 2m
- Installing ELMAH 3m
- Testing ELMAH 1m
- Logging to Email Demo 1m
- Logging to Email Configuration 3m
- Logging to XML Demo 1m
- Logging to XML Configuration 1m
- Filtering Exceptions 3m
- Logging Client-Side Errors Demo 2m
- Logging Client-Side Errors: JavaScript 4m
- Logging Client-Side Errors: Server 4m
- Logging Client-Side Errors: Walking through Running Code 2m
- Summary 1m
About the author
Craig Shoemaker is a Senior Content Developer for Microsoft on the Azure Container Apps and Azure Static Web Apps teams. On some days he's building internal tools to keep Microsoft employees productive, and others days creating guidance used by hundreds of thousands of developers. Additionally, Craig is a best selling Pluralsight author and co-host of the Web Rush podcast. You can reach Craig on Twitter at @craigshoemaker or join the conversation at Web Rush https://webrush.io.