Alexandre L. Rangel

 olá,

    O replit.com tem um aplicativo para Android e IOS e que pode ser baixado na loja do seu smarthphone gratuitament. Com ele você consegue acessar seus projetos e programar no tablet ou celular de qualquer lugar, legal, não acha?

    Pois bem, na tela principal do replit.com, clique no menu esquerdo em Mobile App.

Figura 1 - QRCode para instalar o APP do replit.com

    Como você pode ver na figura 1, será exibido um QRCode que levará você direto para a loja do seu smarthphone, como pode ser observado na figura 2. O aplicativo permite que você se conecte com sua conta do Google ou com sua conta no github. Se preferir, pode acessar com um email e senha também (figura 3)!

Figura 2 - Instalação do APP do replit.com no Android.

Figura 3 - Conectando no APP do replit.com

Após ter conseguido conectar, o aplicativo exibirá os seus Repls. Vocẽ também poderá criar novos clicando no botão Create (+), que fica localizado no rodapé do aplicativo (Figura 4). Ao clicar em um Repl, você será direcionado para o editor. Fantástico, não concorda (Figura 5)?

Figura 4 - Seus Repls.

 olá,

O replit.com

    O replit.com é uma ferramenta que pode ser utilizada para o estudo de programação web com HTML, CSS e Javascript. Para tanto, acesse o replit.com e crie uma conta. Você pode fazer isso usando sua conta do Google ou do Github.

    Depois de criar a conta, você poderá utilizar os inúmeros templates disponíveis. Para isso, clique na barra da esquerda em Templates e uma lista de opções será exibida. Clique sobre HTML, C...

Lista de Templates

    Após selecionar o tipo de template (HTML, CSS, JS neste caso), o replit.com irá mostrar um modelo (template) deste tipo. Clique no botão Use Template para gerar na sua conta um modelo de site usando o template HTML, CSS, JS. Ao clicar neste botão, será aberto um janela onde você pode escolher o nome do projeto. Atenção: O nome que você escolher aqui será usado na url (endereço) do seu site. Neste exemplo, vamos escolher Como Fazer um Site!

Tela do template HTML, CSS, JS

    Pronto! Agora você já tem um projeto inicial. Neste nosso exemplo a url (endereço) ficou https://como-fazer-um-site.alrangel.repl.co que você pode acessar de qualquer dispositivo (computador, smarthphone, tablet, etc). 

    O replit.com mostra 3 (três) janelas. A da esquerda mostra as pastas e arquivos do seu projeto. A do meio, mostra o conteúdo do arquivo selecionado, por padrão, index.html, e na janela da direita o webview (visualizador de página) que exibirá a execução da página aberta e a url pública (endereço do site). A frente da url você verá 3 botões. O lápis permite customizar a url, a ferramenta exibe ferramentas de desenvolvimento e o terceiro abre a página em outra aba.

Tela de edição do projeto.

    Espero que esse pequeno tutorial ajude você.

Até a próxima!