DEV Community: 4GeeksAcademy

Factory Method

Juan Miguel Arias Mejias — Sun, 10 Apr 2022 21:25:41 +0000

Hola, hoy venimos con un patrón de diseño creacional.

El Factory Method, es un patrón que nace de la necesidad de abstraer la lógica de creación de un objeto. Es más fácil entenderlo con un ejemplo.

Pongamos en situación que estamos dándole mantenimiento a un sistema de logística, en donde el método de entrega siempre ha sido por tierra y todo bien, el sistema funciona de esta manera por varios años sin problemas. Llega el día, en que nuestra empresa decide diversificar las operación y se toma la decisión de ofrecer logística marítima.

Vaya... parece que tenemos un problema, el sistema solamente esta enfocado a logística terrestre ¿Cómo haremos para resolver este problema? y sobre todo, ¿Cómo haremos para mejorar la escalabilidad del sistema? de manera que puedan haber tantos métodos de logística como se quiera sin mayores modificaciones.

El Factory Method, nos puede ayudar en esta ocasión, es un patrón de diseño creacional listo para abstraer la lógica de la creación.

Ok, estamos listos para implementarlo.

En este caso, necesitamos pensar en cómo llamaremos de manera general al grupo que envuelve el camión o el bote. Quizás Transporte.

También necesitamos pensar en cómo llamaremos de manera general al grupo que envuelve la logística Terrestre y el Marítima. Quizás Logística.

Estamos listos.

Por la parte del Transporte tendríamos el siguiente diagrama:

Y por la parte de Logística tendríamos el siguiente:

En mi GitHub podrán ver la implementación en Golang. Enlace
Muchas gracias por leer
Les dejo mis redes: Enlace

Imágenes y ejemplo tomado de: Enlace

Estructura de datos: Pila

Juan Miguel Arias Mejias — Wed, 06 Apr 2022 03:17:32 +0000

Hola! Soy yo de nuevo

En esta ocasión venimos a escribir sobre la estructura de datos pila.

La pila o "stack" del ingles, es la contra parte de la cola(te recomiendo que leas el articulo anterior), se describe así: El primer dato que entra es el último en salir o el último dato que ingresa es el primero en salir.

Lo podemos ver de esta forma. Cuando tenemos una pila de platos sucios, los apilamos, en espera de ser lavados. Cuando colocamos solamente uno, se vería de la siguiente forma:

1 - Plato sucio -

Como no hemos estado atentos a la pileta, de repente ingresan 2 platos sucios a la vez ¡Y no hemos procesado ni uno!

3 - Plato sucio - 2 - Plato sucio - 1 - Plato sucio -

Deberíamos de ponernos a ello y empezar a limpiarlos, en esta ocasión siguiendo el algoritmo de pila, el cuál nos dice que el último plato sucio que haya sido ingresado es el primero que debo de lavar. ¡Pues a trabajar!

- / - Sonidos de limpieza - / -

Listo, hemos lavado uno ¿Cómo se ve nuestra pila ahora?

2 - Plato sucio - 1 - Plato sucio -

Lavemos otro!

- / - Sonidos de limpieza - / -

¡Ufff, qué trabajo más arduo! Debería de solamente quedarnos un plato sucio pendiente, y según el algoritmo de pila, debería de quedarnos el primer plato que ingresó.

1 - Plato sucio -

Efectivamente, el plato pendiente es el primero que ingresó a la pila. Bueno, será momento de lavarlo, nadie lo hará por nosotros.

- / - Sonidos de limpieza - / -

¡Te felicito de haber llegado aquí! Has sido capaz de lavar toda la pila, vaya logro.

Por acá te dejo el vídeo tutorial de la implementación en Golang: https://www.youtube.com/watch?v=IDNc_qb5110

Además te dejo el repositorio: https://github.com/juanmiguelar/Stack-golang

Y por si fuera poco, te dejo mis redes:
https://linkr.bio/juanmiguelar

Gracias por leer
Pasa bonita vida

Estructura de datos: Cola

Juan Miguel Arias Mejias — Mon, 04 Apr 2022 01:52:48 +0000

Hola!

Hace un tiempo no escribo en este portal. Me gustaría regresar con un tema fundamental de la programación, estructuras de datos.

Las estructuras de datos son simplemente, formas diferentes de organizar los datos. Estas surgen de la necesidad de resolver problemas que son muy comunes o repetitivos en la labor del programador.

Vamos a centrarnos en la cola o "queue" del ingles.

La Cola, es una estructura de datos que se comporta de forma similar a una cola o fila en el banco, tomando en cuenta que en esta analogía, los datos son las personas, que llegan para ser atendidas.

Si la fila del banco esta vacía y llega una persona, pues lo más normal es que la primera persona que llegue sea la primera persona en ser atendida. Este es el principio fundamental de las colas. Primero que entra primero que sale. Primer dato que ingresa a la cola, primer dato que sale.

Digamos entonces, nuestra cola va a ser representada por una colección, de la siguiente forma:

[]

Si viene un dato a la cola, un dato que queremos encolar, por ejemplo un numero, se vería de la siguiente forma:

[1]

Y si este proceso se repite algunas veces:

[1, 2, 3]

Tenemos una colección de 3 ítems, que se han colado haciendo fila para ser procesados, en el momento que quiera procesar los datos, debo desencolar uno. En esta ocasión al hacerlo, debería de salir el primer dato que haya sido ingresado, de la siguiente forma:

[2, 3]

Como podemos notar, el primer dato que ingresó fue el número 1 y este ha sido el primero que ha salido. Si repetimos el proceso, quedaría de la siguiente forma nuestra cola:

[3]

De nuevo, se ve cómo es que el último que ingresó a la cola es el último en ser atendido.

Si te animas a implementar este comportamiento de cola, te animo a checar el video tutorial que he creado en Youtube.
Implementación de cola en golang

Gracias por leerme, Juan Miguel Arias Mejías

Te dejo mis redes: enlace
Pasa bonita vida.

Detectar imágenes con inteligencia artificial

Juan Miguel Arias Mejias — Sun, 23 May 2021 22:44:09 +0000

Hola, soy Juan Miguel!

Quisiera iniciar mis entradas en este blog con uno de los temas que más me atraen, la inteligencia artificial.

Les advierto, para realizar este tutorial es necesario contar con conocimientos básicos en python y github.

Iniciemos!

Primero el problema: se nos presenta un requerimiento de reconocer el contenido de un conjunto de imágenes ingresadas por un usuario.

¿Cómo podríamos hacer esto?

Pues, si somos programadores muy avanzados quizás podríamos realizar el algoritmo para reconocer el contenido de las imágenes, pero gracias a la maravillosa comunidad de desarrolladores de software, esto no es necesario. Existe ImageAI!

ImageAI

Herramienta perfecta para el reconocimiento de imágenes y por supuesto, gratis para probarla y jugar con ella. Vamos a ello!

Tengo preparado un repositorio listo! Va a ser increíblemente sencillo, créeme; Link al repo

¿Qué podremos encontrar en el repositorio?

brain.py: Archivo de python listo para probarse.
giraffe.jpg, godzilla.jpg, house.jpg: Imágenes para probar
mobilenet_v2.h5: A este archivo, quizás podríamos llamarle la inteligencia.

Cuando descarguemos este repositorio necesitamos ejecutar los siguientes comandos para poder correr el brain.py:

pip install tensorflow==2.4.0
pip install imageai --upgrade

Debemos tomar en cuenta que la inteligencia que estamos utilizando en este tutorial no es muy avanzada, pero aqui les dejo el enlace para que prueben con otras más precisas.

Les dejo un vídeo para guiarles en todo el proceso.

Un saludo!

LinkedIn
Github

Deploy en Heroku

NicolasArayaB — Thu, 13 May 2021 02:27:55 +0000

Utilizando el boilerplate react-flask-hello, realizar el deploy de tu applicación es bastante simple.

Lo primero es crear una cuenta en Heroku
Una vez tengas la cuenta, instalas heroku:

  $ npm i heroku -g

Crea la app en heroku:

  $ heroku create <your_application_name>

Agregas Python y Node.js para poder usar npm en producción:

  $ heroku buildpacks:add --index 1 heroku/python
  $ heroku buildpacks:add --index 2 heroku/nodejs

Agregas una base de datos. Para esto, puedes revisar aca cual es la opción que se adecua mejor a tus necesidades. En el caso de MySQL, puedes usar JawsDB MySQL ya que da una opción gratis de la siguiente manera:

   heroku addons:create jawsdb:kitefin

Si utilizas PostgreSQL, puedes utilizar Heroku Postrgres:

  $ heroku addons:create heroku-postgresql:hobby-dev

Si estas utilizando PostgreSQL, debes realizar un paso extra. Debido a que se genera automaticamente la 'DATABASE_URL' con el paso anterior, debemos agregar en /src/app.py, .replace("://", "ql://", 1) de esta manera:

  # database configuration
  if os.getenv("DATABASE_URL") is not None:
    app.config['SQLALCHEMY_DATABASE_URI'] = 
  os.environ.get('DATABASE_URL').replace("://", "ql://", 1)
  else:

Luego agregamos el resto de las variables del archivo .env de la siguiente forma:

  $ heroku config:set FLASK_APP_KEY="any key works"
  $ heroku config:set FLASK_APP=src/app.py
                   # Importante: En archivo .env está en 
                     development, heroku hay que setearlo para 
                     producción     ↓
  $ heroku config:set FLASK_ENV=production 
  $ heroku config:set BASENAME=/
                   # Importante: Esta variable tiene que     
                     quedar vacia   ↓
  $ heroku config:set BACKEND_URL=

Si tienes cambios pendientes, solo guarda y ya estas listo para hacer el deploy:

  $ git add .
  $ git commit -m 'deploying to heroku'
  $ git push heroku main

¿Qué es Typescript?

Manuel Ortega Carcamo — Thu, 01 Apr 2021 19:14:53 +0000

Javascript es un lenguaje que tiene un tipado débil, esto quiere decir que las variables son declaradas sin un tipo y dependiendo del valor que se asigne es el tipo de dato que asume la variable. Podemos modificar, operar y comparar los los valores entre ellos sin que tengamos que hacer una conversión previa.

En el siguiente ejemplo podemos ver como cambiamos el tipo de datos sin algún tipo de conversión:


let name = "Aprendiendo Javascript"
console.log(typeof name)
// "string"

name = 33
console.log(typeof name)
// "number"

¿Qué es typeScript?

Typescript es un lenguaje de programación que agregar nuevas funcionalidades a Javascript, esto es conocido como un superset. Un superset se escribe tomando como base otro lenguaje de programación aplicando mejoras en el lenguaje original. Por esta razón Typescript se escribió sobre javascript para agregar nuevas funcionalidades que veres más adelante.

Typescript es la solución a muchos de los problemas de JavaScript, está pensado para el desarrollo de aplicaciones robustas, implementando características en el lenguaje que nos permitan desarrollar herramientas más avanzadas para el desarrollo de aplicaciones.

Tipado estático

El tipado estático define que :

Las variables tienen un solo tipo de datos
Los valores asignados a las variables deben tener el mismo tipo que la variable.

En el siguiente ejemplo se está declarando la variable message del tipo string. El valor que asignaremos a nuestra variable debe ser del mismo tipo, por esta razón se asigna el string Conociendo TypeScript

let message: string;
message: 'Conociendo TypeScript';

Tipos de Datos en TypeScript

Las variables pueden tener diferentes tipos de valores, a continuación detallaremos como podemos definir cada tipo usando TypesCript:

Boolean: Solo acepta valores: Verdadero o Falso

let isExist:boolean =  true

String: Cualquier serie de caracteres

let message:string = "Conociendo TypeScript"

Number: Solo acepta números

let age:number = 33

null: Acepta valores indefinidos o vacíos

let isNotExist:null = null

Array: Una lista con un tipo de dato.

let arrayNumber:Array<number> = [1, 2, 3, 4]
let arrayNumber:Array<string> = ["uno", "dos", "tres", "cuatro"]

Tuplas: Acepta una lista con tipos de datos predefinidos.

let arraytupla: = [number, string, number]
arraytupla = [23, 'Hello World', true]

Void: Se utiliza para indicar que no tenemos un tipo de datos definido

let notDataType:void = undefined

Enum: Permite definir posibles valores que pueden ser asignados a la variable

enum Animals {cat, lion, dog, cow, monkey}
let c: Animals = Animals.cat;

Any: Se utiliza cuando el tipo de datos puede ser cualquiera de los anteriores

let wherever: any = 14;
wherever = "people";

Clases

Así como en cualquier otro lenguaje de programación orientado a objetos, en TypeScript las clases tienen campos, constructores, propiedades y funciones. Las clases actúan como contenedores que encapsulan código para ser consumidos de una manera más fácil.

Al definir una clase utilizamos la palabra class y cerramos con llaves {}, así como en c# y java por ejemplo y luego definimos adentro nuestros campos, constructores, propiedades y funciones.


class User {
    # fields
    private name: string;
    private lastName: string;

    # Constructor
    constructor(name: string, lastName: string){
        this.name = name;
        this.lastName = lastName;
    }

    # Properties
    get getName(): string {
        return this.name;
    }

    set setName(value : string): string {
        if(value === undefined) throw 'Ingrese un valor válido';
        this.name = value;
    }

    #Functions
    fullName(){
        return this.name + ' ' + this.lastName
    }
}

const newUser = new User('Juanin','JanJarri');
console.log('El nuevo usuario es:', newUser.fullName())

En el ejemplo anterior se define un método constructor() que recibe los parámetros name: String, lastName: String, estos parámetros son asignados a los valores internos de la clase utilizando el método this para referenciarlos.

Además las Properties nos permiten obtener y asignar datos de variables o métodos internas de la clase. En el ejemplo el método setName() permite asignar el valor recibido como parámetro a la propiedad interna llamada name. El método getName() permite obtener el valor de la propiedad interna 'name'

Las Functions nos permiten ejecutar funciones o métodos internos de las clase, en el ejemplo el metódo fullName() devuelve la unión de las propiedades internas name más lastName.

Para crear una instancia de la clase User definimos la siguiente constante const newUser = new User('Juanin','JanJarri'); En estas lineas de código se puede apreciar que al crear esta instancia se envían los parámetros 'Juanin','JanJarri' al constructor para inicializar la clase con esos valores.

Interfaces

En oportunidades llamadas firmas, es el mecanismo que usa Typescript para definir tipos en las clases. Permiten definir la estructura o el tipo de objetos más complejos.

La forma en que se utiliza una interface es muy similar a como se define una clase, pero solo se declaran atributos y métodos si su implementación.

Al igual que los tipos de variables simples, estos objetos también deberán seguir un conjunto de reglas creadas por ti. Esto puede ayudarlo a escribir código con más confianza y con menos posibilidades de error.

En el siguiente ejemplo definimos una interface llamada Lakes:

interface Lakes {
    name: string,
    area: number,
    length: number,
    depth: number,
    isFreshwater: boolean,
    countries: string[]
}

La Lakes interface contiene el tipo de cada propiedad que vamos a utilizar al crear nuestros objetos. A continuación crearemos un nuevo objeto firstLake que heredará las propiedades que tiene la interface Lakes.

let firstLake: Lakes = {
    name: 'Caspian Sea',
    length: 1199,
    depth: 1025,
    area: 371000,
    isFreshwater: false,
    countries: ['Kazakhstan', 'Russia', 'Turkmenistan', 'Azerbaijan', 'Iran']
}

Como puede ver, no importa el orden en el que asigne un valor a estas propiedades. Sin embargo, no puedes omitir un valor.
Deberás asignar un valor a cada propiedad para evitar errores al compilar el código.

De esta manera, TypeScript se asegura de que no se pierda ninguno de los valores requeridos por error.

Propiedades opcionales

A veces, es posible que necesites una propiedad solo para algunos objetos específicos.

Por ejemplo, supongamos que desea agregar una propiedad para especificar los meses en los que se congela un lago. Si agrega la propiedad directamente a la interfaz, como hemos hecho hasta ahora, obtendrá un error para otros lagos que no se congelan y por lo tanto no tienen la propiedad frozen. De manera similar, si agrega esa propiedad a los lagos que están congelados pero no en la declaración de la interfaz, aún obtendrá un error.

En tales casos, puede agregar un signo de interrogación ? después del nombre de una propiedad para establecerla como opcional en la declaración de la interfaz. De esta manera, no obtendrá un error por propiedades faltantes o propiedades desconocidas. El siguiente ejemplo se vuelve a definir la interface Lakes pero la propiedad area queda como opcional.

interface Lakes {
    name: string,
    area?: number,
    length: number,
    depth: number,
    isFreshwater: boolean,
    countries: string[]
}

Playground

Playground typeScript

Conclusión

Esta lectura presentó todos los tipos que están disponibles en TypeScript. Aprendimos cómo la asignación de un tipo diferente de valor a una variable mostrará errores en TypeScript. Esta comprobación puede ayudarlo a evitar muchos errores al trabajar en aplicaciones grande y robustas.

Instalación Python, Flask, PipEnv en Linux Ubuntu 20

Manuel Ortega Carcamo — Tue, 23 Mar 2021 16:03:48 +0000

Guía de instalación

Abrir una terminal y ejecutar los siguientes pasos:

Actualizar los paquetes disponibles y sus versiones.

sudo apt update

Instalar Python 3

sudo apt install python3-pip python3-dev build-essential libssl-dev libffi-dev python3-setuptools

Verificar la versión de Python instalada

python3 --version

Instalar pipenv

sudo apt install pipenv

Creación de mi primer API usando Flask

Crear un carpeta e ingresar en ella

mkdir miApi
cd  miApi

Crear el entorno virtual

pipenv shell

Instalar Flask

pipenv install flask

Verificar las versiones instaladas

python3 -m flask --version

Crear un archivo hello.py

touch hello.py

Pegar el siguiente código en el archivo hello.py

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello World!'

Agregar una variable de entorno con el nombre de la app

export FLASK_APP=hello.py

Ejecutar la API

flask run

Instalación Mysql en Linux Ubuntu 20

Manuel Ortega Carcamo — Tue, 23 Mar 2021 03:35:07 +0000

Guía de instalación

Abrir una terminal y ejecutar los siguientes pasos:

Actualizar los paquetes disponibles y sus versiones.

sudo apt update

Instalar Mysql

sudo apt install mysql-server

Instalar la secuencia de comandos de seguridad, esta opción agrega seguridad a la instalación de nuestra base de datos

sudo mysql_secure_installation

Output

Output
Please set the password for root here.


New password:

Re-enter new password:

Ajustar la autenticación y los privilegios de usuario

sudo mysql

SELECT user,authentication_string,plugin,host FROM mysql.user;

ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'password';

Ejecutamos este comando para indicar al servidor que vuelva a cargar la tabla de permisos y aplique sus nuevos cambios:

FLUSH PRIVILEGES;

Instalación de WorkBench

Ingresar al Link
Descargar el archivo presionando la opción Download
Presionar la opción No thanks, just start my download
Arrastrar el archivo descargado a la terminal quedando de la siguiente forma

sudo apt install '/home/student/Downloads/mysql-apt-config_0.8.16-1_all.deb'

Actualizar los paquetes disponibles y sus versiones.

sudo apt update

Instalar MySQL Workbench

sudo apt install mysql-workbench-community

Ejecutar desde la terminal MySQL Workbench

mysql-workbench

Fuente: DigitalOceans

Instalación de VCode en Linux Ubuntu

Manuel Ortega Carcamo — Tue, 23 Mar 2021 02:50:35 +0000

Guía de instalación

Abrir una terminal y ejecutar los siguientes pasos:

Actualizar los paquetes disponibles y sus versiones.

sudo apt update

Instalar Vcode

sudo apt install software-properties-common apt-transport-https wget

Importar la clave GPG de Microsoft

wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add -

Habilitar repositorios de Vcode

sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main"

Instalar Vcode

sudo apt install code

Abrir Vcode, escribiendo en la barra de búsqueda de Actividades ‘Visual Studio Code‘

Instalación de Git en Linux Ubuntu

Manuel Ortega Carcamo — Tue, 23 Mar 2021 02:27:14 +0000

Guía de instalación

Abrir una terminal y ejecutar los siguientes pasos:

Actualizar los paquetes disponibles y sus versiones.

sudo apt update

Instalar Git

sudo apt install git

Verificar la versión de Git instalada

git --version

git version 2.25.1

Clonar el boilerplate de la academia react-hello

git clone https://github.com/4GeeksAcademy/react-hello.git

cd react-hello

npm install

npm run start

Instalación Node en Linux Ubuntu 20

Manuel Ortega Carcamo — Tue, 23 Mar 2021 02:03:59 +0000

Guía de instalación

Abrir una terminal y ejecutar los siguientes pasos:

Actualizar los paquetes disponibles y sus versiones.

sudo apt update

Instalar Node.js

sudo apt install nodejs

Verificar la versión de Node.js instalada

node -v

v10.19.0

Instalar npm

sudo apt install npm

Verificar la versión de npm instalada

npm -v

6.14.4

Crear una App de Reactjs de ejemplo

npx create-react-app test

cd test

npm run start

Configurar terminal de Git Bash en Vcode

Manuel Ortega Carcamo — Sat, 06 Mar 2021 16:25:12 +0000

Para los usuarios que utilizan sistemas operativo Windows, es necesario instalar una terminal para poder utilizar los comandos que se usan en servidores Linux.

¿Qué necesito instalar?

Debemos instalar la terminal Git Bash

¿Como configurar Visual Studio Code para usar Git Bash?

Debemos seguir estos pasos:

Copiar la ruta donde se instalo Git Bash, en mi caso fue en la carpeta c:\Program Files\Git\git-bash.exe.
Abrir Visual Studio Code y en el menú superior seleccionar la opción File luego Preferences luego Settings.
Se nos desplegará una pantalla con opciones y debemos seleccionar la que dice Extensions
En la opción Explorer Kind, seleccionamos la opción external y luego pegamos la ruta donde se encuentra instalada Git-Bash, en mi caso era c:\Program Files\Git\git-bash.exe.
Luego debemos abrir una nueva terminal
Y debería verse de esta forma