JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais

O perfil do Desenvolvedor Front End das atualidades mais atuais
Vai ter JavaScript sim!
E se reclamar vai ter até React!
- Não, pera...

William de Oliveira
Desenvolvedor Front End no Viva Decora (VivaReal)
Não gosto de MacBook.
http://woliveiras.com.br/about/

Motivação
“Outra coisa que tem dado o que falar são as vagas que
cobram muito mais JS do que qualquer outra tecnologia de
Front, o que acham de sentarmos para conversar sobre isso?”
William Oliveira - http://abc.femug.com/t/o-perfil-do-desenvolvedor-front-end-atual/

Meu objetivo
Tentar te convencer que JS é coisa do Front Ender sim e você precisa aprender
urgente (se ainda não sabe).
Desmistificar o que um Back Ender faz.
Te convencer que você não é o fodelão, pica das galáxia (erro proposital) por ter
muito conhecimento em JavaScript.
William Oliveira - http://abc.femug.com/t/o-perfil-do-desenvolvedor-front-end-atual/

Por que diabos as empresas querem um
cara que manje tanto de JavaScript?

Vamos voltar um pouco no
passado - rapidinho, prometo

Como funcionava uma página web
antigamente?

E se o usuário clicasse em um link ou desejasse
consumir mais conteúdo?

Páginas lentas (culpa do Banco de Dados
ou do Back End)
http://imasters.com.br/banco-de-dados/databasecast-65-front-end-back-end-e-dba

Maior consumo de banda/trafego
https://d36cz9buwru1tt.cloudfront.net/AWS_Pricing_Overview.pdf

Mas ai veio um tal de Ajax sarvá nois! ;P
https://pt.wikipedia.org/wiki/AJAX_(programa%C3%A7%C3%A3o)

Curiosidade para os amantes (SQN) da Microsoft
Em 1998, o primeiro componente XMLHTTP foi implementado no Outlook
Web
O Google só veio utilizar Ajax no Gmail em 2004.
https://en.wikipedia.org/wiki/Ajax_(programming)#History

JavaScript === Menos consumo de banda quando
um usuário acessa pelo 3G

JavaScript === Páginas que não precisam ser
recarregadas a toda iteração

Mas onde entra o Front End Developer
nessa história?

O Front é o cara que cuida do desenvolvimento
Client Side de um projeto

Hoje em dia temos mais JavaScript do que HTML! - E se o seu CSS
for bem feito, vai ter mais JS do que CSS também. Porém o JS estará cuidando dos dados e não dos efeitos,
afinal CSS animations já está ai né fio(a)? Pelamor.
https://css-tricks.com/almanac/properties/a/animation/

Hoje em dia não escrevemos mais HTML como
antigamente
http://jade-lang.com/
https://docs.angularjs.org/guide/templates
https://facebook.github.io/react/docs/reusable-components.html

Mas isso ai (JS) é coisa de programador!

Tá, pera… Vamos voltar mais uma vez...

Mercado antigo
Web Designers - Caras que criavam as telas e não codavam
tanto. Em sua maioria formados em Design.
Web Masters - Caras que codavam mais do que desenhavam
tela. Em sua maioria caras formados em Ciências da
Computação.

Front End developer - O cara que manja tudo sobre
desenvolvimento no Client Side. Antigo Web Designer/Master,
só que agora com foco no desenvolvimento para o navegador.
Mercado atual
http://pt.slideshare.net/marloscarmo/a-revoluo-do-frontend

Se hoje em dia até o CSS é gerado com lógica de
programação
$class-slug: for !default
@for $i from 1 through 4
.#{$class-slug}-#{$i}
width: 60px + $i
http://thesassway.com/intermediate/if-for-each-while

O Front Ender não é programador?

OK, mas JAVASCRIPT é coisa de Back Ender!

O Back End manda os dados pro banco de dados, o Front End manda os dados
para o Back End. Ambos são desenvolvedores de Software, porém um mexe
com tela preta e outro com a tela que o usuário vê.
https://pt.wikipedia.org/wiki/Interface_de_programa%C3%A7%C3%A3o_de_aplica%C3%A7%C3%B5es

Qual dos dois é mais complicado?

O perfil do Desenvolvedor Front End atual, das
atualidades mais atuais.

O que é
Pessoa formada ou com conhecimento equivalente em Tecnologia
Conhecimento em programação
Ninja em JavaScript. Porém, os bons de verdade sabem o valor de um bom código HTML e uma
boa estruturação CSS
Controle de versão (Git <3)
Arquitetura de aplicações Client Side (SPA’s, HTTP, Navegadores, Mobile,
Padrões, Build tools, etc)

Mas e o cara que conhece menos sobre
JavaScript?
Esse é menos Front Ender?

Ele tem a mesma importância, porém as vagas para esse
perfil estão a cada dia mais escassas.

E, apesar de eu não concordar com o perfil do cara que só
sabe lógica de programação no Front End, não podemos
reclamar da falta de vagas para quem não conhece o
mínimo de JS.

Algumas pessoas já vinham avisando sobre essa mudança
no mercado a anos...

DAVIDSON FELLIPE - 2012
http://fellipe.com/blog/mercado-de-front-end-o-que-mudou-de-dois-anos-para-ca/
LEANDRO ORIENTE - 2013
https://leandrooriente.com/como-me-tornar-um-desenvolvedor-front-end/
DIEGO EIS - 2013
http://tableless.com.br/tornar-dev-front-end/
WILLIAM OLIVEIRA - 2014
http://woliveiras.com.br/posts/guia-de-estudos-desenvolvedor-front-end-iniciante/
WILLIAN JUSTEN - 2015
http://willianjusten.com.br/como-se-tornar-um-desenvolvedor-front-end/

Desde 2004 o mercado procura por JavaScript!
http://www.google.com.br/trends/explore#q=%2Fm%2F02p97&cmpt=q&tz=Etc%2FGMT%2B3

Depois veio a busca pelo Front End Developer
http://www.google.com.br/trends/explore#q=frontend%20developer&cmpt=q&tz=Etc%2FGMT%2B3

Em 2010 já tinha gente escrevendo que o mercado estava
mudando “a dois anos”. Estamos em 2016 e ainda temos
dúvidas de que o Front End precisa saber o mínimo de
JavaScript?
<opinião pessoal>
</opinião pessoal>

Como se preparar para uma vaga de trampo que pede
muito sobre JavaScript?

Primeiro você precisa aprender a programar, se não souber…
Somente conhecer uma linguagem (JS) não vai ajudar muito.
Lógica de programação é a chave para qualquer linguagem.
A linguagem é só uma ferramenta.

Você precisa saber HTML, CSS, Pré Processadores,
Acessibilidade, Ferramentas de Build, etc. Estou
falando somente de JS nessa apresentação, porém,
essas outras, são tecnologias mais que essenciais para
o Front Ender.

Não seja desses Fronts medíocres que pouco ligam
para o HTML + CSS.
Você é o cara (ou a moça) que vai cuidar do que o
usuário vai consumir. Procure não ser um(a) escroto(a).

Lógica de Programação
Opções pagas
● https://www.caelum.com.br/curso-logica-de-programacao/
● https://www.casadocodigo.com.br/products/livro-programacao
Opções gratuitas
● http://www.cursoemvideo.com/course/curso-de-algoritmos/
● http://www.softblue.com.
br/site/curso/id/6/CURSO+LOGICA+DE+PROGRAMACAO+BASICO+ON
+LINE+LO06

JavaScript <3
Opções pagas
● https://www.caelum.com.br/cursos-web-front-end/
● http://blog.da2k.com.br/curso-javascript-ninja/ => Foda
Opções gratuitas
● https://www.codecademy.com/
● https://www.codeschool.com/

JavaScript é uma boa linguagem para aprender a
programar?
http://wtfjs.com/

Outros conhecimentos necessários para o
Front P1K4 das galaxia
● Performance JavaScript: https://developers.google.
com/speed/articles/optimizing-javascript
● Organização de código: http://blog.caelum.com.br/organize-seu-codigo-
javascript-de-maneira-facil/
● Padrões de projeto: http://blog.da2k.com.br/2014/03/18/meu-workflow-
javascript-com-module-pattern/
● E um pouco mais: http://jstherightway.org/pt-br/ <= Feito pelo William
Oliveira, mas não o mesmo dessa talk. ;P

Dicas de livros
http://www.vitorbritto.com.br/blog/the-book-is-on-the-table/

Programar preciso é. JavaScript
preciso é. Cobrar isso o mercado de
trabalho vai, mas não se engane com
isso aqui...

JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais

Mais conteúdo relacionado

Mais procurados

Semelhante a JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais

JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais