Analysis of the use of good practices at the front-end of a web system: a case study with Vue.js

Aspectos de qualidade garantem a eficiência de um software desenvolvido. Para tanto, é essencial que os desenvolvedores estejam atentos às especificações e aos padrões prédefinidos, responsabilizando-se pela entrega de um produto que satisfaz todas as expectativas e necessidades dos usuários finais. Ademais, é preciso garantir que este sistema tenha uma boa manutenibilidade, tratando-se de um fator que valida a facilidade na qual aquele sistema está disposto a receber melhorias, adaptações e evoluir, levando em consideração, também, o quanto os componentes desenvolvidos estão coesos e acoplados entre si. O uso de frameworks JavaScript e ferramentas tradicionais, como linters e tipagem estática, ajudam neste processo de desenvolvimento, porém não previnem todos os problemas. Portanto, o presente trabalho tem como objetivo analisar a qualidade no desenvolvimento front-end de um sistema web de centralizador de produtos, desenvolvido durante o período de quatro meses, com base nas boas práticas do framework Vue.js e ferramentas auxiliares como Vuex, Vue Router e TypeScript, apresentando maneiras de aprimoramento das implementações realizadas e, também, complementar com entrevistas feitas com os es pecialistas de software envolvidos no desenvolvimento do sistema alvo, com o intuito de compreender o quanto estão familiarizados com as boas práticas do Vue.js.Quality aspects guarantee the efficiency of a developed software. Thus it is essential that developers are attentive to the pre-defined specifications and standards, also being respon sible for the delivery of a product that satisfies all the expectations and needs of the users. Aside from that, it is necessary to ensure that this system has good maintainability, as it is a factor that validates the ease in which this system is willing to receive improvements, adaptations and evolve, as well as taking into consideration how cohesive the developed components are and how coupled they are to each other. The use of JavaScript frameworks and traditional tools, such as linters and static typing, help in the development process, but do not prevent all the problems. Therefore, the present paper aims to analyze the quality of the front-end development of a product centralizer web system, developed over a pe riod of four months, based on the good practices of framework Vue.js and auxiliary tools such as Vuex, Vue Router and TypeScript, presenting ways to improve the implementa tions made and, moreover, it complements with interviews made with software specialists involved in the development of the target system, in order to understand how familiar they are with the Vue.js good practices