Experto en 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 skill captura de forma precisa las necesidades de aprendizaje del usuario a través de un cuestionario, y es capaz de generar un sitio web interactivo altamente personalizado; su estilo de diseño Kami y la función de seguimiento del progreso son especialmente destacables.
A partir de tus objetivos de aprendizaje, nivel actual, tiempo disponible y preferencias, busca a fondo recursos de aprendizaje reales para crear una ruta personalizada por etapas y presentarla como un sitio web de aprendizaje interactivo al estilo de Kami, con seguimiento del progreso, comprobaciones de hitos y enlaces directos a los recursos.
Habilidades relacionadas
Ver todoPlan de aprendizaje
Convierte tu deseo de aprender en un plan estructurado que puedes empezar hoy y que te indica qué hacer cada día. Solo tienes que proporcionar tu objetivo de aprendizaje, nivel actual, duración prevista, tiempo disponible y preferencias de aprendizaje. El plan organizará las prioridades según tu situación real, identificará tus puntos fuertes y áreas de mejora, y dividirá el objetivo principal en hitos progresivos y verificables, con criterios claros para evaluar tus avances. El plan se adapta al aprendizaje de idiomas, programación, instrumentos musicales, preparación de exámenes, ejercicio y otras habilidades. Incluye un sistema de conocimientos organizado por prioridades, una hoja de ruta por etapas y plantillas de ejecución diaria adaptadas al ritmo de los días laborables y los fines de semana. Cada tarea se concreta en contenidos de estudio, formas de práctica, tiempo necesario y criterios para considerarla superada. Además, combina la recepción de información con la producción activa para ayudarte a transformar lo que has «visto» o «escuchado» en algo que realmente sabes utilizar. También organiza por niveles recursos como vídeos, audios, libros y herramientas según tus preferencias de aprendizaje, y comprueba 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 feedback o las interrupciones imprevistas, ofrece mecanismos específicos para evitar abandonar. El resultado final incluye una lista de acciones para el primer día, una tabla de revisión de hitos y un documento completo de ejecución. Una vez confirmado el plan, también puede generar una herramienta HTML de seguimiento que se puede abrir sin conexión para registrar las tareas diarias, el progreso por etapas, los hitos y los recursos de aprendizaje.
Guía exclusiva aprendizaje IA
En la era de la IA en constante cambio, ¿te sientes perdido sobre cómo aprender IA de manera eficiente? «Guía exclusiva aprendizaje IA» puede diseñar para ti una hoja de ruta de aprendizaje de IA clara y ejecutable. Entenderá profundamente tus necesidades de aprendizaje, tu formación técnica e incluso tus posibles ansiedades, como un mentor técnico atento, guiándote con precisión. Este skill, a través de conversaciones inteligentes, no solo identifica 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 guía suavemente para aclarar tu dirección y metas de aprendizaje. Luego, utilizará búsqueda web en tiempo real y un riguroso mecanismo de validación de recursos para filtrar la información más reciente y autorizada de una gran cantidad de datos, cubriendo 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, estructurado y accionable. Este plan desglosa los objetivos de aprendizaje en varias etapas específicas, cada una con objetivos claros, recursos recomendados seleccionados, hitos verificables y tiempo estimado. Más importante aún, el plan incluye un «microactivador de acción» que te guía para comenzar inmediatamente una tarea de aprendizaje «tan pequeña que es imposible fracasar», y proporciona consejos personalizados para la construcción de 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 exclusivo como página web para consultarlo y compartirlo en cualquier momento y lugar, llenando tu camino de aprendizaje de IA de confianza y motivación.
InvestigaciónRuta de aprendizaje y monetización de IA
Mapa de ruta personalizado de aprendizaje de IA hasta monetización para usuarios de diferentes niveles, cubriendo desde principiantes absolutos hasta desarrolladores profesionales. Ofrece planes de aprendizaje escalonados (principiante/intermedio/avanzado), proyectos prácticos, estrategias de monetización y genera páginas web visuales compartibles. Tanto si quieres aprender a usar herramientas de IA, cambiar a la industria de la IA, mejorar tu eficiencia laboral actual, o desarrollar productos de IA para lograr un trabajo secundario o carrera independiente, encontrarás la ruta de aprendizaje adecuada.
Experto en 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 skill captura de forma precisa las necesidades de aprendizaje del usuario a través de un cuestionario, y es capaz de generar un sitio web interactivo altamente personalizado; su estilo de diseño Kami y la función de seguimiento del progreso son especialmente destacables.
A partir de tus objetivos de aprendizaje, nivel actual, tiempo disponible y preferencias, busca a fondo recursos de aprendizaje reales para crear una ruta personalizada por etapas y presentarla como un sitio web de aprendizaje interactivo al estilo de Kami, con seguimiento del progreso, comprobaciones de hitos y enlaces directos a los recursos.
Habilidades relacionadas
Ver todoPlan de aprendizaje
Convierte tu deseo de aprender en un plan estructurado que puedes empezar hoy y que te indica qué hacer cada día. Solo tienes que proporcionar tu objetivo de aprendizaje, nivel actual, duración prevista, tiempo disponible y preferencias de aprendizaje. El plan organizará las prioridades según tu situación real, identificará tus puntos fuertes y áreas de mejora, y dividirá el objetivo principal en hitos progresivos y verificables, con criterios claros para evaluar tus avances. El plan se adapta al aprendizaje de idiomas, programación, instrumentos musicales, preparación de exámenes, ejercicio y otras habilidades. Incluye un sistema de conocimientos organizado por prioridades, una hoja de ruta por etapas y plantillas de ejecución diaria adaptadas al ritmo de los días laborables y los fines de semana. Cada tarea se concreta en contenidos de estudio, formas de práctica, tiempo necesario y criterios para considerarla superada. Además, combina la recepción de información con la producción activa para ayudarte a transformar lo que has «visto» o «escuchado» en algo que realmente sabes utilizar. También organiza por niveles recursos como vídeos, audios, libros y herramientas según tus preferencias de aprendizaje, y comprueba 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 feedback o las interrupciones imprevistas, ofrece mecanismos específicos para evitar abandonar. El resultado final incluye una lista de acciones para el primer día, una tabla de revisión de hitos y un documento completo de ejecución. Una vez confirmado el plan, también puede generar una herramienta HTML de seguimiento que se puede abrir sin conexión para registrar las tareas diarias, el progreso por etapas, los hitos y los recursos de aprendizaje.
Guía exclusiva aprendizaje IA
En la era de la IA en constante cambio, ¿te sientes perdido sobre cómo aprender IA de manera eficiente? «Guía exclusiva aprendizaje IA» puede diseñar para ti una hoja de ruta de aprendizaje de IA clara y ejecutable. Entenderá profundamente tus necesidades de aprendizaje, tu formación técnica e incluso tus posibles ansiedades, como un mentor técnico atento, guiándote con precisión. Este skill, a través de conversaciones inteligentes, no solo identifica 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 guía suavemente para aclarar tu dirección y metas de aprendizaje. Luego, utilizará búsqueda web en tiempo real y un riguroso mecanismo de validación de recursos para filtrar la información más reciente y autorizada de una gran cantidad de datos, cubriendo 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, estructurado y accionable. Este plan desglosa los objetivos de aprendizaje en varias etapas específicas, cada una con objetivos claros, recursos recomendados seleccionados, hitos verificables y tiempo estimado. Más importante aún, el plan incluye un «microactivador de acción» que te guía para comenzar inmediatamente una tarea de aprendizaje «tan pequeña que es imposible fracasar», y proporciona consejos personalizados para la construcción de 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 exclusivo como página web para consultarlo y compartirlo en cualquier momento y lugar, llenando tu camino de aprendizaje de IA de confianza y motivación.
InvestigaciónRuta de aprendizaje y monetización de IA
Mapa de ruta personalizado de aprendizaje de IA hasta monetización para usuarios de diferentes niveles, cubriendo desde principiantes absolutos hasta desarrolladores profesionales. Ofrece planes de aprendizaje escalonados (principiante/intermedio/avanzado), proyectos prácticos, estrategias de monetización y genera páginas web visuales compartibles. Tanto si quieres aprender a usar herramientas de IA, cambiar a la industria de la IA, mejorar tu eficiencia laboral actual, o desarrollar productos de IA para lograr un trabajo secundario o carrera independiente, 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.