Vamos lá, vou montar um "resuminho" do que eu acredito que seja essencial para qualquer iniciante em front-end

• HTTP (Como funcionam esse e outros protocolos de comunicação)
• HTML
• CSS
• JS
  Após estudar bastante esses pontos e se sentir mais "seguro" e com vontade de fazer ainda mais, eu sugiro que estude alguns frameworks que irão ser uma caixa de ferramentas que aumentaram o poder de desenvolvimento que tu já tem como:
• Bootstrap (Framework de estilização, ou seja, do CSS)
• AngularJS extremamente usado por várias empresas
• Jquery é um inimigo de muita gente, mas não podemos descartar do seu poder.

Durante a jornada tu vai sentir alguns "incomodos" com o seu código ou forma de programar, e isso é comum, mas pode ser aliviado de certa forma por algumas referências bibliográficas GIGANTES como:

• Clean Code - Código Limpo
• Refactoring - Refatoração
• Clean Archtecture - Arquitertura Limpa
• O programador pragmático

Eu acho que para um iniciante seria isso, e não precisa ficar assustado pela quantidade de coisa, vai fazendo um ponto de cada vez com muita prática, esforço e dedicação que logo, logo tu será um desenvolvedor incrível, já está sendo por buscar conhecimento. Parabéns!