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

Mais procurados

TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
tdc-globalcode
 
Profissão Front-end
Profissão Front-endProfissão Front-end
Profissão Front-end
Marconi Pacheco
 
O dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-endO dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-end
Tatiane Aguirres Nogueira
 
T@rget trust microsoft asp.net mvc
T@rget trust   microsoft asp.net mvcT@rget trust   microsoft asp.net mvc
T@rget trust microsoft asp.net mvc
Targettrust
 
Ria e Java FX
Ria e Java FXRia e Java FX
Ria e Java FX
Marcelo Quinta
 
Sites Híbridos - Sites funcionam em qualquer lugar
Sites Híbridos - Sites funcionam em qualquer lugarSites Híbridos - Sites funcionam em qualquer lugar
Sites Híbridos - Sites funcionam em qualquer lugar
insign
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015
Rangel Torrezan
 
O papel e a carreira de um desenvolvedor de software
O papel e a carreira de um desenvolvedor de softwareO papel e a carreira de um desenvolvedor de software
O papel e a carreira de um desenvolvedor de software
Michel Graciano
 
Vaga para programador
Vaga para programadorVaga para programador
Vaga para programador
Paulo Mattos
 
TDC Floripa 2015 - Customer Development
TDC Floripa 2015 - Customer DevelopmentTDC Floripa 2015 - Customer Development
TDC Floripa 2015 - Customer Development
leite08
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
Eder Nogueira
 
Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01
Renato Sousa
 
Curso de web2py - Apresentação
Curso de web2py - ApresentaçãoCurso de web2py - Apresentação
Curso de web2py - Apresentação
Júlia Rizza
 
O Desenvolvedor Web
O Desenvolvedor WebO Desenvolvedor Web
O Desenvolvedor Web
Rafael Carneiro
 
Oficina php
Oficina phpOficina php
Mercado de trabalho para Desenvolvedores de Sistemas
Mercado de trabalho para Desenvolvedores de SistemasMercado de trabalho para Desenvolvedores de Sistemas
Mercado de trabalho para Desenvolvedores de Sistemas
Ivan Sanches
 
Workshop - Introdução a linguagem C#
Workshop - Introdução a linguagem C#Workshop - Introdução a linguagem C#
Workshop - Introdução a linguagem C#
Cristiano Cunha
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
Campus Party Brasil
 
Laravel Api
Laravel ApiLaravel Api
Laravel Api
Gabriel Gonçalves
 

Mais procurados (19)

TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
TDC2016POA | Trilha PHP - Por que utilizar o Laravel?
 
Profissão Front-end
Profissão Front-endProfissão Front-end
Profissão Front-end
 
O dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-endO dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-end
 
T@rget trust microsoft asp.net mvc
T@rget trust   microsoft asp.net mvcT@rget trust   microsoft asp.net mvc
T@rget trust microsoft asp.net mvc
 
Ria e Java FX
Ria e Java FXRia e Java FX
Ria e Java FX
 
Sites Híbridos - Sites funcionam em qualquer lugar
Sites Híbridos - Sites funcionam em qualquer lugarSites Híbridos - Sites funcionam em qualquer lugar
Sites Híbridos - Sites funcionam em qualquer lugar
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015
 
O papel e a carreira de um desenvolvedor de software
O papel e a carreira de um desenvolvedor de softwareO papel e a carreira de um desenvolvedor de software
O papel e a carreira de um desenvolvedor de software
 
Vaga para programador
Vaga para programadorVaga para programador
Vaga para programador
 
TDC Floripa 2015 - Customer Development
TDC Floripa 2015 - Customer DevelopmentTDC Floripa 2015 - Customer Development
TDC Floripa 2015 - Customer Development
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
 
Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01
 
Curso de web2py - Apresentação
Curso de web2py - ApresentaçãoCurso de web2py - Apresentação
Curso de web2py - Apresentação
 
O Desenvolvedor Web
O Desenvolvedor WebO Desenvolvedor Web
O Desenvolvedor Web
 
Oficina php
Oficina phpOficina php
Oficina php
 
Mercado de trabalho para Desenvolvedores de Sistemas
Mercado de trabalho para Desenvolvedores de SistemasMercado de trabalho para Desenvolvedores de Sistemas
Mercado de trabalho para Desenvolvedores de Sistemas
 
Workshop - Introdução a linguagem C#
Workshop - Introdução a linguagem C#Workshop - Introdução a linguagem C#
Workshop - Introdução a linguagem C#
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
 
Laravel Api
Laravel ApiLaravel Api
Laravel Api
 

Semelhante a Hangout Tempo Real Eventos - Javascript - Os Primeiros Passos

JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
William Oliveira
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
Rael Max
 
Desenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full StackDesenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full Stack
Erick Petrucelli
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
Diego Eis
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front end
Romário J. Santos
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - Goiânia
Frederico Maia Arantes
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
thiagolima
 
Habilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dadosHabilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dados
Jeison Barros
 
Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para ele
Ramon Bispo
 
Dream 02
Dream 02Dream 02
Dream 02
Anderson Maciel
 
Dream 02
Dream 02Dream 02
Como encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-endComo encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-end
Jean Carlo Emer
 
SPA com CSharp
SPA com CSharpSPA com CSharp
SPA com CSharp
Gilmar Oliveira
 
Apresentação java
Apresentação javaApresentação java
Apresentação java
munosai
 
Cv alexandre rezendedecastro
Cv alexandre rezendedecastroCv alexandre rezendedecastro
Cv alexandre rezendedecastro
Alexandre R. de Castro
 
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout  Tempo Real Eventos - Nodejs - Os Primeiros PassosHangout  Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Jackson F. de A. Mafra
 
A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front end
Douglas Matoso
 
Java com Excelência
Java com ExcelênciaJava com Excelência
Java com Excelência
Brazoft Solutions
 
Além do Java - Maratona4Java 2005
Além do Java - Maratona4Java 2005Além do Java - Maratona4Java 2005
Além do Java - Maratona4Java 2005
Phil Calçado
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
Jeferson Souza
 

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

JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Desenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full StackDesenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full Stack
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front end
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - Goiânia
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Habilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dadosHabilidades necessárias para integrar aplicativos e dados
Habilidades necessárias para integrar aplicativos e dados
 
Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para ele
 
Dream 02
Dream 02Dream 02
Dream 02
 
Dream 02
Dream 02Dream 02
Dream 02
 
Como encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-endComo encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-end
 
SPA com CSharp
SPA com CSharpSPA com CSharp
SPA com CSharp
 
Apresentação java
Apresentação javaApresentação java
Apresentação java
 
Cv alexandre rezendedecastro
Cv alexandre rezendedecastroCv alexandre rezendedecastro
Cv alexandre rezendedecastro
 
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout  Tempo Real Eventos - Nodejs - Os Primeiros PassosHangout  Tempo Real Eventos - Nodejs - Os Primeiros Passos
Hangout Tempo Real Eventos - Nodejs - Os Primeiros Passos
 
A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front end
 
Java com Excelência
Java com ExcelênciaJava com Excelência
Java com Excelência
 
Além do Java - Maratona4Java 2005
Além do Java - Maratona4Java 2005Além do Java - Maratona4Java 2005
Além do Java - Maratona4Java 2005
 
Aprenda a ser um webmaster
Aprenda a ser um webmasterAprenda a ser um webmaster
Aprenda a ser um webmaster
 

Mais de Jackson F. de A. Mafra

PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
Jackson F. de A. Mafra
 
PHP SSO no Zentyal
PHP SSO no ZentyalPHP SSO no Zentyal
PHP SSO no Zentyal
Jackson F. de A. Mafra
 
Phprs meetup - deploys automatizados com gitlab
Phprs   meetup - deploys automatizados com gitlabPhprs   meetup - deploys automatizados com gitlab
Phprs meetup - deploys automatizados com gitlab
Jackson F. de A. Mafra
 
O que você precisa saber sobre chatbots
O que você precisa saber sobre chatbotsO que você precisa saber sobre chatbots
O que você precisa saber sobre chatbots
Jackson F. de A. Mafra
 
WCPOA2019 - WordPress como um backend de seus aplicativos
WCPOA2019  - WordPress como um backend de seus aplicativosWCPOA2019  - WordPress como um backend de seus aplicativos
WCPOA2019 - WordPress como um backend de seus aplicativos
Jackson F. de A. Mafra
 
WordPress como um backend de seus aplicativos
WordPress como um backend de seus aplicativosWordPress como um backend de seus aplicativos
WordPress como um backend de seus aplicativos
Jackson F. de A. Mafra
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPress
Jackson F. de A. Mafra
 
Precisamos de um barco maior introdução ao dimensionamento de aplicações
Precisamos de um barco maior introdução ao dimensionamento de aplicaçõesPrecisamos de um barco maior introdução ao dimensionamento de aplicações
Precisamos de um barco maior introdução ao dimensionamento de aplicações
Jackson F. de A. Mafra
 
Hangout Tempo Real Eventos - ChatOps (ChatBots e DevOps) - Como bots podem ...
Hangout  Tempo Real Eventos - ChatOps (ChatBots e DevOps)  - Como bots podem ...Hangout  Tempo Real Eventos - ChatOps (ChatBots e DevOps)  - Como bots podem ...
Hangout Tempo Real Eventos - ChatOps (ChatBots e DevOps) - Como bots podem ...
Jackson F. de A. Mafra
 
Hangout Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
Hangout  Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...Hangout  Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
Hangout Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
Jackson F. de A. Mafra
 
Desmistificando o DialogFlow
Desmistificando o DialogFlowDesmistificando o DialogFlow
Desmistificando o DialogFlow
Jackson F. de A. Mafra
 
ChatOps (ChatBots + DevOps)
ChatOps (ChatBots + DevOps) ChatOps (ChatBots + DevOps)
ChatOps (ChatBots + DevOps)
Jackson F. de A. Mafra
 
Conexao kinghost - Vendas inteligentes com intelibots
Conexao kinghost - Vendas inteligentes com intelibotsConexao kinghost - Vendas inteligentes com intelibots
Conexao kinghost - Vendas inteligentes com intelibots
Jackson F. de A. Mafra
 
WoMakersCode 2016 - Shit Happens
WoMakersCode 2016 -  Shit HappensWoMakersCode 2016 -  Shit Happens
WoMakersCode 2016 - Shit Happens
Jackson F. de A. Mafra
 
Phalcon 2 High Performance APIs - DevWeekPOA 2015
Phalcon 2 High Performance APIs - DevWeekPOA 2015Phalcon 2 High Performance APIs - DevWeekPOA 2015
Phalcon 2 High Performance APIs - DevWeekPOA 2015
Jackson F. de A. Mafra
 
Dev Heroes
Dev HeroesDev Heroes
Trilha Android - Android Evolved
Trilha Android - Android EvolvedTrilha Android - Android Evolved
Trilha Android - Android Evolved
Jackson F. de A. Mafra
 
TDC 2015 - POA - Trilha PHP - Shit Happens
TDC 2015 - POA - Trilha PHP - Shit HappensTDC 2015 - POA - Trilha PHP - Shit Happens
TDC 2015 - POA - Trilha PHP - Shit Happens
Jackson F. de A. Mafra
 
Material design
Material designMaterial design
Material design
Jackson F. de A. Mafra
 
Phalcon 2 - PHP Brazil Conference
Phalcon 2 - PHP Brazil ConferencePhalcon 2 - PHP Brazil Conference
Phalcon 2 - PHP Brazil Conference
Jackson F. de A. Mafra
 

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

PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
PHP Conference 2020 - A eterna luta: compatibilidade retroativa vs. dívida té...
 
PHP SSO no Zentyal
PHP SSO no ZentyalPHP SSO no Zentyal
PHP SSO no Zentyal
 
Phprs meetup - deploys automatizados com gitlab
Phprs   meetup - deploys automatizados com gitlabPhprs   meetup - deploys automatizados com gitlab
Phprs meetup - deploys automatizados com gitlab
 
O que você precisa saber sobre chatbots
O que você precisa saber sobre chatbotsO que você precisa saber sobre chatbots
O que você precisa saber sobre chatbots
 
WCPOA2019 - WordPress como um backend de seus aplicativos
WCPOA2019  - WordPress como um backend de seus aplicativosWCPOA2019  - WordPress como um backend de seus aplicativos
WCPOA2019 - WordPress como um backend de seus aplicativos
 
WordPress como um backend de seus aplicativos
WordPress como um backend de seus aplicativosWordPress como um backend de seus aplicativos
WordPress como um backend de seus aplicativos
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPress
 
Precisamos de um barco maior introdução ao dimensionamento de aplicações
Precisamos de um barco maior introdução ao dimensionamento de aplicaçõesPrecisamos de um barco maior introdução ao dimensionamento de aplicações
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 - ChatOps (ChatBots e DevOps)  - Como bots podem ...Hangout  Tempo Real Eventos - ChatOps (ChatBots e DevOps)  - Como bots podem ...
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 - Android - Os primeiros passos do desenvolviment...Hangout  Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
Hangout Tempo Real Eventos - Android - Os primeiros passos do desenvolviment...
 
Desmistificando o DialogFlow
Desmistificando o DialogFlowDesmistificando o DialogFlow
Desmistificando o DialogFlow
 
ChatOps (ChatBots + DevOps)
ChatOps (ChatBots + DevOps) ChatOps (ChatBots + DevOps)
ChatOps (ChatBots + DevOps)
 
Conexao kinghost - Vendas inteligentes com intelibots
Conexao kinghost - Vendas inteligentes com intelibotsConexao kinghost - Vendas inteligentes com intelibots
Conexao kinghost - Vendas inteligentes com intelibots
 
WoMakersCode 2016 - Shit Happens
WoMakersCode 2016 -  Shit HappensWoMakersCode 2016 -  Shit Happens
WoMakersCode 2016 - Shit Happens
 
Phalcon 2 High Performance APIs - DevWeekPOA 2015
Phalcon 2 High Performance APIs - DevWeekPOA 2015Phalcon 2 High Performance APIs - DevWeekPOA 2015
Phalcon 2 High Performance APIs - DevWeekPOA 2015
 
Dev Heroes
Dev HeroesDev Heroes
Dev Heroes
 
Trilha Android - Android Evolved
Trilha Android - Android EvolvedTrilha Android - Android Evolved
Trilha Android - Android Evolved
 
TDC 2015 - POA - Trilha PHP - Shit Happens
TDC 2015 - POA - Trilha PHP - Shit HappensTDC 2015 - POA - Trilha PHP - Shit Happens
TDC 2015 - POA - Trilha PHP - Shit Happens
 
Material design
Material designMaterial design
Material design
 
Phalcon 2 - PHP Brazil Conference
Phalcon 2 - PHP Brazil ConferencePhalcon 2 - PHP Brazil Conference
Phalcon 2 - PHP Brazil Conference
 

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.