Guia para estilização de componentes reutilizáveis em aplicações angular.

Detalhes bibliográficos
Autor(a) principal: SOUZA, José Davi de Araújo.
Data de Publicação: 2023
Tipo de documento: Trabalho de conclusão de curso
Idioma: por
Título da fonte: Biblioteca Digital de Teses e Dissertações da UFCG
Texto Completo: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513
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.
id UFCG_c4eec2572d1537bfc1a781782f2063a0
oai_identifier_str oai:localhost:riufcg/30513
network_acronym_str UFCG
network_name_str Biblioteca Digital de Teses e Dissertações da UFCG
repository_id_str 4851
spelling Guia para estilização de componentes reutilizáveis em aplicações angular.Guide to styling reusable components in angular applications.Aplicações angularesDesenvolvimento webFront-endReutilização de soluçõesFramework angularBiblioteca Angular Materialcomponentes reutilizáveisDesignAngular applicationsWeb developmentFront endReuse of solutionsAngular frameworkAngular Material LibraryReusable componentsDesignCiência da Computação.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.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.Universidade Federal de Campina GrandeBrasilCentro de Engenharia Elétrica e Informática - CEEIUFCGFARIAS, Adalberto Cajueiro de.FARIAS, A. C.http://lattes.cnpq.br/9462873740250320GUERRERO, Dalton Dario Serey.BRASILEIRO, Francisco Vilar.SOUZA, José Davi de Araújo.2023-06-282023-07-03T12:21:06Z2023-07-032023-07-03T12:21:06Zinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesishttp://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513SOUZA, 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/30513porinfo:eu-repo/semantics/openAccessreponame:Biblioteca Digital de Teses e Dissertações da UFCGinstname:Universidade Federal de Campina Grande (UFCG)instacron:UFCG2023-07-03T12:23:52Zoai:localhost:riufcg/30513Biblioteca Digital de Teses e Dissertaçõeshttp://bdtd.ufcg.edu.br/PUBhttp://dspace.sti.ufcg.edu.br:8080/oai/requestbdtd@setor.ufcg.edu.br || bdtd@setor.ufcg.edu.bropendoar:48512023-07-03T12:23:52Biblioteca Digital de Teses e Dissertações da UFCG - Universidade Federal de Campina Grande (UFCG)false
dc.title.none.fl_str_mv Guia para estilização de componentes reutilizáveis em aplicações angular.
Guide to styling reusable components in angular applications.
title Guia para estilização de componentes reutilizáveis em aplicações angular.
spellingShingle Guia para estilização de componentes reutilizáveis em aplicações angular.
SOUZA, José Davi de Araújo.
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
Ciência da Computação.
title_short Guia para estilização de componentes reutilizáveis em aplicações angular.
title_full Guia para estilização de componentes reutilizáveis em aplicações angular.
title_fullStr Guia para estilização de componentes reutilizáveis em aplicações angular.
title_full_unstemmed Guia para estilização de componentes reutilizáveis em aplicações angular.
title_sort Guia para estilização de componentes reutilizáveis em aplicações angular.
author SOUZA, José Davi de Araújo.
author_facet SOUZA, José Davi de Araújo.
author_role author
dc.contributor.none.fl_str_mv FARIAS, Adalberto Cajueiro de.
FARIAS, A. C.
http://lattes.cnpq.br/9462873740250320
GUERRERO, Dalton Dario Serey.
BRASILEIRO, Francisco Vilar.
dc.contributor.author.fl_str_mv SOUZA, José Davi de Araújo.
dc.subject.por.fl_str_mv 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
Ciência da Computação.
topic 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
Ciência da Computação.
description 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.
publishDate 2023
dc.date.none.fl_str_mv 2023-06-28
2023-07-03T12:21:06Z
2023-07-03
2023-07-03T12:21:06Z
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/bachelorThesis
format bachelorThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513
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
url http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/30513
identifier_str_mv 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
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.publisher.none.fl_str_mv Universidade Federal de Campina Grande
Brasil
Centro de Engenharia Elétrica e Informática - CEEI
UFCG
publisher.none.fl_str_mv Universidade Federal de Campina Grande
Brasil
Centro de Engenharia Elétrica e Informática - CEEI
UFCG
dc.source.none.fl_str_mv reponame:Biblioteca Digital de Teses e Dissertações da UFCG
instname:Universidade Federal de Campina Grande (UFCG)
instacron:UFCG
instname_str Universidade Federal de Campina Grande (UFCG)
instacron_str UFCG
institution UFCG
reponame_str Biblioteca Digital de Teses e Dissertações da UFCG
collection Biblioteca Digital de Teses e Dissertações da UFCG
repository.name.fl_str_mv Biblioteca Digital de Teses e Dissertações da UFCG - Universidade Federal de Campina Grande (UFCG)
repository.mail.fl_str_mv bdtd@setor.ufcg.edu.br || bdtd@setor.ufcg.edu.br
_version_ 1809744582953402368