Jhonatan
Angra dos Reis - RJ
membro desde 2021
Sou apaixonado por tecnologia, estou sempre buscando aprender novas tecnologias e aprimorar minhas habilidades existentes. Meu objetivo é trabalhar em projetos desafiadores que me permitam crescer profissionalmente e contribuir com soluções inovadoras para o mercado de desenvolvimento web
Curtidas
Curtiu
Elogiar
elogios
Projeto Top
6
Perfil Irado
4
Card Top
3
Engajado
2
Devups
30683
Exercícios completos
1589
Cursos concluídos
44
Temporadas conquistadas
9
VISITAS NO PERFIL
77
INTERAÇÕES RECEBIDAS
185
PROJETOS
ToDo List
Salve devs!!! queria apresentar esse projeto de todo list que fiz, totalmente funcional e responsivo
utilizei diversos conceitos ensinados aqui nessa plataforma, foi essencial pra esse projeto, umas semanas atrás nem imaginava olhar pra um to-do List e conseguir fazer kkkk
as funcionalidades são de criar uma tarefa, marcar como concluída e deletar a tarefa, os contadores são dinâmicos também, aumenta ou diminui de acordo com as tarefas criadas, concluídas e deletadas.
fiz em ReactJS e usei bastante do useState, eventos onClick, onChange, Props, map(), deixei um readme no github, ta bem detalhado também, vale a pena dar uma olhada caso tenha interesse
o código em si também deixei com alguns comentários
e tbm gostaria de agradecer a plataforma devMedia, pq principalmente esses exercícios ajudam a fixar e compreender bem como cada uma dessas coisas funciona
utilizei diversos conceitos ensinados aqui nessa plataforma, foi essencial pra esse projeto, umas semanas atrás nem imaginava olhar pra um to-do List e conseguir fazer kkkk
as funcionalidades são de criar uma tarefa, marcar como concluída e deletar a tarefa, os contadores são dinâmicos também, aumenta ou diminui de acordo com as tarefas criadas, concluídas e deletadas.
fiz em ReactJS e usei bastante do useState, eventos onClick, onChange, Props, map(), deixei um readme no github, ta bem detalhado também, vale a pena dar uma olhada caso tenha interesse
o código em si também deixei com alguns comentários
e tbm gostaria de agradecer a plataforma devMedia, pq principalmente esses exercícios ajudam a fixar e compreender bem como cada uma dessas coisas funciona
Login Form
Este projeto é um formulário de login responsivo,foi desenvolvido a partir de um protótipo no Figma, criado com HTML, CSS e JavaScript. O formulário apresenta um design moderno e minimalista, com campos para inserção de nome de usuário e senha, além de um botão para enviar as informações e efetuar o login.
Funcionalidades
.Mostrar a senha ao clicar no ícone correspondente: quando o usuário clica no ícone de olho, a senha digitada no campo correspondente é exibida em texto claro. Quando o ícone é clicado novamente, a senha é ocultada.
.Responsividade para tablets e mobile: o formulário é responsivo e foi projetado para funcionar bem em dispositivos móveis, como tablets e smartphones. As dimensões do formulário e dos elementos individuais foram ajustadas para se adaptarem a diferentes tamanhos de tela.
.Estilização do input checkbox: o input checkbox foi estilizado para se adequar ao design geral do formulário, utilizando CSS personalizado.
.Pseudo-elementos ":focus, :hover": foram utilizados para criar efeitos de estilo visual quando os campos do formulário estão em foco ou quando o cursor do mouse passa sobre eles.
o site está no ar no github pages : https://jhonatansousa.github.io/Login-Form/
mais informações acesse o repositório no github: https://github.com/Jhonatansousa/Login-Form
Funcionalidades
.Mostrar a senha ao clicar no ícone correspondente: quando o usuário clica no ícone de olho, a senha digitada no campo correspondente é exibida em texto claro. Quando o ícone é clicado novamente, a senha é ocultada.
.Responsividade para tablets e mobile: o formulário é responsivo e foi projetado para funcionar bem em dispositivos móveis, como tablets e smartphones. As dimensões do formulário e dos elementos individuais foram ajustadas para se adaptarem a diferentes tamanhos de tela.
.Estilização do input checkbox: o input checkbox foi estilizado para se adequar ao design geral do formulário, utilizando CSS personalizado.
.Pseudo-elementos ":focus, :hover": foram utilizados para criar efeitos de estilo visual quando os campos do formulário estão em foco ou quando o cursor do mouse passa sobre eles.
o site está no ar no github pages : https://jhonatansousa.github.io/Login-Form/
mais informações acesse o repositório no github: https://github.com/Jhonatansousa/Login-Form
Última publicação na comunidade
Postado na sala: Cafeteria
Salve devs!, passando para deixar um código essencial para o css de vocês!!
scroll-behavior: smooth;
ele serve para menus de navegação na mesma página(as que normalmente fica no header),...
5
6
TECNOLOGIAS
Certificados de autoridade
BOX INTERAÇÕES
Interações de Jhonatan
Interações com Jhonatan
| Programadores | Total de interações | Total de interações | devUPs na temporada |
|---|---|---|---|
DevMedia
|
8 Interação de Jhonatan com Gladstone | 5 Interação de Gladstone com Jhonatan | 840 |
Nivel 44
|
6 Interação de Jhonatan com Thiago | 3 Interação de Thiago com Jhonatan | - |
Nivel 54
|
5 Interação de Jhonatan com Stephany | 2 Interação de Stephany com Jhonatan | - |
Nivel 29
|
5 Interação de Jhonatan com Adriano | 6 Interação de Adriano com Jhonatan | - |
Nivel 39
|
5 Interação de Jhonatan com Júlio | 3 Interação de Júlio com Jhonatan | - |
