Introducción al Curso
  • 0.1.- Descarga, instala y completa el curso en 5 días con la versión trial.
  • 0.2.- De Swift 3 a Swift 4 y de XCode 8 a XCode 9
1.- Introducción a PaintCode
  • 1.0.- Introducción a la Sección 1.
  • 1.1- Introducción al espacio de trabajo de PaintCode
  • 1.2.- Creación de colores derivados
  • 1.3.- Asignación de gradientes
  • 1.4.- Tipos de sombras asociadas a objetos
  • 1.5.- Interactuando con las formas a través de los atajos de teclado
  • 1.6.- Selección de formas y creación de código selectivo
  • 1.7.- Creando grupos de figuras
  • 1.8.- Los Smart Groups y la aplicación de restricciones asociadas a un Frame
  • 1.9.- Ejes de coordenadas y transformaciones de figuras o grupos.
  • 1.10.- Revisión de los efectos sobre una figura tras la aplicación de constrains
  • 1.11.- Trabajando con más de un frame
  • 1.12.- Trabajando con Beziers
  • 1.13.- Últimos aspectos básicos de PaintCode
2.- Utilizando un proyecto de PaintCode en XCode
  • 2.0.- Introducción a la Sección 2
  • 2.1.- Exportar StyleKit e incluir en Proyecto de XCode
  • 2.2.- Selección del método adecuado para hacer efectivos los constrains.
  • 2.3.- Resizing en canvas sin un Smart Group
  • 2.4.- Dando vida a nuestro proyecto a través de las variables
  • 2.5.- Tipos de variables
  • 2.6.- Expresiones: Cálculos matemáticos y texto.
  • 2.7.- Funciones matemáticas en PaintCode 3
  • 2.8.- Expresiones: Expresiones. Trabajando con condicionales y operadores
  • 2.9.- Operadores en PaintCode 3
  • 2.10. Expresiones: Otras sentencias
  • 2.11.- Formas dinámicas mediante la configuración de frames
  • 2.12.- Reutilización de figuras a través de los Símbolos
3.- Práctica. Creando un Slider Personalizado desde Cero
  • 3.0.- Introducción a la Sección 3
  • 3.1.- Optimizando los constrains de mi proyecto de PaintCode
  • 3.2.- Variables asociadas a nuestro slider.
  • 3.3.- Creando nuestro proyecto de XCode
  • 3.4.- Ajustar nuestro view para que respete los constrains
  • 3.5.- Configurar el slider para que responda al evento touch
4.- Ejercicio. Creación de una figura Polar
  • 4.0.- Introducción a la sección 4
  • 4.1.- Creación de proyecto Xcode e instalación de Telekinesis
  • 4.2.- Dibujar un vector, asignarle parámetros y darle vida en XCode
  • 4.3.- Convertir el vector en una flecha
  • 4.4.- Añadiendo dos vectores mas al Double Polar Plot
  • 4.5.- Representando la suma de vectores en el Double Plot
  • 4.6.- Creando los componentes y calculando el vector resultante
  • 4.7.- Mostrando los vectores y su resultados en mi componente personalizado
5.- Ejercicio. Creación de un Indicador de Actividad con un Logo Corporativo
  • 5.1.- ¿Qué vamos a hacer en este ejercicio?
  • 5.2.- Introducción. Asociar colores y variables a mi dibujo vectorial
  • 5.3.- ¿Cómo crear un degradado que rote mediante una variable?
  • 5.4.- Implementar StyleKit en XCode
  • 5.5.- Dando vida a nuestro Indicador de Actividad personalizado
  • 5.6.- Implementar el indicador a lo largo de mi proyecto.
  • 5.7.- Últimos ajustes y despedida
6.0.- BONUS para ti
  • 6.1.- Configurar PaintCode para generar MockUps para Apple Store
  • 6.2.- Configurar PaintCode para crear los Iconos en distintas resoluciones
  • 6.3.- Cupones de descuento de PaintCode