Para você que quer ser um desenvolvedor Front-End e trabalhar como Freelancer

Recentemente um amigo meu veio me dizer que gostaria de trabalhar com Front-End, ir para o Freelance, ganhar aquela rendinha extra, e pediu minha ajuda, então fui atrás de mastigar uma boa parcela de conteúdo para ele, direcioná-lo para o ramo, com isso, fiz um mini artigo/resumo, e irei disponibilizá-lo aqui.
Espero ajudá-los :)

Visão Geral:

Desenvolvedor Front-Ent é o desenvolvedor responsável por criar a versão final com qual o usuário terá contato.
Front-End envolve a parte visual, você cria elementos na página, estiliza a página, desenvolve a lógica de navegação do usuário na aplicação, trabalha tudo isso na responsividade, também faz integrações com o hardware do aparelho, como câmera, localização, etc.
Front-Ent codifica as interfaces, um desenvolvedor Front-End não precisa saber de design, o Designer faz o design e o Front-End o codifica, mas é muito importante que o desenvolvedor Front-End, estuda sobre Experiência do Usuário (UX), isso é um grande diferencial, quando vamos desenvolver um programa, é muito importante pensar no fluxo de desenvolvimento, é preciso entender que tudo parte dos requisitos, primeiramente entender quais os requisitos necessários para aquele produto, então o profissional de UX vai prototificar uma solução, com a qual iremos analisar se ela corresponde e atende todos os requisitos necessários, isso tudo será feito como um WireFrame (Esboço/Protótipo de Baixa Fidelidade), caso tudo concordar, o UX deverá fazer um Protótipo de Alta Fidelidade (Layout que será implementado pelo desenvolvedor Front-End), isso será entregue com todas as especificações para o desenvedor Front-End. O desenvolvedor Front-End vai utilizar como base, as tecnologias de HTML, CSS e JS, mas após isso é importante que o desenvolvedor vá atrás de Frameworks (são bibliotecas/códigos de terceiro que vão facilitar o seu desenvolvimento), mas não estude somente Frameworks, é preciso ter uma base solida do JS para entender quando/como utilizar o Framework, e saber como ele estará te ajudando a solucionar tais problemas, caso fico confuso sobre qual Framework estudar, é bom entender o que essa tecnologia vai te oferecer, e também entender o que o mercado esta pedindo
Sobre Freelancer, ele é um modelo que te entrega liberdade, ótima rentabilidade, e estabilidade. O primeiro passo para ingressar no mundo Freelancer, é ter um portfólio, mesmo que você não tenha muita experiência, crie isso como uma case de estudos, colocando os projetos lá, o seu portfólio precisa ser impactante, e responder perguntas como, quem você é? O que você faz? E o que você já fez? O cliente precisa entender o que você pode oferecer para ele, é interessante "investir em seu portfólio", mas caso não consiga, você pode usar um site de templates, como site themeforest, então após isso e interessante começar a se cadastrar nas plataformas Freelancers (plataformas que fazem a ponte entre o desenvolvedor e o cliente, promove o network, e entrega uma segurança), essa é uma ótima forma de ingressar no mercado, as principais plataformas para quem está procurando serviços são a Workana, 99Freelas, Upwork, Freelancer.com, se cadastre nelas, com um cadastro bem completo, e caso a plataforma ofereça exames para você comprovar seu conhecimento, façam para se destacar, após isso, faça propostas aos clientes, e é muito importante saber fazer essa proposta, entenda o que o cliente quer, e entregue uma proposta compatível, converse com o cliente, faça um atendimento humanizado, converse com o cliente, isso faz toda a diferença, faça um bom trabalho, e se relacione bem, para ganhar recomendação do seu cliente, assim ganhando destaque, crie clientes fieis, que sempre vá atrás de você obs: nunca desvalorize o seu trabalho. Toda essa experiência com Freelancer, com certeza irá te ajudar a conseguir um emprego, caso queira.

Salários:

Desenvolvedor Front-End Junior: 3000/mês em Média
Desenvolvedor Front-End Pleno (2 a 3 anos de carreira): 6400/mês em Média
Desenvolvedor Front-End Sênior (4 a 5 anos de carreira): 10000/mês em Média

Dicas para treinamento:

Se dedique ao inglês, isso faz total diferença, não só no mercado, por ter mais vagas, e oportunidades, mas também para os estudos (grande parte do material de estudo pela internet está em inglês;
Sempre vá atrás de fazer aplicações praticas, para você mesmo, desde um site de restaurante, a um site de jogos (isso vai ajudar a fixar o conteúdo, trazer experiência e prática);
Tudo que aprender coloque no Git/GitHub, fez sites, aplicações, ferramentas, poste-as, isso irá ajudar a comprovar o seu conhecimento, isso faz muita diferença em entrevistas de emprego e processos seletivos, quanto melhor for seu portfólio, maiores suas chances;
Nunca se acomode, um bom desenvolvedor sempre está se atualizando, renovando seus conhecimentos.

Visão Geral:

Salários:

Dicas para treinamento:

RoadMaps para estudo (RoadMaps Front-End):

Sites para estudo (Cursos e Documentações):