Herramientas Esenciales

Conoce las herramientas fundamentales que todo profesional web debe dominar.

Para trabajar en diseño y desarrollo web, necesitas conocer ciertas herramientas que se usan a diario en la industria. Aquí te mostramos las más importantes.

  • Figma: la herramienta de diseño UI más popular
  • Sketch: solo para Mac, muy usada en diseño de apps
  • Adobe XD: parte de la suite de Adobe
  • Photoshop: para edición de imágenes
  • Illustrator: para gráficos vectoriales

Herramientas de Diseño

  • Figma: la herramienta de diseño UI más popular
  • Sketch: solo para Mac, muy usada en diseño de apps
  • Adobe XD: parte de la suite de Adobe
  • Photoshop: para edición de imágenes
  • Illustrator: para gráficos vectoriales

Herramientas de Desarrollo

  • Visual Studio Code: el editor más popular
  • Sublime Text: ligero y rápido
  • WebStorm: para proyectos grandes de JavaScript
  • Git: control de versiones esencial
  • Chrome DevTools: para depurar

Navegadores para testing

  • Chrome: el más usado para desarrollo
  • Firefox: buen para desarrollo y debugging
  • Safari: para testing en iOS
  • Edge: alternativa a Chrome

Recursos online

  • Stack Overflow: para resolver dudas
  • GitHub: para alojar código
  • npm: gestor de paquetes de JavaScript
  • Can I Use: compatibilidad de browsers
Introducción al Mundo Web, Hosting y Dominios
06

Herramientas Esenciales

Conoce las herramientas fundamentales que todo profesional web debe dominar.

Código del tema: herramientas

📘 Teoría

Herramientas de Diseño

  • Figma: la herramienta de diseño UI más popular
  • Sketch: solo para Mac, muy usada en diseño de apps
  • Adobe XD: parte de la suite de Adobe
  • Photoshop: para edición de imágenes
  • Illustrator: para gráficos vectoriales

Herramientas de Desarrollo

  • Visual Studio Code: el editor más popular
  • Sublime Text: ligero y rápido
  • WebStorm: para proyectos grandes de JavaScript
  • Git: control de versiones esencial
  • Chrome DevTools: para depurar

Navegadores para testing

  • Chrome: el más usado para desarrollo
  • Firefox: buen para desarrollo y debugging
  • Safari: para testing en iOS
  • Edge: alternativa a Chrome

Recursos online

  • Stack Overflow: para resolver dudas
  • GitHub: para alojar código
  • npm: gestor de paquetes de JavaScript
  • Can I Use: compatibilidad de browsers

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Introducción al Mundo Web, Hosting y Dominios.

Test de Introducción al Mundo Web, Hosting y Dominios

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .