Quem sou eu
Olá! Me chamo Yuri. Sou Desenvolvedor Frontend com conhecimento também em Backend, e pretendo ser um exímio Fullstack/Mobile Developer.
E amo tudo isso =)
Olá! Me chamo Yuri. Sou Desenvolvedor Frontend
com conhecimento em backend, e pretendo
ser um exímio fullstack developer.
E amo tudo isso =)
Experiências
Linguages, frameworks e plataformas que tenho experiência
HTML
CSS
Sass
Bootstrap
Tailwind CSS
JavaScript
TypeScript
jQuery
React
Next.js
Redux
Axios
Jest
AngularJS
RxJS
Vue
WordPress
Node.js
Express
MySQL
Google Cloud
AWS
Firebase
MongoDB
Postman
Docker
Git
Figma
Photoshop
Blender
Des. Frontend HTML/CSS/JS/TS/Next/React/Angular/Vue/MySQL/MongoDB/Firebase. Usuário do Figma, Blender, Photoshop e Premiere.
- Título:
Rede Social
- Descrição:
Projeto de uma rede social, com registro de conta, login, postagens, seguidores, autentificação usando JWT, Feed e mais.
- Tecnologias
- Deploys:
- Título:
Verificando tempo de tarefas
- Descrição:
Projeto do Alura-tracker, site feito para adicionar tarefas e contar o tempo gasto realizando-as.
- Tecnologias
- Deploys:
- Título:
Pesquisando por API usando Vue
- Descrição:
Projeto de um site de pesquisa de receitas de acordo com ingredientes selecionados.
- Tecnologias
- Deploys:
- Título:
Pesquisa Google Books API, RxJs
- Descrição:
Projeto de um site de pesquisas, visando a reatividade RxJs, integrando a API do google books.
- Tecnologias
- Deploys:
- Título:
Angular - Animações
- Descrição:
Projeto de um site ToDo List para utilizar o módulo de animações do Angular.
- Tecnologias
- Deploys:
- Título:
Mural de pensamentos
- Descrição:
Projeto de um mural, feito para treinar habilidades em Angular usando um sistema CRUD.
- Tecnologias
- Deploys:
- Título:
To Do List - Angular Life Cycle
- Descrição:
Projeto de uma To Do List para estudar os métodos OnDestroy e OnCheck. Analisando os ciclos de vida dos componentes angular.
- Tecnologias
- Deploys:
- Título:
Formulário livraria
- Descrição:
Projeto simulando um formulário e suas validações, também fazendo integração com API e tratando o dados da requisição.
- Tecnologias
- Deploys:
- Título:
Portfolio
- Descrição:
Projeto realizado para exibir todos os outros projeto que já fiz
- Tecnologias
- Deploys:
- Título:
ReactGran
- Descrição:
Projeto simulando o Instagram, utilizando React, NodeJS, MongoDB e Postman. Nele, você pode criar contas protegidas com criptografia.
- Tecnologias
- Deploys:
- Título:
Miniblog
- Descrição:
Projeto de um blog feito com React e Firebase, especializando em CRUD.
- Tecnologias
- Deploys:
- Título:
Advinhe a palavra
- Descrição:
Projeto de jogo para advinhar palavra. Lidar com inputs e estados no React.
- Tecnologias
- Deploys:
- Título:
To Do List - React e Typescript
- Descrição:
Projeto feito para praticar React e Typecript com um CRUD
- Tecnologias
- Deploys:
- Título:
To-Do List
- Descrição:
Projeto To Do List com contagem regressiva, feito para elaborar um algoritmo CRUD usando JS e explorar o LocalStorage.
- Tecnologias
- Deploys:
- Título:
Usando JEST, testando React
- Descrição:
Projeto de sorteio de amigo secreto, testado usando JEST.
- Tecnologias
- Deploys:
- Título:
Isso é cinema!
- Descrição:
Projeto feito utilizando React integrando com API de TMDB para exibição e busca de filmes, mostrando também detalhes
- Tecnologias
- Deploys:
- Título:
Portfolio Freelancer
- Descrição:
Projeto de um site para captação de possíveis clientes, feito para mostrar possíveis serviços.
- Tecnologias
- Deploys:
- Título:
Controle dos pais
- Descrição:
Projeto feito para praticar manipulação de input, tempo e DOM. Onde os pais podem ter noção se a criança está desviando atenção de estudos.
- Tecnologias
- Deploys:
- Título:
Contador de data
- Descrição:
Projeto para prarticar de manipulação de valores de data
- Tecnologias
- Deploys:
- Título:
Robotron - Manipulação de DOM
- Descrição:
Projeto para prarticar de manipulação do DOM, simulando a criação de um personagem de um jogo de RPG
- Tecnologias
- Deploys:
- Título:
To Do List
- Descrição:
Projeto para prarticar CRUD, usado para estudo e elaboração de projetos futuros mais complexos
- Tecnologias
- Deploys:
- Título:
Spa - Landing page
- Descrição:
Projeto para pratica o uso do SASS, em uma página exemplo para um Spa.
- Tecnologias
- Deploys:
- Título:
Apeperia - Acessbilidade Visual
- Descrição:
Projeto para prarticar a acesbiildiade para deficientes visuais
- Tecnologias
- Deploys:
- Título:
Fruta e Fruto - Landing page
- Descrição:
Projeto para prarticar do uso de Bootstrap e todas suas funcoinalidades
- Tecnologias
- Deploys:
- Título:
Alurinha - Estudo Flex Box
- Descrição:
Projeto para prarticar o layout no modo Flex Box
- Tecnologias
- Deploys:
- Título:
Barber Shop - Primeiro site
- Descrição:
Meu primeiro projeto na carreira de programador
- Tecnologias
- Deploys:
Cursos realizados
- Nodejs: Autenticação, Passport e OAuth 2.0
- Docker: criando e gerenciando containers
- Gemini e Node.js: integrando sua aplicação com a API do Google
- Node.js: criando uma API Rest com Express e MongoDB
- JavaScript com Node.js: criando sua primeira biblioteca
- MySQL: Do básico ao avançado - Desenvolvelvendo banco de dados
- Vue3: Avançando com o framework
- PHP: Conceitos, lidando com dados, loops e mais
- Vue3: explorando o framework
- Vue 3: entendendo componentes, diretivas e reatividade no framework
- Angular: aprimore suas técnicas de animação e crie interfaces ainda mais atraentes
- Angular: torne sua aplicação interativa e personalizada com animações
- RxJS e Angular: programando de forma reativa
- Angular: ciclo de vida
- React: criando um Design System com TailwindCSS
- Angular: formulários orientados a templates
- Angular 14: evoluindo a aplicação
- Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD
- Next.js: explorando o framework
- PostgreSQL
- React: testando os seus componentes
- React Native: criando um app
- JavaScript: programação orientada a objetos
- JavaScript: objetos
- SASS e CSS: estilizando um site
- jQuery: avance na biblioteca mais popular do mercado parte 2
- UX: entenda a experiência de usuário
- jQuery: domine a biblioteca mais popular do mercado parte 1
- JavaScript: consumindo e tratando dados de uma API
- React: escrevendo com Typescript
- Javascript: conhecendo o Browser e padrões de projeto
- JavaScript: programando na linguagem da web
- HTTP: entendendo a web por baixo dos panos
- Blender: criando um modelo 3D
- Bootstrap 4: criando uma landing page responsiva
- WordPress: crie sites com Elementor e Figma
- Typescript parte 3: mais técnicas e boas práticas
- Produção de vídeo: conceitos essenciais de uma produção audiovisual
- Produção de vídeo: o que há por trás do mundo do audiovisual
- TypeScript parte 2: avançando na linguagem
- TypeScript parte 1: evoluindo seu JavaScript
- Photoshop: composição de uma peça publicitária
- Acessibilidade web parte 1: tornando seu front-end inclusivo
- JavaScript: manipulando elementos no DOM
- Acessibilidade web: crie designs inclusivos
- Git e GitHub: compartilhando e colaborando em projetos
- Adobe Photoshop: conceitos essenciais
- JavaScript: Validação de formulários e HTML 5
- Expressões Regulares: faça buscas, validações e substituições de textos
- Javascript para Web: Crie páginas dinâmicas
- CSS Grid: construindo layouts com Grid
- Layouts Responsivos: Trabalhando com layouts mobile
- Flexbox: posicione elementos na tela
- SEO: otimização de sites
- Arquitetura CSS: descomplicando os problemas
- JavaScript: interfaces e Herança em Orientação a Objetos
- JavaScript: programando a Orientação a Objetos
- JavaScript: explorando a linguagem
- HTML5 e CSS3 parte 4: avançando no CSS
- HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas
- Arquitetura de computadores: por trás de como seu computador funciona
- HTML5 e CSS3 parte 2: posicionamento, listas e navegação
- HTML5 e CSS3 parte 1: crie uma página da web
- Lógica de programação: laços e listas com javascript
- Lógica de programação: comece em lógica com o jogo Pong e JavaScript
- JavaScript e HTML: pratique lógica com desenhos, animações e um jogo
- JavaScript e HTML: desenvolva um jogo e pratique lógica de programação
Posso ajudar em algo, ou tens alguma dúvida? Me manda uma mensagem!
