Herramientas Gratuitas Para Aprender JavaScript

Así que ha llegado el día y tú quieres, necesitas o tienes que aprender JavaScript. 

Afortunadamente para ti, hemos recopilado y revisado algunos de los recursos más populares para que puedas poner en marcha tus habilidades de JavaScript. ¿Y mencionamos que todos estos recursos son gratuitos?

Nuestra mejor elección:

El Tutorial Moderno de JavaScript

Lo mejor en una pizca:

Programación de JavaScript – Curso completo

Bueno para principiantes:

JavaScript – Secuencias de comandos dinámicas del lado del cliente

Antes de comenzar:

Si bien estos cursos son un excelente lugar para comenzar a aprender JavaScript, asumen que uno tiene los fundamentos de programación y conocimientos en CSS y HTML.

Si eres un principiante absoluto en programación, considera comenzar con algunos recursos fundamentales, como el curso Learn Programming o “Getting Started With the Web” de MDN Docs. Scrimba también ofrece un curso intensivo de CSS y HTML para aquellos que son nuevos en el desarrollo web. 

Para tus necesidades de edición de código, te recomendamos un IDE o editor de código. Si no puedes decidirse por un IDE, eche un vistazo a nuestra lista de los mejores para 2021. Pero mientras tenga una computadora y la motivación para abordar el lenguaje omnipresente del desarrollo web, ya está un paso adelante.

El Lineamiento:

Programación de JavaScript – Curso completo

El curso de JavaScript  de 7 horas de Harald Borgen ya está disponible en Youtube de forma gratuita. Puedes elegir ver el video y seguirlo, o también unirte al curso interactivo de introducción a Scrimba. Este curso incluye tutoriales en profundidad y más de cien ejercicios diferentes.

Ventajas:

• Borgen toma cada lección lentamente y es un ponente agradable
• Uno de los cursos más compactos de esta lista
• Se ha actualizado a junio de 2021
• Seguir el curso en Youtube no requiere crearse una cuenta 
• El video tiene subtítulos en inglés
• Los ejercicios se enfocan más en el aprendizaje conceptos a través de la creación, en lugar de estudiar conceptos aislados

Contras:

• El video puede ser abrumador de navegar, incluso con las marcas de tiempo
• El curso solo se ofrece en inglés
• Scrimba, la plataforma interactiva para el curso, solo ofrece cursos para principiantes gratis
• No hay muchas referencias escritas para consultar o estudiar 
• El curso de Youtube no registra el progreso o los hitos, por lo que puede ser difícil mantenerse motivado

JavaScript – Secuencias de Comandos Dinámicas del Lado del Cliente

El curso de JavaScript de MDN Web Docs está organizado y es sencillo. Cubre ambos fundamentos de JavaScript y conceptos más avanzados. A diferencia de otros cursos en esta lista, se enfoca en los problemas prácticos que vienen con el desarrollo web y cómo manejarlos cuando se usa JavaScript. Y como una ventaja adicional, la interfaz es muy limpia y sin distracciones.

Ventajas:

• Una guía altamente completa, con múltiples secciones del curso que te brindan una base sólida en JavaScript.
• Estructurado, comenzando con los fundamentos absolutos y las aplicaciones básicas.
• Va más allá de otros cursos al explicar también habilidades prácticas, como el manejo de datos de usuario, accesibilidad y pruebas.
• Disponible en 10 idiomas diferentes
• Su formato escrito con ejemplos hace que sea fácil de seguir a su propio ritmo
• Rutas de aprendizaje claras, esquemas e hitos
• Puede copiar y pegar fácilmente los ejercicios en su editor de código

Contras:

• Su texto simple y diseño de ejemplo pueden ser menores atractivo que otros formatos o interfaces
• No hay una función de ejercicio integrada en el sitio web, por lo que carece de la retroalimentación que tienen otras plataformas con ejercicios incorporados
• No incluye una versión descargable para usar sin conexión
• Puede ser un poco denso a veces

El Tutorial Moderno de JavaScript

The Modern JavaScript Tutorial a menudo se considera uno de los mejores recursos que existen. Al igual que otros tutoriales, puede seguir el orden, pero cada sección también se puede buscar fácilmente, por lo que puede omitir o buscar un concepto específico para revisar. Es una herramienta poderosa para construir una base sólida en JavaScript, llenar cualquier vacío de conocimiento o simplemente mejorar sus habilidades. 

Ventajas:

• Estructurado para que puedas elegir las secciones en las que deseas concentrarte
• Puedes comprar un pdf o epub del curso para consultarlo fácilmente sin conexión
• Incluye tutoriales básicos y más avanzados.
• Hay ejercicios interactivos en Plunker.
• Disponible en 10 idiomas diferentes y acepta traducciones comunitarias de nuevos idiomas
• De código abierto, actualizado con regularidad y que responde a las sugerencias de la comunidad

Contras:

• Hay actividades, pero tienes que salir de la página para trabajar en ellas, lo que puede perturbar el flujo de trabajo para algunos
• El curso puede ser un poco complicado para los principiantes, pasa rápidamente por muchos conceptos
• Algunos lenguajes aún están en progreso y tienen menos contenido

Tutorial de JavaScript (w3schools.com)

El tutorial de JavaScript de w3 School es un torbellino por no decir más. Su misión es enseñarte JavaScript de manera eficiente, y su plan de lecciones lineal y claro hace precisamente eso. Sus lecciones son muy compactas y sus explicaciones pueden parecer escasas, pero lo compensa con su amplio uso de ejemplos y ejercicios. Este curso es una gran base para alguien que está listo para comenzar un curso de JavaScript y aprender más haciendo que leyendo.

Ventajas:

• Su simplicidad y presentación compacta prioriza la eficiencia del aprendizaje por encima de todo lo demás
• Curso sencillo que cualquier persona con experiencia en programación puede trabajar rápidamente, especialmente bueno para las personas que prefieren menos lectura y más ejercicios.
• Cada lección tiene ejercicios interactivos en los que puedes trabajar y recibir retroalimentación en el editor de código de su sitio web
• Tiene un estilo de enseñanza más orientado a los ejemplos, para aquellos que prefieren ver el código en lugar de verlo explicado (los ejemplos también pueden cambiarse a código oscuro)

Contras:

• Hay algunos anuncios que distraen en la página 
• Las explicaciones y la información son un poco esqueléticas en algunos lugares 
• Se centra en conceptos individuales y menos en aplicaciones de panorama completo, lo que hace que cada lección sea un tanto aislada
• Los tutoriales se pueden “traducir” a otros idiomas ー con el traductor de Google
• No es tan amigable para principiantes como algunos de los otros tutoriales de esta lista
• No hay versión fuera de línea

Aprende JavaScript

El curso de JavaScript en línea de Jad Joubran es uno de los cursos más ricos en funciones de esta lista. Ofrece proyectos completos e interactivos, tarjetas, funciones para tomar notas, funciones móviles y más. Si bien este curso puede no tener la misma flexibilidad que los demás, brinda a los alumnos una dirección clara de estudio, por lo que no tienen que sentirse abrumados por dónde empezar. 

Ventajas:

• Un formato muy atractivo que ayuda a mantener motivados a los alumnos
• El acceso completo al curso ofrece lecciones de principiante a avanzado
• Incluye tarjetas y otras herramientas para estudiar y revisar
• Organizado y enfocado: te obliga a tomar las cosas paso a paso para que no sea abrumador

Contras:

• Puedes hacer 1 lección gratis, pero luego tienes que crear una cuenta con github para acceder al resto de las lecciones gratuitas y las flashcards
• Los capítulos 1-7 son gratis, y luego tienes que pagar por 5 años de acceso al curso completo
• No diseñado para saltar; tienes que completar las lecciones y ejercicios en orden, y tienes que completar los ejercicios para ir más allá.

Comenzando tu viaje de JavaScript

Independientemente de las herramientas que decidas usar, la parte más importante es comenzar y encontrar el tutorial que funcione mejor para ti. Después de todo, es difícil terminar el tutorial si sientes que trabajar en él es solo una batalla cuesta arriba. Esperamos que esta lista te brinde un buen comienzo, pero no dudes en comparar precios para encontrar la que mejor se adapte a sus necesidades. ¡Mucha suerte para dar el siguiente paso en tu viaje de programación!