Escrevendo Aulas

Entenda todos os detalhes na hora de escrever as aulas em markdown.

Estrutura inicial da aula 🚀

Todas as aulas, ou seja, os arquivos com extensão .md podem ter essas três propriedades:

  1. title: Título da aula (sugerimos no máximo 32 caracteres)
  2. submissionDescription: Descrição da tarefa
  3. submissionContent: Tipo de tarefa na qual deve ser Image (enviar imagem) ou Content (escrever um texto)

As propriedades submissionDescription e submissionContent são opcionais, então apague elas completamente se não quiser colocar tarefa numa aula específica.

Uma aula sem tarefa deve seguir essa estrutura:

---
title: Título da aula
---

Conteúdo da aula em markdown
Clique aqui para expandir

Uma aula com tarefa de enviar imagem deve seguir a seguinte estrutura:

1.criando-o-primeiro-estilo.md
---
title: Criando o primeiro estilo
submissionDescription: Estilize um botão html e envie um print de como ficou
submissionContent: Image
---

Conteúdo da aula em markdown
Clique aqui para expandir

Uma aula com tarefa de escrever um texto deve seguir a seguinte estrutura:

2.diferenca-de-id-e-classe.md
---
title: Diferença de id e classe
submissionDescription: Explique qual a diferença de id ao criar estilos para as tags HTML
submissionContent: Content
---

Conteúdo da aula em markdown
Clique aqui para expandir

Escrevendo aulas com markdown 🤯

Markdown é um tipo de sintaxe que ajuda a estilizar o conteúdo sem precisar de uma interface tipo o Word ou Google Docs, ou seja, somente com texto você consegue adicionar negrito, itálico, bloco de código, títulos, etc.

Confira todos os principais elementos markdown para te ajudar a escrever as aulas clicando aqui.

Adicionando imagens 🖼️

Ao se tornar um creator, você terá acesso exclusivo à página de creators dentro da menthor. Dentro dessa página você terá 10 GB gratuitos de armazenamento para subir imagens, então todas as imagens das aulas você deverá subir lá.

Caso ainda não tenha acesso à aba de creators dentro da menthor, pingue o @Bernardo Simonassi no discord e solicite.

Ao fazer upload da imagem, você terá a opção de copiar a url:

Copiando a url de uma imagem na menthor.io

Depois de fazer isso é só usar a url com o comando markdown:

![Descrição da imagem](url-da-imagem)
Clique aqui para expandir

Adicionando vídeos 🎥

Nós recomendamos que faça upload dos seus vídeos em alguma plataforma como vimeo ou youtube que dê para compartilhar um iframe.

Para vídeo de youtube, por exemplo, seria só adicionar o iframe dentro da aula:

<iframe width="560" height="315" src="https://www.youtube.com/embed/1hHPZaUM78k?si=HT4uodqNdgWXKfBf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
Clique aqui para expandir

Show, agora você tem tudo o que precisa para escrever as aulas!