Sign in

ManzDev

@manz.dev
440 followers 91 following 211 posts

@Twitch Partner | Web developer & Engineer | manz.dev Content creator at lenguajeJS.com | I❤️HTML/CSS/JS FullStack teacher at @eoi | «Odio quedarme a med

PostsRepliesMedia
ManzDev @manz.dev · 16/03/2026
Estos contenidos forman parte del Bootcamp GRATUITO de Desarrollo web moderno que estoy haciendo, aquí tienes todos los contenidos: bootcamp.manz.dev 💖 ¡No olvides suscribirte al canal y comentar si te ha gustado!
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 16/03/2026
Por aquí tienes el link del video: youtu.be/SqTOlELV4Io ¡Si quieres puedes echar un vistazo al resto del canal, tenemos otros videos sobre Ollama y OpenCode!
youtu.be
Ollama + OpenCode: Programar con Agentes de IA locales
YouTube video by ManzDev
110
ManzDev @manz.dev · 16/03/2026
🔥 ¡Nuevo video en Youtube! 🔥 OPENCODE + OLLAMA INTELIGENCIA ARTIFICIAL 100% LOCAL ✅ Uso de modelos locales con ollama ✅ Modelos cuantizados ✅ Usar Opencode con modelos locales ✅ Customizar modelos con Modelfile (estilo docker) 👇 Links
Inteligencia Artificial 100% local usando Opencode con Ollama
151
ManzDev @manz.dev · 11/03/2026
Aquí tienes el video: youtu.be/vZbI3j0WmPI Si quieres apoyar mi trabajo, no te olvides de compartir y comentar en el video 💖 Recuerda que todo esto forma parte del BOOTCAMP GRATUITO que estamos impartiendo en Twitch/Youtube: bootcamp.manz.dev
youtu.be
Tutorial ComfyUI: Crear imágenes en LOCAL y GRATIS con IA
YouTube video by ManzDev
010
ManzDev @manz.dev · 11/03/2026
🔥 ¡Nuevo video! Tutorial de ComfyUI 🔥 ✅ ComfyUI: Herramienta para crear imágenes ✅ En local: GRATIS y sin suscripciones ✅ Conceptos y modelos para utilizar ✅ Explicaciones con workflows de ejemplo 👇 Link
121
ManzDev @manz.dev · 24/02/2026
Por aquí tienes toda la información del Bootcamp: bootcamp.manz.dev Además, tienes una lista con todas las clases de la FASE 1, por si quieres ponerte al día: dub.sh/bootcamp-2026
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 24/02/2026
¡Este domingo 1/MAR empieza la FASE 2 del BOOTCAMP GRATUITO de Desarrollo web moderno. ✅ Bases de HTML ✅ Etiquetas (desde `<div>` hasta `<template>`) ✅ Semántica, accesibilidad y rendimiento ✅ HTML-first y mejora progresiva ✅ Novedades (diálogos, popovers, invokers...) 👇
120
ManzDev @manz.dev · 20/02/2026
Aquí la clase de IA: youtu.be/lUzWlSngWXE Por aquí las clases anteriores: dub.sh/bootcamp-2026 Por aquí tienes el programa del bootcamp, slides y más información desde la web oficial: bootcamp.manz.dev/contenido/
youtu.be
Día 4 📕 Inteligencia Artificial - BOOTCAMP gratuito Desarrollo web ManzDev 2026
YouTube video by ManzDev
000
ManzDev @manz.dev · 20/02/2026
La clase del Bootcamp de ayer, creo que ha sido la mejor con diferencia. El feedback ha sido buenísimo. ¿Qué te pareció? ✅ Inteligencia Artificial y LLM ✅ Agentes: OpenCode ✅ Usamos Ollama como LLM local ✅ Usamos ComfyUI en local para generar imágenes 👇 ¡Tienes ya la clase en Youtube!
132
ManzDev @manz.dev · 12/02/2026
En la web tienes toda la información sobre el Bootcamp gratuito: horarios, programa, videos de clases anteriores, etc... bootcamp.manz.dev ¡Comparte si te resulta interesante!
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 12/02/2026
El próximo JUEVES 19, tendremos la cuarta clase del Bootcamp gratuito: Inteligencia Artificial. ✅ Inteligencia Artificial y LLM ✅ IA: Modalidad cloud vs local ✅ Instalación y uso de Ollama (LLM locales) ✅ Modelos LLM y agentes (OpenCode) ✅ IA Generativa: Workflows con ComfyUI 👇 Enlaces abajo
Día 4 del Bootcamp (Fase 1): Clase de Inteligencia Artificial.
4122
ManzDev @manz.dev · 11/02/2026
Aquí tienes todo el programa del curso, los videos de clases anteriores y preguntas frecuentes: bootcamp.manz.dev Si aún no te has puesto al día, mírate los 2 primeros videos, ya que vamos a usar la terminal y necesitarás tenerlo todo preparado: dub.sh/bootcamp-2026
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
010
ManzDev @manz.dev · 11/02/2026
¡Este domingo 15, nueva clase del Bootcamp gratuito! ✅ Día 1: WSL y Terminal de Linux ✅ Día 2: Fundamentos de Javascript 📆 Día 3: Control de proyectos JS Vamos a aprender a crear y gestionar un proyecto Javascript usando herramientas como pnpm, node, oxc y usando git y GitHub. 👇 Enlaces abajo
Día 3: Control de proyectos (Fase 1)
Tercera clase del Bootcamp gratuito ManzDev 2026 donde aprenderemos, entre otras cosas, a crear y gestionar un proyecto Javascript utilizando pnpm, node, usando un linter moderno (oxc), git, y usando GitHub, desplegando en GitHub Pages.
160
ManzDev @manz.dev · 10/02/2026
Aquí tienes el video de la segunda clase: youtube.com/live/XfekLkb... ¡Recuerda dejar un comentario en los videos, y compartirlo a quién le pueda interesar, que ayuda mucho! 💖 En la web tienes el temario, clases anteriores y toda la información que vamos impartiendo: bootcamp.manz.dev
youtube.com
Día 2 📕 Fundamentos de programación Javascript (Fase 1) - BOOTCAMP Desarrollo web ManzDev 2026
YouTube video by ManzDev
000
ManzDev @manz.dev · 10/02/2026
¡Ya está disponible la segunda clase del Bootcamp! FUNDAMENTOS DE JAVASCRIPT ✨ Variables (const, let e using) ✨ Tipos de datos (String, Map... y hasta Symbol) ✨ Condicionales y bucles ✨ Funciones (Arrow functions incluidas) ✨ Clases 👇 Enlace al video abajo
Fundamentos de programación en Javascript, protagonizado por nuestro gato robot de Javascript.
120
ManzDev @manz.dev · 09/02/2026
Aquí tienes toda la información del Bootcamp: ✨ Temario completo del Bootcamp ✨ Disponibles las dos primeras clases en Youtube ✨ El 15/FEB será la próxima clase ¡Comparte para que más gente se sume! 👇 bootcamp.manz.dev
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 09/02/2026
¡Ya está publicada la clase del domingo 8 en Youtube! ✅ Clase 1: Instalación WSL + Terminal de Linux ✅ Clase 2: Fundamentos + Bases de Javascript 📆 Clase 3 (15/FEB): Bases de Git + PNPM + OXC 📆 Clase 4 (19/FEB): Inteligencia Artificial + IA local 👇 Enlaces abajo
Progreso (timeline) del Bootcamp ManzDev 2026 que estamos emitiendo en Twitch/Youtube los fines de semana:

Clase 1: Instalación WSL + Terminal de Linux
Clase 2: Fundamentos + Bases de Javascript
Clase 3 (próximamente): Bases de Git + PNPM + OXC
Clase 4 (desbloqueable): Inteligencia Artificial + IA local

Ya están disponibles las dos primeras clases (Terminal y Fundamentos) en Youtube.
110
ManzDev @manz.dev · 07/02/2026
Aquí tienen la página del bootcamp, redes sociales y en la sección de contenido tienen el programa completo y las clases anteriores: bootcamp.manz.dev ¡Comparte esto con gente a la que le pueda interesar!
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 07/02/2026
¡Mañana, 8/FEB, seguimos con el Bootcamp gratuito! ✨ Recuerda: Bootcamp enfocado en ENTENDER. ✨ Todos los domingos, en Twitch y Youtube. ✨ En la web tienes más información. ✨ Si te perdiste la primera sesión, ¡video en la web! ✨ Mañana: Fundamentos de programación / Javascript. 👇 Links abajo
111
ManzDev @manz.dev · 02/02/2026
En la web tienes acceso al contenido, calendario del bootcamp, dudas frecuentes y mis redes. Ya tienes el video y las slides de la primera clase (terminal) 👇 bootcamp.manz.dev ¡La próxima clase (fundamentos de Javascript), este domingo!
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 02/02/2026
¡Ayer comenzamos el Bootcamp gratuito de Desarrollo web en Twitch/Youtube! ¡Más de 300 usuarios simultáneos entre ambas plataformas! ¡Un domingo! ¡Gracias a todos! 💖 👇 Tienes el contenido en la web del Bootcamp
111
ManzDev @manz.dev · 25/01/2026
Por aquí tienes toda la información, temario y contenido, preguntas frecuentes y requisitos: ➡ bootcamp.manz.dev 💖 ¡Comparte o menciona si crees que le puede servir a alguien!
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 25/01/2026
⌛ ¡Sólo falta una semana y arrancamos! ✅ Bootcamp de fundamentos web ✅ Inicio: 1 de FEBRERO ✅ Twitch / Youtube ✅ Todos los domingos ✅ Gratuito 🚀 ¿Vienes a aprender conmigo?
111
ManzDev @manz.dev · 11/01/2026
Como siempre, recuerda que está publicado bajo modalidad de donación voluntaria. Si te parece útil, considera donar o compartirlo en tus redes. ¡Con ambas opciones me ayudas mucho! Por aquí tienes el link para descargar: lenguajehtml.com/html/cheatsh...
lenguajehtml.com
CheatSheet HTML5 - HTML en español
Hoja de referencia o CheatSheet del lenguaje HTML o lenguaje de marcas. Útil para el aprendizaje o perfeccionamiento de HTML.
051
ManzDev @manz.dev · 11/01/2026
💜 ¡Acabo de lanzar la nueva HTML Cheatsheet 2026! ✅ Separados por temática y subcategorías ✅ Etiquetas HTML/SVG y atributos modernos ✅ Modos de Scripting (módulos, maps, rules...) ✅ Capacidades multimedia de HTML ✅ Formato PDF lista para imprimir 👇
Etiquetas HTML: Sintaxis, etiquetas de documento, metadatos, relaciones, modalidades de carga, SEO y redes sociales, formularios, validaciones, agrupación, texto, enlaces, tablas, multimedia (audio/video), iframes, scripting y SVG.
15212
ManzDev @manz.dev · 03/01/2026
Como siempre, recuerda que está publicado bajo modalidad de donación voluntaria. Si te parece útil, considera donar o compartirlo en tus redes. ¡Con ambas opciones me ayudas mucho! Por aquí tienes el link para descargar: terminaldelinux.com/terminal/che...
terminaldelinux.com
Linux terminal CheatSheet - Linux en español
Descubre el poder de las herramientas y comandos de terminal Linux con nuestra guía completa de referencia para dominar el mundo de la línea de comandos.
010
ManzDev @manz.dev · 03/01/2026
💜 ¡Comandos de terminal! ¡Nueva Cheatsheet 2026! ✅ Separados por temática y subcategorías ✅ Alternativas modernas a comandos clásicos ✅ Colores para indicar si son Rust/Go/Python ... ✅ Recetas para instalar ciertas herramientas ✅ Formato PDF lista para imprimir 👇
Comandos de terminal: Ayuda, usuarios, ficheros y carpetas, herramientas de red, descarga, editores y exploradores de archivos, manipulación de texto, shell y comandos de instalación, multimedia, inteligencia artificial, etc...
120
ManzDev @manz.dev · 22/12/2025
Aquí tienes la web, donde explicamos: ✨ Filosofía del Bootcamp ✨ Requisitos necesarios ✨ ¿Cuando?, ¿donde?... ✨ Temario y contenido ✨ FAQ: Preguntas frecuentes bootcamp.manz.dev
bootcamp.manz.dev
Bootcamp de Desarrollo web - Manz.dev
Bootcamp gratuito de Diseño y Desarrollo web emitido en Twitch/Youtube. ¡Aprende desarrollo web moderno!
000
ManzDev @manz.dev · 22/12/2025
¡Tengo algo que anunciar! ¡El próximo 1/FEB comenzamos Bootcamp gratuito de Desarrollo web en Twitch/Youtube! ✅ Prioridad: entender los fundamentos ✅ Enfoque moderno ✅ Tienes el temario en la web ✅ Si tienes alguna duda, visita la FAQ 👇 ¡Comparte y sígueme en redes para no perdértelo!
Bootcamp Manz.dev: ¡A partir de Febrero, una clase semanal explicando las bases del desarrollo web para todo aquel que le interese!
132
ManzDev @manz.dev · 09/12/2025
Como siempre, lo tienes bajo modelo de donación voluntaria. Si quieres apoyar mi trabajo, puedes hacerlo y descargarlo desde la siguiente página: lenguajecss.com/css/cheatshe...
lenguajecss.com
CSS Cheatsheet - CSS en español
Hoja de referencia o CheatSheet del lenguaje CSS o lenguaje de hojas de estilo. Útil para el aprendizaje o perfeccionamiento de CSS.
030
ManzDev @manz.dev · 09/12/2025
🎨 ¡Modern CSS Cheatsheets 2026! ¡Acabo de lanzar las nuevas Cheatsheets CSS! Incluye: ✅ Descargable en PDF ✅ Color + Box Model + Corner Shape ✅ Fonts + Efectos + Masks + Shapes ✅ Animaciones + Flex + Grid + Anchor Position ✅ Matemáticas + Lógica CSS + Condicionales ⬇ ¡Y mucho más!
Modern CSS Cheatsheets: CSS Syntax, Color models, CSS Box model, Fonts and text, MultiColumns, Background, Images, CSS Rules, Effects, Masks, CSS Shapes, Animations, Transforms, Flex, Grid, Position, Anchor Position, CSS Logic and Conditionals.
1522
ManzDev @manz.dev · 18/09/2025
Por aquí tienes el post donde lo explico: lenguajecss.com/css/grid/css... Recuerda que ahora mismo, necesitas tener la flag "Experimental Web Feature" activa en Chrome para poder probarla.
lenguajecss.com
CSS Decoration Gaps - CSS en español
Mediante las decoraciones de gaps podemos agregar líneas de decoración a nuestras maquetaciones flex, grid u otras. ¡Veamos como funcionan!
010
ManzDev @manz.dev · 18/09/2025
Una de las limitaciones de Flex y Grid era no poder colocar líneas divisorias a las celdas. Con la nueva propiedad CSS `rule` de Decoration Gaps podemos crear esas decoraciones a los gaps de nuestro diseño: ✅ Propiedades `column-rule-*` ✅ Atajos `rule` 👇 Te la explico abajo
<div class="grid">
  ...
</div>

<style>
.grid {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  grid-template-rows: repeat(5, 40px);
  place-items: center;
  width: max-content;
  border: 2px solid black;

  rule: 1px dotted black;
  gap: 2px;
}
</style>
141
ManzDev @manz.dev · 04/09/2025
¡Las cosas están cambiando en CSS! Si te interesa aprender novedades, echa un vistazo al apartado de lógica CSS: lenguajecss.com/css/#l%C3%B3...
lenguajecss.com
Lenguaje CSS - CSS en español
CSS es un lenguaje de estilos utilizado en el ámbito del diseño web para dotar un sitio web de detalles estéticos, interacción y aspecto visual.
000
ManzDev @manz.dev · 04/09/2025
🎭 Polimorfismo En prog: Un elemento puede usar comportamientos diferentes en distintos contextos En CSS: Elemento flexible y adaptable para tener un comportamiento visual diferente según su contexto ¡Los media/container queries y los condicionales if() o :has() permiten aplicar lógica en CSS!
Polimorfismo

- Antiguamente: Uso de la cascada o selectores complejos, cosa que podía aumentar especificidad y hacer poco intuitivo la aplicación de estilos.

- Actualmente: Uso de condicionales if() o pseudoclase como :has(), así como media/container queries (incluso anidados con nesting) para cambiar comportamientos dependiendo de la situaciones.
100
ManzDev @manz.dev · 04/09/2025
🧬 Herencia En programación: Reutilizar y extender comportamientos desde jerarquías superiores En CSS: Podemos dar estilo a elementos superiores y los inferiores obtienen esos comportamientos visuales. La regla @layer (fusionar estilos) y CSS Shadow Parts (dar estilo a zonas encapsuladas).
Herencia

- Antiguamente: Usando herencia tradicional, o keywords como inherit, initial o unset. Usar metodologías CSS para organizar y simular mecanismos superiores de herencia.

- Actualmente: La regla @layer para evitar solapamientos de especificidades y Shadow Parts para dar estilo a secciones encapsuladas.
100
ManzDev @manz.dev · 04/09/2025
🧠 Abstracción En programación: Oculta detalles complejos y simplifica llevándolo a otro nivel. En CSS: Dar estilo a un elemento puede ser muy verboso. Abstraer y simplificar permite verlo más sencillo. ¡Nesting CSS + variables + funciones CSS (y pronto mixins)! OpenProps también es excelente.
Abstracción

- Tradicionalmente: Uso de procesadores para hacer más "programáticamente" cosas que CSS no podía hacer antes. Uso de TailwindCSS (u otros frameworks) para simplificar su uso y aumentar velocidad de desarrollo.

- Actualmente: El nesting, las variables de CSS, las funciones de CSS (pronto los mixins) y OpenProps nos dan herramientas muy interesantes de abstracción.
120
ManzDev @manz.dev · 04/09/2025
📦 Encapsulación En programación: Guardar información aislada para controlar y proteger acceso externo En CSS: Los devs suelen tener problemas al cambiar estilos por accidente debido a la naturaleza global de CSS. ¡HTML/CSS ya tiene encapsulación nativa! Shadow DOM + @scope
Encapsulación:

- Antiguamente: Simulada con BEM, o conseguida con terceros con CSS Modules.
- Actualmente: Se puede conseguir con Shadow DOM (JS), Shadow DOM declarativo (HTML) y con la regla @scope para limitar ámbitos.
100
ManzDev @manz.dev · 04/09/2025
📘 Principios de OOP 📘 ¿Existen también para CSS? Uno de los principales problemas de CSS es que los DESARROLLADORES ❌no se preocupan en aprender CSS correctamente. CSS no es OOP, sin embargo, sus principios se pueden aplicar de forma muy similar en CSS... 👇 ¡Observa!
Encapsulación
Abstracción
Herencia
Polimorfismo

¡¿...en CSS?!

(Mucha gente se va a poner nerviosa en este hilo)
111
ManzDev @manz.dev · 03/09/2025
En el siguiente link tienes los requisitos y el enlace de inscripción. Date prisa. Está planificado para empezar a finales de septiembre: 👉 www.eoi.es/es/cursos/93... ¡Comparte o etiqueta a alguien si crees que le puede interesar!
eoi.es
Curso de Programación y Diseño Web Frontend (Semipresencial – Gran Canaria) | EOI
PresentaciónObjetivo generalEl curso «Programación y Diseño Web Frontend» tiene como objetivo dotarte de los conocimientos, herramientas y habilidades necesarios para convertirte en un profesional alt...
000
ManzDev @manz.dev · 03/09/2025
📒 Curso gratuito de programación Frontend ¡Inscripciones recién abiertas! Buscamos alumnos interesados en entrar de forma profesional al mundo de la programación, aprendiendo fundamentos, usando la inteligencia artificial y herramientas modernas de forma adecuada. 👇 Link
✅ Bases: Preparación de entorno, terminal y WSL
✅ Diseño: HTML, CSS, Tailwind y DaisyUI
✅ Ecosistema Javascript: NPM, Node, Vite
✅ Frameworks: Vue, Pinia, Vitest, Astro
✅ Herramientas: Firebase/Supabase, Netlify...
✅ Soft skills: Empleabilidad, proyecto, etc...
110
ManzDev @manz.dev · 25/08/2025
Por aquí tienes varios posts sobre todo lo que necesitas saber con Grid: lenguajecss.com/css/grid/que...
lenguajecss.com
Guía de Introducción a Grid - CSS en español
Grid CSS permite dejar atrás la problemática forma de crear diseños en CSS, aportando un modelo de cuadrículas o rejillas muy personalizable y flexible.
110
ManzDev @manz.dev · 25/08/2025
Tienes más información sobre la regla `@function`, condicionales `if()`, tipos de datos y funciones `random()` que se vienen a CSS en mi web: lenguajecss.com/css/logica-c...
lenguajecss.com
La regla @function en CSS - CSS en español
Descubre cómo definir y utilizar funciones reutilizables en CSS nativo para poder gestionar fácilmente los estilos de nuestra página o aplicación web.
010
ManzDev @manz.dev · 25/08/2025
✅ La función se usa sin el `var()` ✅ Sin parámetros, usa los valores por defecto ✅ Indicando un parámetro, procesa la función 🤩 Si tipas los parámetros e indicas un valor incorrecto, ¡usará los valores por defecto! 👇 Sigue
.logo {
  --size: 200px;
  
  width: var(--size);
  height: var(--size);
  background: --gradient(green);
  border-radius: 1rem;
  color: white;
  font-family: Outfit;
  font-size: 5rem;
  font-weight: 800;
  display: grid;
  place-items: end;
  padding: 1rem;
}
100
ManzDev @manz.dev · 25/08/2025
🚀 ¡Las funciones CSS han llegado a CSS! 🚀 ✅ La regla `@function` permite crear funciones ✅ El nombre de la función se prefija con `--` ✅ Opcionalmente, puedes tipar los parámetros, dar un valor por defecto y tipar la devolución ✅ La propiedad `result` devuelve el valor 👇 Sigue
@function --gradient(--color <color>: rebeccapurple) returns type(<image>) {
  --color1: color-mix(in srgb, var(--color), black 60%);
  --color2: color-mix(in srgb, var(--color), black 5%);
  result: linear-gradient(75deg, var(--color1), var(--color2));
}
121
ManzDev @manz.dev · 22/08/2025
❓ ¿Qué otros «Destruyendo mitos» sobre Desarrollo web te gustaría ver y que analizara? ¡Coméntame y quizás aparezca en el siguiente! 👇 Aquí tienes más información sobre `.querySelector()` y profundizamos en sus detalles: lenguajejs.com/dom/buscar/q...
lenguajejs.com
querySelector: Buscar en el DOM - Javascript en español
Para trabajar desde Javascript con los elementos del DOM, necesitamos saber como buscarlos y acceder a ellos.
000
ManzDev @manz.dev · 22/08/2025
🥊 DESTRUYENDO MITOS 🥊 Una pregunta que me hacen mucho: ¿Qué es mejor, `getElementById()` o `querySelector()`? Analizamos: 1️⃣ Búsqueda de elementos 2️⃣ Ámbito de búsqueda 3️⃣ ¿Qué devuelve? 4️⃣ Rendimiento 5️⃣ Gestión de errores 6️⃣ Legibilidad de la API 👇
getElementById vs querySelector

getElementById
- Sólo puedes buscar elementos que tengan un ID (menos flexible)
- Es global. Sólo puedes buscar en todo el documento
- Devuelve exactamente el elemento (o null)
- Ligeramente más rápido, irrelevante en la mayoría de los casos (micro-optimización)
- Si se indica un ID inválido, nunca lanza error.
- Expresa intención clara: Obtener elemento por su ID.

querySelector
- Soporta cualquier selector CSS. Muy potente.
- Puedes buscar de forma global o acotada.
- Con querySelector devuelve el primero, con querySelectorAll devuelve una lista con todos los que coinciden.
- Algo más lento, debido al parseo de selectores CSS.
- Si se indica un selector inválido, lanza un error SyntaxError.
- Separación por objetivos: Buscar el primero o todos los elementos.
111
ManzDev @manz.dev · 22/08/2025
Por aquí tienes el video: ➡ youtu.be/3L3XJHkKSds ¿Qué opinas?
youtu.be
Una INTELIGENCIA ARTIFICIAL... ¿puede PENSAR y RAZONAR?
YouTube video by ManzDev
000
ManzDev @manz.dev · 22/08/2025
¡Subido video a Youtube! Debatimos muchas ideas sobre el tema «¿Puede una IA pensar y razonar?» - ¿Qué es realmente pensar y razonar? - La historia de ELIZA - ¿Cómo piensa realmente una IA (LLM)? - Los loros estocásticos - Vibe coding vs Vibe learning - Debate y opiniones del chat 👇 Link
100
ManzDev @manz.dev · 21/08/2025
👇 Por aquí tienes los enlaces al Baseline: ➡ lenguajecss.com/baseline/ ➡ lenguajehtml.com/baseline/ ➡ lenguajejs.com/baseline/
000