Building ASP.NET MVC Apps with EF Code First, HTML5, and jQuery

This course provides an end-to-end look at building a Web application using several different technologies.
Course info
Rating
(784)
Level
Intermediate
Updated
Mar 3, 2012
Duration
5h 4m
Table of contents
The Account at a Glance Application
Working with Data
Serving HTML5 and JSON Content
Client-Side Functionality
Description
Course info
Rating
(784)
Level
Intermediate
Updated
Mar 3, 2012
Duration
5h 4m
Description

This course provides an end-to-end look at building a Web application using different technologies such as ASP.NET MVC, Entity Framework Code First, HTML5, jQuery, along with several other key technologies. Throughout the course you’ll learn how different server-side and client-side technologies can be integrated to create a robust application that provides flexible data display options to end users. Topics covered include data access with Entity Framework Code First, serving up HTML5 and JSON content using ASP.NET MVC controller actions, jQuery DOM manipulation and event handling, HTML5 Boilerplate integration, jQuery UI features, rendering HTML with client-side templates, applying patterns to structure JavaScript code, using Modernizr to detect features, as well as several HTML5 technologies including SVG, canvas, video, and more. If you've been waiting for a course that provides a cohesive look at how multiple technologies can be integrated together to create an application, this course will help jump-start the learning process while also providing several best practices that can be followed along the way.

About the author
About the author

Dan Wahlin founded Wahlin Consulting, which provides consulting and training services on JavaScript, Angular, Node.js, C#, ASP.NET MVC, Web API, and Docker. He is a Google GDE, Microsoft MVP and Regional Director, and speaks at conferences and user groups around the world.

More from the author
Containerizing Angular Applications with Docker
Intermediate
1h 55m
Jul 26, 2018
Docker for Web Developers
Beginner
5h 41m
Jul 20, 2018
More courses by Dan Wahlin
Section Introduction Transcripts
Section Introduction Transcripts

Working with Data
In the previous module, we took a look at the AccountAtAGlance application and you saw how it worked as well as some of the different technologies that were used. We also took a look at how we could create the project structure from scratch and we created an ASP. net NBC project, a model project, and a data repository project. Well, in this module, we're going to jump in and focus specifically on the data access side of things and the model. So I'm going to walk through how to create model classes, what they're for, why you'd care about them, and we'll also talk about how we can go in and actually create some what I call repository classes. That's not a term I made up, it's actually a very common pattern nowadays to expose your CRUD operations, your create, your read, your update, and your delete. So specifically, I'm going to jump in to a higher level overview of the data technologies used in the application. We'll then go in to model classes. And then from there, we're going to expose those model classes using Entity Framework Code First through something called the DbContext class. So we're going to write a very simple class that can handle allowing for access to our model classes. And basically, it's a way that we can hit a database, get back a ResultSet and map that ResultSet to a model class or one or more model classes. We'll also talk about the database structure and how that came about with this application. We'll then go into how do we create data repository classes and we'll also talk about interfaces and explain how they can provide a more loosely coupled way of writing our code. And then finally, I'll talk about a Google service that's available that I use to retrieve financial data. And I'll talk about how we can write some classes to go grab that data, bring it back, deserialize the data, and then update the database as needed. So let's go ahead and take a look at an overview of the data technologies that we're going to be talking about in this module.

Serving HTML5 and JSON Content
In this module, we're gonna take a look at how HTML5, JavaScript, CSS, and JSON data are sent down to a browser in the Account At A Glance application. Specifically, we're gonna focus on ASP. NET MVC and talk about Controllers and Actions. So, here's the official Agenda. We'll start off by talking about the Server-Side Technologies involved and I'll review what we've already discussed in previous modules with our Data Layer and some other technologies that are used; then we'll jump into the ASP. NET MVC Controllers that are used in the application; we'll talk about how HTML5 Boilerplate can be used as a great starting point for building HTML5 apps and I'll talk about how it's used in an ASP. NET MVC file that's used for your master layout called _Layout. cshtml; and then finally, we'll talk about a view that's used to render the initial application and then we'll talk about how from then on, Ajax is used behind the scenes; and in the final module of this course, we'll go into Ajax and some of the other features related to the client-side technologies. So, let's get started though first with our Server-Side Technology Overview.