Javascript Templating

A way to combine text expressions with your code where the text is enclosed in `` .

Mustache is a logic-less template syntax. It can be used for write any code .

Formula :

• ${//your code}

mustache.js is an implementation of the mustache template system in JavaScript.

 flexbox :

A way that allows you to interact with HTML elements as pices arranged in a row within a container

There are two main components to a flexbox :

• container
• items

Container properties :

• Display : used to select flexbox way to design display: flex;

• flex-direction flex-direction: row | row-reverse | column | column-reverse;
• flex-wrap flex-wrap: nowrap | wrap | wrap-reverse;
• flex-flow flex-flow: column wrap;
• justify-content (distribution ) : justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | unsafe;

Items properties : -vorder order: 5;

• flex-grow (wight) flex-grow: 4;

• flex-shrink : flex-shrink: 3;