Home

Project overview

• [Piano Design] of frontend developent kits - the project goal
• [The Basic Idea] the motivation of this project
• [Related Files] convention to reduce boilerplate code (page contains definition of terms used throughout this Wiki)

JavaScript building blocks for the backing scripts

• [Polite Callbacks] callbacks that say thank you to their caller - a standard in backing scripts
• [Data Binding Classes] Observable is a common thing in JavaScript frameworks, and we have that as well
• [Accessing Backend] get some content in your fancy frontend
• [Form Conversion Service]
• [Hooks] hang a chain of handlers to your events
• [Two-way Binding] how to do a really useful thing with these tools
• [Type System] JavaScript types are a little vague for the purpose of creating complex web applications, so here's some refinement

The bracy templates

• [Templating] steps, terms that you will need to understand the following Wiki pages
• [Placeholders] parts of the bracy templates where calculations and substitutions happen: {example}
• [Templating Elements] some non-html stuff in the source of your web app: <t:container></t:container>
• [Templating Attributes] because where there are elements, there are attributes, too: t:times="1+"
• [Templating Elements and Attributes Applied] some useful constructs
• [Element Annotations] for adding behavior to the html in a declarative way: @bind="whatever"
• [Examples (Templating and Backing Scripts)] to help understand templating and placeholders

Better separation of content and presentation

• [Advanced Stylesheets] CSS with a twist

Developing the app

• [App Source Structure] directories and file naming convention to eliminate boilerplate index files, etc. from your source code
• [Transplate Configuration] because not every application is the same, the transplate script needs to know your preferences
• [Engine Configuration] configuration for the in-browser templating engine

Internals of the Templating Engine

• [Scopes] what names mean what in their respective contexts
• [The Templating Program Data Block] format of that mysterious <script> element in the html
• [Running the Program] the way the templating program is interpreted
• [Calculate Language] transformed version of the placeholders - how they appear in the templating program
• [Data Content] the engine collects data from which the templates spawn in this form
• [Examples (Templating Program)] that help you understand the detailed working of the templating engine

Toolkit Development Principles

• Maintaining the Piano Design
• [Defined Stages] the in-between steps from writing the source of a web application to seeing it on user side

---

The wiki uses Markdown syntax.

Project Members:

• Csaba Skrabák (admin)