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

Navigation Area

4/45
Recursos

Éstas son las opciones que tenemos en nuestra Navigation Area:

  • Primer tab: Veremos todos nuestros folders y en el caso del proyecto PlatziFinanzas, dentro de él tendremos todos nuestros archivos.
    AppDelegate: Es donde la app inicia cuando comenzamos a hacer código.
    ViewController: Se encarga de manejar nuestra interfaz gráfica.
    Storyboards: Aquí haremos nuestras vistas gráficas.
    Assets.xcassets: Son nuestros recursos como ícono de aplicación.
    Launch screen o Splash screen: Es una vista que no se puede cargar con código y se presenta antes de que nuestra app sea lanzada.
    info.plist: Aquí se encuentra almacenada toda la metadata de nuestra aplicación.
  • Segundo tab: Aquí veremos todo lo que nos provee el control de versiones de Xcode.
  • Tercer tab: Tendremos una vista previa de cada uno de los métodos que tiene nuestro código.
  • Cuarto tab: Aquí podemos buscar cualquier cosa dentro de nuestro proyecto.
  • Quinto tab: Nos muestra errores o advertencias.
  • Sexto tab: Vista de test.
  • Séptimo tab: Debug session.
  • Octavo tab: Aquí podemos crear breakpoints en nuestro código.
  • Noveno tab: Aquí tenemos todos los mensajes que nos muestra Xcode por defecto.

Aportes 5

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Una breve explicación del area de navegación en Xcode. Si bien es importante conocer ciertos detalles del software, basta con esta explicación para comenzar con el proyecto.

Sencillo y muy útil. 😃

Por que no me aparece en mi proyecto el Main.storyboard??

unicamente me aparecen estos archivos: AppDelegate.swift, SceneDelegate.swift, ASSETS.XCASSETS, LaunchScreenstoryboard, Info.plist

Hasta ahora un curso genial.

En el minuto 2:23 el profesor está hablando del ícono con nombre “Symbol navigator”, aquí podemos ver de forma jerárquica, todas las clases, métodos, propiedades de todo el proyecto.
Considero sería bueno que indicaran el nombre de cada ícono, cada uno tiene su nombre y en ocasiones en llamadas con colegas al usar esta terminología sería de mucha ayuda.