Vieja normalidad

 

Guía para crear tu juego de Ping Pong en Scratch 🏓  Vamos a construir un juego de Ping Pong clásico para dos jugadores. Seguiremos el código de las  para programar las paletas, la pelota, los puntos y las pantallas de inicio y fin. ¡Empecemos! Capturas de pantalla Paso 1: Prepara tu escenario y objetos (Sprites) Primero, necesitamos crear todos los "personajes" y el fondo de nuestro juego. El Escenario (Fondo): Haz clic en el "Escenario" (Stage) a la derecha. Ve a la pestaña "Fondos" (Backdrops). Rellena todo el fondo de color negro . Usando la herramienta de línea, dibuja una línea verde delgada en la parte de arriba. Esta será la zona de punto para el Jugador 1. Dibuja una línea morada (o púrpura) delgada en la parte de abajo. Esta será la zona de punto para el Jugador 2. Nota: Los colores son importantes, ¡asegúrate de que coincidan con el código que pondremos después! Los Objetos (Sprites): Borra el gato de Scratch. Crea 5 objetos (Sprites) nuevos ....

  Actividad: ¡Crea tu Página Web con un Asistente de IA! ¡Hola! Prepárate para un desafío de velocidad y creatividad. Tu misión de hoy es crear una página web funcional y con un estilo increíble en tiempo récord. No estarás solo: contarás con un  copiloto de Inteligencia Artificial  que te ayudará a escribir el código inicial. Tu Tema:  El Perfil de una Criatura Fantástica (¡inventada por ti!). ¡Vamos a empezar! Fase 1: Preparación (5 Minutos) Abre tus herramientas: Abre tu  editor de código  (Notepad++). En otra pestaña, abre la  herramienta de Inteligencia Artificial  que te indique tu profesor. ( Gemini o ChatGPT ) Crea tu archivo: En tu editor de código, crea un nuevo archivo y guárdalo como  index.html . Fase 2: ¡Manos a la Obra con tu Asistente de IA!  Paso 1: La Instrucción Mágica (El " Prompt ") Vamos a darle a la IA una instrucción súper clara para que nos genere el esqueleto de nuestra página HTML . 👉  Copia el siguiente...

  Actividad: ¡Crea tu Página Web con un Asistente de IA! ¡Hola! Prepárate para un desafío de velocidad y creatividad. Tu misión de hoy es crear una página web funcional y con un estilo increíble en tiempo récord. No estarás solo: contarás con un  copiloto de Inteligencia Artificial  que te ayudará a escribir el código inicial. Tu Tema:  El Perfil de una Criatura Fantástica (¡inventada por ti!). ¡Vamos a empezar! Fase 1: Preparación (5 Minutos) Abre tus herramientas: Abre tu  editor de código  (como Visual Studio Code o el que uses en clase). En otra pestaña, abre la  herramienta de Inteligencia Artificial  que te indique tu profesor/a. Crea tu archivo: En tu editor de código, crea un nuevo archivo y guárdalo como  index.html . Fase 2: ¡Manos a la Obra con tu Asistente de IA!  Paso 1: La Instrucción Mágica (El "Prompt") Vamos a darle a la IA una instrucción súper clara para que nos genere el esqueleto de nuestra página. 👉  Copia el ...

   Actividad: ¡Crea tu Página Web con un Asistente de IA! ¡Hola! Prepárate para un desafío de velocidad y creatividad. Tu misión de hoy es crear una página web funcional y con un estilo increíble en tiempo récord. No estarás solo: contarás con un  copiloto de Inteligencia Artificial  que te ayudará a escribir el código inicial. Tu Tema:  El Perfil de una Criatura Fantástica (¡inventada por ti!). ¡Vamos a empezar! Fase 1: Preparación (5 Minutos) Abre tus herramientas: Abre tu  editor de código  (como Visual Studio Code o el que uses en clase). En otra pestaña, abre la  herramienta de Inteligencia Artificial  que te indique tu profesor/a. Crea tu archivo: En tu editor de código, crea un nuevo archivo y guárdalo como  index.html . Fase 2: ¡Manos a la Obra con tu Asistente de IA!  Paso 1: La Instrucción Mágica (El "Prompt") Vamos a darle a la IA una instrucción súper clara para que nos genere el esqueleto de nuestra página. 👉  Cop...

  Actividad: ¡Crea tu Página Web con un Asistente de IA! ¡Hola! Prepárate para un desafío de velocidad y creatividad. Tu misión de hoy es crear una página web funcional y con un estilo increíble en tiempo récord. No estarás solo: contarás con un copiloto de Inteligencia Artificial que te ayudará a escribir el código inicial. Tu Tema: El Perfil de una Criatura Fantástica (¡inventada por ti!). ¡Vamos a empezar! Fase 1: Preparación (5 Minutos) Abre tus herramientas: Abre tu editor de código (como Visual Studio Code o el que uses en clase). En otra pestaña, abre la herramienta de Inteligencia Artificial que te indique tu profesor/a. Crea tu archivo: En tu editor de código, crea un nuevo archivo y guárdalo como index.html . Fase 2: ¡Manos a la Obra con tu Asistente de IA! (25 Minutos) Paso 1: La Instrucción Mágica (El "Prompt") Vamos a darle a la IA una instrucción súper clara para que nos genere el esqueleto de nuestra página. 👉 Copia el siguiente texto COMPLETO y pégalo en ...

Plan de Actividad: ¡Dando Vida a tu Página con JavaScript! Tema:  Interacción con JavaScript. Objetivo: Añadir un botón a tu página anterior que permita mostrar y ocultar la tabla de detalles usando conceptos básicos de JavaScript. Requisito: Tener a mano tu proyecto de CodePen de la clase anterior. Introducción  ¡Vamos a darle interacción a nuestra página! Ya tenes la estructura (HTML) y el estilo (CSS). Ahora, con JavaScript (JS), le agregamos comportamiento e interactividad. Tu trabajo: Añadir un botón que, al hacerle clic, ocultará o mostrará la tabla con los detalles de los desafíos de la IA. Abre tu Pen de la actividad anterior y comienza ⚡ Paso 1: Preparando el Terreno en HTML  Para que JavaScript pueda "encontrar" los elementos con los que va a trabajar, necesitamos darles un nombre único, un id . Añade el botón: Justo antes de tu <table> , añade esta línea de código HTML para crear el botón. El id nos servirá para identificarlo en J...