Vaadin - Rich Web Apps in Server-Side Java without Plug-ins or JavaScript
Building web apps server side with The LiveCode Lab
-
Upload
scott-mcdonald -
Category
Technology
-
view
980 -
download
2
description
Transcript of Building web apps server side with The LiveCode Lab
![Page 1: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/1.jpg)
The LiveCode Lab
Building Web Apps
Server-Side with
The LiveCode Lab
![Page 2: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/2.jpg)
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
![Page 3: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/3.jpg)
The LiveCode Lab
What can you create?
Web apps including:
• Games
• Educational apps
• Utilities
• Interactive content
• Coding demos
![Page 4: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/4.jpg)
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
![Page 5: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/5.jpg)
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
![Page 6: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/6.jpg)
The LiveCode Lab
The LiveCode Lab Structure
Linux Web Server
LiveCodeServer
MySQL
TLCLRuntimeLibrary
HTMLCSSTemplate
Index.lc (livecode code)
Web Browser
URL
Web Page
![Page 7: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/7.jpg)
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
![Page 8: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/8.jpg)
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>
![Page 9: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/9.jpg)
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
![Page 10: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/10.jpg)
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
.
![Page 11: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/11.jpg)
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
![Page 12: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/12.jpg)
The LiveCode Lab
Target almost any device
Write once
in LiveCode
![Page 13: Building web apps server side with The LiveCode Lab](https://reader034.fdocuments.us/reader034/viewer/2022042614/5564b13cd8b42a366c8b5780/html5/thumbnails/13.jpg)
The LiveCode Lab
Register and find out more
Get a free account and start your coding
here:
• http://thelivecodelab.com/