Parte del Journey de SwiftNuevoRecorrido

Aprende SwiftUI

Un curso de SwiftUI gratuito e interactivo. Escribe código SwiftUI real en cada lección, mira la pantalla que construye en una vista previa de teléfono en vivo y tócala para ver cómo cambia tu estado. Sin Mac ni Xcode, con pistas de IA cuando te atascas y un certificado gratuito al terminar.

EMPEZAR A APRENDER(es gratis)

Ver programa Playground de Introducción a SwiftUI

4,075+ codders inscritos

50 lecciones46 retos106 preguntas de quiz

Apto para principiantes
Ayuda de codificación con IA
Lecciones interactivas prácticas
Narración de audio en cada lección
Cuestionarios para poner a prueba tu conocimiento
Certificado gratuito de finalización

Programa

1 secciones1 proyectos50 lecciones46 retos106 preguntas de quiz

Esta sección forma parte del Journey de Swift. El programa completo tiene más secciones - haz clic en cualquier vista previa de abajo para verla en la página del Journey.

Sección 1Fundamentos86 lecciones
Sección 2Lógica y flujo56 lecciones
Sección 3
Introducción a SwiftUI
Empezar secciónEmpezarExpandirContraerCrea pantallas de aplicaciones en Swift con SwiftUI: vistas y modifiers, stacks y diseño, estado y botones, campos de texto y toggles, listas, navegación y datos compartidos. Cada lección utiliza código real de SwiftUI, con una vista previa en directo.50 lecciones46 retos106 preguntas1 proyecto
Introducción
2 lecciones28
01Qué es SwiftUIRetoQuiz
02El archivo de la appRetoQuiz
Mostrar contenido
6 lecciones615
01Vistas de textoRetoQuiz
02Números en el textoRetoQuiz
03FuentesRetoQuiz
04ColoresRetoQuiz
05SF SymbolsRetoQuiz
06Repaso: etiqueta de precioReto
Pilas y diseño
5 lecciones512
01VStackRetoQuiz
02HStackRetoQuiz
03Alineación y espaciadoRetoQuiz
04Spacer y ZStackRetoQuiz
05Repaso - Tarjeta del tiempoReto
Modificadores
5 lecciones512
01RellenoRetoQuiz
02FondosRetoQuiz
03Orden de modificadoresRetoQuiz
04Marcos y formasRetoQuiz
05Repaso - Creador de insigniasReto
Estado y botones
5 lecciones512
01BotonesRetoQuiz
02La propiedad @StateRetoQuiz
03Estado verdadero o falsoRetoQuiz
04Vistas condicionalesRetoQuiz
05Repaso: contador de puntuaciónReto
Entrada del usuario
5 lecciones512
01Campo de textoRetoQuiz
02InterruptorRetoQuiz
03Selector incremental y deslizadorRetoQuiz
04SelectorRetoQuiz
05Repaso: formulario de pedidoReto
Listas
5 lecciones512
01ForEachRetoQuiz
02Elementos identificablesRetoQuiz
03ListaRetoQuiz
04Añadir elementosRetoQuiz
05Repaso: lista de comprasReto
Navegación
5 lecciones512
01NavigationStackRetoQuiz
02NavigationLinkRetoQuiz
03Pasar datosRetoQuiz
04Hojas y alertasRetoQuiz
05Repaso - Guía de plantasReto
Compartir datos
4 lecciones49
01La propiedad @BindingRetoQuiz
02Objetos observablesRetoQuiz
03Objetos de entornoRetoQuiz
04Repaso: contador de pasosReto
Proyecto - Coddy Coffee
Proyecto5 lecciones12
01Descripción general del proyectoRetoQuiz
02Pantallas de bebidasProyecto
03Elegir un tamañoProyecto
04Cantidad y totalProyecto
05Realizar el pedidoProyecto
Desafíos finales
3 lecciones3
01Calculadora de propinasReto
02Lista de tareasReto
03Juego de verdadero o falsoReto

Ver el programa completo del Journey de Swift

Lo que obtienes

Todo lo que usarás para aprender a programar

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Por qué aprender SwiftUI con Coddy

Crea pantallas de apps para iPhone en tu navegador. Sin Mac, sin Xcode y sin simulador que configurar: tu código se compila en nuestros servidores y la vista previa muestra la pantalla que describe, así que puedes aprender SwiftUI en Windows, Linux o un Chromebook.
El SwiftUI que usas en cada pantalla: texto, fuentes, colores y SF Symbols, stacks, alineación y Spacer, la cadena de modificadores y por qué importa su orden, botones y @State, campos de texto, interruptores, sliders y pickers, ForEach y List, NavigationStack, hojas y alertas, y después @Binding y objetos observables para compartir datos entre vistas.
Una vista previa en vivo que responde al toque. Pulsa un botón o activa un interruptor en la vista previa y la vista se redibuja con su nuevo estado, así ves cómo funciona la interfaz declarativa en lugar de leer sobre ella. Puedes cambiar a un marco de teléfono y guardar una captura de lo que construiste.
Pequeñas apps por el camino, desde una etiqueta de precio y una tarjeta del tiempo hasta un marcador, una lista de la compra y una guía de plantas, luego una app de pedidos de café con varias pantallas como proyecto final y un certificado de SwiftUI gratuito al terminar la sección.

Preguntas frecuentes sobre aprender SwiftUI

¿Qué es SwiftUI?

SwiftUI es el framework de Apple para crear interfaces de apps en Swift. En lugar de colocar y actualizar cada elemento a mano, describes lo que la pantalla debe mostrar para los datos actuales, y SwiftUI la dibuja y la vuelve a dibujar cada vez que esos datos cambian. Una pantalla está hecha de vistas, pequeños structs con un body, que combinas con stacks y a las que das estilo con modificadores. El mismo código crea interfaces para iPhone, iPad, Mac, Apple Watch, Apple TV y Vision Pro.

¿Necesito un Mac o Xcode para aprender SwiftUI aquí?

No. Cada lección funciona en tu navegador: tu código se compila en nuestros servidores y la vista previa junto al editor muestra la pantalla que construye, así que Windows, Linux y Chromebook sirven perfectamente. Para ejecutar tu app en un iPhone real o publicarla en la App Store necesitarás en algún momento un Mac con Xcode, y todo lo que aprendes aquí se traslada directamente.

¿La vista previa es igual que la de Xcode?

Cumple la misma función, pero no es el simulador de iOS. La vista previa la genera la implementación propia de Coddy de las vistas SwiftUI que enseña el curso, a partir de la misma ejecución que corrige tu lección, así que lo que ves es exactamente lo que comprueban los tests. Los toques en botones, interruptores y enlaces se reproducen sobre tu código, así que los cambios de @State aparecen como en una app. Cubre las vistas y modificadores de las lecciones, no todo el framework SwiftUI, así que tómala como un lugar para aprender y no como un sustituto de Xcode.

¿Debo aprender Swift antes que SwiftUI?

Sí, al menos lo básico. SwiftUI es código Swift: las vistas son structs, @State envuelve una propiedad, las listas recorren arrays y los errores de tipo del compilador son errores de Swift. Esta sección va justo después de la sección Fundamentals del recorrido de Swift, que cubre variables, tipos, funciones, structs y opcionales, así que si Swift es nuevo para ti, empieza por ahí.

SwiftUI o UIKit: ¿cuál debo aprender?

Empieza por SwiftUI. Es la forma que Apple recomienda para crear interfaces nuevas, necesita mucho menos código para la misma pantalla, y la mayoría de los tutoriales, ejemplos y sesiones de Apple recientes lo usan. UIKit es el framework más antiguo detrás de muchas apps existentes, así que puede que lo encuentres en un trabajo, pero SwiftUI y UIKit funcionan juntos en una misma app, y SwiftUI es el primer paso más sencillo.

¿Es difícil aprender SwiftUI?

Lo básico llega rápido: unas pocas líneas ponen texto, imágenes y botones en pantalla, y la vista previa muestra el resultado de cada cambio. Lo que requiere práctica es pensar en estado, donde cambias los datos y dejas que la vista se redibuje en lugar de cambiar la vista tú mismo. Por eso la sección avanza de @State a @Binding y a los objetos observables paso a paso, con una pequeña app al final de cada capítulo.

¿Puedo aprender SwiftUI online gratis?

Sí. La sección interactiva de SwiftUI es gratuita: lecciones completas, programación práctica en cada ejercicio, la vista previa en vivo, un proyecto final y un certificado. No hay nada que instalar ni cuenta de desarrollador de Apple que crear antes de empezar.

¿Obtengo un certificado al terminar el curso de SwiftUI?

Sí. Al terminar la sección obtienes un certificado de finalización de SwiftUI gratuito que puedes compartir en LinkedIn o añadir a tu currículum. No es una certificación de Apple, pero junto con las apps que construyes por el camino es una señal útil cuando te postulas a puestos de desarrollador iOS.