javascriptdenoobapro@gmail.com

Mostrar y Ocultar Elementos en Javascript

En este vídeo nos «enfrentamos» al proyecto de una manera diferente: estudiamos el código de nuestro proyecto, que ya tenemos escrito, analizándolo punto por punto.

En este proyecto web creamos una barra lateral y un modal (tipo formulario de registro) con HTML y CSS; con Javascript conseguimos mostrarlos y ocultarlos. Veremos cómo insertar iconos, dónde encontrar una imagen de un avatar ficticio para nuestros proyectos y explicaremos qué es una API y cómo funciona.

Para finalizar añadiremos Javascript para darle funcionalidad a esos iconos (botones) que hemos insertado y conseguir mostrar o esconder tanto la barra lateral como el modal con diferentes efectos.

00:00 Presentación proyecto

02:14 Comentario del código en HTML, CSS y JS

06:24 Análisis detallado del código (Intro)

07:01 ¿Qué vamos a aprender?

09:04 HTML (nav y header)

09:57 HTML (formulario)

12:56 Iconos (font-awesome)

15:00 Avatar (randomuser.me)

16:19 ¿Qué es una API?

24:07 CSS (variables)

25:17 CSS (flexbox)

27:34 CSS (posicionamiento)

30:34 CSS (transiciones)

32:59 CSS (animaciones/keyframes)

34:33 CSS (superposición)

36:26 JS (mostrar/esconder elementos)