Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript
En este video aprenderás como hacer un sistema de notificaciones / alertas tipo toast con animaciones y cierre automático todo desde cero con HTML, CSS y Javascript.
Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/diseno-web
⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/react
⭐Curso Completo de Javascript
https://www.desarrolloweb.io/cursos/javascript
⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql
⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/bootstrap
⭐ Curso Completo de creación de tiendas online:
https://www.desarrolloweb.io/cursos/tiendas-online
---
📄 Código del Proyecto: https://github.com/falconmasters/notificaciones-toast
📄Iconos:
https://icons.getbootstrap.com/icons/exclamation-octagon-fill/
https://icons.getbootstrap.com/icons/check-square-fill/
https://icons.getbootstrap.com/icons/exclamation-triangle-fill/
https://icons.getbootstrap.com/icons/info-circle-fill/
Indice:
00:00:00 - Inicio
00:02:05 - Código HTML
00:14:58 - Código CSS
00:32:42 - Animaciones con CSS
00:49:40 - Eventos de botones
00:59:51 - Función de abrir toast
01:20:35 - Botón de cerrar toast
---
Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Facebook: http://www.facebook.com/falconmasters
Видео Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript канала FalconMasters
Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/diseno-web
⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/react
⭐Curso Completo de Javascript
https://www.desarrolloweb.io/cursos/javascript
⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql
⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/bootstrap
⭐ Curso Completo de creación de tiendas online:
https://www.desarrolloweb.io/cursos/tiendas-online
---
📄 Código del Proyecto: https://github.com/falconmasters/notificaciones-toast
📄Iconos:
https://icons.getbootstrap.com/icons/exclamation-octagon-fill/
https://icons.getbootstrap.com/icons/check-square-fill/
https://icons.getbootstrap.com/icons/exclamation-triangle-fill/
https://icons.getbootstrap.com/icons/info-circle-fill/
Indice:
00:00:00 - Inicio
00:02:05 - Código HTML
00:14:58 - Código CSS
00:32:42 - Animaciones con CSS
00:49:40 - Eventos de botones
00:59:51 - Función de abrir toast
01:20:35 - Botón de cerrar toast
---
Redes Sociales:
📌 Twitter: http://www.twitter.com/falconmasters
📌 Facebook: http://www.facebook.com/falconmasters
Видео Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript канала FalconMasters
tutorial como hacer sistema notificaciones alertas popup ventana emergente aviso mensaje exito error animaciones cierre automatico html css javascript desarrollo web diseño web ux ui frontend backend programación web sitios web diseño interfaces diseño responsivo efectos visuales desde cero español principiantes falconmasters
Комментарии отсутствуют
Информация о видео
4 мая 2023 г. 21:06:57
01:38:53
Другие видео канала