Web

Resumen: en este post te mostraré un ejemplo simple de un formulario con Angular, en donde ligamos a un valor del componente con la vista del formulario. En Angular existen dos tipos de formularios, los que son formularios reactivos (Reactive form) y los que son basados en plantillas (Template driven forms). Hoy veremos un ejemplo de un Template driven form en Angular, que si vienes de AngularJS (o apenas estás comenzando) vas a entenderlo muy bien. Si quieres puedes probar el resultado final aquí, y ver el código de todo el proyecto aquí. ...

Resumen: aprender a usar las variables del entorno de angular usando archivo environment.prod.ts y environment.ts para diferenciar entre entorno de producción y entorno de desarrollo. ...

Resumen: en este post te mostraré cómo imprimir códigos QR legibles en una impresora térmica (también llamada ticketera, impresora de tickets, pos printer, etcétera) usando un plugin gratis. Si has seguido mis posts sabrás que hace tiempo desarrollé un plugin y que poco a poco le he agregado características nuevas, hasta llegar al día de hoy en donde imprimimos códigos QR en una thermal printer desde JavaScript, Python, Java y muchos otros lenguajes. Nota: puedes ver la versión en inglés aquí. ...

Resumen: mostrar cómo conectar PHP con Angular y configurar CORS, además de usar el cliente HTTP de Angular para hacer peticiones con PHP. El resultado final lo puedes ver aquí, y el código fuente completo (tanto de PHP como de Angular) en mi GitHub. ...

Resumen: mostrar cómo usar el cliente HTTP de Angular para hacer peticiones y consumir API REST usando métodos como GET, POST, PUT y DELETE además de JSON para el intercambio de datos. En este post vamos a crear un servicio de Angular que a su vez usará el HttpClientModule para hacer peticiones HTTP. Después vamos a consumir ese servicio desde cualquier componente. ...

Resumen: mostrar cómo usar encabezados HTTP y la función header en PHP para permitir CORS y métodos como GET, POST, PUT, OPTIONS y DELETE. ...

Resumen: utilizar el componente MatDialog de Angular Material para mostrar un diálogo de confirmación, y de la misma manera ejemplificar cómo usar diálogos en Angular utilizando componentes y plantillas personalizadas. Al final vamos a tener un ejemplo de un diálogo de confirmación con Material Design en donde podremos saber si el usuario hizo click en Sí o en No. Mira el resultado final aquí. ...

En este post voy a mostrar cómo solucioné un error que me estaba fastidiando demasiado y que tenía tiempo que no me sucedía. Resulta que al estar trayendo datos de una base de datos con MySQL y PHP se mostraban caracteres raros con signos de interrogación cuyo char code es 65535: ...

Hoy andaba revisando mi sistema de cotizaciones y descubrí un pequeño error al cerrar la sesión que decía: Notice: session_start(): A session had already been started - ignoring Abajo del mismo, aparecía lo siguiente: Warning: Cannot modify header information - headers already sent by (output started at archivo.php) Así que veremos la solución a ese mensaje de error y también veremos cómo saber si una sesión de PHP está iniciada. ...

Resumen: mostrar cómo crear un menú de navegación con Angular Material; es decir, implementar un navigation drawer con el menú a la izquierda (que se puede ocultar y mostrar con un botón) y el contenido a la derecha. Para implementar un navigation drawer o cajón de navegación en Angular Material vamos a usar combinar algunos componentes. Entre ellos: Mat Toolbar: la barra que estará en la parte superior y tendrá el título de la app de Angular así como un botón para mostrar/ocultar el cajón de navegación Mat Sidenav Container: el contenedor de lo que veremos a continuación Mat Sidenav: el menú con los enlaces, es decir, el cajón de navegación Mat Sidenav Content: el contenido que se irá mostrando e inyectando dependiendo de la sección Nota: recuerda que para esto debes tener un proyecto de Angular y haberle agregado Angular Material. Si quieres ver el ejemplo terminado haz click aquí. ...