
Bootstrap for ASP.NET MVC, 2nd Edition
Pieter van der Westhuizen
- Editorial
- Packt
- Año
- 2016
- Páginas
- ~186
- Nivel
- Intermedio
De qué trata
Segunda edición del libro de Pieter van der Westhuizen, desarrollador freelance especializado en ASP.NET MVC, que muestra cómo combinar Bootstrap 4 con ASP.NET MVC, concretamente con ASP.NET Core en sus primeras versiones. Packt la publicó en septiembre de 2016. Está pensada para principiantes con poca experiencia en Bootstrap o .NET, aunque también es útil para desarrolladores de nivel intermedio que ya trabajan con ASP.NET y quieren interfaces responsivas sin depender de un diseñador. Los ejemplos se probaron con Visual Studio 2015, Chrome y Firefox.
El libro empieza con la creación de un proyecto ASP.NET Core con Bootstrap 4 en Visual Studio. Luego repasa el CSS y los elementos HTML de Bootstrap, sus componentes de interfaz y sus componentes JavaScript. La parte más propia de .NET explica cómo escribir HTML Helpers de MVC y Tag Helpers de ASP.NET Core que generan el marcado de Bootstrap, para no repetirlo en cada vista Razor. También integra el plugin jQuery DataTables con estilo Bootstrap 4 para tablas con búsqueda, ordenación y paginación. Termina mostrando cómo crear sitios ASP.NET MVC con Bootstrap 4 desde Visual Studio Code y con un apéndice de recursos.
El ejercicio central consiste en convertir una plantilla HTML de Bootstrap en un proyecto ASP.NET MVC funcional, con layouts y vistas parciales. Es una tarea muy habitual en proyectos reales, y el autor ofrece el código de ejemplo en GitHub. Su valor es tender un puente entre el framework CSS y el modelo de vistas de ASP.NET, sobre todo con los Tag Helpers. Ahora bien, se basa en Bootstrap 4 alfa y en ASP.NET Core 1.x, así que las plantillas de proyecto, la gestión de paquetes del cliente y parte del marcado han cambiado mucho en las versiones actuales de .NET y Bootstrap. El backend (datos, autenticación, APIs) queda fuera.
- Bootstrap 4
- ASP.NET Core
- ASP.NET MVC
- Visual Studio 2015
- Visual Studio Code
- Razor
- HTML Helpers
- Tag Helpers
- Componentes JavaScript
- jQuery DataTables
- Plantillas HTML
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Conversión de una plantilla Bootstrap a proyecto ASP.NET MVC
Se toma una plantilla HTML de Bootstrap y se transforma en una aplicación ASP.NET MVC utilizable, repartiendo el marcado en layouts y vistas Razor y aprovechando los componentes de Bootstrap 4.
Helpers y Tag Helpers para Bootstrap
Creación de HTML Helpers de MVC y Tag Helpers de ASP.NET Core que generan el marcado de los componentes de Bootstrap, para reutilizarlos en las vistas.
Tablas con jQuery DataTables
Integración del plugin jQuery DataTables con el estilo de Bootstrap 4 en una aplicación ASP.NET MVC para mostrar datos tabulares con búsqueda, ordenación y paginación.

