DEV Community: Jonatas Santos

Bem vindo ao Deno

Jonatas Santos — Thu, 21 May 2020 22:30:32 +0000

Olá meus queridos, sejam todos bem vindos, iremos falar sobre o novo framework Deno.

O que é o Deno?
Deno é um ambiente de execução para JavaScript e TypeScript baseado no V8, engine de JavaScript do Google Chrome e na linguagem de programação Rust. Foi criado por Ryan Dahl, criador original do Node.js, e é focado em segurança e produtividade.

Principais características

Seguro por padrão. Sem acesso a arquivos, redes ou ambientes (a menos que seja explicitamente ativado).
Possui um runtime TypeScrip Os scripts podem ser agrupados em um único arquivo JavaScript.
Construído em Rust (o núcleo do Deno foi escrito em Rust, Node e C++), Tokio (loop de eventos) e V8 (runtime JavaScript)

Deno é mais seguro?
Qualquer código no Node tem o poder de acessar as suas informações como sua rede,HD entre outros. Por outro lado, no Deno o seu código é executado em uma sandbox(semelhante a uma maquina virtual), focado em segurança por padrão.
Ou seja, se você não der permissão, um código malicioso não poderá acessar suas informações. Isso se assemelha ao JavaScript nos navegadores, que só pode acessar câmera se o usuário der permissão.

TypeScript Integrado
O Deno não interpreta apenas JavaScript. Ele também interpreta TypeScript sem que você precise instalar nem configurar nada.

Essa decisão foi baseada no crescimento do uso do TypeScript em grandes projetos que precisam lidar com complexas lógicas de negócio.

Promises em todo lugar
O JavaScript é famoso por sua natureza assíncrona. Porém, o Node foi criado antes do JavaScript possuir coisas como Promises e Async/Await.
Como resultado da evolução do JavaScript em união da linguagem Rust, o Deno tem um moderno sistema baseado em Promises. Isso nos permite trabalhar mais facilmente com código assíncrono, nesse caso todas ações assíncronas retornaram uma Promise.

Preparando o ambiente Windows
Agora vamos a instalação que é bem simples, acesse a Documentação.
Como estou utilizando o Windows, vou instalar via Powershell:

iwr https://deno.land/x/install/install.ps1 -useb | iex

Subindo o Server
No site oficial temos um pequeno trecho de código em TypeScript que nos mostra como é muito simples para subir um pequeno servidor.

// ES Modules
import { serve } from "https://deno.land/std@0.50.0/http/server.ts";

//Cria o Server
const server = serve({ port: 8000 });

console.log("http://localhost:8000/");

//Async iterador para atender solicitações do servidor 
for await (const req of server) {
  req.respond({ body: "<h1>Hello World\n</h1>" });
}

Para executar essa aplicação usamos o comando em nosso terminal
➜ deno run server.ts

Opsss Deu ruim!!!

Isto ocorre porque como comentei acima as medidas de segurança do Deno interferem na execução do nosso arquivo server.ts com a seguinte mensagem:

➜  Deno deno run server.ts 
error: Uncaught PermissionDenied: network access to "0.0.0.0:8000", 
run again with the --allow-net flag
    at unwrapResponse ($deno$/ops/dispatch_json.ts:43:11)
    at Object.sendSync ($deno$/ops/dispatch_json.ts:72:10)
    at Object.listen ($deno$/ops/net.ts:51:10)
    at listen ($deno$/net.ts:152:22)
    at serve (https://deno.land/std@0.50.0/http/server.ts:261:20)
    at file:///mnt/e/projects/Deno/server.ts:3:16
➜  Deno

Isso acontece porque por regra de segurança ele nos "força" a conceder o acesso a rede, impedindo que isso aconteça automaticamente como no Node.

Para que esse acesso possa acontecer precisamos incluir a tag --allow-net no nosso comando, passando a ser executado dessa maneira:
➜ deno run --allow-net server.ts
Se tudo ocorreu corretamente ele vai retornar a seguinte mensagem
Compile file:///mnt/e/projects/Deno/server.ts http://localhost:8000/

Bom este foi um tutorial bem básico do novo framework Deno, para mais informações olhem a Documentação e faça parte do nosso grupo para mais novidades.

Acompanhe nossos canais de conteúdo:

Instalando Flutter no Windows

Jonatas Santos — Thu, 19 Sep 2019 16:49:09 +0000

Olá meus queridos, sejam todos bem vindos a está saga sobre Flutter,onde iremos abordar desde á instalação até o desenvolvimento de Apps.

Então vamos nessa
Primeiro vamos conheçer um pouco sobre o Flutter e em seguida iremos iniciar a instalação do SDK no anbiemte Windows.

O Flutter é um SDK open-source da Google para o desenvolvimento de aplicativos nativos para iOS e Android, também é o principal método de criação de apps para o Google Fuchsia (novo sistema operacional em desenvolvimento que pretende substituir o Android).
Neste artigo, veremos o passo a passo da instalação do Flutter no Windows, para que possamos começar a brincar e construir nossos primeiros apps.

Pré-requisitos
Para instalar o flutter no Windows, você precisar ter uma maquina com os seguintes requisitos:
Sistema operacional Windows 7 SP1 ou mais atual na versão 64bits.
400 MB de espaço em disco para a instalação do SDK.
Windows PowerShell 5.0 ou mais recente.
Git for Windows versão 2.0 ou superior.

Instalando o SDK
1º passo: Baixe o SDK do Flutter e extraia-o.
Download

2º passo: Extraia o arquivo baixado e coloque a pasta “flutter” no diretório de sua preferencia, ex.: C:\src\flutter. A documentação não aconselha instalar o Flutter em um diretório como C:\Program Files\ para evitar problemas com falta de permissão.
Após esse passo, já é possível acessar o comando flutter e todos os comandos disponíveis executando o arquivo “flutter_console.bat”. Você também pode acessar o Flutter à partir de qualquer terminal ou prompt de comando.

3º passo: Adicione o Flutter à variável PATH do sistema. Para tal, copie o caminho até o diretório \bin, existente na pasta “flutter”. No Windows Explorer, clique com o botão direito em “Este computador” e acesse a opção “Propriedades”. Em seguida vá em “Configurações avançadas do sistema” → “Variáveis de ambiente”. No text field “Variáveis de usuário”, clique na variável PATH → “Novo”, e cole o caminho para o diretório \bin.

Instalando dependências
Agora que o SDK está instalado e o Flutter foi adicionado à variável de ambiente PATH, podemos utilizar o comando flutter doctor em qualquer terminal.

O flutter doctor é o comando responsável por verificar se existem dependências do Flutter a serem instaladas. Além disso, ele retorna um relatório (Doctor Summary) sobre o status da instalação contendo as dependências que faltam, como instalá-las, problemas encontrados e como resolvê-los.

Instalando o Android Studio
Para instalar o Android Studio acesse esse link, baixe e instale a versão mais recente. A instalação é bem simples e direta, do tipo “Next-Next-Finish”.

Ao concluir o processo de instalação e utilizar o comando novamente, o Doctor Summary trará outra mensagem, informando que há licenças do Android que não foram aceitas. Para resolver isso, utilize o comando: flutter doctor --android-licenses e aceite todas as licenças digitando “y” no console para todas as opções.

Testando a instalação
Agora chegou a parte onde iremos começar os testes, vamos criar um projeto, compilá-lo e executá-lo. Para tanto, assegure que há um dispositivo conectado ao computador, e que as opções de desenvolvedor foram ativadas nele . Em seguida, digite o comando flutter create , para criar um novo projeto, e entre na pasta criada.

Agora execute o comando:flutter run dentro pasta onde foi criado o projeto, e aceite a instalação no seu dispositivo para que seja possível compilar e executar o projeto da imagem abaixo.

Agora só alegria pois o Flutter está instalado e configurado corretamente.
Agora já podemos começar a brincar.

Alguns comando essenciais:
flutter create = cria um novo projeto com toda a estrutura padrão de pastas, código boilerplate e testes.
flutter run = compila e dá build no projeto.
flutter run -d = compila e dá build em um dispositivo específico.
flutter install = instala o projeto Flutter no dispositivo conectado.
flutter packages get = adiciona dependências ao projeto.
flutter test = executa teste unitário.
flutter doctor = mostra informações do processo de instalação do Flutter.
flutter devices = lista todos os dispositivos conectados, com informações como: nome do dispositivo, id do dispositivo e versão do Android .
s = realiza uma captura de tela do aplicativo em execução e a armazena na pasta do projeto.
r = realiza hot reload do projeto.
shift + r = realiza hot restart do projeto.
q = encerra o projeto.
flutter help = lista estes e todos os outros comandos disponíveis para serem executados com Flutter.