ManzDev
Perfil de Manz Dashboard de actividad
HTML5 Etiquetas HTML
CSS CSS vanilla
PostCSS Transformador CSS
Javascript Javascript ES2020+
NPM Node Package Manager
WebComponents Componentes web
Terminal Terminal de GNU/Linux
VueJS Framework VueJS 3
Automatizadores Empaquetadores Javascript
Dibujando con CSS ¡Dibujos hechos con sólo CSS!
Experimentos con Javascript ¡Experimentos con Javascript!

Lenguaje JS

WebComponents es un estándar que permite crear custom elements (etiquetas HTML propias) utilizando HTML, CSS y Javascript. Se trata de un conjunto de tecnologías a bajo nivel que permite aislar elementos por su naturaleza, mejorar la organización y favorecer la modularidad, reutilización y escalabilidad de forma nativa. Además, también existen librerías como LitElement o LitHTML que agilizan la creación de componentes.

Lenguaje JS es una página de documentación y herramientas dedicadas al aprendizaje y perfeccionamiento del área de Javascript.

Chuleta WebComponents en formato PDF (¡Gratis!)

Aquí puedes encontrar una hoja de referencia, a tamaño DIN A4 y en formato PDF lista para imprimir. Contiene los conceptos clave más interesantes del ecosistema de WebComponents, agrupados por temáticas y diferenciando multitud de características, como templates, Shadow DOM, custom elements u otros detalles. También encontrarás la sintaxis para crear componentes mediante LitElement y plantillas usando LitHTML.

CheatSheet

Ten en cuenta que he rechazado publicar esta cheatsheet bajo un formato de pago porque creo en otra forma de hacer las cosas. Confío en que todo el que sepa valorar el trabajo ajeno que ha supuesto la elaboración de esta chuleta realizará una donación con la cantidad que estime justa.

Paypal

Paypal

Si lo consideras oportuno, otra forma de apoyarme (que te saldrá gratis si tienes Amazon Prime), es vincular tu cuenta de Amazon Prime con Twitch Prime y suscribirte en mi canal de Twitch.