1. front-end
como encarar o
desenvolvimento

2. jcemer.com
twitter.com/jcemer

3. globo.com
talentos.globo.com

4. 2012
#1 palestra
Eventos - do
simples ao objeto

5. 2016a era pós
html5 e css3

6. 2016
✤mobile
✤performance
✤components
✤motion
✤realidade aumentada

8. projetos web
complexos são cada
vez mais comuns

9. https://twitter.com/sstephenson/status/730039913052176384

10. desculpe
não falarei de react
e nem mostrarei
código nesta
palestra,

12. esta palestra
contém apenas
algumas dicas de
um desenvolvedor

13. saiba que
existem
diferentes
tipos de
projetos

14. xdocumentos
aplicações

15. documentos
aplicações
coletânea de páginas
estados em uma
única página

16. escopos globais são
simples e eficazes
em documentos
a {
color: #454545;
}

17. componentização e
modularização são
essenciais em
aplicações ou portais
de conteúdo

18. dependendo do
projeto, as
práticas serão
distintas

19. pondere bem
suas escolhas
de projeto

20. quando as
necessidades não
estão bem definidas,
é difícil escolher
boas soluções
https://www.lullabot.com/articles/new-and-shiny-vs-good-old-software

21. @brnnbrn em front trends

22. ✤jquery
✤zeptojs
✤backbone
✤angularjs
✤meteor
✤flight
✤react

23. find the perfect
solution regardless
of the buzz
https://www.lullabot.com/articles/new-and-shiny-vs-good-old-software

24. out of style
the philosophy of
small, composable,
single-purpose
tools never goes

25. na maioria das
vezes, a solução
mais efetiva é a
mais simples

26. don't need it
you’ll know when
you need flux
if you aren’t sure if
you need it, you
https://github.com/petehunt/react-howto

27. deixe seu projeto
complexo apenas
quando for
necessário

28. preocupe-se
com a qualidade
e saúde do
código

29. less satisfactory
some programs must
be continually adapted
or they become
- Lehman, 1974

30. requisitos e ambiente
das aplicações web
mudam com
frequência

31. complexityincreases
unless work is done to
maintain or reduce it
- Lehman, 1974

32. código cria
entropia e
apodrece
http://nomedojogo.com/2009/09/08/seu-codigo-esta-apodrecendo/

33. regra de ourodeixe o código
melhor que quando
você o encontrou

34. é inviável melhorar
código que não
tenha testes

35. ✤low test coverage
✤fear of refactoring
✤sloppy code
✤bad design
http://blog.codeclimate.com/blog/2013/12/05/refactoring-without-good-tests/

36. em aplicações
legadas, escrever
testes é sempre
uma boa ideia

37. mudanças na
comunidade
front-end
apodrecem
seu código

38. ✤prototype.js
✤script.aculo.us
✤mootools
✤knockoutjs
✤backbone

39. ✤correções de bugs?
✤melhorias de
performance?
✤novas features?

40. alguém aqui lembra
como escrever
código utilizando
prototype.js?

41. manter tecnologias
ultrapassadas em
um projeto é
mancada

42. atualizar dependências
aos poucos é melhor
que fazer reescritas
massivas

43. esteja disposto
e pratique
refactoring
de código

44. estude novos
approaches e
especificações

45. - Ted Nelson - Project Xanadu creator
bizarre structure [...]
and it has a terrible
programming language
the web is a

46. html, javascript e a
estilização da web
nascerem até mesmo
sem especificações

47. simple enough
[the web]
succeeded because
the technology was
just
https://adactio.com/articles/10887
- Jeremy Keith

48. universality
the power of the web
is in its
- Tim Berners-Lee

49. flavor of HTML
in '93 to '94, every
browser had its own
- Tim Berners-Lee

50. as especificações
evoluíram para
normalizar soluções
e atender novas
necessidades

51. a era do pixel perfect
acabou faz algum
tempo

52. é possível e
oportuno aplicar
progressive
enhancement

53. flexbox
I work for
Booking.com,
and we support IE 7,
and I use
- Zoe Mickley ~ CSS Day
https://vimeo.com/131664957

54. http://www.slideshare.net/PatrickKettner1/making-modern-websites

55. navegadores
é possível utilizar as
mais novas features e
atender o mais antigo
dos
- Patrick Kettner ~ Modernizr
http://www.slideshare.net/PatrickKettner1/making-modern-websites

56. evolução dos
approaches está
mais próxima dos
standards
- Rodrigo Willrich

57. postcss permite
experimentar o css do
futuro hoje mesmo
https://github.com/postcss/postcss

58. postcss ajuda no
suporte a navegadores
antigos

62. ecmascript

63. babel permite escrever
código ecmascript e
dar suporte a
navegadores antigos
https://babeljs.io/

64. não fique para
trás, use novas
features

66. não esqueça,
o conteúdo é
protagonista

67. usabilidade e
acessibilidade são
conceitos que não
saíram de moda

68. http://jgthms.com/web-design-in-4-minutes/#content

69. content
the purpose of design
is to enhance the
presentation of
the
- Jeremy Thomas

71. foi um prazer
obrigado