How to Make an App With Apple Watchkit

A completed guide to help you make your own applications with Apple Watch Kit by Swift.
4.3 (3 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
443 students enrolled
$20
Take This Course
  • Lectures 53
  • Length 8.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 English

Course Description

Welcome to this class, I’m Hieu Pham, I started to work this IOS about 5 year ago.I start to work with Swift about 6 months ago and I very like this language and specially I’m very interested in apple Watch App. So I make this course to help you make applications for Apple Watch with Swift Language, whether you are a beginner or advanced developer, this course is for you!

The course covers the apple watch kit, with tons of exercises and real useful Apple Watch apps built from scratch, with the final completed source code for you to enjoy!

This course is suitable for any one who want to make an apple watch app. I’m similar like you and I only start to work with Apple Watch before you only few months so I will know how it is and I can give you my advises also my experiments to work with Apple Watch. I come from zero to learn how to make an app for IOS and apple watch and I know how to guide the student like you to make your apps with your idea. So don’t worry. I will let you step by step from the beginning to the end of this course and will help you to fix your bugs and give you some advice to improve it. You will learn to prepare for you code environment and start your developer Carrier by making some easy app and I will guide you step by step to better apps.

Some of these watch apps you will build are:

- Sec 1 - hello word

- Sec 2 - Wallpaper

- Sec 3 - Timer app

- Sec 4 - Friend's Birthday App

- Sec 5 - VAT calculator

- Sec 6 - BasketBall ScoreBoard

- Sec 7 - Glance App

- Sec 8 - VCB Exchange

- Sec 9 - Notification

- and much more to come…

At the end of this course , You can do it all apps by your self (Absolutely YES!) and so more and more. The target of this course is help you to make your own app or you can make apps for everyone!!

It’s very interesting isn’t it? So let start with me and don’t for get to take a look some video preview of my course. If you get this course you will get 50% off for my next “real Calculator app course”.

—————————————————

The course consists of:

8.5+ Hour video lectures with code from scratch

Application files and source code ready for download.

What are the requirements?

  • You will using Xcode beta for coding
  • Basic knowledge about coding
  • Your time!

What am I going to get from this course?

  • make your own apple watch application, you can upload your apple to AppleStore for sale if you want

What is the target audience?

  • This course is for everyone who want to make an app with Apple WatchKit with very basic of knowledge coding. All require for this course is you. I can lead you from the zero to the goal that you can make your own AppleWatch application.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Intro watchkit And Prepare for Coding
03:46

welcome to my course. I’m Hieu Pham, I’m a developer of IOS for 2 year and This is my first Course on UDEMY. This course is help you to make your own application for apaple watch. As you know Apple has announce about Apple Watch from last year and they said that apple watch will be sale early in 2015. At november of 2014 , apple released the Xcode beta with watch kit for developer all around the world to make their application and prepare for release of apple Watch.
First of all if you don’t know what apple watch is and how is is? i think this is the web site you should take a look
http://www.demoapplewatch.com

as you can see from the address. you can take a look what apple watch look like and how it operate.

The apple watch has three type and and to size of screen like 42mm and 38mm. But all of that has operate same.
In this course we will learn how to make an application for apple watch and were going to use the swift language for coding. You can use Object C if you like by my advice is swift. Why? because swift is new language, encourage by Apple and easy to learn from my experiment. Right now apple still accept your code written by object C to apple Store but may be in the future, only Swift is accepted. So i think you should start by swift. Don’t worry, i will go to step by step with you and lead you to the destination, help you as much as i can.

So let’s start!!

03:40

Welcome back, In this lecture, i will guide you to preparing for your coding and some tips for your code carrier.

First of all we have to use Xcode Beta to developer the apple watch application. At this time, only Xcode beta include the watch kit for you to code. IF you using Xcode, you only make an app for IOS or MACOS not for Watch App. So you have to download the Xcode Beta. Right now Xcode version is 6.2 beta 3

first go to the address:

developer.apple.com/watchkit/

in here you can see overview about watchKit and resource for your developing

Create WatchKit apps.

WatchKit apps have two parts: A WatchKit extension that runs on iPhone and a set of user interface resources that are installed on Apple Watch. When your app is launched on Apple Watch, the WatchKit extension on iPhone runs in the background to update the user interface and respond to user interactions. WatchKit provides three opportunities to extend your iPhone app to Apple Watch: WatchKit apps, Glances, and actionable notifications.

you should View the Getting Started

with WatchKit video in here. it’s very useful for you.

and scroll down to the last end and you can download the xcode beta in here.

Apple require you have a developer account to download xcode beta but you can log in by your apple id and agree with term of Apple and download it!

13:22

Create your first Apple Watch Application - Hello world. You will learn to create your first application with apple watch kit on simulator. Learn to Work with label and group.

05:35

- Make a challenge

- Share some tips to help your coding

- if you have any question, please upload your code.

3 questions

You have a change to test your self for what you learn in this Section.

Section 2: Wallpaper - app
02:08

Before you make any app. First of all you will come from your idea. after that you should draw out your idea, draw out how your app look like. how many interface and how many button, how many label…After that we will have a over view about our app and we can make an app very clearly. you can imagine that when we make a app like we are building a house. before we build a house we have to make a design for our house

15:59

Make your application's interface and Hook the element on the Interface to our code.

12:44

- Learn to Hook the elements on your interface to our code to control it by Code.

- Remember when we want to control a interface we have to make a custom class and set the custom class and module of interface. If not , your code will be error.

16:03

You will learn how to improve your app with code, instead of we have to use a lot of elements, we can use code to control and optimize your apps.

- Learn how to show the other InterfaceController using Code.

- Learn to Make a function for Button on interface.

- Learn to use global variable: Put the variable outside of the Class.

02:39

So in this section you learn about:

- Before we make an app. You should draw out the your app, how it is look like, and how it operate

- How to control the interface by code. - remember when we want to control the interface we have a class for controlling that.

after that we learn

- How to drag elements to interface and hook it to our code, for controlling

- How to control the label, button, and image

- How to optimize your code better, you see instead of using a lot of interface we can use interface with code for better.

- Remember the difference between when we using the image in images.Casset and image in the the group folder

Test your self!
3 questions
Section 3: Timer App
01:08

Hello and welcomeback.

In this section, we will make a new app about timer. We will make a application with some label, and some button, When user klick the play button, we will have a time running on the interface and we can stop or pause the timer if we want.

08:05

- Learn to search some Icons on website or iconfinder.com

17:38

- Now we have a interface like we already design from the beginning. So now first of all we want to change the background of the play button to pause when user klick on the play button. ok? it’s very easy.

- I think we can make a new variable to see does the timer is playing or not.

- Next when we press the stop button, i want to change the background play button to the play.png

- After that we will using timer to make a function and update the label

Test Your self!
2 questions
Challenge
01:30
Section 4: Friend's Birthday App
01:30

Hello and welcome back.

Today we will make a new app with table view. We will call it friend’s Birthday.

We will have in the first interface a tableview with number of our friend’s name and their image in the beginning or the row. and After the user klick the row, we will move to another inter face with detail about : friend’s name, friend’s photo, age, birthday.,home..blabla la…

08:40

- You will learn to set up your interface depend on your design

- Practice to work with group , label, button, image and tableview

15:23

- Learn to work with table and and table row.

- Improve your wallpaper project: instead of using the button, we will learnt o to make a table with each row is one category of wallpapers.

Remember when you add a new subclass to controller a interface you must add to the watchKit target or you will cannot run your app.

06:31

- Practice to hook the table, row object and some group, label, Image to our code

19:28

- Learn about the class in Swift

- Practice to make a friend class for our application

- practice to send an object to detail Interface Controller

Summarize
Article
Test your self!
3 questions
Section 5: Value Added Tax (VAT) - Caculator
04:30

Hello and welcome back, at last section, you have to work with label, button, tableview, and image.

Now in this section i will have a new app and new element that you can work with is slider.

so i have an idia about VAT caculator - VAT mean value added tax.

so you will have an app with first interface will let you add a cost price, and you can change the VAT percent (because it difference between your country, your city, ) and after that you have a calculate button to calculate the tax and you will see the final cost.

17:06

- Learn to make our app Interface like our design,

- learn to working with slider

- Note that when we make our app Interface, we can see what is good or bad and we can change our design if we need.

10:30

After we make our app Interface, It's time to hook all the Outlet to our code for controlling.!

09:24

Learn how to use SingleTon in code for share data between interfaces.

Setting Cost Interface
14:37
10:18

Finish our VAT calculator by finishing the detail WKinterfaceController.

Summarize
Article
Test your self!
2 questions
Section 6: BasketBall ScoreBoard
02:29

Hello and welcome back, at last section, you already learn to work with some slider and today i would like to help you make a new application and new element that we will learn is about menu item.

first of all i want to say that i like a basketball and i want to make an application that can write down the score of basketball game.

So i will make a new app for this request.

So in the future of your developer carrier, you can collect some idea from you or from your friend, and you can make a new application depend on their idea. i think it may be gave you a change to make a super cool application.

16:04

- Design our interface's app as our design.

- Practice to work with button , group and label

- Learn to work with menu Item

14:52

- Learn to work with menuItem, Change the background Image of MenuItem.

- Practice to hook all the elements to our code and arrange the elements to our interfaces.

16:55

- Learn to setting the color text of our button title

- Learn to search the code which we don't know.

19:05

- Learn to work With NSUserDefault to store the data of our application

03:04

Summerize:

- You can collect the idea all around you, from you, from your friend or family.

- As you can see, the menu Item is similar like Button but we can’t set up the outlet of this item.

We can use the apple’s predefine Image or you can use custom Image but it’s be black and white image.

- You can share data using Global value or SingleTon but if you want to save data when your app was close, Use NSUserdefault.

If you have some problem, put it and I will try to answer as soon as possible.

and i have a little challenge for you. I want our application will save the color setting of home and away score interface. I think it’s very easy. So, Show me what you got and let see at next section

Test your self!
6 questions
Section 7: Glance
03:37

Some note that you can know about the glance:

- The Glance is a quickView of important content of our app.

- The user decice to use our application’s glance of not.

-The Glance is only-one page and it’s can control by custom class as normal.

- The Glane is only reading screen, so when user touch anywhere on the screen , it will show up our application.

11:40

- Learn to add a Glance scene to our new project or add to existing object.

- Introduce about two Group in Glance Interface

03:20

- Intro about new idea for making a new application integrate with glance scene to show the info which we can grab it on the web.

18:33

- Create an outlet for our Application

- Learn to work with images.xcassets

19:48

- Learn to grab the data from the web, you can do like this:

//make an url as NSURL

var url = NSURL(string: "http://www.vietcombank.com.vn/ExchangeRates/ExrateXML.aspx")

//after that you will create a task to download our data and we can deal with this data in side the block code:

var task = NSURLSession.sharedSession().dataTaskWithURL(url!, completionHandler: { (data:NSData!, response:NSURLResponse!, error: NSError!) -> Void in

//deal with the data…

})

//after that we have to resume the task to take the data and deal with that.

task.resume()

- Learn to work with String and NSString to convert and cut the string

04:11

- Practice to grab the data from web again

Sumarize
Article
Test your self!
3 questions
Section 8: VCB Exchange Better
03:31

We will improve the VCB Exchange . We will using all the data instead of using only one USD exchange. We will make a table for currency name and grab all the data on web. We will add a setting for Glance scene for our application

15:32

- Start to make our application interface like our design.

- Work with tableview and row object again.

18:24

- Learn to grab the data on web and show on the table row.

- Depend on the data, we will set the currency Image for row on the table.

18:53

Practice with sending the object using context and using that context to setting up the detail interface when user klick on the table row.

13:21

- Working with menuItem and table again.

- Setting up an imagine row to determine which row is ticked.

09:14

- Use NSUserDefault to save the "check" setting for Glance Scene

- Finish the setting Interface for user click on the currency which they want on the glance.

12:39

- Hook some other elements on our interface that we will control it by code.

- Use NSuserDefault to load the setting glance and load it on the glance Interface

12:54

- Make a function for glance scene, when the user klick on the glance, we will open the detail of currency.

- Using the context to send the data and update our detail view.

challenge
02:32
Section 9: Notification
05:30

So if you’re still confused about how Notifications work on the Apple Watch, it goes like this:

  1. iPhone or Apple Watch – iOS decides whether it is appropriate to display the notification on the iPhone or Apple Watch. Given the notification will be displayed on the Apple Watch…
  2. Subtle Notification – the user is subtly notified (likely via some kind of vibration) to let them know there’s a new notification
  3. Abbreviated Notification – if the user raises her wrist, she’ll see a Short Look notification. This is essentially the app icon, app name, and the title of the notification
  4. Detailed Notification – if the user taps on the Short Look notification or continues looking at her wrist, she’ll see the Long Look notification. This is the notification that you get to customize!
  5. User Action – The user can dismiss the notification or act on it by tapping an available action button (if any) or by launching your app
17:25

- Make a demoApp integrate with Notification

- Help you integrate the notification to the new app or old app.

11:31

- Learn to custom your notification interface like Background, sash part also change the button title in notification.

13:38

- Learn to handle the notification from our inter face and make a function for app when we got a notification

- Introduce about the parse for sending notification.

Test your self!
3 questions
what's next?
01:35

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Hieu Duc Pham, IOS Developer

I’m Hieu Pham, I started to know about IOS and work this IOS about 5 year ago.

I start to work with Swift about 6 month ago and I very like this language and specially I’m very interested in apple Watch App. I'm working at Taoviet-Apple-Services about nearly 5 year. I have a lot of applications on Apple store

I already join a lot of online courses from the beginning of my developer carrier, some courses are good, some courses are not good as I thought. So I know how to help the student work effective with their learning. After experimenting with various courses, learning styles, and teaching processes, I've adopted the best strategies and used them in my courses. Since the announcement of the new Swift programming language by Apple, I have work with Swift since that also for Apple watch too. You can check my application on Apple Store by search the taoviet.vn and Hieu Pham.

Ready to start learning?
Take This Course