Web Components
For this project, our group had to create a Learning Card utilizing web components. It utilizes three technologies (HTML, CSS, and JavaScript) to create custom elements that can be reused anywhere.
We had to think of different considerations for the different properties the learning card might have, as well as the states it can have and how easily customizable it can be .
Some of the main things to consider for this project are accessibility, responsiveness, customization and re-usability.
The Learning Card will contain multiple elements: a header, banner, icon, and body,
Learning Points
In the process of completing this project, we are excited to learn the process of creating custom elements that can be used over and over again in different ways. It is also really nice to learn how to combine each individual custom element into a full card. Another learning point is the accessibility and responsiveness of the card. Learning how to implement action events and various states for the various elements is a great way we hope to master some of the concepts shared in the class discussion.
We are very excited about this project and hope to learn as much as we can about web components
Top comments (0)