SuperHi FM

Search:

Catalog Cart About Sign in

BEGINNERCOURSE

Plan, Design + Code Your First App

In this short course you’ll learn how to tackle a client brief, plan your work, design an app’s user interface, code it from scratch, and launch it on the App Store.

Louise Bishop

Taught by

Louise Bishop

Plan Your First App

Plan Your First App

Lesson 01

Welcome to Plan, Design + Code Your First App

Lesson 02

Let's meet our client

Lesson 03

Project Planning

Design Your First App

Design Your First App

Lesson 01

Designing for iOS

Lesson 02

Using Figma

Lesson 03

Sourcing our cat illustrations

Code Your First App

Code Your First App

Lesson 01

Let's get coding!

Lesson 02

Setting up Xcode

Lesson 03

The Xcode interface

Launch Your First App

Launch Your First App

Lesson 01

Time to launch

Lesson 02

The Apple Developer Program

Lesson 03

App Store Connect

Get access to Plan, Design + Code Your First App

Practical, go-at-your-own pace learning, with help from our industry experts and experienced teachers
Projects and code that you can alter and include in your own sites and portfolio
Resources to get you started and going post-course

Your instructor

Louise Bishop

Louise Bishop

Senior Learning Designer

Course structure

Chapter 01

Plan Your First App

Lesson 01
Welcome to Plan, Design + Code Your First App
Lesson 02
Let's meet our client
Lesson 03
Project Planning
Lesson 04
Using Notion
Lesson 05
App Wireframes
Lesson 06
Quotes + Contracts

Chapter 02

Design Your First App

Lesson 01
Designing for iOS
Lesson 02
Using Figma
Lesson 03
Sourcing our cat illustrations
Lesson 04
Creating our list components
Lesson 05
Auto layout
Lesson 06
Creating the Home screen
Lesson 07
Text Styles
Lesson 08
Color Styles
Lesson 09
Creating the Pose Detail screen
Lesson 10
Timer States
Lesson 11
Button Variants
Lesson 12
Light + Dark Mode
Lesson 13
Creating an app icon

Chapter 03

Code Your First App

Lesson 01
Let's get coding!
Lesson 02
Setting up Xcode
Lesson 03
The Xcode interface
Lesson 04
Swift + SwiftUI
Lesson 05
Content View + Data types
Lesson 06
Adding colors
Lesson 07
Adding images
Lesson 08
Navigation View + Navigation Bar
Lesson 09
Creating a list
Lesson 10
Adding the Detail View
Lesson 11
Navigation Link
Lesson 12
Cat yoga data model
Lesson 13
Cat yoga data
Lesson 14
Get set up with Github
Lesson 15
Displaying data in Content View
Lesson 16
Changing the background color
Lesson 17
Running your app on your phone
Lesson 18
Displaying data in Detail View
Lesson 19
Challenge One: Add the pose data
Lesson 20
Challenge Two: Styling the Detail View
Lesson 21
Creating the timer panel
Lesson 22
States + Bindings
Lesson 23
Timer View Styling
Lesson 24
The Yoga Timer
Lesson 25
State Objects + Observable Objects
Lesson 26
Conditional Buttons + Views
Lesson 27
Playing a sound
Lesson 28
Finishing touches

Chapter 04

Launch Your First App

Lesson 01
Time to launch
Lesson 02
The Apple Developer Program
Lesson 03
App Store Connect
Lesson 04
Uploading your app bundle
Lesson 05
Getting feedback with TestFlight
Lesson 06
App Store Review Guidelines
Lesson 07
Privacy Policy
Lesson 08
App Store Optimisation
Lesson 09
Filling in the app listing
Lesson 10
App Screenshots
Lesson 11
App Launched
Lesson 12
Remixing your app

SuperHi students work at the best

Our students are based all over the world and work at creative companies large and small. Why not check out some of their work?

View student work

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Jam-packed with over 8 hours of video lessons, this go-at-your-own-pace course covers all the skills and tools you need to create a simple iOS app.

You'll learn how to plan your work using Notion and send a proposal, contract and invoice to a client using Hello Bonsai. Then, we’ll supercharge your design skills by showing you how to create assets for different screen sizes with Figma.

Next up, we’ll take you through the process of coding your app with Swift and Xcode, pushing to GitHub as we go. No app should launch without being tested, so finally we’ll use TestFlight and App Store Connect to get your app online.

You’ll finish the course having built a fun cat-themed yoga app, ready to show off to your friends or colleagues from your iPhone. Purrrfect!

What you’ll learn

How to plan, quote, and send a contract to a client
How to design an app using Figma, including creating an app icon, a master-detail app screen layout and colour schemes for light and dark mode
How to code an app using Swift and SwiftUI, Apple’s newest framework. We’ll build an app with 3 screens, containing a list, a detail view and a timer.
How to use Xcode to write and test your app as you build it, on your iPhone or in the simulator
How to push your code safely online to GitHub to make sure you never lose your progress and to show it off to potential employers
How to launch your app on the App Store

Requirements

For this course you'll need a Mac running Catalina 10.15.4 or later. To test your apps you'll need an iPhone 6s or above, running iOS 13 or later. If you don't have an iPhone, don't worry – you can use the simulator inside Xcode to test your apps instead.

Target Audience

This course is for anyone interested in the creative process behind making native mobile apps for Apple devices. You don’t need any experience to take this beginner course, although existing design or development skills will come in handy. If you’re just starting out in the world of technology, this project is a perfect addition to your portfolio, whether you’re looking to become an app developer or otherwise.

Welcome to the world of app development! In the first chapter we'll get to know our client and figure out what we need to do to create their app.

Once our client is happy with our wireframes, we'll take a look at creating the assets, colour scheme and layout of our app in Figma.

Time to code! Here we'll use Xcode, Swift & Apple's newest framework - SwiftUI, to build out the screen we've designed.

Our app is complete - let's get a test link for our client, get the app signed off & put it on to the App Store.

Louise (she/her) has been teaching people how to make websites & iPhone apps for the last 8 years. As a Senior Learning Designer and teacher at SuperHi, she writes courses & content for you to learn from. Originally from the UK, but currently based in Bali, you’ll find her surfing, cooking, organising fun & helping people. If you’re stuck on something tech-based or otherwise, say hi.