Cómo usar

Cómo usar intenta.cl

Una guía corta para explicar en clase. La parte de estudiantes está pensada para proyectarla: se lee desde la última fila.

Video tutorial · 3:34 min

intenta.cl en 4 minutos

Descargar el video

Cómo el profe arma una clase y crea una sala, cómo trabajan los estudiantes y qué ve el profe en vivo: preguntas rápidas, la pizarra y Python. Tiene narración y subtítulos, así que también se entiende sin audio; sirve para una reunión de profes o para la primera clase.

Transcripción del video

intenta.cl: una plataforma gratuita para enseñar programación en clase.

¿Qué es intenta.cl? No hay que instalar nada ni crear cuentas. Se programa en HTML, CSS, JavaScript y Python, en español. Los retos se corrigen solos, tienen pistas y se pueden encadenar en etapas. Y el profe acompaña a todo el curso en vivo.

Paso 1. El profe elige retos en la biblioteca: intenta.cl/retos Puede filtrar por lenguaje y por nivel. Cada reto trae su consigna, pruebas automáticas y pistas. Con «Agregar a una clase» arma una clase por etapas. Al crear la sala, la clase queda guardada para repetirla otro día. Paso 2. El panel del profe muestra el avance de la sala. «Proyectar código» muestra en grande dónde entrar.

Paso 3. Cada estudiante escribe la dirección con el código de la sala… …y entra con su nombre de pila. Arriba están las etapas y la consigna: lo que tiene que lograr. Paso 4. Al ejecutar, el panel «Pruebas» muestra qué está bien y qué falta. ¿Pegada? Puede abrir una pista, o pedir ayuda al profe. Con esa ayuda, escribe su solución… …y cuando todas las pruebas pasan, supera la etapa y sigue con la próxima.

Mientras tanto, el panel del profe se actualiza en vivo. Cada vez que un estudiante ejecuta su código, el resultado llega al instante.

Paso 5. Arriba aparece quién pidió ayuda, en orden de llegada. Con un aviso, todo el curso ve un mensaje y una cuenta regresiva. Las etapas muestran cuántos superaron cada una y cuánto tardan. El avance por prueba marca la más difícil: buen momento para explicar. «Ver código» permite ayudar sin moverse del puesto. Al final, descarga los resultados o un informe para imprimir.

Paso 6. Una pregunta rápida aparece en la pantalla de cada estudiante. Las respuestas llegan en vivo, y se ve quién falta. Al proyectarla y cerrarla, todos ven la respuesta correcta.

La sala tiene una pizarra compartida: todos dibujan en vivo. Tiene formas para diagramas de flujo, con su texto adentro. Y el código de un estudiante se lleva a la pizarra para revisarlo juntos.

En Python, lo que pide input() se responde en la consola. Si algo falla, el error se explica en español y la línea queda marcada. Y también se puede dibujar con turtle (la tortuga) o hacer gráficos.

Pensado para colegios Sin cuentas, correos ni contraseñas. Los estudiantes entran solo con su nombre de pila. Las salas y sus datos se borran solos a las 24 horas. Es gratis, sin publicidad, y el editor funciona incluso sin internet.

Para empezar: la biblioteca de retos, la guía y la ficha para imprimir.

intenta.cl — Programar se aprende intentando.

Subtítulos para Classroom o YouTube: intenta-cl-tutorial.srt.

Para estudiantes

Resolver un reto en 5 pasos

Imprimir ficha
  1. Entra a la sala

    Abre el enlace que te dio tu profe o escribe intenta.cl/s/ y el código de la sala (ej. intenta.cl/s/K7M2QX). Escribe tu nombre y toca Entrar a la sala. Si tu profe te mandó un enlace intenta.cl/e/…, solo ábrelo.

  2. Lee la consigna

    Arriba del editor está lo que tienes que lograr. Léela completa: a veces dice cómo deben llamarse tus elementos o funciones.

  3. Escribe tu código

    Usa las pestañas del editor: HTML, CSS y JS en los retos web, o Python. Con En vivo activado se ejecuta solo mientras escribes; también puedes tocar Ejecutar o Ctrl + Enter. Si algo no calza (un paréntesis sin cerrar, por ejemplo), la línea queda subrayada en rojo; pasa el mouse encima para leer el aviso.

  4. Mira el resultado

    En web, a la derecha ves tu página y abajo la Consola con lo que imprime console.log(). En Python, cuando el programa pregunta algo con input(), responde directo en la Consola y presiona Enter (las respuestas quedan en Entrada, una por línea). Si dibujas con turtle o haces un gráfico con matplotlib, aparece arriba.

  5. Revisa las pruebas

    En el panel Pruebas, ✔ significa que pasa y ✘ te explica qué falta. Cuando todas pasan aparece ¡Reto superado! ¿Te quedaste pegado? Toca Ver pista junto a la consigna: se abren de a una. Si estás en una sala, tu profe ve tu avance en vivo, y con ✋ Pedir ayuda le avisas que necesitas que se acerque.

Web · PythonEjemplosA− A+En vivoEjecutar
1Sala en vivo K7M2QX · Participas como Ana
2Consigna Agrega un botón que reinicie el contador…
HTMLCSSJSPruebas
3
4Resultado
5Pruebas 2/3✔ Cuenta los clics✘ Falta #reiniciar
Los números coinciden con los pasos.

¿Qué significa este mensaje?

saludar no está definido
Usas un nombre que no existe. Revisa mayúsculas, tildes y que esté escrito igual donde lo creaste.
Símbolo inesperado · sintaxis inválida
Falta o sobra algo: un paréntesis, una llave, una comilla o, en Python, los dos puntos : al final de la línea.
Bucle detenido · tardó más de 5 s
Tu ciclo nunca termina. Revisa que la condición cambie en cada vuelta: ¿olvidaste i++ o i += 1?
input() no encontró más datos
Tu programa pide más datos de los que hay. Escribe más líneas en el panel Entrada.
Se esperaba "…" pero se obtuvo "…"
Tu código funciona, pero da otro resultado. Compara con cuidado: un espacio o una mayúscula también cuentan.
No existe ningún elemento #reiniciar
La prueba busca un elemento con ese id. Revisa que tu HTML lo tenga escrito igual.
Pruebas del reto · solo lectura
Las pruebas son de tu profe: no necesitas cambiarlas, solo lograr que pasen.

Atajos

Ctrl + Enter
Ejecutar
Ctrl + Z
Deshacer (Ctrl + Y rehace)
Ctrl + Espacio
Ver sugerencias
Tab
Agregar sangría
Esc y luego Tab
Salir del editor con el teclado
A− · A+
Achicar o agrandar la letra

¿Se guarda mi trabajo?

Sí, en este navegador: si cierras la pestaña y vuelves, sigue ahí. Si cambias de computador no se traslada solo. Para llevártelo usa Compartir (te da un enlace) o Descargar.

Para profes

De la idea a la sala en vivo

  1. Arma el ejercicio

    Lo más rápido es partir de la biblioteca de retos: más de 20 retos de Web y Python (HTML, CSS, JavaScript y Python, de básico a proyecto final) con pruebas y pistas, que puedes abrir en el editor o usar directamente en una sala.

    Para armar uno propio, elige Web o Python arriba a la izquierda, parte de un ejemplo o de una hoja en blanco, y escribe la consigna en la barra Consigna.

    Si las pruebas buscan un id o una función, nómbralos en la consigna: “agrega un botón con id reiniciar”.

  2. Agrega pruebas

    En la pestaña Pruebas del editor. Cada estudiante verá ✔ o ✘ al ejecutar. El botón Guía del panel Pruebas lista todo lo que puedes usar.

    Web (JavaScript)
    prueba('Reinicia a cero', () => {
      clic('#reiniciar');
      esperar(texto('#boton'))
        .contenga('0 veces');
    });
    Python
    @prueba("Aprueba con 4.0")
    def _():
        esperar(aprobado(4.0)).sea(True)
    
    @prueba("Muestra el promedio")
    def _():
        esperar(salida("2\n7.0\n5.0\n"))\
            .contenga("Promedio: 6.0")

    Deja el código inicial con una o dos pruebas sin resolver: el reto se entiende solo al ver qué falta.

    Con Agregar pistas, junto a la consigna, escribes hasta 3 pistas. Tus estudiantes las abren de a una y, en una sala, el panel muestra cuántas abrió cada uno.

    Parte con una pista general (“revisa la condición del if”) y deja la más concreta para el final.

  3. Compártelo

    Toca Compartir y elige:

    • Enlace corto para tareas o repaso: queda guardado y cada estudiante trabaja a su ritmo.
    • Sala en vivo para la clase: te da el enlace para tus estudiantes y el botón Abrir panel del profe. La sala dura 24 horas.

    Guarda el enlace del panel: incluye tu clave y es la única forma de abrir el panel desde otro computador.

    ¿Una clase completa? En la biblioteca, toca Agregar a una clase en 2 a 6 retos y crea una sala por etapas: cada estudiante pasa a la siguiente etapa al superar la anterior. La clase queda guardada con un enlace (intenta.cl/c/…) para crear una sala nueva cuando la repitas, y aparece en Tus clases guardadas de la biblioteca. También puedes compartir ese enlace con otros profes. Para usar un ejercicio tuyo como etapa, en el editor toca Compartir → Sala en vivo → Agregar a una clase por etapas. Una clase guardada se cambia con Editar o duplicar, que la carga en la biblioteca para guardarla como una clase nueva.

    Para la sala de computación hay una ficha de una página para imprimir con los pasos, los errores comunes y un recuadro para el código de la sala.

  4. Sigue la clase desde el panel

    • Proyectar código muestra en grande dónde entrar.
    • ✋ Piden ayuda aparece arriba cuando alguien levanta la mano, en orden de llegada. Con Atendida se la bajas y el estudiante recibe un aviso.
    • Aviso a la clase: un mensaje que aparece en todas las pantallas («guarden su trabajo»), con cuenta regresiva opcional.
    • En una sala por etapas, elige Cada uno a su ritmo (se avanza al superar la etapa) o Yo abro las etapas, para avanzar todos juntos con Abrir la etapa….
    • Ver código se actualiza solo cada vez que el estudiante ejecuta, y con Comparar con pones dos soluciones lado a lado.
    • Informe arma un resumen de la sala (etapas, pruebas, estudiantes y preguntas) para imprimir o guardar como PDF.
    • Avance por prueba te dice cuántos pasan cada una. La marcada como la más difícil es un buen momento para detenerse a explicar.
    • La lista de Estudiantes muestra primero a quienes llevan menos, cuántas pistas abrió cada uno y Ver código para ayudar sin moverte. Desde ahí, Mostrar en la pizarra lleva ese código a la pizarra de la sala para revisarlo con todo el curso.
    • En una sala por etapas, Etapas de la clase muestra cuántos superaron cada una y en cuál va cada estudiante. Toca una etapa para ver su avance por prueba.
    • Pregunta rápida: escribe una pregunta de alternativas (puedes agregar código, por ejemplo «¿qué imprime esto?») y aparece en la pantalla de cada estudiante. Ves las respuestas en vivo y quién falta; con Cerrar y mostrar resultados todos ven la respuesta correcta. Proyectar la muestra en grande sin nombres: mientras está abierta solo dice cuántos respondieron, para no influir en quienes faltan. Hay tres tipos: alternativas, respuesta corta (se agrupan las respuestas iguales y se corrige sin mayúsculas ni tildes) y escala de 1 a 5 (por ejemplo, «¿qué tan claro quedó?»). Marca Anónima para ver solo los totales.
    • Junto al avance de cada estudiante ves cuánto tardó en la etapa, o cuánto lleva. Si alguien lleva bastante más que la mayoría, aparece destacado: quizás necesita ayuda aunque no la pida.
    • Descargar resultados baja una planilla (CSV, se abre en Excel) con nombre, pruebas, etapas, pistas, respuestas a las preguntas y horas de cada estudiante.
  5. Cierra la sala

    Con Cerrar sala dejas de recibir resultados; si no la cierras, se borra sola a las 24 horas. El código de cada estudiante sigue guardado en su navegador.

Mensaje listo para tus estudiantes

Escribe el código de tu sala y copia el mensaje para WhatsApp, Classroom o la pizarra.


        
      

Qué se guarda

Enlaces cortos
El ejercicio: código, consigna y pruebas. Sin datos personales.
Salas en vivo
El nombre que escribe cada estudiante, sus resultados, su código y sus respuestas a las preguntas rápidas, por 24 horas como máximo.
Nada más
No hay cuentas, correos ni publicidad. El detalle está en Privacidad y condiciones.

Preguntas frecuentes

¿Tienen que instalar algo?
No, basta un navegador actualizado. En Python, la primera vez se descargan unos 10 MB: pide que abran el enlace unos minutos antes de empezar.
¿Sirve para poner nota?
Mejor no: las pruebas viajan en el enlace y cualquiera puede entrar con cualquier nombre. Úsalo para practicar y dar retroalimentación inmediata.
¿Funciona sin internet?
El editor sí: después de abrir intenta.cl una vez con internet (y usar Python una vez, si lo necesitas), se puede practicar sin conexión. Las salas, la pizarra, compartir y la biblioteca de clases necesitan internet. En el celular o el computador también se puede instalar como app desde el menú del navegador.
¿Se pueden hacer gráficos en Python?
Sí, con matplotlib (y también funcionan numpy y pandas). La primera vez que un programa los usa se descargan varios MB, así que conviene probarlo antes de la clase.
¿Se puede dibujar en Python?
Sí, con import turtle: el dibujo aparece sobre la Entrada, con una animación. En la biblioteca hay retos con turtle, y las pruebas pueden revisar el dibujo con trazos().
¿Cuántos estudiantes caben?
Hasta 200 por sala.
Un estudiante cerró la pestaña
Que vuelva a abrir el mismo enlace en el mismo navegador: recupera su código y aparece de nuevo en el panel.
Pizarra colaborativa

Una pizarra para toda la clase

Abrir la pizarra
  1. Créala

    En intenta.cl/pizarra toca Crear pizarra, o desde el panel de una sala toca Abrir pizarra: tendrá el mismo código de la sala y tus estudiantes la encuentran en el enlace Pizarra de su barra.

  2. Compártela

    Toca el código junto a "Pizarra" para copiar el enlace (intenta.cl/p/ y el código). Cada estudiante entra con su nombre de pila, y su cursor aparece con ese nombre.

  3. Trabajen juntos

    Hay lápiz, resaltador, flechas, rectángulos, elipses, textos, notas adhesivas y bloques de código. Todo aparece en vivo en las pantallas de los demás.

    Para una lluvia de ideas, pide a cada estudiante una nota adhesiva y después muévanlas para agruparlas.

    Para diagramas de flujo hay formas de decisión (rombo), inicio o fin, y entrada o salida: al dibujarlas escribes su texto, y con doble clic lo cambias. Únelas con flechas.

    Pegar (Ctrl + V): un texto con código se vuelve un bloque de código (si lo pega un estudiante, lleva su nombre) y un texto corto, una nota. Tú puedes pegar o arrastrar imágenes (capturas, fotos de un cuaderno), o elegirlas con el botón de imagen.

  4. Modera

    Con Solo profe la pizarra queda en modo presentación: solo tú dibujas. Puedes borrar cualquier elemento y Limpiar página. Cada estudiante solo puede mover, borrar o deshacer lo suyo.

    Páginas: con + Página agregas una hoja nueva y con las flechas avanzas o vuelves. Todos ven la página que tú muestras, como en una presentación; cada estudiante puede hojear las anteriores por su cuenta y volver con Ir a la del profe. Cada página puede tener su fondo: puntos, cuadrícula, plano cartesiano o blanco.

  5. Guárdala

    Guardar imagen descarga la página que se ve como PNG, y Guardar PDF, todas las páginas en un archivo. La pizarra se borra sola a las 24 horas.

Atajos de la pizarra

P · R
Lápiz · resaltador
F · Q · O
Flecha · rectángulo · elipse (con Shift, cuadrado o círculo)
T · N · K
Texto · nota · bloque de código (Ctrl + Enter para pegarlo)
D · I · E
Diagrama de flujo: decisión · inicio o fin · entrada o salida
V · B
Mover · borrador
Ctrl + Z
Deshacer lo último que hiciste
Ctrl + V
Pegar código, texto o (el profe) una imagen donde está el puntero

En tablets y celulares

Funciona con el dedo y con lápiz digital. La pizarra mantiene siempre la misma forma (16:9), así se ve igual en el proyector y en cada pantalla; en un celular conviene girarlo.