En este artículo encontrarás una selección de recursos gratuitos y de alta calidad para aprender:

  • CSS & Sass
  • JavaScript
  • htmx
  • Python
  • Bootstrap

1. freeCodeCamp

URL: https://www.freecodecamp.org/
Qué ofrece:

  • Currículo interactivo con proyectos reales desde el primer día.
  • CSS & Sass: Incluye módulos de Responsive Web Design, Flexbox, Grid y preprocesadores (Sass).
  • JavaScript: Fundamentos, ES6+, manipulación del DOM y más.
  • Python: Certificación “Scientific Computing with Python” enfocada en automatización y análisis de datos.

2. MDN Web Docs

URL: https://developer.mozilla.org/
Qué ofrece:

  • Documentación oficial y actualizada de todos los estándares web.
  • CSS: Propiedades, ejemplos y compatibilidad.
  • Sass: Guía introductoria a sintaxis SCSS.
  • JavaScript: Desde lo básico hasta APIs avanzadas (Fetch, Web Components).
  • htmx: Artículo de introducción bajo “HTML Extensions”.

3. es.javascript.info

URL: https://es.javascript.info/
Qué ofrece:

  • Tutorial completo de JavaScript en español.
  • Cobertura profunda de conceptos, desde tipado hasta temas avanzados (promesas, async/await, módulos).
  • Ejemplos interactivos y ejercicios.

4. htmx.org

URL: https://htmx.org/
Qué ofrece:

  • Manual oficial con ejemplos interactivos.
  • Explicación de atributos, intercambio de datos y extensiones.
  • Integraciones con back-ends (incluyendo Python/Django) y bibliotecas JS.

5. Wiki Python – Guía para principiantes no programadores

URL: https://wiki.python.org/moin/BeginnersGuide/NonProgrammers
Qué ofrece:

  • Recopilación de tutoriales y recursos para quienes inician en Python sin experiencia previa.
  • Enlaces a documentación, libros gratuitos y comunidades de habla hispana.

6. edX: CS50’s Web Programming with Python and JavaScript

URL: https://www.edx.org/course/cs50s-web-programming-with-python-and-javascript
Qué ofrece:

  • Curso universitario gratuito (opción de certificado de pago).
  • Profundiza en Flask, Django, APIs REST, JavaScript avanzado y bases de datos.
  • Proyectos prácticos y evaluaciones automáticas.

7. Bootstrap 5.3 Docs

URL: https://getbootstrap.com/docs/5.3/getting-started/introduction/
Qué ofrece:

  • Guía oficial de inicio rápido con ejemplos de componentes y utilidades.
  • Explicaciones de sistema de rejilla, personalización con Sass y mejores prácticas.

Consejo extra:
Combina estos recursos: inicia con freeCodeCamp o es.javascript.info para fundamentos, consulta MDN como referencia y profundiza con cursos como CS50 o el sitio oficial de htmx. ¡A programar!