Arquitecturas de micro Frontends, componentes web y librerías de componentes

RESUMEN: La web ya no es igual… En una carrera a gran velocidad por llevar todo lo que la humanidad conoce a este mundo abstracto que llaman internet, la convirtieron en la web moderna, un mundo donde http no era suficiente y ahora se introdujo un concepto de http/3, donde ya no solo existen páginas...

Full description

Autores:
Arango Amaya, Leon Dario
Tipo de recurso:
Trabajo de grado de pregrado
Fecha de publicación:
2021
Institución:
Universidad de Antioquia
Repositorio:
Repositorio UdeA
Idioma:
spa
OAI Identifier:
oai:bibliotecadigital.udea.edu.co:10495/25340
Acceso en línea:
http://hdl.handle.net/10495/25340
Palabra clave:
Internet
Internet
Programa de ordenador
Computer software
World Wide Web (servicio de informacion sobre redes)
Programas para computador
Microfrontends
Web Components
http://vocabularies.unesco.org/thesaurus/concept17067
http://vocabularies.unesco.org/thesaurus/concept6081
Rights
openAccess
License
https://creativecommons.org/licenses/by-nc-sa/4.0/
id UDEA2_0fe4a8fe82e31b8ae78a40054da640cc
oai_identifier_str oai:bibliotecadigital.udea.edu.co:10495/25340
network_acronym_str UDEA2
network_name_str Repositorio UdeA
repository_id_str
dc.title.spa.fl_str_mv Arquitecturas de micro Frontends, componentes web y librerías de componentes
title Arquitecturas de micro Frontends, componentes web y librerías de componentes
spellingShingle Arquitecturas de micro Frontends, componentes web y librerías de componentes
Internet
Internet
Programa de ordenador
Computer software
World Wide Web (servicio de informacion sobre redes)
Programas para computador
Microfrontends
Web Components
http://vocabularies.unesco.org/thesaurus/concept17067
http://vocabularies.unesco.org/thesaurus/concept6081
title_short Arquitecturas de micro Frontends, componentes web y librerías de componentes
title_full Arquitecturas de micro Frontends, componentes web y librerías de componentes
title_fullStr Arquitecturas de micro Frontends, componentes web y librerías de componentes
title_full_unstemmed Arquitecturas de micro Frontends, componentes web y librerías de componentes
title_sort Arquitecturas de micro Frontends, componentes web y librerías de componentes
dc.creator.fl_str_mv Arango Amaya, Leon Dario
dc.contributor.advisor.none.fl_str_mv Loaiza Berrío, Deisy
dc.contributor.author.none.fl_str_mv Arango Amaya, Leon Dario
dc.subject.unesco.none.fl_str_mv Internet
Internet
Programa de ordenador
Computer software
topic Internet
Internet
Programa de ordenador
Computer software
World Wide Web (servicio de informacion sobre redes)
Programas para computador
Microfrontends
Web Components
http://vocabularies.unesco.org/thesaurus/concept17067
http://vocabularies.unesco.org/thesaurus/concept6081
dc.subject.lemb.none.fl_str_mv World Wide Web (servicio de informacion sobre redes)
Programas para computador
dc.subject.proposal.spa.fl_str_mv Microfrontends
Web Components
dc.subject.unescouri.none.fl_str_mv http://vocabularies.unesco.org/thesaurus/concept17067
http://vocabularies.unesco.org/thesaurus/concept6081
description RESUMEN: La web ya no es igual… En una carrera a gran velocidad por llevar todo lo que la humanidad conoce a este mundo abstracto que llaman internet, la convirtieron en la web moderna, un mundo donde http no era suficiente y ahora se introdujo un concepto de http/3, donde ya no solo existen páginas web, sino aplicaciones web, donde estas comenzaron a crecer inmensurablemente y ya no era suficiente en el lado del servidor el monolito n capas on-premise de toda la vida; este también logró adaptarse en diferentes soluciones según las necesidades, como una arquitectura en la nube basada en microservicios, la cual puede traer beneficios como flexibilidad, escalabilidad, versatilidad, modularidad e incluso mejor rendimiento. ¿Pero qué pasa en el lado del cliente? ¿Cómo puede el cliente obtener beneficios? Es aquí donde entran las arquitecturas de microfrontends, componentes web y librerías de componentes, alternativas en el lado del cliente que buscan mejorar la forma en que se construye el frontend. Este proyecto consiste en explorar cómo funcionan cada uno de estos, en qué casos se deben utilizar, arquitecturas adecuadas, patrones, antipatrones y prácticas para su diseño e implementación, pruebas y finalmente como es un pipeline de integración y despliegue continuo en un microfrontend; Que finalmente serán recopilados a modo de guía, para facilitar en un futuro el trabajo de otras personas de la compañía o la comunidad en general que quieran abordar este tema y aplicarlo en algún proyecto.
publishDate 2021
dc.date.issued.none.fl_str_mv 2021
dc.date.accessioned.none.fl_str_mv 2022-01-18T15:02:54Z
dc.date.available.none.fl_str_mv 2022-01-18T15:02:54Z
dc.type.spa.fl_str_mv Tesis/Trabajo de grado - Monografía - Pregrado
dc.type.coar.spa.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.redcol.spa.fl_str_mv https://purl.org/redcol/resource_type/TP
dc.type.coarversion.spa.fl_str_mv http://purl.org/coar/version/c_b1a7d7d4d402bcce
dc.type.driver.spa.fl_str_mv info:eu-repo/semantics/bachelorThesis
dc.type.version.spa.fl_str_mv info:eu-repo/semantics/draft
format http://purl.org/coar/resource_type/c_7a1f
status_str draft
dc.identifier.uri.none.fl_str_mv http://hdl.handle.net/10495/25340
url http://hdl.handle.net/10495/25340
dc.language.iso.spa.fl_str_mv spa
language spa
dc.relation.issupplementedby.spa.fl_str_mv https://martinfowler.com/articles/micro-frontends.html
https://micro-frontends-es.org/
dc.rights.uri.spa.fl_str_mv https://creativecommons.org/licenses/by-nc-sa/4.0/
dc.rights.uri.*.fl_str_mv http://creativecommons.org/publicdomain/zero/1.0/
dc.rights.accessrights.spa.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.coar.spa.fl_str_mv http://purl.org/coar/access_right/c_abf2
rights_invalid_str_mv https://creativecommons.org/licenses/by-nc-sa/4.0/
http://creativecommons.org/publicdomain/zero/1.0/
http://purl.org/coar/access_right/c_abf2
eu_rights_str_mv openAccess
dc.format.extent.spa.fl_str_mv 45
dc.format.mimetype.spa.fl_str_mv application/pdf
dc.publisher.spa.fl_str_mv Universidad de Antioquia
dc.publisher.place.spa.fl_str_mv Medellín
dc.publisher.faculty.spa.fl_str_mv Facultad de Ingeniería. Ingeniería de Sistemas
institution Universidad de Antioquia
bitstream.url.fl_str_mv https://bibliotecadigital.udea.edu.co/bitstreams/d550a250-ac91-4db1-b096-37e1a5640b3c/download
https://bibliotecadigital.udea.edu.co/bitstreams/b4212899-8adb-427d-a5e1-7b962e7ecb77/download
https://bibliotecadigital.udea.edu.co/bitstreams/b5edb25b-44ea-488b-954a-31f2cabf784f/download
https://bibliotecadigital.udea.edu.co/bitstreams/7ee150bf-be66-451e-8626-5cc60f8571cd/download
https://bibliotecadigital.udea.edu.co/bitstreams/7dede1b8-3951-409c-a870-c6e8556dd61b/download
bitstream.checksum.fl_str_mv a4f246be9a28e6f8e6235599f1bdd633
fd0548b8694973befb689f3e7a707f1d
8a4605be74aa9ea9d79846c1fba20a33
6e9da3e178052c364a769c0471790de2
1438e4909fe0582d73683bdf8cf0da97
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
MD5
repository.name.fl_str_mv Repositorio Institucional de la Universidad de Antioquia
repository.mail.fl_str_mv aplicacionbibliotecadigitalbiblioteca@udea.edu.co
_version_ 1851052641341145088
spelling Loaiza Berrío, DeisyArango Amaya, Leon Dario2022-01-18T15:02:54Z2022-01-18T15:02:54Z2021http://hdl.handle.net/10495/25340RESUMEN: La web ya no es igual… En una carrera a gran velocidad por llevar todo lo que la humanidad conoce a este mundo abstracto que llaman internet, la convirtieron en la web moderna, un mundo donde http no era suficiente y ahora se introdujo un concepto de http/3, donde ya no solo existen páginas web, sino aplicaciones web, donde estas comenzaron a crecer inmensurablemente y ya no era suficiente en el lado del servidor el monolito n capas on-premise de toda la vida; este también logró adaptarse en diferentes soluciones según las necesidades, como una arquitectura en la nube basada en microservicios, la cual puede traer beneficios como flexibilidad, escalabilidad, versatilidad, modularidad e incluso mejor rendimiento. ¿Pero qué pasa en el lado del cliente? ¿Cómo puede el cliente obtener beneficios? Es aquí donde entran las arquitecturas de microfrontends, componentes web y librerías de componentes, alternativas en el lado del cliente que buscan mejorar la forma en que se construye el frontend. Este proyecto consiste en explorar cómo funcionan cada uno de estos, en qué casos se deben utilizar, arquitecturas adecuadas, patrones, antipatrones y prácticas para su diseño e implementación, pruebas y finalmente como es un pipeline de integración y despliegue continuo en un microfrontend; Que finalmente serán recopilados a modo de guía, para facilitar en un futuro el trabajo de otras personas de la compañía o la comunidad en general que quieran abordar este tema y aplicarlo en algún proyecto.PregradoProfesional en Ingeniería de Sistemas45application/pdfspaUniversidad de AntioquiaMedellínFacultad de Ingeniería. Ingeniería de Sistemashttps://creativecommons.org/licenses/by-nc-sa/4.0/http://creativecommons.org/publicdomain/zero/1.0/info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Arquitecturas de micro Frontends, componentes web y librerías de componentesTesis/Trabajo de grado - Monografía - Pregradohttp://purl.org/coar/resource_type/c_7a1fhttps://purl.org/redcol/resource_type/TPhttp://purl.org/coar/version/c_b1a7d7d4d402bcceinfo:eu-repo/semantics/bachelorThesisinfo:eu-repo/semantics/draftInternetInternetPrograma de ordenadorComputer softwareWorld Wide Web (servicio de informacion sobre redes)Programas para computadorMicrofrontendsWeb Componentshttp://vocabularies.unesco.org/thesaurus/concept17067http://vocabularies.unesco.org/thesaurus/concept6081https://martinfowler.com/articles/micro-frontends.htmlhttps://micro-frontends-es.org/PublicationORIGINALArangoLeon_2021_ArquitecturasComponentesWeb.pdfArangoLeon_2021_ArquitecturasComponentesWeb.pdfTrabajo de grado de pregradoapplication/pdf6396254https://bibliotecadigital.udea.edu.co/bitstreams/d550a250-ac91-4db1-b096-37e1a5640b3c/downloada4f246be9a28e6f8e6235599f1bdd633MD54trueAnonymousREADCC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-8712https://bibliotecadigital.udea.edu.co/bitstreams/b4212899-8adb-427d-a5e1-7b962e7ecb77/downloadfd0548b8694973befb689f3e7a707f1dMD55falseAnonymousREADLICENSElicense.txtlicense.txttext/plain; charset=utf-81748https://bibliotecadigital.udea.edu.co/bitstreams/b5edb25b-44ea-488b-954a-31f2cabf784f/download8a4605be74aa9ea9d79846c1fba20a33MD56falseAnonymousREADTEXTArangoLeon_2021_ArquitecturasComponentesWeb.pdf.txtArangoLeon_2021_ArquitecturasComponentesWeb.pdf.txtExtracted texttext/plain43110https://bibliotecadigital.udea.edu.co/bitstreams/7ee150bf-be66-451e-8626-5cc60f8571cd/download6e9da3e178052c364a769c0471790de2MD57falseAnonymousREADTHUMBNAILArangoLeon_2021_ArquitecturasComponentesWeb.pdf.jpgArangoLeon_2021_ArquitecturasComponentesWeb.pdf.jpgGenerated Thumbnailimage/jpeg7192https://bibliotecadigital.udea.edu.co/bitstreams/7dede1b8-3951-409c-a870-c6e8556dd61b/download1438e4909fe0582d73683bdf8cf0da97MD58falseAnonymousREAD10495/25340oai:bibliotecadigital.udea.edu.co:10495/253402025-03-27 01:31:35.383https://creativecommons.org/licenses/by-nc-sa/4.0/open.accesshttps://bibliotecadigital.udea.edu.coRepositorio Institucional de la Universidad de Antioquiaaplicacionbibliotecadigitalbiblioteca@udea.edu.coTk9URTogUExBQ0UgWU9VUiBPV04gTElDRU5TRSBIRVJFClRoaXMgc2FtcGxlIGxpY2Vuc2UgaXMgcHJvdmlkZWQgZm9yIGluZm9ybWF0aW9uYWwgcHVycG9zZXMgb25seS4KCk5PTi1FWENMVVNJVkUgRElTVFJJQlVUSU9OIExJQ0VOU0UKCkJ5IHNpZ25pbmcgYW5kIHN1Ym1pdHRpbmcgdGhpcyBsaWNlbnNlLCB5b3UgKHRoZSBhdXRob3Iocykgb3IgY29weXJpZ2h0Cm93bmVyKSBncmFudHMgdG8gRFNwYWNlIFVuaXZlcnNpdHkgKERTVSkgdGhlIG5vbi1leGNsdXNpdmUgcmlnaHQgdG8gcmVwcm9kdWNlLAp0cmFuc2xhdGUgKGFzIGRlZmluZWQgYmVsb3cpLCBhbmQvb3IgZGlzdHJpYnV0ZSB5b3VyIHN1Ym1pc3Npb24gKGluY2x1ZGluZwp0aGUgYWJzdHJhY3QpIHdvcmxkd2lkZSBpbiBwcmludCBhbmQgZWxlY3Ryb25pYyBmb3JtYXQgYW5kIGluIGFueSBtZWRpdW0sCmluY2x1ZGluZyBidXQgbm90IGxpbWl0ZWQgdG8gYXVkaW8gb3IgdmlkZW8uCgpZb3UgYWdyZWUgdGhhdCBEU1UgbWF5LCB3aXRob3V0IGNoYW5naW5nIHRoZSBjb250ZW50LCB0cmFuc2xhdGUgdGhlCnN1Ym1pc3Npb24gdG8gYW55IG1lZGl1bSBvciBmb3JtYXQgZm9yIHRoZSBwdXJwb3NlIG9mIHByZXNlcnZhdGlvbi4KCllvdSBhbHNvIGFncmVlIHRoYXQgRFNVIG1heSBrZWVwIG1vcmUgdGhhbiBvbmUgY29weSBvZiB0aGlzIHN1Ym1pc3Npb24gZm9yCnB1cnBvc2VzIG9mIHNlY3VyaXR5LCBiYWNrLXVwIGFuZCBwcmVzZXJ2YXRpb24uCgpZb3UgcmVwcmVzZW50IHRoYXQgdGhlIHN1Ym1pc3Npb24gaXMgeW91ciBvcmlnaW5hbCB3b3JrLCBhbmQgdGhhdCB5b3UgaGF2ZQp0aGUgcmlnaHQgdG8gZ3JhbnQgdGhlIHJpZ2h0cyBjb250YWluZWQgaW4gdGhpcyBsaWNlbnNlLiBZb3UgYWxzbyByZXByZXNlbnQKdGhhdCB5b3VyIHN1Ym1pc3Npb24gZG9lcyBub3QsIHRvIHRoZSBiZXN0IG9mIHlvdXIga25vd2xlZGdlLCBpbmZyaW5nZSB1cG9uCmFueW9uZSdzIGNvcHlyaWdodC4KCklmIHRoZSBzdWJtaXNzaW9uIGNvbnRhaW5zIG1hdGVyaWFsIGZvciB3aGljaCB5b3UgZG8gbm90IGhvbGQgY29weXJpZ2h0LAp5b3UgcmVwcmVzZW50IHRoYXQgeW91IGhhdmUgb2J0YWluZWQgdGhlIHVucmVzdHJpY3RlZCBwZXJtaXNzaW9uIG9mIHRoZQpjb3B5cmlnaHQgb3duZXIgdG8gZ3JhbnQgRFNVIHRoZSByaWdodHMgcmVxdWlyZWQgYnkgdGhpcyBsaWNlbnNlLCBhbmQgdGhhdApzdWNoIHRoaXJkLXBhcnR5IG93bmVkIG1hdGVyaWFsIGlzIGNsZWFybHkgaWRlbnRpZmllZCBhbmQgYWNrbm93bGVkZ2VkCndpdGhpbiB0aGUgdGV4dCBvciBjb250ZW50IG9mIHRoZSBzdWJtaXNzaW9uLgoKSUYgVEhFIFNVQk1JU1NJT04gSVMgQkFTRUQgVVBPTiBXT1JLIFRIQVQgSEFTIEJFRU4gU1BPTlNPUkVEIE9SIFNVUFBPUlRFRApCWSBBTiBBR0VOQ1kgT1IgT1JHQU5JWkFUSU9OIE9USEVSIFRIQU4gRFNVLCBZT1UgUkVQUkVTRU5UIFRIQVQgWU9VIEhBVkUKRlVMRklMTEVEIEFOWSBSSUdIVCBPRiBSRVZJRVcgT1IgT1RIRVIgT0JMSUdBVElPTlMgUkVRVUlSRUQgQlkgU1VDSApDT05UUkFDVCBPUiBBR1JFRU1FTlQuCgpEU1Ugd2lsbCBjbGVhcmx5IGlkZW50aWZ5IHlvdXIgbmFtZShzKSBhcyB0aGUgYXV0aG9yKHMpIG9yIG93bmVyKHMpIG9mIHRoZQpzdWJtaXNzaW9uLCBhbmQgd2lsbCBub3QgbWFrZSBhbnkgYWx0ZXJhdGlvbiwgb3RoZXIgdGhhbiBhcyBhbGxvd2VkIGJ5IHRoaXMKbGljZW5zZSwgdG8geW91ciBzdWJtaXNzaW9uLgo=