/decola-dev

Projeto que recebeu o 10ª lugar na Imersão Dev com Gemini da Alura

Primary LanguageJavaScript

Imersão Dev - Alura e Google Gemini

Descrição:

GeminiEste repositório contém o código fonte do projeto desenvolvido durante a Imersão Dev da Alura em parceria com o Gemini. O objetivo principal foi criar uma base de conhecimento utilizando HTML, CSS e JavaScript, com o auxílio do Gemini, a IA do Google. Minha escolha foi desenvolver uma pequena base de dados compilando projetos e iniciativas para desenvolvedores em inicio de formação. Eu o batizei de Decola Dev.

Tecnologias Utilizadas:

  • HTML
  • CSS
  • JavaScript

Instalação:

  1. Clone este repositório: git clone https://github.com/mikedsousa/decola-dev
  2. Abra o projeto em seu editor de código preferido (VS Code recomendado).

Diário de Bordo

Dia 0: A Concepção

  • A ideia para este projeto surgiu após eu não passar em um processo seletivo. No feedback que recebi da techlead, foi sugerido que eu trabalhasse em projetos que sanassem problemas reais da comunidade. Com base nisso, criei este site, onde são compiladas oportunidades para programadores em início de carreira, ajudando-os a encontrar vagas, eventos e recursos gratuitos para melhorar suas chances no mercado.

Dia 1: Iniciando o Projeto

Nesta aula, inicei meu mergulho na imersão com conceitos básicos de HTML e CSS para criar a estrutura semântica da base de conhecimento. O projeto foi desenvolvido com a ajuda do Gemini, que me sugeriu melhorias e soluções durante o processo.

  • Estrutura: Utilização de tags HTML semânticas para criar uma estrutura sólida para o site. Nesse primeiro dia, optei por tentar deixar a página diferente do padrão apresentado no curso.
  • Estilização: Iniciei a aplicação de estilos utilizando CSS para formatar a página. Escolhi uma paleta de cores que iria compor o projeto.
  • Gemini: Utilizei o Gemini para tirar dúvidas sobre HTML, CSS e sobre como melhor organizar meu código.

Dia 2: JavaScript

Nesta aula, avancei no desenvolvimento criando um arquivo JavaScript vinculado ao HTML e continuei a estilizar o projeto.

  • Vinculação: Conexão do arquivo JavaScript ao HTML para adicionar interatividade.
  • Novas tags: Aprendizado de novas tags HTML para enriquecer o conteúdo da página. Porém, nesse dia resolvi manter o padrão do projeto mostrado em curso, somente aplicando estilizações diferentes.
  • Estilização: Continuei a estilização com CSS, explorando novas propriedades e seletores.
  • Introdução ao JavaScript: Primeiros passos com JavaScript, criando um arquivo JavaScript e escrevendo código básico.

Dia 3: Manipulando os Dados

Neste dia, o curso foi focado na estruturação do JavaScript para organizar melhor o projeto. Também aprendi mais sobre variáveis e sua manipulação, criando uma base de dados em JavaScript.

  • Estrutura de dados: Criação de uma base de dados simples em JavaScript para organizar o conteúdo.
  • Variáveis: Aprendizado sobre variáveis em JavaScript e suas aplicações.
  • Manipulação de dados: Utilização de JavaScript para manipular os dados da base de conhecimento.
  • Gemini: Resolução de problemas relacionados à visualização de código JavaScript.

Dia 4: Interatividade

No quarto dia, manipulei os dados da minha base em JavaScript para deixar a aplicação interativa.

  • Interatividade: Criação de uma interface interativa para exibir os resultados da base de conhecimento.
  • Projeto final: Desenvolvimento de um projeto original relacionado ao conteúdo da Imersão Dev, utilizando as habilidades adquiridas.
  • Publicação: Publicação do projeto final no GitHub.

Desafios e Aprendizados

  • Exploração do Gemini: Utilização do Gemini como ferramenta de aprendizado e resolução de problemas.
  • Prática constante: Exercício contínuo da codificação para aprimorar as habilidades.
  • Criatividade: Desenvolvimento de um projeto personalizado.

Observações:

  • Recursos: Utilize os recursos da Alura e do Google para aprofundar seus conhecimentos.
  • Contribuições: Sinta-se à vontade para contribuir com este projeto.