UI Best Practices Playbook for ASP.NET MVC

By Dino Esposito
User interface is not just important; it's the only thing that matters for end users. A specific, tailor-made user interface is sometimes necessary. More often though, you just need to pay more attention to how to code common tasks in web views.
Course info
Level
Intermediate
Updated
Apr 3, 2018
Duration
2h 42m
Table of contents
UI Isn’t Just Important; It’s the Only Thing that Matters
Issues of Today 3m Why UI Does Matter 4m Introduction 3m
Picking Items from a (Long) List
Explaining the Issue 3m Pros and Cons 2m Demo 10m
Letting Users Pick a Date
Explaining the Issue 3m Demo 6m Pros and Cons 2m
Providing a Better Experience for Changing Passwords
Explaining the Issue 3m Demo 4m Sparse Thoughts on Passwords 3m
Taking Care of Those That Bootstrap Left Behind
Explaining the Issue 3m Demo 8m Sparse Thoughts on Bootstrap 2m
Being Tidy and Clean with Drop-down Content
Explaining the Issue 3m Demo 7m Pros and Cons 3m
What if It’s Truly Mobile?
Explaining the Issue 4m Demo 7m Sparse Thoughts on Device Detection 4m
Auto-adaptive Images
Explaining the Issue 4m Demo 8m Sparse Thoughts on Web Images 3m
Avoiding Excessive Scrolling with Large Input Forms
Explaining the Issue 3m Demo 8m Sparse Thoughts on Forms 3m
Making Smarter Tables and Data Grids
Explaining the Issue 3m Demo 7m Sparse Thoughts on Tables 3m
The Tricky Art of Paging
Explaining the Issue 2m Demo 3m Sparse Thoughts on Paging 2m
Keeping the User Informed While Posting Data to the Server
Explaining the Issue 3m Demo 4m Sparse Thoughts on Feedback 2m
The Nasty Art of Printing
Explaining the Issue 4m Demo 6m Sparse Thoughts on Web Printing 3m Demos Wrap-up 2m
Course Overview
Course Overview 2m
Description
Course info
Level
Intermediate
Updated
Apr 3, 2018
Duration
2h 42m
Description

Gone are the days when, as a developer, you could just display a type-insensitive editable data grid to have users create or update content. In this course, UI Best Practices Playbook for ASP.NET MVC, you'll learn twelve golden practices to reinvent the way you collect and present data in ASP.NET MVC web pages. First, you'll learn the different way that users expect to accomplish common tasks such as changing a password, selecting from a list, and entering a date. Next, you'll learn to spot some basic and common problems in a user's experience that developers deliver in web views. Finally, you'll learn to avoid common pitfalls that bring about complaints. By the end of this course, you'll be prepared to employ these golden practices when building your web pages.

About the author
Dino Esposito
About the author

Author of many popular books that helped the professional growth of thousands of .NET developers, Dino serves as the CTO of Crionet and focuses on web and mobile solutions for sport events. He’s also a JetBrains technical evangelist and member of the team that manages WURFL.

More from the author
UX-driven Software Design
Intermediate
3h 30m
Mar 31, 2017
Modern Software Architecture: Domain Models, CQRS, and Event Sourcing
Intermediate
4h 26m
Jul 23, 2015
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. Dino Esposito speaking. Are you ready to take a whirlwind tour of UI Best Practices in web views? To be precise, all of the techniques and tips you see in this course are described in the context of an ASP. NET MVC classic application, but all of them as is or with a few minor changes can be ported to ASP. NET Core as well. I plan to upgrade all of the examples available on GitHub to ASP. NET Core over the coming few weeks. Back to the course. By taking it, you are going to take a tour of 12 aspects of web views that are worthy to be improved, fixed, or just validated for effectiveness. I'm talking about picking items from a list, entering a date, providing a better experience with passwords, fixing, and making more attractive those HTML elements not treated by Bootstrap including Bootstrap 4, drop-down content, device detection, smart images that automatically adapt to the device, large form table data, paging, posting to the server without full-page refreshes, and printing. The course targets primary ASP. NET MVC developers, but the concepts and the solutions it presents are mostly based on JavaScript and CSS and rely on common frameworks such as JQuery and Bootstrap in this regard. The audience can then be reasonably expanded to just any front-end developers. Only the examples focus on ASP. NET MVC classic. This said, I hope you'll want to keep this course on your virtual desk and look at it and its related GitHub repo whenever you need a helpful big brother. Talk to you soon, Dino from Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT