Clase 6 de 28 • Curso de Patrones MVVM en iOS
Contenido del curso
Implementación de MVVM en Swift: Organiza y Optimiza tus Apps
Patrones de Arquitectura y Diseño en Desarrollo de Software iOS
Arquitectura MVC y MVP en Desarrollo iOS
Principios SOLID en Desarrollo de Software
Arquitectura MVVM en iOS: Principios Solid y Swift UI
quiz de Introducción al Patrón MVVM
Proyecto MVVM en Swift: Buenas Prácticas y Configuración Inicial
Modelo de Datos en MVVM: Creación de la Estructura Ítem en XCode
Creación de Modelo de Datos con Core Data en Xcode
Creación de Vistas en Xcode para Aplicaciones MVVM
Creación de View Models con Combine en Swift para Aplicaciones Reactivas
quiz de Estructura de un Proyecto con MVVM
Crear función "add todo" en arquitectura MVVM con Core Data
Funcionalidades básicas para gestionar tareas en SwiftUI
Listar y Detallar Notas en Aplicaciones de Tareas
Implementación de Funcionalidad de Edición en Aplicación de Tareas
Archivar Todos en Aplicación de Tareas
Desarchivar y Restaurar Tareas en Aplicaciones de Notas
Eliminar tareas en una aplicación de gestión de pendientes
Implementación de Estado de Tarea en Aplicación de Tareas
Creación de Vistas Amigables en SwiftUI para Aplicaciones de Tareas
quiz de Operaciones CRUD en un proyecto con MVVM
Implementación de Clean Architecture paso a paso
Estructura y Ventajas de la Clean Architecture
Estructura de Proyectos con Clean Architecture y The MovieDB API
Mapeo de JSON a Objetos Swift para TV Shows Populares
Conexión a API y Manejo de Datos en Xcode usando Clean Architecture
Casos de Uso en la Capa de Dominio para Aplicaciones de TV
Creación de la Capa de Presentación en SwiftUI con MVVM y Clean Architecture
Navegación en SwiftUI: Implementación de Detail View y ViewModel
quiz de Clean Architecture
Iniciar un proyecto en Xcode clonando un repositorio es una tarea sencilla y efectiva, tanto para desarrolladores experimentados como para quienes se estén aventurando en el mundo del desarrollo de aplicaciones iOS. Siguiendo buenas prácticas y un flujo de trabajo estructurado, podrás estar rápidamente en camino a crear aplicaciones de alta calidad.
Clonar el repositorio: Para empezar, abre una terminal y ejecuta el comando git clone seguido de la URL del repositorio que deseas clonar. Esto descargará todo el contenido del repositorio en tu máquina local.
Importar el proyecto en Xcode: Una vez clonado, abre Xcode y selecciona la opción para abrir un proyecto existente. Navega hasta la carpeta del repositorio que acabas de clonar y selecciona el archivo del proyecto.
ContentView: Este es un archivo clave que contiene el código base para crear una vista en tu aplicación. Aquí, la importancia del conocimiento en SwiftUI es fundamental, te animamos a tomar algún curso, como el que ofrece Platzi, si necesitas fortalecer esta área.
CursoMVMBaseApp: Es el punto de partida de tu aplicación. Contiene la anotación @main, definiendo el inicio de cualquier aplicación iOS. Hereda de App para estructurar la aplicación y gestionar la interacción entre las vistas, usando ContentView como la primera pantalla que verá el usuario.
Las extensiones comunes, nombradas aquí como "commons", son componentes reutilizables que agilizan el desarrollo. Estas vistas y estructuras, lejos de requerir código repetitivo, proporcionan funcionalidades que se pueden aplicar en diversas áreas del proyecto.
Redondeo de esquinas: Se puede utilizar una extensión para establecer curvas redondeadas en diversos elementos como textos, imágenes o botones.
Transparencia en scroll: Permite que un scroll se vea un poco transparente, mejorando la experiencia visual del usuario.
Tareas flotantes con ToDoSheets: Crea vistas flotantes útiles para, por ejemplo, agregar pequeñas pantallas donde los usuarios puedan introducir tareas nuevas. Contiene elementos interactivos como cajas de texto y botones para almacenar información.
Personalizar entradas y vistas es clave para mejorar la interface de usuario, así haciendo las aplicaciones visualmente atractivas y funcionales.
En este nivel, puedes crear un Label y un Placeholder que facilitarán al usuario agregar o recibir texto. Esto contribuye a crear un ambiente gráfico cohesivo.
Para ver cómo se traducen las personalizaciones en tu aplicación, SwiftUI ofrece la funcionalidad de crear un Preview.
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
Text("Hola Platzi")
.padding()
.background(Color.green)
.clipShape(ToDoRoundCorner(radius: 30, corners: .allCorners))
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
Esta estructura es usada directamente para darle forma a las vistas, determinando el radio de las esquinas personalizadas, una ventaja visual significativa para destacar el diseño de tu app.
Animamos a que sigan explorando estas funcionalidades y a que realicen pruebas viendo las vistas previas, así podrán observar cómo los cambios afectan la estética de la aplicación. ¡Continúa aprendiendo y mejorando en el desarrollo de aplicaciones iOS!