Creating Your First Cross-Platform App With Enyo

Roy Sutton

@Pre101

12/13/2013

Who am I?

What is Enyo?

• JavaScript App Development Framework

• Components for the Web

• Cross Platform

• Mobile + Desktop + Smart Devices

• Free

• Open Source -- Apache 2.0

Why Enyo?

• (See Previous Slide)

• Designed for Native-Quality Apps

• Object Oriented Features– Encapsulation

• Professional Widget (UI) Set

• Strong Community Support

• Test in Desktop Browser

Where Did Enyo Come From?

Framework Components

Object Oriented Features

Components

Events

Properties

Encap-sulation

Widgets (Onyx)

• Modern

• Professionally Designed

• Work flawlessly on supported platforms

• Optimized for performance

Layout

• Responsive Design

• Assist with complicated tasks:– Repeating/Infinite lists

– Complex layout

– Mobile performance

– Trees

Community Supported

Deployment Options

• Web server for Browser/Web Apps

• PhoneGap to Tablets & Phones

• Google Chrome App

• Intel AppUp Encapsulator to Desktop

• TideSDK to Desktop

Supported Platforms

Your First App

Quickstart: http://enyojs.com/modev

Steps:

• First Component

• Prototype the Todo app

• Add Model and Collection

• Add Filtering

• Spiff up the UI

• Package and Deploy with PhoneGap Build

More Resources

• Web site: http://enyojs.com

• Github: https://github.com/enyojs

• IRC: irc.freenode.net #enyojs

• Twitter: @enyojs

• Book: Enyo: Up and Running

Questions?