Web components : concept and implementation
Bui, Tan (2019)
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2019052311527
https://urn.fi/URN:NBN:fi:amk-2019052311527
Tiivistelmä
This thesis was conducted as research on Web Component by analyzing its specification and usage. The purpose of this investigation was to introduce and implement web components in a web application.
This thesis discusses Web Component concepts and their related specifications, such as Shadow DOM, HTML Template and HTML Custom Element. This study also examines lit-element library and shows how to utilize this library for web development.
The implementation of web components was demonstrated in a Phonebook App prototype. This project creates new web components and uses them together with third-party web components to build a complete web application. The result of this project is a Progressive Web App running on client-side with basic features for managing personal contacts. To put this prototype into production, this thesis explains a deployment process using Heroku service, a popular platform for publishing web application without complicated configurations.
This thesis discusses Web Component concepts and their related specifications, such as Shadow DOM, HTML Template and HTML Custom Element. This study also examines lit-element library and shows how to utilize this library for web development.
The implementation of web components was demonstrated in a Phonebook App prototype. This project creates new web components and uses them together with third-party web components to build a complete web application. The result of this project is a Progressive Web App running on client-side with basic features for managing personal contacts. To put this prototype into production, this thesis explains a deployment process using Heroku service, a popular platform for publishing web application without complicated configurations.