Não tem pra que "reinventar a roda". Há muito material de qualidade gratuito na internet. É seguro dizer que se você não for preguiçoso pra ler e estudar, apenas as documentações e referências oficiais (fornecidas pela Mozilla e W3C) já são o suficiente para você se tornar um Desenvolvedor Web até mesmo de nível intermediário.
O site MDN Web Docs, no endereço https://developer.mozilla.org, atualmente (em 2022) está disponível em 9 idiomas. Veja a seguir os principais materiais para iniciantes no idioma Português (do Brasil). Certamente há muitos outros materiais disponíveis, mas o objetivo aqui é sugerir o essencial e não uma lista exaustiva.