O que é e como aprender a ser desenvolvedor front-end?
Quer aprender sobre front-end de uma forma fácil? Descubra aqui tudo de mais importante sobre a profissão de desenvolvedor front-end.
Se você está interessado(a) em se tornar um desenvolvedor de sites e não sabe por onde começar, aqui você dará o primeiro passo. Hoje vou te explicar o que é um front-ender, também chamado de desenvolvedor front-end.
Aqui você verá informações importantes, dicas e tudo mais que você precisa para aprender front-end.
Em primeiro lugar, já aviso que sou suspeito para falar. Afinal, front-end é a minha profissão.
Além disso, já adianto que aprender front-end não é tão complicado quanto se imagina. Na verdade, trabalhar com isso pode ser uma atividade bastante divertida.
E como já dizia Confúcio:
Escolha um trabalho que você ama e você nunca terá que trabalhar um dia sequer na vida.
Confúcio
Índice
O que é front-end?
Vou tentar explicar de maneira bem fácil e didática.
Se você é novo na área, saiba que existem dois tipos de código: o front-end (client-side) e o back-end (server-side).
A diferença entre os dois é que front-end é uma linguagem voltada para o navegador, que “monta” o design do site, trabalha os efeitos visuais e tudo mais.
Em contrapartida, o back-end é uma linguagem que o servidor entende, o que está mais voltado às ações do usuário com funcionalidades do site (como o cadastro em um site ou a compra de um produto, por exemplo).
O que faz um front-ender?
A resposta rápida que quem trabalha em agência diz: faz o PSD funcionar no navegador.
Claro, é bem mais complexo que isso, mas esse é o resumo – como dito acima, o front-ender é o profissional que trabalha essencialmente com o visual, com o que o cliente vê.
Para isso, os códigos utilizados normalmente são HTML, CSS e JavaScript.
Há diversos frameworks, bibliotecas, ferramentas e softwares que não só facilitam mas contribuem com o trabalho de um desenvolvedor front-end, como Gulp, SASS, Normalize.css, JQuery, GIT, Sublime Text e muito mais.
Foi-se o tempo do web master…
Antigamente, o web designer (ou web master) era responsável não só pelo design do site, mas também pelo desenvolvimento dele. Outras aplicações mais “complexas” ficavam a cargo do programador.
Com a evolução das tecnologias, as tarefas foram mais bem divididas, até porque cada profissional passou a ter um foco mais específico em vez de ser um faz-tudo.
Daí surgem “novos” termos profissionais segmentados: front-ender, back-ender, desiger UX e por aí vai.
Mas não se engane: os faz-tudo ainda existem e sempre existirão – eu que o diga!
O que é preciso aprender para ser desenvolvedor front-end?
De início, é importante aprender sobre códigos HTML, CSS e JavaScript.
Priorize partir dos princípios básicos, principalmente em relação a HTML e CSS. Ter esse conhecimento é essencial para a profissão.
Particularmente, vejo muitas pessoas em fóruns e comentários de sites de web masters fazendo perguntas bobas que elas jamais fariam se tivessem aprendido HTML e CSS de verdade.
Portanto, comece com humildade para estudar a parte “chata” antes de querer ir logo para a parte legal.
Além disso, é essencial que o profissional tenha conhecimentos com Photoshop e Illustrator, já que precisará não só fatiar os layouts, mas eventualmente otimizar ou recortar algumas imagens e ícones.
Também é bacana entender conceitos básicos de PHP e até outras linguagens de programação, tendo em vista eventuais manutenções em códigos ou trabalhos em equipe.
Por fim, práticas de SEO e otimização em geral são obrigatórias se você quer ser um profissional completo!
Veja também: Cursos online para redação e escrita SEO
Quais programas devo saber usar para fazer front-end?
A princípio, quem tem pretensão de se tornar um front-ender se depara com um montão de dúvidas sobre qual programa usar.
Logo de cara, te digo: um bom desenvolvedor front-end entende de conceitos e técnicas, e não de programas.
Há inúmeros cursos que prometem te deixar expert em determinado programa, e eles são válidos sim, mas priorize cursos que te ensinem os conceitos.
Até porque, se você aprender bem a teoria, você vai conseguir realizar na prática independentemente do programa utilizado.
Abaixo, vou te dar umas dicas sobre como escolher os melhores cursos sobre o tema.
Como aprender front-end?
Até o momento não há uma faculdade de formação em desenvolvimento front-end, por exemplo. No entanto, há opções de pós-graduação na área.
Você também pode encontrar diversos cursos por aí. E se há dúvidas sobre qual escolher, leve esses 3 pontos em consideração (além do preço, se for o caso):
- Conteúdo: Quanto mais, melhor. Mas procure por conteúdo relevante – antes de aprender sobre softwares, frameworks e libraries, por exemplo, você precisa fazer as coisas do zero para entender melhor e se virar melhor – caso contrário, será um “profissional copia e cola (copy & paste)”.
- Tempo: Quanto mais, melhor. Afinal, se for um curso “completo” com duração de 5 horas, tem alguma coisa incompleta aí (no caso, tudo).
- Credibilidade: Os professores são conhecidos? Pesquise por trabalhos e opiniões sobre eles e sobre o curso em si.
Dicas para aprender front-end sozinho
No meu caso, aprendi fuçando códigos de outros sites e lendo textos do Maujor, já que na minha época não faziam nem palestras sobre o assunto e os cursos eram sobre programas (flash e dreamweaver), não sobre linguagem.
Textos na internet também eram bem escassos ou não eram tão amigáveis – ou seja, não eram pra iniciantes. Com o passar do tempo, fiz alguns cursos – como o de SEO na Mestre SEO e o de JavaScript na Caelum –, mas realmente aprendi mais na base da curiosidade.
Felizmente, com o tempo os textos passaram a ficar mais amigáveis e várias comunidades foram surgindo, então hoje é muito fácil ficar antenado com novidades da nossa área.
Também assisti muitas palestras – elas são ótimas não só para conhecimento, mas para inspiração e networking. Hoje em dia tenho visto bastante coisa no YouTube e na Udemy, por exemplo – tem muita coisa boa e barata (e até mesmo gratuita!).
Então, o que eu recomendo é que, acima de tudo, você leia a todo momento, acompanhe a área ativamente.
Videoaulas têm mais potencial que cursos presenciais, a meu ver, mas isso é só uma opinião. Por fim, vá em todas as palestras e eventos que você conseguir.
Ah, tenha algo importante em mente: aprofunde-se, tente aprender e entender ao máximo cada linguagem, conceito e por aí vai.
Não vire refém de frameworks (ou o “profissional copia e cola” que citei acima).
Assim como quem sabe mexer com Photoshop não é necessariamente um designer, não é só porque você sabe mexer com Bootstrap que será considerado um desenvolvedor front-end.
Links úteis
Pra organizar melhor tudo o que eu disse acima, seguem links para você que quer aprender front-end:
- Maujor: Impossível criar uma lista sem citar esse cara. Aprendi muito com ele e ainda desconfio que ele tenha criado a internet.
- Fórum Front-End Brasil: Relativamente novo, mas tem muito potencial e discussões bacanas.
- Frontinsampa: Evento anual em São Paulo. Ótimos temas, palestrantes e organização. Fui em três edições!
- @zenorocha e @bernarddeluna: Conheci ambos justamente no primeiro Frontinsampa, e também fiz um curso com eles (era chamado Coding On Weekend). Os caras são gênios, e se você está em busca de inspiração para sua carreira, pesquise sobre os trampos deles.
- Udemy: Há cursos em português, mas se você manja inglês, melhor ainda. Em breve farei um post indicando alguns cursos muito bons que fiz por lá!
Participe da “comunidade” front-end
Se tem uma coisa que me orgulha nessa área é o fato de que os profissionais estão sempre compartilhando, sempre apresentando novas soluções.
Por mais que seja uma profissão de pouca sociabilidade – presencialmente falando –, isso não quer dizer que você está solitário nessa jornada.
Enquanto em algumas áreas você é julgado por ter dúvidas ou os profissionais mantém tudo em segredo, na nossa área há diversas comunidades com muita gente disposta a ajudar.
Claro, sempre tem os que mandam você procurar no Google (o que é uma dica preciosa, mas não quando você está em um fórum de discussões, por exemplo), assim como sempre tem alguém que quer que os outros façam seu trabalho – mas, no geral, o pessoal sempre está compartilhando e participando.
Pratique front-end!
Depois desse montão de dicas para quem quer aprender front-end, preciso deixar uma dica pessoal: ponha a mão na massa.
Para trabalhar no mundo do desenvolvimento dos sites, muito do que se executa vem da prática. A teoria é fundamental, mas tudo fixa melhor na mente quando você sai produzindo!
Por isso, obtenha um curso legal de HTML, CSS e JavaScript e preste bastante atenção no começo. Aprenda os conceitos básicos com muito respeito, pois eles vão te carregar durante toda a sua carreira de desenvolvendor front-ender!
Crédito das imagens: Freepik.