Lista - Tutorial
Lista - Tutorial
apoie, apoie.org,
Lista, marcador, elemento, separador, abre, fecha, evidência, conjunto,
lista numérica, entrada, saída, BNF, Diagrama Sintático - Diagrama de
Sintaxe, Exemplo, Comandos, Linguagem, Filtro, xml, sintaxe, sintaxe
original, desenho, programação
Relação de ítens de <a href="Lista.html">listas</a>
com sintaxe e exemplos.
ListaTutorial.xml
Lista: (filtro
':')* (marcador ((elemento | abre lista fecha)O separador)+)+
Algumas listas
["ítem"("nova linha"
"ítem")*]
<img alt="Diagrama Sintático Lista simples" title="Diagrama Sintático Lista simples" src="lista1.png">
<div style="margin-right: 10px;"><span style="font-weight: bold;">
lista de melhorias</span><br>
<div class="exemplo">
Arduíno<br>
Android<br>
Design da luminária<br>
Análise de negócio
<br>
<div style="margin-right: 10px;"><span style="font-weight: bold;">
lista de participantes da oficina</span><br>
<div class="exemplo"> João<br>
Maria<br>
Pedro<br>
Soninha </div>
</div>
Lista não ordenada
Oficinas:
<ul>
<li>necessárias</li>
<li>opcionais</li>
<li>relacionadas</li>
</ul>
Lista ordenada
Conhecer Luminária RGB:
<ol>
<li>ver funcionando</li>
<li>usar</li>
<li>montar / configurar</li>
<li>conhecer componentes</li>
</ol>
Lista opcional
Oficinas opcionais:<br>
<div style="margin-left: 15px;">
( ) página WEB<br>
( ) design de produtos<br>
( ) interfaces<br>
( ) processos<br>
</div>
Menu - lista dentro
de lista
[item_lista ( "nova
linha" item_lista)*]<br>
item_lista = "ítem" | recuar lista "diminuir recuo"
<img alt="Diagrama Sintático Lista dentro de lista" title="Diagrama Sintático Lista dentro de lista" src="ListaEmLista.png">
<span style="font-weight: bold;">Oficinas</span><br>
<ul>
<li>
<span style="font-weight: bold;">Necessárias</span><br>
<ul>
<li>Arduíno</li>
<li>Android</li>
</ul>
</li>
<li>
<span style="font-weight: bold;">Opcionais</span><br>
<div style="margin-left: 15px;">
( ) página WEB<br>
( ) design de produtos<br>
( ) interfaces<br>
( ) processos<br>
</div>
</li>
</ul>
Menu com conteúdo das oficinas
[item_lista (
separador item_lista)*]<br>
item_lista = "ítem" | "(" lista ")" | recuar lista "diminuir recuo"<br>
separador = "outra linha" | ","<br>
<br>
<img style="width: 284px; height: 303px;" alt="Diagrama Sintático - menu com ingredientes" title="Diagrama Sintático - menu com ingredientes" src="MenuComIngredientes.png"><br>
<span style="font-weight: bold;">Um menu é uma lista de listas:</span><br>
O menu é uma lista de tipos de oficinas.<br>
Cada tipo de oficina tem uma lista de oficinas.<br>
Cada oficina tem uma lista de conteúdo.</div>
</div>
<span style="font-weight: bold;">Oficinas</span><br>
<ul>
<li>
<span style="font-weight: bold;">Necessárias</span><br>
<ul>
<li>Arduíno (programação, biblioteca, conceitos de eletrônica, aplicações)</li>
<li>Android (programação, ler/gravar no telefone)</li>
</ul>
</li>
<li>
<span style="font-weight: bold;">Opcionais</span><br>
<div style="margin-left: 15px;">
( ) página WEB (Javascript, CSS, HTML)<br>
( ) design de produtos<br>
( ) interfaces<br>
( ) processos<br>
</div>
</li>
</ul>