Article image
Edson Barros
Edson Barros09/11/2022 21:34
Compartilhe

Meu site pessoal - HTML, CSS e Javascript

  • #HTML
  • #JavaScript
  • #CSS

Olá, pessoal!

Venho compartilhar meu site pessoal, criado com o intuito de compartilhar meus projetos, escrever alguns artigos e me conectar com devs e recrutadores!

Segue uma captura do site:

image

Um pouco sobre o site:

O sobre-mim simula um editor de código abrindo um arquivo. Ele está funcional: abrindo, fechando e trocando de arquivos.

Os cards de projeto vão ter: a descrição do projeto, tecnologias utilizadas, um link direto para o GitHub e um link para checar e testar o site ao vivo.

Na área de contato, pensei em uma forma onde os links de contato j[a são personalizados. Cada uma das opções escolhidas irá gerar um link de Whatsapp e MailTo únicos e específicos.

Para quem quiser dar uma olhada no site: https://edsonabarros.online/

Para quem quiser dar uma olhada no GitHub: Link do GitHub

Ainda estou refinando alguns pontos, mas o site já está totalmente responsivo e funcional. Qualquer dúvida é só mandar uma mensagem aqui ou nas formas de contato do site.

Compartilhe
Comentários (22)

JN

Josimar Nascimento - 21/12/2022 12:44

Bacana Edson, adorei o site!


Ao dedicar tempo e amor o projeto sai como se fosse um filho. Parabéns pelo seu!


Sou iniciante nas linguagens HTML, CSS e JavaScript e gostei muito de seu conteúdo, até mais.

Sandra Santos
Sandra Santos - 15/11/2022 22:42

Muito top!

Tenho que estudar muito pra chegar perto ...

Parabéns 👏

Edson Barros
Edson Barros - 11/11/2022 18:59

Opa, Guilherme Eduardo, obrigado!

Guilherme Eduardo
Guilherme Eduardo - 10/11/2022 13:13

Parabéns, Edson, ficou bacana o seu projeto!

Edson Barros
Edson Barros - 10/11/2022 11:16

Felipe Louzeiro, obrigado! Eu desenhei o espaço da IDE com bordas, separei tudo certinho com display:"flex" e usei algumas funções javascript: A parte de abrir os arquivos, fechar e trocar de aba foi tudo feito pegando o id (ou o display atual diretamente) da página e passando um novo estilo para ele com style.display = "none", "block" ou "flex". Se tiver qualquer dúvida é só mandar.

Edson Barros
Edson Barros - 10/11/2022 11:12

Obrigado, João Mariano, vlw!

Edson Barros
Edson Barros - 10/11/2022 11:11

Marcos Lisboa Essa parte deu um certo trabalhinho, mas esses efeitos dão uma vibe muito legal para o projeto. Obrigado!

Edson Barros
Edson Barros - 10/11/2022 11:10

Anthony Silva, show! Obrigado!


Edson Barros
Edson Barros - 10/11/2022 11:09

Joilson Silva, que bom que deu uma gás. Tô curtindo bastante essa parte do front-end, bem show!

Edson Barros
Edson Barros - 10/11/2022 11:08

Obrigado, Késsia!

João Mariano
João Mariano - 10/11/2022 09:54

Muito bonito, cara! Meus parabéns.

Felipe Louzeiro
Felipe Louzeiro - 10/11/2022 09:08

Que legal, ficou sensacional, fiquei curioso sobre como você fez essa parte do editor, vou tentar reproduzir.

Marcos Lisboa
Marcos Lisboa - 10/11/2022 09:01

Parabéns Edson! Ficou muito massa o projeto como um todo.

Curti demais a animação ao clicar nas infos dos projetos!

Anthony Silva
Anthony Silva - 10/11/2022 08:15

boa !!

muito bem projetado, arraso muito!!

Parabéns!!

Joilson Silva
Joilson Silva - 10/11/2022 07:40

Que ideia bacana!!!! Eu estive parado um tempão e lendo este artigo me incentiva a retornar.

Parabéns pela iniciativa e vou dar uma visitada para poder me inspirar.

Grande abraço!

Késsia Jesus
Késsia Jesus - 10/11/2022 06:04

Parabéns! 👏🏻

Edson Barros
Edson Barros - 09/11/2022 23:09

João Mota, show, que bom que deu um gás. Já tive problemas para estudar também, com ânimo e tals, e a melhor forma é continuar e ir atrás do que gosta de fazer. Comecei no back e acabei decidindo mudar para o Front e tô no pique e animado. Boa sorte!

Edson Barros
Edson Barros - 09/11/2022 22:24

Pedro Teles, uso uma extensão para Chrome. se chama: Full Page Screen Capture.

JM

João Mota - 09/11/2022 22:40

Muito obrigado por compartilhar, me deu um certo ânimo em estudar mais sobre o assunto. Aliás, site impecável.

Edson Barros
Edson Barros - 09/11/2022 22:23

Kener Branco, queria algo mais limpo e uma forma de mostrar as informações pertinentes, além de ter mais de uma opção de link. Acho que ficou bacana também.

Pedro Teles
Pedro Teles - 09/11/2022 21:58

Top, gostei da fonte! E como vc fez pra tirar essa captura de todo o site em uma única tela?

Kener Branco
Kener Branco - 09/11/2022 21:48

Dei uma olhada no site e gostei muito da ideia dos projetos já incorporados com breve resumo de info 👏👏