{"id":23949695,"url":"https://github.com/liaplayground/liascript_wearedevelopers2022","last_synced_at":"2026-06-22T10:31:53.278Z","repository":{"id":86328268,"uuid":"502571228","full_name":"LiaPlayground/LiaScript_WeAreDevelopers2022","owner":"LiaPlayground","description":"LiaScript Presentation - Berlin (14 June 2022)","archived":false,"fork":false,"pushed_at":"2022-06-14T04:58:47.000Z","size":20,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-24T08:47:24.505Z","etag":null,"topics":["elearning","liascript","liascript-course","markdown","wearedevs"],"latest_commit_sha":null,"homepage":"https://liascript.github.io/course/?https://raw.githubusercontent.com/LiaPlayground/LiaScript_WeAreDevelopers2022/main/README.md","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LiaPlayground.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-12T09:25:35.000Z","updated_at":"2024-07-04T18:32:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"4467f22c-c7a3-46d3-9bf9-b75cd6a569f0","html_url":"https://github.com/LiaPlayground/LiaScript_WeAreDevelopers2022","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LiaPlayground/LiaScript_WeAreDevelopers2022","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FLiaScript_WeAreDevelopers2022","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FLiaScript_WeAreDevelopers2022/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FLiaScript_WeAreDevelopers2022/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FLiaScript_WeAreDevelopers2022/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LiaPlayground","download_url":"https://codeload.github.com/LiaPlayground/LiaScript_WeAreDevelopers2022/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiaPlayground%2FLiaScript_WeAreDevelopers2022/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34645681,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-22T02:00:06.391Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["elearning","liascript","liascript-course","markdown","wearedevs"],"created_at":"2025-01-06T11:49:48.742Z","updated_at":"2026-06-22T10:31:53.261Z","avatar_url":"https://github.com/LiaPlayground.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!--\n\nauthor:   André Dietrich, Sebastian Zug\nemail:    andre.dietrich@informatik.tu-freiberg.de \u0026 sebastian.zug@informatik.tu-freiberg.de\nversion:  0.0.2\nlanguage: en\nnarrator: US English Female\n\nlogo:     https://assets-global.website-files.com/5e9996a6531fea7d1003b18e/62247118d91be13aa5de577f_Group%201919-min.png\n\ncomment:  Presentation and interactive demonstration of LiaScript at the\n          \"We Are Developers 2022\" conference in Berlin.\n\nimport:   https://raw.githubusercontent.com/liaTemplates/plantUML/master/README.md\n          https://raw.githubusercontent.com/liaTemplates/AVR8js/main/README.md\n          https://raw.githubusercontent.com/LiaTemplates/ABCjs/0.0.2/README.md\n          https://raw.githubusercontent.com/liaTemplates/TextAnalysis/main/README.md\n          https://raw.githubusercontent.com/LiaTemplates/algebrite/0.2.1/README.md\n--\u003e\n\n[![LiaScript](https://raw.githubusercontent.com/LiaScript/LiaScript/master/badges/course.svg)](https://liascript.github.io/course/?https://raw.githubusercontent.com/LiaPlayground/LiaScript_WeAreDevelopers2022/master/README.md#1)\n\n# LiaScript - Interactive Markdown for Education \u0026 Documentation\n\n---------------------------------------------------------------------\n\nThis presentation illustrates the vision of _Open Educational Ressources_ and its application on LiaScript. The document was used during a session of WeAreDevelopers in Berlin on 14th June 2022.\n\n_The sources of the presentation can be found at [Link](https://github.com/LiaPlayground/LiaScript_WeAreDevelopers2022) zu finden._\n\n------------------------------------------------------\n\nAndré Dietrich, Sebastian Zug\n\nFaculty of Mathematics and Computer Science\n\nTU Bergakademie Freiberg\n\n[sebastian.zug@informatik.tu-freiberg.de](mailto:sebastian.zug@informatik.tu-freiberg.de)\n\n------------------------------------------------------\n\n\n## Motivation\n\n                                      {{0-3}}\n\u003e __Question:__ Who already has experience in teaching (in school or university) OR writes tutorials for software?\n\n                                      {{1-3}}\n\u003e __Question:__ What was your hope before spending hours sifting through material, organizing and animating?\n\n                                      {{2-3}}\n********************************************************************************\n\nDeveloping learning content with other contributors\n\n\u003c!--\nstyle=\"width: 100%; max-width: 860px; display: block; margin-left: auto; margin-right: auto;\"\n--\u003e\n```ascii\n\nVersion 1.0                            Version 1.1\n+---------------------------+          +---------------------------+\n| Course  German Literatur  |          | Course  German Literature |\n| Authors John Muster       | \"Error\"  | Authors John Muster       |\n|                           |-------\u003e  |         Angelika Maier    |------\u003e ....\n|~~~~~~~~~~~~~~~~~~~~~~~~~~~|          |~~~~~~~~~~~~~~~~~~~~~~~~~~~|\n| In 1756 Goethe visited    |---.      | In 1786 Goethe visited    |--.\n| Italy ...                 |   |      | Italy ...                 |  |\n                                |                                     |    Version 1.1\n                                |                                     |    +----------------------------+\n                                |                                     |    | Course  німецька література|\n                                |                                     |    | Authors John Muster        |\n                                |                                     .--\u003e |         Angelika Maier     |\n                                |                                          |         Стів Грей          |\n                                |                                          |~~~~~~~~~~~~~~~~~~~~~~~~~~~~|\n                                |                                          | У 1786 році Гете здійснив  |\n                                |                                          | подорож до Італії ...      |\n                                |       Version 1.0\n                                |      +---------------------------+\n                                |      | Course  Goethe \u0026 Schiller |\n                                |      | Authors John Muster       |\n                                .--\u003e   |         Angelika Maier    |--+--\u003e\n                                       |~~~~~~~~~~~~~~~~~~~~~~~~~~~|  |\n                                       | The correspondence during |  |\n                                       | the Italian journey ...   |  |\n                                                                      :\n```\n*Versions of the freely available teaching content of a course and its reuse in other courses*.\n\n\n********************************************************************************\n\n### Open Educational Resources\n\n\u003e  **Open Courseware / Open Educational Resources** ... teaching, learning and\n\u003e research materials in any medium, digital or otherwise,that reside in the\n\u003e **public domain** or have been released under an open license that permits\n\u003e no-cost access, use, **adaptation** and **redistribution** by others with no or 4\n\u003e limited restrictions. Open licensing is built within the existing framework of\n\u003e intellectual property rights as defined by relevant international conventions\n\u003e and respects the authorship of the work\n\u003e\n\u003e -- UNESCO 2002 Forum on the Impact of Open Courseware for Higher Education in Developing Countries [(Link)](https://unesdoc.unesco.org/ark:/48223/pf0000128515)\n\n\n### Challenges and opportunities of OER\n\n                                    {{0-1}}\n********************************************************************************\n\nGeneral Misunderstanding of OER\n===================================\n\n\u003c!-- data-type=\"BarChart\"\ndata-title=\"Histogram of different data formats\"\ndata-show=\"true\"\ndata-xlabel=\"Datentyp\"\ndata-ylabel=\"% of Anzahl\" --\u003e\n| Dateityp | Anzahl |\n| -------- | ------ |\n| `pdf`    | 5242   |\n| `jpg`    | 1040   |\n| `mkv`    | 873    |\n| `mp4`    | 586    |\n| `png`    | 494    |\n| `zip`    | 443    |\n| `html`   | 387    |\n| `docx`   | 376    |\n| `pptx`   | 245    |\n| `xlsx`   | 191    |\n\n_Types of files labeled with \"OER\" on TU Bergakademie's servers_\n\n********************************************************************************\n\n                                   {{1-2}}\n********************************************************************************\n\nSpecific problems\n===================================\n\n| Requirement                          | Meaning                                             | Challenges                                           |\n| ------------------------------------ | --------------------------------------------------- | ---------------------------------------------------- |\n| `storing/copying`                    | downloading, storing and copying                    | closed learning management systems                   |\n| `use`                                | use in learning context                             | different learning platforms                         |\n| `process`                            | transformation                                      | missing standards                                    |\n| `adapting/mixing`                    | extraction and combination                          | commercial software products, limited digital skills |\n| `disseminate` / `version management` | (digital) publication \u003c!-- Style=\"color:red\" --\u003e and version handling                             | limited digital skills                               |\n| `identify`                           | \u003c!-- Style=\"color:red\" --\u003e  find relevant materials | bunches of OER data bases                            |\n\n\n*_Extended definition of OER according to 5V Modell described by Jöran Muuß-Merholz und Jörg Lohrer für [open-educational-ressources](https://open-educational-resources.de)_*\n\n\u003e __Surprise:__ A simple text document containing Markdown content and some training would solve the problems.\n\n********************************************************************************\n\n                                   {{2-3}}\n********************************************************************************\n\n... but what about the content?\n===================================\n\n\u003e ... no one will give you the teaching award for static web pages!\n\n\u003cdiv id=\"example1\"\u003e\n\u003cwokwi-led color=\"red\"   pin=\"13\" label=\"13\"\u003e\u003c/wokwi-led\u003e\n\u003cwokwi-led color=\"green\" pin=\"12\" label=\"12\"\u003e\u003c/wokwi-led\u003e\n\u003cwokwi-led color=\"blue\"  pin=\"11\" label=\"11\"\u003e\u003c/wokwi-led\u003e\n\u003cwokwi-led color=\"blue\"  pin=\"10\" label=\"10\"\u003e\u003c/wokwi-led\u003e\n\u003cspan id=\"simulation-time\"\u003e\u003c/span\u003e\n\u003c/div\u003e\n\n```cpp\nbyte leds[] = {13, 12, 11, 10};\n\nvoid setup() {\n  Serial.begin(115200);\n  Serial.print(\"Hello WeAreDevelopers!\");\n  for (byte i = 0; i \u003c sizeof(leds); i++) {\n    pinMode(leds[i], OUTPUT);\n  }\n}\n\nint i = 0;\nvoid loop() {\n  digitalWrite(leds[i], HIGH);\n  delay(250);\n  digitalWrite(leds[i], LOW);\n  i = (i + 1) % sizeof(leds);\n}\n```\n@AVR8js.sketch\n\n\u003e __Challenge:__ We have to bridge the gap between usability and interactive content.\n\n********************************************************************************\n\n## LiaScript-Vision\n\n\u003c!--\nstyle=\"width: 100%; max-width: 860px; display: block; margin-left: auto; margin-right: auto;\"\n--\u003e\n```ascii\nLiaScript = free, open source,\n            interactive learning materials,\n            organized by a version control system,\n            represented in a human readable manner,\n            executed in a server-less infrastructure.                           .\n```\n*Vision of LiaScript.*\n\n\n\u003c!--\nstyle=\"width: 100%; max-width: 860px; display: block; margin-left: auto; margin-right: auto;\"\n--\u003e\n```ascii\n\n\n  Teacher's perspective                             Student's perspective\n  ------------------------------------------------------------------------------\n\n   GitHub, GitLab, ...\n   NextCloud, Dropbox, ...\n\n   +---------------------+\n   | # Digital Systems V1|\\\n +--------------------+  +-+\n | # Digital Systems  |\\   |\n+------------------+  +-+\n| # Digital Systems|\\   |                                  .-----------.\n| (Summer 2021)    +-+                              ╔══════|  Website  |══════╗\n|                    |  --------------------------\u003e ║      '-----------'      ║\n| ## Task 1          |                              ║ Digital Systems 2021    ║\n|                    |                              ║                         ║\n| + Implement ...    | --------------+              ║ TASK 1                  ║\n|                    |    Trans-     |              ║ ...                     ║\n|                    |    formation  |              ╚═════════════════════════╝\n+--------------------+               v\n                                .-,(   ),-.                .-----------.\nLicense: ...                 .-(           )-.      ╔══════|   LMS  Y  |══════╗\nContent: ...                (   Lia Exporter  )     ║      '-----------'      ║\nAuthor: ...                  '-(           )-'  +--\u003e║ Digital Systems 2021    ║\nVersions: ...                   '-.(   ).-'     |   ║                         ║\n                                     |          |\n                                     +----------+          .-----------.\n                                                |   ╔══════|  Webapp   |══════╗\n                                                |   ║      '-----------'      ║\n                                                +--\u003e║ Digital Systems 2021    ║\n                                                    ║                         ║\n\n```\n*Transformation of OER materials for use in various LMSs.*\n\n# Tutorial\n\n## Extensions to Links\n\n![Greek vase painting: seated young man writes on a wax tablet with a stylus](https://www.cvaonline.org/images/pottery/painters/keypieces/tiverios/21-p156bottom-medium.jpg \"The so-called 'School cup' signed by the vase painter Douris. The seated man writes on a wax tablet with a stylus, showing the boy to the right how to do it. Early 5th c BCE. Berlin, Staatliche Museen.\")\n\n?[Sappho: Ode to Aphrodite](http://homoecumenicus.com/ioannidis_sappho_aphrodite.mp3 \"Ancient Greek lyrical poem by Sappho (610-580BC). Original music by IOANNIDIS\")\n\n!?[Greek Art History from Goodbye-Art Academy](https://www.youtube.com/watch?v=Me0Psn6VrTg \"_Black-Figure Dinos (Mixing Vessel); Warships (int.); Heroic Scenes (top)_, c. 520-515 BC. Circle of Antimenes Painter (Greek, Attic, active c. 530-510 BC). Veramic; diam. 50.8 cm; overall: 33.6 cm; rim diam. 34 cm. The Cleveland Museum of Art, Jon L. Severance Fund, 1971.46\")\n\n??[Neck Amphora](https://sketchfab.com/3d-models/197016-neck-amphora-0bb2525bdd734bf69d5a7b2b051928ad \"_Neck Amphora_ (515-510 BC). Painter of Berlin 1899 (Greek). Greece, Attic, 6th Century BC Black-figure terracotta. Diameter: 29 cm (11 7/16 in.); Overall: 39.8 cm (15 11/16 in.). Andrew R. and Martha Holden Jennings Fund 1970.16 \")\n\n??[Capacitor simulation by Falstad](https://www.falstad.com/circuit/circuitjs.html?startCircuit=cap.txt \"A capacitor is a device that stores charge. As current flows into the capacitor, the voltage across the capacitor increases. As its voltage approaches the source voltage (the 5V voltage source shown on the left), the current flowing into the capacitor decreases.\")\n\n## Animation \u0026 Articulation\n\n\n### 1. Animations\n\n\n      {{1}}\n\u003e Animations in LiaScript are associated with double braces `{begin-end}`.\n\n     {{2-4}}\n| I  will              | begin at               |\n| -------------------- | ---------------------- |\n| animation-step **2** | and end at step **5**. |\n\n      {{3}}\nInline animations work {4}{_similar_ ;-)}.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n### 2. Articulation\n\n    --{{1}}--\nAdd an number in double braces to the head of a block let it appear at a\ncertain step.\n\n      {{1}}\n\u003e Animations in LiaScript are associated with double braces `{begin-end}`.\n\n     {{2-3}}\n| I  will              | begin at               |\n| -------------------- | ---------------------- |\n| animation-step **2** | and end at step **3**. |\n\n\n    --{{2}}--\nTables will be presented in more detail in the next part.\n\n    --{{3}}--\nUnpack the braces and define animations within a block.\n\n      {{3}}\nInline animations work {4}{_similar_ ;-)}.\n\n\n    --{{4 Russian Female}}--\n«Для торжества зла достаточно бездействия хороших людей».\n\n\n## Tables\n\n### 1. Basics\n\n| Tables        | Are           | Cool  |\n| ------------- |:-------------:| -----:|\n| col 3 is      | right-aligned | $1600 |\n| col 2 is      | centered      |   $12 |\n| zebra stripes | are neat      |    $1 |\n\n### 2. Tables can be more\n\n| Animal          | weight in kg | Lifespan years | Mitogen |\n| --------------- | ------------:| --------------:| -------:|\n| Mouse           |        0.028 |             02 |      95 |\n| Flying squirrel |        0.085 |             15 |      50 |\n| Brown bat       |        0.020 |             30 |      10 |\n| Sheep           |           90 |             12 |      95 |\n| Human           |           68 |             70 |      10 |\n\n### 3. Smart Visualization\n\n| Music-Style 1994 | Classic | Country | Reggae | Hip-Hop | Hard-Rock | Samba |\n|:---------------- | -------:| -------:| ------:| -------:| ---------:| -----:|\n| Student rating   |      50 |      50 |    100 |     200 |       350 |   250 |\n\n\n### 4. Combination with animations\n\n\u003c!-- data-transpose data-type=\"funnel\" --\u003e\n| Music-Style {0-1}{1994} {1}{2014} |      Student rating |\n|:--------------------------------- | -------------------:|\n| Classic                           |   {0-1}{50} {1}{20} |\n| Country                           |   {0-1}{50} {1}{30} |\n| Reggae                            |                 100 |\n| Hip-Hop                           | {0-1}{200} {1}{220} |\n| Hard-Rock                         | {0-1}{350} {1}{400} |\n| Samba                             | {0-1}{250} {1}{230} |\n\n### 5. Customization\n\n\u003c!--\ndata-type=\"heatmap\"\ndata-title=\"Seattle mean temperature in Fahrenheit\"\ndata-ylabel=\"hours\"\ndata-xlabel=\"month\"\ndata-show\ndata-transpose\n--\u003e\n| Seattle |  Jan |  Feb |  Mar |  Apr |  May |  Jun |  Jul |   Aug |  Sep |  Oct |  Nov |  Dec |\n| -------:| ----:| ----:| ----:| ----:| ----:| ----:| ----:| -----:| ----:| ----:| ----:| ----:|\n|       0 | 40.7 | 41.5 | 43.6 | 46.6 | 51.4 | 56.0 | 60.5 |  61.2 | 57.0 | 50.1 | 44.1 | 39.6 |\n|       2 | 40.2 | 40.7 | 42.7 | 45.3 | 50.0 | 54.4 | 58.5 |  59.2 | 55.4 | 49.2 | 43.5 | 39.3 |\n|       4 | 39.7 | 40.0 | 41.9 | 44.4 | 48.9 | 53.2 | 57.0 |  57.7 | 54.2 | 48.6 | 43.1 | 38.9 |\n|       6 | 39.6 | 39.5 | 41.3 | 44.2 | 49.5 | 54.2 | 57.8 |  57.4 | 53.6 | 48.2 | 42.8 | 38.7 |\n|       8 | 39.6 | 39.9 | 42.9 | 47.1 | 52.7 | 57.3 | 61.3 |  61.1 | 56.7 | 49.5 | 43.1 | 38.7 |\n|      10 | 41.3 | 42.7 | 46.4 | 50.7 | 56.4 | 60.9 | 65.2 |  65.4 | 60.9 | 52.8 | 45.5 | 40.4 |\n|      12 | 43.8 | 46.0 | 49.5 | 53.8 | 59.6 | 64.3 | 69.4 |  69.8 | 65.1 | 56.0 | 47.8 | 42.6 |\n|      14 | 45.1 | 47.7 | 51.3 | 55.9 | 61.9 | 66.9 | 72.6 |  73.2 | 67.7 | 57.8 | 48.8 | 43.6 |\n|      16 | 44.5 | 47.5 | 51.4 | 55.9 | 62.3 | 67.5 | 73.9 |  74.3 | 68.2 | 57.4 | 47.8 | 42.6 |\n|      18 | 42.6 | 44.7 | 48.7 | 53.8 | 60.3 | 65.9 | 72.3 |  72.2 | 64.6 | 53.9 | 46.0 | 41.2 |\n|      20 | 42.0 | 43.3 | 46.4 | 50.2 | 56.0 | 61.4 | 66.9 |  66.6 | 60.7 | 52.3 | 45.2 | 40.7 |\n|      22 | 41.4 | 42.5 | 45.0 | 48.3 | 53.5 | 58.2 | 63.2 |  63.5 | 58.7 | 51.1 | 44.5 | 40.1 |\n\n\n## ASCII-Art\n\n\n### Type 1\n\n                                    Multiline\n    1.9 |\n        |                 *\n      y |               *   *\n      - | r r r r r r r*r r r*r r r r r r r\n      a |             *       *\n      x |            *         *\n      i | B B B B B * B B B B B * B B B B B\n      s |         *               *\n        | *  * *                     * *  *\n     -1 +------------------------------------\n        0              x-axis               1\n\n\n### Type 2\n\n\n```` ascii\n                                       Peer A\n                                       Server-Reflexive    +---------+\n                                       Transport Address   |         |\n                                       192.0.2.150:32102   o         |\n                                           |              /|         |\n                         TURN              |             /^|  Peer A |\n   Client's              Server            |            / ||         |\n   Host Transport        Transport         |           /  ||         |\n   Address               Address           |      ____/   |+---------+\n  10.1.1.2:49721       192.0.2.15:3478     |+-+  /      Peer A\n           |               |               ||N| /       Host Transport\n           |   +-+         |               ||A|/        Address\n           |   | |         |               v|T|     192.168.100.2:49582\n           |   | |         |               /+-+\n.---------.|   | |         |o---------o   /              #---------#\n|         ||   |N|         ||         | _/               |         |\n| TURN    |v   | |         v| TURN    |/                 |         |\n| Client  |----|A|----------| Server  #------------------|  Peer B |\n|         |    | |^         |         |^                ^|         |\n|         |    |T||         |         ||                ||         |\n'---------'    | ||         o---------o|                |#---------#\n               | ||                    |                |\n               | ||                    |                |\n               +-+|                    |                |\n                  |                    |                |\n                  |                    |                |\n            Client's                   |            Peer B\n            Server-Reflexive    Relayed             Transport\n            Transport Address   Transport Address   Address\n            192.0.2.1:7000      192.0.2.15:50000    192.0.2.210:49191\n````\n\n### Type LiaScript\n\n---\n\n```` ascii\n😎                   👩\n\nBob                Alice\n |   \"{1}{hello}\"    |\n +------------------\u003e|\n |                   |\n | \"{2}{How r you?}\" |\n |\u003c- - - - - - - - - |\n |                   |\nBob                Alice\n\n 😎                  👩\n````\n\n---\n\n## Tasks\n\n- [x] Task 1\n- [ ] Task 2\n\n## Quizzes\n\nCan you define a quiz with less effort?\n\n- [[ ]] Empty means not checked\n- [[X]] Uppercase `X` means checked ...\n- [[x]] ... and lowercase `x` too ...\n- [[ ]] **as defined in the first line** ...\n\n### More Quizzes\n\n\nIf $ I = \\int (3x^{2}+125x+64) dx $, then what is $\\int_{0}^{1} I dx$ equal to?\n\n[( )] $\\frac{159}{2}$\n[( )] $\\frac{171}{2}$\n[( )] $\\frac{221}{2}$\n[(X)] $\\frac{225}{2}$\n[[?]] Integrate and apply the limits.\n**************************************\n\n__Consider__ $I = \\int_{0}^{1} (3x^{2}+125x+64) dx$\n\nIntegrate\n\n$$\nI = \\Bigg[ \\frac{3x^2}{3} + \\frac{125x^2}{2} + 64x \\Bigg]_{0}^{1}\n$$\n\n==\u003e\n\n$$\n   \\Bigg( 3x^2 + \\frac{125x^2}{2} + 64x \\Bigg)_{0}^{1}\n$$\n\n==\u003e\n\n$$\n   1 + \\frac{125}{2} + 64\n$$\n\n==\u003e\n\n$$\n   \\therefore I = \\frac{225}{2}\n$$\n\n\n**************************************\n\n### German is weird\n\nGuess the correct German article for:\n\n[[male (der\u003c!-- class=\"notranslate\"--\u003e)]   (female [die\u003c!-- class=\"notranslate\"--\u003e])   [neuter (das\u003c!-- class=\"notranslate\"--\u003e)]]\n[    [X]           [ ]             [ ]     ]  Mann\u003c!-- class=\"notranslate\"--\u003e - German for man\n[    ( )           (X)             ( )     ]  Frau\u003c!-- class=\"notranslate\"--\u003e - German for woman\n[    [X]           [ ]             [ ]     ]  Junge\u003c!-- class=\"notranslate\"--\u003e - German for boy\n[    ( )           ( )             (X)     ]  Mädchen\u003c!-- class=\"notranslate\"--\u003e - German for girl\n[    [X]           [X]             [ ]     ]  Paprika\u003c!-- class=\"notranslate\"--\u003e - German for bell pepper\n[    (X)           (X)             (X)     ]  Joghurt\u003c!-- class=\"notranslate\"--\u003e - German for yogurt\n\n\n## Coding\n\n``` js     -EvalScript.js\nlet who = data.first_name + \" \" + data.last_name;\n\nif(data.online) {\n  who + \" is online\"; }\nelse {\n  who + \" is NOT online\"; }\n```\n``` json    +Data.json\n{\n  \"first_name\" :  \"Sammy\",\n  \"last_name\"  :  \"Shark\",\n  \"online\"     :  true\n}\n```\n\u003cscript\u003e\n  // insert the JSON dataset into the local variable data\n  let data = @input(1);\n\n  // eval the script that uses this dataset\n  eval(`@input(0)`);\n\u003c/script\u003e\n\n\n\n\u003e More examples at: https://github.com/topics/liascript-template\n\n### What is Coding?\n\n\n#### Math ...\n\n``` text\n(3 * x - 5x)^3 * (x + x)\n\n60!\n```\n@Algebrite.eval\n\n\n``` text\nf=sin(t)^4-2*cos(t/2)^3*sin(t)\n\nf=circexp(f)\n\ndefint(f,t,0,2*pi)\n```\n@Algebrite.eval\n\n#### Music ...\n\n\n``` abc\n% autoplay: true\n\nX: 1\nT: Cooley's\nM: 4/4\nL: 1/8\nK: Emin\n|:D2|\"Em\"EBBA B2 EB|~B2 AB dBAG|\"D\"FDAD BDAD|FDAD dAFD|\n\"Em\"EBBA B2 EB|B2 AB defg|\"D\"afe^c dBAF|\"Em\"DEFD E2:|\n|:gf|\"Em\"eB B2 efge|eB B2 gedB|\"D\"A2 FA DAFA|A2 FA defg|\n\"Em\"eB B2 eBgB|eB B2 defg|\"D\"afe^c dBAF|\"Em\"DEFD E2:|\n```\n@ABCJS.eval\n\n\u003e Template: https://github.com/LiaTemplates/ABCjs\n\n#### Texts\n\n``` text  Trump, Presidential Bid announcement\nThank you. It’s true, and these are the best and the\nfinest. When Mexico sends its people, they’re not sending\ntheir best. They’re not sending you. They’re not sending\nyou. They’re sending people that have lots of problems, and\nthey’re bringing those problems with us. They’re bringing\ndrugs. They’re bringing crime. They’re rapists. And some,\nI assume, are good people.\n\nBut I speak to border guards and they tell us what we’re\ngetting. And it only makes common sense. It only makes\ncommon sense. They’re sending us not the right people.\n```\n@Textanalysis.FULL\n\n\u003e Template: https://github.com/liaTemplates/TextAnalysis\n\n\n\n## How to create a LiaScript Macros\n\u003c!--\n@bold: \u003cspan style=\"color: @0;\"\u003e__@1__\u003c/span\u003e\n\n\n@license\n\u003e This file by @0 is made available under the Creative Commons CC0 1.0\n\u003e Universal Public Domain Dedication.\n\u003e\n\u003e The person who associated a work with this deed has dedicated the work to the\n\u003e public domain by waiving all of his or her rights to the work worldwide under\n\u003e copyright law, including all related and neighboring rights, to the extent\n\u003e allowed by law. You can copy, modify, distribute and perform the work, even\n\u003e for commercial purposes, all without asking permission.\n\n@end\n\n--\u003e\n\n\n@bold(#1290EE,@author)\n\n---\n\n@license(`@bold(#1290EE,@author)`)\n\n## Scripting\n\nThe square of\n\u003cscript input=\"range\" default=\"0\" output=\"x\"\u003e@input\u003c/script\u003e\nis\n\u003cscript\u003eMath.sqrt(@input(`x`))\u003c/script\u003e\n\n\n### A bit more complex (CO2 offsetting by trees)\n\nIt can be concluded that the annual CO2 offsetting rate varies from\n\u003cscript\ninput=\"range\"\noutput=\"minCO2\"\ndefault=\"21.77\"\nformat=\"number\"\nlocaleStyle=\"unit\"\nunit=\"kilogram\" \u003e\n@input\n\u003c/script\u003e\n$\\frac{\\text{CO}_2}{\\text{tree}}$ to\n\u003cscript\ninput=\"range\"\noutput=\"maxCO2\"\ndefault=\"31.5\"\nformat=\"number\"\nlocaleStyle=\"unit\"\nunit=\"kilogram\" \u003e\n@input\n\u003c/script\u003e\n$\\frac{\\text{CO}_2}{\\text{tree}}$.\nTo compensate 1 tonne of CO2,\n\u003cscript\u003e\nMath.round(1000 / @input(`maxCO2`))\n\u003c/script\u003e\nto\n\u003cscript\u003e\nMath.round(1000 / @input(`minCO2`))\n\u003c/script\u003e\ntrees are needed.\nIn Europe, there are\n\u003cscript\ninput=\"range\"\noutput=\"minTrees\"\ndefault=\"300\"\nformat=\"number\" \u003e\n@input\n\u003c/script\u003e\nto\n\u003cscript\ninput=\"range\"\noutput=\"maxTrees\"\ndefault=\"500\"\nformat=\"number\" \u003e\n@input\n\u003c/script\u003e\ntrees per hectare.\nFor calculating the figures on the Encon website, we assume a rate of\n\u003cscript\noutput=\"averageCO2\"\nformat=\"number\"\nlocaleStyle=\"unit\"\nunit=\"kilogram\" \u003e\nMath.round((@input(`minCO2`) + @input(`maxCO2`))/2, 2)\n\u003c/script\u003e\nCO2/tree and an average of\n\u003cscript\noutput=\"averageTrees\"\nformat=\"number\"\u003e\nMath.round((@input(`minTrees`) + @input(`maxTrees`))/2, 2)\n\u003c/script\u003e\ntrees per hectare.\nThis means that 1 hectare of forest:\n\u003cscript\u003e@input(`averageTrees`)\u003c/script\u003e\ntrees x\n\u003cscript\nformat=\"number\"\nlocaleStyle=\"unit\"\nunit=\"kilogram\"\u003e@input(`averageCO2`)\u003c/script\u003e\n$\\frac{\\text{CO}_2}{\\text{tree}}$ =\n\u003cscript\noutput=\"savings\"\nformat=\"number\"\nlocaleStyle=\"unit\"\nunit=\"kilogram\"\u003e@input(`averageTrees`) * @input(`averageCO2`)\u003c/script\u003e\nof $\\text{CO}_2$ offsets, i.e.\n\u003cscript format=\"number\"\u003e@input(`savings`) / 1000\u003c/script\u003e tonnes $\\frac{\\text{CO}_2}{\\text{hectare}}$.\n\n\n_Source:_ https://www.encon.be/en/calculation-co2-offsetting-trees\n\n### Combining scripts with Markdown\n\u003c!--\nsin: \u003cscript format=\"number\"\n             localeStyle=\"currency\"\n             currency=\"EUR\"\n             locale=\"de-DE\"\n             modify=\"false\"\n    \u003e Math.sin(@input(`result`) + @input(`amp`) * @0) \u003c/script\u003e\n--\u003e\n\nPos: \u003cscript run-once\n        default=\"0\"\n        output=\"result\"\n        input=\"range\" value=\"2\" min=\"0\" max=\"25\" step=\"0.1\"\n        \u003e\n@input\n\u003c/script\u003e\nand amplitude:\n\u003cscript run-once\n        default=\"0\"\n        output=\"amp\"\n        input=\"range\" value=\"1\" min=\"0\" max=\"2\" step=\"0.1\"\n        \u003e\n@input\n\u003c/script\u003e\n\n\n\u003c!-- data-type=\"barchart\" --\u003e\n| Header 1 | \u003cscript\u003e@input(`result`)\u003c/script\u003e |\n|:-------- |--------: |\n| 1        | @sin(1)  |\n| 2        | @sin(2)  |\n| 3        | @sin(3)  |\n| 4        | @sin(4)  |\n| 5        | @sin(5)  |\n| 6        | @sin(6)  |\n| 7        | @sin(7)  |\n| 8        | @sin(8)  |\n| 9        | @sin(9)  |\n\n### Scripts can output HTML and LiaScript too\n\nThe first value defines some kind of range:\n\u003cscript input=\"range\" value=\"2\" output=\"range\"\u003e@input\u003c/script\u003e\n, while the second can be interpreted as range\n\u003cscript input=\"range\" value=\"50\" output=\"amplitude\"\u003e@input\u003c/script\u003e.\nYou can double-click on any gray element to inspect and edit its javascript code.\n\n\n\u003cscript run-once style=\"display: inline-block; width: 100%\"\u003e\nfunction func(x) {\n    x /= 10;\n    return Math.sin(x) * Math.cos(x * @input(`range`) + 1) * Math.sin(x * 3 + 2) * @input(`amplitude`);\n}\n\nfunction generateData() {\n    let data = [];\n    for (let i = -200; i \u003c= 200; i += 0.1) {\n        data.push([i, func(i)]);\n    }\n    return data;\n}\n\nlet option = {\n    animation: false,\n    grid: {\n        top: 40,\n        left: 50,\n        right: 40,\n        bottom: 50\n    },\n    xAxis: {\n        name: 'x',\n        minorTick: {\n            show: true\n        },\n        splitLine: {\n            lineStyle: {\n                color: '#999'\n            }\n        },\n        minorSplitLine: {\n            show: true,\n            lineStyle: {\n                color: '#ddd'\n            }\n        }\n    },\n    yAxis: {\n        name: 'y',\n        min: -100,\n        max: 100,\n        minorTick: {\n            show: true\n        },\n        splitLine: {\n            lineStyle: {\n                color: '#999'\n            }\n        },\n        minorSplitLine: {\n            show: true,\n            lineStyle: {\n                color: '#ddd'\n            }\n        }\n    },\n    dataZoom: [{\n        show: true,\n        type: 'inside',\n        filterMode: 'none',\n        xAxisIndex: [0],\n        startValue: -20,\n        endValue: 20\n    }, {\n        show: true,\n        type: 'inside',\n        filterMode: 'none',\n        yAxisIndex: [0],\n        startValue: -20,\n        endValue: 20\n    }],\n    series: [\n        {\n            type: 'line',\n            showSymbol: false,\n            clip: true,\n            data: generateData()\n        }\n    ]\n}\n\n\"HTML: \u003clia-chart option='\" + JSON.stringify(option) + \"'\u003e\u003c/lia-chart\u003e\"\n\u003c/script\u003e\n\n## How do you Share your content?\n\n__Macros:__ https://github.com/topics/liascript-template\n\n---\n\n__Courses:__\n\n`https://liascript.github.io/course/?YOUR-COURSE-URL`\n\nhttps://liascript.github.io/course/?https://raw.githubusercontent.com/LiaPlayground/LiaScript_WeAreDevelopers2022/main/README.md\n## Questions\n\nDid you like the presentation so far?\n\n\n    [(1)] no way, could not find a way out\n    [(2)] not that bad actually\n    [(3)] I don't care, was here to get faster to the lunch\n    [(4)] was quite convincing\n    [(5)] yes of course, LUA is the best ;-)\n\n---\n\nWill you use LiaScript in the future?\n\n    [(yes)] Definitely, I will try it out\n    [(maybe)] I am not sure at the moment\n    [(no)]  No, I am not convinced\n\n---\n\nWhich features will you use?\n\n    [[TTS]]       The text-to-speech and animations\n    [[Coding]]    The coding with the editor\n    [[ASCII]]     The ASCII-art feature\n    [[Tables]]    Tables to visualize data\n    [[Quizzes]]   Interactive quizzes\n    [[Scripting]] The JavaScript features and macros\n\n## Additional resources\n\n* __Project-Website:__ https://LiaScript.github.io\n* __Open-Source:__ https://github.com/liascript\n* __YouTube:__ https://www.youtube.com/channel/UCyiTe2GkW_u05HSdvUblGYg\n* __Additional resources:__\n\n  - Documentation: https://github.com/LiaScript/docs\n  - Free books: https://github.com/LiaBooks\n  - Templates: https://github.com/topics/liascript-template\n  - Courses \u0026 ...: https://github.com/topics/liascript-course\n  - Blog: https://aizac.herokuapp.com\n\n* __Editor:__ https://code.visualstudio.com/Download\n\n  - Liascript-Preview: https://marketplace.visualstudio.com/items?itemName=LiaScript.liascript-preview\n  - Liascript-Snippets: https://marketplace.visualstudio.com/items?itemName=LiaScript.liascript-snippets\n\n* __Development-Server:__ https://www.npmjs.com/package/@liascript/devserver\n\n* __Exporter:__ https://www.npmjs.com/package/@liascript/exporter\n\n\n---\n\nHow to contact us:\n\n* via Twitter: https://twitter.com/LiaScript\n* or via chat: https://gitter.im/LiaScript/community\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliaplayground%2Fliascript_wearedevelopers2022","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliaplayground%2Fliascript_wearedevelopers2022","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliaplayground%2Fliascript_wearedevelopers2022/lists"}