• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Cursos online y materiales digitales para estudiantes y desarrolladores web

  • CURSOS
  • BLOG
  • QUIÉN SOY
  • FAQ
  • ACCEDER
  • CONTACTO

Curso de Javascript IV

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

Publicado el 17/08/2020 por Ada

Seguimos con la cuarta parte del curso de Javascript inicial, donde nos adentraremos en una de las características más importantes de Javascript, siempre trabajando con Vanilla Javascript (o Javascript puro).

Aprenderás a ver todas las opciones que existen a la hora de crear eventos en Javascript: en línea, tradicional, y, la más importante, la recomendación seguida por el W3C, que es en la que nos centraremos en adelante.

Además, veremos varias opciones sobre cómo integrar Javascript en un formulario para realizar validaciones del lado del cliente, desde hacerlo con HTML5 hasta crear nuestras propias funciones de validación e integrarlas con funciones específicas.

Por último, veremos lo que son las Cookies en Javascript y el WebStorage y por qué es más recomendable la segunda opción frente a la primera.

Información didáctica asociada

Contenidos

Este curso dispone de los siguientes contenidos recogidos en la Orden EDU/2887/2010, de 2 de noviembre, por la que se establece el currículo del ciclo formativo de Grado Superior correspondiente al título de Técnico Superior en Desarrollo de Aplicaciones Web.

e) Interacción con el usuario: eventos y formularios:

  • Modelo de gestión de eventos.
  • Manejadores de eventos.
  • Utilización de formularios desde código.
  • Acceso a los miembros del formulario.
  • Modificación de apariencia y comportamiento.
  • Validación y envío.
  • Expresiones regulares.
  • Utilización de cookies.
  • Escritura y lectura de cookies.
Resultados de aprendizaje y criterios de evaluación

Este curso contribuye a obtener los siguientes resultados de aprendizaje y sus criterios de evaluación asociados recogidos en el Real Decreto 686/2010, de 20 de mayo, por el que se establece el título de Técnico Superior en Desarrollo de Aplicaciones Web y se fijan sus enseñanzas mínimas.

RESULTADO DE APRENDIZAJE

  1. Desarrolla aplicaciones Web interactivas integrando mecanismos de manejo de eventos.

CRITERIOS DE EVALUACIÓN:

a) Se han reconocido las posibilidades del lenguaje de marcas relativas a la captura de los eventos producidos.

b) Se han identificado las características del lenguaje de programación relativas a la gestión de los eventos.

c) Se han diferenciado los tipos de eventos que se pueden manejar.

d) Se ha creado un código que capture y utilice eventos.

e) Se han reconocido las capacidades del lenguaje relativas a la gestión de formularios Web.

f) Se han validado formularios web utilizando eventos.

g) Se han utilizado expresiones regulares para facilitar los procedimientos de validación.

h) Se ha probado y documentado el código.

Contenido del Curso

Modelos de eventos
Javascript – #4.01. Modelo de eventos en línea

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 17min
Javascript – #4.02. Modelo de eventos tradicional

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 8min
Javascript – #4.03. Modelo de eventos del W3C

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 11min
Javascript – #4.04. Modelo de eventos de Microsoft

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 9min
Javascript – #4.05. Obtención de información de un evento

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 10min
Validación de formularios
Javascript – #4.06. Validación básica de formularios con Javascript

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 25min
Javascript – #4.07. Validación básica de formularios con HTML5

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 11min
Javascript – #4.08. Validación avanzada de formularios con HTML5 y Javascript

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 21min
Cookies
Javascript – #4.09. Cookies. Introducción

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 12min
Javascript – #4.10. Cookies. Ejemplo sencillo

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 9min
Javascript – #4.11. Cookies. Ejemplo avanzado

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 22min
Web Storage
Javascript – #4.12. Web Storage. Introducción

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 10min
Javascript – #4.13. Web Storage. Ejemplo completo

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

 18min
¡Has llegado al final!

Interacción con el usuario. Eventos, formularios, cookies y WebStorage

Ratings and Reviews

5.0
Avg. Rating
9 Ratings
5
9
4
0
3
0
2
0
1
0
What's your experience? We'd love to know!
Login to Review
Juan Jose Garcia
Posted 4 semanas ago
.

.

×
Preview Image
Helpful?
Lucas
Posted 1 mes ago
Genial este curso!!!

Muy bueno y súper interesante. Gracias

×
Preview Image
Helpful? One person found this helpful.
Amaia
Posted 2 meses ago
Como siempre, estupendo

No paro de recomendar estos minicursos por se tan claros, concisos y bien explicados.

×
Preview Image
Helpful? One person found this helpful.
Cesar
Posted 4 meses ago
Eventos, cookies y webstorage

Los eventos son imprescindibles y vienen muy bien explicados con ejemplos prácticos.LA verdad que no conocia el funcionamiento de las cookies y aunque sea mas sencillas que otros temas me he liado con un par de cosillas pero no me preocupa en exceso. La webstorage ni la conocía y viene bien. Un módulo aconsejable, sobre todo por los eventos.

×
Preview Image
Helpful? One person found this helpful.
Lourdes Díaz Ortiz
Posted 5 meses ago
Crear los elementos con el orden lógico para entender

Bueno, bueno, ya el curso va tomando mucha profundidad. La profesora tiene una manera de enseñarte como ir construyendo el código de manera que tenga lógica y que haga sentido. Excelentes explicaciones.

×
Preview Image
Helpful? One person found this helpful.
Laura
Posted 5 meses ago
Excelente

Muy buenos vídeos para aprender toda la parte de almacenamiento en el navegador

×
Preview Image
Helpful? One person found this helpful.
Show more reviews
What's your experience? We'd love to know!
Login to Review

Filed Under: Curso Tagged With: javascript

Footer

Didacticode

Cursos para estudiantes y docentes del mundo de la informática.
Retos: retos resueltos de programación.
Tips&Tricks: trucos y consejos.
Boleticodes: boletines de noticias.
Quiénes somos: Ada, Edu... y Laura.
Contacto¡Contacta conmigo!

Legal

Aviso legal
Política de privacidad
Cookies

Redes Sociales

Youtube
Twitter
Instagram
Facebook
Twitch
LinkedIn
Gitlab
Github

Didacticode © 2023

¡Cómo no! Este sitio también utiliza cookies para mejorar la experiencia de tu visita.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

Resumen de privacidad
Didacticode

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.