<?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 Colussi</title>
    <description>The latest articles on DEV Community by Joao Colussi (@joao_colussi_571cebea2dbc).</description>
    <link>https://dev.to/joao_colussi_571cebea2dbc</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%2F3135854%2F24c4264c-23ea-466f-8c86-b7f1454685bb.jpg</url>
      <title>DEV Community: Joao Colussi</title>
      <link>https://dev.to/joao_colussi_571cebea2dbc</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/joao_colussi_571cebea2dbc"/>
    <language>en</language>
    <item>
      <title>Usando Inteligência Artificial para revisar e melhorar meu Código (Sem Receber a solução pronta)</title>
      <dc:creator>Joao Colussi</dc:creator>
      <pubDate>Wed, 14 May 2025 00:56:32 +0000</pubDate>
      <link>https://dev.to/joao_colussi_571cebea2dbc/usando-inteligencia-artificial-para-revisar-e-melhorar-meu-codigo-sem-receber-a-solucao-pronta-3cl9</link>
      <guid>https://dev.to/joao_colussi_571cebea2dbc/usando-inteligencia-artificial-para-revisar-e-melhorar-meu-codigo-sem-receber-a-solucao-pronta-3cl9</guid>
      <description>&lt;p&gt;✨ &lt;strong&gt;Introdução&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Você que está começando na programação, já se perguntou como pode utilizar a Inteligência Artificial para &lt;strong&gt;melhorar&lt;/strong&gt; o seu código ao invés de pedir a &lt;strong&gt;solução&lt;/strong&gt; pronta?&lt;/p&gt;

&lt;p&gt;🎯 &lt;strong&gt;Objetivo&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;O foco é usar IA como ferramenta de aprendizado, ajudando a:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Identificar problemas que muitas vezes nem sabemos que existe dentro do nosso código&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Propor melhorias e boas práticas.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Incentivar pensamento crítico, em vez de fornecer a solução final.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🔄 &lt;strong&gt;Meu processo de iteração&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Escrevo o código com base no que sei.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Mando para IA um prompt com um objetivo claro&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Analiso cada sugestão, perguntando por que e em que contexto ela é válida.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Escolho o que faz sentido e implemento.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🧠 &lt;strong&gt;Exemplos de prompts&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🔍 &lt;strong&gt;&lt;em&gt;"Estou começando na programação. Olhe esse código com atenção e me diga se há algum problema que talvez eu ainda não saiba identificar. Pode ser erro de lógica, boas práticas, performance, segurança ou organização. Não quero o código reescrito — quero entender o que você vê de errado e por quê."&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🔍 &lt;strong&gt;&lt;em&gt;"Veja esse trecho de código. O que você melhoraria aqui e por quê? Me explique como isso me ajudaria a longo prazo. Não quero que reescreva nada, apenas quero entender os pontos de atenção.&lt;/em&gt;&lt;/strong&gt;"&lt;/p&gt;

&lt;p&gt;🔍 &lt;strong&gt;&lt;em&gt;"Esse código pode dar problema em alguma situação específica que eu não estou vendo? Pode me mostrar quais são esses cenários e o que poderia acontecer, para eu aprender a evitar?&lt;/em&gt;&lt;/strong&gt;"&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Exemplo de resposta:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fphdpsi7tl8cvsblkuny1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fphdpsi7tl8cvsblkuny1.png" alt="First part" width="800" height="706"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo9ewvysri540m6fyl0jb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo9ewvysri540m6fyl0jb.png" alt="Second part" width="800" height="553"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;📘&lt;strong&gt;Conclusão&lt;/strong&gt;&lt;br&gt;
  Mais do que uma fonte de respostas prontas, a inteligência artificial pode ser uma aliada poderosa no processo de aprendizado.&lt;/p&gt;

&lt;p&gt;Para quem está começando na programação, o maior valor está em fazer boas perguntas, entender o "porquê" das coisas e construir raciocínio. &lt;/p&gt;

&lt;p&gt;Usar a IA como mentora e não como atalho, acelera o entendimento, fortalece a autonomia e prepara para desafios reais. Afinal, programar é muito mais sobre pensar do que apenas escrever código.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>programming</category>
      <category>beginners</category>
    </item>
    <item>
      <title>What is GraphQL and creating your first Schema</title>
      <dc:creator>Joao Colussi</dc:creator>
      <pubDate>Thu, 08 May 2025 13:45:52 +0000</pubDate>
      <link>https://dev.to/joao_colussi_571cebea2dbc/what-is-graphql-and-creating-your-first-schema-2cn1</link>
      <guid>https://dev.to/joao_colussi_571cebea2dbc/what-is-graphql-and-creating-your-first-schema-2cn1</guid>
      <description>&lt;p&gt;&lt;strong&gt;GraphQL&lt;/strong&gt; is basically a query language for - API´s and it also provides a server-side runtime for executing the queries you have created.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Type system&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;You can create a &lt;strong&gt;GraphQL&lt;/strong&gt; service by defining &lt;strong&gt;types&lt;/strong&gt; and &lt;strong&gt;fields&lt;/strong&gt; that we can call &lt;strong&gt;Schema&lt;/strong&gt;, and create functions for each &lt;strong&gt;field&lt;/strong&gt; to provide the required data. This functions are called &lt;strong&gt;resolvers&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Creating our first Schema&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;As you can see, we have a &lt;strong&gt;type&lt;/strong&gt; Query, if we query our &lt;strong&gt;field&lt;/strong&gt; called &lt;strong&gt;hello&lt;/strong&gt;, it will return an object &lt;strong&gt;User&lt;/strong&gt; then we will have access to this data. 
&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fojph2y7hfaa32uj5mjqc.png" alt="GraphQL Schema" width="703" height="359"&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Creating the resolver for the field hello on Query type&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The &lt;strong&gt;resolver&lt;/strong&gt; is a function with the same name as the field we want to retrieve data. &lt;/li&gt;
&lt;li&gt;Notice that the return will be an object with the same type of &lt;strong&gt;User&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkab8653avezhne7ad189.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkab8653avezhne7ad189.png" alt="Creating resolver" width="467" height="223"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to query?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The default entry point is called &lt;strong&gt;Query&lt;/strong&gt; .&lt;/li&gt;
&lt;li&gt;So we can query like this:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl12kchq92oetb41mi4s3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl12kchq92oetb41mi4s3.png" alt="GraphQL Query" width="351" height="221"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;If we change the entry point called &lt;strong&gt;Query&lt;/strong&gt; to &lt;strong&gt;MyQuery&lt;/strong&gt; we cannot use only curly braces to query, we must do this way:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flb0mrk6bo3dyazovgol1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flb0mrk6bo3dyazovgol1.png" alt="GraphQL changing entrypoint name" width="359" height="217"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Executing Query&lt;/strong&gt;&lt;br&gt;
When executing the query on GraphQL Playground, we should have something like:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjkzm8ahzn7nna1fexyvg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjkzm8ahzn7nna1fexyvg.png" alt="GraphQL executed Query" width="519" height="225"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What have ou learned?&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;1º&lt;/strong&gt; What is GraphQL&lt;br&gt;
&lt;strong&gt;2º&lt;/strong&gt; Creating Schemas&lt;br&gt;
&lt;strong&gt;3º&lt;/strong&gt; What are types, fields and resolvers&lt;br&gt;
&lt;strong&gt;4º&lt;/strong&gt; How to query and retrieve data&lt;/p&gt;

</description>
      <category>graphql</category>
      <category>webdev</category>
      <category>backend</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
