Article image
Ronaldo Silva
Ronaldo Silva23/11/2023 11:38
Compartilhe

Mordi a maça!

    Olá!

    Para quem está iniciando no mundo Tech, qualquer avanço, por mínimo que seja, traz um senso de “ser capaz”. Esse sentimento julgo ser muito importante para poder avançar nas trilhas de conhecimento, em qualquer resolução de problemas, e por mais “bobo” que possa parecer um determinado problema para a maioria das pessoas em estágios mais avançados, não o é, para quem está dando os primeiros passos nesta área do conhecimento, por isso, comemore as pequenas conquistas. No meu caso, com um artigo.


    O problema estava no desafio de projeto com a seguinte descrição:


    Desafio: Profile README

    Contribua no diretório "Community", criando um Profile README contendo informações sobre você que deseje compartilhar com a comunidade. Para isso, você pode inserir: badges indicando suas habilidades; cards com suas estatísticas no GitHub e projetos que criou, colaborou ou que deseje que outras pessoas colaborem.


    Pensando assim, porque não escrever sobre uma resolução de problema que surgiu ao tentar inserir um código que ilustre um banner com tema tecnológico em meu README?


    Assim, quando estava quase terminando a tarefa, e só faltava o inserir o código para ilustra tal banner, fiz o seguinte: Fui no banco de imagens no Google, encontrei o que queria e fui tentando criar a linha de comando em MarkDown (md) e não estava tendo êxisto.


    Até consegui que criar a área para o banner no tamanho que eu queria, mas nada do comando arrastar a imagem diretamente para o preview do meu README. Em odas as minhas tentativas, tinha que clicar na área do banner e ele me direcionava para o endereço da imagem.


    Foi então que lembrei de ter visto em uma aula do bootcamp, “Primeiros passos em tecnologia”,  onde foi apresentado o comando “inspecionar”. Basicamente com esse comando você vê todos os parâmetros do código daquela pagina em sua tela. Fui para a imagem que encontrei na web, inspecionei seu código (que estava em HTML) copiei, e então “Mordi a maçã”.


    Colei aquela parte do código HTML da imagem e enviei um comando para o Cha-tGPT: “Transforme o código  HTML em um código MarkDown."

    A voz em minha cabeça disse: “Por que não pensei nisto antes?”

    Resposta: "Prefiro explorar e testar os conhecimentos sem usar subterfúgios." Lindo, mas não estava funcionado. - Por essa razão, o título do artigo: “Mordi a maçã”.


    E o código saiu disso:

    <img style="display: block;-webkit-user-select: none;margin: auto;cursor: zoom-in;background-color: hsl(0, 0%, 90%);transition: background-color 300ms;" src="https://img.freepik.com/vetores-premium/fundo-de-malha-de-linhas-de-particulas-de-tecnologia-abstrata-modelo-de-web-de-fundo-de-banner-de-design-grafico-abstrato-de-vetor_181182-33379.jpg?w=900" width="497" height="165">
    

    Para isso:

    ![Descrição da Imagem](https://img.freepik.com/vetores-premium/fundo-de-malha-de-linhas-de-particulas-de-tecnologia-abstrata-modelo-de-web-de-fundo-de-banner-de-design-grafico-abstrato-de-vetor_181182-33379.jpg?w=900)
    


    Confira como ficou.

    https://github.com/digitalinnovationone/dio-lab-open-source/blob/main/community/roanldoads.md

    Quando pedi um Preview do meu código, o banner estava lá, lindo e imponente!!


    Acredito que não é pecado! O que você achou da minha solução?

    Obrigado se você leu até aqui

    Comentários serão bem vindo!


    Att

    Ronaldo



    Compartilhe
    Comentários (2)

    CR

    Carlos Rodrigues - 26/11/2023 18:37

    O mais importante depois de buscar ajuda seja no ChatGPT ou em blogs/fóruns é entender onde você estava errando, ou qual conhecimento te faltava.

    Algo que gosto de fazer quando vou recorrer ao ChatGPT é mostrar pra ele meu código e perguntar o que fiz de errado, pergunta porque não estou alcançando tal resultado, perguntar se tal afirmação que faço pra ele estar certa etc.

    A diferença do ChatGPT estar aí, você pode conversar com ele, fazer perguntas e ter uma conversa, isso é sensacional e nos permite entender de uma forma bem legal o que falei no início do comentário

    Rodrigo Terra
    Rodrigo Terra - 23/11/2023 12:44

    Só mudou a maneira como nós os iniciantes fazemos as coisas. Antes era: Google, stack overflow, Ctrl + C, Ctrl + V. Agora é só ChatGPT. Relaxa nós estamos no caminhos certo por mais doloroso que isso possa ser para os mais jovens que "ralaram" no ctrl + c, ctrl + v.