Lección 3 de 12 · Lectura y práctica
Frameworks de Copywriting
Herramientas básicas: la consola y los comentarios Estas dos herramientas te acompañarán durante todo tu camino como programador. La consola te muestra qué está pasando en tu código, y los comentarios te ayudan a entenderlo más.
Del concepto a la práctica
Taller de esta lección
Un framework es una secuencia de decisiones que evita saltar directamente a frases llamativas. AIDA puede ordenar atención, interés, deseo y acción; PAS puede ordenar problema, agitación y solución. No son fórmulas automáticas: debes escoger la estructura según la conciencia de la audiencia y la complejidad de la oferta.
Ejemplo resuelto
Para una agenda de turnos en papel, PAS queda así: Problema: las citas se anotan en hojas dispersas. Agitación: confirmar un horario exige revisar tres cuadernos. Solución: una plantilla semanal reúne nombre, hora y estado en una sola página. La solución no promete eliminar todos los errores; delimita el resultado.
Describe el problema con una escena observable.
Decide si conviene PAS para dolor inmediato o AIDA para presentar una novedad.
Escribe una frase por etapa.
Revisa que la acción final sea específica y proporcional.
Error frecuente: rellenar cada etapa con afirmaciones distintas. Corrección: conserva una promesa central y haz que cada etapa la prepare.
Pruébalo
Escribe una versión AIDA para el mismo producto, destinada a una persona que todavía no reconoce el problema.
Comprueba tu resultado
La versión debe tener cuatro partes identificables, una sola promesa y un CTA que pueda ejecutarse sin pasos ambiguos.
Mapa de prácticaUn mensaje explica la necesidad y la propuesta con palabras concretas. La evidencia permite evaluar la promesa sin depender de afirmaciones vagas. Una acción clara indica cómo continuar y debe corresponder a lo que se ofrece.
Ver la infografía en tamaño completo ↗Herramientas básicas: la consola y los comentarios
Estas dos herramientas te acompañarán durante todo tu camino como programador. La consola te muestra qué está pasando en tu código, y los comentarios te ayudan a entenderlo más adelante. Dominarlas desde el principio te hará la vida mucho más fácil.
La consola del navegador
La consola es tu mejor aliada mientras aprendes. Te permite ver errores, imprimir valores para entender qué ocurre (a esto se le llama depurar o debugging) y ejecutar código al instante.
Métodos del objeto console
// Imprimir un mensaje informativo
console.log("Hola mundo");
// Imprimir una advertencia (aparece en amarillo)
console.warn("Cuidado: valor inesperado");
// Imprimir un error (aparece en rojo)
console.error("Algo salió mal");
// Mostrar datos en forma de tabla
console.table(["manzana", "banana", "naranja"]);
// Medir cuánto tarda un bloque de código
console.time("calculo");
// ... aquí va tu código ...
console.timeEnd("calculo");
// Limpiar la consola
console.clear();Consejo
Puedes imprimir varios valores a la vez: console.log("Usuario:", nombre, "Edad:", edad). La consola los separa con espacios y respeta su tipo (los objetos se ven expandibles).
Comentarios en JavaScript
Los comentarios son notas que escribes en tu código para ti o para otras personas. JavaScript los ignora por completo al ejecutar.
Tipos de comentarios
// Comentario de una sola línea
/* Comentario
de varias
líneas */
/**
* Comentario de documentación (JSDoc).
* @param {string} nombre - El nombre a saludar.
* @returns {string} El saludo completo.
*/
function saludar(nombre) {
return "Hola " + nombre;
}Buenas prácticas con comentarios
- Explica el porqué, no el qué (el código ya dice qué hace).
- Mantén los comentarios actualizados: un comentario falso es peor que ninguno.
- No comentes lo obvio:
i = i + 1; // suma unosobra.
¿Qué método usarías para mostrar un mensaje de error en rojo en la consola?
Ejercicio práctico
Objetivo: practicar la consola y los comentarios.
- En la consola del navegador, escribe un
console.log, unconsole.warny unconsole.errorcon mensajes distintos. - Usa
console.tablecon una lista de tus 3 comidas favoritas. - En un archivo, escribe una función pequeña y documéntala con un comentario JSDoc que explique qué hace.
Entregable: el código de tu función comentada y una captura de la consola con los tres tipos de mensaje.
Para recordar
console.log,warnyerrorsirven para inspeccionar tu código.console.tablemuestra listas y objetos de forma ordenada.- Los comentarios explican el porqué y deben mantenerse al día.
Sigue con Copywriting y Redaccion Digital
Esta lección forma parte de un curso de Cursalo. Revisa su programa y elige entre la compra individual o el acceso a toda la escuela.
Si ya tenías acceso a este curso, entra con tu cuenta: tus derechos y tu progreso se conservan. No necesitas comprarlo de nuevo.