Construir

Portfolio personal

Aprende HTML, CSS y JavaScript esencial, construyendo tu primer portfolio: del esqueleto del documento al pulido final.

Te llevas: un portfolio publicable11 pasosRequisitos: ninguno
  • HTML
  • CSS
  • JS

Un portfolio de verdad, escrito línea a línea por ti.

Si llevas tiempo queriendo dar el salto a la Web y HTML, CSS y JavaScript te han frenado, este es tu punto de entrada: aquí aprenderás lo imprescindible de los tres construyendo tu carta de presentación digital, hecha por ti al cien por cien, sin plantillas y sin copiar y pegar.

Empezarás por el esqueleto del documento y terminarás con una web con tema claro y oscuro, responsive y con un formulario que funciona. Nunca ha sido tan sencillo dar el primer paso.

Lo que vas a construir

Así se ve el proyecto terminado (prueba el botón de tema). Tu versión llevará tu nombre, tus proyectos y tus decisiones de diseño: los colores, la tipografía y los detalles que tú elijas por el camino.

El camino, paso a paso

Cada paso desbloquea el siguiente. Sin saltos, sin abrumarse.

  1. 01Estructura del documentoHTML
  2. 02Secciones de contenidoHTML
  3. 03NavegaciónHTML
  4. 04Reset y baseCSS
  5. 05Layout flexCSS
  6. 06TipografíaCSS
  7. 07ResponsiveCSS
  8. 08DOMJS
  9. 09EventosJS
  10. 10FormulariosJS
  11. 11Pulido finalHTML · CSS · JS
Juan Andrés Núñez

Quién hay detrás

Mentat imparte, pero no improvisa: cada paso, ejemplo y criterio de este workspace está diseñado y curado por Juan Andrés Núñez, docente profesional e ingeniero Frontend en activo.

Empieza tu sesión

Mentat te guía en cada paso y tu progreso se guarda automáticamente.

Mínimo 30 caracteres. Mentat lo usa para personalizar la enseñanza.

0 / 1000

Podrás cambiar esto cuando quieras en tu perfil.