COMO APRENDER FRONT-END(100% GRATUITO) PELA EMPRESA DO FIREFOX.
COMO SE ESPECIALIZAR EM FRONT-END
HTML 5
Para aprender front-end, é muito fácil, é só fazer o curso de HTML5 oficial do site da mozilla: https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Introduction_to_HTML
CSS 3
Após terminar, comece o curso de CSS também oficial no site da mozilla: https://developer.mozilla.org/pt-BR/docs/Learn/CSS/First_steps
JAVASCRIPT
Terminado o de CSS, comece o de JavaScript que também é oficial do mesmo site: https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/First_steps
Terminando esses três primeiros passos, agora você pode aprender frameworks, a partir daqui, escolha o que você achar mais conveniênte.(Na minha opinião, comece com angular.)
REACT
EMBER
VUE
ANGULAR
Se você focar em 1 e aprender um pouco de cada, seu front-end já está aceitável pro mercado de trabalho. Bons estudos...
Ótima dica, eu sempre bato primeiro no site da mozilla quando preciso consultar algo. Aproveitando o post, quero indicar o blog da Tania, que inclusive foi indicado na documentação oficial do React, embora tenha conteudos diversos sobre front-end e até um pouco de back-end https://www.taniarascia.com/
Há uma trilha de estudos para front-end já estruturada no site deles: https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer Ao decorrer dessa trilha/curso são recomendados vários outros artigos e vídeos de assuntos relacionados à área.
(Você pode mudar o idioma para PT-BR no canto superior direito, embora não tenho certeza se todos os artigos dessa trilha de estudos possuem tradução disponível)