TEMAS de Bootstrap

bienvenido a este nuevo artículo en donde aprenderás cómo crear un crud en PHP con MySQL y Bootstrap, además te enseño como crear una plantilla MVC para tus proyectos web con PHP, a continuación dejo las pantallas de como queda al final el proyecto.

Este proyecto y su estructura es fundamental si estás aprendiendo o a futuro piensas aprender un framework como Laravel o Simfony.

En este nuevo tutorial crearemos una landing Page utilizando el popular Framework Bootstrap en su versión 3, se trata de un ejercicio muy rápido y muy básico donde tratamos de mostrar cuan fácil es crear proyectos con Bootstrap, desde los mas fáciles hasta un nivel mas avanzado.

En este tutorial partiremos desde un PSD que en realidad es una imagen con elemento superpuestos en Photoshop, luego pasaremos a maquetar este archivo utilizando las clases y componentes básicos de Bootstrap y finalmente aplicaremos nuestros estilos para dar la apariencia deseada.

En la versión 4 del popular framework para Frontends existen clases CSS que te pueden facilitar la maquetación de tu proyecto, solo es cuestión que las pongas en práctica y las uses hasta que las hagas parte de tu trabajo en maquetación y veras lo rápido que avanzarás, estas clases te ahorran muchas líneas de código CSS que sueles escribir para darle cierto aspecto a un elemento del proyecto. Veamos las clases en el siguiente tutorial.

Amplia tu conocimiento y obtén un código de ejemplo que te permite autocompletar un campo de texto con jQuery, Ajax y PHP.

En el ejemplo en funcionamiento vamos a tener un campo de texto que al escribir en él aparecen sugerencias (en el caso de que existan) para auto completar su valor. Para el aspecto del mismo nos vamos a apoyar en la tecnología Bootstrap 4.

La tecnología móvil es sin duda el futuro, por ello los Frameworks CSS cada ves son mas dinámicos, intuitivos y mejoran la usabilidad y la navegación de los usuarios en una plataforma o aplicacion web. La parte visual de una plataforma es importante y lo último que nos trae Bootstrap en su versión 4 es increíble, la versión actual de Bootstrap 4 hasta la fecha de este artículo es 4.1.1 .

En este Post te enseñaremos a diseñar una web con esta última versión de Bootstrap y aprenderás las nociones básicas para que tu mismo la diseñes y apliques a tus próximos proyectos si es que aun no usas esta fantástica versión de Bootstrap.

En este artículo vamos a explicar como adaptar la plantilla CoreUI, basada en Bootstrap 4 para usarla como base en aplicaciones ASP.NET MVC Core 2.

Los códigos QR también se les conoce como código de respuesta rápida, es un código de formato de código de barras 2D que se usa para almacenar texto como números de teléfono, correos electrónicos, direcciones y texto simple, etc. En este tutorial te mostraremos cómo generar códigos QR con PHP y HTML.

Es muy importante entender como funciona el sistema de rejillas en bootsrap 4 y para ello tenemos que entender que tenemos filas y columnas.

He decidido crear un Carousel de imágenes con la capacidad de poder administrar el mismo en donde se podrá: listar, crear, editar y eliminar las imágenes del carousel, por lo que en este tutorial voy a mostrar cómo crear un Carousel de imágenes y para ello utilizare el Carousel de Bootstrap para obtener imágenes, el título y la descripción de la base de datos y mostrarlos a manera de diapositivas de imágenes. He creado un slider muy simple y fácil de entender usando PHP y MySQL para la consulta de datos. Además el proyecto cuenta con un pequeño panel de administración para que podamos administrar las imágenes que deberán mostrarse en el carousel.