🧠Skills: HTML5 | CSS3 | JavaScript ES6+ | Node.js | Git | React | TailwindCSS | Axios | TypeScript | SASS | Gulp | Grunt | Parcel |
📊 Cursando Desenvolvedor Full Stack Python, me especializando na área de desenvolvimento web e habilidades em front-end e back-end.
Aqui você encontrará informações sobre as tecnologias que eu conheço.
Clique nas imagens para saber mais sobre minhas habilidades em cada uma delas.
Neste projeto, desenvolvi uma landing page para um filme usando tecnologias como HTML, SASS, Gulp e JavaScript. Utilizei a metodologia BEM (Block Element Modifier) para escrever CSS de forma organizada e escalável, o que permitiu que a manutenção do código fosse fácil e rápida. A landing page possui um ótimo design com carrossel de imagens, seção de personagens interativa e dinâmica, contendo o trailer do filme e informações extras. Além disso, a página é totalmente responsiva, garantindo que ela seja exibida corretamente em todos os tamanhos de tela. Durante o desenvolvimento deste projeto, utilizei habilidades como criatividade, pensamento crítico e resolução de problemas para criar soluções eficazes e eficientes para os desafios que surgiram.
Desenvolvi uma aplicação web de lista de tarefas com JavaScript puro, HTML e CSS. A aplicação permite adicionar, excluir uma ou todas as tarefas, além de marcar como concluídas. Essa experiência me permitiu aprimorar minhas habilidades com Jquery, HTML e CSS, e e fazendo a manipulação de eventos do DOM. Confira a aplicação no link abaixo.
Meu projeto de clone da Disney+ que desenvolvi utilizando as tecnologias de HTML, Sass, Gulp e JavaScript. Nesse projeto, tive a oportunidade de aprimorar minhas habilidades em desenvolvimento web, criando uma interface que remete à plataforma da Disney+, com seus principais recursos, como seção de filmes, séries e conteúdos infantis. Utilizei o padrão BEM (Block Element Modifier) para escrever o CSS de forma mais organizada e escalável. Além disso, desenvolvi funções JavaScript para tornar a interface mais interativa e dinâmica, como o carrossel de imagens e a barra de pesquisa. Meu foco principal foi garantir uma ótima experiência do usuário, com design responsivo para dispositivos móveis e desktops. Espero que meu projeto possa impressionar e inspirar outros desenvolvedores, mostrando minhas habilidades em criar interfaces atraentes e funcionais.
A Landing Page da Game Store foi um projeto que desenvolvi utilizando Bootstrap e técnicas de responsividade. A ideia era criar uma página para uma loja virtual de games digitais, com destaque para as principais promoções do momento. Para isso, utilizei o carrossel do Bootstrap para criar uma seção de destaque, onde os principais jogos em promoção eram exibidos de forma dinâmica e atraente. Também utilizei técnicas de responsividade para garantir que a página ficasse bem visualizada em diferentes dispositivos, como desktops, tablets e smartphones.
Meu projeto é um site de uma página evento chamado. Neste site, utilizei a biblioteca Sharp.js para criar um efeito na seções que exibe os principais imagem e descrição do evento. O Sharp.js é uma biblioteca JavaScript que permite redimensionar imagens de forma rápida e eficiente, o que ajudou a tornar a experiência de visualização das imagens mais suave e agradável. Além disso, também implementei uma contagem regressiva que mostra quanto tempo falta para o evento começar. Isso é feito usando JavaScript para obter a data atual e a data do evento, e depois calcular a diferença entre as duas datas para mostrar a contagem regressiva na página.
Meu projeto é um sorteado de números aleatórios que criei usando Grunt, Less e JavaScript. Na página inicial do site, os usuários podem clicar em um botão que gera um número aleatório. O número é então exibido na tela, logo abaixo do botão, para que o usuário possa vê-lo imediatamente. Para tornar a aparência do site mais agradável e personalizada, utilizei o Grunt e o Less. O Grunt é uma ferramenta de automação de tarefas que me permitiu automatizar processos repetitivos, como a compilação e a minificação de arquivos Less. O Less, por sua vez, é uma linguagem de estilo dinâmica que me permitiu escrever estilos para o site de forma mais eficiente.
Profissional em desenvolvimento
Olá, meu nome é João Pedro e tenho 22 anos. Sou um ávido consumidor de informações e adoro me manter atualizado sobre as últimas tendências e novidades em diversas áreas, como tecnologia, filmes, jogos, finanças, ciências e saúde física e mental. Uma das minhas principais fontes de conteúdo é o YouTube, onde assisto a uma variedade de vídeos e podcasts, como estudos sobre peças de computador, programas e softwares em geral, resenhas de produtos recentes, gameplays e reviews de jogos, críticas de filmes do momento, além de vídeos sobre psicologia, neurociência e curiosidades sobre animes, filmes, séries e jogos.
Também sou um grande consumidor de música, com um gosto eclético que varia de músicas internacionais a nacionais, como rock, eletrônica, sertanejo e rap. Além disso, gosto de me informar sobre história e frequentemente assisto a vídeos sobre grandes nomes do passado e do presente, como cientistas renomados, empresários bem-sucedidos e grandes empresas e suas trajetórias.
Como profissional de programação, acompanho muitos vídeos relacionados à minha área de atuação, desde tutoriais de programação e codificação até discussões sobre as últimas tendências em tecnologia. Considero esse hábito de consumir conteúdo uma grande vantagem, pois me permite estar sempre atualizado e bem informado em diferentes áreas. Além disso, me ajuda a ser mais criativo e a ter novas ideias para projetos e iniciativas futuras. Acredito que minha curiosidade e interesse em aprender mais são características fundamentais para o meu desenvolvimento pessoal e profissional.
Localização: Várzea Grande - MT, Brasil
Profissional: Desenvolvedor Full Stack
Data de Nascismento: 03/07/2000
11joao44@gmail.com
Idioma: Inglês iniciante
+55 (65) 98112-6587