Palestra apresentada no FEMUG-ABC com o intuito de convencer os desenvolvedores da necessidade de se aprender/estudar JavaScript e como se adequar ao mercado de trabalho atual. Versão original com anotações, links importantes e os gifs legais: https://docs.google.com/presentation/d/15St9PXpif87PIqWnIuP3Xfr-kOPJvnssWIt_cLpnoRI/edit?usp=sharing

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

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

3. 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/

4. 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/

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

7. Vamos voltar um pouco no
passado - rapidinho, prometo

8. Como funcionava uma página web
antigamente?

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

10. O que tinhamos com isso?

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

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

13. Esse tipo de coisa

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

15. Muita magia cara…

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

17. =

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

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

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

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

22. 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/

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

25. Mas isso ai (JS) é coisa de programador!

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

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

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

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

30. O Front Ender não é programador?

31. OK, mas JAVASCRIPT é coisa de Back Ender!

32. Back End vs Front End

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

34. Qual dos dois é mais complicado?

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

36. 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)

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

38. NÃO!!!11ONZEONZE

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

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

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

42. 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/

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

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

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

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

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

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

49. 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).

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

51. 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/

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

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

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

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

56. Continua...

60. JS
Python é mais legal…