SlideShare uma empresa Scribd logo
Javascript - Os Primeiros
Passos
Tornando-se um ótimo profissional Front-end web.
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
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.
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.
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?
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.
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
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.
Mercado de Trabalho
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.
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)
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
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
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
Níveis de conhecimento
Cada dia uma nova tecnologia é lançada e precisamos nos manter sempre
atualizados
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.
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.
Perguntas?

Mais conteúdo relacionado

PDF
Tecnologias & Desafios: a Vida de uma Front-ender na Europa
PDF
PHP: Como não programar em POG
ODP
Javascript para adultos
PPTX
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
PPTX
Desenvolvimento Ágil com CMS Joomla!
PDF
Webforms2
PDF
Ruby on Rails como deve ser utilizada e onde - Julio Cartier Maia Gomes
PDF
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
Tecnologias & Desafios: a Vida de uma Front-ender na Europa
PHP: Como não programar em POG
Javascript para adultos
TDC2016POA | Trilha PHP - Quero ser desenvolvedor PHP. Como me preparar para ...
Desenvolvimento Ágil com CMS Joomla!
Webforms2
Ruby on Rails como deve ser utilizada e onde - Julio Cartier Maia Gomes
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?

Mais procurados (18)

PDF
Profissão Front-end
PPTX
O dia a dia de uma Desenvolvedora Front-end
PPTX
T@rget trust microsoft asp.net mvc
PDF
Ria e Java FX
PPTX
Sites Híbridos - Sites funcionam em qualquer lugar
PDF
Web/Mobile tendências 2015
PDF
O papel e a carreira de um desenvolvedor de software
PDF
Vaga para programador
PDF
TDC Floripa 2015 - Customer Development
PPTX
JavaFX - Uma visão Geral
PDF
Curso Programação Web com Ruby on Rails - Aula 01
PPTX
Curso de web2py - Apresentação
PDF
O Desenvolvedor Web
PPTX
Mercado de trabalho para Desenvolvedores de Sistemas
PDF
Workshop - Introdução a linguagem C#
PDF
Zf campus party_2011
PDF
Laravel Api
Profissão Front-end
O dia a dia de uma Desenvolvedora Front-end
T@rget trust microsoft asp.net mvc
Ria e Java FX
Sites Híbridos - Sites funcionam em qualquer lugar
Web/Mobile tendências 2015
O papel e a carreira de um desenvolvedor de software
Vaga para programador
TDC Floripa 2015 - Customer Development
JavaFX - Uma visão Geral
Curso Programação Web com Ruby on Rails - Aula 01
Curso de web2py - Apresentação
O Desenvolvedor Web
Mercado de trabalho para Desenvolvedores de Sistemas
Workshop - Introdução a linguagem C#
Zf campus party_2011
Laravel Api
Anúncio

Semelhante a Hangout Tempo Real Eventos - Javascript - Os Primeiros Passos (20)

PDF
Desenvolvimento Web com Java Script Full Stack
PDF
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
PDF
Front end, back end, full stack. onde vivem o que comem hoje na uni_granrio
PDF
O que você precisa saber para se tornar um dev front-end
PDF
Carreira de Desenvolvimento
PDF
Mapa de aprendizado Front End
PDF
Overview do Mercado de Desenvolvimento Web
PDF
A Carreira de Desenvolvedor: do Jr ao Sênior
PDF
Programador (front|back) end moderno, por Leonardo Hackin
PDF
Seja um Desenvolvedor de Sucesso
PDF
O Papel do desenvolvedor Front End
PPTX
Introdução ao desenvolvimento de aplicações web
PDF
Currículo.pdf
PDF
Habilidades necessárias para integrar aplicativos e dados
PDF
O mercado de trabalho para a T.I.
PDF
P01 - Como ser um desenvolvedor melhor
ODP
Palestra Sobre o que é um Front-End
PPTX
Dando Start na Carreira Deeva
PDF
Carreira de desenvolvedor
PPTX
Front-end o que é preciso saber?
Desenvolvimento Web com Java Script Full Stack
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
Front end, back end, full stack. onde vivem o que comem hoje na uni_granrio
O que você precisa saber para se tornar um dev front-end
Carreira de Desenvolvimento
Mapa de aprendizado Front End
Overview do Mercado de Desenvolvimento Web
A Carreira de Desenvolvedor: do Jr ao Sênior
Programador (front|back) end moderno, por Leonardo Hackin
Seja um Desenvolvedor de Sucesso
O Papel do desenvolvedor Front End
Introdução ao desenvolvimento de aplicações web
Currículo.pdf
Habilidades necessárias para integrar aplicativos e dados
O mercado de trabalho para a T.I.
P01 - Como ser um desenvolvedor melhor
Palestra Sobre o que é um Front-End
Dando Start na Carreira Deeva
Carreira de desenvolvedor
Front-end o que é preciso saber?
Anúncio

Mais de Jackson F. de A. Mafra (20)

PPT
PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
PDF
PHP SSO no Zentyal
PDF
Phprs meetup - deploys automatizados com gitlab
PDF
O que você precisa saber sobre chatbots
PPTX
WCPOA2019 - WordPress como um backend de seus aplicativos
PDF
WordPress como um backend de seus aplicativos
PDF
The Ultimate Guide to Development in WordPress
PDF
Precisamos de um barco maior introdução ao dimensionamento de aplicações
PPTX
Hangout Tempo Real Eventos - ChatOps (ChatBots e DevOps) - Como bots podem ...
PPTX
Hangout Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
PPTX
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
PPTX
Desmistificando o DialogFlow
PPTX
ChatOps (ChatBots + DevOps)
PPTX
Conexao kinghost - Vendas inteligentes com intelibots
PDF
WoMakersCode 2016 - Shit Happens
PPTX
Phalcon 2 High Performance APIs - DevWeekPOA 2015
PPTX
PDF
Trilha Android - Android Evolved
PDF
TDC 2015 - POA - Trilha PHP - Shit Happens
PPTX
Material design
PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
PHP SSO no Zentyal
Phprs meetup - deploys automatizados com gitlab
O que você precisa saber sobre chatbots
WCPOA2019 - WordPress como um backend de seus aplicativos
WordPress como um backend de seus aplicativos
The Ultimate Guide to Development in WordPress
Precisamos de um barco maior introdução ao dimensionamento de aplicações
Hangout Tempo Real Eventos - ChatOps (ChatBots e DevOps) - Como bots podem ...
Hangout Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Desmistificando o DialogFlow
ChatOps (ChatBots + DevOps)
Conexao kinghost - Vendas inteligentes com intelibots
WoMakersCode 2016 - Shit Happens
Phalcon 2 High Performance APIs - DevWeekPOA 2015
Trilha Android - Android Evolved
TDC 2015 - POA - Trilha PHP - Shit Happens
Material design

Último (12)

PDF
Certificado de Conclusão Jornada Inteligência Artificial
PPTX
TURMA modelo de modelo apresentação 4DE.pptx
PDF
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
PDF
Metodologias ágeis - Slides - aulas 1 a 5.pdf
PDF
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf
PDF
A teoria como arma da luta_ unidade, luta e cultura no pensamento político de...
PPTX
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
PDF
CORPO, ALMA E ESPÍRITO cura inteiror.pdf
PDF
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
PDF
A teoria como arma da luta_ unidade, luta e cultura no pensamento político de...
PPTX
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
PPTX
AULA DE HTML E CSS PARA INICIANTES EM INFORMÁTICA
Certificado de Conclusão Jornada Inteligência Artificial
TURMA modelo de modelo apresentação 4DE.pptx
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
Metodologias ágeis - Slides - aulas 1 a 5.pdf
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf
A teoria como arma da luta_ unidade, luta e cultura no pensamento político de...
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
CORPO, ALMA E ESPÍRITO cura inteiror.pdf
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
A teoria como arma da luta_ unidade, luta e cultura no pensamento político de...
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
AULA DE HTML E CSS PARA INICIANTES EM INFORMÁTICA

Hangout Tempo Real Eventos - Javascript - Os Primeiros Passos

  • 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.
  • 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.