Olá, Raphael. Tudo bem?
Que bacana ver sua trajetória e o interesse em expandir seus conhecimentos para o Front-end! A transição que você está considerando é bastante comum e, com sua experiência em UX/UI e Product Design, você já tem uma excelente base para se aventurar no mundo do Front-end.
Para começar, o HTML e CSS são ótimos pontos de partida, pois são fundamentais para qualquer desenvolvedor Front-end. Depois de se sentir confortável com eles, o próximo passo natural seria aprender JavaScript, que é a linguagem de programação essencial para adicionar interatividade aos sites. Como você já está na formação de "Iniciante em Programação", você vai pegar bastante coisa de JavaScript já que é a linguagem utilizada.
Aqui está um caminho sugerido para você:
Aprofundar em HTML e CSS: Tente entender bem o layout, flexbox, grid e as boas práticas de acessibilidade.
JavaScript: Comece com os fundamentos, como variáveis, funções, loops e eventos. Depois, explore o DOM (Document Object Model) para manipular elementos HTML.
Frameworks e Bibliotecas: Após dominar o básico de JavaScript, você pode começar a aprender frameworks populares como React, que é muito utilizado no mercado e pode ser uma excelente ferramenta para você, dado seu background em design.
Versionamento de Código: Aprender Git é essencial para colaborar em projetos e manter controle de versão do seu código.
Projetos Práticos: Tente criar pequenos projetos pessoais, como um portfólio online ou uma aplicação simples, para aplicar o que você aprendeu e ganhar confiança.
Comunidade e Recursos: Participe de comunidades de desenvolvedores, como fóruns e meetups, e continue utilizando plataformas como a Alura para se manter atualizado e buscar novos cursos e desafios.
Lembre-se de que a transição de carreira é um processo e cada passo que você dá é um avanço significativo. Sua experiência em design será um diferencial incrível no desenvolvimento Front-end.
Espero ter ajudado e bons estudos!