Herramientas que usamos y recomendamos

Hosting gratuito para webs estáticas con HTTPS, formularios integrados y despliegue automático desde Git. La opción más fácil: arrastra tu carpeta y tu web está online en segundos. Ideal para portafolios, blogs y proyectos personales.

Plataforma optimizada para frameworks modernos (Next.js, Vite) con despliegue instantáneo, CDN global y tier gratuito generoso. Perfecta si usas Vite o React. Requiere Git para subir proyectos.

Hosting compartido económico con buen rendimiento. Buena opción si necesitas PHP, bases de datos o WordPress con un presupuesto ajustado. Incluye certificado SSL y dominio gratis el primer año.

Registrador de dominios con precios transparentes y bajos. Incluye WHOIS privacy gratis, SSL gratis y un panel de control sencillo. Ideal para principiantes.

Vende dominios al precio de coste (sin margen). Además ofrece CDN y protección DDoS gratuitos. Ideal si quieres el mejor precio posible y ya usas Cloudflare como CDN.

Uno de los registradores más populares. Buenos precios, WHOIS privacy incluido y DNS propios. Interfaz intuitiva y soporte por chat en vivo.

El editor más popular del mundo. Gratuito, open source, con miles de extensiones. Soporte nativo para HTML, CSS, JavaScript, Git y terminal integrado. Es el que usamos para todo en DevDesdeCero.

Editor ultra rápido y ligero. Excelente para quienes prefieren un editor minimalista sin configuración excesiva. Licencia de pago, pero uso gratuito ilimitado para evaluación.

Editor online para experimentar con HTML, CSS y JavaScript. Perfecto para prototipar ideas rápidas, compartir snippets y aprender viendo código de otros desarrolladores.

El sitio legendario donde millones aprendimos a programar. Tutoriales directos, referencias completas y un editor integrado "Try it Yourself" para probar código al instante. La mejor documentación para principiantes.

Una "chuleta" interactiva espectacular. Tienes a mano todas las etiquetas HTML, selectores CSS y métodos de JavaScript en una sola pantalla. Ideal para cuando te atascas y quieres ver la sintaxis rápidamente.

Plataforma gratuita y sin ánimo de lucro donde puedes conseguir certificaciones en Responsive Web Design aprendiendo con proyectos reales. Es el complemento perfecto para tu formación.

La herramienta de analítica web más completa y utilizada. Gratis, potente y con informes detallados sobre tráfico, comportamiento y conversiones. Imprescindible para cualquier web seria.

Monitoriza cómo indexa Google tu web, envía tu sitemap, descubre qué búsquedas te traen tráfico y detecta errores de rastreo. El primer paso para cualquier estrategia SEO.

Herramienta de Google que analiza la velocidad y rendimiento de tu web. Muestra Core Web Vitals y sugerencias concretas de mejora. Úsala antes de publicar. Más sobre esto en: Cómo hacer una web rápida.

Herramienta de investigación de palabras clave, análisis de competencia y auditorías SEO básicas. El tier gratuito permite algunas búsquedas diarias, suficiente para empezar.

Crawler SEO que analiza tu web como lo haría un buscador. Detecta errores 404, titles duplicados, meta tags incompletos y problemas de estructura. Gratis hasta 500 URLs.

Alternativa ligera y respetuosa con la privacidad a Google Analytics. Sin cookies, GDPR-friendly y con un dashboard limpio y fácil de entender. Ideal si la privacidad es prioridad.

Plataforma de control de versiones y colaboración. Almacena tu código, trabaja en equipo y aprende de proyectos open source. Además, conecta directamente con Netlify y Vercel para despliegue automático.

Herramienta todo-en-uno para organizar notas, proyectos, tareas y documentación. Perfecto para planificar tus webs y llevar control de tu aprendizaje.

Herramienta de diseño colaborativo en el navegador. Ideal para crear wireframes, prototipos y diseños de interfaz antes de escribir código. El plan gratuito es más que suficiente para empezar.

Asistente de IA que sugiere código mientras escribes en tu editor. Acelera la escritura de código repetitivo y te ayuda a explorar nuevas APIs. Gratis para estudiantes con GitHub Education.

LLMs que puedes usar para explicar conceptos, depurar errores, generar snippets y aprender a tu ritmo. Úsalos como complemento de tu aprendizaje, nunca como sustituto de entender el código.

Alternativa gratuita a Copilot con autocompletado inteligente para VS Code. Funciona bien para HTML, CSS y JavaScript básico. Buena opción si no quieres pagar por Copilot.

Herramienta de build ultrarrápida para proyectos web modernos. Hot reload instantáneo, soporte para módulos ES y configuración mínima. Te contamos todo en: Qué es Vite y cuándo merece la pena usarlo.

Framework para webs de contenido ultrarrápidas. Genera HTML estático por defecto con opción de hidratación parcial. Perfecto para blogs y sitios de nicho que priorizan la velocidad.

El CMS más popular del mundo. Gestiona contenido sin tocar código. Ideal para blogs, tiendas y sitios que necesitan actualizaciones frecuentes. Lee nuestra comparativa WordPress vs código puro.

Herramienta de Google para comprimir imágenes en el navegador. Convierte a WebP, AVIF y otros formatos modernos. Reduce el peso de tus imágenes hasta un 80% sin perder calidad visible.

Integrado en Chrome DevTools (F12 → Lighthouse). Audita rendimiento, accesibilidad, SEO y buenas prácticas de tu web. Genera un informe con puntuación y recomendaciones concretas.

Analiza la velocidad de tu web desde diferentes ubicaciones geográficas. Muestra tiempos de carga, tamaño de página y waterfall detallado de recursos. Complementa bien a PageSpeed Insights.