Getting Familiar with New Web Standards

You might already know that frontend development requires just three technologies upon which the entire web is built: HTML, CSS, and JavaScript. In the not-too-distant past, the feature set of these standards lagged behind the functional wishes of developers and designers. They couldn’t build the web sites they wanted to build with the tools they were given. To work around this, several independent teams each devised their own frameworks to supplement what was officially supported by browsers.

In one sense, these frameworks worked well. They introduced new UI patterns and dynamic websites at a time when desktop and mobile browsers were still in divergence. But at the same time, each framework was proprietary and unique. The skills and techniques you learned in one would not be transferable to another. Each framework handled page rendering differently, had a different language syntax, and in general, worked differently across browsers.

Since then, web standards have matured, to the point where many of these frameworks have been made obsolete. The new paradigm for frameworks is to embrace, not obscure, native web functionality. In this post, we’re going to introduce some of the new functionality offered by web components, a cross-browser solution for building complex web apps. We’ll also introduce Salesforce’s Lightning Web Components (LWC) as a fast, enterprise-grade wrapper around these web standards.

#html #web-development #css #javascript #developer

Understanding Web Standard - Shadow DOM and Custom HTML Elements
2.05 GEEK