enricBlogger

Code javascript i DOM: Javascript i DOM Udemy: Promises: Async-Await: Templates Strings ES6 Fuentes javascript moderno Udemy Css DOM: DOM-javascript Remove a class element ES6 Add class element ES6 Setting CSS Styles Estilos dinámicos: Chuleta Pattern verificació email:  pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" Introducción a Javascript en el ámbito de la web (escuelaIT) Repositori Github Github Ej.

web components-litElement Github escuelaIt Curso litelement simple-environment-webpack-litelement firestore-litelement slide-components-litelement WebComponents Google: Lit-Element-polymer: LitElement-Desarrolloweb: Constructable-stylesheets Componentes dile-xxxx Extensiones útiles para Visual Code: Import Cost: muestra el tamaño de los imports lit-html: snippets para no teclear tanto Template Literal Editor: ayuda editar literal templates   Comienzo proyecto: Básico. Después de modificación hay que ejecutar npm run build crear carpeta npm init npm install lit-element --save npm install -D webpack webpack-cli npm i -D webpack-dev-server Modificar package.json "scripts": { "build": "webpack --mode production", "builddev": "webpack --mode development", "start": "webpack-dev-server --mode development --open" } Crear carpeta src para  alojar los componentes.js cre

CSS: CSS EscuelaIT: Fundamentos  Css Diana Acebes Display Posicionamiento Centrar Flexbox Propiedades: contenedor-flex: padre display:flex flex-direction: establece el eje principal del contenedor y su contenido flex-direction: row  (default) flex-direction: row-reverse  flex-direction: column flex-direction: column-reverse flex-wrap: determina la existencia o no de saltos de línea y su sentido flex-wrap: nowrap  (default) flex-wrap: wrap flex-wrap: wrap-reverse justify-content: establece la dirección de los items en el eje principal (reparto del espacio) justify-content: flex-start  (default) justify-content: flex-end justify-content: space-between justify-content: center justify-content: space-around align-items: establece la alineación de los items en el eje transversal (reparto de espacio) align-items: flex-start align-items: flex-end align-items: center align-items: baseline align-items: stretch  (default) Si defino el &#