Volvemos con #TrazosTeam, la sección del blog donde nuestros profesores te dan sus trucos para realizar proyectos de cada una de las áreas que impartimos en la Escuela. Hoy os traemos a Eduardo Fierro, profesor del área de desarrollo web.
A pesar de su juventud, Eduardo Fierro cuenta con una larga trayectoria en desarrollo web con experiencia en varias agencias de publicidad como La Oveja Negra, Sheldon Madrid e Yslandia. Además, es el fundador de proyectos como Ganas de Malasaña, Les Arts d’Avant Garde, Skateparadise y es colaborador de El Subrayador Fosforito.
Si quieres aprender un aspecto de desarrollo web de una forma distinta y divertida, no te pierdas el siguiente post.
EL BLOQUEO DEL PROGRAMADOR
¡Qué pasa crucks! Hoy vamos a hablar sobre un tema bastante recurrente en cualquier persona que comience a estudiar programación (como JS) o ya se encuentre programando.
Vamos a hablar de los tipos de bloqueo al programar y trucos sobre cómo os podéis desbloquear.
Escribo desde mi experiencia de programar de forma profesional desde hace 9 años, de compañeras y compañeros con quienes he trabajado y también sobre la experiencia que veo en los alumnos que van pasando en los Másteres de maquetación y programación que imparto.
En todo este pequeño artículo vamos a hablar tanto para CSS y JS, pero podría valer para cualquier lenguaje de programación.
¿Qué definimos como bloqueo?
Vamos a definir un bloqueo: cuando nos encontramos maquetando o programando y lo que creemos que debería de aparecer o ejecutarse no lo hace. Probamos diferentes propiedades en CSS o funciones en Javascript y sigue sin funcionar.
Ese momento donde nuestra mente nos dice: ‘Busca en Google’. Eso, es un bloqueo.
Los 4 tipos de bloqueo
Teniendo en cuenta que cuando maquetamos o programando muchas veces estaremos bloqueados o no sabremos cómo hacer algo (sea en el lenguaje que sea) tenemos que tener herramientas para poder buscar la solución y aquí voy a definir cuatro tipos de bloqueos y los trucos que mejor suelen funcionar.
1er. Bloqueo: ¿Qué estaba haciendo?
Este tipo de bloqueo suele ocurrir cuando comenzamos a aprender sobre maquetación y programación. Y hay un momento donde nos olvidamos de todos y nos hacemos la pregunta: ¿Qué estaba haciendo?
Los trucos para este bloqueo son sencillos: Si estás maquetando, primero para unos segundos, coge perspectiva y revisa el diseño en Photoshop que te han pasado para ver dónde te has quedado y cuál sería la siguiente parte para maquetar.
Otro truco que puedes usar por ejemplo en Javascript es hacer Control + Z / CMD + Z en el editor para ver qué instrucciones estabas escribiendo y en qué momento has perdido ese flujo de trabajo en tu código. Recuerda que siempre puedes volver con Control + Shift + Z / CMD + Shift + Z.
2º bloqueo: Conoce la teoría de esa herramienta
Esta parte es esencial, muchas veces nos bloqueamos porque tenemos que usar una herramienta como por ejemplo: los position en CSS o usar un bucle for en Javascript.
En este bloqueo tenemos que comprender y saber bien la teoría de lo que estamos usando. Es decir debemos de conocer la teoría al 100%, si no tenemos buenos apuntes siempre podemos buscar la teoría en las páginas de W3School y Mozilla web Docs.
Después de aprendernos a nivel teórico como funciona deberíamos de hacer los pequeños ejercicios que ya trabajamos en su día o que vienen en este tipo de páginas para conocer bien cómo funciona esa herramienta que queremos usar.
Otro truco que podemos aplicar es seguir un patrón al maquetar/programar.
Por ejemplo en CSS puedes escribir las propiedades en el mismo orden:
· Width, height, background-color[Miras dónde y cómo está la etiqueta en el navegador] · Aplicas las propiedades de display, flex-flow, justify-content y align-items[Miras dónde y cómo está la etiqueta en el navegador] · Aplicas margin, padding, border
Si siempre sigues los mismos pasos, es decir si te creas tu propio patrón de trabajo seguramente el número de errores y el número de bloqueos disminuirán.
3er bloqueo: Fallo en la analogía mental
Teniendo en cuenta que ya hemos revisado la teoría y la podemos hasta recitar de memoria tenemos que conocer cómo y cuándo usarlo.
Aunque pueden existir trucos a nivel teórico, generalmente este bloqueo surge cuando aunque la teoría la tengamos clara, necesitamos practicar y comprender en qué momento usamos esa herramienta.
Voy a poner de ejemplo Javascript: con un bucle for/foreach podemos recorrer los valores un array. Si cuando recibimos un array de JSON con información al llamar a una API, podemos usar ese bucle for/foreach para recorrer ese array de JSON.
Si esta analogía no está bien cimentada, o no la has practicado tanto es posible que te cueste ver cómo y cuándo usar esa herramienta.
El truco en este punto es volver a repasar los ejercicios antiguos o si te encuentras estudiando con algún profesor que el profesor te escriba diferentes ejercicios hasta que consigas hacer esa analogía y comprendas al 100% la herramienta.
4º bloqueo: Camino equivocado
Si sabes lo que estás haciendo, comprendes la propiedad/herramienta que estás usando e incluso sabes que en ese punto tienes que usar esa herramienta pero has probado diferentes opciones y ninguna funciona, es posible que no sea el camino correcto.
En este punto hay varios trucos pero el que más suele funcionar suele ser comenzar de nuevo, buscar en internet formas diferentes de hacerlo.
Otros suelen ser: descansa unos minutos y date una vuelta o habla con alguna compañera/o que pueda ayudarte a buscar una solución.
Trucos para desbloquearse de forma general
- Buscar en Google (mejor si es en inglés).
- Escucha música que te guste y te ayude a motivarte/concentrarte.
- Intenta hacerle entender a alguna persona que no sepa nada sobre maquetación/programación qué estás haciendo. De esta forma tendrás que organizar en tu cabeza cada paso y te ayudará a comprender mejor lo que estás haciendo.
- Darse una vuelta y desconectar unos minutos.
- Preguntar a alguna compañera o compañero de trabajo qué podría hacer.
- Buscar de nuevo en Google (en inglés, hazme caso).
- Ir a dormir y probar al día siguiente (y parece mentira pero suele funcionar cuando menos lo esperamos).
¡Espero que os haya servido y hasta la próxima!
Visita nuestros cursos del área de desarrollo web e inicia el camino a tu futuro profesional.
