#KinomaJS Tutorials
This collection of tutorials is designed to teach you about KinomaJS, our framework for developing JavaScript applications that run on Kinoma Create, iOS, Android, and desktops. If you are just getting started with KinomaJS, we suggest completing the four basic tutorials before moving on to those that address more advanced topics.
These tutorials are intended as a complement to the primary KinomaJS documentation. For a conceptual overview of KinomaJS that will put these tutorials in context, check out the KinomaJS Overview document; for a thorough reference on KinomaJS, see the KinomaJS JavaScript Reference document. Essentially all features of KinomaJS are also demonstrated in our large collection of KinomaJS samples.
Note: These tutorials do not apply to scripting for Kinoma Element, which does not use KinomaJS.
##Basic Tutorials
-
The KinomaJS Containment Hierarchy -- Teaches the basics of creating and styling user interface elements in KinomaJS.
-
Application Logic in Behaviors -- Describes how JavaScript application logic is bound to objects within a KinomaJS UI and how events propagate through the containment hierarchy.
-
Interacting with Web Services Asynchronously -- Walks through examples of how to work with web services to retrieve data asynchronously and then use that data to update the UI.
-
Using Modules for Screens and Transitions -- Shows how KinomaJS applications can be broken down into a collection of modules and how those modules are included in the main application; uses an example of breaking a multi-screen app into individual modules and shows how to include transitions between screens.
##Advanced UI Options
-
Transforming Content at Runtime -- Describes how to use the
layerobject to dynamically control the appearance of content. Features include opacity, rotation, and scaling. -
Scrolling Content and Programmatically Adjusting Layout -- Teaches how to make large pieces of content scroll on the screen and how to build your own layout manager in JavaScript.
-
Displaying Images and Media -- Shows how to incorporate images, sound, and video into a KinomaJS application. Loading of both local and remote media is covered.
##Working with Sensors and Audio
-
Building Your Own BLLs -- The Pins module can interact with sensors through either built-in or custom BLLs; this tutorial defines and describes the rules for building your own custom BLLs.
-
Audio Input and Output -- Shows how to send audio to speakers and capture audio from microphones using the Pins mechanism. This enables audio data to be treated like any other sensor data in KinomaJS.