0Pricing
JavaScript Academy · Lección

Literales de plantilla y operaciones comunes con strings

Use literales de plantilla y métodos esenciales de strings; haga un recorrido rápido por los números y los conceptos básicos de Date.

Literales de plantilla y operaciones comunes con strings es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 3. 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 Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.

Introducción

Objetivo: dar formato al texto con literales de plantilla y usar métodos sencillos de cadenas. Después verá una breve introducción a los números y las fechas.

  • Literales de plantilla
  • Operaciones habituales con cadenas
  • Redondeo seguro
  • Conceptos básicos de fechas
Literales de plantilla y operaciones comunes con strings — ilustración 1

Conceptos básicos de los literales de plantilla

Use comillas invertidas y ${} para insertar valores directamente. El texto de varias líneas también resulta sencillo.

// Template literals use backticks and ${}
// They support variables, expressions, and multi-line text
const name = "Ayla";
const score = 7;
const msg = `Hello, ${name}! Your score is ${score * 10}.`;

console.log(msg);

const lines = `Line 1
Line 2`;
console.log(lines);
Literales de plantilla y operaciones comunes con strings — ilustración 2

Recorrido por los métodos de cadenas

Practique con length, trim, toUpperCase, includes, indexOf y slice.

// Common string methods on a small example
const title = "  JavaScript Basics  ";

console.log("Length:", title.length);
console.log("Trim:", title.trim());
console.log("Upper:", title.toUpperCase());
console.log("Includes JS:", title.includes("JavaScript"));
console.log("Index of B:", title.indexOf("B"));
console.log("Slice 2..6:", title.slice(2, 6));
Literales de plantilla y operaciones comunes con strings — ilustración 3

Formato conciso

Las plantillas son más cortas y fáciles de leer que las cadenas largas de operadores +.

// Concatenation with + versus template literals
const user = "Mina";
const points = 12;

const viaPlus = "User: " + user + ", Points: " + points;
const viaTpl = `User: ${user}, Points: ${points}`;

console.log(viaPlus);
console.log(viaTpl);
Literales de plantilla y operaciones comunes con strings — ilustración 4

Conceptos básicos del redondeo

Use Math.round, floor y ceil para obtener enteros. toFixed devuelve un string con una cantidad fija de decimales.

// Numbers: integers, floats, and rounding helpers
const price = 4.35;
const qty = 3;

const total = price * qty;
console.log("Total raw:", total);

console.log("Math.round:", Math.round(total));
console.log("Math.floor:", Math.floor(total));
console.log("Math.ceil:", Math.ceil(total));

// toFixed returns a string with fixed decimals
console.log("toFixed(2):", total.toFixed(2));
Literales de plantilla y operaciones comunes con strings — ilustración 5

Recorrido rápido por Date

Cree un objeto Date con new Date(). Lea sus partes con getters e imprima el formato ISO estándar.

// Date basics: now, parts, and ISO output
const now = new Date();

console.log("Now:", now.toString());
console.log("Year:", now.getFullYear());
console.log("ISO:", now.toISOString());
Literales de plantilla y operaciones comunes con strings — ilustración 6

Cuestionario sobre literales de plantilla

Comprobación rápida: comillas invertidas y ${}.

Literales de plantilla y operaciones comunes con strings — ilustración 7

Repaso

Repaso: utilizó literales de plantilla, practicó métodos esenciales de cadenas, redondeó números de forma segura y creó e imprimió fechas.

Literales de plantilla y operaciones comunes con strings — ilustración 8

Preguntas frecuentes

¿La lección «Literales de plantilla y operaciones comunes con strings» es gratis?

Sí — el texto completo de «Literales de plantilla y operaciones comunes con strings» 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 Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «Literales de plantilla y operaciones comunes con strings»?

Use literales de plantilla y métodos esenciales de strings; haga un recorrido rápido por los números y los conceptos básicos de Date. Practicas JavaScript Academy 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 Academy?

No se requiere experiencia previa. JavaScript Academy 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 1 de 3.

¿Cuánto tiempo toma la lección «Literales de plantilla y operaciones comunes con strings»?

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 Academy?

Sí. Cada lección de JavaScript Academy 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. Literales de plantilla y operaciones comunes con strings
  2. Números: enteros frente a decimales y fundamentos de Math
  3. Fechas: conceptos básicos, zonas horarias e Intl.DateTimeFormat
← Volver a JavaScript Academy