Meta tags:
description= Documentación sobre Javascript, su evolución y las mejores herramientas y recursos alrededor de su ecosistema.;
Headings (most frequently used words):
de, en, qué, lenguaje, css, el, dom, javascript, webcomponents, es, una, función, phaser, son, los, astro, shadow, vuejs, aprender, comienza, js, propiedades, atributos, crear, un, cliente, websockets, indentación, código, método, dispatchevent, plantillas, objeto, math, set, operaciones, conjuntos, promesas, encadenadas, textos, archivos, vue, endpoints, bucles, cheatsheet, scoping, ruta, seguir, para, props, hooks, atomico, parámetros, soporte, baseline, practicar, videos, quién, soy, yo, html, svg, animaciones, cascada, herramientas, antes, programar, fundamentos, eventos, asincronía, react, nodejs, terminal, git, npm,
Text of the page (most frequently used words):
javascript (18), document (14), search (14), los (12), let (11), una (11), queryselector (10), como (10), para (10), css (9), #webcomponents (9), crear (8), lenguaje (8), title (7), dialog (7), input (7), classlist (7), type (6), https (6), com (6), que (6), html (6), código (6), subtitle (5), json (5), return (5), addeventlistener (5), body (5), con (5), web (5), fundamentos (5), son (5), aprender (5), qué (5), vuejs (5), new (4), includes (4), url (4), youtube (4), add (4), remove (4), manz (4), soy (4), función (4), las (4), explico (4), nuestro (4), del (4), dom (4), forma (4), astro (4), phaser (4), aprende (4), eventos (4), practicar (4), await (3), api (3), promise (3), filter (3), slice (3), map (3), length (3), dispatchevent (3), focus (3), más (3), programación (3), diseño (3), terminal (3), datos (3), puede (3), componente (3), atributos (3), shadow (3), archivos (3), imágenes (3), vue (3), hora (3), realizar (3), operaciones (3), textcontent (2), tolowercase (2), replace (2), async (2), fetch (2), then (2), icon (2), svg (2), video (2), lenguajejs (2), innerhtml (2), loading (2), searching (2), finished (2), settimeout (2), 500 (2), form (2), cancel (2), lock (2), click (2), por (2), twitch (2), puedes (2), sobre (2), dev (2), desarrollo (2), videos (2), prefieres (2), contenido (2), cuando (2), props (2), través (2), desde (2), sin (2), temas (2), aquí (2), rutas (2), programar (2), cheatsheet (2), framework (2), progresivo (2), base (2), bucles (2), quieres (2), objetivo (2), endpoints (2), tanto (2), componentes (2), página (2), textos (2), promesas (2), encadenadas (2), promesa (2), conjuntos (2), diferencia (2), plantillas (2), método (2), enviar (2), indentación (2), websockets (2), disponible (2), navegador (2), propiedades (2), tus (2), comienza (2), proyecto (2), estructura (2), insertadjacentelement, beforeend, animate, normalize, nfd, u0300, u036f, contents, category, tags, assets, icons, logos, topic, img, default, jpg, youtu, location, href, origin, lenguajehtml, lenguajecss, terminaldelinux, results, value, structuredclone, push, all, flat, foreach, queryselectorall, createelement, close, blur, getboundingclientrect, clientx, right, clienty, bottom, removeeventlistener, event, query, append, showmodal, 400, keydown, key, ctrlkey, preventdefault, todos, derechos, reservados, izquierdos, también, creado, alojado, digitalocean, discord, github, linkedin, tiktok, instagram, twitter, encontrar, vivo, tenerife, españa, streamer, partner, profesor, apasiona, universo, tecnología, general, aunque, full, stack, pasión, front, end, cosas, divertidas, locas, quién, art, demos, echa, vistazo, canal, creamos, podemos, introducir, devolver, información, profundicemos, esto, parámetros, envían, este, artículo, utilizarlos, atómico, hooks, atomico, descubre, cero, saltarte, etapas, adelantarte, avanzados, encontrarás, algunos, roadmaps, personalizadas, ruta, seguir, existen, formas, cambiar, estilos, dependiendo, contenedor, propio, scoping, hoja, referencia, parte, importante, comprender, correctamente, funcionan, posibilidades, tenemos, crearlos, entender, concepto, sencilla, práctica, principal, encapsular, entra, nos, permiten, específicos, estáticas, dinámicas, ejemplo, xml, incluso, estática, llamados, sfc, single, file, component, utilizan, partes, reutilizables, trabajar, necesario, incluir, juego, hacerlo, modificarlos, darle, formato, muchas, situaciones, necesitemos, procesar, decir, devuelve, otra, gestionarlo, asincronia, cómo, unión, intersección, exclusión, set, programa, hace, grande, necesitamos, tener, organizado, listo, ser, reutilizado, multitud, matemáticas, nativa, necesidad, librerías, externas, objeto, math, nuestros, cómoda, templates, sirve, emitir, elemento, otro, mensajes, acciones, escalable, mantenible, características, buen, programador, debe, legible, correcto, conectar, tiempo, real, protocolo, comunicación, bidireccional, cliente, mismo, conocer, esta, llevar, confusiones, ello, retos, mejorar, habilidades, playground, soon, ejercicios, dar, funcionalidad, mediante, ponte, construir, llegado, poner, prueba, conocimientos, challenges, diarios, sabes, teoría, ponerse, control, npm, git, comandos, motor, videojuegos, metaframework, backend, nodejs, librería, popular, react, nativos, espera, inteligente, asincronía, reaccionar, sucesos, bases, entendiendo, primeros, pasos, antes, útiles, herramientas, core, cascada, efectos, visuales, animaciones, apariencia, vectoriales, ecosistema, roadmap, comprobar, característica, concreta, está, navegadores, soporte, baseline, muy, flexible, utilizado, servidores, funcionalidades, automatizar, tareas, modificar, etc, considerado, oficial, explicaremos, funciona, ctrl, español,
Text of the page (random words):
lenguaje js javascript en español manz dev lenguajejs com ctrl k o queryselector title textcontent e o queryselector subtitle textcontent n a insertadjacentelement beforeend o o animate t 75 r e e tolowercase normalize nfd replace u0300 u036f g i async e t n 8 let i await fetch t api contents json then e e json return new promise a o a i filter t let n t type category i r t title includes e r t subtitle includes e r t tags includes e return n i slice 0 n map e title e title subtitle e subtitle icon assets icons logos svg e topic replace javascript js url t e url a async e t 8 let n await fetch api youtube json then e e json return new promise i a i n filter t r t title includes e slice 0 t map e title e title subtitle video de youtube icon https img youtube com vi e id default jpg url https youtu be e id o 15 s new url location href origin c https lenguajehtml com https lenguajecss com https lenguajejs com https terminaldelinux com filter e e s c length let e document queryselector dialog search input type search t document queryselector dialog search results s r e value l s length 3 if t innerhtml l return let u document queryselector dialog search loading u classlist add loading searching let d structuredclone c map e i s e d push a s let f await promise all d flat 1 0 slice 0 o u classlist remove searching u classlist add finished settimeout u classlist remove finished 500 f foreach e n e u document queryselector form search input type search d if document queryselectorall dialog search length 0 return let t document createelement dialog t innerhtml t addeventlistener cancel document body classlist remove lock t close t remove u blur let n e let r t getboundingclientrect e clientx r right e clienty r bottom document body removeeventlistener click n t dispatchevent new event cancel settimeout document body addeventlistener click n 500 t classlist add search t queryselector input query focus document body append t t showmodal document body classlist add lock document queryselector dialog search input type search addeventlistener input e l 400 addeventlistener keydown e let key t ctrlkey n e t tolowercase k n e preventdefault d document queryselector dialog search input type search focus document queryselector form search input type search addeventlistener focus d lenguaje js javascript es un lenguaje de programación muy flexible utilizado tanto en navegador como en servidores para crear funcionalidades automatizar tareas modificar la estructura de una página etc es considerado el lenguaje oficial de la web y aquí explicaremos como funciona soporte baseline de javascript quieres comprobar si una característica concreta está disponible en los navegadores comienza a aprender o prefieres un roadmap diseño web javascript ecosistema terminal lenguaje html estructura y contenido lenguaje svg imágenes vectoriales lenguaje css apariencia y diseño animaciones efectos visuales cascada css el core de css herramientas css temas útiles para css antes de programar primeros pasos fundamentos entendiendo la base javascript las bases del lenguaje dom html desde javascript eventos javascript reaccionar a sucesos asincronía espera inteligente webcomponents componentes nativos react librería popular vuejs framework progresivo nodejs javascript en el backend astro metaframework javascript phaser motor de videojuegos terminal aprende comandos git código de un proyecto npm control de un proyecto comienza a practicar ya sabes la teoría es hora de ponerse a practicar challenges diarios ha llegado la hora de poner a prueba tus conocimientos ponte a construir ejercicios para practicar y dar funcionalidad mediante html css y javascript playground soon retos para practicar y mejorar tus habilidades de javascript webcomponents propiedades y atributos las propiedades y atributos no son lo mismo en webcomponents y no conocer esta diferencia puede llevar a confusiones aprende más sobre ello eventos crear un cliente de websockets aprende a conectar y enviar datos en tiempo real con websockets un protocolo de comunicación bidireccional disponible en el navegador fundamentos indentación de código la indentación de código es una de las características que un buen programador debe aprender para crear un código legible y correcto eventos el método dispatchevent el método dispatchevent sirve para emitir eventos de un elemento html a otro con el objetivo de enviar mensajes o realizar acciones de forma escalable y mantenible webcomponents plantillas en webcomponents aprende crear código html para nuestros webcomponents de forma cómoda a través de plantillas o templates javascript el objeto math en javascript puedes realizar multitud de operaciones matemáticas de forma nativa sin necesidad de librerías externas fundamentos qué es una función cuando nuestro programa se hace grande necesitamos tener nuestro código organizado y listo para ser reutilizado javascript set operaciones de conjuntos cómo realizar operaciones de conjuntos como unión intersección diferencia y exclusión en javascript asincronia promesas encadenadas en muchas situaciones puede que necesitemos procesar promesas encadenadas es decir una promesa que devuelve otra promesa te explico como gestionarlo phaser textos en phaser a la hora de trabajar con phaser es necesario incluir textos en nuestro juego te explico como hacerlo modificarlos y darle formato vuejs qué son los archivos vue los archivos vue son los llamados componentes sfc single file component que se utilizan en vue para crear partes reutilizables de una página astro endpoints en astro los endpoints de astro nos permiten crear archivos específicos tanto en rutas estáticas como dinámicas como por ejemplo imágenes json xml imágenes o incluso crear una api estática webcomponents qué es el shadow dom quieres entender el concepto de shadow dom de una forma sencilla y práctica su objetivo principal es encapsular css o javascript entra y te lo explico fundamentos qué son los bucles una parte importante de la base de la programación es comprender correctamente como funcionan los bucles y que posibilidades tenemos al crearlos vuejs vuejs cheatsheet hoja de referencia o cheatsheet del framework javascript progresivo vuejs webcomponents css scoping en shadow dom existen formas de cambiar los estilos de nuestro componente dependiendo del contenedor del propio componente aprender a programar qué ruta seguir para aprender descubre como aprender desarrollo web desde cero sin saltarte etapas ni adelantarte a temas más avanzados aquí encontrarás algunos roadmaps y rutas personalizadas webcomponents props y hooks en atomico las props son los datos que se envían a un componente a través de los atributos html en este artículo te explico como utilizarlos con atómico fundamentos parámetros de una función cuando creamos una función podemos introducir datos y la función puede devolver información profundicemos en esto videos prefieres contenido de video echa un vistazo a mi canal videos demos css art quién soy yo soy manz vivo en tenerife españa y soy streamer partner en twitch y profesor me apasiona el universo de la programación web el diseño y desarrollo web y la tecnología en general aunque soy full stack mi pasión es el front end la terminal y crear cosas divertidas y locas puedes encontrar más sobre mi en manz dev twitch youtube twitter instagram tiktok linkedin github discord creado por manz con alojado en digitalocean todos los derechos reservados los izquierdos también
|
