Metodologia para desenvolvimento de uma single page application em javascript puro

Detalhes bibliográficos
Autor(a) principal: Macedo, Diego Pacheco
Data de Publicação: 2023
Tipo de documento: Trabalho de conclusão de curso
Idioma: por
Título da fonte: Repositório Institucional da Universidade Federal Fluminense (RIUFF)
Texto Completo: http://app.uff.br/riuff/handle/1/31608
Resumo: No cenário atual da área de desenvolvimento front-end há uma escassez de soluções em linguagem nativa para os mais diversos problemas, incluindo a criação de aplicações de página única (Single Page Aplication (SPA)), o que faz com que os desenvolvedores optem por bíbliotecas ou frameworks que nem sempre são realmente necessários. Este trabalho tem como objetivo conciliar diversas práticas que juntas facilitarão o desenvolvimento de SPAs utilizando apenas javascript, html e css. Inicialmente, serão tratados os conceitos relacionados às tecnologias envolvidas no tema e à arquitetura escolhida. Após a introdução dos conceitos básicos, será apresentado um exemplo prático de SPAs, enfatizando boas práticas e convenções utilizadas para a criação de projetos mais simples, organizados, intuitivos e performáticos com o javascript puro no front-end. Finalmente, o projeto básico será evoluído para integrar bibliotecas modernas ou código legado, facilitando assim sua adoção em projetos mais recentes
id UFF-2_94eedc552c7f8a7c0de4a5ca24bf28f5
oai_identifier_str oai:app.uff.br:1/31608
network_acronym_str UFF-2
network_name_str Repositório Institucional da Universidade Federal Fluminense (RIUFF)
repository_id_str 2120
spelling Metodologia para desenvolvimento de uma single page application em javascript puroSPAJavaScriptMetodologiaJavaScript (Linguagem de programação de computador)Aplicação webArquitetura de softwareMethodologyNo cenário atual da área de desenvolvimento front-end há uma escassez de soluções em linguagem nativa para os mais diversos problemas, incluindo a criação de aplicações de página única (Single Page Aplication (SPA)), o que faz com que os desenvolvedores optem por bíbliotecas ou frameworks que nem sempre são realmente necessários. Este trabalho tem como objetivo conciliar diversas práticas que juntas facilitarão o desenvolvimento de SPAs utilizando apenas javascript, html e css. Inicialmente, serão tratados os conceitos relacionados às tecnologias envolvidas no tema e à arquitetura escolhida. Após a introdução dos conceitos básicos, será apresentado um exemplo prático de SPAs, enfatizando boas práticas e convenções utilizadas para a criação de projetos mais simples, organizados, intuitivos e performáticos com o javascript puro no front-end. Finalmente, o projeto básico será evoluído para integrar bibliotecas modernas ou código legado, facilitando assim sua adoção em projetos mais recentesIn the current scenario of the front-end development area, there is a scarcity of solutions in native language for the most diverse problems, including the creation of single-page applications (SPA), which makes developers opt for libraries or frameworks that aren’t always really needed. This paper aims to reconcile several practices that together will facilitate the development of SPAs using only javascript, html and css. Initially, the concepts related to the technologies involved in the theme and the chosen architecture will be treated. After introducing the basic concepts, a practical example of SPAs will be presented, emphasizing good practices and conventions used to create simpler, more organized, intuitive and performative projects with pure javascript on the front-end. Finally, the base project will be evolved to integrate modern libraries or legacy code, thus facilitating its adoption in newer projects61 p.Pantoja, Carlos EduardoLazarin, Nilson MoriAlexandre, Tielle da SilvaMacedo, Diego Pacheco2023-12-20T18:55:39Z2023-12-20T18:55:39Zinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesisapplication/pdfMACEDO, Diego Pacheco. Metodologia para desenvolvimento de uma single page application em javascript puro. 2022. 61 f. Trabalho de Conclusão de Curso (Graduação em Tecnologia em Sistemas de Computação) - Instituto de Computação, Universidade Federal Fluminense, Niterói, 2022.http://app.uff.br/riuff/handle/1/31608CC-BY-SAinfo:eu-repo/semantics/openAccessporreponame:Repositório Institucional da Universidade Federal Fluminense (RIUFF)instname:Universidade Federal Fluminense (UFF)instacron:UFF2023-12-20T18:55:43Zoai:app.uff.br:1/31608Repositório InstitucionalPUBhttps://app.uff.br/oai/requestriuff@id.uff.bropendoar:21202023-12-20T18:55:43Repositório Institucional da Universidade Federal Fluminense (RIUFF) - Universidade Federal Fluminense (UFF)false
dc.title.none.fl_str_mv Metodologia para desenvolvimento de uma single page application em javascript puro
title Metodologia para desenvolvimento de uma single page application em javascript puro
spellingShingle Metodologia para desenvolvimento de uma single page application em javascript puro
Macedo, Diego Pacheco
SPA
JavaScript
Metodologia
JavaScript (Linguagem de programação de computador)
Aplicação web
Arquitetura de software
Methodology
title_short Metodologia para desenvolvimento de uma single page application em javascript puro
title_full Metodologia para desenvolvimento de uma single page application em javascript puro
title_fullStr Metodologia para desenvolvimento de uma single page application em javascript puro
title_full_unstemmed Metodologia para desenvolvimento de uma single page application em javascript puro
title_sort Metodologia para desenvolvimento de uma single page application em javascript puro
author Macedo, Diego Pacheco
author_facet Macedo, Diego Pacheco
author_role author
dc.contributor.none.fl_str_mv Pantoja, Carlos Eduardo
Lazarin, Nilson Mori
Alexandre, Tielle da Silva
dc.contributor.author.fl_str_mv Macedo, Diego Pacheco
dc.subject.por.fl_str_mv SPA
JavaScript
Metodologia
JavaScript (Linguagem de programação de computador)
Aplicação web
Arquitetura de software
Methodology
topic SPA
JavaScript
Metodologia
JavaScript (Linguagem de programação de computador)
Aplicação web
Arquitetura de software
Methodology
description No cenário atual da área de desenvolvimento front-end há uma escassez de soluções em linguagem nativa para os mais diversos problemas, incluindo a criação de aplicações de página única (Single Page Aplication (SPA)), o que faz com que os desenvolvedores optem por bíbliotecas ou frameworks que nem sempre são realmente necessários. Este trabalho tem como objetivo conciliar diversas práticas que juntas facilitarão o desenvolvimento de SPAs utilizando apenas javascript, html e css. Inicialmente, serão tratados os conceitos relacionados às tecnologias envolvidas no tema e à arquitetura escolhida. Após a introdução dos conceitos básicos, será apresentado um exemplo prático de SPAs, enfatizando boas práticas e convenções utilizadas para a criação de projetos mais simples, organizados, intuitivos e performáticos com o javascript puro no front-end. Finalmente, o projeto básico será evoluído para integrar bibliotecas modernas ou código legado, facilitando assim sua adoção em projetos mais recentes
publishDate 2023
dc.date.none.fl_str_mv 2023-12-20T18:55:39Z
2023-12-20T18:55:39Z
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 MACEDO, Diego Pacheco. Metodologia para desenvolvimento de uma single page application em javascript puro. 2022. 61 f. Trabalho de Conclusão de Curso (Graduação em Tecnologia em Sistemas de Computação) - Instituto de Computação, Universidade Federal Fluminense, Niterói, 2022.
http://app.uff.br/riuff/handle/1/31608
identifier_str_mv MACEDO, Diego Pacheco. Metodologia para desenvolvimento de uma single page application em javascript puro. 2022. 61 f. Trabalho de Conclusão de Curso (Graduação em Tecnologia em Sistemas de Computação) - Instituto de Computação, Universidade Federal Fluminense, Niterói, 2022.
url http://app.uff.br/riuff/handle/1/31608
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv CC-BY-SA
info:eu-repo/semantics/openAccess
rights_invalid_str_mv CC-BY-SA
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv application/pdf
dc.source.none.fl_str_mv reponame:Repositório Institucional da Universidade Federal Fluminense (RIUFF)
instname:Universidade Federal Fluminense (UFF)
instacron:UFF
instname_str Universidade Federal Fluminense (UFF)
instacron_str UFF
institution UFF
reponame_str Repositório Institucional da Universidade Federal Fluminense (RIUFF)
collection Repositório Institucional da Universidade Federal Fluminense (RIUFF)
repository.name.fl_str_mv Repositório Institucional da Universidade Federal Fluminense (RIUFF) - Universidade Federal Fluminense (UFF)
repository.mail.fl_str_mv riuff@id.uff.br
_version_ 1802135357417848832

Registros relacionados