ASP.NET MVC 5 with Bootstrap and Knockout.js: Building Dynamic, Responsive Web Applications

by Jamie Munro

Overview

Bring dynamic server-side web content and responsive web design together to build websites that work and display well on any resolution, desktop or mobile. With this practical book, you’ll learn how by combining the ASP.NET MVC server-side language, the Bootstrap front-end framework, and Knockout.js—the JavaScript implementation of the Model-View-ViewModel pattern.

Author Jamie Munro introduces these and other related technologies by having you work with sophisticated web forms. At the end of the book, experienced and aspiring web developers alike will learn how to build a complete shopping cart that demonstrates how these technologies interact with each other in a sleek, dynamic, and responsive web application.

• Build well-organized, easy-to-maintain web applications by letting ASP.NET MVC 5, Bootstrap, and Knockout.js do the heavy lifting
• Use ASP.NET MVC 5 to build server-side web applications, interact with a database, and dynamically render HTML
• Create responsive views with Bootstrap that render on a variety of modern devices; you may never code with CSS again
• Add Knockout.js to enhance responsive web design with snappy client-side interactions driven by your server-side web application

Product Details

ISBN-13:	9781491914397
Publisher:	O'Reilly Media, Incorporated
Publication date:	06/06/2015
Pages:	275
Product dimensions:	7.00(w) x 9.10(h) x 0.70(d)

About the Author

The author of 20 Recipes for Programming MVC 3 from O'Reilly Media, Jamie Munro has been developing websites and web applications for over 15 years. For the past 6 years Jamie has been acting as a lead developer by mentoring younger developers to enhance their web development skills. Taking his love of mentoring people, Jamie began his writing career on his personal blog (http://www.endyourif.com) back in 2009. As Jamie's blog grew in success, he turned his writing passion to books about web development. As well as writing books, Jamie is currently in the process of starting a new website (http://www.webistrate.com) that is geared towards helping web developers further expand their experience with many online examples using MVC3, CakePHP, CodeIgniter, Jquery, Database Optimzation, and Search Engine Optimization.

Table of Contents

Preface ix

Part I Getting Started

1 Introduction to MVC 1

Creating Your First Project 1

Examining the HomeController 4

Examining the Views 6

Understanding the URL Structure 8

Summary 9

2 Introduction to Bootstrap 11

Examining the Default Menu 11

A Menu with Drop-Downs and a Search Box 14

Buttons 17

Alerts 19

Themes 20

Summary 20

3 Introduction to Knockout.js 21

Installing Knockout.js 21

A Basic Example 23

What Is MVVM? 25

Creating ViewModels 26

Summary 29

4 Working with a Database 31

Introduction to Entity Framework 32

Code First 33

Database First 37

Creatine Test Data 41

Summary 44

Part II Working with Data

5 Listing, Sorting, and Paging Through Tables 47

Scaffolding the Author Model 47

Sorting the Authors 55

Paging the Authors 61

Summary 66

6 Working with Forms 67

Integrating Knockout with a Form 67

Sharing the View and ViewModel 75

Deleting with a Modal 83

Empty Table Listings 88

Summary 90

7 Server-Side ViewModels 91

Why Create Server-Side ViewModels? 91

The Authors ViewModel 93

Updating the Authors Listing 94

Updating the Add/Edit Form 95

Updating the Delete Modal 97

Summary 98

8 Introduction to Web API 99

Installing Web API 99

Updating the List of Authors 102

Updating the Add/Edit Authors Form 112

Summary 115

Part III Code Architecture

9 Creating Global Filters 119

Authentication Filters 119

Authorization Filters 120

Action Filters 120

Result Filters 120

Exception Filters 120

Global Web API Validation 121

Automapping with a Result Filter 125

Web API Error Handling 129

MVC Error Handling 132

Summary 135

10 Adding Authentication and Authorization 137

Authentication Overview 137

Authorization Overview 138

Implementing an Authentication Filter 139

Implementing an Authorization Filter 148

Summary 152

11 URL Routing Using Attributes 153

Attribute Routing Basics 153

Route Prefixes 157

Routing Constraints 158

Summary 162

12 Fat Model, Skinny Controller 163

Separation of Concerns 163

Controllers 164

Services 164

Behaviors 165

Repositories 165

Orchestrations 165

Unit of Work 166

Services and Behaviors 167

Summary 175

Part IV A Practical Example

13 Building a Shopping Cart 179

Shopping Cart Requirements 179

The Shopping Cart Project 180

JavaScript Bundling and Minification 181

Summary 183

14 Building the Data Model 185

Code-First Models 185

Defining the DbContext and Initializing Data 188

The ViewModels 192

Summary 195

15 Implementing the Layout 197

The Shared Layout 197

The Cart Summary 199

The Categories Menu 207

Summary 211

16 Lists of Books 213

The Home Page 213

The Featured Books 214

Filtered Books by Category 218

Summary 221

17 Adding Items to the Cart 223

The Book Details 223

Custom Components and Custom Bindings 228

Saving the Cart Item 235

Summary 238

18 Updating and Deleting Cart items 239

The Cart Details 239

Knockout for the Cart Details 243

Completing the Shopping Cart 248

Summary 251

Index 253