Skip to content

Commit

Permalink
Enhance README and add Slides
Browse files Browse the repository at this point in the history
  • Loading branch information
linusha committed Aug 7, 2023
1 parent 513a9ca commit 675d898
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 12 deletions.
Binary file not shown.
21 changes: 11 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,25 +1,26 @@
# froscon-2023
This repository contains the slides, demo code and other resources for the talk "Live Programming and Designing of Dynamic Web Applications - Towards a totally RAD development experience" at FrOSCon 2023.

This repository contains the slides, demo code and other resources for the talk ["Live Programming and Designing of Dynamic Web Applications - Towards a totally RAD development experience"](https://programm.froscon.org/2023/events/2897.html) at FrOSCon 2023.

Recordings of the talk are available on [media.CCC](https://media.ccc.de/v/froscon2023-2897-live_programming_and_designing_of_dynamic_web_applications) and [YouTube](https://www.youtube.com/watch?v=XaMYx-OCaYo).

## Setup

You will need a working `lively.next` installation. See [its repo](https://github.com/LivelyKernel/lively.next) for more details on how to get this.

This is a `lively.next` project. Import it as such before continuing.

## Car Demo

To load the demo from its original `json` snapshot, go to `http://localhost:9011/worlds/load?file=local_projects/LivelyKernel--froscon-2023/car.json` with a running `lively` server.
The following code demonstrates rapid prototyping with lively's focus on direct manipulation.

```js
import { connect } from 'lively.bindings';
connect(this.get('steering wheel'), 'rotation', this.get('car'), 'steer');
## Deployment Demo

connect(this.get('break pedal'), 'onMouseDown', this.get('car'), 'accelerate', { converter: () => -1 });
This repository has a [GitHub Pages](https://livelykernel.github.io/froscon-2023/) deployment, which contains a bundled lively application as a demo. The code for the demo can be found inside of this repository. It relies on the official [`lively.next` `partsbin`](https://github.com/LivelyKernel/partsbin).

connect(this.get('gas pedal'), 'onMouseDown', this.get('car'), 'accelerate', { converter: () => 1 });
The GitHub actions to achieve this are automatically generated with a Beta Feature in lively.next, that will soon™️ become generally available! Stay tuned!

this.get('car').startStepping('move', 100);
this.get('car').accelerate(1);
this.get('car').stopStepping();
## License

```
Code is under MIT. The Slides and presentation itself are CC BY 4.0.
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -27,5 +27,5 @@
],
"boundLivelyVersion": "3596b124e6edc271afc4baf4666b759442e25016"
},
"version": "0.1.2"
}
"version": "0.2.0"
}

0 comments on commit 675d898

Please sign in to comment.