Tutorial to the Tutorial

This tutorial will walk you through Xcode and its many different features to make a quintessentially "simple" app -- a "Tip Calculator". Every year this endeavor becomes simpler in some ways and more difficult in others. You will learn about using Xcode, building interfaces with auto-layout, and how to get an app running on your phone! Also, if you hail from a land that does not tip 15% to 20% at a restaurant, then you'll technically learn a bit about that too!

This tutorial should take you about 2 hours. By the end of the tutorial, you'll have built this:

Final outcome

Looking to see the solution? Download it here!

Before You Begin


A basic understanding of Swift (Check out our Getting Started With Swift tutorial if you need a refresher!)


Create a brand new Xcode Project Learn the basics of Interface builder Create your own User Interface Put your own custom app on your iPhone

Author's Note

This is much more of a tutorial about Xcode then it is about programming. If you have never used an Integrated Development Environment (IDE) before, this will get you acquainted with the minimum required knowledge to be proficient in Xcode, and even give you a taste of some of the more advanced stuff. Many times you may see multiple ways to do the same thing -- repetition is key. Our intent here is to show you as many ways as we can in the short duration of this tutorial.

A builder can only be as good as their tools, and luckily for us, Apple builds their products with Xcode and is continuously improving it! What is the greatest sign of that? During the writing of this tutorial, Xcode crashed exactly 0 times. That is what you need to strive towards when you ship your own apps!

If you ever get stuck on something in Xcode and have the luxury of time, come through this tutorial again. Try to follow all of the steps but none of the instructions. As Steve Jobs said, "the journey is the reward".


If you have feedback on this tutorial or find any mistakes, please open issues on the GitHub Repository or comment below.

Summer academy

An iOS Development Summer Course

Design, code and launch your own app. Locations in San Francisco and Asia

Find your location

Product College

A computer science college

Graduate into a successful career as a founder or software engineer.

Learn more

Cookies on Make School's website

We have placed cookies on your device to ensure that we give you the best experience on our website.

This site uses cookies to deliver our services. By using our site, you acknowledge that you have read and understand our Cookie Policy, Privacy Policy, and our Terms of Service. Your use of Make School’s Products and Services is subject to these policies and terms.

Please note that Make School no longer supports Internet Explorer

We recommend upgrading to a modern web browser. Learn more