0Pricing
Javascript for Kids · Lección

Desplazar letras

Un cifrado sencillo

Desplazar letras es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Javascript for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Javascript for Kids incluye 4 lecciones en total.

¡El truco del desplazamiento! ➡️

Hoy aprenderemos el Caesar Cipher: ¡desplazaremos cada letra hacia delante varios pasos! ➡️🔐

console.log('Let us slide some letters! ➡️')

Desplazar una posición 1️⃣

Si desplazamos a una posición hacia delante, se convierte en b. ¡Muy fácil! 1️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 1:', String.fromCharCode(n + 1))

Desplazar tres posiciones 3️⃣

El desplazamiento de César más conocido es de 3 posiciones. ¡Por eso a se convierte en d! 3️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 3:', String.fromCharCode(n + 3))

Desplazar cualquier letra 🔤

¡Creemos una variable para indicar la cantidad de desplazamiento y poder cambiarla fácilmente! 🔤

let shift = 3
let letter = 'h'
let n = letter.charCodeAt(0)
console.log(letter, 'becomes', String.fromCharCode(n + shift))

Desplazar una palabra completa 🔁

¡Con un bucle podemos desplazar todas las letras de una palabra! 🔁

let word = 'cat'
let shift = 1
for (let i = 0; i < word.length; i++) {
  let n = word.charCodeAt(i)
  console.log(String.fromCharCode(n + shift))
}

Construir la palabra secreta 🧩

En lugar de imprimir cada letra, ¡unámoslas para formar una sola palabra secreta! 🧩

let word = 'cat'
let shift = 1
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret = secret + String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log('Secret:', secret)

Desplazar hacia atrás ⬅️

Para leer un mensaje secreto, ¡desplazamos las letras HACIA ATRÁS la misma cantidad de posiciones! ⬅️

let n = 'd'.charCodeAt(0)
console.log('d shifted back by 3:', String.fromCharCode(n - 3))

¿Qué ocurre con la Z? 🌀

Si desplazamos z hacia delante, salimos del alfabeto. Los cifrados reales vuelven al principio y continúan desde a 🌀

console.log('z is tricky! It should wrap to a 🌀')

Una función de desplazamiento 🛠️

¡Vamos a envolver nuestro desplazamiento en una función reutilizable! 🛠️

function shiftLetter(letter, amount) {
  return String.fromCharCode(letter.charCodeAt(0) + amount)
}
console.log(shiftLetter('a', 2))

Pruebe distintos desplazamientos 🔢

Un desplazamiento mayor produce un secreto diferente. ¡Pruebe con un desplazamiento de 5! 🔢

function shiftLetter(l, a) { return String.fromCharCode(l.charCodeAt(0) + a) }
console.log('Shift 5:', shiftLetter('a', 5))
console.log('Shift 10:', shiftLetter('a', 10))

Demostración completa del desplazamiento 🎮

¡Aquí tiene una palabra completa transformada en un secreto! 🎮

let word = 'dog'
let shift = 2
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret += String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log(word, 'becomes', secret)

Comprobación rápida ✅

¡Ponga a prueba sus habilidades de desplazamiento! 🧠

¡Experto en desplazamientos! 🌟

¡Fantástico, agente! 🕵️ ¡Ha aprendido a desplazar letras! 🎉

  • Desplácelas hacia delante para ocultarlas ➡️
  • Desplácelas hacia atrás para leerlas ⬅️
  • Los bucles desplazan palabras completas 🔁

Lo siguiente: ¡codificar un mensaje completo! 🔐

console.log('Shifting letters: LEARNED! 🌟')

Preguntas frecuentes

¿La lección «Desplazar letras» es gratis?

Sí — el texto completo de «Desplazar letras» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Javascript for Kids, actualiza a CoddyKit PRO. El curso de Javascript for Kids incluye 4 lecciones en total.

¿Qué aprenderé en «Desplazar letras»?

Un cifrado sencillo Practicas Javascript for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Javascript for Kids?

No se requiere experiencia previa. Javascript for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.

¿Cuánto tiempo toma la lección «Desplazar letras»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Javascript for Kids?

Sí. Cada lección de Javascript for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. ¿Qué es un código?
  2. Desplazar letras
  3. Codificación
  4. Descodificación
← Volver a Javascript for Kids