Practicar la resolución de problemas para desarrollo web sin código

Si quieres cambiar de carrera a desarrollo web, probablemente haz buscado entender cuales son las habilidades blandas que requieres. En Google encontrarás que resolución de problemas es una de las habilidades blandas requeridas en programación. Tomemos tres tareas del día a día como ejercicios que te ayudarán a practicar la resolución de problemas para desarrollo web sin código.

La resolución de problemas puede ser una habilidad que te recuerde a los exámenes de estandarizados de la escuela superior. Si estas dudosa (o) de comenzar tu carrera programando la web porque te trae recuerdos de esos exámenes, debes de parar con esos pensamientos. La gran mayoría de los problemas que enfrentarás no son similares a los de un examen.

También, puedes dejar el “miedo en la gaveta” en cuanto a no tener la contestación correcta. Una programadora no escribe código correcto. Cuando me refiero a código correcto es que, como la matemática, solamente tienes un sólo resultado. Dado a que los problemas se pueden resolver de múltiples formas, una programadora escribe el mejor código que puede escribir.

Los problemas de programación se resuelven con practica

Los problemas que vas a encontrar en el mundo del desarrollo web require imaginación y mapas mentales porque los procesos computacionales son abstractos. Por lo tanto, mientras mas practicas escribir programación, más te familiarizas con los procesos. También, practicar te prepara a entender el código. Así, cuando llegue un problema te sentirás lista para enfrentarlo.

Pero no necesitas escribir código para empezar a agudizar tu habilidad de resolver de problemas para propósitos de desarrollo web. Dado a que la computadora sigue una lista de instrucciones, resolver problemas se mueve alrededor de entender los pasos de cada instrucción. Mantén esta metodología en mente cuando comiences a escribir código. Verás cuan mas fácil será detectar y resolver alguna falla.

Los ejercicios para practicar la resolución de problemas sin escribir código son:

1. Paso: Muebles que construyes tu misma y recetas de comida
2. Segmentar: Orden de operaciones matemáticas
3. Inicio de sesión de usuario

Paso: Muebles que construyes tu misma y recetas de comida

Escribir, leer, y seguir instrucciones para construir un mueble ó preparar una receta de comida, son ejemplos para la resolución de problemas sin escribir código. Son buenos ejercicios que demuestran la importancia de ir paso a paso por los procesos para obtener los resultados deseados.

Estas actividades requieren que las instrucciones estén lo suficientemente detalladas como para que otra persona, o uno misma (o) pueda seguirlas en futuras ocasiones. Así que si eres la persona que lee o escribe las instrucciones es esencial entender el orden de ensamblar partes, o preparar la comida para entender problemas futuros.

Digamos que monté una silla, y esa silla tiene un sonido “squeaky”, ó cociné un mofongo relleno de pollo que no sabe a lo que esperaba. Si quisiera entender en donde fallé para que no vuelva a ocurrir, comenzaría por releer desde el principio las instrucciones para corroborar que hice en cada paso.

Lo mismo ocurre cuando estas programando. Aunque parezca que sea más largo el proceso, ir línea por línea del código que escribiste cuando buscas la causa del fallo te ayudará a resolver el problema mas rápidamente.

Una vez encuentras la causa del fallo, queda en la combinación de tu creatividad y entendimiento de esas instrucciones para lograr un resultado para que te ayude a crear multiples soluciones.

Segmentar: Orden de operaciones matemáticas

Las operaciones matemáticas son otra forma de ejercitar el cerebro para la resolución de problemas de programación web sin escribir código. Vamos a recordar brevemente cual es el orden de operaciones matemáticas. Estos son un conjunto de reglas que deciden cuál método (suma, resta, etc) se resuelve primero al momento de evaluar una ecuación. Las ecuaciones se resuelven en el siguiente orden:

1. Paréntesis
2. Exponentes y raíces
3. Multiplicación y división
4. Suma y resta

Si tenemos una ecuación como la siguiente:

(3 * 4) + (2 * 6) 

Siguiendo el orden antes mencionado, resolver la ecuación seria así:

(3 * 4) = 12 // Primer paso - Resolver primer paréntesis
(2 * 6) = 12 // Segundo paso - Resolver segundo paréntesis
12 + 12 = 24 // Tercer paso - Sumar resultados de los primeros 2 
             //  pasos

Observa como este método de resolver el problema, require de desestructurar la ecuación (3 * 4) + (2 * 6) . Aisla cada segmento en (3 * 4), (2 * 6) y (12 + 12). Luego resuelve cada segmento entre paréntesis, y finalmente resolver la operación entre segmentos.

No sólo los lenguajes de programación siguen el orden de operación matemáticas, sino que casi todos los problemas que tienen que ver con código se puede segmentar o aislar en problemas mas pequeños.

Cada vez que me recuerdo a mi misma que debo de tratar de segmentar aun más el problema que trato de resolver mientras escribo código, siento que llego más rápido a ese momento de ahá.

Inicio de sesión de usuario

Vamos a lo que vinimos,
¡Ir a través de un problema de desarrollo web sin tener que codificar!

En el artículo Aprende a programar: Bajando el pedestal de programación, describí de una manera generalizada el proceso de crear una cuenta de usuario.

Por cuestiones de seguir el próximo ejemplo, vamos a asumir que sabes crear una cuenta de usuario en línea, y ahora quieres acceder a tu cuenta. Pero, ¡oh, oh! No puedes acceder y no hay un mensaje que refleje el error.

Podemos utilizar las técnicas de ir paso a paso y segmentar como describí anteriormente para investigar cuál puede ser el problema, además de crear posibles soluciones.

¿Cuáles son los pasos que usualmente sigues para acceder a tu cuenta?

1. Localizar la sección de inicio de sesión.
2. Escriba nombre de usuario y contraseña.
3. Haz click en el botón de Enviar.
4. Esperar a que la página web muestre el perfil de la cuenta.

De esos pasos, ¿hay alguno que pueda segmentarse aún más?

Definitivamente puedes segmentar el segundo paso en dos pasos individuales:

1. Escriba nombre de usuario.
2. Escriba contraseña.

También puedes segmentar el tercer paso en:

1. Haz click en el botón de Enviar.
2. Botón de Enviar llama función.
3. La función valida la data.
4. La función envia data a la base de datos.

Así que comencemos nuevamente a ir paso por paso por el proceso de iniciar una sesión:

1. Localizar la sección de inicio de sesión.
2. Escriba nombre de usuario.
3. Escriba contraseña.
4. Haz click en el botón de Enviar.
5. Botón de Enviar llama función.
6. Función valida la data.
7. La función envia data a la base de datos.
8. Esperar a que la página web muestre el perfil de la cuenta.

¡Bien! Ahora el proceso parece como si fuera a tomar mas tiempo. Pero recuerda que mientras mas detallado estén los pasos, con más facilidad podrás hallar posibles errores.

Ahora, hagamos la suposición de que esta página web en particular tiene unos requerimientos de caracteres para el nombre de usuario. También supongamos que luego de leer los requerimientos de caracteres, recordaste que la contraseña que enviaste anteriormente era una incorrecta. Luego de corregir la contraseña, la función valida la información y obtienes acceso a tu cuenta de usuario.

Reconozco que el ejemplo tiene muchas suposiciones. El punto es cuando llegue un problema, siempre verifica los pasos que llevaste a cabo, y luego trata de segmentar aún mas alguno de esos pasos.

Practica estas técnicas con tus actividades diarias. Así, cuando empieces a escribir código, escribir programas y depurar vendrá fácilmente porque entrenaste a tu cerebro a ir paso a paso y segmentar.

¡Gracias por leer!

Puedes obtener notificaciones de nuevos artículos directamente a tu buzón electrónico registrándote en el siguiente enlace. 

Artículos relacionados

Los siguientes artículos de CTRL-Y están relacionados a este escrito. ¡Deberías de echarles un vistazo!

• Pruebas al API con Mocha
• Aprende a programar: Bajando el pedestal de programación
• Recursos para programadoras de web novatas
• Filtrando con GraphQL y Prisma: Que NO hacer
• Oficina en casa noctámbula
• Las partes generales del lenguaje de programación
• ¿Qué es el motor de renderizado?
• Una mañana en el terminal Mac de una desarrolladora de front-end
• Ingeniería industrial y Desarrollo web

Punto aparte – Una lista de reproducción para ti

Este post lo escribí mientras escuchaba el nuevo album de Chemical Brothers No Geography. He escuchado este album tantas veces desde que salió que puedo escribir sobre mis pensamientos mientras lo escucho. De lo contrario, se me haría difícil de ignorar la música y estaría haciendo videos musicales mentales.

¿Qué opinas de estas técnicas? Sabes de otras técnicas que puedas aplicar para resolver problemas de desarrollo web siun tener que escribir código? ¡Comenta!