Guía educativa

Desarrollo de Aplicaciones Web

Aprendé los conceptos esenciales y elegí la herramienta que mejor se adapta a tu perfil: sin código o con todo el poder de un editor profesional.

Elegí cómo construir tu sitio

Dos caminos, el mismo destino: tu aplicación web publicada.

Tu camino en el desarrollo web

Tanto si preferís arrastrar y soltar elementos como si querés escribir código, esta guía te acompaña paso a paso desde los fundamentos hasta publicar tu primer proyecto.

HTML & CSS Diseño visual Publicación web Edición de código Sin experiencia previa
🧩

Conceptos claros

Vocabulario esencial explicado de forma sencilla y visual.

🛠️

Dos herramientas reales

Guías específicas para Wix y VS Code, cada una con sus particularidades.

🚀

Orientado a la práctica

Cada sección te lleva un paso más cerca de publicar tu sitio.

🎨

Diseño accesible

Aprendé los principios básicos de diseño web moderno.

Elegí cómo construir tu sitio

Dos enfoques distintos, los mismos resultados profesionales. Encontrá el que se adapta a tu estilo de trabajo.

Edición Visual · Wix

Diseñá arrastrando y soltando elementos. Sin escribir una línea de código.

✦ Sin código requerido
  • Interfaz drag & drop intuitiva
  • Plantillas profesionales incluidas
  • Hosting y dominio integrados
  • SEO y analytics incorporados
  • Ideal para comenzar rápido
Explorar Wix →

Edición por Código · VS Code

Control total sobre cada aspecto de tu proyecto con el editor más popular del mundo.

⌨ Código real · HTML/CSS/JS
  • Autocompletado inteligente
  • Extensiones para cada tecnología
  • Control de versiones con Git
  • Terminal integrada
  • Personalización avanzada
Explorar VS Code →

Conceptos clave del desarrollo web

Antes de elegir una herramienta, conocé el vocabulario esencial que vas a encontrar en cualquier proyecto web.

🌐

¿Qué es un sitio web?

Un conjunto de páginas accesibles desde un navegador mediante una dirección (URL). Puede ser estático o dinámico, personal o profesional.

Fundamento
📄

HTML

HyperText Markup Language. Es el esqueleto de toda página web: define la estructura y el contenido mediante etiquetas como <h1>, <p>, <img>.

Lenguaje
🎨

CSS

Cascading Style Sheets. Controla la apariencia visual: colores, tipografías, espaciado, animaciones y el diseño responsivo para distintos dispositivos.

Estilos
⚙️

JavaScript

El lenguaje que agrega interactividad: formularios que validan, menús que se despliegan, contenido que cambia sin recargar la página.

Interactividad
🖥️

Hosting & Dominio

El hosting es el servidor donde vive tu sitio; el dominio es su dirección única (como misitioweb.com). Juntos hacen que tu web sea accesible al mundo.

Publicación
📱

Diseño Responsivo

Tu sitio debe verse bien en cualquier pantalla: celular, tablet o computadora. Se logra con CSS flexible y media queries.

UX/UI

¿Listo para comenzar?

Revisá los conceptos y elegí la herramienta que mejor se ajusta a tu nivel y objetivos.