Autoplay
Autocompletar
Lección previa
Completar y continuar
Curso completo de SwiftUI desde cero
SECCIÓN 1: INTRODUCCIÓN
Introducción (4:44)
Xcode, la herramienta para crear apps de iOS (7:29)
El repositorio Git con el material del curso (9:03)
Preguntas frecuentes (11:43)
SECCIÓN 2: SWIFT UI
¿Qué es Swift UI? (7:28)
Programación declarativa e imperativa (7:59)
Olvida todo lo que sabías sobre Interface Builder, Autolayout y MVC (8:57)
¿Tengo que aprender Swift UI? (7:37)
SECCIÓN 3: EL USO DE TEXTOS EN SWIFT UI
¿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
¿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
¿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
¿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
¿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
¿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
¿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
¿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
Animación vs Transición (3:03)
Las transiciones (11:46)
Cómo combinar las transiciones (5:47)
Transiciones asimétricas (5:56)
Tarea 6: Reto final de animaciones y transiciones (7:01)
SECCIÓN 12: CREACIÓN DE LISTAS DINÁMICAS
¿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
¿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
¿Qué aprenderás en esta sección? (7:12)
Importar los scripts de otro proyecto (9:31)
Implementar un modal con isPresented (10:41)
Implementar un modal con Optional Binding (4:25)
Un botón flotante para cerrar el modal (11:34)
Alertas en Swift UI (11:34)
Un repaso al Modelo-Vista-Controlador (15:24)
SECCIÓN 15: FORMULARIOS Y ELECCIÓN EL USUARIO
¿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
¿Qué aprenderás en esta sección? (2:23)
Enumerados (10:09)
Usando el enumerado en lugar de valores hardcoded (6:47)
Guardar las preferencias del usuario con UserDefaults (25:58)
Environment Objects (17:20)
Opciones de filtrado (11:25)
Ordenar los datos (13:35)
SECCIÓN 17: FORMULARIO DE REGISTRO
¿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
¿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
¿Qué es un fichero JSON? (7:05)
El protocolo Codable y el JSONDecoder (7:46)
Cómo cambiar las claves del JSON con Codingkey (3:30)
JSONs anidados (11:41)
Arrays de JSONs (4:55)
Tarea 11: Descodifica el siguiente JSON (1:42)
SECCIÓN 20: PROYECTO FINAL 1: EXPANDABLE BOTTOM SHEETS
¿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
¿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
¿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
Felicidades por completar el curso de Swift UI (5:26)
Configurar la fuente y el color
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear