Introducci贸n

1

Lo que aprender谩s sobre el desarrollo de interfaces con iOS

2

Instalacion de Xcode desde 0

Introducci贸n a Xcode

3

Primer Proyecto

4

Navigation Area

5

Editor, Util Area y Tool Bar

6

Targets y Target Tabs

Formas de crear vistas

7

Organizacion de Carpetas

8

Storyboards vs Xibs vs Codigo

9

Splash Screen

10

Completando nuestro Splash Screen

UIView Components

11

TabBar Controller y Mejores Pr谩cticas

12

Storyboard Reference

13

Explicaci贸n breve de algunos elementos gr谩ficos

14

Crear nuestra primera interfaz gr谩fica

15

Diferentes componentes y formas de autolayout

16

Agregando el resto de nuestros componentes usando constraints

Agregando Estilo a UIView Components

17

Agregando un icono a nuestra app

18

Custom colors

19

Agregando iconos a nuestros botones

20

Key paths de redondeo y sombra

21

Custom fonts

22

Scroll view controller

Tipos de vistas y manejo

23

OnBoarding View

24

Container ViewController

25

Container ViewController con c贸digo

26

ContainerViews

Adaptaci贸n de vistas

27

Tablas

28

Dise帽o de celdas

Completando nuestras vistas

29

C贸digo para las tablas

30

Tama帽os dinamicos para las celdas

31

EmptyState usando c贸digo

32

Agregar estilos a nuestro navigation view

33

Agregando estilos a nuestro Tab bar

34

Custom Tab bar button

35

Budget view

36

Iniciando el header de animacion

37

Animaci贸n de barra superior en las tablas usando constraints

38

Stats

Conclusiones

39

Reto final

40

Conclusiones

Bonus: Lottie

41

Gesti贸n de dependencias

42

Instalaci贸n dependencias con Cocoapods

43

Instalaci贸n dependencias con Carthage

44

Cocoapods vs Carthage

45

Crear nuestro lottie file

A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Completando nuestro Splash Screen

10/45
Recursos

Dependiendo del dispositivo, tenemos un conflicto de tama帽os con las im谩genes. Para solucionar este problema:
Le decimos a nuestra imagen que conserve su ancho y alto fijo pero en aspect ratio; ya que el ancho es el que nos est谩 causando problemas, dejamos el valor de constante predefinida pero especificando que sea igual o menor el tama帽o final. Finalmente le decimos que siempre conserve un margen del valor que decidamos.

Aportes 9

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Para activar aspect ratio: Colocar el cursor encima de la imagen y presionar el bot贸n control, arrastrar en la misma imagen y aparece un men煤, seleccionar la opci贸n Aspect Ratio
驴Para qu茅 sirve aspect ratio?: Para conservar la misma escala de tama帽o vertical y horizontal sin importar el tama帽o que tenga la imagen

Me desespera un poco este curso.

  1. En primera, est谩 desactualizado y uno tiene que buscar la nueva interfaz para hacer las cosas. No es que sea rocket science, pero desacelera el proceso de aprendizaje.

  2. Siento que falta explicar c贸mo hace cosas que parecen intuitivas pero no lo son tanto y uno pierde eficiencia por buscar uno mismo d贸nde darle click o andar poniendo pausa cada 2 segundos para ver que sucedi贸 en la interfaz mientras 茅l explicaba. Ser铆a m谩s eficiente si dejar cosas como 鈥淢ediante este bot贸n se hace eso, ya que este bot贸n sirve para hacer tal cosa y tiene tales propiedaes鈥 en lugar de s贸lo decir 鈥淵 borramos la altura鈥.

Tan solo van 10 clases y ya estoy inmensamente estresado. El profesor se ve que sabe mucho pero infortunadamente no sabe ense帽ar. Hace cosas asumiendo que todos sabemos lo que est谩 haciendo as铆 que uno pierde demasiado tiempo tratando de averiguar c贸mo carajos fue que hizo lo que hizo.

Se entiende que el curso est茅 desactualizado, es normal, pero no que un profesor no ense帽e de manera correcta.

Para los que son despistados como yo: El alto lo borra haciendo click en la linea azul que aparece al lado del ImageView y presionando delete

No entiendo como elimina el alto, solo lo toca y desaparece, yo le doy delete en mi mac, pero borra ancho tambi茅n

Al agregar el espacio a los lados de 40px se llena de errores las reglas 馃槙

No borre nada y funciono

Tengo un problema. Xcode me muestra algunas advertencias y la imagen aparece con bordes rojos.

alguien sabe como solucionarlo?

Saludos y gracias de antemano

Fue una buena decision de constraints, sobre todo eliminar el alto una vez que se aplico el ratio. Lo que no s茅 aun es: basado en que se asignaron los 40 de cada lado? Supongo que fue una decision meramente empirica, cierto?