aprende-idiomas es una plataforma educativa para aprender idiomas (actualmente francés e inglés) en niveles A1 y A2. El proyecto está organizado en módulos interactivos que cubren vocabulario, gramática, comprensión auditiva, lectura y práctica oral, con un enfoque visual y lúdico. El progreso del usuario se guarda localmente y la interfaz es adaptable a cualquier dispositivo.
-
Módulos interactivos:
- Flashcards: Tarjetas animadas para vocabulario y pronunciación.
- Audio: Ejercicios de comprensión auditiva.
- Lectura: Lecturas guiadas y PDFs.
- Videos: Lecciones audiovisuales seleccionadas.
- Exámenes y quizzes: Autoevaluación y seguimiento del aprendizaje.
- Arrastrar y soltar: Actividades de drag & drop.
- Cloze: Ejercicios de completar oraciones.
- Markdown: Lecciones de texto enriquecido.
-
Seguimiento de progreso:
El sistema registra módulos completados y puntuaciones, mostrando el avance en el panel principal. El progreso se almacena en el navegador. -
Diseño adaptable:
Interfaz responsive, modo claro/oscuro y navegación intuitiva. -
Tecnologías:
- HTML/CSS: Estructura y estilos.
- JavaScript: Lógica, interactividad y gestión de datos.
- JSON: Estructura de cursos y módulos.
audio/: Audios de lecciones.pdf/: Lecturas y materiales en PDF.icons/: Íconos animados (.gif) para vocabulario, verbos y pronombres.img/: Imágenes generales.css/style.css: Estilos principales.
js/admin.js: Gestión de módulos.progress.js: Seguimiento del progreso.ui.js: Funciones de interfaz.style.js: Temas y estilos dinámicos.
.html:index.html: Panel principal y progreso.admin.html: Panel de administración.audio.html,flashcards.html,quiz.html,reading.html,video.html,dragdrop.html,cloze.html,markdown.html: Módulos interactivos.
course_fr.json,course_en.json: Estructura y datos de los cursos.
-
Canales de Youtube:
-
Íconos y recursos gráficos:
Este proyecto fue diseñado en código con ayuda de inteligencia artificial.