Reveal.js, crie apresentações usando CSS e HTML no Ubuntu 20.04

sobre revel.js

No próximo artigo, daremos uma olhada no Reveal.js. Com este software teremos a possibilidade de criar apresentações usando HTML e CSS. É um framework de apresentação HTML de código aberto, com o qual qualquer usuário com um navegador da web poderá criar apresentações, além de poder usar todas as funções que o framework oferece gratuitamente.

As configurações básicas destinam-se apenas à criação de apresentações. A configuração completa nos dará acesso a todas as funções e plug-ins do Revele.js, às notas do orador, bem como às tarefas de desenvolvimento necessárias para fazer alterações na fonte.

As apresentações feitas com o Revele.js são baseadas em tecnologias abertas da web. Isso significa que qualquer coisa que possamos fazer na web, devemos ser capazes de fazer em nossa apresentação também. Podemos alterar os estilos com CSS, incluir uma página da web externa usando um iframe ou adicionar nosso próprio comportamento personalizado usando o API JavaScript que oferecem.

exemplo de revelação.js para ubunlog

Este quadro vem com uma ampla gama de recursos, incluindo slides aninhados, suporte para Redução de preço, animação automática, exportação de PDF, notas do orador, suporte a LaTeX e código de destaque de sintaxe.

Reveal.js no Ubuntu 20.04

Antes de iniciar a instalação do Reveal.js será necessário que instalemos alguns pacotes necessários primeiro. Para fazer isso, teremos que abrir um terminal (Ctrl + Alt + T) e executar o seguinte comando nele:

instalar dependências

sudo apt install curl gnupg2 unzip git

A próxima etapa que precisaremos dar é instale o NodeJS versão 14, embora a partir da versão 10 também deva funcionar. Para isso temos que adicionar o repositório nodejs, o que podemos fazer digitando no mesmo terminal:

instalar o repositório nodejs 14

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

Isso iniciará todo o processo de adição do repositório junto com sua chave GPG. Assim que o processo for concluído, podemos instale o NodeJS com o seguinte comando:

instalar o nodejs 14

sudo apt install nodejs

Quando a instalação for concluída, seremos capazes de verifique a versão instalada do NodeJS executando o seguinte comando:

versão do nó

node -v

Baixe e instale Reveal.js

Neste ponto, é hora de iniciar o download. Para fazer isso, vamos clone o repositório Reveal.js usando Git. Para fazer isso, só teremos que abrir um terminal (Ctrl + Alt + T) e executar o seguinte comando:

baixe o Revele.js

git clone https://github.com/hakimel/reveal.js.git

Quando a clonagem estiver concluída, em nosso computador encontraremos uma pasta chamada revel.js. Para acessá-lo e instale o aplicativo, só teremos que usar os seguintes comandos no terminal (Ctrl + Alt + T):

instalar Revele.js

cd reveal.js

sudo npm install

Depois que todas as dependências do aplicativo forem instaladas, agora podemos executá-lo usando o seguinte comando:

iniciar o servidor Revelar.js

npm start

O comando anterior indicará que o serviço será fornecido pela porta 8000, que é a porta padrão, junto com o endereço IP do servidor. Agora, só temos que abra nosso navegador favorito e vá para http://ip-servidor:8000. Nesta direção, veremos a apresentação padrão de Revele.js, que indicará que a instalação foi um sucesso.

comece a revelar.js

Nós também seremos capazes de mude a porta usando –port como se segue:

npm start -- --port=8001

Depois que o Revell.js estiver instalado, é uma boa ideia consultar os guias para Opções de marcação e de configuração para ajustar esta estrutura. Para obter mais informações sobre como instalar o Revel.js, os usuários também podem consultar o página no GitHub projeto.

Reveal.js é uma alternativa ao PowerPoint para criar apresentações, que podemos usar na educação ou mesmo no trabalho. Seguindo as instruções neste artigo, qualquer usuário será capaz de instale este programa em um sistema Ubuntu 20.04. Qualquer pessoa pode criar ótimas apresentações usando HTML e CSS.

Se você quiser saber mais sobre como usar este aplicativo, no site do projeto, os usuários poderão consulte o documentação oficial. Nele, seu criador nos mostra como podemos trabalhar com essa ferramenta de uma forma muito simples e rápida.

slides de plataforma de exemplo

Se você está interessado em poder aproveitar os benefícios do Revele.js sem ter que escrever HTML ou Markdown, o criador também nos oferece a possibilidade de testar slides.com. Este é um editor visual e plataforma com todas as funções de revel.js.


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.