Course Details

Previous Page


Designing the User Experience in ASP.NET MVC Web Applications


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number



Overview/Description
User experience is mainly influenced by the design of the application UI layout and behavior, thus sound design principles go a long way in developing quality apps. In this course, you will learn how to use Razor code blocks and HTML helper methods in MVC views, how to implement client and server-side data validation, and how to render application scripts. You will also learn how to develop a web application for multiple browsers and mobile devices, as well as how to work with display modes to implement adaptive user interfaces in Visual Studio 2013. This course is one of a series in the Skillsoft learning path that covers the objectives for the Microsoft MCSD exam 70-486.

Target Audience
Web developers seeking an introductory guide to developing efficient, secure, distributed web applications with adaptive user interfaces using the ASP.NET MVC 4 framework in Visual Studio 2013; individuals preparing for exam 70-486: Developing ASP.NET MVC 4 Web Applications

Prerequisites
None

Expected Duration (hours)
4.0

Lesson Objectives

Designing the User Experience in ASP.NET MVC Web Applications

  • start the course
  • write a simple Razor code block in C# that dynamically processes user input in an MVC view
  • write comments in MVC Razor code in an ASP.NET MVC web application
  • combine MVC Razor code blocks with HTML markup to render view content in an ASP.NET MVC web application
  • add and use a new layout page in an ASP.NET MVC web application
  • use HTML helper methods to create and render form elements in an ASP.NET MVC web application
  • create a custom HTML helper class in an ASP.NET MVC web application
  • create a custom HTML helper using an extension method in an ASP.NET MVC web application
  • create and render a partial view in an ASP.NET MVC web application in Visual Studio 2013
  • use the Page Inspector to browse application code and examine layout and styling in an ASP.NET MVC web application in Visual Studio 2013
  • use the NuGet package manager to add a JavaScript library and then use the added library in an ASP.NET MVC web application
  • use jQuery selectors to select HTML elements; use jQuery "val" function to change HTML element values; use jQuery "css" function to change HTML element styling
  • add and display a jQuery UI widget in an ASP.NET MVC application view
  • add a jQuery effect to show and hide HTML elements in an ASP.NET web application view
  • add and use a jQuery utility to position content in an ASP.NET MVC web application view
  • add and use jQuery from Microsoft AJAX CDN
  • use jQuery to call a web service in an ASP.NET MVC web application
  • use AJAX to make partial page updates to an ASP.NET MVC web application view
  • use an AJAX helper function (Ajax.ActionLink) to make an asynchronous HTTP request to server in an ASP.NET MVC web application
  • use Modernizr to detect and respond to client browser features in an ASP.NET MVC web application
  • use the DOM to determine browser feature support for the Performance object of the Navigation Timing specification
  • use the hasFeature method to determine browser support for a given specification
  • implement the Output cache in an ASP.NET MVC web application in Visual Studio 2013
  • implement the HTTP Browser cache in an ASP.NET MVC web application in Visual Studio 2013
  • prevent view content caching using the HttpCachePolicy.SetCacheability method in an ASP.NET MVC view in Visual Studio 2013
  • use the Response.WriteSubstitution method to display dynamic data in a cached MVC web application view in Visual Studio 2013
  • create a cache profile in web.config and implement it with the OutputCache attribute on an MVC controller action in Visual Studio 2013
  • to write CSS so as to automatically adjust web page display from a desktop screen to a handheld mobile screen in an ASP.NET MVC web application
  • create view files for the generic desktop browser display mode; create view files for the generic mobile browser display mode; run a web application and test the desktop and mobile browser display modes on application views using browser developer tools
  • use the DisplayModeProvider class to create custom display modes for specific user smartphone models in an ASP.NET MVC web application in Visual Studio 2013
  • use the DisplayModeProvider class to create custom display modes for specific user tablet models in an ASP.NET MVC web application in Visual Studio 2013
  • add jQuery Mobile to an ASP.NET MVC web application and use it to create a page link that can be used to switch between desktop view and mobile view when using a mobile browser user agent
  • develop a basic ASP.NET MVC web application using the Mobile Application template in Visual Studio 2013
  • understand how to use Razor code and HTML helper methods, implement data validation on client and server, dynamically render application scripts, and create adaptive user interfaces for multiple browser support and mobile devices in Visual Studio 2013
  • Course Number:
    wd_dwap_a02_it_enus