Learn to build an End to End Application with EF Code First, ASP.NET MVC 4, jQuery, and HTML5 with Dan Wahlin at Interface Technical Training

Home > Blogs > Developer Visual Studio / ASP.NET > Learn to build an End to End Application with EF Code First, ASP.NET MVC 4, jQuery, and HTML5 with Dan Wahlin at Interface Technical Training

Learn to build an End to End Application with EF Code First, ASP.NET MVC 4, jQuery, and HTML5 with Dan Wahlin at Interface Technical Training

Like This Blog 1 Dan Wahlin
Added by October 4, 2012

It’s hard to keep up with all of the new technologies being released. The moment you think you understand a given technology a new one comes out and in some cases replaces the technology you just learned. Some people enjoy the challenge of keeping up with technology while others resist change and end up stuck with a technology that gradually loses traction. It’s definitely challenging, but can be fun depending on your viewpoint.

In addition to the pace that technologies are released, it can also be challenging to know how to integrate multiple technologies together in a cohesive way. This is especially true in the Web world where many server-side and client-side technologies are often used together. As an example, a modern Web application may use Entity Framework or ADO.NET for data access, C# or another .NET language for business rules and server-side validation, ASP.NET Web API for exposing data to clients, ASP.NET MVC or ASP.NET Web Forms to serve up HTML, CSS, and JavaScript files, bundling to minimize client-side files and downloads, plus more.

On the client-side you may find HTML5 technologies such as canvas, SVG, geolocation, local storage, semantic tags, etc., custom JavaScript code, script libraries such as jQuery, KnockoutJS, and several others. Integrating all of these technologies in a cohesive way can definitely be a challenging task. Knowing best practices to apply to each of these areas can be even more challenging.

While there’s certainly not one source of information for integrating every technology out there, Interface Technical Training offers a new advanced developer course, Building an HTML5 End to End Web Application with ASP.NET MVC 4, EF Code First, and jQuery that provides a solid look at building a modern Web application that integrates multiple technologies together. An example of the application built throughout the class is shown next:

learn web applicaions HTML5 account at a glance Microsoft

The application (called Account at a Glance) was originally built by Wahlin Consulting for Microsoft to demonstrate how cutting-edge technologies can be integrated together. It was demonstrated at a Microsoft conference back in 2011. It's since been enhanced to take advantage of key new technologies that are available with .NET 4.5 and Visual Studio 2012.

Unlike most courses that focus on a specific technology, this cutting-edge course provides students with an end to end look at building an application using proven best practices. This includes creating the initial projects in Visual Studio 2012, integrating NuGet packages, generating the database, writing server-side code, and writing client-side code. It also includes integrating unit tests for both server-side and client-side code.

Students learn how to work with databases using Entity Framework Code First, how to structure data access code using the Repository Pattern, how to write loosely coupled code using Dependency Injection techniques, and how to expose data to clients using the new ASP.NET Web API available in ASP.NET MVC 4. They also learn how to optimize Web applications by bundling CSS and JavaScript files on the server (another new feature in ASP.NET MVC 4). All of these technologies are used throughout the course to build an application from start to finish while learning and applying proven best practices such as code patterns and testing.

When it comes to the client-side, the course provides hands-on experience with jQuery and other JavaScript libraries and demonstrates how to apply patterns to JavaScript code to promote encapsulation and modularity. Client-side data binding is included in the application using Handlebars templates, drag and drop functionality with jQuery UI, and Ajax calls to ASP.NET Web API actions are made using jQuery functions. Several HTML5 technologies are also covered such as semantic tags, video (without plugins), and charting with the HTML5 canvas and Scalable Vector Graphics (SVG).

Technology is definitely difficult to keep up with and integrating multiple technologies together in a cohesive way can certainly be challenging. However, it's amazing what you can learn in a week about new technologies with the right training. Come join me in 2013 for a new end to end application development experience at Interface! Click here for additional course details.

Enjoy!
Dan Wahlin Microsoft MVP
.NET Developer Instructor
Interface Technical Training

Videos You May Like

Agile Methodology in Project Management

0 117 0

In this video, you will gain an understanding of Agile and Scrum Master Certification terminologies and concepts to help you make better decisions in your Project Management capabilities. Whether you’re a developer looking to obtain an Agile or Scrum Master Certification, or you’re a Project Manager/Product Owner who is attempting to get your product or … Continue reading Agile Methodology in Project Management

JavaScript for C# Developers – September 24, 2014

0 421 3

In this video Dan Wahlin demonstrate the similarities and differences between C# and JavaScript and the future of JavaScript (ES6).

Detailed Forensic Investigation of Malware Infections – April 21, 2015

4 485 3

In this IT Security training video, Security expert Mike Danseglio (CISSP / CEH) will perform several malware investigations including rootkits, botnets, viruses, and browser toolbars.

Write a Comment

See what people are saying...

  1. Avatar RaM

    Thank you for your wonderful article on Repository Pattern.
    Is there a way to see the entire Generic Repository pattern so that we may study it carefully.

    Thanks.

Share your thoughts...

Please fill out the comment form below to post a reply.