🖳 Leonardo Rodrigues

Seja bem-vindo!

Este portfólio foi desenvolvido para que você possa conhecer um pouco mais da minha história e dos meus projetos. Fique a vontade para entrar em contato pelos meios de comunicações disponibilizados.

Imagem do Html, css e js

Quem sou eu

Olá. Me chamo Leonardo Rodrigues Teodoro Campos. Tenho 28 anos e sou natural da cidade de João Monlevade-MG. Atualmente, estou cursando o último ano de engenharia elétrica pela universidade federal de ouro preto-UFOP. Sou um jovem apaixonado pela vida e estou em constante busca de conhecimentos e desafios. Sempre estou a lapidar as minhas habilidades visando me tornar uma pessoa melhor. Dentre os meus principais hobbies estão: a musculação, leitura e jogos. Além disso, nas horas de lazer gosto de passar um tempo de qualidade com minha família, namorada e amigos.

Me apaixonei pela area de programação pelas aulas ministradas de programação I e algoritmos e estruturas de dados. A partir desse ponto fui me aprofundando na temática dos algoritmos de sistemas embarcados e buscando o desenvolvimento da lógica de programação. Em julho de 2022 conheci o Front-end, que despertou em mim o interesse nas linguagens de HTML, CSS e JavaScript. Desde então, estudo diariamente para aumentar minhas habilitades e ingressar no mercado de trabalho.

Estou a procura de uma oportunidade de estágio que agregue ao meu conhecimento, visando uma troca mútua entre colaborador e empresa. Da minha parte, posso oferecer o meu conhecimento, empenho, dedicação e seriadade.

Foto do desenvolvedor Foto familia leonardo
Foto familia leonardo Foto amigos leoanardo Foto namorada leonardo

Minhas Habilidades

Pessoais: dentre as minhas habilidades destacam-se:

  • ⦁ Capacidade de comunicação
  • ⦁ Trabalho em equipe
  • ⦁ Adaptabilidade
  • ⦁ Proatividade
  • ⦁ Comprometimento
  • ⦁ Solução de problemas

Nas funções que exerci recentemente, foi necessário colocar em prática e aprimorar todas essas habilitades de forma contínua.

Técnicas: Dentre minhas habilidades técnicas destacam-se:

  • ⦁ HTML5
  • ⦁ CSS
  • ⦁ CSS Flexbox
  • ⦁ CSS Grid
  • ⦁ JavaScript ES6+
  • ⦁ Git e GitHub
  • ⦁ Figma
  • ⦁ Layouts responsivos

Das habilidades que estão sendo desenvolvidas, estão o Typescript e o React.

Meu portfólio

Principais projetos

imagem de fundo de um dos projetos desenvolvidos

Portfólio Leonardo

Comentário: No meu portfólio coloquei em prática todos os meus conhecimentos. Utilizando flexbox, grid, JavaScript, layout responsivo e especialmente minha criatividade.

Tecnologias utilizadas: HTML, CSS E JavaScript

Responsivo: SIM.

imagem de fundo de um dos projetos desenvolvidos

Travelaja (EM CONSTRUÇÃO)

Comentário: Projeto desenvolvido a partir de um layout do Figma. O site consta com várias páginas, e a interação com o usuário será desenvolvidas com base nos meus conhecimentos adquiridos. Pretendo utilizar JSON para modificar o idioma do site sem necessitar de múltiplos links.

Tecnologias utilizadas: HTML,CSS e JS.

Responsivo:

imagem de fundo de um dos projetos desenvolvidos

Animais Fantásticos

Comentário: Projeto responsável pelo aprendizado de JavaScript. Sendo aplicado os conhecimentos teóricos desenvolvidos no curso da Origamid. Com bases nas explicações dadas em aulas foi antecipado 80% do projeto, ou seja sendo feito primeiro e depois conferindo com o modo do professor fazer.

Tecnologias utilizadas: HTML, CSS E JavaScript

Responsivo: SIM.

Outros Projetos

imagem de fundo de um dos projetos desenvolvidos

Alura Books

Comentário: Projeto desenvolvido por mobile-first, feito para ser responsivo e treinar as habilidades em HTML e CSS.

Tecnologias utilizadas: HTML e CSS

Responsivo: SIM.

imagem de fundo de um dos projetos desenvolvidos

Flexbox Origamid

Comentário: Este projeto serviu para aplicação do Flexbox. Sendo útil para aprender a posição dos elementos com o Flex

Tecnologias utilizadas: HTML e CSS

Responsivo: NÃO.

imagem de fundo de um dos projetos desenvolvidos

HZC Flex e Grid

Comentário: Projeto responsável pelo aprendizado do curso de JavaScript. Sendo aplicado os conhecimentos teóricos desenvolvidos no curso.

Tecnologias utilizadas: HTML e CSS.

Responsivo: SIM.

imagem de fundo de um dos projetos desenvolvidos

Robotron

Comentário: Primeiro projeto desenvolvido para aprender JavaScript. Foi utilizado a seleção de elementos e a resposta conforme a interação do usuario.

Tecnologias utilizadas:JavaScript

Responsivo: NÃO.

imagem de fundo de um dos projetos desenvolvidos

Alura Plus

Comentário: Projeto responsável pelo aprendizado do curso de JavaScript. Sendo aplicado os conhecimentos teóricos desenvolvidos no curso.

Tecnologias utilizadas: HTML e CSS.

Responsivo: SIM.

imagem de fundo de um dos projetos desenvolvidos

Alura Mid

Comentário: Projeto responsável pelo aprendizado do curso de JavaScript. Foi utilizado a seleção de elementos e a resposta conforme a interação do usuario.

Tecnologias utilizadas:JavaScript

Responsivo: Não.

imagem de fundo de um dos projetos desenvolvidos

⦁ Este portfólio foi desenvolvido de forma minuciosa e com muito carinho. Meu objetivo nele é me apresentar de forma breve, para que todos os visitantes possam conhecer quem eu sou e as minhas habilidades.

⦁ Todo o seu desenvolvimento foi feito do zero. Comecei pela criação do texto, estilização da pagina e por fim parti para interações. Todas interações são propositais e foram desenvolvidas por mim especialmente para este projeto, com exceção do scroll suave no menu menu-navegação que foi adaptado de outro projeto que desenvolvi.

⦁ Essa apresentação de slide, por exemplo, serve para mostrar minha familiaridade com a manipulação de elementos no JavaScript, pois a mesma requer certos conhecimentos para aplicação da linguagem.

Tecnologias utilizadas:

  • ⦁ HTML5
  • ⦁ CSS (Flex e Grid)
  • ⦁ JavaScript (ScrollSuave, Animacao ao Scroll, Modal, Accordion List, Eventos e etc)
  • ⦁ Responsivo
imagem de fundo de um dos projetos desenvolvidos

⦁ Este projeto foi o mais desafiador que fiz até o momento. Ele foi responsável pela aprendizagem do JavaScript.

⦁ Ele é um projeto treino realizado no curso de JS da Origamid. O metodo de ensino aplicado, foi a explicação da linguagem e posteriormente a aplicação neste projeto. Sempre absorvi a materia e apliquei os conhecimentos adquiridos no site, para so depois verificar se as ferramentas desenvolvidas estavam conforme do professor.

⦁ Essa apresentação de slide, por exemplo, serve para mostrar minha familiaridade com a manipulação de elementos no JavaScript, pois a mesma requer certos conhecimentos para aplicação da linguagem.

Tecnologias utilizadas:

  • ⦁ HTML5
  • ⦁ CSS
  • ⦁ JavaScript (ScrollSuave, Animacao ao Scroll, Modal, Accordion List, Eventos e etc)
  • ⦁ Responsivo