What's New

* updates for latest iOS SDK
* Phasing out ProtoCode Cloud :(
* The cloud feature will be discontinued at the end of April

App Description

ProtoCode is a mobile playground for coding JavaScript (ES6/JSX), CoffeeScript, CSS, and HTML with syntax highlighting, code validation, auto-indentation, over fifteen included frameworks for offline use, and the ability to add your own! As of version 3, you now have the ability to add any additional frameworks for offline use that you want! It is an amazing tool to fiddle with various frameworks, ideas, or to help you learn to code!

*The Editor*
ProtoCode's editor has the features you'd expect. Syntax highlighting for JS/CoffeeScript/CSS/HTML, auto-indentation to keep your code clean, one tap commenting and un-commenting, autocompletion of braces, brackets, quotes, and parentheses. Most of which is made possible by the intelligent keyboard.

*The Keyboard*
The keyboard in ProtoCode includes an additional row of smart keys. The keys are swipeable, allowing for each key to provide 5 character choices. Also included is the trackpoint key. The trackpoint key allows you to simply hold down and move the cursor through your code by dragging your finger around. Double-tap the trackpoint to select the current word or double-tap and drag to select more text. The keyboard's features go on and on. Select some text and type a forward-slash and you'll comment and un-comment the selection, you can also wrap selections with characters that have an open and close like quotes, braces, and parentheses.

*Themes*
ProtoCode currently includes 30 themes to choose from. Dark, light, black, white, blue, green, and more. The unique thing about ProtoCode themes is that the entire app takes on a new look and feel when selecting a new theme. Like your dark editor? Well, a dark editor comes with a dark keyboard, navigation bar, and options panel! The same goes for any other theme.

*Code Validation*
ProtoCode has ESLint built-in! ESLint JavaScript validation is happening in real-time as you are coding, evaluating syntax, unused functions and variables, and indicating lines with issues. Simply tap on a line and get the info you need in order to fix it. CoffeeScript validation is also supported by leveraging CoffeeLint.

*Console*
The console in ProtoCode makes debugging your code easy. The console button in the lower right will even discretely flash when something is logged. You can see errors, execute commands, and manipulate your project.


**Included Frameworks for Offline Use**
- Angular
- Backbone
- Bootstrap
- Dojo
- jQuery
- jQuery UI
- Kinetic
- Knockout
- Lodash
- MooTools
- Prototype
- Raphael
- React
- Sugar
- Three
- Vue
- YUI


If you have any questions, concerns, or feature requests please use the feedback tool at http://protocodeapp.com.

iPad Screenshots

(click to enlarge)

ProtoCode screenshot 1 ProtoCode screenshot 2 ProtoCode screenshot 3 ProtoCode screenshot 4 ProtoCode screenshot 5

App Changes

  • August 04, 2014 Initial release
  • August 13, 2014 New version 1.2
  • August 26, 2014 Price decrease: $4.99 -> $3.99
  • November 23, 2015 New version 2.0
  • June 21, 2016 New version 3.0.17
  • November 05, 2016 New version 3.2
  • June 14, 2019 New version 3.4.1
  • June 14, 2019 Price decrease: $3.99 -> $1.99
  • June 16, 2019 Price decrease: $3.99 -> $1.99

Other Apps From Jake Sankey

Torch - Flashlight for iOS Star-Burst myAssistant - Personal Secretary