{"id":5732,"date":"2018-11-21T13:22:37","date_gmt":"2018-11-21T13:22:37","guid":{"rendered":"\/blog\/?p=5732"},"modified":"2025-04-01T13:04:08","modified_gmt":"2025-04-01T13:04:08","slug":"offline-coding-activities-you-can-do-with-your-students-event-handlers","status":"publish","type":"post","link":"https:\/\/wps.codemonkey.com\/es\/blog\/offline-coding-activities-you-can-do-with-your-students-event-handlers\/","title":{"rendered":"Actividades de codificaci\u00f3n sin conexi\u00f3n que puede realizar con sus alumnos: controladores de eventos"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">\u00bfEst\u00e1s buscando una actividad de codificaci\u00f3n gratuita y divertida que puedas hacer con tu clase? CodeMonkey lo tiene cubierto en nuestra columna de blog m\u00e1s reciente: Actividades de codificaci\u00f3n sin conexi\u00f3n. No necesita ninguna experiencia en codificaci\u00f3n para realizar esta actividad; simplemente lea el siguiente ejercicio y luego h\u00e1galo ma\u00f1ana en clase. La actividad de 15 minutos de esta semana ayudar\u00e1 a los estudiantes a comprender c\u00f3mo <\/span><b>controladores de eventos<\/b><span style=\"font-weight: 400;\"> trabajar en programaci\u00f3n. <\/span><\/p>\n<p>La siguiente actividad facilita la comprensi\u00f3n de un evento (cuando sucede algo en el juego) y un controlador de eventos, espec\u00edficamente el evento de clic (esto es lo que sucede cuando se hace clic en un objeto).<\/p>\n<p>1. Primero, solicite cuatro voluntarios:<\/p>\n<ul>\n<li>Nomine a un voluntario para que sea el &quot;causante del evento&quot;. Su funci\u00f3n ser\u00e1 desencadenar el evento en el juego.<\/li>\n<li>Nomine a los otros tres voluntarios para que respondan a un evento (o act\u00faen como los &quot;manejadores de eventos&quot; que llevan a cabo el evento). Decida con los &quot;manejadores de eventos&quot; sobre sus acciones (por ejemplo, el voluntario 2 caminar\u00e1 hacia la ventana, el voluntario 3 contar\u00e1 hasta 10 en espa\u00f1ol, el voluntario 4 escribir\u00e1 &quot;hola&quot; en la pizarra, etc.)<\/li>\n<\/ul>\n<p><span style=\"font-size: 1rem;\">2. En segundo lugar, d\u00edgale a los &quot;manejadores de eventos&quot; que solo pueden ejecutar su acci\u00f3n cuando el &quot;causante del evento&quot; toca sus hombros.<\/span><\/p>\n<p>3. P\u00eddale al \u201ccausante del evento\u201d que comience a dar vueltas y golpee los hombros de los \u201cmanejadores de eventos\u201d. Cada &quot;manejador de eventos&quot; debe realizar su acci\u00f3n solo cuando el &quot;causante del evento&quot; les toca el hombro. Pregunte al &quot;causante del evento&quot; que tambi\u00e9n:<\/p>\n<ul>\n<li>haga clic en otros estudiantes de la clase (que no deber\u00edan hacer nada). Preg\u00fantele a su clase por qu\u00e9 los estudiantes no est\u00e1n haciendo nada. Esto se debe a que no fueron programados para ejecutar una acci\u00f3n.<\/li>\n<li>tocar otros objetos de la clase (es decir, una silla o un escritorio). Nada pasar\u00e1. Pregunte a sus alumnos por qu\u00e9 no pasa nada. Esto se debe a que estos objetos no tienen la capacidad de manejarse en un evento.<\/li>\n<\/ul>\n<p>Los eventos son acciones desencadenadas por el usuario que tienen lugar mientras se ejecuta el c\u00f3digo y, como resultado, afectan lo que est\u00e1 sucediendo.<\/p>\n<p>Los eventos inform\u00e1ticos son:<\/p>\n<ul>\n<li>Presionando una tecla en el teclado<\/li>\n<li>Haciendo clic en el mouse<\/li>\n<li>Moviendo el raton<\/li>\n<\/ul>\n<p>Cuando hacemos clic con el mouse, activamos el &#039;evento de clic del mouse&#039; y se llama a la funci\u00f3n &#039;onClick&#039;. Esta funci\u00f3n tambi\u00e9n se llama<strong> controlador de eventos<\/strong>. La funci\u00f3n onClick no tiene par\u00e1metros. Cada vez que se hace clic con el mouse, se llama a la funci\u00f3n onClicked. Si la funci\u00f3n no est\u00e1 definida en el sprite, no suceder\u00e1 nada cuando se haga clic en el sprite. Cuando se hace clic con el mouse en cualquier cosa que no sea un objeto, no suceder\u00e1 nada, porque no hay ning\u00fan objeto que escuche (o \u201cespere\u201d) el disparador.<\/p>\n<p><b>Esta actividad de codificaci\u00f3n fuera de l\u00ednea es de la Lecci\u00f3n 2 del Curso de Animaciones de Sprite de CodeMonkey. Para obtener m\u00e1s actividades divertidas y una gu\u00eda detallada del plan de estudios sobre c\u00f3mo ense\u00f1ar CodeMonkey, reg\u00edstrese para nuestra prueba gratuita para maestros <\/b><a href=\"https:\/\/www.codemonkey.com\/teachers#teacher-trial\"><b>aqu\u00ed<\/b><\/a><b>.<\/b><\/p>","protected":false},"excerpt":{"rendered":"<p>Are you looking for a fun, free coding activity that you can do with your class? CodeMonkey has you covered in our newest blog column &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wps.codemonkey.com\/es\/blog\/offline-coding-activities-you-can-do-with-your-students-event-handlers\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Offline Coding Activities You Can Do with Your Students &#8211; Event Handlers&#8221;<\/span><\/a><\/p>","protected":false},"author":41,"featured_media":5735,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":{"footnotes":""},"categories":[744,533],"tags":[537,534,535],"class_list":["post-5732","post","type-post","status-publish","format-image","has-post-thumbnail","hentry","category-for-teachers","category-offline-coding-activities","tag-offline-coding","tag-offline-coding-activities","tag-unplugged-coding","post_format-post-format-image"],"_links":{"self":[{"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/posts\/5732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/comments?post=5732"}],"version-history":[{"count":1,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/posts\/5732\/revisions"}],"predecessor-version":[{"id":12429,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/posts\/5732\/revisions\/12429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/media\/5735"}],"wp:attachment":[{"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/media?parent=5732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/categories?post=5732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wps.codemonkey.com\/es\/wp-json\/wp\/v2\/tags?post=5732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}