O documento discute os primeiros passos para se tornar um desenvolvedor front-end, incluindo: 1) O que faz um desenvolvedor front-end e a importância da área; 2) O mercado de trabalho está em alta demanda por profissionais qualificados; 3) Os diferentes níveis de conhecimento necessários, de básico a avançado.

1. Javascript - Os Primeiros
Passos
Tornando-se um ótimo profissional Front-end web.

2. JACKSON FERREIRA DE ANDRADE MAFRA
Desenvolvedor há mais de 20 anos com background em projetos de e-commerce e real estate, desde
2009 com interesses focados para o desenvolvimento de interfaces móveis e aplicações MEAP.
Me chama lá...
http://about.me/jacksonfdam
http://linkedin.com/in/jacksonfdam
@jacksonfdam

3. O JavaScript, durante muito tempo, não foi uma linguagem respeitada. Era
considerada uma linguagem de amadores e, por de fato ser utilizada por
muitos programadores inexperientes, gerava códigos mal-escritos. O JS
mudou e moldou a web, deu muito mais poder aos desenvolvedores, e se
estabeleceu permanentemente como a linguagem de scripts para a web.

4. Hoje, o JavaScript se reinventou mais uma vez, e mais uma vez, está
entregando nas mãos dos desenvolvedores o poder de mudar o
desenvolvimento. Vamos conhecer como iniciar o caminho a ser percorrido
para que você adentre o mundo da plataforma que está disponível em
centenas de milhões de aplicações, e, num breve futuro, alcance o grau de
profissionalismo para aproveitar grandes oportunidades de mercado.

5. Agenda
● O que faz um desenvolvedor Front End?
● Qual a importância do Front End?
● Mercado de Trabalho
● Níveis de conhecimento
● Quanto ganha um Desenvolvedor Full Stack?

6. O que faz um desenvolvedor Front End?
O desenvolvedor front end é o profissional responsável por projetar,
construir e otimizar as interfaces de um projeto web.

7. Qual a importância do Front End?
É claro que a maioria já deve saber a necessidade desse profissional, mas
vale ressaltar alguns detalhes:
● 80% do tempo de carregamento é gasto no frontend
● Cada vez mais as interfaces vem ficando complexas e detalhadas,
fazendo ainda mais necessária a presença de um especialista
● O visual é a primeira coisa a ser vista, se ele estiver quebrado, o risco do

8. Mercado de Trabalho
O problema da mão de obra qualificada no Brasil e em outros países, como
Estados Unidos e Inglaterra, afeta diretamente o mercado de trabalho, que
encontra dificuldades para encontrar candidatos dentro desse perfil.

9. Mercado de Trabalho

10. Quanto ganha um Desenvolvedor Full Stack?
● Conforme os dados de oportunidades em que a faixa salarial foi
divulgada no trampos.co, os salários variam de R$ 4.000 a R$ 8.000.
Estágios na área podem chegar a R$ 2.000.

11. Níveis de conhecimento
Iniciante Básico
● HTML (estrutura e tags)
● CSS (propriedades básicas)
● JS (pequenas noções, chamadas de scripts prontos)
● Básico de Photoshop (recortes, cores, fontes)

12. Níveis de conhecimento
Intermediário
● HTML (Semântica e Acessibilidade)
● CSS (propriedades avançadas do CSS3, Design Responsivo, funcionamento de
grids e noção de frameworks)
● JS (Entendimento da linguagem, noções de orientação a objeto)
● Ferramenta de Versionamento (Git)
● Noções de performance

13. Níveis de conhecimento
Avançado
● CSS (Entender pre-processadores e suas funcões)
● JS (Conhecimento forte na linguagem, entender algumas arquiteturas e Testes)
● NodeJS (Saber como funciona e alguns conhecimentos basicos para
automatização e afins)
● Grunt/Gulp (saber como automatizar processos)
● Bons conhecimentos de performance

14. Níveis de conhecimento
Pleno
● CSS (conceitos avançados de arquitetura - BEM, Organic, Atomic)
● JS (Total domínio na linguagem, design patterns na palma da mão)
● NodeJS (saber como criar módulos, chamá-los tanto no front quanto no back)
● Ter sólida experiência em sistemas front como o MEAN Stack

15. Níveis de conhecimento
Cada dia uma nova tecnologia é lançada e precisamos nos manter sempre
atualizados

16. Níveis de conhecimento
Uma grande armadilha para o desenvolvedor full stack que anseia a posição
é a busca pela amplitude de conhecimentos sem uma definição clara dos
pontos de aprofundamento.

17. Níveis de conhecimento
Inglês
Sim, uma das coisas mais importantes para se tornar um bom desenvolvedor é saber
inglês. É claro que eu não estou falando que você precisa ser fluente como um
americano legítimo de início, mas saber ler e assistir vídeos vai te ajudar muito, visto
que a maioria do material vai estar em inglês, você querendo ou não.

18. Perguntas?