O documento discute a evolução da programação e desenvolvimento web desde os anos 2000, abordando conceitos como DevOps, metodologias ágeis e a importância de estar atualizado com as novas tecnologias. Além disso, enfatiza a colaboratividade e a necessidade de adaptar-se rapidamente às mudanças no ambiente de desenvolvimento. O autor, Léo, compartilha experiências e reflexões sobre a cultura de desenvolvimento e a comunidade de tecnologia.

1. AVISO
APRESENTAÇÃO COM ALTA
CONCENTRAÇÃO DE GIFS ANIMADOS
E CONCEITOS DE PROGRAMAÇÃO

2. Fala sério que num dia de UX e
produto vou falar de programação

3. .*

4. developers

5. se você não precisasse de dinheiro,
você trabalharia com web?

6. A INTERNET DO ANO 200[0-9]
ATÉ OS DIAS DE HOJE

7. CUIDADO
IMAGENS ASSUSTADORAS

8. PORQUE DESDE O ANO 200[0-9]?
<table border="1">
<tr>
<td>This is column one</td>
<td>This is column two</td>
<td>This is column three</td>
</tr>
</table>
<div>
<div>This is column one</div>
<div>This is column two</div>
<div>This is column three</div>
</div>
LAYOUT TABLE, que
saudade!

9. PORQUE DESDE O ANO 200[0-9]?
Eu fazia isso
também hein! ;)

10. PORQUE DESDE O ANO 200[0-9]?
PÁGINAS DINÂMICAS
HTML E CSS
W3C

11. WEBDESIGNER

12. PROGRAMADOR

13. WEBMASTER

14. tabeless ajax web2.0
PORQUE DESDE O ANO 200[0-9]?

15. INTERNET USERS FROM 2000 TO 2014
http://www.statista.com/statistics/273018/number-of-internet-users-worldwide/

19. E ainda tem gente que desenvolve
pra web como nos anos 200[0-9]
DUVIDA?

20. Programador (front|back)
end moderno
java(script)?, rails, github, scrum, devops e
a preocupação com arquitetura e design de aplicações
developerweek@vitória-es

21. Léo Hackin
@leohackin
+ + =
Developer, CIO e Co-founder
da Giran E-commerce Solutions

22. Giran: pessoas, paixão
por códigos e alegria
5 anos de muito trabalho de muitas pessoas
comprometidas que amam escrever código
de qualidade. A Giran é isso ;)
Esta é a
œš‘“›⁸Giran’”⁹

24. Agora na…

25. A MAIOR LOJA
DE VINHOS
DA AMÉRICA LATINA

27. Startups e o DIY

28. ESPACIALISTA
GENERALISTA

29. O MUNDO MUDA
E SEUS PLANOS TB

30. html,css,javascript
JAVA,RUBY,PHP
apache,nginx
CDN,NUVEM,AWSaté coisas de negócio

31. ?

32. webmaster TO web developer

33. poliglota
(java,ruby,php…) + JAVASCRIPT
+ HTML + CSS + .*

34. (java,ruby,php…)
+ JAVASCRIPT
+ HTML + CSS + .*

35. JAVASCRIPT

39. Qual a versão da sua
linguagem preferida o
mundo está usando hoje?

40. Javeiro falando que programa
em Java e não sabe a
diferença da versão 6, 7 e 8

41. ESTUDE!SEMPRE E SEM PARAR.
ACOMPANHE RELEASE NOTES.

42. Participe ou acompanhe
alguma comunidade

43. (java,ruby,php…)
+ JAVASCRIPT
+ HTML + CSS + .*

44. .*

45. DEVOPSDEVOPS (development+operations) é um termo
criado para descrever uma cultura de colaboração
entre equipes de desenvolvimento de software e de
operações (sysadmin) e pretende ajudar organizações
a produzir software e serviços rapidamente.

46. DEVOPS
Se f*de ae!
É pra ontem hein

47. FULL-STACK DEVELOPER
dev dba qa operations

48. webmaster
web developer
devops?

49. DEVOPS
talvez próximo level do
web developer?

50. Sendo ou não, pegue leve.
Isso vai acontecer naturalmente

51. POR FAVOR! Use frameworks open
source que a comunidade usa

52. design

53. COMO OS PROGRAMADORES
VIAM OS WEB DESIGNERS

54. – Programadores nos anos 200[0-9] (alguns até hoje)
“Vou deixar essa tela pronta e
depois você faz as frescuragem
de design aí falow?”

55. web designer ou frontend developer

56. http://sherodesigns.com/wp-content/uploads/2013/08/graphic-designer-vs-web-designer.jpg
designer gráfico vs web designer

57. web designer é um
frontend developer?
Sim ;)

58. frontend developer é
um web designer?
Nem sempre ;)

59. poliglota
JAVASCRIPT
+ DOM + HTML + CSS + .*

60. JAVASCRIPT
denovo?

62. Use frameworks CSS open source
que a comunidade usa

64. CSS PREPROCESSORS

66. CUIDADO COM COISAS
MÁGICAS DEMAIS

67. NO INÍCIO É ALEGRIA
MAS DEPOIS…

68. frontend developer = web developer

69. web .*

70. web .* remota

71. web .* colaborativa

72. web .* nas nuvens

73. projeto
ESPADA OLÍMPICA!!!!

74. Onde você guarda seus arquivos
versionados?

75. GUARDO NO DROPBOX MANOOO!
FAÇO UM .BKP PRA NÃO PERDER!
NO MEU PENDRIVE!

76. faça versionamento … use git

77. git blame
ou "me fala quem fez essa m*rda"

78. VOCÊ DÁ FEEDBACK RAPIDO?
VOCÊ FAZ QUANTAS ENTREGAS POR MÊS?
QUANDO MUDA ALGO, O QUE VOCÊ FAZ? CHORA?
SE VOCÊ MORRER, AGORA, O QUE
ACONTECERIA COM A SUA EMPRESA

79. EXTREME PROGRAMMING
SCRUM KANBAN LEAN
AGILIDADE

80. AGILIDADE

81. ADAPTAR-SE RAPIDAMENTE
ENTREGA VALOR MAIS RÁPIDO
O TIME GANHA MAIS AUTONOMIA
ANTECIPA DECISÕES ERRADAS
ELIMINAÇÃO DE DISPERDÍCIO
MELHOR VISUALIZAÇÃO DO PROJETO
programação em par
FEEDBACK RÁPIDO E DIÁRIO

82. O QUE FUNCIONAR, MASSA.
SE NÃO FUNCIONAR, DESCARTE!

83. entregas pequenas e incrementais
http://metodica.net/wp-content/uploads/2014/12/ciclo-vida.png

84. entregas pequenas e incrementais

85. ZEN AGILE TO DONE
DAILY SCRUM
RETROSPECTIVAS

86. 20 VERSÕES NOVAS POR DIA?
YES! WE CAN!

87. continuous delivery
jenkins

88. É FACIL?
NÃO!

89. TESTE SEU APP E SITE TODA HORA!
A CADA ALTERAÇÃO!

90. TDD

91. TESTE SEU APP E SITE TODA HORA!
DÁ PRA TESTAR TELA E
JAVASCRIPT TAMBÉM! :)

92. TESTES DE ACEITAÇÃO

93. E SE CAIR?
E SE NÃO PODE CAIR?

94. LOAD BALANCING
FAIL OVER
CLUSTERIZAÇÃO

95. web .* nas nuvens

97. VOCÊ AINDA USA
SERVIDOR FÍSICO?

98. INFRA NA GIRAN

99. .* as a service

101. E QUANDO A PROBLEMA DE
VELOCIDADE DO SITE NÃO É
DA MÁQUINA E SIM DE VOCÊ?

102. REFATORAÇÃO

103. CACHE

104. MINIFICAÇÃO

106. Segredo :)

107. COMO SABER ANTES DO
CLIENTE QUE O SITE TÁ
LENTO OU CAIU?

108. Sigiloso :)

110. VOCÊ, SUA EQUIPE OU SUA
EMPRESA AINDA ESTÃO
NO ANO 200[0-9]?

111. PRÓXIMAS OPINIÕES
BASEADAS EM FATOS REAIS

112. AINDA TEM GENTE
NO ES NO ANO
200[0-9]

113. VOCÊ É A COMUNIDADE
PROMOVA E PRESTIGIE EVENTOS
FAÇA UM BLOG E COMPARTILHE IDÉIAS
PARTICIPE DE FÓRUNS
LEIA MAIS PORTAIS DE TECNOLOGIA

114. VLW!
LEOHACKIN@GMAIL.COM
WWW.LEOHACKIN.COM.BR