<?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>DEV Community: joao victor</title>
    <description>The latest articles on DEV Community by joao victor (@boldodev_).</description>
    <link>https://dev.to/boldodev_</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%2F867353%2F142c35e9-0d00-4add-accb-6d0c0b7250f7.jpg</url>
      <title>DEV Community: joao victor</title>
      <link>https://dev.to/boldodev_</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/boldodev_"/>
    <language>en</language>
    <item>
      <title>Busca binária em array - Python</title>
      <dc:creator>joao victor</dc:creator>
      <pubDate>Thu, 02 Jun 2022 02:58:39 +0000</pubDate>
      <link>https://dev.to/boldodev_/busca-binaria-em-array-python-44n3</link>
      <guid>https://dev.to/boldodev_/busca-binaria-em-array-python-44n3</guid>
      <description>&lt;p&gt;Olá, vou ensinar a fazer uma simples busca binária em python.&lt;/p&gt;

&lt;p&gt;Primeiro você precisa saber o que é uma busca binária. Uma busca binária se consiste, basicamente, em dividir o array por 2 várias vezes até achar o número que você deseja encontrar.&lt;/p&gt;

&lt;p&gt;Vamos direto ao código e você entenderá durante a explicação:&lt;/p&gt;

&lt;p&gt;Em um array, temos o primeiro índice e o último, por exemplo:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;lista = [2, 4, 6, 8, 10]&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Lembrando que a lista que será feita a busca deverá estar ordenada&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Nosso primeiro índice é o 0, nesse caso lista[0] = 2&lt;br&gt;
O nosso último índice é o 4, nesse caso lista[4] = 10&lt;/p&gt;

&lt;p&gt;Dito isso, seguimos:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;low = 0
high = len(lista) - 1 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;O método len nos retorna quantos elementos tem na lista, nesse caso, 5. Mas nós não queremos isso, queremos que &lt;em&gt;high&lt;/em&gt; seja o último índice da nossa lista, por isso o -1 no final&lt;/p&gt;

&lt;p&gt;Agora a gente precisa de um laço para percorrer nossa lista, vamos utilizar o laço while.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;while(high &amp;gt;= low): 
        middle = (high + low) // 2
        if z == lst[middle]:
            return print('achou')
        else:
            if z &amp;lt; lst[middle]:
                high = middle - 1
            else:
                low = middle + 1 

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Vamos lá, vou explicando linha a linha desse laço.&lt;/p&gt;

&lt;p&gt;A condição que estamos passando no while é a seguinte: Enquanto nosso maior índice for maior que o nosso menor índice, execute o programa: &lt;/p&gt;

&lt;p&gt;Se essa condição for verdadeira, a gente vai buscar a metade do array (lista) que declaramos logo no começo dessa explicação.&lt;/p&gt;

&lt;p&gt;A metade do array vai receber a soma dos dois índices (maior e menor) dividida por 2, dizemos que high seja 4, teremos como metade &lt;br&gt;
2.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;middle = (high + low) // 2
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Perfeito. Agora, vamos às verificações.&lt;br&gt;
Se o nosso número buscado (nesse caso seria o parâmetro 'z') for igual a metade da nossa lista (&lt;code&gt;lista[middle]&lt;/code&gt;, que nesse caso é 2), então nós retornamos algo para nos mostrar que achamos o número buscado e acabamos o programa.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;if z == lst[middle]:
   return print('achou')
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Se o número buscado for diferente da metade da lista, vamos verificar se o número buscado é maior ou menor que a metade.&lt;/p&gt;

&lt;p&gt;Se z (número buscado) &amp;lt; &lt;code&gt;lista[middle]&lt;/code&gt; (metade), então a gente sabe que z está entre o primeiro número (low) e metade (middle), logo, sabemos que não precisamos mais dos números à direita da metade, não tendo porquê procurar por um número aonde ele não poderá estar.&lt;/p&gt;

&lt;p&gt;Se essa verificação for verdadeira, então a partir de agora, o último número será a nova metade - 1 (Por que -1? Porque a gente tem a informação que nosso número é menor que a metade, então ele nunca poderá ser a metade, porém podendo ser um número a menos que ela)&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;if z &amp;lt; lst[middle]:
   high = middle - 1
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Agora, se essa condição for falsa, só teremos mais uma condição a ser verificada, que seria z &amp;gt; &lt;code&gt;lista[middle]&lt;/code&gt;, já que já verificamos se z é == a metade ou z &amp;lt; metade.&lt;/p&gt;

&lt;p&gt;Se z &amp;gt; metade, ignoraremos tudo que seja menor que a metade, já que z não poderá estar ali. Então, o que faremos? Nosso primeiro número será a nova metade + 1 (Novamente, por que +1? Porquê a gente sabe que z não é a metade, mas pode ser metade + 1)&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;else:
     low = middle + 1 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Feito isso, ele fará isso quantas vezes for necessário até que a condição do while retorne false. (Achar o número, ou não)&lt;/p&gt;

</description>
      <category>python</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Extract dates from HTML</title>
      <dc:creator>joao victor</dc:creator>
      <pubDate>Thu, 02 Jun 2022 02:41:17 +0000</pubDate>
      <link>https://dev.to/boldodev_/extract-dates-from-html-jin</link>
      <guid>https://dev.to/boldodev_/extract-dates-from-html-jin</guid>
      <description>&lt;p&gt;Olá,&lt;/p&gt;

&lt;p&gt;vou ensinar uma forma de extrair dados de uma classe em HTML usando JavaScript.&lt;/p&gt;

&lt;p&gt;Lembrando que ainda estou estudando e essa é uma maneira que encontrei para fixar meus estudos.&lt;/p&gt;

&lt;p&gt;Digamos que você deseja retornar o IMC de um paciente, porém só tem os dados de peso e altura (que é o que você precisa para calcular o IMC).&lt;/p&gt;

&lt;p&gt;Primeiro, você deverá, como boas práticas, criar um arquivo separado para o JS. Para isso, você deve utilizar o comando:&lt;/p&gt;



&lt;p&gt;no final de sua classe body.&lt;/p&gt;

&lt;p&gt;Após criar o arquivo separado para o JavaScript, vamos buscar os dados que você deseja trabalhar.&lt;/p&gt;

&lt;p&gt;Vamos trabalhar só com um paciente, o id dele será #first-patient no entanto.&lt;/p&gt;

&lt;p&gt;Para fazermos a busca do paciente em JavaScript, devemos usar o DOM ()&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Buscar e armazenar valores do HTML em JavaScript</title>
      <dc:creator>joao victor</dc:creator>
      <pubDate>Mon, 30 May 2022 20:34:38 +0000</pubDate>
      <link>https://dev.to/boldodev_/buscar-e-armazenar-valores-do-html-em-javascript-34c3</link>
      <guid>https://dev.to/boldodev_/buscar-e-armazenar-valores-do-html-em-javascript-34c3</guid>
      <description>&lt;p&gt;Olá,&lt;/p&gt;

&lt;p&gt;vou ensinar uma forma de extrair dados de uma classe em HTML usando JavaScript.&lt;/p&gt;

&lt;p&gt;Lembrando que ainda estou estudando e essa é uma maneira que encontrei para fixar meus estudos.&lt;/p&gt;

&lt;p&gt;Digamos que você deseja retornar o IMC de um paciente, então você precisará filtrar os dados necessários para o cálculo do IMC (explicarei abaixo)&lt;/p&gt;

&lt;p&gt;Primeiro, você deverá, como boas práticas, criar um arquivo separado para o JS. Para isso, você deve utilizar o comando:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;script src = "folder/nameOfArchive.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;no final de sua classe body.&lt;/p&gt;

&lt;p&gt;Após criar o arquivo separado para o JavaScript, vamos buscar os dados que você deseja trabalhar.&lt;/p&gt;

&lt;p&gt;Vamos trabalhar só com um paciente, o id dele será #first-patient &lt;br&gt;
no entanto.&lt;/p&gt;

&lt;p&gt;Para fazermos a busca do paciente em JavaScript, devemos usar o DOM &lt;br&gt;
&lt;a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Document_Object_Model/Introduction"&gt;Saiba mais em&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;A busca ocorre usando o &lt;code&gt;document.querySelector()&lt;/code&gt;, é um método que permite que você busque algo específico dentro do documento.&lt;/p&gt;

&lt;p&gt;Já sabendo que o id do paciente é #first-patient, faremos a busca usando o #, pois é um Id:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;document.querySelector("#first-patient")&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Porém só isso não basta. Precisamos armazenar o dado buscado em uma variável, então: &lt;/p&gt;

&lt;p&gt;&lt;code&gt;var patient = document.querySelector("#first-patient")&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Agora temos todos os dados do paciente armazenados em uma variável.&lt;/p&gt;

&lt;p&gt;Porém, nós não queremos todos os dados do paciente, precisamos filtrar apenas os dados para calcular o IMC (peso e altura).&lt;/p&gt;

&lt;p&gt;Dentro da variável que acabamos de criar, contém os dados que buscamos.&lt;/p&gt;

&lt;p&gt;Para isso, usaremos a função &lt;code&gt;querySelector()&lt;/code&gt; novamente:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var tdWeight = patient.querySelector(".info-weight")&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;Diferentemente da busca pelo paciente, estamos usando uma busca de classes, não de ID, então por isso usamos o "." na frente da classe.&lt;/p&gt;

&lt;p&gt;A variável tdWeight armazena toda a informação da classe info-weight, nós não queremos isso. Nós queremos apenas o valor armazenado dentro dessa classe (peso):&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var weight = tdWeight.textContent&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Aqui nós estamos fazendo uma busca direta na variável tdWeight para retornar apenas o valor, e assim armazenar na variável 'weight'.&lt;/p&gt;

&lt;p&gt;Faremos o mesmo com a altura:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var tdHeight= patient.querySelector(".info-height")&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var height= tdHeight.textContent&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Pronto. Feito isso, temos os dois valores que precisamos para fazer os cálculos de IMC (peso / (altura * altura))&lt;/p&gt;

&lt;p&gt;Porém, para armazenar o valor dentro da classe IMC, precisamos fazer a mesma busca que fizemos com as outras classes:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;var imc = patient.querySelector(".info-imc")&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Aqui nós buscamos a classe info-imc e armazenamos na variável imc.&lt;/p&gt;

&lt;p&gt;Precisamos fazer um cálculo para que tenhamos o resultado do IMC, e isso é como tirar doce de criança.&lt;/p&gt;

&lt;p&gt;Apenas devemos chamar novamente nossa variável imc e atribuirmos os valores na fórmula citada acima, veja como fica:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;imc = weight / (height * height)&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Simples, né? &lt;/p&gt;

&lt;p&gt;Aqui o nosso retorno, caso weight = 100 e height = 2 seria de:&lt;/p&gt;

&lt;p&gt;25.&lt;/p&gt;

&lt;p&gt;:D&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>JavaScript Array Methods: join()</title>
      <dc:creator>joao victor</dc:creator>
      <pubDate>Thu, 26 May 2022 19:53:27 +0000</pubDate>
      <link>https://dev.to/boldodev_/javascript-array-methods-join-4590</link>
      <guid>https://dev.to/boldodev_/javascript-array-methods-join-4590</guid>
      <description>&lt;p&gt;I was training on the CodeWars when I had a problem: write a function where your returns is a string of array.&lt;br&gt;
Ex: ['hello', 'world'] to 'hello world'&lt;/p&gt;

&lt;p&gt;You can use the method join() to do that for you.&lt;/p&gt;

&lt;p&gt;The function looked like: &lt;/p&gt;

&lt;p&gt;&lt;em&gt;function arrayToString(words)&lt;br&gt;
{&lt;br&gt;
   return words.join(" ")&lt;br&gt;
}&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;It's so simple, alright?&lt;/p&gt;

&lt;p&gt;The method join by default return a string separate with ',', something be like: 'hello, world', using the last example as example.&lt;/p&gt;

&lt;p&gt;But you can separate too with spaces, just use join(" ")&lt;br&gt;
The example will stay: 'hello world'.&lt;/p&gt;

&lt;p&gt;*sorry for low level english, im studying *&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>programming</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Padrão Web</title>
      <dc:creator>joao victor</dc:creator>
      <pubDate>Tue, 24 May 2022 19:34:08 +0000</pubDate>
      <link>https://dev.to/boldodev_/padrao-web-3op7</link>
      <guid>https://dev.to/boldodev_/padrao-web-3op7</guid>
      <description>&lt;p&gt;Você sabia que as cores de um site são extremamente importantes para o acesso dos usuários? A W3C, companhia de padrões da Web estabeleceu um novo sistemas de cores recomendado para seu site, você pode acessar em: &lt;a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html"&gt;W3C PADRÃO DE CORES&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
