<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Flavio Conca</title>
    <description>The latest articles on Forem by Flavio Conca (@fraconca).</description>
    <link>https://forem.com/fraconca</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F754053%2F81e5f339-63bb-4d72-934e-eb72c566fb2c.png</url>
      <title>Forem: Flavio Conca</title>
      <link>https://forem.com/fraconca</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/fraconca"/>
    <language>en</language>
    <item>
      <title>Antrhopic Alerta Sobre Futuro do Trabalho e Automação por IA</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Sat, 14 Jun 2025 05:42:51 +0000</pubDate>
      <link>https://forem.com/fraconca/antrhopic-alerta-sobre-futuro-do-trabalho-e-automacao-por-ia-b1o</link>
      <guid>https://forem.com/fraconca/antrhopic-alerta-sobre-futuro-do-trabalho-e-automacao-por-ia-b1o</guid>
      <description>&lt;p&gt;Nos últimos dias surgem debates intensos sobre o impacto da inteligência artificial (IA) no mercado de trabalho.&lt;/p&gt;

&lt;p&gt;Ao ler uma reportagem da Fortune e em análises de pesquisadores da Anthropic, vejo que agora sim há alerta para um futuro potencialmente sombrio para os empregos de nível inicial, especialmente um setor bem concorrido no Brasil.&lt;/p&gt;

&lt;p&gt;Dario Amodei, CEO da Anthropic, levantou questões cruciais sobre automação, mobilidade social e as medidas necessárias para mitigar uma crise iminente.&lt;/p&gt;

&lt;h3&gt;
  
  
  Um Década "Bastante Terrível" à Frente
&lt;/h3&gt;

&lt;p&gt;Uma manchete da revista Fortune cita pesquisadores da Anthropic, como Sholto Douglas e Trenton Bricken, prevendo uma "década bastante terrível" devido à automação em massa de empregos de nível inicial. A ideia central é que os sistemas de IA atuais, quando combinados com os dados certos, já são capazes de realizar eficientemente tarefas padronizadas em áreas como contabilidade, recursos humanos e atendimento ao cliente.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;O primeiro sinal dessa transformação já é visível:&lt;/strong&gt; empresas não estão mais substituindo funcionários demitidos, mas optando por automatizar silenciosamente esses papéis. &lt;/p&gt;

&lt;p&gt;Dario Amodei, conhecido por sua visão franca sobre os desafios da IA, reforça esse alerta. Segundo ele, até 50% dos empregos de entrada podem desaparecer nos próximos cinco anos, potencialmente levando a taxas de desemprego de até 20%.&lt;/p&gt;

&lt;p&gt;Essa previsão é corroborada por dados recentes, como o relatório do Fórum Econômico Mundial de 2025, que indica que 40% dos empregadores planejam reduzir suas equipes onde a IA pode automatizar tarefas. &lt;/p&gt;

&lt;p&gt;Além disso, uma pesquisa da CNN Business destaca que o novo modelo Claude 4, lançado pela Anthropic na semana passada, pode operar de forma independente por quase sete horas, ampliando as preocupações sobre a velocidade da automação. &lt;/p&gt;

&lt;h3&gt;
  
  
  Mudanças Abruptas e Consequências Sociais
&lt;/h3&gt;

&lt;p&gt;Diferente de uma transição gradual, a automação ocorrerá em saltos. Assim que uma empresa perceber que a IA pode realizar tarefas de forma mais eficiente, ela reduzirá sua força de trabalho em vez de expandi-la. &lt;/p&gt;

&lt;p&gt;Esse processo, segundo Amodei, ameaça especialmente o primeiro terço da carreira profissional — os empregos onde jovens aprendem, cometem erros e constroem redes de contatos. A perda desses papéis pode colapsar a mobilidade social, um pilar das sociedades liberais que promete progresso para aqueles que trabalham duro.&lt;/p&gt;

&lt;p&gt;Os impactos sociais são profundos na visão de Amodei, e enfatiza que sem iniciativas governamentais como redistribuição de renda - o que eu não concordo, sem programas massivos de educação ou a criação de novas formas de emprego, ele prevê uma crise social genuína.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Dados da Socius revelam que 14% dos trabalhadores já enfrentaram deslocamento de empregos devido à IA, um número que pode crescer exponencialmente se medidas não forem tomadas.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Além disso, o momento é delicado e com muitas empresas sob pressão econômica, gera um fenômeno que acelera a adoção de IA para maximizar a eficiência. &lt;/p&gt;

&lt;h3&gt;
  
  
  Uma Era de Abundância ou Desigualdade?
&lt;/h3&gt;

&lt;p&gt;Apesar do tom alarmante do Amodei - CEO da Anthropic, vejo um raio de esperança nisso. &lt;/p&gt;

&lt;p&gt;Amodei fala de uma possível "era de abundância", onde os benefícios da IA poderiam ser amplamente distribuídos. &lt;/p&gt;

&lt;p&gt;Para alcançar esse cenário, porém, seriam necessárias reformas significativas.&lt;/p&gt;

&lt;p&gt;Uma proposta mencionada é a criação de um "imposto de token" — uma taxação sobre os lucros da IA — para financiar bem-estar social. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Acho bulshitagem&lt;/strong&gt;, mas sempre vai ter quem apoie mais impostos para uma sociedade.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Além disso, Amodei sugere um novo contrato social que não dependa exclusivamente do emprego como forma de participação na sociedade como essencial.&lt;/p&gt;

&lt;p&gt;Essa ideia ressoa com debates atuais. A Axios reportou em maio de 2025 que Amodei propôs um Índice Econômico Anthropic para monitorar o uso da IA em ocupações, incentivando outras empresas a compartilharem dados e ajudando formuladores de políticas a entenderem o impacto. &lt;/p&gt;

&lt;p&gt;Propostas de tributação da IA, como o "token tax", ganham força como uma maneira de redistribuir a riqueza gerada pela automação, evitando uma concentração ainda maior de recursos.&lt;/p&gt;

&lt;h3&gt;
  
  
  Reações e Perspectivas Divergentes
&lt;/h3&gt;

&lt;p&gt;Uns concordam com Amodei, mas alertam que, enquanto os mercados de ações podem continuar subindo devido à produtividade impulsionada por IA, stresses sociais — como aumento da criminalidade e agitação civil — podem surgir. Por outro, vemos que é carregada de narrativa a fala de Amodei, sugerindo que a IA oferece oportunidades para desenvolver novas habilidades e criar empregos inovadores, em vez de apenas destruir os existentes.&lt;/p&gt;

&lt;p&gt;Essa divisão reflete um debate mais amplo. Enquanto alguns pessoas veem a IA como uma ameaça iminente, outros equilibram o alerta com a possibilidade de um futuro positivo, desde que ações proativas sejam tomadas. &lt;/p&gt;

&lt;p&gt;A pesquisa do &lt;em&gt;Fórum Econômico Mundial&lt;/em&gt; também aponta que, apesar da perda de 9 milhões de empregos, a tecnologia pode criar 11 milhões de novas vagas — um equilíbrio que dependerá da adaptação da força de trabalho.&lt;/p&gt;

&lt;p&gt;Referências:&lt;/p&gt;

&lt;p&gt;Axios: "AI jobs danger: Sleepwalking into a white-collar bloodbath" (28/05/2025)&lt;/p&gt;

&lt;p&gt;CNN Business: Relato sobre o lançamento do Claude 4 (junho 2025)&lt;/p&gt;

&lt;p&gt;Fórum Econômico Mundial: Relatório Futuro dos Empregos 2025&lt;/p&gt;

&lt;p&gt;Socius: Dados sobre deslocamento de empregos por IA (2025)&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>openai</category>
    </item>
    <item>
      <title>Brasil e o uso de IA como inovação de prateleira</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Wed, 11 Jun 2025 10:19:48 +0000</pubDate>
      <link>https://forem.com/fraconca/brasil-e-o-uso-de-ia-como-inovacao-de-prateleira-2flf</link>
      <guid>https://forem.com/fraconca/brasil-e-o-uso-de-ia-como-inovacao-de-prateleira-2flf</guid>
      <description>&lt;p&gt;&lt;strong&gt;Em 2024, apenas 13% das empresas brasileiras aplicaram IA em seus projetos¹ internos ou como produtos e soluções.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;O problema não é infraestrutura.&lt;br&gt;
Não é segurança. Não é orçamento.&lt;/p&gt;

&lt;h3&gt;
  
  
  👉 O problema é gente.
&lt;/h3&gt;

&lt;p&gt;Recentemente vi aqui uma empresa com vaga aberta de &lt;strong&gt;Dev Full Stack Ai/Ml&lt;/strong&gt; e isso me fez pensar que o maior gargalo brasileiro na adoção de IA hoje não é tecnologia, é a falta de talentos prontos.&lt;/p&gt;

&lt;p&gt;Enquanto alguns compram licença software caro para apresentar no board ou terceirizam projetos inteiros para consultorias gringas, o que falta mesmo são profissionais com capacidade real de conhecer, construir, escalar, gerenciar e sustentar IA dentro das empresas.&lt;/p&gt;

&lt;p&gt;O déficit de profissionais em tech e IA já ultrapassa meio milhão de vagas não preenchidas. Mas esse déficit não é de profissionais generalistas, dos estudantes e entrantes de nível JR. &lt;/p&gt;

&lt;p&gt;O mercado precisa de gente em níveis de qualificação, de especialistas para suprir demandas técnicas, de gente que conheça  não só qual framework utilizar, mas que siaba de negócios, que saiba prever e escalar um projeto. Gente para decisões.&lt;/p&gt;

&lt;p&gt;As empresas precisam urgentemente criar núcleos internos e experimentais debruçados sobre soluções de IA, buscar soluções open-source - que são inúmeras, criar no mínimo seus próprios servidores internos com documentações organizadas para extrair dados, ter seu RAG clássico e saber organizar informações de seus relatórios para transformar suas decisões.&lt;/p&gt;

&lt;p&gt;Isso que seria o básico para a inovação e transformação através do uso prático da IA como ferramenta não é realidade ainda para a maioria das empresas brasileiras.&lt;/p&gt;

&lt;p&gt;Hoje, o cenário do mercado geral está dividido em 3 grupos:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Quem já tem sua máquina interna de IA.&lt;/li&gt;
&lt;li&gt;Quem recorre ao outsourcing técnico.&lt;/li&gt;
&lt;li&gt;Quem ainda está debatendo se "vale a pena" ou se o "ChatGPT" vai ajudar a criar una planilha ou escrever um e-mail.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Os dois primeiros crescem.&lt;br&gt;
O terceiro já ficou para trás!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;IA não é um projeto. &lt;br&gt;
IA Não é moda.&lt;br&gt;
IA é a inevitabilidade estrutural.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A única pergunta que importa agora não é mais "quando adotar IA" ou "Qual escolher".&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A pergunta é:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Como escalar IA pata soluções reais mesmo sem profissionais prontos?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;p&gt;Fonte:&lt;br&gt;
1 &lt;a href="https://www.abranet.org.br/publicacoes/noticias/5559" rel="noopener noreferrer"&gt;Abranet&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>openai</category>
      <category>deepseek</category>
      <category>gemini</category>
    </item>
    <item>
      <title>A erosão do SEO causada pela inteligência artificial</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Wed, 11 Jun 2025 04:01:10 +0000</pubDate>
      <link>https://forem.com/fraconca/a-erosao-do-seo-causada-pela-inteligencia-artificial-3edo</link>
      <guid>https://forem.com/fraconca/a-erosao-do-seo-causada-pela-inteligencia-artificial-3edo</guid>
      <description>&lt;p&gt;De acordo com um relatório do Wall Street Journal, as ferramentas impulsionadas por inteligência artificial do Google, estão causando uma queda significativa no tráfego orgânico.&lt;/p&gt;

&lt;p&gt;Este fenômeno representa um desafio crítico para a sustentabilidade do conteúdo digital. Com a adoção de chatbots alimentados por IA, os usuários agora obtêm respostas diretas e muitas vezes extraídas de conteúdos jornalísticos sem o consentimento ou atribuição adequada dos publishers, eliminando a necessidade de interagir com os links de resultados de busca (SERP blue links). &lt;/p&gt;

&lt;p&gt;Como resultado, o volume de tráfego de referência (referral traffic) para sites de notícias está em declínio acentuado, comprometendo a principal fonte de receita para a manutenção de conteúdos de alta qualidade.&lt;/p&gt;

&lt;p&gt;O Google lançou as AI Overviews, uma funcionalidade de resumo de resultados de busca, em 2024. Dados do Wall Street Journal indicam que sua implementação impactou negativamente o tráfego orgânico de nichos como guias de viagem, dicas de saúde e análises de produtos. &lt;/p&gt;

&lt;p&gt;Com AI Mode, um concorrente direto do ChatGPT, o Google oferece respostas em linguagem natural com um número reduzido de links externos, diminuindo a probabilidade de cliques para sites de terceiros. &lt;/p&gt;

&lt;p&gt;Análises da Similarweb, citadas no relatório, mostram que, para o The New York Times, a proporção de tráfego proveniente de buscas orgânicas em suas versões desktop e mobile caiu de 44% em 2022 para 36,5% em abril de 2025. Essa redução reflete uma erosão significativa da visibilidade orgânica, diretamente atribuível às mudanças no algoritmo e na apresentação dos resultados de busca.&lt;/p&gt;

&lt;p&gt;Diante desse cenário, publishers como The Atlantic e The Washington Post destacam a urgência de reformular modelos de negócios para enfrentar a ameaça ao tráfego orgânico.&lt;/p&gt;

&lt;p&gt;Para especialistas em SEO, o cenário atual exige uma reavaliação das estratégias de otimização. &lt;/p&gt;

&lt;p&gt;As transformações impulsionadas pelas ferramentas de IA do Google redefiniram o ecossistema de busca, desafiando a viabilidade financeira dos publishers de notícias e dos produtores de conteúdo.&lt;/p&gt;

&lt;p&gt;Para profissionais de SEO, a adaptação a esse novo paradigma exige uma combinação de estratégias técnicas e diversificação de receita. Sem uma resposta coordenada, o declínio do tráfego orgânico pode comprometer irreparavelmente a sustentabilidade do jornalismo digital.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>gemini</category>
      <category>todayisearched</category>
    </item>
    <item>
      <title>Eleve o nível de suas Aplicações Javascript com Load Test</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Sun, 18 Feb 2024 05:15:00 +0000</pubDate>
      <link>https://forem.com/fraconca/eleve-o-nivel-de-suas-aplicacoes-javascript-com-load-test-33md</link>
      <guid>https://forem.com/fraconca/eleve-o-nivel-de-suas-aplicacoes-javascript-com-load-test-33md</guid>
      <description>&lt;p&gt;Um "load test" (teste de carga, em português) na programação é uma técnica utilizada para avaliar o desempenho de um sistema, aplicação ou site sob condições onde uma carga de dados é "trafega" de forma extrema. Essa carga pode se referir a um grande número de usuários simultâneos, volume intenso de dados ou requisições, para conseguir entender, por exemplo, o limite de requisições que uma API pode aguentar.&lt;/p&gt;

&lt;p&gt;Durante um Load Test, são simuladas condições de uso extremo para determinar como o sistema se comporta e responde sob pressão. O objetivo é identificar possíveis gargalos de desempenho, pontos de falha e limitações da infraestrutura, como servidores, bancos de dados, redes, entre outros componentes.&lt;/p&gt;

&lt;p&gt;Estes testes podem ser realizados utilizando diversas ferramentas especializadas que permitem simular diferentes cenários de carga, acompanhar métricas de desempenho em tempo real e gerar relatórios detalhados sobre o comportamento do sistema durante o teste.&lt;/p&gt;

&lt;p&gt;Esses testes são fundamentais para garantir que um sistema seja capaz de lidar com a demanda esperada de usuários e que ofereça um desempenho aceitável mesmo sob condições de pico. Isso é especialmente importante em aplicações web e serviços online, onde a capacidade de escalar e lidar com picos de tráfego é essencial para manter a qualidade do serviço.&lt;/p&gt;

&lt;p&gt;Talvez um dos frameworks mais conhecidos para testes seja o &lt;a href="https://jestjs.io/pt-BR/"&gt;JestJS&lt;/a&gt;. Com documentação em português e abordagem simplificada, é uma excelente alternativa gratuita.&lt;/p&gt;

&lt;p&gt;Mas, quero trazer neste artigo outras top 3 alternativas e abordagens diferenciadas, não somente limitadas ao Jest.&lt;/p&gt;

&lt;h2&gt;
  
  
  👉🏻 &lt;a href="https://pptr.dev/"&gt;PUPPETEER&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Puppeteer é uma biblioteca Node.js que fornece uma API de alto nível para controlar o Chrome ou Chromium através do protocolo DevTools. O Puppeteer é executado no modo headless por padrão, mas pode ser configurado para ser executado completo, headful.&lt;/p&gt;

&lt;p&gt;A maioria das coisas que você pode fazer manualmente no navegador pode ser feita usando o Puppeteer como gerar capturas de tela e PDFs de páginas, rastreiar um SPA e gerar conteúdo pré-renderizado no lado do servidor, automatizar o envio de formulários, testes de UI, entrada de teclado, etc.&lt;/p&gt;

&lt;p&gt;Com o Puppeteer você pode criar um ambiente de teste automatizado usando os recursos mais recentes de JavaScript e do seu navegador, capturar um rastreamento da linha do tempo do seu site para ajudar a diagnosticar problemas de desempenho e até fazer teste em extensões do Chrome.&lt;/p&gt;

&lt;p&gt;Website: &lt;a href="https://pptr.dev/"&gt;pptr.dev&lt;/a&gt;&lt;br&gt;
Repositório: &lt;a href="https://github.com/addyosmani/puppeteer-webperf"&gt;GitHub&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  👉🏻 &lt;a href="https://loader.io"&gt;LOADER&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Loader é um serviço de teste de carga que permite que você efetue teste de carga em seus Web Apps e APIs com milhares de conexões simultâneas.&lt;/p&gt;

&lt;p&gt;É surpreendentemente fácil!&lt;br&gt;
Basta adicionar seu host de destino usando uma interface web ou API para registrar seu aplicativo para testes, executar um teste simulando as conexões com sua aplicação e assistir, monitorando o teste em tempo real e compartilhar os resultados em gráficos e estatísticas com sua equipe.&lt;/p&gt;

&lt;p&gt;Website: &lt;a href="https://loader.io"&gt;loader.io&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  👉🏻 &lt;a href="https://k6.io"&gt;K6&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Projetado para testes de carga, o K6 é extensível para suportar outros tipos de testes como teste de carga, web de ponta a ponta, de injeção de falhas, sintéticos, infraestrutura e de regressão.&lt;/p&gt;

&lt;p&gt;O K6 é open source mas também é SaaS, algo que para trabalhar com grandes equipes de engenharia e desenvolvimento de software é crucial, pois é possível, além de testes locais, testes em nuvem. O que auxilia muito a prevenir falhas, melhorar a confiabilidade do time de back-end e front-end e evita regressões ao executar testes de desempenho.&lt;/p&gt;

&lt;p&gt;Como pode usar o mesmo script para testes locais, distribuídos e em nuvem, pode migrar de testes locais para a nuvem usando o mesmo script para ambos os ambientes de forma muito rápida. Com ele você pode executar testes a partir de 21 zonas de carga espalhadas pelo mundo e simular padrões reais de tráfego global.&lt;/p&gt;

&lt;p&gt;Dos testes mais usados são os de carga para APIs, para Threshold config, GraphQL, Cookies, WebSocket e gRPC.&lt;/p&gt;

&lt;p&gt;Website: &lt;a href="https://k6.io"&gt;k6.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;✅ &lt;/p&gt;

&lt;h3&gt;
  
  
  Isso te ajudou? Então me segue no &lt;a href="https://www.instagram.com/blackbeltjs"&gt;Instagram&lt;/a&gt; que lá eu compartilho mais conteúdo como este e muito mais!
&lt;/h3&gt;

&lt;p&gt;📢&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.instagram.com/blackbeltjs"&gt;Flávio Conca - Black Belt JS&lt;/a&gt;  &lt;/p&gt;

</description>
    </item>
    <item>
      <title>5 maneiras de exibir dados com Javascript</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Thu, 12 May 2022 13:44:56 +0000</pubDate>
      <link>https://forem.com/fraconca/5-maneiras-de-exibir-para-exibir-dados-com-javascript-n90</link>
      <guid>https://forem.com/fraconca/5-maneiras-de-exibir-para-exibir-dados-com-javascript-n90</guid>
      <description>&lt;p&gt;JavaScript pode "exibir" dados de 5 maneiras diferentes. Esta "exibição" chamamos de Output (Do inglês: saída), onde temos literalmente a conversão de alguma informação em dados de formato texto. Para estes resultados, podemos usar até 5 propriedades:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Escrevendo dentro do HTML com a propriedade &lt;strong&gt;innerHTML&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Escrevendo dentro do HTML com a saída do document.write()&lt;/li&gt;
&lt;li&gt;Exibindo uma caixa de alerta (alert box) com window.alert()&lt;/li&gt;
&lt;li&gt;Escrevendo dentro do console do browser com console.log()&lt;/li&gt;
&lt;li&gt;Enviando os dados da página para sua impressora&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  window.alert()
&lt;/h2&gt;

&lt;p&gt;Você pode usar &lt;strong&gt;.alert()&lt;/strong&gt; para exibir uma caixa de alerta com os seus dados.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;h1&amp;gt;BlackBeltJS&amp;lt;/h1&amp;gt;
&amp;lt;p&amp;gt;Aprendendo Javascript&amp;lt;/p&amp;gt;

&amp;lt;script&amp;gt;
  window.alert(5 + 6);
&amp;lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Você pode não usar o  objeto window que também funciona. Em JavaScript, window é um objeto de escopo global, o que significa que variáveis, propriedades e métodos por padrão pertencem ao objeto de janela. Especificar a palavra-chave window é opcional.&lt;/p&gt;

&lt;h2&gt;
  
  
  console.log()
&lt;/h2&gt;

&lt;p&gt;O método &lt;strong&gt;console.log()&lt;/strong&gt; é utilizado para fins de depuração.&lt;br&gt;
Os dados sempre serão exibidos no console do navegador.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;h1&amp;gt;BlackBeltJS&amp;lt;/h1&amp;gt;
&amp;lt;p&amp;gt;Aprendendo Javascript&amp;lt;/p&amp;gt;

&amp;lt;script&amp;gt;
  console.log (5 + 6);
&amp;lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;ACESSANDO O CONSOLE&lt;/strong&gt;&lt;br&gt;
Para acessar o console, dentro da tela do navegador, clique com o botão direito do mouse e depois em INSPECIONAR &amp;gt; CONSOLE.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;ATALHOS&lt;/strong&gt;&lt;br&gt;
Geral: Pressione a tecla F12&lt;br&gt;
Microsoft: Ctrl + Shift + J&lt;br&gt;
MacOS: Command + Option + J&lt;/p&gt;
&lt;h2&gt;
  
  
  document.write()
&lt;/h2&gt;

&lt;p&gt;Esta é a maneira mais comum para fins de testes.&lt;br&gt;
É conveniente usar o método &lt;strong&gt;document.write()&lt;/strong&gt; para "&lt;em&gt;imprimir&lt;/em&gt;" dados em um documento ou testar uma função apenas, pois ao usar &lt;strong&gt;document.write()&lt;/strong&gt; após o carregamento de um arquivo HTML excluirá todo o conteúdo existente.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;h1&amp;gt;BlackBeltJS&amp;lt;/h1&amp;gt;
&amp;lt;p&amp;gt;O parágrafo e o heading serão excluídos&amp;lt;/p&amp;gt;

&amp;lt;script&amp;gt;
  document.write (5 + 6);
&amp;lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  innerHTML
&lt;/h2&gt;

&lt;p&gt;Para acessar um elemento HTML você pode usar o método &lt;strong&gt;document.getElementById("id")&lt;/strong&gt; onde o atributo id define o elemento HTML a ser localizado e a propriedade &lt;strong&gt;.innerHTML&lt;/strong&gt; define o conteúdo HTML que deve ser inserido dentro da tag especificada.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p id="resultado"&amp;gt;&amp;lt;/p&amp;gt;

&amp;lt;script&amp;gt;
  document.getElementById("resultado").innerHTML = 5 + 6;
&amp;lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Acessar o DOM usando a propriedade &lt;strong&gt;.innerHTML ** para modificar um elemento é uma maneira comum de exibir ou imprimir (saída de dados) informações. Neste caso, o parágrafo com identificador "&lt;em&gt;soma&lt;/em&gt;" receberá o resultado da soma de "&lt;/strong&gt;5+6**" dentro do parágrafo que terá o resultado desta operação.&lt;/p&gt;

&lt;h2&gt;
  
  
  window.print()
&lt;/h2&gt;

&lt;p&gt;Este método é usado para imprimir (literalmente) o conteúdo da janela do seu navegador. Você pode utilizar este método para enviar para sua impressora os dados do seu site ou salvar o resultado da tela em PDF, por exemplo.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;h1&amp;gt;BlackBeltJS&amp;lt;/h1&amp;gt;
&amp;lt;p&amp;gt;Método window.print()&amp;lt;/p&amp;gt;

&amp;lt;p&amp;gt;Clique no botão para imprimir o conteúdo da página.&amp;lt;/p&amp;gt;

&amp;lt;button onclick="window.print()"&amp;gt; Imprimir &amp;lt;/button&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;ESSE CONTEÚDO FOI ÚTIL?&lt;/strong&gt;&lt;br&gt;
Retribua e siga no Instagram: &lt;strong&gt;&lt;a href="https://www.instagram.com/blackbeltjs/" rel="noopener noreferrer"&gt;https://www.instagram.com/blackbeltjs/&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>Instalando o Node.JS 🛠️</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Mon, 25 Apr 2022 05:09:43 +0000</pubDate>
      <link>https://forem.com/fraconca/instalando-o-nodejs-1ie8</link>
      <guid>https://forem.com/fraconca/instalando-o-nodejs-1ie8</guid>
      <description>&lt;h2&gt;
  
  
  Instalação no Windows
&lt;/h2&gt;

&lt;p&gt;Durante o curso eu vou utilizar o Node.JS em ambiente MacOS. Como a maioria dos usuários utiliza Windows, a instrução de instalação será apenas para instalar o Node.JS no Windows.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1) Vá até a página oficial do nodejs.org.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;*&lt;em&gt;2) Clique na versão LTS para baixar. *&lt;/em&gt;&lt;br&gt;
A versão LTS é a mais estável, então a não ser que precisemos de alguma funcionalidade nova e mais atual do NodeJs, a versão LTS é a que devemos usar. Após baixar o instalador, basta executar e seguir os passos:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quando chegar na tela a seguir, tenha a garantia de que pelo menos as opções Node.js runtime, npm package manager e Add to PATH estejam selecionadas.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--u6tetG7J--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8tmocu3hjfd0ofmu9kk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--u6tetG7J--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z8tmocu3hjfd0ofmu9kk.png" alt="Image description" width="497" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Na próxima tela, o instalador vai perguntar se você gostaria de instalar outras ferramentas. Selecione a opção que vai instalar automaticamente essas ferramentas. É muito importante selecionar essa opção no Windows, porque alguns pacotes do npm não conseguem rodar nativamente no Windows sem algum tipo de compilação. Essas ferramentas vão cuidar da compatibilidade com o Windows.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ljajFMjU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l2nzwtz8izwdprxdww41.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ljajFMjU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l2nzwtz8izwdprxdww41.png" alt="Image description" width="494" height="387"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Depois disso, é só concluir a instalação. Algumas janelas de terminal se abrirão automaticamente indicando o progresso da instalação.&lt;/p&gt;

&lt;p&gt;Após terminar a instalação, eu recomendo reiniciar a máquina, nem sempre é necessário, mas é uma garantia de que o Node.JS foi escrito corretamente no caminho do PATH do Windows.&lt;/p&gt;

&lt;p&gt;Depois de todo esse processo, vamos rodar os seguintes comandos para garantir a instalação do NodeJS e do npm:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;node --version&lt;/strong&gt; e &lt;strong&gt;npm --version&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Ao usar este comando você verá a versão instalada do Node.JS e do Gerenciador de Pacotes (NPM). Agora você vai precisar de um editor, eu estou usando o Visual Studio Code (VSCode). Pode utilizar o que já utiliza ou se ainda não tem o VSCode, recomendo o seu uso.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Curso Node.JS Essencial 🧰</title>
      <dc:creator>Flavio Conca</dc:creator>
      <pubDate>Mon, 25 Apr 2022 04:52:43 +0000</pubDate>
      <link>https://forem.com/fraconca/curso-nodejs-essencial-em2</link>
      <guid>https://forem.com/fraconca/curso-nodejs-essencial-em2</guid>
      <description>&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Node.JS é uma ferramenta amplamente utilizada no universo de desenvolvimento e todos que atuam na área de tecnologia já ouviram falar, nem que seja nos milhares de anúncios de cursos ou mesmo de vagas. Mas você se pergunta: afinal, o que é Node.js? &lt;/p&gt;

&lt;h2&gt;
  
  
  Node.JS e JavaScript
&lt;/h2&gt;

&lt;p&gt;JavaScript é uma linguagem de programação que originalmente foi desenvolvida para trazer maior interatividade aos websites através da manipulação do DOM (Document Object Model). Vamos conferir a definição do livro que é uma referência na temática, o Eloquent JavaScript:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;O JavaScript foi introduzido em 1995 como uma forma de adicionar dinamicidade à páginas da web no navegador Netscape Navigator. Desde então, a linguagem foi adotada por todos os outros principais navegadores gráficos da web. Ela tornou possíveis o desenvolvimento das aplicações modernas da web - aplicações com os quais você pode interagir diretamente sem recarregar a página a cada ação. JavaScript também é usado em sites mais tradicionais para fornecer várias formas de interatividade de forma mais inteligente.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Portanto, de forma resumida, podemos entender que o JavaScript foi pensado para ser rápido, dinâmico e acessível. A linguagem interpretada possibilita subir ou trabalhar em suas aplicações sem precisar configurar todo um ambiente complexo.&lt;/p&gt;

&lt;p&gt;Essas características motivaram o engenheiro de software Ryan Dahl a desenvolver um ambiente, como um programa que você instala no seu computador, que trabalha com a linguagem JavaScript fora do navegador e pelo lado do servidor, via terminal, de uma maneira menos restritiva. Para quem já trabalhou com servidores IIS ou servidores PHP, este assunto não é complexo. Mas, para quem é iniciante muitos paradigmas aqui podem ser bem complexos.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Recomendo então que estude o básico do Javascript no mínimo para poder seguir esta trilha. É esperado que você tenha conhecimentos mais sólidos em programação Javascript (pelo menos o básico) e é desejável também, conhecimento em HTML e CSS. Um total iniciante não tendo nutrido seu conhecimento da base da web e seus protocolos ficaria deslocado e não teria um bom proveito.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Então, vamos lá!&lt;/p&gt;

&lt;h2&gt;
  
  
  Node.JS
&lt;/h2&gt;

&lt;p&gt;O JavaScript nasceu para atender demandas voltadas ao Front e como as necessidades aumentam de acordo com o crescimento tecnológico, surgiu a ideia de utilizar uma mesma linguagem no lado do cliente e do servidor para otimizar processos e serviços. Dessa forma, o Node.JS aparece como uma alternativa viável para programação Back-End por se tratar de um ambiente para desenvolvimento utilizando a linguagem JavaScript.&lt;/p&gt;

&lt;p&gt;De acordo com sua definição oficial, o Node é um runtime, que nada mais é do que um conjunto de códigos, API’s, ou seja, são bibliotecas responsáveis pelo tempo de execução (é o que faz o seu programa rodar) que funciona como um interpretador de JavaScript fora do ambiente do navegador web.&lt;/p&gt;

&lt;p&gt;É importante frisar que o Node.JS é um ambiente de execução assíncrono, isto é, ele trabalha de modo a não bloquear no momento da execução da aplicação, delegando os processos demorados a um segundo plano.&lt;/p&gt;

&lt;p&gt;Ele dá muito certo com os servidores de arquitetura “single threaded”, isto significa que todos os pedidos para o servidor são executados no mesmo tópico - em vez de serem gerados em processos separados. Um dos grandes diferenciais da parceria Node.JS e Javascript é o bom desempenho no uso de APIs, já que o Javascript faz bastante uso de APIs assíncronas.&lt;/p&gt;

&lt;p&gt;Você deve estar se perguntando: “Beleza, já entendi o que é o Node.JS e seu diferencial quando o assunto é o seu uso com o Javascript, mas o que isso significa?” Vamos entender um pouco mais... vem comigo, que te explico...&lt;/p&gt;

&lt;h2&gt;
  
  
  Como o Node.JS funciona?
&lt;/h2&gt;

&lt;p&gt;O Node é capaz de interpretar um código JavaScript, igual ao que o navegador faz. Sendo assim, quando o navegador recebe um comando em JavaScript, ele o interpreta e depois executa as instruções fornecidas.&lt;/p&gt;

&lt;p&gt;O Node é fantástico porque torna possível o envio de instruções (os nossos códigos) sem precisar de um navegador ativo, basta ter o Node.JS instalado e utilizar o terminal para executar um programa construído em JavaScript. Algo bem parecido com o que o pessoal que programa em Python também tem ao usar sua IDLE, mas, neste caso estamos falando de Javascript.&lt;/p&gt;

&lt;p&gt;Além disso, você pode utilizar apenas uma linguagem de programação para tratar requisições entre cliente e servidor. &lt;br&gt;
Sensacional, não é?!&lt;/p&gt;

&lt;p&gt;Para que todo esse processo seja possível de ocorrer fora do navegador, o Node utiliza uma outra ferramenta chamada de Chrome's V8 JavaScript Engine. É esse motor V8 do Chrome que compila e executa o código JavaScript no lugar de apenas interpretá-lo.&lt;/p&gt;

&lt;p&gt;Ainda parece muito confuso? Vem comigo que te explico melhor…&lt;/p&gt;

&lt;p&gt;O motor V8 da Google é o centro, o coração que processa todo o código JavaScript do navegador para que sua máquina compreenda e disponibilize os recursos e interações. Só é possível visualizar páginas em JavaScript ou trabalhar com um código pelo Node.JS devido ao processamento do motor V8 do Chrome.&lt;/p&gt;

&lt;h2&gt;
  
  
  Diferenças básicas
&lt;/h2&gt;

&lt;p&gt;Uma tarefa comum para um servidor web pode ser abrir um arquivo no servidor e devolver o conteúdo ao cliente. Aqui está como o PHP ou ASP lida com uma solicitação de arquivo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Envia a tarefa para o sistema de arquivos do computador.&lt;/li&gt;
&lt;li&gt;Aguarda enquanto o sistema de arquivos abre e lê o arquivo.&lt;/li&gt;
&lt;li&gt;Retorna o conteúdo para o cliente.&lt;/li&gt;
&lt;li&gt;Pronto para lidar com a próxima solicitação.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Veja como o Node.js lida com uma solicitação de arquivo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Envia a tarefa para o sistema de arquivos do computador.&lt;/li&gt;
&lt;li&gt;Pronto para lidar com a próxima solicitação.&lt;/li&gt;
&lt;li&gt;Quando o sistema de arquivos abrir e ler o arquivo, o servidor retornará o conteúdo ao cliente.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;O Node.js elimina a espera e simplesmente continua com a próxima solicitação. O Node.js executa programação assíncrona de thread único, sem bloqueio, que é muito eficiente em termos de memória.&lt;/p&gt;

&lt;h2&gt;
  
  
  O que o Node.js pode fazer?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Node.js pode gerar conteúdo de página dinâmico;&lt;/li&gt;
&lt;li&gt;O Node.js pode criar, abrir, ler, gravar, excluir e fechar arquivos no servidor;&lt;/li&gt;
&lt;li&gt;Node.js pode coletar dados de formulário;&lt;/li&gt;
&lt;li&gt;Node.js pode adicionar, excluir, modificar dados em seu banco de dados.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  O que é um arquivo Node.js?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Os arquivos Node.js contêm tarefas que serão executadas em determinados eventos;&lt;/li&gt;
&lt;li&gt;Um evento típico é alguém tentando acessar uma porta no servidor;&lt;/li&gt;
&lt;li&gt;Os arquivos Node.js devem ser iniciados no servidor antes de terem qualquer efeito;&lt;/li&gt;
&lt;li&gt;Os arquivos Node.js têm extensão ".js".&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Características do Node.JS
&lt;/h2&gt;

&lt;p&gt;Node.JS pode ser utilizado nas famosas APIS Rest, web scrapping, chatbots, IoT, web servers, aplicações Desktop, tudo devido a sua característica altamente versátil. Dentre as principais, podemos citar:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Multiplataforma:&lt;/strong&gt; permite criar desde aplicativos desktop, aplicativos móveis e até sites SaaS;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Multi-paradigma:&lt;/strong&gt; é possível programar em diferentes paradigmas, como: Orientado a Objetos, funcional, imperativo e dirigido à eventos;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Multi-plataforma:&lt;/strong&gt; O Node.js é executado em várias plataformas (Windows, Linux, Unix, Mac OS X, etc.);&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Open Source:&lt;/strong&gt; é uma plataforma de código aberto, isso significa que você pode ter acesso ao código fonte do Node.JS e realizar suas próprias customizações ou mesmo contribuir para a comunidade de forma direta.;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Escalável:&lt;/strong&gt; Node.JS foi criado para construir aplicações web escaláveis, como podemos ver na sua &lt;a href="https://nodejs.org/en/docs/guides/"&gt;documentação oficial&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;O Node.JS ainda apresenta uma curva de aprendizado relativamente menor comparado à outras linguagens voltadas ao Back-End e possui uma comunidade gigante disposta a ajudar. E sem dúvida a união dessas forças é o super poder do Node.JS!&lt;/p&gt;

&lt;p&gt;Agora que você já sabe tudo sobre Node.JS, vamos começar uma jornada rumo ao conhecimento e um curso com o essencial sobre esta tecnologia incrível.&lt;/p&gt;

&lt;p&gt;Vamos começar?&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://dev.to/fraconca/instalando-o-nodejs-1ie8"&gt;Clique aqui para iniciar a instalação do Node.JS&lt;/a&gt;!&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>node</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
