Agregar útiles escolares a la lista

Software para listas de útiles escolares

En este post te mostraré un programa para llevar el registro de listas de útiles escolares. Básicamente este software gestiona listas escolares y los datos que estas llevan, por ejemplo:

  • Datos del alumno como el nombre de la escuela, grado, grupo
  • Lista de productos obtenidos de un inventario, mismos que se descuentan al entregar la lista
  • Registro de abonos en caso de que el cliente quiera obtener la lista en pagos
  • Costo adicional por forrado de las libretas, cuadernos o útiles
  • Total de la lista incluyendo costo adicional por forrado o etiquetas
  • PDF (tipo recibo o boleta) para el cliente y para la lista de útiles física
  • Saber si la lista está forrada, surtida, lista y liquidada

En resumen es un programa que lleva el registro de útiles escolares con el total monetario, abonos, productos, forrado, etiquetado, etcétera.

Por cierto, esta es una mejora del sistema gratuito para Windows que presenté hace algún tiempo. Una vez dicho esto, veamos los detalles del gestor de listas de útiles escolares.

(más…)

Leer e interpretar un CSV con C#

En este post te voy a enseñar cómo parsear, leer o interpretar un archivo CSV (archivo separado por comas) en C#, de modo que leas cada fila y después puedas acceder a cualquier columna.

Te voy a mostrar cómo leer un CSV de manera manual, sin usar librerías ni cosas de ese estilo. Todo será a mano leyendo el archivo línea por línea, separándolo y convirtiendo los valores.

Al final sabrás cómo leer un archivo separado por comas en C# usando Visual Studio o cualquier otro editor.

(más…)

Leer CSV con C# en Visual Studio - Interpretar archivo separado por comas
Leer archivo de texto con C# en Visual Studio

Leer archivo con C#

En este post de programación en C# (c sharp) te mostraré cómo puedes leer un archivo de texto línea por línea (se supone que esta es la manera eficaz de hacerlo).

Obviamente con este enfoque también vas a poder leer todo el contenido de un archivo de texto con c# en Visual Studio ya que puedes ir concatenando la cadena.

Veamos cómo hacerlo usando StreamReader y el método ReadLine del mismo.

(más…)

Acceder a data de Vue dentro del propio objeto

En este post de programación con el framework Vue o Vue.js te mostraré cómo acceder a data cuando regresamos los datos o el objeto data de nuestro componente.

Esto es necesario porque en ocasiones necesitamos acceder a los datos de Vue desde la definición.

Al final esto no tiene tanto que ver con Vue.js, sino con JavaScript. Pero incluso así en ocasiones podemos olvidar lo que sucede con los objetos anónimos.

(más…)

Solicitar firma de usuario con JavaScript y HTML en la web

Solicitar firma manuscrita con JavaScript

En este post te mostraré cómo solicitar la firma a un usuario desde la web usando JavaScript, de modo que el usuario pueda firmar como si lo hiciera en una hoja de papel.

Después podremos enviar esa firma al servidor, descargarla, colocarla en un documento, etcétera.

Documento con firma de usuario con JavaScript - Imprimir o guardar como PDF

Documento con firma de usuario con JavaScript – Imprimir o guardar como PDF

Quiero que quede claro que vamos a solicitar la firma manuscrita usando programación en la web a través de un navegador. Para ello vamos a usar el canvas.

Nota: una vez que la firma haya sido dibujada puedes enviarla a PHP, Java, Node, etcétera. En el ejemplo te mostraré cómo descargarla como imagen y colocarla en un documento.

(más…)

Cambiar color de fondo a canvas con JavaScript

En este corto post te mostraré cómo cambiar el color de fondo o background de un canvas HTML usando JavaScript.

Básicamente vamos a colorear todo el canvas o limpiar el canvas dibujando un rectángulo que tendrá las mismas dimensiones que el canvas.

Al final con lo que te mostraré aprenderás a cambiar el color de un canvas con JavaScript.

(más…)

Dibujar en canvas de JavaScript usando mouse - Prototipo de paint

Dibujar en canvas con mouse usando JavaScript

En este post sobre programación web HTML y JavaScript te mostraré cómo hacer que el usuario pueda dibujar en un canvas usando el mouse, algo así como un paint muy básico.

De esta forma vamos a permitir que el usuario pueda dibujar y pintar sobre el canvas usando el ratón.

Más adelante podrías adaptar este código para cualquier otra cosa, incluso para crear un paint completo. Aquí solo te mostraré cómo permitir que el usuario dibuje en la web con un color y grosor determinado.

(más…)

Programar en Angular desde Android

En este post te mostraré cómo editar y crear proyectos de Angular desde tu móvil o tableta con Android.

No vas a usar emuladores o cosas así, realmente podrás usar Angular en tu teléfono o dispositivo móvil.

Vamos a lograr esto usando NPM y Node.js, mismos que se pueden instalar en Termux.

Y como la CLI de Angular es solo un paquete más, podremos instalarla en nuestro teléfono parar crear y compilar proyectos de Angular.

(más…)

App web de Angular corriendo en el navegador de Android
Lista de tareas pendientes con Angular - Ejecutando proyecto con ng serve

Lista de tareas pendientes con Angular – ToDo list

En este post te mostraré un proyecto muy sencillo creado con Angular. Se trata de una lista de tareas pendientes, ToDo list, to-do list o como sea que le llames.

Vamos a usar el framework Angular y el lenguaje de programación TypeScript para crear una lista de tareas por hacer. Tendrá las opciones de agregar, eliminar, editar y marcar como terminada.

Por cierto, en este caso vamos a usar localStorage para almacenar la lista pero bien podrías usar una API con un lenguaje como PHP o cualquier otra cosa.

Para tener el proyecto simple me he enfocado a no usar frameworks CSS, así que solo será HTML plano. De todos modos lo que importa es cómo vamos a manejar la lista de tareas pendientes con Angular.

(más…)

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…)

Prevenir cierre de página web con JavaScript

En el post de hoy te mostraré cómo prevenir que el usuario navegue a otra página o pestaña, recargue la página o la cierre. Todo esto con JavaScript.

Desde ahora te digo que (si bien contradice el título del post) no es posible prevenirlo al 100 %, solo se puede mostrar una advertencia que el usuario puede ignorar.

Si bien no vamos a prevenir, te mostraré cómo mostrar un mensaje para darle al usuario la posibilidad de no cerrar la pestaña o navegar a otro lugar.

Esto funciona con Chrome y Firefox en sus últimas versiones al momento de escribir este post.

(más…)

Prevenir que usuario cierre página web con JavaScript