Introduction

Welcome to this tutorial series.

In the first video below, you will find out the reason why you need great design to make your app succeed in the App Store. Using the tips in this course, you will position your app in the Top 10% of apps and give it a better chance on being a Top-seller.

01: Creating a List of Recipes

In this video, you can follow along as I create a basic list view from scratch. This is the same list that we will spruce up later with the design.

02: Creating a Detail View To Show The Recipes

In this video, you will learn how to create an iPhone App screen that will show the details of each recipe. This first version is the boring version that we will spruce up with a great design later.

03: How to Design a Stunning List Of Recipes

Here is where the magic begins. We have finished with our initial boring app. Now let’s spruce it up with a cool design. In this video, you will learn how to skin a list of recipes with a custom design.

You can use this technique to skin any kind of list, this is not just limited to recipes. The list will have an image with a frame around it, then a custom background image and a small box to show how many times the recipe has been shared on twitter.

04: Creating a Whole New Navigation Bar

The appearance SDK that was initially released in iOS 5 has made our lives easier. In previous versions of iOS, you had to jump through hoops create a custom navigation bar in your app.

In this video, you will learn how to make a custom navigation bar that looks great with just 2 lines of code.

05: Creating Navigation Bar Buttons

Our Navigation Bar now looks good but the buttons that show up on it are still the default blue ones from Apple.

That doesn’t look good, does it?. Here is how to completely style a navigation bar with buttons that look good on them

06: How to Create/Design A Detail View

We are almost done with our new spruced up app. The ugly duckling is still the detail view.

In this video, you will learn how to add a frame around the dish image and add a new background for the ingredients list .

Remember, this technique can be used for any kind of app and not just for recipe apps. The idea to learn how to design apps so you can go on to make your own beautiful apps.

07: How to Create/Design A Detail View: Part 2

In this video, we will finish up our detail view to allow the user to scroll up and down. You will also learn how to add a cool leather background to the detail view.

With this video, you will have all you need to go and build your own apps.

I want to see the apps you have built, leave a comment with a link to a demo of the app and I will add a new video showing your new app to this leacture.

08: How to Load Data From a Web Service Using an API

In this video, you will find out how to add useful data from the Web to your app. There are many free API’s and web-services out there. You can use to populate your app with data, so you don’t need to re-invent the wheel.

This video will show you how to use the PunchFork API to load recipe data from the Web. This technique can be used for almost any kind of API.

09: How to Add Web Service Data To Your App

At this point, we have loaded the data from the Web. Now we will show the information in the App. The images are loaded from the API and is displayed in our list of recipes.

The title of the recipe and the number of times the recipe was shared on twitter is also used in our App.

Using these techniques, you can do a mashup of several Web services in your app and create a killer useful app for your users. From movie-listings to jobs data, you are only limited by your creativity.

A good site to look for API’s is http://programmableweb.com/

Thanks for watching!

You should now be able to create a basic app from the ground up. And not only that, it looks good too.

If you have any questions, please let me know.

You can now download all the resources below.

Resources: How to Create An App With Great Design