shoelace.io – ferramenta de aprendizado Bootstrap

O que Shoelace? Para que serve Shoelace?

Shoelace é um construtor de grade Bootstrap. Super simples, fácil de usar e não tenta ser uma ferramenta WYSIWYG. Na verdade, o oposto.

Ele tinha 3 propósitos:

  1. Construir o HTML de grade, para mostrar como ele vai funcionar e mudar responsivamente
  2. Ensinar-lhe como Bootstrap funciona, tornando impossível fazer grades quebradas ou não conformes
  3. Descobrir como sua grade se relaciona com o original

como usar shoelace

Ficou claro que o Shoelace pode ser uma grande ferramenta pública para projetar e aprender como funciona o Bootstrap responsivo. O desenvolvedor se esforça para ele ser infalível e não contribuir para a confusão, mas torná-lo cristalino sobre o que está acontecendo em uma página html responsiva.

shoelace-4

shoelace-3

O que é e como usar Mustache JS

Pare de escrever TAGS HTML dentro do seu Javascript, crie templates, envie um objeto para seu template, faça o insert na sua página HTML e seja feliz. Isso é Mustache JS.

Exemplo simples de Mustache JS: http://plnkr.co/edit/WLiQjSTfgezQmIJFcVeB?p=preview

mustache_0ec34a13-805a-4146-87f0-80a9a0799566