Hola, soy Juan 👋

Estudiante de desarrollo web. Construyo este blog para documentar mi viaje y practicar HTML5, CSS3 (BEM + variables) y JavaScript ES6+ con enfoque en accesibilidad, rendimiento y aprendizaje en público.

¿Qué encontrarás en este blog?

  • Notas cortas y posts didácticos sobre lo que voy aprendiendo.
  • Buenas prácticas desde el inicio (semántica, BEM, accesibilidad, rendimiento).
  • Pequeñas mejoras iterativas: primero estático, luego backend con PHP/MySQL.

Stack actual

Frontend

  • HTML5 semántico, meta/SEO básicos.
  • CSS3 con BEM, variables, mobile-first.
  • JS ES6+ (fetch, localStorage, accesibilidad).

Herramientas

  • VSCode, Live Server.
  • Git & GitHub (Pages para deploy).
  • Formspree (contacto), PageSpeed/DevTools.

Próximos pasos

  • Backend con PHP + MySQL (CRUD básico).
  • Admin sencillo para posts.
  • Mejoras de accesibilidad y rendimiento 90+.

Ruta de aprendizaje

  1. Fase 1: HTML semántico (estructura, navegación, 404).
  2. Fase 2: CSS (BEM, variables, responsive, tema oscuro).
  3. Fase 3: JS básico (hamburguesa, toggle, localStorage).
  4. Fase 4: JS avanzado (JSON dinámico, búsqueda, paginación).
  5. Fase 5: Testing & Deploy (GitHub Pages) + documentación.

¿Te gustaría sugerir un tema o encontrar un bug?

Escríbeme Ver repositorio