From Sketch Design to iOS App with Swift and Xcode
4.2 (183 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,144 students enrolled

From Sketch Design to iOS App with Swift and Xcode

Master Creating Custom User Interfaces for Your Apps: Design a Cool iOS App and Build it From Start to Finish
4.2 (183 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,144 students enrolled
Created by Brian Advent
Last updated 9/2018
English
English [Auto-generated]
Current price: $125.99 Original price: $179.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build a cool app, starting with designing it in Sketch and then build it from start to finish with Swift and Xcode
  • Customize UIKit components like CollectionViews
  • Implement cool and custom transitions between ViewControllers
  • Translate a UI design into a real app
  • Understand and apply the basics of prototyping in Sketch
  • Design user interfaces in Sketch
Course content
Expand all 42 lectures 04:04:07
+ Design and Sketch Basics
8 lectures 37:21
iOS Design Themes
04:45
Get Sketch
00:39
Get to Know the Sketch UI
03:30
Use UIKit Symbols
07:02
Layout Constraints in Sketch
03:24
Work with Symbols
08:35
Export your Artwork
05:28
+ First Development Steps
2 lectures 11:41
Design Translation for Development
06:41
Project Setup and Data Model
05:00
+ The Overview Screen
7 lectures 40:35
Customise the Navigation Bar
05:17
Custom CollectionView Cells
06:53
Display Categories in the CollectionView
08:35
Preparations for Selecting Images
07:00
Perform a Segue and Transfer Data
04:51
+ Custom ViewController Transitions
7 lectures 46:08
Basic Transition Setup
04:55
Get the Transition Context Ready
07:59
Define the Animation
08:52
Animation & Navigation Controller
07:35
The Final Step: ImageViews for Animation
05:27
Back to Overview: Reverse Animation
07:25
+ Image Selection Screen & UIScrollView
8 lectures 54:43
Export Button Assets with Sketch
01:27
Transition Back to the Overview
03:30
Setup the Image Selection UI
08:24
Apply Auto Layout Contstraints
06:40
Custom Photo Views with a XIB File
08:53
Load Images with Custom View
07:25
Paging with UIScrollView
10:28
Beautify the Custom Transition
07:56
+ Final Steps and Sharing Cards
4 lectures 24:22
Project Update and Runtime Attributes
05:28
Basic Segue Transition and Data Transfer
06:59
Start Transition with Gesture Recognizer
05:55
Share a Card: ActivityViewController
06:00
Requirements
  • Have a good understanding of the Swift programming language
  • You should know your way around the Xcode IDE
  • You should know the basics of Auto Layout
Description

This course is going to guide you through the complete process of designing a cool iOS app and then also build it from start to finish.

If you want to create apps that stand out you need the ability to translate a great user interface design from its concept stage as wireframes, mockups or interactive prototypes into a fully functional app.


Among other things you will learn:

  • The fundamental iOS design principles

  • Basics of designing and prototyping in Sketch

  • How to design an app and then create it from start to finish

  • How to customize UIKit components like buttons, collection views or the navigation bar

  • How to work with custom views and xib files

  • How to create awesome transition animations: implementing a custom and animated view controller transition from a collection view cell to a new view controller

  • How to create simple animations


Become a more skilled developer

This course is suitable for you if you have already made your first experiences in building apps using Xcode and Swift. You won’t have to be an expert developer or an experienced designer. You will however learn a lot of useful tricks and techniques that will also broaden your general knowledge around the processes of designing and developing iOS apps with the powerful tools Sketch, Xcode and the Swift programming language.


Our Roadmap

Before writing our first line of code we are going to have a look at fundamental iOS design principles followed by a quick introduction into Sketch. Sketch is a powerful tool for designing and prototyping and after completing this course you will be able to design your own application with it. Before building a complete iOS app, we are going to make a solid development plan starting with an app idea, the design of several mockups followed by a the creation of a simple prototype. Not until then are we going to launch Xcode.

In the actual development part of this course you are going to setup the user interface in Interface Builder, work with a modern data model, customize different UIKit components, and even create an awesome custom animated transition between two view controllers. For more detailed information about the content of this course have a look at the curriculum and the free videos.

You get this course complete with all the necessary project files, so that you’ll be able to work alongside the author as you work through each concept. In addition you will receive a verifiable certificate of completion upon finishing the course.

Who this course is for:
  • iOS developers who want to learn how to translate a UI design into a real app
  • iOS developers who want to learn how to customize their apps
  • iOS developers who want to learn the basics about designing with Sketch
  • iOS developers who want to learn more about design and iOS design principles
  • iOS developers who want to learn how to create custom ViewController transitions