Ahora que ya tenemos planeado y preparado todo el desarrollo, es hora de comenzar. De acuerdo a nuestro plan lo primero que aremos será ocultar las advertencias, vamos a ir a signup-form.coffee e ingresaremos lo siguiente: $(form span).hide() Simplemente estamos utilizando un selector CSS para las advertencias, si hechas un vistazo al HTML todas nuestras advertencias son elementos <span> dentro de nuestro formulario.

Esperamos que hayas disfrutado y aprendido mucho creando el overlay, en esta etapa vamos a seguir practicando, esta vez vamos a añadir algo de UX (experiencia de usuario) a un formulario usando jQuery, la idea principal es mostrar advertencias al usuario, cuando damos avisos al usuario en los momentos apropiados eso mejorará la experiencia de los usuarios, vamos a aprender nuevos métodos y nuevos tipos de eventos, en la etapa anterior trabajamos con el evento "click", en esta etapa trabajaremos con eventos del teclado, comencemos!

Continuemos desarrollando nuestro overlay. Ahora vamos a resolver el #jChallenge de la lección anterior, este era sobre hacer que se cierre el overlay al dar click para no tener que recargar la página, si pudiste superar el reto Felicitaciones!, si no lo lograste no te preocupes, estamos aprendiendo. Lo único que necesitamos hacer es capturar el evento click en el overlay y luego esconderlo, fácil no?

Páginas

Mejora tus capacidades

Con un email a la semana, suscríbete hoy!