Curso completo de SwiftUI desde cero
Aprende a crear tu portfolio de apps con Swift 5 y Xcode 11 utilizando el nuevo framework Swift UI de Apple desde cero!
Lo que aprenderás
Este curso cuenta con:
Este curso no tiene soporte del instructor
Videos en Full HD
Certificado de Finalización
Garantía de Reembolso
Contenido del Curso
SECCIÓN 1: INTRODUCCIÓN
Disponible en
días
días
después de inscribirte
SECCIÓN 2: SWIFT UI
Disponible en
días
días
después de inscribirte
SECCIÓN 3: EL USO DE TEXTOS EN SWIFT UI
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(2:39)
-
Crea un nuevo proyecto con Swift UI
(7:10)
-
Añadir un texto
(2:30)
-
Editar el estilo del texto
(13:12)
-
Fuentes personalizadas en el estilo
(4:01)
-
Textos multi línea
(7:21)
-
Padding y Spacing
(3:29)
-
Rotar el texto
(7:37)
-
Como probar tu app en tu dispositivo
(8:14)
SECCIÓN 4: EL USO DE IMÁGENES EN SWIFT UI
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(2:35)
-
Los SF Symbols
(9:26)
-
Como mostrar una imagen personalizada
(6:52)
-
Redimensionar una imagen
(6:44)
-
Aspect fit y Aspect fill
(10:39)
-
Cómo crear una imagen circular
(5:19)
-
Ajustar la opacidad de la imagen
(4:32)
-
El modificador overlay
(11:57)
-
Como oscurecer una imagen con capas adicionales
(7:08)
SECCIÓN 5: DISEÑO Y LAYOUT DE INTERFACES GRÁFICAS
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(3:22)
-
VStack, HStack y ZStack
(7:02)
-
VStack
(7:15)
-
HStack
(4:39)
-
Extracción de visitas
(9:28)
-
Diseño y colocación de las visitas
(9:59)
-
Organización del código
(11:57)
-
Zstack
(8:56)
-
Tarea 1: Un nuevo plan de aprendizaje
(2:33)
-
¿Qué tal fué?
(7:15)
-
Optionals en Wsift UI
(9:42)
-
Spacer
(9:25)
-
Tarea 2: Rediseña nuestra aplicación visualmente
(3:45)
SECCIÓN 6: SCROLLS Y CAROUSELS EN SWIFT UI
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderas en esta sección?
(4:37)
-
Varias clases para organizar el código
(7:04)
-
Cómo crear una Cardview
(13:01)
-
La prioridad de layouts
(12:54)
-
Una card view parametizada
(5:09)
-
Scroll view de Card Views
(5:02)
-
Ejercicio: cabecera personalizada
(11:26)
-
Como crear el efecto carousel
(6:47)
-
Ocultar el indicador de scroll y reto final
(4:41)
SECCIÓN 7: BOTONES Y GRADIENTES EN SWIFT UI
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(4:35)
-
El botón en Swift UI
(7:16)
-
Cambia la fuente y el fondo del botón
(5:12)
-
Un botón con bordes
(12:40)
-
Un botón con texto e imagen
(7:59)
-
Gradientes y sombras
(10:12)
-
Botón de anchura de pantalla
(5:16)
-
Estilos de botón
(9:23)
-
Como aplicar los efectos de animación a los botones
(3:19)
-
Ejercicio 1
(3:57)
SECCIÓN 8: STATES Y BINDINGS
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(4:44)
-
El botón de reproducir música
(5:22)
-
De imagen estática a botón interactivo
(1:01)
-
Cómo cambiar dinámicamente la apariencia de un botón
(6:18)
-
Propiedades con @State
(8:09)
-
Tarea 3: Aplicación de Clicker
(2:10)
-
Solución
(6:55)
-
Bindings
(12:39)
-
Tarea 4: States & Bindings
(3:20)
-
Solución
(6:54)
SECCIÓN 9: GRÁFICOS EN SWIFT UI
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(3:25)
-
El path
(10:38)
-
Los bordes con stroke
(2:39)
-
Curvas
(12:56)
-
Fill y Stroke
(4:38)
-
Dibujar arcos de circumferencia
(10:52)
-
Ejercicio: diagramas de tarta
(14:12)
-
El protocolo Shape
(17:13)
-
Figuras predeterminadas
(3:33)
-
Cómo hacer un indicador de progreso al estilo de Fitbit
(11:37)
-
Diagramas en forma de donut
(9:56)
SECCIÓN 10: ANIMACIONES
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(5:57)
-
Animaciones implícitas
(21:07)
-
Animaciones explícitas
(8:46)
-
Cómo hacer un indicador de carga
(12:55)
-
Tarea 5: Indicador de carga en forma de barra
(1:16)
-
Solución
(12:16)
-
Cómo hacer un indicador de progreso
(12:08)
-
Retrasar una animación
(11:14)
-
Convertir un rectángulo en un círculo
(19:40)
SECCIÓN 11: TRANSICIONES
Disponible en
días
días
después de inscribirte
SECCIÓN 12: CREACIÓN DE LISTAS DINÁMICAS
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(4:08)
-
Cómo crear una lista simple
(9:37)
-
¡Usa tus propios datos en este proyecto!
(5:37)
-
Una lista con texto e imágenes
(13:10)
-
Colecciones de datos
(10:37)
-
El protocolo identificable
(11:25)
-
Varios tipos de celdas combinadas
(19:01)
-
Tarea 7: La alineación de pilotos de Fórmula 1
(4:32)
SECCIÓN 13: LA NAVEGACIÓN ENTRE VISTAS
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(2:34)
-
Cómo trasnferir código y recursos de un proyecto a otro
(3:44)
-
Crear una vista de navegación y añadir el título
(3:11)
-
Pasar datos a la vista de detalle con el NavigationLink
(13:11)
-
Personalizar el modo de la barra de navegación
(9:04)
-
Configurar la fuente y el color
(10:45)
-
El botón de volver atrás
(6:00)
-
Tarea 8: De las tarjetas en el carrousel a una lista interactiva
(4:29)
-
Elimina el indicador de disclosure
(6:20)
-
Eliminar el espacio extra en la vista de detalle
(3:41)
-
Botón de atrás personalizado
(15:30)
-
Cómo volver atrás utilizando un Environment
(8:08)
SECCIÓN 14: MODALES Y ALERTAS
Disponible en
días
días
después de inscribirte
SECCIÓN 15: FORMULARIOS Y ELECCIÓN EL USUARIO
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(4:46)
-
Un modelo de datos más completo
(13:53)
-
Añadir categoría, precio y y filtros a nuestra lista de cursos
(11:54)
-
Comprar, destacar y eliminar un curso
(8:26)
-
El menú contextual de nuestra tabla de datos
(15:09)
-
El gesto de Swipe to Delete
(6:34)
-
Una alternativa al menú contextual con la action sheet
(17:53)
-
Cómo crear un formulario de configuración
(4:56)
-
Crear una picker view
(10:50)
-
Botones de toggle
(4:43)
-
Steppers
(8:12)
-
Mostrar el formulario
(12:26)
-
Tarea 9: Los botones de guardar y cancelar el cambio de ajustes
(1:33)
-
Solución
(12:44)
SECCIÓN 16: COMPARTIR DATOS ENTRE VISTAS
Disponible en
días
días
después de inscribirte
SECCIÓN 17: FORMULARIO DE REGISTRO
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(3:08)
-
Textfields, Securefilds y Dividers
(11:13)
-
Entrada de datos del formulario
(11:14)
-
Validación de los campos del formulario
(15:07)
-
Los botones de registro y log in
(9:37)
-
Combine
(7:43)
-
MVVM
(8:52)
-
Validar el usuario con combine
(16:28)
-
Validar la contraseña con combine
(10:14)
-
Implementar el View-Model
(12:38)
SECCIÓN 18: GESTOS EN SWIFT UI
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(2:13)
-
El modificador Gesture
(6:07)
-
Un ejemplo de interacción con TapGesture
(5:19)
-
Long Press Gesture
(3:31)
-
Gesture State
(12:05)
-
Drag Gesture
(16:19)
-
Gestos combinados
(18:06)
-
Refactorizar el código con enumerados
(11:44)
-
Vista genérica draggable
(12:14)
-
Tarea 10: Investiga el MagnificationGesture
(2:57)
SECCIÓN 19: EL USO DE FICHEROS JSON
Disponible en
días
días
después de inscribirte
SECCIÓN 20: PROYECTO FINAL 1: EXPANDABLE BOTTOM SHEETS
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(4:31)
-
La vista del detalle
(19:55)
-
El diseño modular de la Handle Bar y la Title Bar
(12:20)
-
El contenido de la tarjeta
(19:49)
-
Vista scroleable
(14:09)
-
El truco del velo por debajo del detalle
(14:34)
-
Las animaciones
(8:58)
-
Gestos adicionales
(15:57)
-
Los umbrales de transición entre estados de la tarjeta
(24:59)
-
Ejercicio final
(4:00)
SECCIÓN 21: PROYECTO FINAL 2: TINDERSTYLE
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(2:39)
-
El modelo de datos de la app
(6:21)
-
El diseño de la barra superior e inferior de la app
(14:18)
-
El mazo de cartas y consejos de optimización profesionales
(18:47)
-
Deslizar la tarjeta
(14:21)
-
Animar solamente la carta superior
(5:47)
-
Corazón o cruz
(9:38)
-
Actualizar el mazo de cartas
(10:19)
-
Efecto final de la animación de caída
(10:08)
SECCIÓN 22: APPLE WALLET
Disponible en
días
días
después de inscribirte
-
¿Qué aprenderás en esta sección?
(2:54)
-
La tarjeta de crédito y la transacción
(13:58)
-
Cómo visualizar las transacciones
(15:50)
-
Crear el tarjetero de tarjetas de crédito
(18:19)
-
Animar la aparición de las tarjetas
(8:27)
-
Mostrar el historial de compras
(13:52)
-
Reconocer gestos bajo restricciones específicas
(14:00)
-
El efecto de pulsar y mantener la tarjeta
(9:07)
-
Cambiar el orden de renderizado de las tarjetas
(4:43)
-
Reordenar la tarjeta al soltar
(11:08)
SECCIÓN 23: ENHORABUENA POR COMPLETAR EL CURSO
Disponible en
días
días
después de inscribirte
Tu Instructor
Conoce el blog de Frogames
Cada semana publicamos un nuevo artículo en nuestra web de Frogames, así que no te lo pierdas!!