Curso HTML 5. Eventos en HTML5 con JavaScript I. Vídeo 15

Показать описание

En este vídeo vemos el nuevo método addEventListener de la especificación HTML5 para crear manejadores de eventos. Comparamos este nuevo método respecto a técnicas anteriores y casi obsoletas a la hora de construir manejadores de eventos.

Рекомендации по теме

Комментарии

Veo como los primeros videos tienen miles de likes, pero ya en el video 15 no llegan a los mil, conclusión: la mayoría deserta. que lástima, este curso está muy muy áspero (como decimos en Colombia, o sea, muy bueno, espectacular), gracias viejo pildorasinformáticas por compartir sus conocimientos, ya me hagía convertido en un duro en Excel VBA gracias a este canal, y ahora a por HTML5, a ser un experto en diseño Web, muchas muchas muchas gracias, sensei cinta negra del HTML5

alexandermurciacalderon

alguien en 2020? :v, el profe explica muy bien jaja!, este curso ayuda mucho!, saludos!

kmilo

¡Gracias 2025!!!
Qué hermoso es ver cómo el conocimiento nos une más allá de las fronteras.
Desde cada rincón de Latinoamérica, dominicanos, argentinos, colombianos, mexicanos, venezolanos y tantos más... todos con el mismo ideal: aprender, crecer y salir adelante.
Tu trabajo no solo nos enseña, nos inspira... porque aquí no somos solo seguidores, somos una familia que cree que el conocimiento puede cambiar vidas.

Gracias por compartir tu talento con tanta pasión.

Viva Latinoamérica unida en una sola voz 💪🚀. Orgulloso de ser latinoamericano!!!

teldatamcy

Resumen.

Video 15:

-Eventos: son desencadenantes de la accion. es decir, en que sircuntancia se desencadena una accion.
y cuando. El usuario al hacer click por ejemplo o el sistema al cargar la pagina pueden desencadenar
una accion.Por ultimo hay que manejar el evento, codigo que procesa el evento.
-Formas de manjar el evento:
Manejadores de evento en linea: No se recomiendan ya que generan mucho codigo dificil de leer,
y de correjir.
Manejadores de evento como propiedades: Crear el codigo en una hoja externa o en las etiquetas
<script> en la zona del <head>. Mejor para correjir y leer el codigo. Igual que con css.
Metodo addEventListener(). Nuevo en especifiación html5. Practica mas recomendada. permite
establecer muchos eventos en el mismo evento.
- <p><img src="imagenes/1.jpg" onclick="tipoFlor()"></p> para hacer un manejador en linea. NADA
recomendable.
- function tipoFlor() {
alert("Flor llamada Pensamiento")
}
function daTipoFlor() {

}
window.onload=daTipoFlor;
Manejador de eventos en la cabecera, o en un documento externo. NECESARIO poner la pocicion.
-addEventListener() tiene uns estructura de 3 argumentos.(nombre del evento, funcion a ejecutar,
valor booleano.)
- function daTipoFlor() {
var

imagen.addEventListener("click", tipoFlor, false)
}
Forma recomendada de hacer el manejo de eventos.

Da like si te sirivio o para que otros lo lean.

Nico-qqxl

Carajoooo sin es increíble, quiero llegar a ser un gran programador angular y usted profe me ha dado empujoncitos de ánimos al brindar su conocimiento, y lo único que queda por decir es gracias y un saludo desde Colombia!!!

migueangelhernandezpedraza

Qué gran docente! Gracias Juan por la paciencia de explicar desde cero para quienes estamos arrancando.

tanacing

Amigo... Desde Venezuela, gracias por todo el esfuerzo y la buena voluntad de compartir sus conocimientos al mundo, en mi caso particular el canal Pildoras Informaticas es una de las principales fuente para adquirir formación en cuanto al mundo del desarrollo web y temas similares. Tengo cuatro meses estudiando duro, se que apenas comienzo, y el camino es largo, y sus clases tienen el toque de fusionar lo básico con lo complejo y de llegar al

Completamente agradecido por sus videos, éxito, y siga brillando como los campeones. Que el Dios de los cielos lo mantenga en paso firme.

pablocabeza

increible hombre. Saludos desde Argentina!

alanrojas

Sinceramente he seguido tu canal desde que inicie mi carrera de Ing. de sistemas y realmente me ha facilitido la vida, si alguien me pregunta sobre algo que no entiende o busca algun curso al primero que siempre busco es a ti, no te conozco ni nada por el estilo pero gracias por brindarnos todos estos conocimientos, pronto iniciare clases y empezare con programacion web pero ahora que veo tus videos me siento mucho mas capaz de sobrellevar esta materia y gracias a ti, realmente gracias!
Y me emociona ver lo que me falta por aprender!

JamesVanstrahlen

Gran trabajo! Sin tí no creo que hubiera entendido los eventos.
Muchísimas gracias.

alexfarina

9:49 Ostia Tío que el tipo de flor yo tampoco lo he conocido... jajajajajaja, excelentes clases hermano un saludo desde Venezuela, gracias por tus muy aleccionadoras clases

aristidesjosemolinaperez

Gracias por todos esto conocimientos, eres un gran heroe sin capa. Saludos desde Mexico

miguelangelvasquezgarcia

Muy buenos todos sus cursos profesor, los he visto desde hace un tiempo atrás y sí que he aprendido, gracias por todo y que la pase muy bien.

bryanmunoz

Antes que nada mil gracias por el curso, excelente. con relación al tema del video he notado que no tuve que declarar la variable "imagen" fuera de las función manejaflor para que pudiese ser identificada por las funciones menguar y crecer, incluso dentro de la función manejaflor la estructura que tengo en la primera linea de la función, no le coloque la palabra reservada "VAR", no se que ha pasado pero funciona perfectamente el código.

josefernandomezavelasquez

Como es que sabes tantas cosas Dios eres único, que buen maestro saludos desde República Dominicana.

enmanueldelapaz

hola maestro que he seguido este link para ver este método addEventListener y lo que he visto es que pues este curso de html5, da buena explicación de JavaScript creo que seguire estos videos, pues sois fabulosos,
UN GRAN SALUDO!!

xeovanijuarez

Maestro, te agradezco eternamente el material.
Te mando un abrazo gigante desde Argentina. Muchísimas gracias! Un saludo.

emiliogrisolia

En Argentina esa flor se llama Hortencia y forma un matorral grande. Mi abuela y tías nacidas en España tenían unas como de un metro de diámetro.

sergiorbb

Buenas aquí viendolo en 2022, excelente curso!

estebansanchez

09/08/2021
Actualmente sigo tus enseñanzas, aunque algunas cosas han cambiado en las etiquetas en la actualidad(Pero siempre tengo que revisar pequeños videos para comparar), pero me has ensado lo basico entre HTML y sus hermanos CSS y JavaScrip..., seguire hasta terminar estas serie. Saludos de ecuador

enriqueperez

Curso HTML 5. Eventos en HTML5 con JavaScript I. Vídeo 15

Curso HTML 5. Eventos en HTML5 con JavaScript I. Vídeo 15

Curso HTML 5. Eventos en HTML5 con JavaScript II. Vídeo 16

Curso HTML 5 desde 0: Server-Sent Events - 46

Eventos das Tags do HTML 5

MOOC HTML5. Eventos táctiles

Curso HTML 5. API Communication I. Vídeo 63

Curso HTML 5. Formularios IV. Evento invalid y API forms. Vídeo 24

Evento dblclick do HTML 5

Recapitulación - Desarrollo de frontend del proyecto 28/06/25

Evento search do HTML 5

Evento offline e online do HTML 5

Evento hashchange do HTML 5

Curso HTML 5 API Communication IV Enviando archivos Vídeo 66

Curso HTML 5 API Communication V. Comunicación entre aplicaciones. Vídeo 67

Evento resize do HTML 5

Evento blur do HTML 5

Evento keyup do HTML 5

Curso HTML 5. Inserción de Vídeos I. Vídeo 17

Desarrollo videojuegos HTML5 19: Eventos

Evento focus do HTML 5

17. Diseño Web HTML5 y CSS3 - Evento Click en JQuery

Evento mousemove do HTML 5

Evento mouseleave do HTML 5

Evento unload do HTML 5