Скачать или смотреть TUTORIAL | Transforma los mensajes de alerta con SweetAlert, Bootstrap y JavaScript | Capítulo 14

👀 En el capítulo 14 vamos a transformar los mensajes de alerta creados con el método alert( ) de JavaScript mediante el uso SweetAlert y Bootstrap para mejorar la experiencia del usuario
------------------------------------------------------------------------------------------------------------------------

🎬Principales momentos del video:

⌚ 0:38 Objetivo del capítulo 🎯

▶⌚ 1:18 Transformación del primer mensaje ALERT( )
⌚ 4:14 Uso del parámetro de SweetAlert: confirmButtonColor
⌚ 5:09 Uso del parámetro de SweetAlert: imageWidth e imageHeight
⌚ 5:35 Uso del parámetro de SweetAlert: width
⌚ 6:16 Uso del parámetro de SweetAlert: title
⌚ 8:34 Uso del parámetro de SweetAlert: confirmButtonText
⌚ 9:07 Utilizando Fontawesome para añadir íconos
⌚ 12:25 Utilizando Bootstrap y el parámetro de SweetAlert: customClass
⌚ 12:25 Utilizando Bootstrap y el parámetro de SweetAlert: customClass
▶⌚ 20:11 Transformación del segundo mensaje ALERT( )
⌚ 22:03 Uso del parámetro de SweetAlert: icon
▶⌚ 23:27 Transformación del tercer mensaje ALERT( )
▶⌚ 28:51 RETO 🚩

------------------------------------------------------------------------------------------------------------------------

🎬Repasa los capítulos anteriores:

Capítulo 1 - Alineando con 💙CSS FlexBox (   • 💻 Tutorial: Cómo añadir estilos con propie...  )

Capítulo 2 - Uso de 💙CSS Grid para crear las cards de los mokepones (   • 💻 Tutorial: Cómo añadir estilos con propie...  )

Capítulo 3 - Jerarquía de textos y encabezados, badges y fuentes de texto (   • 💻 Tutorial: Cómo añadir estilos con propie...  )

Capítulo 4 - Animaciones con 💙CSS y uso de 💛JS para iluminar la card seleccionada (   • 💻 Tutorial: Añadir propiedades 💙 CSS  y mé...  )

Capítulo 5 - Culminación de capítulo 4 (   • 💻 Tutorial: Añadir propiedades 💙 CSS  y mé...  )

Capítulo 6 - Aplicación de estilos 💙CSS en pantalla 2 (   • 💻 Tutorial: Cómo añadir estilos con propie...  )

Capítulo 7 - Posicionamiento con 💙CSS y aplicación de clases desde 💛JS (   • 💻 Tutorial: Cómo posicionar con 💙 CSS y us...   )

Capítulo 8 - Elabora el 1° botón flotante con 💙CSS (   • 💻 Tutorial: Cómo crear un botón flotante c...  )

Capítulo 9 - Elabora el 2° botón flotante con 💙CSS (   • 💻 Tutorial: Cómo crear un 2do botón flotan...  )

Capítulo 10 - Posicionamiento con 💙CSS y uso de 💛JS para impactar la lógica de la caja de mensajes del juego (   • 💻 Tutorial: Refuerza tus habilidades con 💛...  )

Capítulo 11 - Crear las tarjetas de los mokepones desde 💛JS a partir de un array de objetos (   • 💻 Tutorial: Cómo crear tarjetas del juego ...  )

Capítulo 12 - Incorpora un Sistema de vidas gráfico para el juego con 💛JS (   • 💻 Tutorial: Cómo incorporar un sistema de ...  )

Capítulo 13 - Pasar información entre pantallas utilizando 💛JS (   • 💻 Tutorial: Cómo pasar información entre p...  )

------------------------------------------------------------------------------------------------------------------------
💻 Repositorio en GitHub: https://github.com/raulsr92/Proyecto-...
📱 Interactúa con la demo: https://raulsr92.github.io/Proyecto-m...