O que é o Zeile?

Guia de uso, limitações e exemplos da plataforma.

O que é o Zeile Notebook?

Basicamente, é uma ferramenta de escrita de texto, com alguns fru-frus a mais.

É inspirada no Jupyter Notebook (que permite escrever código e texto).

Limitações atuais

  1. O compartilhamento de páginas ainda não está totalmente pronto.
  2. As únicas funções relacionadas ao usuário são as de cadastro, login e atualização de nome.
  3. Alguns botões podem te levar pra uma página que ainda não existe, ou para uma página de onde você não consegue voltar ;) .
  4. Alguns pontos de autenticação ainda serão melhorados/corrigidos.
  5. Ainda não implementei login com o GitHub :P .
  6. Ainda não é possível criar tabelas (nem com markdown, nem com componentes de UI).
  7. Os metadados do componente de UI Callout não estão sendo salvos.
  8. Os componentes de UI Banner, Card e repositório do GitHub não são adequados pro tema claro.
  9. A edição de markdown fica com aparência estranha no tema claro.
  10. Todos os componentes de edição de texto ficam estranhos no tema claro.
  11. Ainda não é possível copiar páginas que foram compartilhadas.
  12. O componente de link para repositório do GitHub não está responsivo.
  13. O título na página inicial não está centralizado.
  14. Ainda não é possível adicionar notas de rodapé 1.
  15. Ainda não é possível adicionar lista de tarefa.
  16. Ainda não é possível adicionar links diretamente.

O que funciona no momento

  1. Cadastro e login de usuário
  2. Sincronização automática das páginas (salvando a cada 10s)
  3. Renomear páginas.
  4. Executar código de outras páginas, desde que estejam na mesma aba do navegador e que todos os blocos relacionados tenham sido compilados.
  5. Compartilhar uma página, desde que ela esteja pública (dá pra editar a configuração no topo da página).
  6. Reordenar blocos.
  7. Utilizar componentes de UI (callout, card, banner e link para repositório do github).

Exemplos de uso

Rust

  1. Compile esse bloco primeiro:

Obs.: Se aparecer uma mensagem de falha, mas a mensagem possuir algo como Finished dev [unoptimized + debuginfo], então estará tudo certo e você pode seguir pro próximo passo :)

main.rs
Console
Aguardando execução...
  1. Agora compile esse bloco:
main.rs
Console
Aguardando execução...

React/TypeScript

Você pode editar código abaixo. Ele poderia ser importado em outro bloco, por meio de um import: import RelogioDigital from './Componente_13'.

Isso não foi feito nesse exemplo por questões de renderização da página.

export default function App() {
  return <h1>Olá Mundo!</h1>;
}
Clique em "Executar" para renderizar...

Python

  1. Compile o código abaixo:
script.py
Console
Aguardando execução...
  1. Agora compile esse bloco:
script.py
Console
Aguardando execução...

Interface

Callout

Callout de informação

Callout de aviso

Callout de erro

Card

Card simples

Banner colorido

Banner normal

Repositório

Markdown

Esse conteúdo foi retirado do MarkdownLivePreview

Markdown syntax guide

Headers

This is a Heading h1

This is a Heading h2

This is a Heading h6

Emphasis

This text will be italic This will also be italic

This text will be bold This will also be bold

You can combine them

Lists

Unordered

  • Item 1
  • Item 2
  • Item 2a
  • Item 2b
    • Item 3a
    • Item 3b

Ordered

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

Images

Logo

You may be using Markdown Live Preview.

Blockquotes

Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.

Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.

Tables

Left columnsRight columns
left fooright foo
left barright bar
left bazright baz

Blocks of code

let message = 'Hello world';
alert(message);

Footnotes

  1. Essa é uma nota de rodapé!