Quick Start

This is a slightly more complex demo of the new app infrastructure with more graphing features.


The author credits go here.

Demo with 2 Y-axes

Lin Input
Log Input
Equation 1
Equation 2
Both Curves
First output
Second output

The basics of HTML (when you read the html file)

Here is basic text. If you want to know about file handling, look at DemoFile.html, but if you're doing this online you'll need to download TestFile.csv file to try it out (and set its extension back to .csv if your download sets it to .xls); within the downloaded version the file is found in the inc folder.

A section header

To break up the text, the h3 style is a good default to use. What about other tricks?

First, here's how to include a reference1 in a footnote.

Next there's an equation, written in MathJax format


And this is a note


The first thing you need is a good coding text editor. Like many people, I use Visual Studio Code which is free and very powerful. It automatically highlights all your JavaScript to help you see what's going on, as you can see when you click the Toggle Code button here.

Next, you need some basic JavaScript knowledge. If you've programmed in any other language, you'll have no trouble with JavaScript. There are plenty of free on-line JavaScript courses that will get you up to speed with most of what you need.

But don't spend too much time on the courses. Most of us solve our coding issues by searching for our problem on line and hoping that it's answered in Stack Overflow - the amazing resource where you will find 95% of your problems already answered. Many professionals will find the Abbott apps to be poorly coded. They are right. But I'm just a scientist who codes, and if I can get the science working in adequate code, that's fine by me. For my newer apps and App-Writer 2 the coding style and approach has been helped greatly by ace coder Sean Cooper so it's a better starting point.

The point of the App-Writer 2 infrastructure is that you follow a few (slightly tedious) protocols for getting inputs and outputs and everything else looks after itself. Most apps have for inputs a few sliders (some log, some linear), some radio buttons, a checkbox or two, a combo box and maybe a button. The outputs are a few text boxes and a graph or two. All the hard work is done for you, so you can focus on your specific calculations.

So that's it for this demo text!

1The reference with this bit in italics goes here.