Create Fitbit Ionic Clock Faces using JavaScript Coupon


Create Fitbit Ionic Clock Faces using JavaScript Coupon

Learn to make Clock Faces for your Fitbit Ionic Smart Watch from Scratch to Deployment with no prior experience!

This course includes
2 hours on-demand video
5 articles
11 downloadable resources
Full lifetime access
Access on mobile and TV
Certificate of Completion

  • Fitbit Ionic Smart Watch
  • Android, iOS or Windows Phone with Fitbit App installed
  • Fitbit Account
  • Windows/Mac/Linux machine (any desktop/laptop with a web browser)
  • Stable Internet Connection
  • Helpful but not Required: Basic knowledge in HTML, CSS and JavaScript

This course teaches you how to build your own custom Fitbit Ionic Clock Faces from scratch all the way through to deploying it on the Fitbit App Gallery.

It is suitable for beginner developers with no prior knowledge of JavaScript, however a background in web development is certainly beneficial!

Basic knowledge of HTML, CSS and JavaScript is beneficial but not required for this course.

The course instructor Barry Michael Doyle will also provide support and aid where possible to help you if you get stuck.

It all begins here!

Who this course is for:
  • Anyone interested in creating clock faces for their Fitbit Ionic Smart Watch.
  • Anyone wanting a to publish their own Fitbit Ionic Clock faces.
  • Anyone wanting to learn new development techniques in Smart Watch Development
  • Anyone looking to get into Programming

Fitbit Ionic Clock Faces using JavaScript Coupon

What you’ll learn
  • Build Custom Fitbit Ionic Smart Watch Clock Faces
  • Display Time, Date, Day etc.

  • Get and Display Steps, Floors climbed, Distance Travelled

  • Monitor and Display Heart Rate
  • Monitor Battery Charge State and Draw SVG elements based on value
  • Publish Clock Face on the Fitbit App Gallery
Make it tell time!
App Structure Explained
App Structure Docs
Adding the Arc
Dividing the Arc into Two Halves
Arcs and other SVG Docs
Displaying Date and Day Text Elements
Refactoring the Code (Cleaning it up)
Setting Date and Day Values
Adding the Stats!
Download the icons
Adding Icons to the project
Displaying the Icons
Adding Stat Labels
Setting Floors and Steps Values
Setting Distance Values with Distance Calculations
Monitoring and Displaying Heart Rate
Bringing The Arc to Life!
Using Battery Charge State to Set Arc Color
Setting the Arc Sweep Angles based off Battery Charge State
Make it Spin!
Publishing and Outro
Publishing the Clock Face
The End!
We will be happy to hear your thoughts

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

100% OFF Udemy Coupons, Promo Code & Offers | Todaycourses
100% OFF Udemy Coupons, Promo Code & Offers | Todaycourses
%d bloggers like this: