Pular para conteúdo

Aula 05 - Tabelas e Estrutura Técnica 📊

Objetivo

Objetivo: Aprender a construir e formatar tabelas complexas no Markdown, utilizar checklists para gestão de tarefas e organizar requisitos técnicos de forma estruturada.


1. Tabelas no Markdown 📊

Tabelas são formadas por barras verticais (|) e hifens (-) para a linha separadora do cabeçalho.

Exemplo Básico:

Nome Idade Cidade
Ricardo 35 São Paulo
Maria 28 Curitiba

Alinhamento 📏

  • :--- : Alinhamento à esquerda (padrão).
  • :---: : Alinhamento centralizado.
  • ---: : Alinhamento à direita.

2. Checklists (Listas de Tarefas) ✅

Muito úteis para documentar o que já foi feito em um projeto ou definir requisitos.

  • Requisito 01 (Concluído)
  • Requisito 02 (Pendente)
  • Requisito 03

3. Organização de Requisitos Técnicos 🧱

Ao documentar um software, organizar os requisitos em tabelas facilita a leitura rápida dos Stakeholders.

Tabela de Requisitos Funcionais:

ID Descrição Prioridade
RF01 O usuário deve poder fazer login Alta
RF02 O sistema deve enviar e-mail de confirmação Média

4. Visualização de Estrutura (Mermaid) 🧜‍♀️

mermaid graph TD T[Tabelas] --> C[Cabeçalho] T --> A[Alinhamento] T --> D[Dados] Check[Checklists] --> S[Status: x ou vazio]


5. Simulação de Criação de Tabela 🐚

$ echo "| ID | Nome |" > tabela.md
$ echo "| --- | --- |" >> tabela.md
$ echo "| 01 | Markdown |" >> tabela.md
$ cat tabela.md
| ID | Nome |
| --- | --- |
| 01 | Markdown |

6. Mini-Projeto: Dashboard de Projeto 🏗️

Crie uma página de status para um projeto fictício contendo: 1. Um título H1 com o nome do projeto. 2. Uma Tabela com o cronograma (Data, Atividade, Responsável). 3. Uma Checklist com o que já foi desenvolvido. 4. Um link para a documentação completa (Aula 03).


7. Exercícios de Fixação 🧠

  1. Como centralizar o conteúdo de uma coluna em uma tabela?
  2. Qual a diferença visual entre [ ] e [x] no GitHub?
  3. É possível colocar links ou negrito dentro de uma célula de tabela? (Dica: Teste!)

Próxima Aula: Vamos explorar o Markdown + GitHub! 🐙