Please use this identifier to cite or link to this item: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513
Title: Guia para estilização de componentes reutilizáveis em aplicações angular.
Other Titles: Guide to styling reusable components in angular applications.
???metadata.dc.creator???: SOUZA, José Davi de Araújo.
???metadata.dc.contributor.advisor1???: FARIAS, Adalberto Cajueiro de.
???metadata.dc.contributor.referee1???: GUERRERO, Dalton Dario Serey.
???metadata.dc.contributor.referee2???: BRASILEIRO, Francisco Vilar.
Keywords: Aplicações angulares;Desenvolvimento web;Front-end;Reutilização de soluções;Framework angular;Biblioteca Angular Material;componentes reutilizáveis;Design;Angular applications;Web development;Front end;Reuse of solutions;Angular framework;Angular Material Library;Reusable components;Design
Issue Date: 28-Jun-2023
Publisher: Universidade Federal de Campina Grande
Citation: SOUZA, José Davi de Araujo. Guia para estilização de componentes reutilizáveis em aplicações angular. 2023. 12f. (Trabalho de Conclusão de Curso - Artigo), Curso de Bacharelado em Ciência da Computação, Centro de Engenharia Elétrica e Informática , Universidade Federal de Campina Grande – Paraíba - Brasil, 2023. Disponível em: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513
???metadata.dc.description.resumo???: Dentro da carreira de desenvolvedor web, especializar-se em front-end é comum. Nessa área é frequente encontrar problemas semelhantes que exigem soluções similares, como interfaces de navegação, áreas de busca e formulários. Para lidar com essas situações existem diversos recursos prontos que possibilitam a reutilização de soluções, estabelecendo um padrão. No entanto, ao utilizar componentes reutilizáveis no desenvolvimento front-end com o framework Angular, surgem desafios na personalização dessas soluções para se adequarem a diferentes design. Este trabalho aborda os diversos tipos de componentes reutilizáveis da biblioteca Angular Material, além de explorar diferentes abordagens para estilizá-los no contexto do framework Angular. Foi criado um guia com exemplos práticos e dicas para auxiliar os desenvolvedores front-end na personalização dos componentes já existentes no Angular, superando as dificuldades encontradas. Com essa abordagem aprimorada, os desenvolvedores front-end poderão personalizar os componentes reutilizáveis no Angular de forma mais eficiente, atendendo aos requisitos de design de maneira mais flexível e intuitiva.
Abstract: Within the web developer career, specializing in front-end is common. In this area, it is common to find similar problems that require similar solutions, such as navigation interfaces, search areas and forms. To deal with these situations, there are several ready-made resources that allow the reuse of solutions, establishing a standard. However, when using reusable components in front-end development with the Angular framework, challenges arise in customizing these solutions to suit different designs. This work addresses the different types of reusable components from the Angular Material library, in addition to exploring different approaches to styling them in the context of the Angular framework. A guide was created with practical examples and tips to assist front-end developers in customizing existing components in Angular, overcoming the difficulties encountered. With this improved approach, front-end developers will be able to customize reusable components in Angular more efficiently, meeting design requirements in a more flexible and intuitive way.
Keywords: Aplicações angulares
Desenvolvimento web
Front-end
Reutilização de soluções
Framework angular
Biblioteca Angular Material
componentes reutilizáveis
Design
Angular applications
Web development
Front end
Reuse of solutions
Angular framework
Angular Material Library
Reusable components
Design
???metadata.dc.subject.cnpq???: Ciência da Computação.
URI: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513
Appears in Collections:Trabalho de Conclusão de Curso - Artigo - Ciência da Computação

Files in This Item:
File Description SizeFormat 
JOSÉ DAVI DE ARAÚJO SOUZA - TCC ARTIGO CIÊNCIA DA COMPUTAÇÃO CEEI 2023.pdfJosé Davi de Araújo Souza - TCC Artigo Ciência da Computação CEEI 2023.1.34 MBAdobe PDFView/Open


Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.