{"id":51643,"date":"2021-02-10T03:01:49","date_gmt":"2021-02-09T17:01:49","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=51643"},"modified":"2021-02-10T05:23:06","modified_gmt":"2021-02-09T19:23:06","slug":"appml-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/appml-primer-tutorial\/","title":{"rendered":"AppML Primer Tutorial"},"content":{"rendered":"
\"AppML<\/a>

AppML Primer Tutorial<\/p><\/div>\n

There are hundreds and perhaps thousands of Framework type applications out there that create HTML output. Some set to a Framework the handling of data, and today we’re trying out one called AppML where we are going to use the W3Schools<\/a> Two Step first tutorial as per …<\/p>\n

\nAppML Explained:
\n<script src=”https:\/\/www.w3schools.com\/appml\/2.0.3\/appml.js”> adds AppML to your page.
\n
\nappml-data=”customers.js” connects AppML data (customers.js) to an HTML element (<table>>).
\n
\nIn this case we have used a JSON file: customers.js
\n
\nappml-repeat=”records” repeats an HTML element (<tr>) for each item (records) in a data object.
\n
\nThe {{ }} brackets are placeholders for AppML data.\n<\/p><\/blockquote>\n

Tokenizing this way (or you could call it substituting) gels with our thinking nearly as much as adding global data attributes as ways to make your HTML more intelligent, and more like that “protocol with glasses”, XML.<\/p>\n

All it took to create today’s “pretty swish” table of a web application<\/a> was …<\/p>\n

    \n
  1. index.html<\/a> HTML<\/li>\n
  2. style.css<\/a> CSS<\/li>\n
  3. customers.js<\/a> JSON<\/li>\n<\/ol>\n

    … that JSON serving as a flat file data source. Interesting, huh?!<\/p>\n

    If this was interesting you may be interested in this<\/a> too.<\/p>\n