Recursos para programadoras web novatas

 

He pasado horas buscando, leyendo, escuchando, y observando material gratuito. Así que, listo los recursos de desarrollo web front-end para programadoras novatas que utilizo para aprender HTML, CSS, Javascript y sus marcos de referencia como ReactJS y AngularJS.

Estaré refrescando el listado a medida que sigan surgiendo recursos útiles.

Aprende a programar la web por tu cuenta

El internet es un lugar precioso que nos provee casi toda la información que buscamos en cuestión de segundos. Eso es MUCHA información.

No todos los recursos explican las cosas de manera simple. Por lo tanto, puedes estar mucho tiempo buscando ese proveedor de cursos, revista o blogger que prepare material que tu cerebro pueda captar.

También, si tu presupuesto es pequeño, consume mucho tiempo encontrar recursos prácticos que sean gratuitos. Es más fácil encontrar material teórico gratuitos con pocos problemas prácticos.

Recursos teóricos para programadoras web novatas

  1. Si nunca haz cogido un curso en ciencias de computación, desarrollo de web, ó algoritmos en tu vida, es requerido que saques tiempo para ver, leer, o escuchar qué es , y cómo funciona un programa. El libro Learning to Program de Steven Foote (Ingeniero de Programación Superior en LinkedIn al momento de esta publicación) es excelente para romper el hielo en el mundo de la programación. Te explica desde que es un programa, como funciona, los diferentes lenguajes y sus diferencias hasta llevarte a crear tu primera extension en Chrome. Ya en el primer capitulo estas programando, siendo una buena forma de motivarte a aprender.
  2. MDN Web Docs – si los programadores tienen un diccionario de la real academia española o una biblia, este recurso sería eso. Aquí encontrarás todas las funciones, atributos, métodos, variables, familiares, los amigos, los vecinos TODO lo que tenga que ver con HTML, CSS, Javascript, HTTP,  
  3. CodeAcademy– es una plataforma de enseñanza de lenguajes de programación donde puedes crear una cuenta de forma gratuita. Al tener una cuenta gratuita, tienes acceso a los cursos básicos de los diferentes lenguajes del desarrollo web. Lo bueno de esta plataforma es que es interactiva. En la misma plataforma puedes programar el ejemplo práctico del tema, y la plataforma te detecta si tienes algún error en tu código. En lo personal, utilizo mucho esta plataforma cuando necesito refrescar conceptos básicos, específicamente ReactJS.
  4. Eloquent Javascript – libro con copia electrónica en linea con algunos ejemplos prácticos que son interactivos. Como puedes notar del título del libro, es enfocado en el lenguaje Javascript. Otra buena joya para tener marcada en tu navegador.
  5. Stack Overflow – recurso donde encontrarás un mundo de preguntas y respuestas entre desarrolladores de web.  Como autodidacta y principiante entender dónde están tus fallas en el código, y como describirlas para pedir ayuda, puede ser retador. Sin querer, este recurso me ha ayudado a entender la jerga que hay entre programadores. Me ha ayudado a poder explicar mis fallas, o bugs. Al leer que hay otras personas que ya han pasado por tu mismo problema, puedes leer como lo expresaron, y ayudaron a resolverlo.
  6. Github – Github es un repositorio en linea, y su propósito principal es controlar versiones de programación. El factor de que el repositorio es abierto, quiero decir que puedes observar los códigos de los componentes que están guardados en ese repositorio, me hace considerarlo un buenísimo recurso para aprender a leer y mantener código. Como Stack Overflow puedes observar cómo diferentes usuarios escriben su código. A diferencia de Stack Overflow, que es por medio de preguntas y respuestas, en Github puedes observar los cambios q los usuarios han echo a los códigos de sus proyectos, o cómo otros usuarios han aportado a ese proyecto.
  7. CSS Tricks – tiene muchísimos artículos que explican las diferentes maneras que puedes utilizar CSS. Tengo marcado este artículo que ellos hicieron de FlexBox. Siempre regreso a ese artículo cuando trabajo con posicionamiento de páginas.
  8. Dev.to – es una comunidad de desarrolladores de software que se ayudan mutuamente. No sólo encontrarás artículos buenísimos sobre desarrollo de web pero puedes leer sobre las experiencias de desarrolladoras(es) novatas(os), mid, ó de alto nivel, que se educaron a través de la universidad, boot camps, ó autodirigidos, y que trabajan para compañías, cuenta propia, stratups, ó agencias.
  9. Jonathan Melgoza blog – único recurso en español de la lista. El articulo que incluyo, me ayudó a entender lo que era HTML, CSS, Javascript, y PHP pues fue de los primeros artículos personales que leí cuando empecé este cambio de carrera. 
  10. Ladybug Podcast – Un podcast que se enfoca en diferentes temas como desarrollo web, desarrollo personal y consejos de carrera.

Recursos prácticos para programadoras web novatas

  1. Wes Bos – Wes sí que es un USTED Y TENGA explicando Javascript. Durante su reto de 30 días, Javascript360 fue donde tuve mi momento de: “ahhhhh ya entiendoooooo”. Cuando terminé de practicar con su reto me sentí mucho mas confiada en seguir aprendiendo por mi cuenta. Javascript360 consiste en escribir el código de 30 diferentes componentes de una pagina web en 30 días. Wes incluye videos de cómo se lleva a cabo el proceso, mientras explica porque escribe ese código, todo de forma gratuita.
  2. Zell Liew –  Me subscribí al listado de correo electrónico de Zell Liew porque la descripción de su curso Learn Javascript resonó conmigo. Sentía como si estuviera hablando con un amigo que por fin entendía mi posición. Muchos de los blog posts que hay no explican la cosas de tal forma que cualquier persona pueda entender. Muchas veces se asume que el lector tiene un cierto conocimiento, o grado, y pues, no todos estamos en esa posición. Zell explica para todos.  Aunque no me he subscrito a su curso, este ejemplo práctico me demostró su habilidad de explicar conceptos en palabras simples.
  3. freeCodeCamp – es una organización sin fines de lucro que proveen artículos sencillos sobre desarrollo web. Tienen currículos establecido para todo lo que necesites saber, y practicar, para ser desarrolladorx de software. También ellos refieren a recursos prácticos. Excelente para personas que no han escrito una línea de código.

La consistencia es todo

Espero que esta lista te ayude a echar un pié adelante en el proceso de aprender a programar front-end por tu cuenta. Aprender a programar conlleva mucha lectura y práctica. Si eres consistente, irás de programadora web novata a experta en menos tiempo.

Practica con un proyecto pequeño luego de revisar los recursos listados. Un ejemplo de un proyecto puede ser el re-crear el diseño y funcionalidad de una página web. Puedes crear tú portafolio desde cero. Tienes que practicar, practicar, practicar… No puedo dejar de mencionar lo importante que es practicar para aprender.

Pero, tampoco te desesperes. Todos hemos pasado por esa frustración cuando la computadora no hace lo que quieres que haga. Pero ese momento cuando funciona, es muy satisfactorio. Más satisfactorio aún cuando te das cuenta que puedes crear por tu cuenta, aprendiendo por tu cuenta… te lo aseguro.

¡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!

Punto aparte – Un listado de reproducción para ti

Este post fue escrito mientras escuchaba el nuevo álbum de Karen O and Danger Mouse llamado Lux Prima. Karen O es la cantante principal de la banda Yeah Yeah Yeahs que también recomiendo escuchar. Tuve ese álbum en repetición todo el día. Recomiendo este álbum si tu estado anímico es de escuchar algo suave pero optimista.

¿Tienes algún recurso en español ó inglés que te ha ayudado y no lo ves listado aquí? ¿Me lo puedes recomendar?

2 thoughts on “Recursos para programadoras web novatas

Leave a Reply

Your email address will not be published. Required fields are marked *