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
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