Cómo crear una ANIMACIÓN de CARGA de DATOS en iOS | SkeletonView

La carga de datos asíncrona en una App es un proceso muy habitual. En este tutorial para Swift y Xcode vamos a aprender a realizar animaciones de nuestra vista para representar este proceso de espera y carga gracias a la librería SkeletonView. Todo ello de una manera simple y mucho más profesional que usando el clásico spinner (UIActivityIndicatorView).

¡HOLA HACKERMEN! 👋🏼
Bienvenidos a MoureDev by Brais Moure. Tutoriales de desarrollo y programación de apps para iOS y Android.

👍🏼 SI TE GUSTA EL CONTENIDO, COMPARTE, COMENTA Y DEJA TU LIKE
Solo te llevará unos segundos y me ayudarás enormemente.
¡Gracias!

🔔 SUSCRÍBETE Y ACTIVA LA CAMPANA
► https://goo.gl/afPz3g

🏆 COLABORA CON EL CANAL UNIÉNDOTE AL PROGRAMA DE MIEMBROS EN YOUTUBE O TWITCH:
Ayúdame a seguir creando contenido y disfruta de ventajas exclusivas. Tanto en YouTube como en Twitch disfrutarás de las mismas recompensas, tú eliges la plataforma.
► YouTube (botón UNIRSE): https://www.youtube.com/mouredevapps/join
► Twitch (botón SUSCRIBIRSE): https://twitch.tv/mouredev
► Vídeo con toda la información: https://youtu.be/sIVhiL8M_oM

💻 MI EQUIPO/SETUP (Ordenador, Teclado, Ratón, Cámara, Micrófono, Luces...):
Puedes ver mi setup completo con enlaces de información a todos los productos en mi página web:
► https://mouredev.com/setup

🎓 CURSO COMPLETO iOS 14 y Swift 5.3  Desde Cero en UDEMY:
► Apúntate en: https://www.udemy.com/course/swift_ios

► SÍGUEME EN:
🕹 NEW! Twitch: https://twitch.tv/mouredev
(programación y tecnología en directo todas las semanas)
🐦 Twitter: https://twitter.com/mouredev
📷 Instagram: https://instagram.com/mouredev
📝 Facebook: https://facebook.com/mouredev
🖥 Mi web: https://mouredev.com

👕 MERCHANDISING OFICIAL DEL CANAL:
Entra en la sección "Tienda" del canal, o a través de los enlaces siguientes:
► Tienda YouTube: https://www.youtube.com/mouredevapps/store
► Tienda Teespring: https://teespring.com/stores/mouredev

⭐️ DESCUENTOS DE COLABORADORES:

🖥 Hostinger. Cupón "MOUREDEV" 7% en todos los servicios (Dominio, Hosting, Email...):
► https://www.hostg.xyz/SH4lk

🧹 MacPaw. Descuentos en licencias de software (CleanMyMac X, CleanMyPC, Setapp...):
► https://macpaw.audw.net/c/2550109/94160/1733

🌍 NordVPN. Descuentos en los servicios de acceso seguro y privado a internet:
► https://nordvpn.org/mouredev

🎓 CodelyTV Pro. Descuento de 5€ en el primer mes y licencia de IntelliJ durante 6 meses gratis:
► https://codely.tv/pro/mouredev

⌨️ Kite. Asistente de codificación de código gratuito para programar de forma más rápida. Soporta 33 lenguajes e IDEs.
► https://bit.ly/35cajKj

✉️ CONTACTO PROFESIONAL:
► Respuesta garantizada si me invitas a un café: https://mypublicinbox.com/mouredev
► Respuesta no garantizada debido el gran número de email que recibo: braismoure@mouredev.com

👨🏻‍💻🧑🏼‍💻 ÚNETE A LA N Ξ O | Army. NUESTRO SERVER DE DISCORD:
Una comunidad creada por y para programadores. Un lugar donde compartir tu experiencia y aprender de la del resto de miembros.
► Accede GRATIS desde https://discord.gg/neoarmy

📖 MI LECTURA RECOMENDADA:
• Título: El limpiador de código (Software, 2011)
• Autor: Robert C. Martin
► Cómpralo en: https://amzn.to/3mauAX5

🔗 RECURSOS VÍDEO:
• Descarga el proyecto de prueba: https://github.com/mouredev/SkeletonViewTutorial
• Repositorio y documentación de SkeletonView: https://github.com/Juanpe/SkeletonView
• SF Symbols 2: https://developer.apple.com/sf-symbols

⏱ ÍNDICE:
• 0:00 - Introducción a SkeletonView
• 1:15 - Problemática del proyecto
• 2:33 - Explicación del proyecto de ejemplo
• 5:18 - Iconos con SF Symbols 2
• 6:22 - Integración SkeletonView
• 7:55 - Uso de SkeletonView
• 13:59 - Conclusiones y despedida