O pensamento por trás de um desenvolvimento escalável.

Nessa apresentação é abordado o novo Front-End da Azion e o futuro da escalabilidade do desenvolvimento.
O objetivo da apresentação é explicar a necessidade e como foi pensado para conceber uma solução para escalar e tornar o desenvolvimento amigável em uma empresa de crescimento exponencial.
.
.
https://www.youtube.com/watch?v=4pWXBLuCcsc

Transcript

1. Azion 2020 Novo Front-End_
2. Agenda 1
3. 2/ Novo Front-End • O que é o AztechJS • Concepção • Problemas solucionados • O que muda na vida do desenvolvedor • O que muda na vida de produtos • O que muda na vida da Azion 3/ Bônus • Métricas • Quem está utilizando • Próximos passos • Para onde estamos olhando Agenda
4. Novo Front-End 2
5. O que é o AztechJS? É um novo framework Front-End
6. O que é o AztechJS? É um novo framework Front-End
7. naaaaaaaao!!
14. + SSI
15. O que é o AztechJS? É o novo workflow development para produtos da Azion que utiliza Interface Web.
16. O que é o AztechJS? É o novo workflow development para produtos da Azion que utiliza Interface Web.
18. Concepção https:/ /aziontech.atlassian.net/wiki/spaces/KB/pages /754286640/EVOLU+O+DO+DESENVOLVIMENTO+FR ONT-END
19. Concepção https:/ /aziontech.atlassian.net/wiki/spaces/KB/pages /754286640/EVOLU+O+DO+DESENVOLVIMENTO+FR ONT-END
20. Concepção https:/ /aziontech.atlassian.net/wiki/spaces/KB/pages /754286640/EVOLU+O+DO+DESENVOLVIMENTO+FR ONT-END
21. Problemas resolvidos
22. Problemas • Manipulação do DOM • Azion style guide • Azion element guide • Reaproveitamento dos componentes e estilos • Gerenciamento de dependências • Escalabilidade • Arquitetura do workflow ◦ scaffold ◦ acesso ◦ ambiente de desenvolvimento ◦ support rest ◦ schema ◦ CI/CD ◦ testes / testes funcionais
23. • MOD - module ◦ Back-End do Front-End. Usado para processamento. Não manipula DOM e não contém interface. Pode consumir 1 ou N módulos • APP - application ◦ Pode possuir interface com um determinado objetivo. Pode consumir 1 ou N apps e módulos • UI - user interface ◦ É o último ponto de agrupamento, a junção dos elementos deve formar uma Interface para Usuário. Pode consumir 1 ou N apps e módulos
25. Problemas resolvidos De forma simplificada, montamos o pipeline do desenvolvimento. Abrangendo desde como começar ao passo final de CI/CD.
26. Problemas resolvidos De forma simplificada, montamos o pipeline do desenvolvimento. Abrangendo desde como começar ao passo final de CI/CD.
27. O que muda na vida do desenvolvedor Com a leveza, agilidade para start… O desenvolvedor pode focar mais em desenvolver, assim entregando mais qualidade.
28. O que muda na vida do desenvolvedor Com a leveza, agilidade para start… O desenvolvedor pode focar mais em desenvolver, assim entregando mais qualidade.
29. O que muda na vida de produtos Navegando entre produção e desenvolvimento, terá mais segurança para testar apenas a parte atualizada, sem interferência de terceiros.
30. O que muda na vida de produtos Navegando entre produção e desenvolvimento, terá mais segurança para testar apenas a parte atualizada, sem interferência de terceiros.
31. O que muda na vida da Azion Velocidade no tempo de resposta, como para criação de protótipos e MVPS como também para validação e colocar novas coisas no em produção.
32. O que muda na vida da Azion Velocidade no tempo de resposta, como para criação de protótipos e MVPS como também para validação e colocar novas coisas no em produção.
33. Bônus 3
34. Métricas
35. https://www.webpagetest.org/result/200305_CG_496a647f58206f9e80f3c007bf190822/1/details/
36. https://www.webpagetest.org/result/200305_ZH_cd95580b2b426a4664149c8b5e19676b/1/details/
38. MÉTRICA | ATUAL | NOVO | PORCENTAGEM =========================================== Load Time | 3.063 | 2.002 | -34.64% DOM Interactive | 1.547 | 1.258 | -18.68% Load Event | 3.063 | 1.271 | -58.51%
39. Composição do conteúdo por domínio primeira visualização
40. https://www.webpagetest.org/result/200305_CG_496a647f58206f9e80f3c007bf190822/1/domains/ ATUAL
41. https://www.webpagetest.org/result/200305_ZH_cd95580b2b426a4664149c8b5e19676b/1/domains/ NOVO
42. Com Google responsável por 39% e o AztechJS por 57% das requisições. Podemos observar a leveza do novo Front-End, sendo responsável apenas por 29.2% dos bytes trafegados.
43. Quem já está utilizando? - Novo login - Signup - Marketplace
44. Quem já está utilizando? - Novo login - Signup - Marketplace
45. Quem já está utilizando? - Novo login - Signup - Marketplace
46. Quem já está utilizando? - Novo login - Signup - Marketplace
47. Quem já está utilizando? - Novo login - Signup - Marketplace NOTA: tempo menor que 3 meses.
48. Próximos passos Definições e criação do plano de ação para o desmembramento, proposta para padronização do desenvolvimento back-end.
49. Próximos passos Definições e criação do plano de ação para o desmembramento, proposta para padronização do desenvolvimento back-end.
50. ...
51. Quanto melhor a Azion performar, maior será o ganho para o cliente.
52. A Azion tem grandes expectativas apostando nessa nova arquitetura. Elevando o patamar do desenvolvimento automaticamente eleva o patamar do que é entregue para nossos clientes. FUTURO do desenvolvimento_
53. Uma nova fase está começando.
54. obrigado! robson.junior@azion.com Palo Alto | USA / São Paulo | Brazil / Rio de Janeiro | Brazil / Porto Alegre | Brazil / Hong Kong