JavaScript by Example

Summary

In this chapter, you built a Weather Widget for your team while learning about the web components. You created a reusable HTML custom element, which uses shadow DOM to abstract CSS from the rest of the document, making the widget easily pluggable into the rest of the project. You also learned about some methods, such as geolocation and set intervals. But the most important thing you learned in this chapter is the advantage of creating independent components in a team environment. By creating a reusable weather component, you made the work easier for yourself and for the rest of the team.

So far, we have been working on pure JavaScript. However, there are a lot of modern frameworks and libraries today, which makes programming with ...