Aprendizado com Frontend

Olá pessoal, como vocês estão?

Gostaria de que vocês pudessem me recomendar cursos (desde que sejam gratuitos) para aprender definitivamente o Frontend, desde o HTML, CSS até as tecnologias de frameworks atuais. Se puderem me recomendar livros, artigos ou algo do tipo, irei ser muito grato!

Eu tive um norte bem legal com esse mapinha aqui , da uma olhada : https://roadmap.sh/ , ele é mais complexo e voce nao precisa ver tudo , mas é legal ver o que voce vai encarar pela frente e ter pelo menos um norte.

w3s : https://www.w3schools.com/ - esse é mais basico e ja tem conteudo

Mdn : https://developer.mozilla.org - esse é o manual do mozila , é muito bom

e tem muitas opções por ai , começa com esses que top

Bom dia, eu sei que tu disse algo gratuito, mas esse e-book vale a pena (20 reais e já chegou a 8 reais), você tem acesso também a uma lista de resources para frontend. E é vitalício, sempre tem atualização, basta entrar na conta e baixar a versão atualizada. Recomendo para quem está começando:

https://iuricode.com/efront/

Minha 1ª recomendação seria assistir o vídeo do Fabio Akita chamado A História do Front-end, que vai explicar como as coisas evoluiram, e pq utilizamos esses frameworks (React, Vue, etc.). Acho que isso da uma boa noção sobre pq utilizamos essas coisas nos dias de hoje.

Minha 2º recomendação é que, principalmente com HTML e CSS, eu aplicaria um método de aprendizagem orientado a projetos, ou seja, pensa em um layout de uma empresa de algum familiar ou amigo, e tenta fazer uma página simples, só com HTML e CSS. A medida que as dúvidas sobre algumas coisas forem surgindo, você pesquisa a respeito.

O HTML você entendendo a questão de semântica, e no CSS o Box-Model, já é meio caminho andado. Recomendo pesquisar sobre esses dois conceitos, e entende-los de fato. Parece básico, mas tenho certeza que tem muitas pessoas de Front-end que acham que a tag H1 serve para deixar o texto maior.