Introduction
  • Welcome and Overview
  • Using the Project Files
Design and Sketch Basics
  • iOS Design Themes
  • Get Sketch
  • Get to Know the Sketch UI
  • What Are Artboards?
  • Use UIKit Symbols
  • Layout Constraints in Sketch
  • Work with Symbols
  • Export your Artwork
Idea, Mockups and Prototyping
  • We have an App Idea
  • An App Design in the Making
  • Prototyping in Sketch
First Development Steps
  • Design Translation for Development
  • Project Setup and Data Model
The Overview Screen
  • First Setup in Interface Builder
  • Customise the Navigation Bar
  • Custom CollectionView Cells
  • Load Category Data
  • Display Categories in the CollectionView
  • Preparations for Selecting Images
  • Perform a Segue and Transfer Data
Custom ViewController Transitions
  • Custom Transitions: The Theory
  • Basic Transition Setup
  • Get the Transition Context Ready
  • Define the Animation
  • Animation & Navigation Controller
  • The Final Step: ImageViews for Animation
  • Back to Overview: Reverse Animation
Image Selection Screen & UIScrollView
  • Export Button Assets with Sketch
  • Transition Back to the Overview
  • Setup the Image Selection UI
  • Apply Auto Layout Contstraints
  • Custom Photo Views with a XIB File
  • Load Images with Custom View
  • Paging with UIScrollView
  • Beautify the Custom Transition
Final Steps and Sharing Cards
  • Project Update and Runtime Attributes
  • Basic Segue Transition and Data Transfer
  • Start Transition with Gesture Recognizer
  • Share a Card: ActivityViewController
Conclusion
  • Next Steps