Oiii Christian tudo bem contigo?
Cara, primeiramente parabéns pela sua decisão de estudar programação. Tenho certeza que assim como foi para mim, tem sido "desafiador" esse começo né?
Olha, antes de tomar qualquer decisão sobre linguagens/framewords a serem estudados, a minha dúvida é a seguinte: Onde você quer chegar? Você tem um plano de carreira em mente na área de programação? Tem a intenção de seguir carreira de forma autônoma ou seguir no corporativo como Júnior e depois ir mirando em uma vaga Pleno/Sênior? Sei que para todo iniciante essa pergunta é muito difícil de responder (inclusive pra mim é até hoje) mas vale a pena essa reflexão inicial para você planejar os seus estudos posteriores (e não perder tempo "patinando" ou se sentir meio perdido sabe?)
As possibilidades e oportunidades nessa área serão várias e infinitas, mas é super importante você se conhecer e ter essa clareza para tomar melhores decisões.
Alias, vamos a um exemplo prático?
Se você quiser ser um WebDesign: Se vc quiser trabalhar com templates Wordpress por exemplo, provavelmente você vai esbarar em linguagens como HTML, CSS, JS e PHP que é a linguagem do Wordpress para conseguir fazer um bom trabalho. Seria interessante ter em mente que tipo de trabalho você gostaria de prestar como webdesigner também (blogs para projetos pessoais, sites para empresas, para profissionais liberais como dentistas, advogados, etc) e mais para frente coemçar a focar em seu nicho principal, pois assim você seria especialista em um determinado trabalho e poderia cobrar até mais (ex: referência em produzir sites institucionais, landing pages, etc).
Um outro ponto é que hoje, a questão de UI/UX está bem em alta, então seria legal estudar esses pontos também junto com o Figma ou o Adobe XD para construir um design que atenda as expectativas do usuário em termos de navegação, e que traga valor para o cliente que está contratando o trabalho.
Se você quiser ser um Front-End: Se quiser seguir carreira como um Front-End, a sua preocupação maior será "converter" em linhas de código o design que alguém responsável pelo layout construiu, e da forma mais fiel possível ao que foi proposto. Para isso será necessário aprender CSS, JS, HTML e mais para frente, frameworks como React, Angular, JQuery e assim por diante sabe? Mas no início, a tríade principal para estudar sem dúvidas é HTML, CSS e JS.
Eu deixaria essa base bem forte, faria meus primeiros projetinhos, subiria no GitHub, faria meu portfólio e depois quando tivesse segurança, iria me candidatar para vagas.
Pensaria em paralelo no meu plano de carreira também (6 meses quero ser Júnior, depois de 1 ano quero ser Pleno, etc). Mas de qualquer maneira independente dos caminhos a seguir, eu buscaria neste momento essa clareza inicial sabe? De tentar unir essa bagagem que vc tem no audiovisual com a programação e entender os seus critérios de carreira, como por exemplo:
1 - Quero WebDesigner, Front-End ou Dev Mobile?
2 - Eu me vejo nessa profissão como autônomo, PJ, CLT ou PJ e CLT?
3 - Quero trabalhar numa empresa brasileira mesmo ou no futuro almejo um trabalho fora?
4 - Porque decidi ir para programação e fazer essa transição de carreira?
Respondendo esses pontos e tendo clareza de onde você quer chegar, você consegue tomar melhores decisões sobre cursos, prioridades quanto a linguagens e fazer seu tempo de estudos render muito, pois estará focado e seguro do que está fazendo.
Eu bati bastante nessa tecla do "onde você quer chegar?" com relação a carreira, pois infelizmente não somos treinados a planejar nossa carreira sabe? Geralmente a gente vai escolhendo o que aparece pela frente e pronto. Mas não paramos para pensar se aquilo que estamos estudando ou decidindo como profissão está nos levando para mais perto da onde queremos chegar no futuro. E parar para refletir sobre isso é mega importante pois impacta toda a nossa vida (e as finanças principalmente rsrs)
Para finalizar, eu vou deixar aqui dois materiais que me ajudaram bastante no meu inicio de estudos com HTML, CSS e JS e eu creio que vai te ajudar tbm:
1 - Apostila de JS: http://docente.ifsc.edu.br/joao.augusto/MaterialDidatico/2018-1/Introdução à Programação/JavaScript/Apostila de JavaScript.pdf Ela é bem completinha e traz os conteúdos mastigados sabe? Muito boa para quem está começando -
2 - Curso Front End Design Essencial: É um curso da Udemy muito bom inclusive, onde o professor ensina a gente a construir um site portfólio do zero. Esse professor (Brunão) tem outro curso também na Udemy de Wordpress do Zero, e um dos requisitos é ter feito esse de Front primeiro. Então independente do caminho que você escolher na programação, são cursos muito bacanas de serem feitos e possuem um conteúdo bem mastigadinho.
É isso Christian, espero ter te ajudado e se minha resposta foi útil, ficaria mega feliz se marcasse como solução do tópico.
Um abraço e até mais!!