Over the last several years I've had the privilege of meeting some great folks across the country, great developers who have solid jobs and who are typically focused on long-running projects. The barrier, they say, to jumping into a new language, technology or framework is simply that they don’t have enough time. Soon enough, those “new” bits are on version 5 and it can seem overwhelming to try to join the fray.
The MVC Framework provides a number of great extension points to customize how content is built and rendered, and the Bootstrap library gives you an easy way to build consistent, great-looking pages across your site. The default ASP.NET templates now use Bootstrap as the style language, but there are endless possibilities to make it even easier to use.
To bridge the gap between time and newness, I’m writing a short, consumable post each day that you should be able to work through in 15 minutes or less. It introduces or expands on a concept, gives you a code sample and walks you through implementing it. I hope to shed some insight into some of the tips, tricks and techniques you’ll need and want to have to be successful in your MVC applications.
- Day 1: The MVC 5 Starter Project
- Day 2: Examining the Solution Structure
- Day 3: Adding a Controller and View
- Day 4: Making a Page Worth a Visit
- Day 5: Bootstrap for the Asp.Net Developer
Enhancing Our Views
- Day 6: Reusing Design Elements on Multiple Pages
- Day 7: Semi-Automatic Bootstrap – Display Templates
- Day 8: Semi-Automatic Bootstrap – Editor Templates
- Day 9: Templates for Complex Types
- Day 10: HtmlHelper Extension Methods
- Day 11: Realistic Test Data for Our View
- Day 12: Implement Search Using Inline Forms and AJAX
- Day 13: Standard Styling and Horizontal Forms
- Day 14: Bootstrap Alerts and MVC Framework TempData
- Day 15: Some Bootstrap Basics
- Day 16: Conceptual Organization of the Bootstrap Library
Adding Some Sparkle
- Day 18: Customizing and Rendering Bootstrap Badges
- Day 19: Long-Running Notifications Using Badges and Entity Framework Code First
- Day 20: An ActionFilter to Inject Notifications
- Day 21: Cleaning Up Filtering, the Layout & the Menu
So, You’ve Got People Logging In
- Day 22: Sprucing up Identity for Logged In Users
- Day 23: Choosing Your Own Look-And-Feel
- Day 24: Storing User Profile Information
- Day 25: Personalizing Notifications
- Day 26: Bootstrap Tabs for Managing Accounts
- Day 27: Rendering Data in Bootstrap Table
Wrapping Up With Some More Bootstrap
- Day 28: Doing More Interesting Things With Buttons
- Day 29: Confirmation Dialogs for Delete Actions
- Day 30: Loading Bootstrap Modal Content via AJAX
If you’re the type that likes a more course like structure to learning, there are a few courses on Microsoft Virtual Academy that cover MVC. You can check them out here:
- Introduction to MVC
- Building Web Apps with ASP.NET Jump Start
- Developing ASP.NET MVC 4 Web Applications Jump Start
- What’s New in Visual Studio 2013 Jump Start
Source Code and Book Now Available
I had many requests through the series to post the completed source code for the project that I created, and I’m happy to share that now. View the Completed Project on GitHub >>
I will note that this is how the project is at the end of the series and things do change. Some of the days later on in the exercises are refactorings over the earlier work.
Getting All the Code, Day-by-Day + Bonuses
I took things further, however, and I’ve edited the series into both an eBook and a print version. Included with either is access to the repository with complete day-by-day branches so that you can work on any aspect of the project, play around, make changes or customizations and then just move to a different chapter.
Can’t get past a certain issue with your syntax or markup? Do a diff against my work and see what got away. Each chapter branch contains the completed, working code for that chapter. You can use the previous chapter’s branch to start work as you follow along from anywhere in the book.
ggg Get Bootstrapping MVC here. For those of us (me included) who still like killing trees and having a paper copy next to the keyboard, I’ve also got a print version available of the book which would make a great addition to any web developer’s library. Finally, for the Kindle readers out there, you can also pick up a copy of the book on Amazon!
If there’s anything specific that you want to know about and/or want me to cover, let me know! Comment below, tweet (mention me, @Canadian James), comment on Facebook, or start a new conversation on LinkedIn.
Happy coding! Happy learning!