<?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: Nyy</title>
    <description>The latest articles on DEV Community by Nyy (@nycolexavierr).</description>
    <link>https://dev.to/nycolexavierr</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%2F771597%2F48e1f72e-64b1-4a2f-8de8-70bd6565f567.jpeg</url>
      <title>DEV Community: Nyy</title>
      <link>https://dev.to/nycolexavierr</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nycolexavierr"/>
    <language>en</language>
    <item>
      <title>Lucian’s-Luscious Lasagna Exercism JavaScript</title>
      <dc:creator>Nyy</dc:creator>
      <pubDate>Sun, 20 Mar 2022 14:22:13 +0000</pubDate>
      <link>https://dev.to/nycolexavierr/lucians-luscious-lasagna-exercism-javascript-3eif</link>
      <guid>https://dev.to/nycolexavierr/lucians-luscious-lasagna-exercism-javascript-3eif</guid>
      <description>&lt;p&gt;Coisas que precisamos fazer:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Task 1: Definir a constante &lt;code&gt;EXPECTED_MINUTES_IN_OVEN&lt;/code&gt; que representa com quantos minutos vai precisar ficar no forno. Deve ser exportada. O valor que temos que dar a essa &lt;code&gt;const&lt;/code&gt; é de 40.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    const PREPARATION_MINUTES_PER_LAYER = 2;

    export const EXPECTED_MINUTES_IN_OVEN = 40;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Task: 2 Implementar a função &lt;code&gt;remainingMinutesInOven()&lt;/code&gt; que leva como parâmetro os minutos reais que esteve no forno e retorne quantos minutos a lasanha ainda precisa permanecer no forno, com base no tempo de forno esperado em minutos da tarefa anterior.
[gif de tela azul]&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Vamos com calma para entender melhor? &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;1️⃣ Primeiro, nós temos uma função que se chama &lt;code&gt;remainingMinutesInOven&lt;/code&gt;, certo? &lt;/li&gt;
&lt;li&gt;2️⃣ Ela tem um parâmetro (o que está entre parênteses na função, lembrou?) &lt;/li&gt;
&lt;li&gt;3️⃣ Beleza, temos uma função, ela tem um parâmetro mas, o que ela tem que retornar para nós? &lt;/li&gt;
&lt;li&gt;4️⃣ O tempo que precisa ficar no forno que está sendo definido pela const &lt;code&gt;EXPECTED_MINUTES_IN_OVEN&lt;/code&gt; e nós precisamos do tempo que já ficou no forno que a const &lt;code&gt;actualMinutesInOven&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;4️⃣ Entãooo para termos a conta exata precisamos SUBTRAIR. Ficou claro pra ti? Me conta ae!
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    export function remainingMinutesInOven(actualMinutesInOven)
    {
        return EXPECTED_MINUTES_IN_OVEN - actualMinutesInOven;
    }
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Task 3: Implementar a função &lt;code&gt;preparationTimeInMinutes()&lt;/code&gt; que está pegando o número de camadas que você tem como parâmetro (&lt;code&gt;numberOfLayers&lt;/code&gt;) e retornar quantos minutos você gastou preparando-a, supondo que você leve 2 minutos para fazer isso.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Explicação: a função precisa retornar quantos minutos você vai levar para todas as camadas. Para isso, vamos precisar de dois valores, o quantidade de camadas (que ali esta sendo passada como um parâmetro &lt;code&gt;numberOfLayers&lt;/code&gt;) e quanto tempo vou levar para fazer cada camada &lt;code&gt;PREPARATION_MINUTES_PER_LAYER&lt;/code&gt;. Com essa informação podemos MULTIPLICAR e chegar no resultado, assim:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    export function preparationTimeInMinutes(numberOfLayers) 
    {
        return numberOfLayers * PREPARATION_MINUTES_PER_LAYER;
    }
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Vamos para a última task!&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Implemente a função &lt;code&gt;totalTimeInMinutes&lt;/code&gt; que está recebendo dois parâmetros, o &lt;code&gt;numberOfLayers&lt;/code&gt; e o &lt;code&gt;atualMinutesInOven&lt;/code&gt;. A função deve retornar quantos minutos no total você trabalhou, que é a soma do tempo de preparo (guarda essa informação) e o tempo em minutos que ficou no forno, somando esses dois, nós temos a nossa resposta?
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    export function totalTimeInMinutes(numberOfLayers, actualMinutesInOven) 
    {
        return preparationTimeInMinutes(numberOfLayers) + actualMinutesInOven;
    }
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Durante o conclusão desse artigo, tive algumas dúvidas, esses links me ajudaram, espero que faça o mesmo com você: &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://blog.betrybe.com/tecnologia/import-e-export/#3"&gt;import e export&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Return_values"&gt;Documentação&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Feito com ❤ por &lt;a href="https://github.com/nycolexavier"&gt;Nycole&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>exercism</category>
      <category>tutorial</category>
      <category>github</category>
    </item>
    <item>
      <title>Padrão de commit (para iniciantes)</title>
      <dc:creator>Nyy</dc:creator>
      <pubDate>Wed, 16 Mar 2022 13:18:07 +0000</pubDate>
      <link>https://dev.to/nycolexavierr/padrao-de-commit-para-iniciantes-18n9</link>
      <guid>https://dev.to/nycolexavierr/padrao-de-commit-para-iniciantes-18n9</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Pegau-5O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/74930052/158368392-e8fb30c6-e476-410f-a8a1-4b6a1e1e2a13.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Pegau-5O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/74930052/158368392-e8fb30c6-e476-410f-a8a1-4b6a1e1e2a13.png" alt="Padrão de commit (para inciantes)" width="880" height="528"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  👀 O que é commit?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Se você está começando agora na área pode se estranhar com algumas palavras que são usadas no mundo da programação. Mas vou tentar deixar o mais claro para ti, vamos lá?
&lt;/h3&gt;

&lt;h3&gt;
  
  
  Quando colocamos nosso projeto no Github, por exemplo, que é uma rede social que serve para isso, para você guardar seus códigos, você tirar da sua máquina e colocar na web, utiliza-se o GIT, que é um sistema de controle de versão - essas versões no caso, é seu projeto. Em cada versão precisamos salvar, certo? É aí que entra o commit, ela que vai guardar sua modificação e te ajudar caso você precise mais pra frente voltar no código e tentar entender o que você mesmo escreveu ahahah.
&lt;/h3&gt;

&lt;h2&gt;
  
  
  ⚡ E porque raios tenho que padronizar isso?
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Hoje como iniciante, podemos não ver a importância disso mas, sempre é bom já comerçamos a praticar boas práticas o quanto antes. Quando você começar a trabalhar em uma equipe numa empresa, cada pessoa vai ficar responsável por alguma coisa num mesmo projeto, já pensou se alguém faz alguma modificação e você quer entender o que ela fez e não não sabe por onde começar? Com os commits padronizados você consegue navegar por essas modificações e faz o trabalho ser mais produtivo e, você já sabe que se tem uma coisa que dev não gosta de perder tempo!
&lt;/h3&gt;

&lt;h2&gt;
  
  
  Outros pontos que são importantes ressaltar!
&lt;/h2&gt;

&lt;h3&gt;
  
  
  - [X] Quando alguém for querer fazer uma contribuição no seu projeto, quanto mais claro ele for, melhor será para a pessoa que quer contribuir.
&lt;/h3&gt;

&lt;h3&gt;
  
  
  - [X] A &lt;a href="https://www.conventionalcommits.org/en/v1.0.0/"&gt;Conventional Commit&lt;/a&gt; recomenda realizar commits específicos para ajudar nas correções.
&lt;/h3&gt;

&lt;h3&gt;
  
  
  - [X] Com o padrão, torna- se mais fácil a manutenção do código mais pra frente.
&lt;/h3&gt;

&lt;h2&gt;
  
  
  👣 Hora de pôr a mão na massa!
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Essas são os principais tipos que o &lt;a href="https://gist.github.com/brianclements/841ea7bffdb01346392c"&gt;Angular Commit Message Guidelines&lt;/a&gt; recomenda:
&lt;/h3&gt;

&lt;h3&gt;
  
  
  1. &lt;code&gt;docs&lt;/code&gt;: Se mudar algo na documentação.
&lt;/h3&gt;

&lt;h3&gt;
  
  
  2. &lt;code&gt;feat&lt;/code&gt;: Adicionou alguma funcionalidade? Esse é o ideal!
&lt;/h3&gt;

&lt;h3&gt;
  
  
  3. &lt;code&gt;fix&lt;/code&gt;: Quando você finalmente consertar aquele bug;
&lt;/h3&gt;

&lt;h3&gt;
  
  
  4. &lt;code&gt;perf&lt;/code&gt;: Deu aquela melhorada no desempenho? Use esse!;
&lt;/h3&gt;

&lt;h3&gt;
  
  
  5. &lt;code&gt;refactor&lt;/code&gt;: Qualquer mudança que tenha sido feita no código que não alterou a funcionalidade;
&lt;/h3&gt;

&lt;h3&gt;
  
  
  6. &lt;code&gt;style&lt;/code&gt;: Mudanças na formatação do próprio código, como por exemplo, um espaço em branco, formatação…
&lt;/h3&gt;

&lt;h2&gt;
  
  
  🧾 Exemplo:
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ss77RIRu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/74930052/158369526-550a42e6-afbf-4564-a541-ac90f2ec98f9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ss77RIRu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://user-images.githubusercontent.com/74930052/158369526-550a42e6-afbf-4564-a541-ac90f2ec98f9.png" alt="image" width="435" height="44"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🦾 Só pra não esquecer:
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Agora você já sabe o que é um commit, a importância de padronizá-los e como fazer isso. Use esse conhecimento da melhor forma, pequeno gafanhoto(a)!
&lt;/h3&gt;

&lt;h2&gt;
  
  
  Quer saber mais? Cola aqui na &lt;a href="https://www.conventionalcommits.org/en/v1.0.0/"&gt;documentação oficial&lt;/a&gt; e bora codar!🏳
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Feito com ❤ por &lt;a href="https://github.com/nycolexavier"&gt;Nycole&lt;/a&gt;
&lt;/h3&gt;

</description>
      <category>commit</category>
      <category>git</category>
      <category>github</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
