No se pudo actualizar la configuración de mecanografía. Recarga la página para intentarlo de nuevo.
Ejercicio de mecanografía: Programación en lenguaje JavaScript
Las reglas de cálculo de la precisión han cambiado. Este ejercicio vuelve a empezar desde el principio.
No se pudo confirmar que la sesión completada se haya guardado. Intenta guardarla de nuevo sin volver a escribir el texto.
Ejercicio de mecanografía: Programación en lenguaje JavaScript
La mecanografía es importante en la programación. Eres más eficiente utilizando técnicas de escritura rápida para escribir código en el lenguaje de programación JavaScript.
Programación en JavaScript y mecanografía
JavaScript es uno de los lenguajes de programación más utilizados en el mundo, presente tanto en aplicaciones del lado del cliente como del servidor. Es un lenguaje flexible, dinámico y en constante evolución. Sin embargo, escribir código en JavaScript tiene sus dificultades. JavaScript delimita los bloques con llaves, mientras que Python usa la indentación. JavaScript tiene tipado dinámico, a diferencia del tipado estático de Java. Un punto y coma olvidado, una coma extra o una llave mal cerrada pueden romper el programa. Para los desarrolladores que pasan muchas horas al día frente al teclado, la precisión es esencial. Al practicar mecanografía aprendes a escribir el código con precisión sin mirar el teclado. Así puedes prestar más atención a la lógica del programa mientras escribes, en lugar de buscar cada tecla.
Tipado dinámico y declaraciones de variables
JavaScript es un lenguaje de tipado dinámico, lo que significa que las variables pueden almacenar cualquier valor y cambiar de tipo durante la ejecución. Esta flexibilidad facilita el inicio, pero también es fuente de errores. Para las nuevas variables se suelen usar let y const, cuyas declaraciones tienen ámbito de bloque. Una variable declarada con let puede recibir un nuevo valor; una variable declarada con const no se puede reasignar. var sigue siendo válido y tiene ámbito de función, de script o de módulo. Un error tipográfico o la elección incorrecta pueden causar fallos difíciles de detectar. Con la mecanografía puedes practicar la escritura precisa de const y let. La elección depende del uso de la variable en el programa.
// Usar let para variables que cambian
let counter = 0;
counter++;
// Usar const para valores constantes
const PI = 3.14159;
// Evitar var en código moderno
var legacy = "estilo antiguo";
Puntos y comas y la inserción automática
Una de las características más controvertidas de JavaScript es la inserción automática de puntos y comas. Muchas sentencias pueden escribirse sin ellos, pero omitirlos puede producir errores extraños. Un ejemplo clásico es cuando se escribe return en una línea y el valor en la siguiente: JavaScript lo interpreta como return;. La expresión que se devuelve debe comenzar en la misma línea que return; añadir un punto y coma no resuelve este problema. Algunas guías lo exigen y otras lo omiten, así que sigue las reglas del proyecto. Para quien domina la mecanografía, es un gesto pequeño pero repetido que se vuelve parte natural de la escritura.
// Peligroso: devuelve undefined
function bad() {
return
{
name: "Ana"
};
}
// Correcto: el punto y coma asegura el valor de retorno
function good() {
return {
name: "Ana"
};
}
Objetos y JSON
JavaScript se basa en objetos. Los literales de objeto requieren llaves {}, dos puntos : y comas , en los lugares correctos. JSON, que refleja la sintaxis de objetos de JavaScript, es estricto: una coma extra invalida todo el archivo. La mecanografía ayuda a automatizar el uso de estos signos, de modo que la mente se concentre en la estructura de los datos.
// Literal de objeto
const user = {
id: 1,
name: "Ana",
active: true
};
Funciones: declaraciones, expresiones y funciones flecha
JavaScript permite definir funciones de varias formas: declaraciones clásicas, expresiones anónimas y funciones flecha. Estas últimas utilizan =>, que es fácil de escribir mal. Los principiantes suelen olvidar un paréntesis o colocar la flecha en el lugar incorrecto. Con la mecanografía, esta secuencia se convierte en un hábito. Además, JavaScript admite parámetros por defecto, parámetros rest (...args) y desestructuración, lo que lo hace expresivo pero exige precisión.
// Función clásica
function greet(name) {
return "Hola " + name;
}
// Función flecha
const greetArrow = (name) => "Hola " + name;
// Función con parámetro por defecto y rest
function log(message = "Info", ...args) {
console.log(message, args);
}
Closures y callbacks
Una característica de JavaScript son los closures. Las funciones pueden capturar variables de su entorno. Es muy potente pero también propenso a errores, sobre todo en bucles o código asíncrono. Escribir callbacks implica muchos niveles de llaves y paréntesis. La mecanografía facilita la escritura fluida de estas estructuras, reduciendo la probabilidad de olvidarse de un carácter.
// Closure que captura una variable
function makeCounter() {
let count = 0;
return function() {
count++;
return count;
};
}
const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2
Código asíncrono: callbacks, promises, async/await
JavaScript admite operaciones asíncronas. Para gestionarlas se pueden usar callbacks, promises y la sintaxis async/await. Cada construcción requiere precisión: los callbacks significan muchas llaves anidadas, las promises se pueden manejar con cadenas de .then() o con await, y async/await introduce nuevas palabras clave. Con la mecanografía se hace más fácil escribir estructuras repetidas como try { ... } catch(e) { ... } o await fetch(...) de forma rápida y sin errores.
// Uso de Promise
fetch("/api/data")
.then(response => response.json())
.then(data => console.log(data))
.catch(err => console.error(err));
// Uso de async/await
async function loadData() {
try {
const response = await fetch("/api/data");
const data = await response.json();
console.log(data);
} catch (err) {
console.error(err);
}
}
Estilo y convenciones
Mientras que en Python se habla de ser "pythonic", en JavaScript las discusiones giran en torno a guías de estilo como Airbnb, StandardJS o las convenciones de Google. Estas cubren la indentación (dos o cuatro espacios), el uso de puntos y comas, las convenciones de nombres (camelCase para variables, PascalCase para clases) y la longitud de las líneas. Herramientas como ESLint y Prettier pueden comprobar o dar formato al código según su configuración. Con la mecanografía es más fácil seguirlas con constancia y ritmo, incluso en patrones repetitivos como funciones flecha o cadenas de métodos.
Errores de sintaxis comunes
Entre los errores más comunes en JavaScript están olvidar cerrar un template string con backtick, confundir comillas simples y dobles o no cerrar paréntesis. Los template strings con interpolación ${...} son poderosos, pero requieren la secuencia exacta: backtick, símbolo de dólar y llaves. La mecanografía convierte esa secuencia en un movimiento rutinario.
// Template string con interpolación
const name = "Ana";
console.log(`Hola, ${name}!`);
Clases y orientación a objetos
Antes de ES6, JavaScript usaba prototipos. Hoy existe la sintaxis de clases, aunque los prototipos siguen estando presentes en segundo plano. El método constructor inicializa una instancia, pero no es obligatorio definirlo. super permite llamar al constructor de la clase padre desde un constructor propio de una clase derivada. Los métodos se definen sin la palabra clave function. Es fácil olvidar this o una llave. Con la mecanografía estas estructuras repetitivas son más fáciles y rápidas de escribir. Igual que en Java, las clases en JavaScript se nombran en PascalCase, lo que también exige consistencia.
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} hace un sonido.`);
}
}
class Dog extends Animal {
speak() {
console.log(`${this.name} ladra.`);
}
}
Módulos e imports
JavaScript moderno usa módulos ES con import y export. A menudo implican rutas largas y llaves. Escribir import { readFile, writeFile } from "fs"; de forma rápida y correcta no es trivial. Con la mecanografía, los programadores adquieren memoria muscular para llaves y comillas, lo que acelera el trabajo con módulos.
import { readFile, writeFile } from "fs";
import express from "express";
Resumen
JavaScript es un lenguaje dinámico, flexible y expresivo. Su sintaxis combina muchos signos - llaves, corchetes, dos puntos, comas, puntos y comas, backticks - lo que convierte la escritura precisa en un reto constante. Al igual que Java, JavaScript distingue entre mayúsculas y minúsculas; omitir un carácter necesario para la sintaxis puede impedir que el programa se ejecute. A diferencia de Python, no obliga a indentar, pero la comunidad espera un formato consistente. La mecanografía ayuda a los desarrolladores a cumplir con estas exigencias: reduce errores, facilita la escritura de patrones repetitivos (funciones flecha, imports) y permite concentrarse en el diseño del programa en lugar del teclado. Si escribes JavaScript a diario, practicar mecanografía puede facilitar la escritura precisa del código. Para que el programa funcione correctamente, también necesitas entender su lógica y comprobar su comportamiento.