Building web apps server side with The LiveCode Lab

The LiveCode Lab

Building Web Apps

Server-Side with

The LiveCode Lab

The LiveCode Lab

What is The LiveCode Lab?

• Runs LiveCode server-side to allow

coding from any browser

• Stores your code in your own private

folder

• Allows code editing without an IDE or

requiring installation

The LiveCode Lab

What can you create?

Web apps including:

• Games

• Educational apps

• Utilities

• Interactive content

• Coding demos

The LiveCode Lab

Who uses The LiveCode Lab?

• LiveCode developers wanting to try a

new style of app development

• Students needing to understand the

fundamentals of server-side and client

interaction

• Web app developers wanting a

powerful high level server-side language

The LiveCode Lab

The LiveCode Lab includes

• HTML templates to handle output

formatting

• A RTL (run time library) for controlling

HTML output

• A mechanism for sharing code and

apps

The LiveCode Lab

The LiveCode Lab Structure

Linux Web Server

LiveCodeServer

MySQL

TLCLRuntimeLibrary

HTMLCSSTemplate

Index.lc (livecode code)

Web Browser

URL

Web Page

The LiveCode Lab

Templates for basic HTML layout

• wasSetTemplate: selects the template

• wasSetActiveArea: selects the area of

the template to f ill

• wasPut: puts text (and HTML) into the

active area

The LiveCode Lab

The LiveCode Lab template organisation

Web Page

^navigationarea

^leftcontent ^rightcontent

^footerarea

The LiveCode Lab HTML CSS Templates

TemplateC

TemplateA

TemplateB

YourCustom

Template

wasSetTemplate "Template A"

wasSetActiveArea "rightcontent"

wasPutP "This text isput into the currentlyactive area with theparagraph tags."

<p>This text isput into thecurrently activearea with theparagraphtags.</p>

The LiveCode Lab

Placeholders for text substitution

Code like this:wasPut "^1 with ^2 placeholders for ^3",varA,varB,varC

is the equivalent of this:wasPut varA & " with " & varB &" placeholders for " & varC

The LiveCode Lab

Placeholders in action

put 3 into varAput "text" into varBput "Sample" into varCwasPut "^3 with ^1 placeholders for ^2.", varA, varB, varC

Sample with 3 placeholders for text.

3 1 2with placeholders for

.

The LiveCode Lab

Your server space and URL

The LiveCode Lab Disk Space

appname

mysecondapp

anotherapp

myloginname

http://thelivecodelab.com/myloginname/appname/

otheruser

helloworld

mysecondapp

The LiveCode Lab

Target almost any device

Write once

in LiveCode

The LiveCode Lab

Register and find out more

Get a free account and start your coding

here:

• http://thelivecodelab.com/