Input ligado a propiedad TypeScript con Angular

Angular – Simple binding en Input

En este post te mostraré cómo ligar un input con una variable de Angular, de manera que si la variable cambia en el input, se cambie en los demás lugares.

Y de manera similar, si la variable cambia desde otro lugar se refresque en el input. Todo esto será con Angular y con el two way binding.

Por cierto, esto que te enseñaré será muy simple por si solo necesitas un input. En caso de que quieras algo más avanzado mira los formularios con Angular.

(más…)

Plantilla HTML con aside, footer, section y header - Barra a la derecha

Plantilla HTML con header, section, aside y footer

En este post te mostraré una plantilla HTML que tiene los elementos o etiquetas header, section, aside y footer. Es un simple ejemplo con HTML y CSS para una página web.

Plantilla HTML con aside, footer, section y header - Barra a la derecha

Plantilla HTML con aside, footer, section y header – Barra a la derecha

El aside y el section tienen la misma altura, y el aside es mostrado a la derecha con un borde. Obviamente tú podrás cambiar los colores o el estilo, aquí solo te dejo una plantilla HTML muy simple con CSS puro.

(más…)

Código fuente de sistema gratuito para Windows - Sublime POS 3

Código fuente de Sublime POS 3

Como bien sabes, hace algún tiempo liberé mi sistema de ventas para que sea gratuito para Windows. Si bien liberé el programa, no liberé el código. En este post te mostraré cómo obtener el código fuente y lo que te envío al comprarlo, así como los lenguajes con los que está hecho y todo ello.

Desde ahora te aclaro que te daré exactamente el mismo código fuente que uso para la versión que ya he publicado anteriormente.

(más…)

Recetario web con PHP y Vue - Open source y gratuito

Software para recetas – gratuito y open source

En este artículo te mostraré un software para recetas que es gratuito y open source. Esto también puede ser conocido como recetario online, libro de recetas, libro de recetas en línea, alternativa simple y open source a kiwilimón, libro de cocina online, programa para recetas, programa para gestionar recetas, sitio de cocina, etcétera.

Lo que te muestro aquí está hecho con Vue y PHP usando MySQL como base de datos. Permite:

  • Registrar recetas con foto, nombre, porciones, ingredientes y pasos
  • Los ingredientes cambian dependiendo de las porciones de manera automática
  • Listar recetas en tabla para editarlas y eliminarlas, es decir, gestionarlas
  • Mostrar recetario o libro de cocina en línea con opción de búsqueda
  • Imprimir receta de manera amigable
  • Ver detalles de receta con cajas de texto para marcar los ingredientes y pasos completados
  • Modificar el software a tus necesidades ya que es open source y gratuito

Oh, y si te lo preguntas, decidí crearlo porque en una ocasión busqué una receta y el sitio en donde la encontré no me daba la opción de imprimirlo.

Vamos allá.

(más…)

Vue router – Navegar a componente

En este corto post sobre Vue y el enrutador del mismo te mostraré cómo ir de un componente a otro de manera programada, es decir, desde el código.

De este modo podrás navegar de manera programada con el Vue Router al hacer clic en algún botón o en cualquier acción, pues lo harás por medio del código de JavaScript o TypeScript.

(más…)

Código QR con HTML y JS - Descargar como imagen

Generar códigos QR con JavaScript

En este post de programación web te voy a mostrar cómo generar códigos QR desde JS o JavaScript para que puedas generar un QR desde la web.

Vamos a usar una librería de terceros; verás que es muy simple crear códigos QR y tal vez esto te anime para crear tu propio generador.

Te aviso que vamos a usar JavaScript puro, así que puedes portar este código para frameworks como Angular, React o Vue.

(más…)

Búsqueda binaria con C#

Búsqueda binaria en C#

Hoy vamos a ver cómo aplicar la búsqueda binaria para buscar elementos en arreglos usando el lenguaje de programación C# también conocido como C sharp.

Te voy a mostrar dos métodos: uno para hacer la búsqueda binaria (divide y vencerás) usando recursividad y otro método usando el ciclo while.

Al final tendremos dos funciones que nos permitirán buscar un elemento en un array usando el algoritmo de la búsqueda binaria.

(más…)

Python – Imprimir sin salto de línea

En este corto post de programación en Python te enseñaré a evitar que aparezca un salto de línea, nueva línea o como la llames al usar print.

Como bien sabes, aparece una línea en blanco o salto de línea cuando imprimimos en la consola usando print en el lenguaje de programación Python. Hoy te mostraré cómo imprimir sin ese salto de línea.

(más…)

Validar formulario con JavaScript y HTML

Validar formularios en JavaScript

En este post te enseñaré a validar formularios HTML usando JavaScript nativo o JS puro, sin usar frameworks ni librerías externas.

Validar formulario con JavaScript y HTML

Validar formulario con JavaScript y HTML

De este modo vas a poder comprobar si un formulario se envía dependiendo de los valores que el usuario haya colocado. Te enseñaré un ejemplo para que veas cómo validar un formulario en JavaScript apoyándote además de la validación nativa de HTML.

Solo recuerda que la validación del lado del cliente se hace por mera decoración, y no por seguridad; ya que la seguridad se aplica en el lado del servidor.

(más…)

Reutilizar plantillas en Flask con Jinja - Plantilla base

Reutilizar plantillas en Flask con Jinja

En este post sobre Flask te mostraré cómo definir una plantilla base o plantilla maestra y después solo sobrescribir  el contenido y ciertos bloques, de modo que puedas definir y reutilizar una plantilla, evitando repetir código.

Para ello vamos a usar el template engine que Flask usa por defecto y que nos viene de maravilla: Jinja.

(más…)

Ejemplo completo de Python, Peewee y MySQL MariaDB

Python – Conexión MySQL con Peewee (ORM)

En este post de programación en Python con MySQL/MariaDB te mostraré un ejemplo completo con Peewee.

Peewee es un ORM para Python que sirve para trabajar con bases de datos sin hacer consultas manuales y ayuda a reducir bastante tiempo a través de los modelos. Además, Peewee no solo se puede conectar a MariaDB, también ofrece soporte para otros motores.

A lo largo de este artículo te enseñaré un CRUD (create, read, update y delete) completo de Python con Peewe a través de un ejemplo sencillo que gestionará un diccionario con palabras y significados.

(más…)

Leer RFID con NodeMCU ESP8266 y RC522

En este tutorial te mostraré cómo leer tarjetas o etiquetas RFID usando un lector RFID-RC522 (MFRC522) y una placa NodeMCU ESP8266.

También te mostraré el diagrama de conexión para que sepas cómo conectar el RFID-RC522 con la ESP8266 para leer tarjetas RFID.

Debido a que este es un tutorial de introducción, solo te mostraré cómo leer el ID de la tarjeta (en hexadecimal) e imprimirlo por serial.

(más…)

Importar archivos propios en Python – Uso de import

En este tutorial de programación te mostraré cómo separar tu código para tenerlo en distintos archivos y luego usar import para importar tu propio código Python. Es decir, importar tus propios archivos usando Python.

De esta manera podrás importar otras funciones o clases de distintos archivos programados por ti, usando la palabra reservada import, del lenguaje Python.

Explicando import en Python – Importar archivos propios

Al final podrás tener un código más limpio y organizado; además de poder reutilizar las funciones que hagas. Te mostraré varios ejemplos y te dejaré mi recomendación.

(más…)