panphora

<div class="header">
  <div class="header__text">Hometown Dance Recital</div>
  <button class="button button--add-stack">Add stack</button>
</div>
<div class="board-container">
  <div class="board">
    <div class="stack">
      <div class="stack__top">
        <p class="stack__text">Logistics</p>
        <button class="button button--plus-square">

panphora

Options for quickly putting together a landing page.

3 factors:

• flexibility
• power
• easy of use
• cost

Wordpress hosted on Cloudways with an Elementor Personal plan

• gives the most flexibility, power, and ease of use

panphora

<!-- starting html: -->
<div class="elements-to-be-parsed">
<pre>
  <div data-o-type="list"></div>
</pre>
<pre>
  <div data-o-type="object"></div>
</pre>
</div>

panphora

What is a CRUD web application?

A CRUD Web application is the most basic type of web application. It allows you to create and edit data and show that data to your users.

The simplest example of a CRUD web application would probably be a blog. A blog allows you to create, read, update, and delete blog posts.

A more advanced web application like an analytics platform (e.g. Google Analytics) or a social network (e.g. LinkedIn) is not considered a CRUD web application because it has many advanced features that go beyond simply creating and updating data.

CRUD Means:

• Create

panphora

import java.util.stream.IntStream;

class Main {
  public static void main(String[] args) {
    System.out.println(IntStream.range(1,5).map(n -> n*2).reduce(1, (a,b)->a+b));
  }
}

panphora

<ul data-o-type="list">
  {{#forEachItem data.todos itemName="todo"}}
    <li data-o-type="object" data-l-key-text data-i-editable>{{todo.text}}</li>
  {{/forEachItem}}
</ul>
<button data-i-new="todo">Add Todo</button>

panphora

[
  "about",
  "account",
  "action",
  "add",
  "admin",
  "agree",
  "alert",
  "api",
  "arguments",

panphora

var elem = document.querySelector("body");

function deepForEachElem (elem, callback) {
  callback(elem);
  Array.from(elem.children || []).forEach(function (el) {
    deepForEachElem(el, callback);
  });
}

deepForEachElem(elem, function (el) {

panphora

let isObject = (a) => typeof a === "object" && a !== null && !Array.isArray(a);
let isArray = (a) => Array.isArray(a);
let forEachKeyValuePair = (obj, cb) => {
  Object.keys(obj).forEach(function (k) {
    cb(k, obj[k]);
  });
};
let fillMissingKeys = (target, source) => {
  forEachKeyValuePair(source, (key, value) => {
    if (target[key] === undefined) {

panphora

An Annotated Remake Todos Web App

This is an example of how to build a simple todos web app with Remake, using only data attributes.

Parent template:

<h1>Todo list</h1>
<div