Cara, parece que nós, de algum jeito,temos a mente liga uma a outra, rsrssts. É exatamente isso que sempre fiz (os passos descritos). inicialmente eu, lá com os meus 18 anos, ingressei no CEFET para cursar ensino médio integrado com TI. Aprendi pouco do ramo, pois o ensino no Brasil é ridículo. Os professores viam o meu interesse em aprender a programar, mas nenhum, absolutamente NENHUM nunca parou um segundo para me dá um direcionamento; quando perguntava algo a respeito, eles diziam, "estude lógica de programação, assim você conseguirá programar em qualquer linguagem". Mas adivinha, a biblioteca da escola não tinha livros bons de verdade. Ainda assim, fui em frente e aprendi IF-Else, mas não (for), aprendi a usar while também, mas não o (if-else) em uma estrutura aninhada... consegui desenvolver um pouco a minha lógica nas aulas de lógica matemática (essa matéria sim, aprendi muito), mas o tempo passou e percebi que não era o suficiente, ainda mais por minhas habilidades serem mais artísticas. No entanto, eu sempre me imaginei criando sites, ou templates, interfaces etc, com designers do meu gosto, e sempre quiz conciliar minha habilidade natural com informática. No fim, o tempo foi passando, eu meio que... Parei no tempo, me envolvi com outras coisas, trabalhei como técnico concertando computadores, mas foi só até ai, nunca trabalhei para uma grande empresa, até consegui passar em um processo seletivo na melhor empresa de TI da minha cidade, mas quando fui começar eu fiquei na área de suporte (mecher com redes e coisa do tipo), coisas que nunca gostei, "redes", acho que isso contribuiu para que eu abdicasse do cargo após apenas dois dias, pois não me sentia motivado o suficiente atendendo chamadas e resolvendo problemas via conexão remota com team view e any desk. Hoje, com meus 31 anos, sem emprego (ás vezes me sinto meio cabisbaixo), nunca perdi a vontade de trabalhar com algo relacionado a design, fico maravilhado com o que a tríade WEB (html-js-css) é capaz de fazer, e sinto muita, mas muita vontade de entrar na área. Todos esses passos que você citou acima são exatamente o que eu sempre fiz, sigo estudando com a fé de que um dia irei conseguir.

Fala Rodrigo! Cara, baseado no seu relato consigo sugerir algumas frentes de estudo pra vc. Como vc falou que tem uma habilidade mais artítisca, talvez faça sentido pensar na área de design, UI/UX:

  • Figma: excelente produto para criar layouts para websites, é padrão no mercado hoje;
  • Framer: produto para geração de websites WYSIWYG. tem uma ótima integração com o Figma e muita coisa pronta para geração de sites lindos.

Ambos tem planos free e tem uma infinidade de conteúdos e tutoriais pra aprender a mexer - inclusive na própria documentação.

Claro que isso não substitui o aprendizado de HTML + CSS + JS. Mesmo que o Framer gere esse código pra vc, é bom saber como as coisas funcionam. Então vou deixar esse link da MDN em português, com uma documentação mais básica dos 3, porém bem completa: https://developer.mozilla.org/pt-BR/docs/Learn/Getting_started_with_the_web/HTML_basics

E lembre-se da minha dica lá em cima: continue criando, continue programando, faça um portfólio e use o Github. Tem muita oportunidade massa nessa área :)