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