Build Watch Timer App in SwiftUI, WatchOS and Combine Timer

person icon DevTechie

Build Watch Timer App in SwiftUI, WatchOS and Combine Timer

Build complete timer app from start to finish while learning about WatchOS

updated on icon Updated on Sep, 2023

language icon Language - English

person icon DevTechie

architecture icon Development,Mobile Apps,Mobile Development


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

SwiftUI has changed the entire dynamics of app development in iOS space. Now developing for watchOS is as easy as dropping reusable SwiftUI views into the app and run them against the correct target.

In this course, we are going to work on WatchOS and SwiftUI. With the introduction of SwiftUI, a lot of UI development have been combined and learning has become easy. For example, most of the concepts of SwiftUI that you learn and apply on iOS, iPadOS, MacOS and TVOS are same. WatchOS has different specs as far as the hardware, screensize etc goes so SwiftUI adapts to those changes and provides a look that works of WatchOS but the code you write is pretty much same as SwiftUI for iOS.

We will learn about timer app that is present in your apple watch and create a clone of that using SwiftUI. We will build all the modules that will make the complete app along with the timer dial to show seconds and minutes ticker view. You will learn to observe changes in Timer using Timer publisher and create a reverse progress view which will indicate time remaining in the timer. You will learn to apply conditional based color rings to display different stages of the progress.

Learning Objectives:

  • WatchOS and SwiftUI
  • Ring Progress View
  • Combine based Timer Publisher
  • Build advanced ticker view using basic shapes
  • Build timer model to support minute and hour based timer
  • Create conditional views based on observed changed into the view and state properties
  • Use of OnReceive Observer to monitor changes in Timer


What will you learn in this course:

  • WatchOS
  • SwiftUI
  • Timer Publisher
  • iOS Development


What are the prerequisites for this course?

  • Xcode Knowledge
  • Swift Knowledge
  • SwiftUI Knowledge
Build Watch Timer App in SwiftUI, WatchOS and Combine Timer


Check out the detailed breakdown of what’s inside the course

2 Lectures
  • play icon Introduction 05:07 05:07
  • play icon Learning Objectives 02:10 02:10
Timer WatchOS App
6 Lectures

Instructor Details



Learn by Doing. Practical Approach to Solve Common Problems

Hello World from DevTechie. We have several years of experience working for big tech companies to small startups with 40+ years of combined experience in developing apps and softwares. We believe in sharing the knowledge gained over the years and would like to invite you to join us in this journey. We cover end to end development for mobile, web, backend as well as data science and machine learning.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us