Painless stretchy web apps using a shorthand notation by Edward De Jong
With users now employing mobile devices as their primary computer,
it is important to be able to make your graphical interfaces stretch like rubber to accommodate the wide variety of screen sizes. Introducing Beads, a replacement for the typical web stack that enables you to create rubbery client/server web apps, by means of a graphical model that uses proportions instead of coordinates, and offers a concise notation for describing complex page layouts, coupled with a runtime that automatically deduces areas needing regen.
http://voicecarrier.com/lab/colors/co...
Edward De Jong
Mr. de Jong started programming in high school in Pasadena, California on an IBM 1620 punchcard computer that had 40k decimal digits of RAM, later used the Univac 1108 at JPL and the IBM System/370 at CalTech, graduated from MIT with a Bachelor’s degree. He progressed to HP minicomputers, to IBM and Apple Macintosh personal computers and finally to mobile devices and the web. He was the lead programmer on WordStar 2000, IBM DisplayWrite 5/Composer, Flying Colors / DragonBall Z / Ultraman paint program, Discus CD labeler, over 90 iPhone apps, and lately client / server web apps. His passion is for finding the maximum leverage tools for the solo programmer.
/ edward-de-jong-6a15086
Video sponsor – Ada Beat
https://adabeat.com
Merch
If you want to spread functional programming and support the channel, buy something from the shop:
https://funcprogsweden.myspreadshop.net/
The Chapters:
00:00 Introduction by Magnus Sedlacek
00:30 Painless stretchy web apps using a shorthand notation by Edward De Jong
01:00 Language Landscape
01:29 Motivation
02:19 Goal
03:24 Basics
04:26 Programs are made up of many short codes blocks
05:27 Tight coupling of drawing and event tracking
06:38 Spreadsheet-style closed arithmetic
07:36 Units of Measure
08:44 Easier to read, domain specific language with comments for regular expressions
09:32 No physical addresses
10:59 No Closures
11:23 Renaissance Era Proportional Layout Scheme
12:48 Autosizing text
13:52 Data versioning
14:27 Automatic re-execution of drawing code
16:18 Client + Server fusion
17:04 Result & Roadmap
17:24 Example 1 – Mortgage Calculator
18:35 Example 2 – Test 1
22:35 Example 3 – The color picker
24:37 Dividing the screen
26:12 Example 2 – Test 1
33:00 Real-time status monitor
36:40 Q & A
#funcprogsweden