Comience a aprender JavaScript: por qué debería y cómo hacerlo gratis

¿Quieres empezar a aprender JavaScript pero no sabes cómo o por dónde empezar? En esta publicación, le brindaremos la orientación que necesita para comenzar a educarse en el popular lenguaje de programación.

Hablaremos sobre por qué podría considerar aprender JavaScript tanto en términos de dificultad como de perspectivas de carrera. Después de eso, la publicación cubrirá cómo puede comenzar, a menudo de forma gratuita. Cuando haya terminado, queremos que tenga una buena comprensión de cómo comenzar a aprender JavaScript desde cero por su cuenta.

¿Qué es JavaScript y por qué aprenderlo?

Antes de entrar en cómo puede comenzar a educarse en JavaScript, hablemos de las razones para hacerlo. Para eso, es útil saber para qué puedes usar el lenguaje de programación.

Aplicaciones para JavaScript

Primero hablemos del diseño web. Cuando se trata de crear sitios web, JavaScript es la parte que los hace interactivos. Mientras que HTML proporciona el esqueleto y el contenido y CSS define el diseño y el diseño de un sitio, JavaScript está ahí para agregar funcionalidad y comportamiento. Puede encontrarlo más comúnmente como parte de menús desplegables, ventanas emergentes y otros modales, formularios de contacto, animaciones y mapas interactivos.

Al igual que HTML y CSS, JavaScript también es algo que todos los navegadores pueden comprender y procesar.

En WordPress, también, estamos viendo una mayor aplicación de JavaScript. Calypso, la aplicación de escritorio para WordPress.com, está completamente basada en JavaScript, específicamente en React y Node.js.

El editor Gutenberg, que reemplazó al editor clásico de WordPress como interfaz de escritura predeterminada en 2018, también utiliza JavaScript como tecnología principal.

Si bien originalmente era un lenguaje del lado del cliente (lo que significa que se interpreta y procesa en el navegador del usuario), gracias a Node.js ahora también puede ejecutarse en el lado del servidor. Además, React Native e Iconic lo llevaron a dispositivos móviles, Electron a computadoras de escritorio.

En consecuencia, la aplicación de JavaScript va mucho más allá de la web. Puede usarlo para crear aplicaciones web y productos back-end, ejecutar televisores inteligentes, dispositivos de Internet de las cosas y aplicaciones móviles nativas. Además, debido a que es compatible con varias plataformas, puede impulsar aplicaciones de escritorio que funcionan en todas partes.

Ventajas y desventajas de JavaScript

Además de saber para qué puede usar JavaScript, también ayuda examinar sus ventajas y desventajas.

Profesionales de JavaScript

Comencemos con las ventajas de JavaScript como lenguaje de programación:

• Versatilidad : ya mencionamos las innumerables áreas de aplicación de JavaScript anteriormente. Desde sitios web, aplicaciones móviles y de escritorio, hasta dispositivos y juegos inteligentes, incluso aprendizaje automático: hay muy pocas cosas para las que no pueda usarlo. JavaScript también es adecuado tanto para el front-end como para el back-end y funciona bien con otros lenguajes de programación. En resumen, JavaScript es una fuente inagotable de versatilidad.
• Facilidad de uso para principiantes : la sintaxis de JavaScript es fácil de aprender. Tampoco es necesario crear un entorno de desarrollo, simplemente puede comenzar a codificar en su navegador. Además, el idioma tiene una gran comunidad en línea de asesoramiento y apoyo. Además, JavaScript es excelente para aprender conceptos básicos (por ejemplo, programación orientada a objetos) que también se aplican a otros lenguajes. Finalmente, hay muchos marcos que pueden darte una ventaja.
• Velocidad : en comparación con otros lenguajes de programación, especialmente aquellos que se ejecutan en el lado del servidor como PHP, JavaScript generalmente se ejecuta más rápido. No es de extrañar, ya que puede ejecutarse directamente en el navegador sin necesidad de compilar o responder a un servidor (a menos que necesite recursos externos). También da como resultado una demanda reducida en el servidor. Por lo tanto, a menudo es la opción para aplicaciones o sitios con mucha interactividad.

Contras de JavaScript

¿Tiene JavaScript alguna desventaja? Por supuesto, pocas cosas son completamente sin inconvenientes. En este caso, esto es lo que debe pensar:

• Preocupaciones de seguridad : debido a que JavaScript se ejecuta dentro del navegador del usuario, es posible explotarlo con intenciones maliciosas. Es por eso que algunas personas optan por desactivarlo en su navegador de forma predeterminada.
• Compatibilidad entre navegadores : a diferencia de los scripts del lado del servidor, a veces, diferentes navegadores interpretan el mismo código JavaScript de manera diferente. Esto puede dificultar la escritura de código que sea compatible con varios navegadores.
• SEO : no está del todo claro qué tan bien los motores de búsqueda pueden rastrear JavaScript, por lo que presenta un problema potencial de SEO. En cualquier caso, debe aprender a implementar JavaScript de una manera compatible con SEO.

Perspectivas de carrera

En los últimos años, el lenguaje de programación se ha vuelto cada vez más popular. En la encuesta de desarrolladores de Stack Overflow de 2021, fue votado como el lenguaje de programación más popular entre los desarrolladores profesionales. ¡Por noveno año consecutivo!

Además, los 5 marcos web principales también son todos marcos de JavaScript.

A medida que el idioma se traslada a nuevas áreas, abre más y más oportunidades de trabajo. Devskiller descubrió que en 2019, el 72 % de todas las empresas buscaban desarrolladores de JavaScript. El lenguaje de programación es también la habilidad más comúnmente evaluada en las entrevistas.

Si desea ser un desarrollador front-end de pila completa, conocer JavaScript es bastante normal para el curso. Además, si desea ingresar al desarrollo de juegos, el aprendizaje automático o la inteligencia artificial, conocer JavaScript también es útil.

Además, las personas con conocimientos de JavaScript pueden obtener buenos salarios. Según Indeed.com, el salario base promedio de un desarrollador de JavaScript en los Estados Unidos es de $111,278 por año. Incluso los principiantes pueden esperar comenzar en $ 90,000.

Además, cuando busca JavaScript en LinkedIn, muestra más de 400 000 ofertas de trabajo solo en los Estados Unidos. Entonces, con las habilidades de JavaScript en su haber, se enfrenta a buenas oportunidades laborales y bien pagadas.

¿Es JavaScript fácil de aprender para principiantes?

Más arriba, mencionamos que una de las ventajas de JavaScript es que es fácil de aprender. Para mostrarle que eso es cierto, ahora repasaremos algunos conceptos y códigos básicos de JavaScript. De esa manera, usted puede formarse una opinión por sí mismo.

Comentarios

Primero hablemos de los comentarios. Como la mayoría de los lenguajes de programación, JavaScript le permite comentar su código y marcar comentarios de manera que el navegador no intente ejecutarlos. De esa manera, puede documentar su trabajo sin causar un error.

JavaScript conoce dos tipos de comentarios: de una sola línea y de varias líneas. He aquí cómo escribirlos:

 // Nothing in this line will be executed /* Neither Will Any of This */

Quienes estén familiarizados con PHP se sentirán como en casa, ya que los dos idiomas marcan los comentarios de la misma manera.

Salida de datos

Una de las formas más sencillas de probar JavaScript es usar alert() . Puede emplearlo para generar un mensaje en una ventana emergente dentro de su navegador.

Para obtener lo anterior, simplemente abra la consola en las herramientas de desarrollo de su navegador y pegue el siguiente código:

 alert("With JavaScript, it's really easy to make this box appear.");

Bastante fácil de entender, ¿verdad? Cuando ahora presiona enter, debería ver el mismo mensaje que el anterior.

alert() es un método de JavaScript para enviar datos al usuario. La cadena (que significa texto) dentro de los corchetes es el contenido de la ventana emergente. Necesita un punto y coma al final para indicar que la línea de código está completa.

Con este conocimiento, ya es posible probarlo por ti mismo. Simplemente cambie la cadena dentro de los corchetes (asegúrese de ponerla entre comillas) a lo que quiera para crear su propia ventana emergente.

Manipulando el DOM

En el diseño web, con mayor frecuencia usa JavaScript para realizar cambios en la interfaz de usuario o DOM. DOM significa "Modelo de objeto de documento" y es básicamente el árbol de elementos HTML que componen una página web. Puede verlo cuando inspecciona cualquier página con las herramientas de desarrollo.

JavaScript ofrece muchas opciones diferentes para realizar cambios en él. Repasemos un ejemplo para mostrar cómo puede hacerlo y cómo se ve.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

Arriba, hemos creado una página HTML simple. Como puede ver, tiene un encabezado y un elemento de párrafo vacío con una ID de target (si no sabe acerca de las clases e ID de HTML, puede obtener más información aquí).

También hay un script de JavaScript en la parte inferior. Ha sido envuelto en etiquetas <script> para que los navegadores lo reconozcan. Para entender lo que hace, vamos a desmontarlo:

• document — Accede al objeto del documento, que es la página web.
• getElementByID("target") — Encuentra un elemento según su ID. El paréntesis contiene el ID que debe buscarse entre comillas.
• innerHTML — Cambia el HTML interno de un elemento.

Cuando los junta, el script básicamente busca en la página web un elemento que tenga una ID de target y lo agrega a su HTML interno. Lo que debe incluir en ese lugar se encuentra detrás del signo igual dentro de las comillas dobles. Como consecuencia, cuando accede a un archivo con el código anterior en un navegador, ve esto:

No es tan difícil de entender, ¿verdad? Con suerte, lo anterior le ha dado una idea rápida de cómo funciona la sintaxis de JavaScript. Puede encontrar más consejos básicos en esta hoja de trucos de JavaScript.

¿Qué pasa con los marcos?

Algo sobre lo que comenzará a escuchar mucho cuando comience a aprender JavaScript son los marcos. Si no está familiarizado con este término, los marcos son básicamente colecciones de bibliotecas de código. Contienen características y elementos comunes de páginas web, aplicaciones o cualquier otra cosa a la que estén destinadas. Esto le permite crear y usar estos elementos y funciones sin tener que escribirlos desde cero.

Entonces, si los marcos de JavaScript hacen la vida mucho más fácil, ¿no debería comenzar a usarlos de inmediato?

Eso es en realidad parte de un acalorado debate entre los desarrolladores. Algunos dicen que debería aprender JavaScript vainilla (que significa simple) antes de los marcos. Otros opinan que debe comenzar con los marcos de inmediato para comenzar a trabajar.

No podemos darle una respuesta definitiva a esto aquí, pero probablemente siempre sea una buena idea aprender al menos los fundamentos de JavaScript antes de expandirse. Si lo hace, obtendrá una comprensión mejor y más profunda de lo que está haciendo y lo convertirá en un mejor desarrollador.

¿Cómo empiezo a aprender JavaScript gratis?

Esto solo deja la pregunta, ¿dónde exactamente puedes comenzar a aprender JavaScript, preferiblemente sin pagar por ello? Aquí hay una serie de recursos gratuitos que puede usar para comenzar su viaje:

• MDN Web Docs: Mozilla Developer Network se considera uno de los principales recursos para el conocimiento del diseño web. Está lleno de tutoriales de primer nivel sobre todo, desde HTML sobre CSS hasta formularios web, accesibilidad y más. También tienen una guía extensa para aprender JavaScript que puede consultar de forma gratuita.
• W3Schools: similar a MDN, W3Schools tiene una introducción completa a JavaScript. Viene en lecciones pequeñas con muchos ejemplos para que lo pruebe usted mismo. El sitio también es excelente como recurso de búsqueda. Además, si desea un enfoque un poco más estructurado y está dispuesto a pagar por él, puede probar sus cursos pagos.
• JavaScript.info: un curso en línea completo de JavaScript en el que puede hacer clic usted mismo. Mucha información, imágenes y consejos (incluyendo, por ejemplo, qué editores de código usar). También tiene una función de comentarios donde los lectores pueden hacer preguntas, discutir o compartir fragmentos de código.
• Eloquent JavaScript: Originalmente un libro impreso, Eloquent JavaScript está disponible en su totalidad de forma gratuita en línea y como libro electrónico. Es bastante denso, por lo que quizás sea más adecuado para desarrolladores intermedios.

También tenemos un artículo con recursos de aprendizaje si está buscando aún más. Además, hay cursos pagos como Team Treehouse, Udemy y Skillshare.

Entonces, ¿debería comenzar a aprender JavaScript en 2022?

JavaScript es una parte integral de la web moderna. Muchas funciones de sitios web y aplicaciones son impensables sin este lenguaje de programación dinámico. Además, se ha expandido a muchas otras áreas, como juegos y aprendizaje automático.

En esta publicación, hemos tratado de responder a la pregunta de si debería y cómo puede comenzar a aprender JavaScript. Cuando observa dónde juega un papel el lenguaje, qué puede hacer, así como oportunidades laborales y salariales, es fácil ver que ingresar a JavaScript es un camino sensato. Incluso o especialmente como alguien en la esfera de WordPress, también tiene sentido, ya que también está avanzando aquí.

Si quieres sumergirte, hay muchos recursos gratuitos en línea para comenzar a aprender JavaScript. Puede comenzar de inmediato, así que ¿por qué no?

¿Tiene algún otro recurso inicial para aprender JavaScript para compartir? Si es así, ¡hágalo en los comentarios a continuación!