La ocasión me pareció propicia para intentar dar mis primeros pasos en el mundo de JQuery y Bootstrap y así ver que tan útil son dichas herramientas a la hora de crear interfaces de usuario en Web al estilo HTML5.
La experiencia fue traumática, ya que me recordo lo realmente poco que se sobre HTML y Javascript, pero con un poco de ayuda de Google pude sacar adelante el proyecto. El diseño básico de la página lo hice con iWeb y algo de PHP, y luego cree una especie de página de administración donde una persona autorizada puede entrar y cambiar ciertos contenidos de la pagina de forma dinámica.
Para este módulo de administración utilizé exclusivamente Bootstrap como base para la diagramación y la interfaz gráfica y, debo decir, la experiencia fue todo un placer. Bootstrap pone las cosas de manera realmente sencilla y el resultado final es simplemente espectacular.
Por su parte, JQuery hace muy sencillo la manipulación de elementos dentro del HTML asi como la ejecución de código en forma asincrónica. De hecho, todo el modulo de administración funciona en un solo HTML, usando DIVs para cada sección que, en otros casos, habrían sido paginas individuales.
Aca les dejo algunas imagenes de este modulo de administración en bootstrap + JQuery. El sitio web en si pueden verlo en http://www.carmelitassanrafael.cl.
 |
| Pantalla de Login. La validación se hace mediante Javascript |
 |
| La barra de tabs es generada y manejada automáticamente por Bootstrap; yo solo tuve que crear los DIVs para cada sección |
 |
| Bootstrap incluso maneja elementos de interfaz visual para la validación de formularios, y una libreria de soporte permite crear reglas en forma declarativa, a fin de facilitar el proceso de validación de formularios. |
1 comentario:
Hola mira yo estoy empezando en el bootstrap, me podrias pasar tu codigo de la validacion. Por favor. Te dejo mi messenger. pier_164@hotmail.com
Publicar un comentario