Executando verificação de segurança...
1

Me ajude a melhorar: avalie e de sua sugestão (Front-End)

Olá, caros amigos!

Me chamo Thiago e já a algum tempo (entre indas e vindas) venho estudando front-end com a ajuda de alguns cursos na internet.

Durante os cursos fiz alguns projetos relacionado as aulas. Sempre que o professor lançava um desafio eu tentava fazer sozinho antes e, na maioria das vezes, conseguia chegar bem próximo ao mostrado posteriormente pelo professor.

No entanto, nunca tinha feito um projeto por decisão prórpia, sem uma "correção" depois pelo professor. Então, um post aqui no TabNews falou sobre o site frontendmentor.io, como sugestão para projetos front-end.

Achei interessante os desafios propostos lá e escolhi dois desafios para tentar fazer e coloquei a mão na massa. Sei que tenho aspectos a melhorar, assim, peço humildemente a ajuda de pessoas mais experientes na área para dar algumas dicas do que poderia fazer melhor.

Gostaria de destacar o quanto colocar a mão na massa me ajudou. Consegui perceber alguns conceitos que não tinha aprendido bem e tive que revisar, e, também, consegui perceber algumas coisas que eu precisava aprender urgente, como flex-box e grid (que, inclusive, busquei aplicar no segundo projeto). Por isso, incentivo a todos não só aprender a teoria, mas também se aperfeiçoar na prática.

É algo bem simples, para iniciantes, mas creio que várias pessoas estão começando assim como eu, então, se puder deixar sua contribuição serei muito grato.

Acesse aqui ⬇⬇⬇

https://thiagoomatheus.github.io/huddle-landing-page/

Carregando publicação patrocinada...
1

Olá Thiago, parabéns pela iniciativa! 👏

Para começar, eu percebi alguns problemas no seu repositório.

Idioma

Inglês para código e arquivos de preferência, use um idioma específico apenas para o conteúdo.

Comentários

Use com moderação, muitas vezes o código pode ser entendido sem a necessidade de comentários, mesmo que os comentários não possam ser vistos pelo usuário final ele ainda pesa no tamanho do arquivo.

Pequenos problemas

Percebi que tem um código css no README.md, é sempre bom prestar atenção nesses pequenos detalhes que passam despercebidos.

Nomes de arquivos e organização de código

Nome de arquivos devem descrever o máximo possível o conteúdo dentro dele, tente dividir mais as responsabilidades de cada arquivo, um arquivo css que contém o estilo padrão das páginas por exemplo, isso vai facilitar na manutenção do seu código.

1

Olá Felipe! Muito obrigado pelo feedback!

Vou me atentar nesses pontos que você comentou.

Aproveitando que você mencionou sobre o readme... eu tentei deixar ele vizualmente mais bonito, tem alguma outra forma de estilizar ele ou o correto é deixar ele mais padrão, mais texto e sem muito estilo?

Agradeço desde já 😃

1

No README.md você só coloca Markdown.

CSS customizado não é permitido, isso inclusive está documentado:

The HTML is sanitized, aggressively removing things that could harm you and your kin—such as script tags, inline-styles, and class or id attributes

Enfim, o correto é deixar "mais padrão" mesmo. Estilização você deixa para o seu próprio site :-)

1