# Lively4 Demo / Workflows


## Object Composition
  - drag out rectangle
  - open object editor
  - add method
  - run method
  - clone object

## Content Creation
  - context menu
  - direct (graffle-like) way shape, rectangle, freehand

## Code Execution
- run snippet from journal (treemap)
- modify treemap (change color scheme)
  - explain lively-migrate -> updateViz
  - explain attribures and children of HTML Elements 
  - explain shadow root
  - show web-component in inspector and chrome tools

## Web Components
- create new web component 
  - explain template hooks

## JavaScript Features
- workspace
  - async fetch
  - do it, print it, inspect it
- lively-server
  - GET PUT OPTIONS ...
  - how to develop lively4-server through lively4S2
- lively-service worker
  - dropbox / googledrive fs
  - offline first caching
- polymorphic identifier
  - drag from desktop to body 
  - modify livelyfile (container on livelyfile://foo.txt)