Guia para estilização de componentes reutilizáveis em aplicações angular.
Autor(a) principal: | |
---|---|
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 |