Pular para conteúdo

Aula 02: Sintaxe Básica ✍️

A Arte da Formatação Escrita ✨

O que vamos aprender hoje? 🎯

  1. Títulos Hierárquicos 🏷️
  2. Estilos de Texto (Ênfase) ✨
  3. Listas Organizadas 📋
  4. Links e Imagens 🔗
  5. Melhores Práticas 🌟

1. Títulos (Headings) 🏷️

No Markdown, estrutura é tudo!

Usamos o símbolo de hashtag #.

Níveis de Título 🔝

H1 - Título Principal

H2 - Seção

H3 - Subseção

H4..H6 - Detalhes

Dica de Ouro 💡

Use apenas um H1 por página.

Pense como um sumário de livro.

Mantenha a hierarquia lógica!

2. Estilos de Texto ✨

Como dar ênfase ao que importa?

  • Negrito: **Texto** ou __Texto__
  • Itálico: *Texto* ou _Texto_
  • ~~Riscado~~: ~~Texto~~

Combinando Estilos 🎭

Podemos fazer Negrito e Itálico usando 3 símbolos.

Exemplo: ***Uau!***

3. Listas 📋

Ótimas para organizar pensamentos e requisitos.

Listas Não Ordenadas 🔹

  • Item 1
  • Item 2
    • Subitem (use 4 espaços)

Símbolos aceitos: -, *, +.

Listas Ordenadas 🔢

  1. Primeiro passo
  2. Segundo passo
  3. Terceiro passo

Markdown renunera automaticamente se você errar!

Ponte para o conhecimento.

Sintaxe: [Texto](URL)

Exemplo: [GitHub](https://github.com)

Imagens 🖼️

Quase igual ao link, mas com um grito: !

Sintaxe: ![Legenda](URL)

Exemplo de Imagem 📸

![Logo Markdown](https://goo.gl/3mdURL)

A legenda é importante para acessibilidade! ♿

5. Praticando no Terminal 🐚

$ echo "# Perfil" > perfil.md
$ echo "**Nome:** Ricardo" >> perfil.md
$ cat perfil.md

Estrutura Visual 🧜‍♀️

mermaid mindmap root((Sintaxe)) Estilo Negrito Italico Riscado Estrutura H1 H2 H3 Listas Ordenada Bullet

Exercício de Fixação 🧠

Como colocar um link em uma imagem?

[ ![Imagem](URL_IMG) ](URL_LINK)

Tente no seu projeto de hoje! 🚀

Mini-Projeto 🎨

Crie seu perfil.md.

  • Nome (H1)
  • Bio (H2 + Itálico)
  • Skills (Lista)
  • Link LinkedIn/GitHub

Resumo da Aula 📝

  • # para títulos.
  • * para ênfase.
  • []() para links.
  • ![]() para imagens.

Próxima Parada... 🚂

Aula 03 - Organização e Boas Práticas 📂

Como estruturar múltiplos arquivos e criar READMEs profissionais.

Obrigado! 🙏

"Sua documentação é tão boa quanto sua clareza."

Ver Aula 03