Aplicativo MundoJS

Olá pessoal. Estamos com uma novidade que vai facilitar muito para você continuar acompanhando os conteúdos disponibilizados no nosso site! Agora, o MundoJS possui um aplicativo disponível para Android. Neste aplicativo, você poderá acompanhar todo o conteúdo, ver vídeos e interagir nos comentários diretamente do seu smartphone. Para baixar, é muito simples:

  • Acesse a Google Play Store no seu dispositivo Android;
  • Faça a pesquisa do app MundoJS;
  • Baixe, instale e divirta-se!

O aplicativo é leve e muito fácil de utilizar. Esperamos que aproveitem e aprovem essa novidade que preparamos para você. Você também pode realizar o download diretamente através do link:

Download aplicativo MundoJS

Gostou desta novidade? Conte-nos nos comentários!

 

O trabalho remoto pós-covid

2020 foi um ano diferente para todos e, com essa pandemia, uma das soluções adotadas foi o trabalho remoto. Muitas empresas foram forçadas a permitir suas equipes trabalhando à distância, para manter a empresa funcionando e seus colaboradores saudáveis. Agora é um momento de reflexão e, sabendo disso, muitas empresas podem manter o trabalho remoto no mundo pós-covid, porém, algumas velhas formas de pensar das empresas podem surgir. Aqui irão algumas dicas importantes para você que deseja trabalhar remotamente pós-pandemia, passando um tempo a mais com sua família.

Dica nª 1: Procure empresas remotas:

Existem empresas onde a totalidade de seus funcionários (ou uma grande maioria) trabalham de forma remota, mantendo funcionários de todas as partes do planeta. Dificilmente essas empresas pedirão que você faça a transição para o escritório, pois ele não existe! Essas empresas possuem ferramentas e processos que facilitarão o trabalho remoto, pois há a necessidade de todos em realizá-lo. O Gitlab é um exemplo de empresa remota.

Dica nº 2: Mostre que você é um funcionário remoto experiente:

Levando em consideração a epidemia, muitas pessoas possuem uma experiência real de trabalho remoto. Você pode acrescentar e enfatizar isso em seu currículo ou apresentação. Explique que você se mantém motivado e produtivo trabalhando em casa, mantendo o trabalho muito eficaz.

Continue lendo “O trabalho remoto pós-covid”

Atualizações Puppeteer v4.0.0

Puppeteer é uma biblioteca Node que fornece uma API de alto nível para controlar o Chrome ou Chromium sobre o protocolo DevTools. Por padrão, o Puppeteer é executado headless.

A maioria das coisas que você pode fazer manualmente no seu navegador, pode ser realizada com Puppeteer.

O Puppeteer recentemente lançou uma atualização com significativas mudanças. A mudança mais impactante é:

O Puppeteer não utiliza mais a biblioteca EventEmitter no Nodejs:

Como o trabalho é tornar o Puppeteer uma ferramenta que seja independente do ambiente de desenvolvimento, foi removida a biblioteca EventEmitter no Nodejs, em favor de um emissor de eventos que não esteja vinculado ao Node. Por baixo dos panos, é utilizado o Mitt, com funcionalidades adicionais para corresponder aos métodos gerais que o EventEmitter do Nodejs fornece. Então, vários métodos foram removidos do Puppeteer, métodos esses que estendiam o EventEmitter:

  • eventNames();
  • getMaxListeners();
  • listeners(eventName);
  • prependListener;
  • prependOnceListener;
  • setMaxListeners(n);
  • rawListeners(eventName).

 

E os métodos estáticos na classe EventEmitter também não são mais suportados, como por exemplo:

  • listenerCount(emitter, eventName);
  • defaultMaxListeners;
  • errorMonitor;

O EventEmitter do Nodejs emite um evento newListener quando um ouvinte for adicionado e um removeListener quando um ouvinto foi removido. Estes eventos não são mais suportados pelo Puppeteer e não serão emitidos.

 

Novos recursos e melhorias:

  • Os logs de depuração de envio e recebimento agora são divididos em canais separados. Isso torna os logs muito mais claros e permite uma melhor visualização;
  • Agora você pode chamar o método isJavaScriptEnabled() em uma página do Puppeteer para descobrir se o JavaScript está habilitado na sua página.

Correções de Bugs:

  • Agora, o Puppeteer está muito melhor em encerrar os processos remanescentes do navegador, especialmente quando você sai de um teste utilizando o comando Ctrl-C.

 

Por baixo dos panos:

  • A equipe do Puppeteer começou a trabalhar em um novo sistema de documentação. Esse novo sistema utiliza o TSDoc para gerar a documentação a partir do código-fonte de sua aplicação, e tendo transportado a documentação para o código de acordo.

 

Gostou desta notícia? Comente abaixo!

Referências: https://github.com/puppeteer/puppeteer/releases/tag/v4.0.0

Deno: algumas funcionalidades

Com a evolução e mudanças que a linguagem JavaScript sofreu, e as novas adições como o TypeScript, a criação de projetos do Node acaba se tornando um árduo esforço, que envolve o gerenciamento de sistemas de construção e outras ferramentas pesadas que tiram a diversão dos scripts de uma linguagem dinâmica.

Considerando que o cenário do JavaScript e infraestrutura de software mudaram o suficiente para que valesse a pena desenvolver uma simplificação, o Deno foi criado para buscar um ambiente de desenvolvimento divertido e produtivo para ser utilizado em uma ampla variedade de tarefas:

O Deno possui algumas funcionalidades:

Um Web Browser para Scripts Command-Line:

A mais nova runtime para execução de JavaScript e Typescript fora de um navegador.

O Deno provê uma ferramenta independente para criação de scripts de funcionalidades complexas. O Deno é um único arquivo executável. Como um navegador, ele sabe utilizar buscas para código externo. Um único arquivo pode definir um comportamento arbitrariamente complexo sem nenhuma outra ferramenta:

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

for await (const req of serve({ port: 8000 })) {
  req.respond({ body: "Olá Mundo!" });
}

Esse é um módulo completo de servidor HTTP, acionado com a dependência em uma única linha. Não há instalação a ser feita com antecedência. Para inicializar, utilize o código:

deno run exemplo.js

Suporte à TypeScript de primeira classe:

O Deno é aplicável a vários dominios problemáticos. Desde pequenos scripts até a uma ampla lógica de negócios complexa. O Suporte ao TypeScript permite uma forma de verificação de tipos. O deno types fornece declarações de tipo para tudo o que é fornecido pelo Deno.

Estabilidade:

A promessa de uma API estável do Deno é tratada com extrema importância. O Deno possui muitas interfaces e componentes, por isso, é importante a transparência no quesito estabilidade.  As APIs JavaScript foram cuidadosamente examinadas e não serão realizadas alterações incompatíveis. Quaisquer correções emitidas serão correções de bug, e não alterações na interface.

Você pode verificar as outras novidades e também as limitações do Deno diretamente na documentação e blog da Versão 1 da Runtime

Gostou desta notícia? Comente abaixo!

Referência:https://deno.land/v1

 

Google: guia de como gerar dados estruturados usando JS

Recentemente, o Google publicou uma diretriz de desenvolvedor na página de desenvolvedores do Google. Este documento fornece uma visão sobre como criar dados estruturados utilizando JavaScript e implementá-los no site, ou fazê-los corretamente para que possa trazer benefícios na pesquisa do Google. Este novo guia, descreve métodos para adicionar dados estruturados dinamicamente a um site usando JavaScript. Atualmente, o uso de JavaScript é essencial para criar um site com funcionalidade aprimorada. As novas dicas do guia de desenvolvimento da Google serão especialmente valiosas para especialistas de SEO e desenvolvedores Web.

Atualmente, existem muitas maneiras de gerar dados estruturados com JavaScript, mas as mais utilizadas são:

O gerenciador de tags do google é utilizado para gerar JSON-LD dinamicamente. Ele é uma plataforma que permite o gerenciamento de tags no seu site sem editar o código. Para gerar dados estruturados com o Gerenciador de Tas do Google, você precisa:

  • Configure e instale o Gerenciador de tags do Google ao seu site;
  • Adicionar uma tag HTML personalizada ao contêiner;
  • Cole o bloco de dados estruturado desejado no conteúdo da tag;
  • Instale o contêiner conforme mostrado na seção Instalar o Gerenciador de tags do Google no menu de administração do contêiner;
  • Para adicionar a tag ao seu site, publique seu contêiner na interface do Gerenciador de tags do Google e, por fim:
  • Teste a sua implementação.

E a outra maneira de gerar dados estruturados é usando JavaScript para gerar todos os dados estruturados ou adicionar mais informações de dados renderizados no servidor. De qualquer forma, o Google Search pode entender e processar dados estruturados disponíveis no DOM ao renderizar a página. Para saber como o Google Search processa o JavaScript, consulte o guia básico de JavaScript aqui.

Para isso, você precisa:

  • Encontrar o tipo de dado estruturado em que você está interessado;
  • Editar o HTML do seu site para incluir um snippet JavaScript.
  • Testar sua implementação com o Rich Results Tests.

Gostou deste artigo? Comente abaixo!

Referências:

https://codeburst.io/javascript-news-and-updates-april-2020-98ab1ba67418

https://developers.google.com/search/docs/guides/javascript-seo-basics

JAMStack, o que é?

Construir um aplicativo que seja flexível, iterável e construído em um curto espaço de tempo pode realmente ser desafiador. Soluções em cloud como AWS, Azure e GPC fornecem aplicativos Web escaláveis com custo baixo e em poucas semanas.

Escolhendo um banco de dados, movendo o código do aplicativo para soluções em contâiner como o Docker, implantando funções de Back-End e alterações de código. Assim é o que acontece no desenvolvimento de aplicativos atualmente. Com o JAMSTACK, sites e aplicativos rápidos e seguros são entregues pré-renderizando arquivos e servindo-os diratemente de uma CDN, onde o requisito de gerenciar ou executar servidores Web são removidos.

O Jamstak não é sobre tecnologia específicas. É uma nova maneira de criar sites e aplicativos, oferecendo melhor desempenho, segurança e custo de dimensionamento e uma melhor experiência do desenvolvedor. Sites pré-renderizados podem ser aprimorados com JavaScript e os crescentes recursos de navegadores e serviços disponíveis via APIs. O Jamstack é a junção de JavaScript, APIs e Marcação.

Você provavelmente já trabalhou em um site Jamstack, utilizando Jekyll, Next, Gtasby, entre outros gerenciadores de site estático.
Quando você utiliza um CMS, não está utilizando Jamstack. Por exemplo, se estiver utilizando WordPress, Drupal, Joomla, um aplicativo Web executado por servidor que depende de algum idioma back-end ou um aplicativo de página única que utiliza renderização isomórfica para criar visualizações no servidor em tempo de execução.

Benefícios:

Maior segurança:

Com os processos do lado de servidor abstraídos nas APIs de microsserviço, as áreas de superfície para ataques são reduzidas.

Escala mais barata e fácil:

Quando sua implantação equivale uma pilha de arquivos que podem ser veiculados em qualquer lugar, o dimensionamento é uma questão de veicular esses arquivos em mais locais. As CDNs são perfeitas para isso e incluem dimensionamento em todos os seus planos.

Melhor Experiência do Desenvolvedor:

O baixo acoplamento e separação de controles permitem um desenvolvimento e depuração mais direcionados, e a seleção crescente de opções de CMD para geradores de sites remove a necessidade de manter uma pilha separada de conteúdo e marketing.

Gostou desta notícia? Comente abaixo.

Conheça o Deno, uma runtime JavaScript

O Deno é uma runtime simples, moderna e segura para JavaScript e TypeScript que utiliza o V8 e é construída em Rust.

Idealizado por Ryan Dahl, o criador do Node.js, o Deno é uma implementação totalmente nova, e não um novo fork do node.

A proposta do Deno é prover uma ferramenta standalone, ou seja, permite a criação de uma rápida solução para funcionalidades complexas, sendo sua abordagem a de um único arquivo executável.

  • O Deno é seguro por padrão. Não há acesso a arquivos, redes ou ambientes, a menos que seja explicitamente ativado;
  • Possui suporte ao TypeScript;
  • Envia apenas um único arquivo executável;
  • Possui utilitários embutidos, como um inspetor de dependências e um formatador de código;
  • Possui um conjunto de módulos padrão revisados que garantem o funcionamento com o Deno.

Como Instalar:

Para instalá-lo, você precisará usar os instaladores abaixo ou fazer o download de um binário da versão.

PowerShell (Windows)

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

Shell (Max, Linux)

curl -fsSL https://deno.land/x/install/install.sh | sh

Chocolatey (Windows)

choco install deno

Iniciando com Deno:

Você pode tentar executar um programa simples dos próprios exemplos do Deno:

deno run https://deno.land/std/examples/welcome.ts

Ou realizar algo mais complexo:

import { serve } from "https://deno.land/std@0.54.0/http/server.ts";
const s = serve({ port: 8000 });
console.log("http://localhost:8000/");
for await (const req of s) {
  req.respond({ body: "Olá Mundo\n" });
}

Você encontra instruções mais detalhadas no manual.

Documentação da Runtime:

A documentação básica da runtime do Deno é encontrada em: doc.deno.land. O Deno vem com um manual que contém explicações detalhadas sobre as funções complexas da runtime, uma introdução aos conceitos nos quais o Deno foi construído e como incorporar o Deno no seu próprio aplicativo. Junto à runtime, também é oferecida uma lista de módulos padrão que são revisados pela equipe principal do Deno. O Deno também pode importar módulos a partir de qualquer localização na web, como o GitHub, Cnd, entre outros. O deno.land também oferece um serviço de hospedagem pública simples para módulos ES que funcionam com o Deno.

Gostou desta notícia? Comente abaixo!

Como instalar o Prettier no VS Code

O Prettier é um formatador de código para o JavaScript, Typescript, HTML, CSS entre outras tecnologias que ajuda a padronizar tudo que uma equipe desenvolve.

Existem plugins Prettier para muitos editores diferentes disponíveis. Aqui vou mostrar a instalação no Visual Studio Code.

1. Instale o plug-in Prettier VS Code

Abra a Paleta de comandos (no submenu Exibir ou use Cmd + Shift + P no Mac e Ctrl + Shift + P no Windows). Em seguida, selecione “Extensões: Instalar extensões”.

Procure por “Prettier”, clique em “Instalar” e depois em “Recarregar” quando a instalação estiver concluída.

2. Execute o Prettier em um arquivo

Agora, se você abrir um arquivo JavaScript e selecionar “Formatar Documento” na Command Palette Prettier, o seu código será arrumado!

3. Execute automaticamente o Prettier ao salvar um arquivo

Abra as configurações da área de trabalho por meio da paleta de comandos. Ative formatOnSave:

{
“pastas”: [],
“configurações”: {},
“editor.formatOnSave”: true,
}
Salve suas configurações e agora seu código deverá ser formatado toda vez que um arquivo for atualizado!

O Prettier também suporta outros idiomas além do JavaScript, por exemplo TypeScript, HTML, CSS ou JSON. No entanto, se você não deseja que eles sejam formatados, pode controlar a configuração formatOnSave por tipo de arquivo:

{
“pastas”: [],
“configurações”: {},
“[javascript]”: {
“editor.formatOnSave”: true
}
}
Formatando código existente com linha de comando
Você pode formatar o código para todo o seu projeto usando a interface da linha de comando (CLI) da Prettier. Primeiro instale a ferramenta CLI:

npm install mais bonito – global
Atualize seu código atual:

mais bonito “* /. ts” – escrever
Feito! Um aviso rápido: atualizar automaticamente a formatação do código significa que você fará um grande commit no controle de origem, onde um grande número de arquivos é atualizado. Isso pode dificultar o uso, por exemplo. git culpa, já que metade das linhas de um arquivo pode ter sido modificada pela última vez no commit do Prettier.

Novidades ANGULAR 10

Angular lançou a versão beta do Angular 10, ou seja, a atualização está a caminho!

Essa atualização, planejada para o popular framework de desenvolvimento web, possui duas versões betas iniciais baseadas em TypeScript. Espera-se que a atualização para o framework desenvolvida pelo Google se concentre mais no ecossistema do que em suas características.

A atualização provavelmente será menor do que as versões anteriores do Angular. Não há data predeterminada de lançamento, visto que o Angular 9 ficou disponível no dia 6 de fevereiro deste ano e a versão Angular 9.1 ficou disponível no dia 25 de março.

Até agora, os recursos do Angular 10 são:

  • Adição de informações de dependência e seletores de conteúdo aos metadados;

  • Propagação do período de valor correto em um ExpressionBinding de uma expressão de microssintaxe para ParsedProperty, que por sua vez propagaria o período para os ASTs (VE e Ivy);

  • Uma correção para o núcleo. A lógica seria adicionada à migração de classe não decorada para decorar classes derivadas de classes não decoradas que usam recursos do Angular;

  • Urlmatcher sempre pode retornar null;

  • Foi corrigida uma situação em que havia uma chance de o service-worker nunca se registrar quando há uma tarefa de longa duração ou tempo limite recorrente.

Angular 9.1 chegou com suporte ao TypeScript 3.8:

A versão final do Angular 9 foi o último trabalho antes do Angular 10. O Angular 9.1 adicionou novos recursos, incluindo o suporte ao TypeScript 3.8, aprimoramentos de desempenho e uma longa lista de correção de bugs.

Este é o último lançamento secundário planejado para 9.x. À medida que começamos a trabalhar para a versão 10.0, você deve esperar para ver as pré-liberações da versão 10.0 normalmente uma vez por semana, embora elas contenham apenas alterações mínimas no início.”

Você pode encontrar as versões preliminares do Angular 10 no GitHub.

Gostou deste artigo? Comente abaixo e compartilhe com seus amigos!

Referências:

https://github.com/angular/angular/releases?ref=morioh.com

JavaScript lidera ranking de linguagens

2020 chegou e com ele, muitas mudanças no mundo da tecnologia. Se você está curioso para saber qual pode ser o futuro do mundo da programação, veio conferir no lugar certo.

Seguindo as tendências de 2019, o ecossistema do JavaScript se manteve muito utilizado e otimizado. A cada dia que passa, mais pessoas utilizam esta poderosa linguagem com seus frameworks e bibliotecas.

Por muitos anos seguidos, o JavaScript vem sendo a linguagem de programação com maior crescimento e procura. Ela é amplamente utilizada no desenvolvimento de interfaces interativas para a Web, pois é suportada por todos os navegadores modernos. Segundo a pesquisa anual realizada pela Stack Overflow, cerca de 70% dos 72.525 desenvolvedores profissionais que participaram da pesquisa, afirmaram que utilizam JavaScript. Além disso, é um dos idiomas mais procurados, pois os entrevistados que ainda não usaram, afirmaram que querem aprendê-lo.

Pelo sétimo ano consecutivo, o JavaScript é a linguagem de programação mais utilizada, com Python seguindo de categoria.

Empresas de todo o mundo utilizam JavaScript em seus stacks de linguagens. O JavaScript é o coração de qualquer grande empresa de tecnologia, como o PayPal, que foi um dos primeiros a adotar o NodeJS, Netflix, Groupon, Walmart e LinkedIn. 16 de 25 empresas Unicórnio dos EUA mencionam o JavaScript em suas tecnologias, portanto, é improvável que o JavaScript saia do grid em um futuro próximo.

Em relação aos frameworks web, vemos que os frameworks JavaScript continuam em pleno funcionamento, com o jQuery tomando o primeiro lugar, seguido do Angular/Angular.js, React.js,

ASP.NET entre outros. Ainda vemos o Vue.js em ascensão na lista de frameworks web mais utilizados

.

Entre outros frameworks, bibliotecas e ferramentas, vemos a ascensão do Node.js, que se tornou o mais utilizado, com 50.4%, seguido de .NET e .NET Core. React Native também possui uma grande quantia de usos, com 10.8% dos entrevistados afirmando utilizá-lo

.

Referências:

Gostou desta notícia? Comente abaixo!