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
¡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...)
👇
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/
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!
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!
Día 4 del Bootcamp (Fase 1): Clase de Inteligencia Artificial.
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
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
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.
¡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
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
Fundamentos de programación en Javascript, protagonizado por nuestro gato robot de Javascript.
¡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
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
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.
¡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
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!
¡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
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!
¡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
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!
⌛ ¡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?
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...
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.
💜 ¡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
👇
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...
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...
💜 ¡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
👇
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: ¡A partir de Febrero, una clase semanal explicando las bases del desarrollo web para todo aquel que le interese!
¡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!
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...
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.
🎨 ¡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!
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.
<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>
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
¡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...
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.
🎭 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!
