Planificador de rutas de aprendizaje
Instrucciones
## Paso 1: Recopilación de necesidades (basado en un cuestionario, no requiere escribir)
Los perfiles de aprendizaje de los usuarios se recopilan a través de dos rondas de preguntas al usuario.
### Ronda 1 (Información básica)
Utilice askUserQuestion para formular preguntas en las siguientes tres dimensiones simultáneamente:
1. **Tipos de objetivos de aprendizaje**
- encabezado: "Objetivo"
- Opciones: Preparación para exámenes / Mejora de habilidades / Cambio de carrera / Exploración de intereses
2. **Nivel actual**
- encabezado: "Horizontal"
- Opciones: Sin experiencia / Principiante (comprende los conceptos) / Algo de experiencia (puede completar tareas sencillas) / Avanzado (requiere superar obstáculos)
3. **Tiempo disponible diariamente**
- encabezado: "Tiempo"
- Opciones: Menos de 30 minutos / 1-2 horas / 2-4 horas / Más de 4 horas
### Segunda ronda (Información complementaria)
Utilice askUserQuestion para formular preguntas en las siguientes tres dimensiones simultáneamente:
1. **Dirección de aprendizaje específica** (permite a los usuarios introducir información libremente)
- Guíe a los usuarios para que ingresen áreas de interés específicas en la pregunta, tales como: programación en Python, IELTS 7, examen CPA, diseño de interfaz de usuario, etc.
- encabezado: "Dirección"
- Opciones: Ofrece varios ejemplos populares para elegir, a la vez que permite a los usuarios introducir contenido personalizado.
2. **Plazo de finalización previsto**
- encabezado: "Periodo"
- Opciones: Sprint de 1 mes / Progreso constante de 3 meses / Desarrollo en profundidad de 6 meses / Proyecto a largo plazo de 1 año o más
3. **Preferencias de aprendizaje** (Se pueden seleccionar varias opciones)
- encabezado: "Preferencias"
- multiSelect: verdadero
- Opciones: Cursos en vídeo / Lectura de libros / Proyectos prácticos / Interacción con la comunidad
Una vez completada la recopilación de datos, toda la información se organizará en un "perfil del alumno" estructurado para su uso en los pasos posteriores.
## Paso 2: Búsqueda exhaustiva de recursos y planificación de rutas
### 2.1 Búsqueda de recursos
En función de la dirección de aprendizaje y las preferencias del usuario, realice 2 o 3 búsquedas utilizando la Búsqueda de Google:
1. **Busca la mejor hoja de ruta de aprendizaje en este campo**
- Consulta: "[Orientación de aprendizaje] Hoja de ruta de aprendizaje 2024 2025" o "[Orientación de aprendizaje] Hoja de ruta de aprendizaje recomendada"
- Extracción: División por etapas, puntos clave de conocimiento, orden de aprendizaje
2. **Buscar recursos de aprendizaje específicos**
- Buscar recursos relevantes en función de las preferencias del usuario:
- Cursos en vídeo: Busca cursos populares en Coursera/Udemy/Bilibili.
- Libros: Busca libros con altas calificaciones en las listas de lectura recomendadas de Douban/Amazon.
- Proyectos prácticos: Buscar en GitHub/tutoriales prácticos
- consulta: "[Dirección de aprendizaje] mejor [Tipo de recurso] principiante/intermedio/avanzado"
3. **Buscar estándares de hitos**
- consulta: "[Área de aprendizaje] Lista de verificación de evaluación de habilidades" o "[Área de aprendizaje] Estándares de evaluación de competencias"
- Extracción: ¿Qué nivel se debe alcanzar en cada etapa?
### 2.2 Planificación de rutas
En función de los resultados de la búsqueda y los perfiles de usuario, planifique la ruta de aprendizaje:
**Principio basado en fases:**
- En función del cronograma de aprendizaje previsto por el usuario, divida el proceso de aprendizaje en 3 a 5 etapas.
- Cada fase incluye: nombre de la fase, duración estimada, objetivos principales, recursos específicos (3-5) y puntos de control clave.
- Los recursos deben ser auténticos y haberse encontrado mediante la búsqueda (con nombre, plataforma y enlace).
- Los hitos deben ser descripciones verificables de capacidades específicas.
**Principios de asignación de tiempo:**
- Calcula el total de horas de estudio para cada etapa en función del tiempo diario disponible.
- Proporcione sugerencias de horarios semanales (días laborables vs. fines de semana).
- Reservar un 10% de tiempo de margen
**Formato de salida (estructura de datos interna, pasada al paso 3):**
```
Perfil del alumno: {objetivos, dirección, nivel, tiempo, frecuencia, preferencias}
Planificación de rutas: [
{
Nombre de la fase
Número de fase,
Duración estimada (semanas)
Descripción del objetivo principal,
Lista de recursos: [{Nombre, Tipo (Vídeo/Libro/Proyecto), Plataforma, Enlace, Horas de estudio estimadas}],
Hito: {Descripción, Método de verificación}
}
]
Sugerencias semanales: {Horario entre semana, Horario de fin de semana, Total de horas de estudio semanales}
```
## Paso 3: Generar un sitio web de aprendizaje interactivo al estilo Kami
Utilice la herramienta generateWebpage para generar un sitio web interactivo con una ruta de aprendizaje.
El parámetro de instrucción contiene la siguiente especificación completa más los datos específicos de la ruta de aprendizaje generados en el Paso 2:
### Especificaciones del sistema de diseño (Sistema de diseño Kami adaptado para escenarios de aprendizaje):
**Combinación de colores:**
- Fondo de página: #f5f4ed (pergamino beige cálido)
- Fondo de la tarjeta: #FAF9F5 (Marfil)
- Color de acento/color de la marca: #1B365D (Azul tinta)
- Color del texto: #141413 (Casi negro)
- Color del subtexto: #4D4C48 (Carbón)
- Color de la nota: #87867F (Piedra)
- Color del borde: #D6D5CE (borde gris cálido)
- Barra de progreso completada: #1B365D (color de la marca)
- Barra de progreso no completada: #E8E7E2
- Estado de éxito/finalización: #2D5016 (Verde oliva oscuro)
- En progreso: #1B365D (color de la marca)
- No iniciado: #87867F (Piedra)
- Fondo de la etiqueta: #E4ECF5
- Todos los grises deben ser de tonos cálidos (R≈G>B); los grises azulados fríos están prohibidos.
**Sistema de fuentes:**
- Cargar Noto Serif SC y Noto Sans SC a través de Google Fonts
- Título: font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- Texto: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Datos/Énfasis en los números: font-family: Charter, Georgia, serif
- Deshabilitar el grosor de la fuente: 700/negrita
**tipografía:**
- Interlineado: Encabezado 1,2 / Texto del cuerpo 1,5
- Espaciado entre letras chinas: 0,3 pt
- Ancho máximo de la página: 800px, centrado
- Adaptable y compatible con dispositivos móviles
**Reglas visuales:**
- Sombra: sombra de anillo (0 0 0 1px rgba(0,0,0,0.05)) o sombra susurrante (0 1px 3px rgba(0,0,0,0.04))
- Esquinas redondeadas: 8px (predeterminado) / 12px (tarjeta grande)
- Separador: 0,5 px sólido #D6D5CE o 2,5 px sólido #1B365D (línea vertical de marca)
- Método de énfasis: Texto en tinta azul o línea de marca vertical a la izquierda
### Requisitos de estructura de página:
**1. Área principal del héroe:**
- Encabezado de objetivos de aprendizaje (Serif 28px)
- Etiquetas de información clave en una línea: Tipo de objetivo | Duración estimada | Hora diaria
- Barra de progreso general (con porcentajes)
- Fila de tarjetas de estadísticas: Recursos totales / Completado / Etapa actual
**2. Área de la tarjeta de escenario (núcleo):**
- Una tarjeta grande para cada etapa
- Encabezado de la tarjeta: Número de etapa + Nombre + Etiqueta de estado (✅ Completado / 🔄 En progreso / ⬜ No iniciado) + Duración estimada
- Contenido de la tarjeta:
- Descripción del objetivo principal (1-2 frases)
- Lista de recursos: Cada recurso aparece en una línea separada, incluyendo un icono (📚Libro/🎬Vídeo/💻Proyecto/👥Comunidad) + Nombre (enlace clicable) + Etiqueta de plataforma + Casilla de verificación
- Área de hitos: Resaltada con líneas verticales de la marca y un estilo especial para describir el logro de los estándares.
- Las tarjetas se pueden doblar/desdoblar (por defecto, se desdoblan para la etapa actual y se doblan para la etapa que ya se ha completado).
**3. Área de sugerencias de aprendizaje semanales:**
- Sugerencias concisas para la asignación de tiempo
- Horario entre semana vs. horario de fin de semana
**4. Parte inferior:**
- Una breve línea de texto: Desarrollado por Learning Path Planning Master · Diseñado con Kami Design System
### Requisitos de funcionalidad interactiva (JavaScript puro para el front-end + almacenamiento local):
1. **Alternancia del estado de la casilla de verificación**:
- Haga clic en la casilla de verificación que aparece junto al recurso para alternar su estado de finalización.
- Guarda el estado en el almacenamiento local (la clave utiliza la dirección de aprendizaje + el hash del nombre del recurso).
- Los recursos completados se mostrarán tachados y con transparencia reducida.
2. **Cálculo automático del progreso:**
- Progreso general = (Número de recursos seleccionados / Número total de recursos) × 100%
- Progreso de la etapa = Número de etapas seleccionadas / Número total de etapas
- Transición de animación de la barra de progreso (transición: ancho 0,3 s, facilidad)
3. **Actualización automática del estado de la etapa**:
- Seleccione todos los recursos dentro de la fase → El estado cambia a ✅ Completado, se contrae automáticamente.
- Si se marca algún elemento durante la fase → el estado cambia a 🔄En progreso.
- Sin marca de verificación → ⬜ No iniciado
4. **Doblar/Desdoblar**:
- Al hacer clic en el encabezado de la tarjeta, esta se contraerá o expandirá.
- Con animación fluida
5. **Ventana emergente de verificación de hitos**:
- Aparecerá un aviso de verificación de hito cuando se hayan completado todos los recursos de una fase.
- Mostrar los estándares de hitos para esta etapa
Los usuarios pueden hacer clic en "Completado" para confirmar o marcar "Necesita mayor consolidación" para indicar que se ha completado.
6. **Persistencia de datos**:
- Todos los estados se almacenan en el almacenamiento local.
- Restaurar el estado después de actualizar la página
- Proporciona un botón de "Restablecer progreso" (requiere confirmación secundaria).
### Relleno de contenido:
Complete la estructura anterior con todos los datos de la ruta de aprendizaje planificada en el Paso 2. Asegúrese de lo siguiente:
- El enlace de cada recurso es una URL real y accesible.
- Los iconos de tipo de recurso coinciden correctamente.
- La duración de cada fase es coherente con la lógica del ciclo total.
- Las descripciones de los hitos son específicas y verificables.
### Requisitos técnicos:
- HTML puro + CSS + JavaScript, archivo único
- Sin dependencias externas (excepto Google Fonts)
- Adaptable a dispositivos móviles
- Se puede imprimir
- Código limpio con comentarios
Descripción
Por qué recomendamos esta habilidad
Esta habilidad captura con precisión las necesidades de aprendizaje del usuario mediante un cuestionario, y puede generar un sitio web de aprendizaje interactivo altamente personalizado, destacando especialmente su estilo de diseño Kami y su función de seguimiento de progreso.
Según tus objetivos de aprendizaje, nivel actual, tiempo disponible y preferencias, realiza búsquedas profundas de recursos de aprendizaje reales para crear una ruta personalizada por etapas y presentarla como un sitio web interactivo de aprendizaje al estilo de Kami, con seguimiento del progreso, revisiones de hitos y enlaces directos a los recursos.
Habilidades relacionadas
Ver todoPlan de aprendizaje
Convierte tus ganas de aprender en un plan de aprendizaje sistemático que puedas comenzar hoy y que te indique qué hacer cada día. Solo tienes que proporcionar tu objetivo de aprendizaje, nivel actual, duración del plan, tiempo disponible y preferencias de aprendizaje. El plan organizará las prioridades según tu situación real, identificará tus fortalezas y áreas de oportunidad, y dividirá tu meta principal en hitos verificables con criterios claros para evaluar tu progreso. El plan abarca idiomas, programación, instrumentos musicales, exámenes, ejercicio y otros contextos de aprendizaje de habilidades. Incluye un sistema de conocimientos organizado por prioridad, una ruta por etapas y plantillas diarias adaptadas al ritmo de los días laborales y los fines de semana. Cada tarea se concreta en contenidos de estudio, formas de práctica, tiempo de dedicación y criterios para considerarla cumplida. Además, combina la exposición con la producción para ayudarte a transformar lo que «has visto o escuchado» en conocimientos que realmente puedas usar. También organiza por niveles, según tus preferencias de aprendizaje, recursos como videos, audios, libros y herramientas, y verifica mediante búsquedas en internet que los enlaces estén disponibles. Para problemas como la procrastinación, la pérdida rápida de motivación, el perfeccionismo, la falta de retroalimentación o las interrupciones inesperadas, ofrece mecanismos específicos para evitar abandonar. El resultado final incluye una lista de acciones para el primer día, una lista de verificación de hitos y un documento completo de ejecución. Una vez confirmado el plan, también puedes generar una herramienta HTML de seguimiento que se abra sin conexión para registrar las tareas diarias, el progreso por etapas, los hitos y los recursos de aprendizaje.
Tu guía de aprendizaje de IA
En la era de la IA, en constante cambio, ¿te sientes perdido sobre cómo aprender IA de manera eficiente? "Tu guía de aprendizaje de IA" puede crear para ti una hoja de ruta clara y ejecutable para aprender IA. Comprenderá profundamente tus necesidades de aprendizaje, antecedentes técnicos e incluso posibles ansiedades, como un mentor técnico atento, guiándote con precisión. Este Skill, a través de conversaciones inteligentes contigo, no solo puede identificar si eres un aprendiz "orientado a objetivos" que desea un aprendizaje sistemático o un aprendiz "perdido" que necesita orientación, sino que también, según tu situación específica, te guiará suavemente para aclarar tu dirección y objetivos de aprendizaje. Luego, utilizará búsqueda web en tiempo real y un riguroso mecanismo de verificación de recursos para filtrar los materiales de aprendizaje más recientes y autorizados de una gran cantidad de información, incluyendo documentación oficial, tutoriales de alta calidad, proyectos de código abierto activos, etc., asegurando que el conocimiento que adquieras sea tanto vanguardista como confiable. Finalmente, obtendrás un plan de aprendizaje personalizado, claro y accionable. Este plan desglosa los objetivos de aprendizaje en varias etapas específicas, cada una con objetivos de aprendizaje claros, recursos recomendados seleccionados, hitos verificables y tiempo estimado. Más importante aún, el plan incluye un "iniciador de microacciones" que te guía para comenzar de inmediato una tarea de aprendizaje "tan pequeña que es imposible fallar", y proporciona consejos personalizados para construir una mentalidad, ayudándote a superar los obstáculos psicológicos durante el proceso de aprendizaje. También puedes optar por exportar este plan de aprendizaje personalizado como página web, para consultarlo y compartirlo en cualquier momento y lugar, llenando tu viaje de aprendizaje de IA de confianza y motivación.
InvestigaciónRuta de IA: aprende y gana
Mapa de ruta personalizado para aprender IA y convertir ese conocimiento en ingresos, cubriendo desde principiantes absolutos hasta desarrolladores profesionales. Ofrece planes de aprendizaje por niveles (principiante/intermedio/avanzado), proyectos prácticos, estrategias de monetización y genera páginas web visuales compartibles. Ya sea que quieras aprender a usar herramientas de IA, cambiar de carrera al sector IA, mejorar tu eficiencia laboral actual, o desarrollar productos de IA para tener un ingreso extra o una profesión independiente, aquí encontrarás la ruta de aprendizaje adecuada.
Planificador de rutas de aprendizaje
Instrucciones
## Paso 1: Recopilación de necesidades (basado en un cuestionario, no requiere escribir)
Los perfiles de aprendizaje de los usuarios se recopilan a través de dos rondas de preguntas al usuario.
### Ronda 1 (Información básica)
Utilice askUserQuestion para formular preguntas en las siguientes tres dimensiones simultáneamente:
1. **Tipos de objetivos de aprendizaje**
- encabezado: "Objetivo"
- Opciones: Preparación para exámenes / Mejora de habilidades / Cambio de carrera / Exploración de intereses
2. **Nivel actual**
- encabezado: "Horizontal"
- Opciones: Sin experiencia / Principiante (comprende los conceptos) / Algo de experiencia (puede completar tareas sencillas) / Avanzado (requiere superar obstáculos)
3. **Tiempo disponible diariamente**
- encabezado: "Tiempo"
- Opciones: Menos de 30 minutos / 1-2 horas / 2-4 horas / Más de 4 horas
### Segunda ronda (Información complementaria)
Utilice askUserQuestion para formular preguntas en las siguientes tres dimensiones simultáneamente:
1. **Dirección de aprendizaje específica** (permite a los usuarios introducir información libremente)
- Guíe a los usuarios para que ingresen áreas de interés específicas en la pregunta, tales como: programación en Python, IELTS 7, examen CPA, diseño de interfaz de usuario, etc.
- encabezado: "Dirección"
- Opciones: Ofrece varios ejemplos populares para elegir, a la vez que permite a los usuarios introducir contenido personalizado.
2. **Plazo de finalización previsto**
- encabezado: "Periodo"
- Opciones: Sprint de 1 mes / Progreso constante de 3 meses / Desarrollo en profundidad de 6 meses / Proyecto a largo plazo de 1 año o más
3. **Preferencias de aprendizaje** (Se pueden seleccionar varias opciones)
- encabezado: "Preferencias"
- multiSelect: verdadero
- Opciones: Cursos en vídeo / Lectura de libros / Proyectos prácticos / Interacción con la comunidad
Una vez completada la recopilación de datos, toda la información se organizará en un "perfil del alumno" estructurado para su uso en los pasos posteriores.
## Paso 2: Búsqueda exhaustiva de recursos y planificación de rutas
### 2.1 Búsqueda de recursos
En función de la dirección de aprendizaje y las preferencias del usuario, realice 2 o 3 búsquedas utilizando la Búsqueda de Google:
1. **Busca la mejor hoja de ruta de aprendizaje en este campo**
- Consulta: "[Orientación de aprendizaje] Hoja de ruta de aprendizaje 2024 2025" o "[Orientación de aprendizaje] Hoja de ruta de aprendizaje recomendada"
- Extracción: División por etapas, puntos clave de conocimiento, orden de aprendizaje
2. **Buscar recursos de aprendizaje específicos**
- Buscar recursos relevantes en función de las preferencias del usuario:
- Cursos en vídeo: Busca cursos populares en Coursera/Udemy/Bilibili.
- Libros: Busca libros con altas calificaciones en las listas de lectura recomendadas de Douban/Amazon.
- Proyectos prácticos: Buscar en GitHub/tutoriales prácticos
- consulta: "[Dirección de aprendizaje] mejor [Tipo de recurso] principiante/intermedio/avanzado"
3. **Buscar estándares de hitos**
- consulta: "[Área de aprendizaje] Lista de verificación de evaluación de habilidades" o "[Área de aprendizaje] Estándares de evaluación de competencias"
- Extracción: ¿Qué nivel se debe alcanzar en cada etapa?
### 2.2 Planificación de rutas
En función de los resultados de la búsqueda y los perfiles de usuario, planifique la ruta de aprendizaje:
**Principio basado en fases:**
- En función del cronograma de aprendizaje previsto por el usuario, divida el proceso de aprendizaje en 3 a 5 etapas.
- Cada fase incluye: nombre de la fase, duración estimada, objetivos principales, recursos específicos (3-5) y puntos de control clave.
- Los recursos deben ser auténticos y haberse encontrado mediante la búsqueda (con nombre, plataforma y enlace).
- Los hitos deben ser descripciones verificables de capacidades específicas.
**Principios de asignación de tiempo:**
- Calcula el total de horas de estudio para cada etapa en función del tiempo diario disponible.
- Proporcione sugerencias de horarios semanales (días laborables vs. fines de semana).
- Reservar un 10% de tiempo de margen
**Formato de salida (estructura de datos interna, pasada al paso 3):**
```
Perfil del alumno: {objetivos, dirección, nivel, tiempo, frecuencia, preferencias}
Planificación de rutas: [
{
Nombre de la fase
Número de fase,
Duración estimada (semanas)
Descripción del objetivo principal,
Lista de recursos: [{Nombre, Tipo (Vídeo/Libro/Proyecto), Plataforma, Enlace, Horas de estudio estimadas}],
Hito: {Descripción, Método de verificación}
}
]
Sugerencias semanales: {Horario entre semana, Horario de fin de semana, Total de horas de estudio semanales}
```
## Paso 3: Generar un sitio web de aprendizaje interactivo al estilo Kami
Utilice la herramienta generateWebpage para generar un sitio web interactivo con una ruta de aprendizaje.
El parámetro de instrucción contiene la siguiente especificación completa más los datos específicos de la ruta de aprendizaje generados en el Paso 2:
### Especificaciones del sistema de diseño (Sistema de diseño Kami adaptado para escenarios de aprendizaje):
**Combinación de colores:**
- Fondo de página: #f5f4ed (pergamino beige cálido)
- Fondo de la tarjeta: #FAF9F5 (Marfil)
- Color de acento/color de la marca: #1B365D (Azul tinta)
- Color del texto: #141413 (Casi negro)
- Color del subtexto: #4D4C48 (Carbón)
- Color de la nota: #87867F (Piedra)
- Color del borde: #D6D5CE (borde gris cálido)
- Barra de progreso completada: #1B365D (color de la marca)
- Barra de progreso no completada: #E8E7E2
- Estado de éxito/finalización: #2D5016 (Verde oliva oscuro)
- En progreso: #1B365D (color de la marca)
- No iniciado: #87867F (Piedra)
- Fondo de la etiqueta: #E4ECF5
- Todos los grises deben ser de tonos cálidos (R≈G>B); los grises azulados fríos están prohibidos.
**Sistema de fuentes:**
- Cargar Noto Serif SC y Noto Sans SC a través de Google Fonts
- Título: font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- Texto: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Datos/Énfasis en los números: font-family: Charter, Georgia, serif
- Deshabilitar el grosor de la fuente: 700/negrita
**tipografía:**
- Interlineado: Encabezado 1,2 / Texto del cuerpo 1,5
- Espaciado entre letras chinas: 0,3 pt
- Ancho máximo de la página: 800px, centrado
- Adaptable y compatible con dispositivos móviles
**Reglas visuales:**
- Sombra: sombra de anillo (0 0 0 1px rgba(0,0,0,0.05)) o sombra susurrante (0 1px 3px rgba(0,0,0,0.04))
- Esquinas redondeadas: 8px (predeterminado) / 12px (tarjeta grande)
- Separador: 0,5 px sólido #D6D5CE o 2,5 px sólido #1B365D (línea vertical de marca)
- Método de énfasis: Texto en tinta azul o línea de marca vertical a la izquierda
### Requisitos de estructura de página:
**1. Área principal del héroe:**
- Encabezado de objetivos de aprendizaje (Serif 28px)
- Etiquetas de información clave en una línea: Tipo de objetivo | Duración estimada | Hora diaria
- Barra de progreso general (con porcentajes)
- Fila de tarjetas de estadísticas: Recursos totales / Completado / Etapa actual
**2. Área de la tarjeta de escenario (núcleo):**
- Una tarjeta grande para cada etapa
- Encabezado de la tarjeta: Número de etapa + Nombre + Etiqueta de estado (✅ Completado / 🔄 En progreso / ⬜ No iniciado) + Duración estimada
- Contenido de la tarjeta:
- Descripción del objetivo principal (1-2 frases)
- Lista de recursos: Cada recurso aparece en una línea separada, incluyendo un icono (📚Libro/🎬Vídeo/💻Proyecto/👥Comunidad) + Nombre (enlace clicable) + Etiqueta de plataforma + Casilla de verificación
- Área de hitos: Resaltada con líneas verticales de la marca y un estilo especial para describir el logro de los estándares.
- Las tarjetas se pueden doblar/desdoblar (por defecto, se desdoblan para la etapa actual y se doblan para la etapa que ya se ha completado).
**3. Área de sugerencias de aprendizaje semanales:**
- Sugerencias concisas para la asignación de tiempo
- Horario entre semana vs. horario de fin de semana
**4. Parte inferior:**
- Una breve línea de texto: Desarrollado por Learning Path Planning Master · Diseñado con Kami Design System
### Requisitos de funcionalidad interactiva (JavaScript puro para el front-end + almacenamiento local):
1. **Alternancia del estado de la casilla de verificación**:
- Haga clic en la casilla de verificación que aparece junto al recurso para alternar su estado de finalización.
- Guarda el estado en el almacenamiento local (la clave utiliza la dirección de aprendizaje + el hash del nombre del recurso).
- Los recursos completados se mostrarán tachados y con transparencia reducida.
2. **Cálculo automático del progreso:**
- Progreso general = (Número de recursos seleccionados / Número total de recursos) × 100%
- Progreso de la etapa = Número de etapas seleccionadas / Número total de etapas
- Transición de animación de la barra de progreso (transición: ancho 0,3 s, facilidad)
3. **Actualización automática del estado de la etapa**:
- Seleccione todos los recursos dentro de la fase → El estado cambia a ✅ Completado, se contrae automáticamente.
- Si se marca algún elemento durante la fase → el estado cambia a 🔄En progreso.
- Sin marca de verificación → ⬜ No iniciado
4. **Doblar/Desdoblar**:
- Al hacer clic en el encabezado de la tarjeta, esta se contraerá o expandirá.
- Con animación fluida
5. **Ventana emergente de verificación de hitos**:
- Aparecerá un aviso de verificación de hito cuando se hayan completado todos los recursos de una fase.
- Mostrar los estándares de hitos para esta etapa
Los usuarios pueden hacer clic en "Completado" para confirmar o marcar "Necesita mayor consolidación" para indicar que se ha completado.
6. **Persistencia de datos**:
- Todos los estados se almacenan en el almacenamiento local.
- Restaurar el estado después de actualizar la página
- Proporciona un botón de "Restablecer progreso" (requiere confirmación secundaria).
### Relleno de contenido:
Complete la estructura anterior con todos los datos de la ruta de aprendizaje planificada en el Paso 2. Asegúrese de lo siguiente:
- El enlace de cada recurso es una URL real y accesible.
- Los iconos de tipo de recurso coinciden correctamente.
- La duración de cada fase es coherente con la lógica del ciclo total.
- Las descripciones de los hitos son específicas y verificables.
### Requisitos técnicos:
- HTML puro + CSS + JavaScript, archivo único
- Sin dependencias externas (excepto Google Fonts)
- Adaptable a dispositivos móviles
- Se puede imprimir
- Código limpio con comentarios
Descripción
Por qué recomendamos esta habilidad
Esta habilidad captura con precisión las necesidades de aprendizaje del usuario mediante un cuestionario, y puede generar un sitio web de aprendizaje interactivo altamente personalizado, destacando especialmente su estilo de diseño Kami y su función de seguimiento de progreso.
Según tus objetivos de aprendizaje, nivel actual, tiempo disponible y preferencias, realiza búsquedas profundas de recursos de aprendizaje reales para crear una ruta personalizada por etapas y presentarla como un sitio web interactivo de aprendizaje al estilo de Kami, con seguimiento del progreso, revisiones de hitos y enlaces directos a los recursos.
Habilidades relacionadas
Ver todoPlan de aprendizaje
Convierte tus ganas de aprender en un plan de aprendizaje sistemático que puedas comenzar hoy y que te indique qué hacer cada día. Solo tienes que proporcionar tu objetivo de aprendizaje, nivel actual, duración del plan, tiempo disponible y preferencias de aprendizaje. El plan organizará las prioridades según tu situación real, identificará tus fortalezas y áreas de oportunidad, y dividirá tu meta principal en hitos verificables con criterios claros para evaluar tu progreso. El plan abarca idiomas, programación, instrumentos musicales, exámenes, ejercicio y otros contextos de aprendizaje de habilidades. Incluye un sistema de conocimientos organizado por prioridad, una ruta por etapas y plantillas diarias adaptadas al ritmo de los días laborales y los fines de semana. Cada tarea se concreta en contenidos de estudio, formas de práctica, tiempo de dedicación y criterios para considerarla cumplida. Además, combina la exposición con la producción para ayudarte a transformar lo que «has visto o escuchado» en conocimientos que realmente puedas usar. También organiza por niveles, según tus preferencias de aprendizaje, recursos como videos, audios, libros y herramientas, y verifica mediante búsquedas en internet que los enlaces estén disponibles. Para problemas como la procrastinación, la pérdida rápida de motivación, el perfeccionismo, la falta de retroalimentación o las interrupciones inesperadas, ofrece mecanismos específicos para evitar abandonar. El resultado final incluye una lista de acciones para el primer día, una lista de verificación de hitos y un documento completo de ejecución. Una vez confirmado el plan, también puedes generar una herramienta HTML de seguimiento que se abra sin conexión para registrar las tareas diarias, el progreso por etapas, los hitos y los recursos de aprendizaje.
Tu guía de aprendizaje de IA
En la era de la IA, en constante cambio, ¿te sientes perdido sobre cómo aprender IA de manera eficiente? "Tu guía de aprendizaje de IA" puede crear para ti una hoja de ruta clara y ejecutable para aprender IA. Comprenderá profundamente tus necesidades de aprendizaje, antecedentes técnicos e incluso posibles ansiedades, como un mentor técnico atento, guiándote con precisión. Este Skill, a través de conversaciones inteligentes contigo, no solo puede identificar si eres un aprendiz "orientado a objetivos" que desea un aprendizaje sistemático o un aprendiz "perdido" que necesita orientación, sino que también, según tu situación específica, te guiará suavemente para aclarar tu dirección y objetivos de aprendizaje. Luego, utilizará búsqueda web en tiempo real y un riguroso mecanismo de verificación de recursos para filtrar los materiales de aprendizaje más recientes y autorizados de una gran cantidad de información, incluyendo documentación oficial, tutoriales de alta calidad, proyectos de código abierto activos, etc., asegurando que el conocimiento que adquieras sea tanto vanguardista como confiable. Finalmente, obtendrás un plan de aprendizaje personalizado, claro y accionable. Este plan desglosa los objetivos de aprendizaje en varias etapas específicas, cada una con objetivos de aprendizaje claros, recursos recomendados seleccionados, hitos verificables y tiempo estimado. Más importante aún, el plan incluye un "iniciador de microacciones" que te guía para comenzar de inmediato una tarea de aprendizaje "tan pequeña que es imposible fallar", y proporciona consejos personalizados para construir una mentalidad, ayudándote a superar los obstáculos psicológicos durante el proceso de aprendizaje. También puedes optar por exportar este plan de aprendizaje personalizado como página web, para consultarlo y compartirlo en cualquier momento y lugar, llenando tu viaje de aprendizaje de IA de confianza y motivación.
InvestigaciónRuta de IA: aprende y gana
Mapa de ruta personalizado para aprender IA y convertir ese conocimiento en ingresos, cubriendo desde principiantes absolutos hasta desarrolladores profesionales. Ofrece planes de aprendizaje por niveles (principiante/intermedio/avanzado), proyectos prácticos, estrategias de monetización y genera páginas web visuales compartibles. Ya sea que quieras aprender a usar herramientas de IA, cambiar de carrera al sector IA, mejorar tu eficiencia laboral actual, o desarrollar productos de IA para tener un ingreso extra o una profesión independiente, aquí encontrarás la ruta de aprendizaje adecuada.
Encuentra tu próxima habilidad favorita
Explora más habilidades de IA seleccionadas para investigación, creación y trabajo cotidiano.