Bootstrap-4

En este post te mostraré cómo comenzar a usar los estilos de Boostrap 4 en una app de Angular 2 gracias a ng-bootstrap. ...

Enviar datos a PHP usando AJAX En este post vamos a ver cómo enviar un formulario de HTML a PHP pero sin recargar la página, simplemente usando AJAX. Recordemos que AJAX es una técnica que permite enviar y recibir datos de manera asíncrona, sin bloquear el hilo principal, además de ahorrar ancho de banda pues solo cargamos lo que se necesita. ...

Tabla responsiva en Bootstrap En este post te mostraré cómo hacer que una tabla o elemento table de HTML sea responsiva en Bootstrap 4. Una tabla responsiva en Bootstrap 4 es una tabla que se adapta a cualquier tamaño de pantalla, aunque específicamente hablando de tablas, las de Bootstrap se deben encerrar en un div que hace que al tabla sea “scrollable”, pero la tabla mantiene su tamaño. Con los ejemplos verás a lo que me refiero. ...

Validar formularios con Spring Boot En este post te mostraré a validar un formulario en Spring Boot y a mostrar los mensajes de error (para indicar en dónde se equivocó al llenarse) con Thymeleaf. La validación es muy fácil, pues solo se utilizan anotaciones en la entidad. Verás que es muy sencillo gracias a las anotaciones como Min, NotNull y Size, las cuales se encuentran en: javax.validation.constraints.* ...

Integrar reCAPTCHA v2 con PHP en formulario En este post te enseñaré a integrar el servicio llamado reCAPTCHA v2 con PHP, el cual es un simple captcha o checkbox de “no soy un robot” en un formulario HTML. También te enseñaré a verificarlo con PHP del lado del servidor. El servicio que vamos a integrar es reCAPTCHA v2, el cual funciona en varios lenguajes de servidor, pues se consume usando HTTP; hoy veremos cómo hacerlo en PHP. Veremos un ejemplo del formulario y de la comprobación en el lado del servidor. También dejaré una demostración. Al final tendremos algo como lo del gif: ...

Resumen: en este post te voy a explicar cómo hacer el juego de memorama en JavaScript. Pondré el código fuente y una demostración en línea. Este juego también es conocido como “Memoria”. Características del memorama con JavaScript Este juego de memorama en JS que vengo a presentar tiene las siguientes características: Totalmente responsivo, es decir, se adapta a cualquier pantalla Las imágenes se pueden cambiar Intentos máximos modificables Alerta para cuando ganas y cuando pierdes Código fuente modificable Nota: otro videojuego que desarrollé con JavaScript fue el de snake. ...

En este post te voy a explicar y mostrar un ejemplo de código con PHP, MySQL, Twig y Bootstrap en donde se gestionan notas y usuarios. La app de notas es totalmente responsiva y hecha completamente con PHP, usando MySQL para la persistencia de datos. El correo es posible gracias a Twig para renderizar la vista, y PHPMailer para enviarlos. Un usuario puede ver, crear, editar y eliminar notas Cualquier usuario puede registrarse usando su correo electrónico Los usuarios pueden cambiar su contraseña Para que el usuario se registre, se debe verificar el correo electrónico Los usuarios pueden resetear su contraseña olvidada Un usuario no puede ver ni modificar las notas de otro usuario Las notas guardadas deben guardar la fecha y hora de creación Como lo ves, está muy enfocado a la gestión de usuarios. ...

Desde hace algunos meses he estado intentando encontrar el punto perfecto para desarrollar con PHP sin usar ningún framework como Laravel o CodeIgniter. Como desarrolladores, queremos algo que sea sólido, fácil de usar y confiable; además de que tenga rica documentación y su uso sea entendible. Hoy vengo a presentar mi caja de herramientas que uso al desarrollar con PHP, la cual podría ser llamada framework. También quiero mostrar cómo es que se pueden juntar las herramientas para tener una base sólida de desarrollo con PHP. Nota: puedes ver la plantilla en GitHub. ...

Hoy vengo a presentar un sistema gratuito y open source para el control de pagos y cooperaciones creado con PHP, MySQL, Twig, Bootstrap y Vue Este sistema de pagos está creado con PHP para el lenguaje del servidor, utiliza Twig para renderizar las plantillas, mismas que tienen un diseño usando Bootstrap. La persistencia de datos es gracias a MySQL. Del lado del cliente se utiliza Vue para consumir la API y traer los datos. Entre sus características encontramos: Software para el control de pagos de personas Registro de personas Posibilidad de registrar usuarios para iniciar sesión Impresión de comprobantes de pago en impresora térmica Reporte de totales abonados por personas Responsivo y accesible desde teléfono, tableta o computadora Con algunas modificaciones, este software podría controlar el sistema de abonos de ventas de productos, cooperaciones de personas, pagos, etcétera. Puede servir para estudiar un proyecto de PHP o para usarlo directamente en producción (de hecho yo lo estoy usando) A continuación voy a explicar cómo funciona, además de mostrar el código fuente y otras cosas más. ...

En esta ocasión vengo a compartir un simple diseño de un formulario de inicio de sesión o login hecho con Bootstrap 4. Generalmente un formulario de login solo lleva dos campos: el del correo y la contraseña. Gracias a los estilos de Bootstrap podemos diseñar un formulario responsivo, elegante y simple con pocas líneas de código. ...