Lecciones del curso

Aprende a programar con JavaScript GRATIS

Bienvenid@ a la terminal
6m
Git y Github
14m
Creando un repositorio en Github
15m
Clonando un repositorio de Github
4m
Comenzando con JS
9m
HTML5 no es sólo HTML
3m
Tu primer documento HTML5
8m
Estructura Básica de un documento HTML
4m
Agregando CSS
8m
Previsualizando nuestro trabajo en el navegador
7m
Previsualizando nuestro trabajo en el navegador
7m
Conectando css a nuestro index.html
6m
Agregando interactividad con JS
6m
Undefined
2m
Null
3m
Intro a funciones
9m
Return
8m
Iconos de fontawesome
8m
FlexBox
4m
FlexBox avanzado
7m
Selectores CSS
7m
Position: [absolute, relative, fixed]
13m
Cascada CSS
11m
Arrays
8m
Intro a estructuras de datos
4m
Objetos
7m
Nodos
5m
Manipulación de nodos
10m
Crear nodos
6m
Listeners
7m
Agregar Clases CSS con JS
11m
Sobre jQuery
2m

Introducción a los Eventos web

Eventos estandard

Los eventos se envían para notificar al código de cosas interesantes que han ocurrido. Cada evento está representado por un objeto que se basa en la interfaz Event, y puede tener campos y/o funciones personalizadas adicionales para obtener más información acerca de lo sucedido. Los eventos pueden representar cualquier cosa desde las interacciones básicas del usuario para notificaciones automatizadas de las cosas que suceden en el modelo de representación (DOM).

Son muchísimos

Estos eventos se definen en las especificaciones Web oficiales, y deben ser comunes en todos los navegadores. Cada evento aparece junto con la interfaz que representa el objeto enviado a los destinatarios del evento (por lo que puede encontrar información sobre los datos que se incluyen en cada caso), así como un enlace a la especificación o especificaciones que definen el evento: Revisa la list aquí

Los eventos que ocuparemos nosotros

Para este bootcamp, ocuparemos una pequeña lista de eventos, los cuales son los más usados en desarrollo web.

  • click
  • change
  • keypress
<img width="300px" src="https://i.ytimg.com/vi/QE1YQnhntgw/maxresdefault.jpg" alt="transitions">

Happy Coding! ❤

Recursos extra