Cada programa es un conjunto de instrucciones, ya sea sumar dos números o enviar una petición a través de internet. Los compiladores e intérpretes toman código legible por los humanos y lo convierten en código máquina legible por computadoras.

En un lenguaje compilado, la máquina de destino traduce directamente el programa. En un lenguaje interpretado, el código fuente no es directamente traducido por la máquina de destino. En cambio, un distinto programa, mejor conocido como intérprete, lee el código y lo ejecuta.

Okay… ¿Pero qué significa eso realmente?

Imagina que tienes una receta de hummus y la quieres preparar, pero está escrita en griego antiguo. Hay dos maneras en que tú, alguien que no habla griego antiguo, podrías seguir dichas instrucciones.

La primera es si alguien ya lo ha traducido al español para ti. Tú (y cualquiera que hable el idioma) podrías leer la versión en español de la receta y hacer el hummus. Piensa en esta receta traducida como la versión compilada.

La segunda manera es si tienes un amigo que sabe griego antiguo. Cuando estés listo para hacer hummus, tu amigo se sienta junto a ti y traduce la receta al español mientras avanzas, línea por línea. En este caso, tu amigo es el intérprete de la versión interpretada de la receta.

Lenguajes compilados

Los lenguajes compilados son convertidos directamente a código máquina que el procesador puede ejecutar. Como resultado, suelen ser más rápidos y más eficientes al ejecutarse en comparación con los lenguajes interpretados. También le dan al desarrollador más control sobre aspectos del hardware, como la gestión de memoria y el uso del CPU.

Los lenguajes compilados necesitan un paso de compilación (build) - primero necesitan compilarse manualmente. Necesitas "recompilar" el programa cada vez que necesites hacer un cambio. En nuestro ejemplo del hummus, la traducción completa está escrita antes de que la tengas. Si el autor original decide que quiere usar un distinto aceite de oliva, toda la receta necesitaría ser traducida de nuevo y reenviada a ti.

Algunos ejemplos de lenguajes compilados puros son C, C++, Erlang, Haskell, Rust y Go.

Lenguajes interpretados

Estos lenguajes ejecutan línea por línea el programa y a la vez ejecutan cada comando. Aquí, si el autor decide que quiere usar un distinto aceite de oliva, podría borrar el anterior y agregar el nuevo. Tu amigo traductor puede decirte ese cambio a medida que sucede.

Los lenguajes interpretados alguna vez fueron significativamente más lentos que los lenguajes compilados. Pero, con el desarrollo de la compilación justo a tiempo, esa diferencia se está reduciendo.

Ejemplos comunes de lenguajes interpretados son PHP, Ruby, Python y JavaScript.

Una pequeña advertencia

La mayoría de lenguajes de programación pueden tener implementaciones tanto compiladas como interpretadas, el lenguaje en sí mismo no es necesariamente compilado o interpretado. Sin embargo, por cuestiones de simplicidad, normalmente se les conoce de tal manera.

Python, por ejemplo, puede ser ejecutado ya sea como programa compilado o como un lenguaje interpretado en modo interactivo. Por el otro lado, la mayoría de las herramientas de línea de comandos, CLIs y shells pueden ser teóricamente clasificadas como lenguajes interpretados.

Ventajas y desventajas

Ventajas de los lenguajes compilados

Los programas que son compilados a un código máquina nativo suelen ser más rápidos que los lenguajes interpretados. Esto es debido a que el proceso de traducción del código en tiempo de ejecución aumenta la sobrecarga y puede ocasionar que el programa sea más lento en general.

Desventajas de los lenguajes compilados

Las desventajas más notables son:

• Tiempo extra necesario para completar la compilación completa antes de la prueba
• Dependencia de la plataforma del código binario generado

Ventajas de los lenguajes interpretados

Los lenguajes interpretados suelen ser más flexibles, y a menudo ofrecen características como escritura dinámica y tamaño de programa más pequeño. Además, ya que los intérpretes ejecutan el código fuente del programa ellos mismos, el código en sí es independiente de la plataforma.

Desventajas de los lenguajes interpretados

La desventaja más notable es la velocidad de ejecución típica comparada con los lenguajes compilados.

Cuando estás construyendo un nuevo sitio web, es importante tener una buena base para comenzar. En este artículo, te explicaré qué es el boilerplate en HTML5 y cómo crear una plantilla básica para usar en tus proyectos.

¿Qué significa boilerplate (plantilla) en HTML5?

De acuerdo a Wikipedia,

Se conoce como Boilerplate code o código boilerplate a secciones de código que se repiten en varios lugares con poca o ninguna variación.

El boilerplate en HTML es una plantilla que agregarás al inicio de tu proyecto. Debes añadir esté código a todas tus páginas de HTML.

Ejemplo de plantilla en HTML5

Veamos un ejemplo básico.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
	<script src="index.js"></script>
  </body>
</html>

¿Qué es el doctype en HTML?

La primera línea en tu código de HTML debe ser la declaración del doctype. El doctype le dice al navegador en qué versión de HTML está escrita la página.

<!DOCTYPE html>

Si olvidas incluir esta línea de código en tu  archivo, algunas de las etiquetas de HTML5 como <article>, < footer > y <header> podrían no ser soportadas por el navegador.

¿Qué es el elemento root?

La etiqueta <html> es el elemento superior en el archivo HTML. Las etiquetas <head> y <body> van anidadas dentro de <html>.

<!DOCTYPE html>
<html lang="en">
  <head></head>
  <body></body>
</html>

El atributo lang dentro de la etiqueta de apertura <html> configura el idioma de la página. También es bueno incluirlo por razones de accesibilidad, ya que los lectores de pantalla sabrán cómo pronunciar correctamente el texto.

¿Qué son las etiquetas head?

Las etiquetas <head> contienen información que es procesada por máquinas. Dentro de las etiquetas <head> anidarás metadatos, los cuales son datos que describen el documento a la máquina.

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="style.css">
</head>

¿Qué es la codificación de caracteres de UTF-88?

UTF-8 es la codificación de caracteres estándar que deberías usar en tus páginas web. Esto usualmente será la primera etiqueta <meta> mostrada dentro del elemento <head>.

 <meta charset="UTF-8">

De acuerdo al Consorcio World Wide Web,

Una codificación basada en Unicode como UTF-8 puede soportar muchos idiomas y puede acomodar páginas y formularios en cualquier mezcla de esos idiomas. Su uso también elimina la necesidad de que la lógica del server-side determine individualmente la codificación de caracteres para cada página servida o cada envío de formulario entrante.

¿Qué es la etiqueta meta viewport en HTML?

Esta etiqueta ajusta el ancho de la página al ancho del tamaño de la pantalla del dispositivo. Si tienes un dispositivo móvil que tiene 600 px de ancho, entonces la ventana del navegador también será de 600 px de ancho.

initial-scale controla el nivel de zoom. El valor de 1 para la initial-scale previene el zoom por defecto de los navegadores.

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

¿Qué significa X-UA-Compatible?

Esta etiqueta <meta> especifica el modo de documento para Internet Explorer. IE=edge es el modo admitido más alto.

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

¿Qué son las etiquetas title de HTML?

La etiqueta <title> es el título para la página web. Este texto se muestra en la barra de título del navegador.

    <title>HTML 5 Boilerplate</title>

Hojas de estilo CSS

Este código enlazará tu CSS personalizado a la página HTML. rel="stylesheet" define la relación entre el archivo HTML y la hoja de estilos externa.

    <link rel="stylesheet" href="style.css">

Etiquetas script en HTML

Las etiquetas script externas serán colocadas justo antes de la etiqueta de cierre <body>. Aquí es donde puedes enlazar tu código externo de JavaScript.

	<script src="index.js"></script>

Conclusión

Debes agregar una plantilla HTML5 a cada una de tus páginas HTML. Este código inicial contiene información importante como el doctype, metadatos, hojas de estilos y etiquetas script.

La carpeta AppData incluye configuración de las aplicaciones, archivos y datos únicos de las aplicaciones en tu PC Windows. La carpeta está oculta por defecto en el Explorador de Archivos de Windows y tiene tres subcarpetas ocultas: Local, LocalLow y Roaming.

No usarás esta carpeta muy a menudo, pero aquí es donde están tus archivos importantes. Por ejemplo, tus marcadores, sesiones guardadas y así por el estilo.

En esta guía aprenderás cómo encontrar, mostrar y acceder a la carpeta AppData en Windows.

¿Qué es la carpeta AppData?

Las aplicaciones en Windows a menudo almacenan sus configuraciones y datos temporales en la carpeta AppData. Cada cuenta de usuario tiene su propia carpeta AppData. Como mencioné antes, hay tres carpetas dentro de AppData: Local, LocalLow y Roaming.

La carpeta Local es usada para almacenar datos que son específicos de un sistema de Windows, lo que significa que los datos no están sincronizados entre PCs.

La carpeta LocalLow es lo mismo que la carpeta Local, excepto que es usada por aplicaciones con baja integridad  que se ejecutan con configuraciones de seguridad restringidas, por ejemplo, Mozilla Firefox en modo privado.

La carpeta Roaming es usada para almacenar datos que serán sincronizados a través de múltiples sistemas Windows. Esta a menudo es usada para almacenar configuraciones como marcadores, contraseñas guardadas y así por el estilo.

Cómo ver la carpeta AppData

Hay dos maneras para acceder a la carpeta AppData. Puedes acceder manualmente o usando la variable "AppData".

Puedes ver la carpeta manualmente yendo a tu carpeta de Usuarios, que está en la unidad C. En mi caso la ruta es C:\Users\ADMIN.

Luego ve a la pestaña superior "Vista" y marca la casilla de verificación "Elementos ocultos", como se muestra a continuación:

Ahora debes poder ver la carpeta AppData en tu carpeta de Usuario.

También puedes acceder a la carpeta AppData directamente usando la variable de sistema AppData. Busca "Ejecutar" o "Run" en la búsqueda de Windows como se muestra abajo, o presiona las teclas "Windows + R" para abrir la aplicación Ejecutar.

En el campo de texto de la aplicación Ejecutar, escribe "%AppData%" y da clic en Aceptar. Directamente, se abrirá la carpeta Roaming que está dentro de la carpeta AppData.

En conclusión

Luego de leer esta guía, espero que seas capaz de encontrar la carpeta AppData en tu computadora.

Comúnmente no tendrás que preocuparte por los datos que están dentro de la carpeta AppData, es por eso que está oculta por defecto. Solo es usada por desarrolladores de aplicaciones para almacenar los datos necesarios requeridos por la aplicación.

Cada día los usuarios de Windows solo necesitarán acceder o ver la carpeta AppData si necesitan crear un respaldo de sus datos de aplicaciones.

Todos deberían aprender cinco habilidades que los ayuden a generar más dinero en su vida. Lo que significa que no tendrán que depender de una habilidad para generar dinero, y les da una oportunidad para generar dinero extra también.

El valor que agregues a tu trabajo o a tu segunda fuente de ingresos es proporcional a las habilidades que hayas adquirido. Cuantas más herramientas, tecnologías, y trucos aprendas, mejor podrás presentar tus habilidades de mercado. Lo cual significa que podrás hacer más dinero.

Adquirir habilidades adicionales (aquellas relacionadas a codificar y al desarrollo de software) es una de las cosas más importantes que harás.

En este artículo, hablaré sobre unas habilidades que se pagan bien y que puedes aprender como desarrollador para ampliar tus habilidades y que tengas más valor.

Edición de vídeo

La producción de vídeo se está volviendo cada vez más crucial en el marketing, creación de contenido y otras facetas del negocio.

Es una de las primeras actividades que hace que una empresa contrate a un trabajador independiente o una consultoría, porque es una tarea usual que consume tiempo y requiere un conocimiento particular y talento.

Para empezar, deberías aprender a usar un buen software de edición de vídeo. Si realmente quieres adentrarte en esto, te recomiendo que aprendas Final Cut Pro (solo para Mac) o Adobe Premiere Pro (para Windows y Mac).

Crea una cuenta de Fiverr luego de aprender a usar el programa de edición de vídeo. Puedes editar vídeos para clases en línea, hacer vídeos de proyectos publicitarios o hacer cualquier otro tipo de producción de vídeo para practicar tus nuevas habilidades.

Marketing

No es suficiente con tener buenos productos o servicios, también necesitas buen marketing para crecer. Tus potenciales clientes no notarán que existes si no te vendes a ti mismo ni a tu producto.

¿Cómo sabrá alguien que tu producto existe?

El marketing incluye correo electrónico, SEO (optimización de motores de búsqueda), contenido y redes sociales. Estas son habilidades de alto valor y puedes cobrar un dinero extra por hacer este tipo de trabajo como trabajador independiente.

Puedes aprender lo básico del marketing viendo vídeos de marketing en YouTube y Skillshare. Pero nada supera la experiencia del mundo real como un maestro. Considera crear un negocio secundario en internet para poner a prueba tu conocimiento de marketing en práctica.

Mejor marketing = más ventas = más ganancias. ?

Diseño gráfico

El diseño gráfico, como la creación de vídeos, es una habilidad tan especializada que está en alta demanda. Ya sea un diseño de un logo, recursos de marketing gráfico, o incluso presentaciones de PowerPoint, hay  muchas maneras de aumentar tu conjunto de habilidades.

Cuando puedes crear diseños impresionantes, usualmente eres bien recompensado. Y es lo que quieren las marcas. El compromiso es la clave para tener más ventas.

Para empezar como trabajador independiente, puedes hacer una cuenta en Fiverr u Upwork. También deberías intentar unos proyectos simples para comenzar. Tener unos proyectos para mostrar en tu perfil realmente incrementa tu oportunidad de ganar clientes.

Creación de contenido

En la economía del creador, hay mucho dinero por hacer. Y no, no necesitas una gran cantidad de seguidores para generar dinero en internet. Y la competición de comenzar también es baja dentro de este nicho.

Escribir en línea es un trabajo de tiempo completo para muchos, y créeme o no, no es tan difícil. Lo que importa es que estás empezando perfeccionando tus habilidades de creación de contenido. Te vuelves una parte de la economía de creadores.

Para iniciar un blog, puedes empezar escribiendo ya sea en Medium o en Hashnode. Si te gusta invertir más dinero, entonces podrías comprar un dominio para formar una marca personal sobre tu nombre. Luego puedes escribir acerca de qué quieres o qué estás aprendiendo. Por ejemplo, ¿estás aprendiendo HTML? Entonces escribe sobre eso.

También puedes empezar un canal de YouTube si no eres bueno escribiendo, pero puedes mantener interesada a la gente con tus historias. Cuanto más juegues con tus fortalezas, más vistas y fans obtendrás. Ganarás más dinero si tienes mayores vistas y seguidores.

Podcasting

¿Escuchas podcasts? Se han vuelto muy populares en la última década más o menos. Escuchar algo es una grandiosa manera de aprender y estar al día con tu comunidad.

¿Alguna vez has pensado en iniciar un podcast? Es muy sencillo. Puedes pedirles a tus amigos que hablen sobre algo por unos 10 o 20 minutos y subirlo a internet. Siempre hay alguien en internet que está listo para beneficiarse de tus pensamientos.

Cómo preparar un podcast:

1. Haz una cuenta en Anchor.
2. Crea un logo y añade unas cuantas fotos tuyas.
3. Necesitarás invertir algo de dinero en comprar un buen micrófono.
4. ¡Genial! Ahora puedes hacer tu propio podcast para compartirlo con el mundo.

Puedes monetizar tu podcast vendiendo anuncios y haciendo patrocinios de marcas. También podrías iniciar un grupo pequeño (como una membresía premium) y cobrar por el acceso anticipado a tu podcast. La mentoría también es una opción.

Conclusión

En esta guía hemos hablado sobre unas de las mejores habilidades que puedes aprender como programador y generar un ingreso extra. Estas habilidades no necesitan de un título universitario para empezar, todo lo que necesitas es una computadora y una conexión a internet.

TL;DR:

5 valiosas habilidades que puedes aprender como programador: ?

1️⃣ Edición de vídeo
2️⃣ Marketing
3️⃣ Diseño gráfico
4️⃣ Creación de contenido
5️⃣ Podcasting— Chaitanya ? (@chp_it) November 28, 2021

Gracias por detenerte a leer este artículo. Espero que encontraras algo interesante.

Si te gusta mi contenido, estoy activo en Twitter @Chp_It. Tuiteo sobre desarrollo web, creación de contenido, blockchain y Hacks, pero no de código, para hacer la vida de desarrollador sencilla.

¡Feliz aprendizaje! ? ?

Como desarrolladores de software, debemos estar dispuestos a aprender continuamente. Mientras que nos ayuda a completar nuestras tareas cotidianas en el trabajo, es igual de importante mantenerse al día con las nuevas tecnologías e innovaciones.

Después de pasar más de 12 años en el desarrollo de software, he encontrado que es un reto seguir aprendiendo consistentemente. Pero si identificas qué es lo que te apasiona y sigues un camino sólido de aprendizaje, aprenderás nuevas cosas todo el tiempo.

Este artículo hablará sobre tres áreas importantes en la educación del desarrollador que puedes encontrar útiles en tu viaje de aprendizaje. He estado siguiendo este camino por los últimos dos años y he visto resultados muy positivos.

Demasiado largo, no lo leí (TL;DR)

Conviértete en un mejor aprendiz y desarrollador mediante:

• Ser una parte activa de la comunidad de desarrolladores
• Empezar tu propio blog
• Construir proyectos en paralelo

Este artículo es totalmente sobre compartir experiencias y cómo hacer que estas cosas sucedan. Así que relájate y léelo con una mente abierta ?.

Sé una parte activa de la comunidad de desarrolladores

Cuando centramos toda nuestra atención a algo, aprender se vuelve más sencillo. Sin embargo, la parte desafiante es saber qué aprender.

¿Dónde deberíamos encontrar ayuda? ¿Hay una mejor manera de resolver ciertos problemas? ¿Cómo no reinventamos la rueda? Y por último, ¿cómo hacemos que suceda continuamente?

Ser parte de una o más comunidades de desarrolladores en tus áreas de interés ayuda a resolver estos desafíos de manera significativa.

No te preocupes si no tienes nada que compartir en los primeros días. Solo espera y empápate de información, conecta con gente de mentalidad similar, observa las mejores prácticas, etc. Con el tiempo contribuirás y eso viene de manera natural.

Aquí están las comunidades de desarrolladores, plataformas de aprendizaje, y medios sociales que he encontrado inmensamente útiles. Por favor, observa que es mi opinión y algunos podrán no estar de acuerdo o quieran agregar más a la lista. Eso está muy bien, y eres bienvenido para hacerlo.

• Twitter: Cuando se trata de mantenerse relevante en temas de tecnologías, mentores de software y obtener consejos y trucos rápidos, Twitter es una gran plataforma. Si todavía no tienes una cuenta, créala y únete a la plataforma. Sigue temas de tu interés (usando hashtags) y a gente que publique sobre cosas que quieras aprender para comenzar.
  ¡He tenido una cuenta de Twitter inactiva desde 2009! Comencé a usarla activamente hace un año y te puedo decir cuán útil es.
• freeCodeCamp: Si estás buscando un aprendizaje enfocado, prueba freeCodeCamp. Hay miles de horas de material de estudio disponibles, ¡y son gratis! Deberías unirte al foro para obtener información, respuestas y soluciones. También puedes obtener certificaciones verificadas de manera gratuita. Si estás leyendo este artículo, probablemente ya conozcas el currículum de freeCodeCamp.
• Hashnode: Esta es una de las comunidades de desarrolladores de más rápido crecimiento que existen hoy día. Una vez que te unas a Hashnode, puedes seguir etiquetas y miembros de la comunidad de tu elección para ver artículos, discusiones y más en tu feed. Otra Propuesta Única de Venta (PUV) es que obtengas un dominio gratuito para bloguear donde puedas escribir tus artículos y publicarlos.
• Dev.to: Una comunidad de desarrolladores madura, con muchos contribuidores que escriben artículos, discuten sobre temas y comparten pensamientos. Puedes seguir los temas de tu interés para crear un feed personalizado.
• daily.dev: Esta no es precisamente una comunidad aún, sino más bien un agregador de muchas. Hace un excelente trabajo dándote una lista de artículos populares que te pudieran interesar sin tener que buscarlos. Simplemente, instala la extensión del navegador y ya está listo.

Aparte de los que mencioné arriba, LinkedIn, Reddit, Hackernoon, Code Newbie, Women who code, StackOverflow y Hackernews son otras comunidades fantásticas para tener en cuenta.

Comienza tu propio blog (o el equivalente)

Enseñar y compartir conocimiento es la mejor manera de obtener más conocimiento. Es una verdad universal que no puedes enseñar bien sobre un tema sin aprenderlo bien.

Tener un blog de tecnología (o algo como un canal de YouTube) puede ayudarte a participar en el ciclo de aprender-compartir.

Mis conclusiones clave de bloguear por el último par de años son:

• Tu investigación sobre  un tema te ayuda a obtener más conocimiento sobre él.
• Obtienes una mejor visibilidad en la comunidad de desarrolladores contribuyendo a esa comunidad.
• Creas una serie de bases de conocimientos para ti mismo a las que puedes referirte o usar (tal vez como orador, en un video, etc.).
• Si no eres un hablante del inglés y escribes tus artículos en inglés, te ayuda a tener una mejor comprensión del lenguaje.
• Puedes crear un sólido portafolio para ti mismo mencionando tu blog. Descubrí que esto es beneficioso cuando te lanzas a escribir para publicaciones como freeCodeCamp Noticias.
• Por último, pero no menos importante, puedes obtener dinero de tus artículos. Algunas publicaciones te pagan por artículo. Puedes ser un escritor invitado para los programas de blogs de cierta organización. Si apenas estás empezando a bloguear, no pongas demasiado énfasis en obtener dinero. Concéntrate en entregar contenido útil a la comunidad. Las oportunidades financieras vendrán naturalmente.

Si estás pensando en comenzar tu blog con tu propio dominio, revisa Hashnode. Tiene todo lo que necesitas como plataforma de blogs y es gratis. Si tienes un dominio existente, puedes mapearlo hacia allá también. Así que pruébalo.

De manera alternativa, puedes publicar en dev.to, Hackernoon y otras comunidades que mencioné antes. También puedes aplicar para ser un escritor en freeCodeCamp Noticias.

Construye un proyecto en paralelo

Una manera efectiva de pulir tu aprendizaje y alimentar tu pasión es haciendo proyectos en paralelo. En muchos casos, es posible que no seas capaz de trabajar con ninguna tecnología que te guste en tu trabajo. Pero nadie puede impedirte hacer un proyecto en paralelo usando esa tecnología.

Un proyecto en paralelo puede ayudarte a:

• Vivir tu pasión
• Generar ideas
• Aprender nuevas habilidades
• Crecer en nuevas áreas
• Contribuir a la comunidad de código abierto
• Obtener recompensas y dinero

¿Y cómo empiezas? Primero deberías crearte una cuenta de GitHub (o cualquier otro gestor de repositorios de código fuente).

A continuación, necesitas una idea de qué hacer. Empieza con algo pequeño y planea hacer varios proyectos. Intenta hacer algo que tú quieras usar.

Luego identifica qué has aprendido de ello, escríbelo como un artículo y publícalo.

Antes de irnos

Espero que este artículo te haya sido útil y que te motive a revisar estas áreas de aprendizaje. Me gustaría escuchar de ti. ¡Conectemos!

Me encontrarás activo en Twitter (@tapasadhikary). Por favor, siéntete en la libertad de seguirme. Puedes leer otros artículos en mi blog (blog.greenroots.info). Todos mis proyectos paralelos están en GitHub (atapas) y son de código abierto. Por favor, siéntete libre de probarlos, hacer un fork o seguirme.

Cuando estás empezando a aprender a codificar, podría sentirse como que siempre es una lucha. Tu progreso parece muy lento y es fácil desanimarse.

En este artículo te mostraré algunos consejos y trucos que te ayudarán a aprender JavaScript más eficientemente.

Antes de empezar, tenemos que establecer expectativas claras sobre este artículo:

• Este no es un hack rápido para aprender JavaScript en 10 minutos. La mayoría de lenguajes de programación, incluyendo JavaScript, toman mucho tiempo para aprender.
• Mientras que este artículo ofrece sugerencias para acelerar el aprendizaje de JavaScript, qué tan pronto adquieras habilidades profundas de JavaScript depende de qué tan duro estés dispuesto a trabajar.
• Diferentes personas aprenden JavaScript a un diferente ritmo, así que está bien si te toma mucho tiempo aprender. Lo más importante es aprenderlo bien.

Con eso fuera del camino, aprendamos algunas maneras en las que puedes aprender JavaScript un poco más rápido.

Sigue la regla 80/20

La primera manera de aprender JavaScript más rápido es seguir la regla 80/20. La regla 80/20 establece que el 80% de los efectos provienen del 20% de las causas en cualquier situación determinada.

En otras palabras, si te enfocas en el 20% de las cosas que te traerán el 80% de los resultados que quieres, serás mucho más eficiente.

He aquí cómo aplicar esta regla para aprender JavaScript rápidamente:

En JavaScript, hay cientos de métodos y características. Pero en realidad, solo necesitas conocer una fracción de sus métodos para empezar a construir proyectos significativos. Las características más comunes que valen la pena aprender son:

1. Funciones
2. Variables
3. Sentencias condicionales (sentencias if/else)
4. Objetos
5. Arreglos
6. Event listeners del DOM como getElementById, getElementByClass, y addEventListener

Enfocándose en estos métodos básicos de JavaScript, aprenderás JavaScript más rápido.

Practica activamente

Otra manera de aprender JavaScript rápido es practicar activamente. Practicar activamente significa que pases más tiempo escribiendo código en lugar de solo ver vídeos o leer tutoriales.

El aprendizaje real sucede cuando mueves tus manos y pies en actividades como jugar fútbol o conducir un auto. Al igual que estas actividades, aprendes más rápido cuando escribes código de JavaScript en la computadora.

Intenta escribir código durante al menos 30 minutos o una hora por día. Mediante escribir código regularmente y practicar lo que has aprendido, mejorarás tu conocimiento de JavaScript más rápidamente.

No olvides tomas descansos los fines de semana. Descansar también es una parte crucial de aprender JavaScript. Puedes aprender JavaScript eficientemente cuando estás bien descansado, y te ayuda a mejorar tu sentido de enfoque.

Desarrolla muchos proyectos con JavaScript

Este está relacionado con la práctica activa. Desarrollar proyectos es una gran manera de aprender JavaScript más rápido. El principal beneficio es que la creación de estos proyectos (incluso los simples) te ayudará a solidificar el conocimiento que obtienes de los tutoriales.

Te probarás a ti mismo para ver si entiendes los conceptos de JavaScript lo suficientemente bien como para usarlos.

Si no lo logras, sigue siendo algo bueno, ya que descubrirás lo que no sabes aún y usar esta información para llenar los espacios que faltan en tu conocimiento de JavaScript. Todo esto te ayudará a mejorar tus habilidades de JavaScript a largo plazo.

Empieza por hacer proyectos simples que te tomen solo unos pocos días para completar y trabaja lentamente hasta proyectos avanzados. Aquí hay unas ideas divertidas (artículo en inglés) para ayudarte a que empieces a desarrollar.

Aprende a cómo depurar los errores de JavaScript

Lo último que te ayudará a aprender JavaScript más rápido es aprender a cómo depurar los errores de JavaScript.

Aprender a solucionar los problemas que te encuentres es útil, ya que siempre encontrarás errores al aprender JavaScript. Además, te hará una persona ingeniosa, que es un gran rasgo tener como programador.

Necesitarás saber cómo leer los mensajes de error y buscar soluciones en Google. Este acercamiento a la depuración es simple pero lo suficientemente bueno para resolver la mayoría de los problemas de JavaScript.

Entre más rápido soluciones los errores en tu código, más rápido terminarás tus proyectos y aprenderás JavaScript más rápido.

Conclusión

Así que, puedes aprender JavaScript más rápido si tú:

• Aprende los métodos y características de JavaScript que usarás la mayor parte del tiempo.
• Práctica JavaScript mediante codificar por al menos 30 minutos a una hora al día y descansar los fines de semana.
• Desarrolla proyectos, ya que es la mejor manera de solidificar tu conocimiento de JavaScript a largo plazo.
• Aprende a depurar errores y así puedas resolver tus problemas de JavaScript más rápidamente y continúes progresando con tus habilidades.

Y ahí lo tienes. Estos son mis consejos y trucos que te ayudarán a aprender JavaScript un poco más rápido. Espero que hayas encontrado este artículo de utilidad, y gracias por leerlo.

También puedes obtener mi libro electrónico gratuito para entrevistas técnicas de JavaScript o empezar a aprender JavaScript Full-Stack (ambos recursos están en inglés).

¡Buena suerte en tu viaje de aprendizaje de JavaScript y feliz programación!

JavaScript fue creado hace más de 26 años y actualmente es uno de los lenguajes de programación más populares. ¿Pero qué es JavaScript?

JavaScript es usado con HTML y CSS para crear páginas web dinámicas e interactivas y aplicaciones móviles. A menudo lo llamamos uno de los bloques de construcción del desarrollo web.

De acuerdo a W3Techs,

JavaScript es usado como lenguaje de programación del lado del cliente en el  97.6% de todos los sitios web.

Historia de JavaScript

En 1995, el desarrollador de Nestscape Brendan Eich creó la versión uno de JavaScript en tan solo 10 días. Cuando salió por primera vez se llamaba Mocha, luego fue cambiado a LiveScript y finalmente se estableció como JavaScript.

Los jefes de Brendan Eich querían que JavaScript tuviera una sintaxis similar a la de Java. También sentían que JavaScript ayudaría a acelerar el desarrollo web y ser más sencillo de aprender en comparación con Java.

Al paso de los años JavaScript ha crecido y se ha desarrollado en un lenguaje versátil que puede ser usado tanto en web como en aplicaciones móviles.

¿Qué es ECMAScript?

ECMAScript significa European Computer Manufacturers Association Script (Script de la asociación europea de fabricantes de computadoras). De acuerdo a MDN docs,

ECMAScript es el lenguaje de scripting que forma la base de JavaScript.

La asociación creó el estándar ECMA para asegurarse que las páginas web fueran consistentes en diferentes navegadores. Hasta agosto de 2021, hay un total de 12 versiones publicadas de ECMAScript.

¿Java es lo mismo que JavaScript?

Aunque estos dos lenguajes tienen una sintaxis similar y comparten las primeras cuatro letras de "Java", no son el mismo lenguaje.

Aquí hay unas diferencias clave entre los dos lenguajes.

• Java es un lenguaje de programación compilado. Esto significa que antes de que el programa se ejecute, el código necesita ser traducido al código de la máquina para que la computadora pueda entenderlo.
• JavaScript en un lenguaje interpretado. En el navegador, un intérprete leerá el código y lo ejecutará sin la necesidad de compilarlo primero.
• Java es usado como un lenguaje del lado del servidor (backend) mientras que JavaScript es principalmente usado como un lenguaje del lado del cliente (frontend). Pero JavaScript también puede ser usado para crear aplicaciones web backend con Node.js.

¿Cómo trabajan juntos HTML, CSS y JavaScript en una página web?

Ya que hemos aprendido la historia de JavaScript, necesitamos entender cómo trabaja en un sitio web.

HTML representa el contenido, CSS le da el estilo a la página para que se vea bien, y JavaScript hace que el sitio sea interactivo. ¿Pero qué quiere decir interactivo y cómo trabaja JavaScript junto a los otros dos lenguajes?

Veamos un ejemplo para entender mejor cómo trabajan estos tres lenguajes juntos.

En este ejemplo, cuando el usuario da clic al botón un mensaje se mostrará con el número de veces que el usuario ha dado clic. Cuando el conteo alcanza cierto umbral, el mensaje cambiará y se volverá más sarcástico a medida que el conteo aumenta.

Usamos HTML para crear y mostrar el botón en la página.

<button id="btn">Hazme clic</button>

También tenemos este elemento p en nuestro HTML que no contiene ningún texto entre las etiquetas de apertura y de cierre. En JavaScript, el texto se agrega una vez que el usuario ha dado clic en el botón.

<p id="para"></p>

Usamos CSS para darle estilo al botón y centrarlo en la página.

button {
  display: block;
  margin: 20px auto 10px;
  padding: 25px 20px;
  font-size: 1.4rem;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  background-color: #3b5998;
  color: white;
}

Para acceder a los elementos de HTML, usamos getElementById. Aquí es donde JavaScript entra.

const btn = document.getElementById("btn");
const para = document.getElementById("para");

La variable llamada count mantiene el rastreo de cuántas veces el usuario ha dado clic al botón. El conteo es constantemente actualizado cada vez que se da clic al botón.

let count = 0;

Este es el arreglo de las respuestas que se mostrarán al usuario.

const respuestasArr = [
  "Has dado clic al botón estas veces: ",
  "Wow, te gusta dar clic a ese botón. Clics del botón: ",
  "¿Por qué continúas dándole clic? Clics del botón: ",
  "Ahora estás siendo molesto. Clics del botón: "
];

Usamos el addEventListener que le dice a la computadora que escuche el evento clic. Una vez que el clic se detecta, entonces aparecerá el mensaje en la pantalla con el conteo.

btn.addEventListener("click", () => {
  count++;
  if (count < 10) {
    para.innerHTML = `${respuestasArr[0]} ${count}`;
  } else if (count >= 10 && count < 15) {
    para.innerHTML = `${respuestasArr[1]} ${count}`;
  } else if (count >= 15 && count < 20) {
    para.innerHTML = `${respuestasArr[2]} ${count}`;
  } else {
    para.innerHTML = `${respuestasArr[3]} ${count}`;
  }
});

Usamos una sentencia if else para revisar cuántas veces se dio clic al botón y mostrar un mensaje diferente basado en qué tan alto es el número del conteo.

Si count es menor a 10, entonces este mensaje se mostrará en la pantalla.

Si count está entre 10 y 14, entonces este es el mensaje que se mostrará en pantalla.

Si count está entre 15 y 19, entonces este es el mensaje que se mostrará en pantalla.

Si count es 20 o mayor, entonces este es el mensaje que se mostrará en pantalla.

¿Cómo trabaja JavaScript en un sitio web real?

Acabamos de ver un ejemplo básico de cómo trabajan HTML, CSS y JavaScript juntos. ¿Pero cómo trabaja JavaScript en sitios web reales?

Echemos un vistazo a la plataforma de aprendizaje de freeCodeCamp. Este es un ejemplo de un desafío de HTML del curso de Diseño Web Responsivo.

Si logro pasar el desafío, entonces este mensaje aparecerá.

Pero si mi respuesta es incorrecta, entonces la lección me dirá dónde está el problema.

¿Pero cómo sabe freeCodeCamp si mi respuesta es correcta o no lo es?

freeCodeCamp escribe una serie de pruebas para cada desafío para asegurarse que el código es correcto. Estas pruebas son escritas en JavaScript.

Estas son las pruebas de JavaScript para el desafío Agrega imágenes a tu sitio web.

Cómo empezar a aprender JavaScript

Aquí está una lista de recursos grandiosos donde puedes empezar a aprender JavaScript.

1. Algoritmos de JavaScript y Estrucuras de Datos (freeCodeCamp)
2. Learn JavaScript - Full Course for Beginners (freeCodeCamp YouTube channel)
3. The Modern JavaScript Tutorial (javascript.info)
4. JavaScript Tutorial (javascripttutorial.net)
5. LearnJS (learn-js.org)
6. Learn JavaScript (Codecademy)
7. JavaScript (SoloLearn)
8. MDN JavaScript (MDN web docs)
9. JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour (Programming with Mosh)

Una vez que aprendas lo básico de JavaScript, entonces puede empezar a hacer tus propios proyectos. He creado una lista de 40 Proyectos de JavaScript para Principiantes (artículo en inglés) para que empieces.

Librerías de JavaScript y frameworks

Las librerías y frameworks de JavaScript fueron creados para ayudar a acelerar el desarrollo. Una vez que hayas aprendido JavaScript "vanilla" (lo básico/simple) entonces puedes empezar a aprender una librería o framework.

Hay diversas opciones para escoger, pero no necesitas aprenderlas todas. Investiga ofertas de empleo en tu área para ver cuáles librerías y frameworks están siendo usados.

Aquí hay unas opciones populares.

• React
• Angular
• Vue

Aquí hay más sugerencias de recursos de aprendizaje (en inglés).

• Curso de React del canal de YouTube de freeCodeCamp
• Curso de Angular del canal de YouTube Brad Traversy
• Curso de Vue del canal de YouTube Brad Traversy

Conclusión

JavaScript fue creado en 1995, y desde entonces se ha convertido en un lenguaje potente y versátil usado para sitios web, juegos en línea y aplicaciones móviles.

Aunque Java y JavaScript tienen una sintaxis similar y comparten las primeras cuatro letras de "Java", no son el mismo lenguaje. Java es principalmente usado como lenguaje del lado del servidor mientras que JavaScript es usado en el navegador.

HTML, CSS y JavaScript son los tres lenguajes principales de la web. HTML es para el contenido, CSS es para el estilo, y JavaScript es para la interactividad en el sitio.

Espero que hayas encontrado este artículo de ayuda y te deseo la mejor de las suertes en tu viaje de desarrollador web.