Esto es un howto o codekata para empezar un proyecto nuevo en minutos con Angular: qué necesitamos configurar en local, cómo usar el Angular CLI, principales comandos y comenzamos a generar una primera estructura de aplicación frontend totalmente desacomplada del backend.
Vamos al grano..
Continuar leyendo..
Dejo aquí este codekata o howto de copia y pega para montar la estructura de un proyecto general con Maven, usando Spring Boot en el backend y Angular en el frontend. La idea de este post es automatizar el despliegue en producción de este tipo de proyectos, cómo comenzar a montar el despliegue continuo.
En líneas generales, consite en compilar el micro-servicio Spring Boot embebiendo todo el frontend en Angular dentro del mismo empaquetado .jar. Con unas configuraciones en los ficheros POM de Maven, y en el JSON de configuración Angular, podemos automatizarlo.
Vamos al grano..
Continuar leyendo..
EasyAdmin es un vendor preparado para proyectos Symfony con el que en muy poco tiempo se pueden construir paneles de control completos y funcionales para tus proyectos. Implementa en muy pocos comandos la generación completa de las operaciones básicas CRUD: crear, listar, actualizar y borrar.. mostrando pantallas para cada acción, además de mostrar un menú responsive todo 100% personalizable.
Por otro lado CKEditor es un editor WYSIWYG con el que se puede editar contenido, con formato al estilo de los procesadores de texto, pero en el mismo navegador. Tendremos disponibles una serie de botones para dar estilo a los textos, párrafos, etc.. botones como los de la imagen de arriba, todo dentro de la misma página web y sin instalar nada.
Este es un sencillo howto para hacer algo que cuesta un poco encontrar por Internet con EasyAdmin en las últimas versiones, así que aquí tienes un eco y enlaces a más documentación. Se trata exactamente de las configuraciones que hace falta en un proyecto para que funcionen juntos CKEditor y EasyAdmin.
Me remito a un post anterior para crear desde cero un panel completo con EasyAdmin 2. De la 3 en adelante es todavía más fácil y todas las configuraciones se aplican desde PHP. Este post es para la versión de EasyAdmin 3.
Continuar leyendo..
Sencillo codekata en JavaScript y PHP para hacer una captura de la cámara, enviando luego mediante puro JavaScript la imagen a un script PHP que guardará la imagen en el servidor.
Este post es continuación sobre este otro sobre cómo capturar una imagen de la webcam con JavaScript añadiendo el envío y recepción al servidor.
Continuar leyendo..
Aquí llega otro sencillo codekata o howto para crear una API Restful en PHP, from scratch, en pocos minutos, sobre Mysql o Mariadb, y usando esta joya del software llamada API Platform.
A esta API se le puede conectar cualquier otro software como una aplicación en React, Angular, WordPress, Magento.. aplicaciones hechas en varios lenguajes como Java, Python, PHP, JavaScript, etcétera. Estas APIs son una forma de conectar sistemas de forma totalmente estándar.
Este post es continuación de este sobre crear APIs a partir de proyectos funcionales, o complemento de este otro sobre cómo filtrar elementos en la API Platform. También se complementa con este post posterior sobre PHP y una clase estándar para consulta de APIs.
Continuar leyendo..
¡Hola de nuevo! Hoy vengo a compartir otro codekata para construir nuestro propio mensaje de cookies. Están teniendo bastantes visitas las páginas en JnjSite sobre este tema de las cookies. Y he recibido ya varias consultas a la web sobre este tema. Así que aquí estoy de nuevo compartiendo mi granito de arena en todo esto de la programación.
Se trata de un sencillo esqueleto de página web, con puro JavaScript, CSS y HTML. No se utiliza ni jQuery ni ningún elemento extra para que si has llegado aquí buscando algo de esto, lo puedas copiar y pegar a tu web, y adaptarlo a como quieras ?
Continuar leyendo..Comparto aquí otro codekata o howto. Simplemente es una forma de filtrar entre fechas por columnas usando Datatables. Nunca lo había hecho, y buscando por Internet no he encontrado la solución, así que jugando un poco con JavaScript aquí que lo dejo..
Partiendo de un post anterior sobre Datatables con botones, lo he reescrito para permitir el filtrado entre fechas. Posiciona en la segunda columna unos campos de texto. Y al poner dos fechas, una fecha desde y una fecha hasta, entonces filtra los datos de la tabla mediante JavaScript.
Continuar leyendo..
Hoy vengo a compartir otra joya del software. Se trata del svgMap, una librería de JavaScript con la que se pueden hacer mapas vectoriales fácilmente con los datos que quieras.
Se pueden colorear, son responsive con lo que se adaptan al dispositivo, muestran los datos en un popover al pasar el ratón por encima. La documentación está de lujo. Y además es un proyecto con licencia MIT, con lo que se puede utilizar en cualquier tipo de proyecto.
Este post es un howto o codekata para generar un array de datos JavaScript en forma de objeto, y así empezar a usarlo cargándole muchos datos.
Continuar leyendo..
Ya estoy por aquí de nuevo, compartiendo un howto o truco para programar con JavaScript al vuelo, sin recargar la página. A fecha en que escribo este post, sólo he encontrado esta funcionalidad en uno de los navegadores más usados. Estoy hablando de Google Chrome, que te permite editar al vuelo el JavaScript, en el inspector de código fuente.
El poder editar los códigos fuentes sin recargar la página es algo habitual entre los navegadores, pero no con JavaScript. Normalmente los navegadores te permiten editar los fuentes HTML y CSS. Pero Google Chrome ha llevado a otro nivel esta funcionalidad, permitiendo además el editar el código JavaScript, de cualquier página web, al vuelo y sin recargar la misma web para aplicar los cambios.
Continuar leyendo..Este es un pequeño howto, un codekata resumen, de las principales formas para organizar información en vectores o arrays en JavaScript. Lo mismo se puede usar para organizar en forma de vectores de vectores, o lo que es lo mismo, para matrices.
Continuar leyendo..
Comparto un script aquí de copia y pega con un Datatables en una web que tiene filtros y los botones. Con estos botones de Datatables de este script se puede después de haber filtrado entre los datos, descargar un fichero CSV con dichos datos, también en formato Excel, en PDF o enviar a imprimir.
Continuar leyendo..
Con las tareas cotidianas de puesta al día, traigo este post sobre POO en JavasScript. Esto es un clásico de la programación, es un howto resumen de las principales características que disponemos en JavaScript para crear objetos. Para luego extenderlos creando otros derivados, y así poder estructurar los programas en JavaScript permitiendo que sean más mantenibles.
Ya sea que estemos implementando un listado de productos, un carrito, un listado de páginas web, un buscador, información del usuario, elementos de un juego 2D o 3D, etc.. podremos mover mucha lógica de la aplicación a la programación en cliente usando JavaScript.
Continuar leyendo..
