Expert en parcours d’apprentissage
Instructions
## Étape 1 : Recueil des besoins (questionnaire, aucune saisie requise)
Les profils d'apprentissage des utilisateurs sont recueillis en deux étapes de la procédure askUserQuestion.
### Tour 1 (Informations essentielles)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Types d'objectifs d'apprentissage**
- en-tête : "Cible"
Options : Préparation aux examens / Perfectionnement des compétences / Reconversion professionnelle / Exploration des centres d’intérêt
2. **Niveau actuel**
- en-tête : « Horizontal »
- Options : Aucune expérience / Débutant (comprend les concepts) / Expérience partielle (peut effectuer des tâches simples) / Avancé (nécessite de surmonter les obstacles)
3. **Heures de disponibilité quotidiennes**
- en-tête : "Heure"
- Options : Moins de 30 minutes / 1 à 2 heures / 2 à 4 heures / Plus de 4 heures
### Deuxième tour (Informations complémentaires)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Orientation d'apprentissage spécifique** (permet aux utilisateurs de saisir librement leurs réponses)
- Guider les utilisateurs pour qu'ils indiquent des domaines d'intérêt spécifiques dans la question, tels que : programmation Python, IELTS 7, examen CPA, conception d'interface utilisateur, etc.
- en-tête : « Direction »
- Options : Propose plusieurs exemples populaires, tout en permettant aux utilisateurs de saisir du contenu personnalisé.
2. **Délai d'achèvement prévu**
- en-tête : "Point"
Options : sprint d’un mois / progression constante sur 3 mois / développement approfondi sur 6 mois / projet à long terme d’un an et plus
3. **Préférences d'apprentissage** (Plusieurs choix possibles)
- en-tête : "Préférences"
- multiSelect : vrai
Options : Cours vidéo / Lecture de livres / Projets pratiques / Interaction avec la communauté
Une fois la collecte des données terminée, toutes les informations seront organisées dans un « profil d'apprenant » structuré, qui sera utilisé lors des étapes suivantes.
## Étape 2 : Recherche approfondie des ressources et planification du parcours
### 2.1 Recherche de ressources
En fonction des objectifs d'apprentissage et des préférences de l'utilisateur, effectuez 2 à 3 recherches à l'aide de Google Search :
1. **Recherchez le meilleur parcours d'apprentissage dans ce domaine**
- Requête : « [Orientation de l’apprentissage] Feuille de route de l’apprentissage 2024-2025 » ou « [Orientation de l’apprentissage] Feuille de route de l’apprentissage recommandée »
- Extraction : Division par étapes, points de connaissances clés, ordre d'apprentissage
2. **Rechercher des ressources pédagogiques spécifiques**
- Rechercher des ressources pertinentes en fonction des préférences de l'utilisateur :
- Cours vidéo : Recherchez des cours populaires sur Coursera/Udemy/Bilibili
- Livres : Recherchez les livres les mieux notés sur les listes de lecture recommandées de Douban/Amazon.
- Projets pratiques : Recherchez sur GitHub/practical tutorials
- requête : « [Orientation de l'apprentissage] meilleur [Type de ressource] débutant/intermédiaire/avancé »
3. **Rechercher les normes d'étape**
- requête : « Liste de contrôle d’évaluation des compétences [Domaine d’apprentissage] » ou « Normes d’évaluation des compétences [Domaine d’apprentissage] »
- Extraction : Quel niveau doit être atteint à chaque étape ?
### 2.2 Planification de trajectoire
En fonction des résultats de recherche et des profils des utilisateurs, planifiez le parcours d'apprentissage :
**Principe basé sur les phases :**
- En fonction du calendrier d'apprentissage prévu par l'utilisateur, divisez le processus d'apprentissage en 3 à 5 étapes.
- Chaque phase comprend : nom de la phase, durée estimée, objectifs principaux, ressources spécifiques (3-5) et points de contrôle importants.
- Les ressources doivent être des ressources authentiques trouvées par le biais de la recherche (avec nom, plateforme et lien).
- Les jalons doivent être des descriptions vérifiables de capacités spécifiques.
**Principes de répartition du temps :**
- Calculez le nombre total d'heures d'étude pour chaque étape en fonction du temps disponible quotidiennement.
- Proposer des horaires hebdomadaires (jours de semaine vs week-ends)
- Prévoir une marge de sécurité de 10 %
**Format de sortie (structure de données interne, transmise à l'étape 3) :**
```
Profil de l'apprenant : {objectifs, orientation, niveau, temps, fréquence, préférences}
Planification de trajectoire : [
{
Nom de la phase
Numéro de phase,
Durée estimée (semaines)
Description de l'objectif principal,
Liste des ressources : [{Nom, Type (Vidéo/Livre/Projet), Plateforme, Lien, Nombre d'heures d'étude estimé}],
Étape importante : {Description, Méthode de vérification}
}
]
Suggestions hebdomadaires : {Planning de semaine, Planning de week-end, Total des heures d'étude hebdomadaires}
```
## Étape 3 : Générer un site web d’apprentissage interactif de type Kami
Utilisez l'outil generateWebpage pour générer un site web interactif de parcours d'apprentissage.
Le paramètre d'instruction contient la spécification complète suivante, ainsi que les données spécifiques du parcours d'apprentissage générées à l'étape 2 :
### Spécifications du système de conception (Système de conception Kami adapté aux scénarios d'apprentissage) :
**Palette de couleurs :**
- Fond de page : #f5f4ed (parchemin beige chaud)
- Fond de la carte : #FAF9F5 (Ivoire)
- Couleur d'accent/couleur de marque : #1B365D (Bleu encre)
- Couleur du texte : #141413 (quasi noir)
- Couleur du sous-texte : #4D4C48 (Charbon)
- Note couleur : #87867F (Pierre)
- Couleur de la bordure : #D6D5CE (bordure gris chaud)
- Barre de progression terminée : #1B365D (couleur de la marque)
- Barre de progression non terminée : #E8E7E2
- État de réussite/d'achèvement : #2D5016 (Vert olive foncé)
- En cours : #1B365D (couleur de la marque)
- Non démarré : #87867F (Pierre)
- Étiquette de fond : #E4ECF5
- Tous les gris doivent être à tons chauds (R≈G>B), les gris bleus froids sont interdits.
**Système de polices :**
- Charger les polices Noto Serif SC et Noto Sans SC via Google Fonts
- Titre : police de caractères : « Noto Serif SC », Charter, Géorgie, serif ; graisse de la police : 500
- Texte : police : « Noto Sans SC », « PingFang SC », sans-serif ; graisse : 400
- Données/Mise en valeur des chiffres : police de caractères : Charter, Georgia, serif
- Désactiver la police en gras (700)
**composition:**
- Interligne : Titre 1,2 / Texte courant 1,5
- Espacement des caractères chinois : 0,3 pt
- Largeur maximale de la page : 800 px, centrée
- Adaptatif et optimisé pour les mobiles
**Règles visuelles :**
- Ombre : ombre circulaire (0 0 0 1px rgba(0,0,0,0.05)) ou ombre murmurante (0 1px 3px rgba(0,0,0,0.04))
- Coins arrondis : 8 px (par défaut) / 12 px (grande carte)
- Séparateur : trait plein de 0,5 px #D6D5CE ou trait plein de 2,5 px #1B365D (ligne verticale de la marque)
- Méthode de mise en valeur : Texte à l’encre bleue ou ligne de marque verticale à gauche
### Exigences relatives à la structure de la page :
**1. Zone des héros principaux :**
- Titre des objectifs d'apprentissage (Serif 28px)
- Balises d'information clés sur une seule ligne : Type de cible | Durée estimée | Heure quotidienne
- Barre de progression globale (avec pourcentages)
- Ligne de la fiche Statistiques : Ressources totales / Ressources terminées / Étape actuelle
**2. Zone de la carte de scène (Noyau) :**
- Une grande carte pour chaque étape
- En-tête de la carte : Numéro d’étape + Nom + Statut (✅ Terminé / 🔄 En cours / ⬜ Non commencé) + Durée estimée
- Contenu de la carte :
- Description de l'objectif principal (1 à 2 phrases)
- Liste des ressources : Chaque ressource est listée sur une ligne distincte, avec une icône (📚Livre/🎬Vidéo/💻Projet/👥Communauté) + Nom (lien cliquable) + Étiquette de plateforme + Case à cocher
- Zone jalonnée : Mise en évidence par des lignes verticales de marque et un style particulier pour décrire l'atteinte des normes.
- Les cartes peuvent être pliées/dépliées (par défaut, elles sont dépliées pour l'étape en cours et pliées pour l'étape terminée).
**3. Suggestions d'apprentissage hebdomadaires :**
- Suggestions concises de répartition du temps
- Horaire en semaine vs. horaire du week-end
**4. Bas :**
- Une petite ligne de texte : Propulsé par Learning Path Planning Master · Conçu avec Kami Design System
### Exigences relatives aux fonctionnalités interactives (JavaScript front-end pur + localStorage) :
1. **Basculement de l'état de la case à cocher** :
- Cliquez sur la case à cocher située en regard de la ressource pour modifier l'état d'achèvement.
- Enregistrer l'état dans le stockage local (la clé utilise la direction d'apprentissage + le hachage du nom de la ressource)
- Les ressources terminées apparaîtront barrées et leur transparence sera réduite.
2. **Calcul automatique de la progression :**
- Progression globale = (Nombre de ressources sélectionnées / Nombre total de ressources) × 100 %
- Progression de l'étape = Nombre d'étapes sélectionnées / Nombre total d'étapes
- Transition d'animation de la barre de progression (transition : largeur 0,3 s)
3. **Mise à jour automatique de l'état de l'étape** :
- Sélectionnez toutes les ressources de la phase → Le statut passe à ✅ Terminé, automatiquement réduit.
- Si un élément quelconque est vérifié pendant la phase → le statut passe à 🔄En cours.
- Aucune coche → ⬜ Non démarré
4. **Plier/Déplier** :
- Cliquer sur l'en-tête de la carte permet de la réduire/de la développer.
- Avec une animation fluide
5. **Fenêtre contextuelle de vérification des étapes clés** :
- Une notification de vérification d'étape s'affichera lorsque toutes les ressources nécessaires à une phase seront disponibles.
- Afficher les normes d'étape pour ce stade
Les utilisateurs peuvent cliquer sur « Réalisé » pour confirmer ou cocher « Nécessite une consolidation supplémentaire » pour indiquer que la tâche est terminée.
6. **Persistance des données** :
- Tous les états sont stockés dans localStorage
- Restaurer l'état après l'actualisation de la page
- Fournit un bouton « Réinitialiser la progression » (nécessite une confirmation secondaire).
### Remplissage du contenu :
Remplissez la structure ci-dessus avec l'ensemble des données du parcours d'apprentissage prévu à l'étape 2. Assurez-vous que :
- Le lien de chaque ressource est une URL réelle et accessible.
- Les icônes des types de ressources sont correctement associées.
- La durée de chaque phase est cohérente avec la logique du cycle total.
- Les descriptions des étapes clés sont précises et vérifiables.
### Exigences techniques :
- HTML + CSS + JavaScript purs, fichier unique
- Aucune dépendance externe (à l'exception de Google Fonts)
- Adapté aux mobiles
- Version imprimable
- Code propre avec commentaires
Description
Pourquoi nous recommandons cette compétence
Cette compétence capture avec précision les besoins d'apprentissage de l'utilisateur via un questionnaire et génère un site web interactif hautement personnalisé. Son design style Kami et sa fonction de suivi de progression sont particulièrement remarquables.
À partir de vos objectifs d’apprentissage, de votre niveau actuel, du temps dont vous disposez et de vos préférences, ce Skill recherche en profondeur des ressources d’apprentissage réelles pour créer un parcours personnalisé par étapes. Il le présente sous la forme d’un site d’apprentissage interactif au style Kami, avec suivi de la progression, vérification des jalons et liens directs vers les ressources.
Compétences associées
Tout voir
RechercheApprentissage par mots-clés
Apprenez rapidement n'importe quel domaine grâce à la méthode des mots-clés : générez un tableau de 20 mots-clés essentiels (explication en une phrase / cas d'usage / bonnes pratiques), un diagramme de relations logique en SVG de style bande dessinée dessiné à la main, simulez un expert du domaine répondant à 5 questions clés, recommandez 3 à 5 livres spécialisés, et assemblez le tout dans un rapport bien mis en page. Saisissez « Interpréter [titre du livre] » pour passer au mode d'analyse approfondie en sept parties.
RechercheSignal Room:Synthèse d'entrevue
YouMind transcrit déjà vos appels, entretiens et podcasts. Signal Room est ce qui se passe ensuite. Déposez un ou vingt transcriptions et obtenez une synthèse de recherche qu'un analyste réel signerait : thèmes codés, preuves textuelles avec horodatage, les points de désaccord, et une réponse classée à la décision que vous essayez de prendre. La méthode est une vraie pratique qualitative, pas un résumé : • Codage ouvert qui fonctionne d'abord par citation — pas de citation, pas de code — avec des codes nommés avec les mots des participants plutôt qu'avec un jargon d'analyste • Chaque code est étiqueté Comportement, Croyance ou Souhait, car « Je paierais certainement pour cela » n'est pas la même classe de preuve que « J'ai payé pour cela le mois dernier » • Thèmes énoncés comme des phrases falsifiables, avec une force comptée en participants plutôt qu'en citations, et des preuves contradictoires cherchées délibérément • Une carte des tensions montrant où vos participants divergent réellement et ce qui prédit de quel côté ils se rangent • Un backlog d'opportunités rédigé comme « quand [situation], [qui] veut [résultat] parce que [raison] », chacun évalué comme Fort, Suggestif ou Anecdotique • Une réponse directe à votre question de décision, avec un niveau de confiance déclaré et ce qui pourrait le faire changer • Les trois questions auxquelles cette série n'a pas pu répondre, et qui interviewer ensuite Garde-fous importants : il n'invente ni n'embellit jamais une citation, il refuse de rapporter des pourcentages sur moins de douze participants, il pseudonymise les participants par défaut, et il vous dira en face quand n=1 signifie que vous avez une hypothèse plutôt qu'un résultat. Pour les chefs de produit, les chercheurs UX et marché, les journalistes, les consultants, les fondateurs en phase de découverte client, et toute personne avec des heures d'enregistrements et aucune conclusion.
RechercheExpert en publications IA
Aide les chefs de produit, fondateurs et développeurs d'applications à comprendre les publications IA en suivant les chaînes causales historiques, et à traduire cette compréhension en décisions produit, limites techniques, intuitions d'ingénierie et analyses d'opportunités.
Expert en parcours d’apprentissage
Instructions
## Étape 1 : Recueil des besoins (questionnaire, aucune saisie requise)
Les profils d'apprentissage des utilisateurs sont recueillis en deux étapes de la procédure askUserQuestion.
### Tour 1 (Informations essentielles)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Types d'objectifs d'apprentissage**
- en-tête : "Cible"
Options : Préparation aux examens / Perfectionnement des compétences / Reconversion professionnelle / Exploration des centres d’intérêt
2. **Niveau actuel**
- en-tête : « Horizontal »
- Options : Aucune expérience / Débutant (comprend les concepts) / Expérience partielle (peut effectuer des tâches simples) / Avancé (nécessite de surmonter les obstacles)
3. **Heures de disponibilité quotidiennes**
- en-tête : "Heure"
- Options : Moins de 30 minutes / 1 à 2 heures / 2 à 4 heures / Plus de 4 heures
### Deuxième tour (Informations complémentaires)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Orientation d'apprentissage spécifique** (permet aux utilisateurs de saisir librement leurs réponses)
- Guider les utilisateurs pour qu'ils indiquent des domaines d'intérêt spécifiques dans la question, tels que : programmation Python, IELTS 7, examen CPA, conception d'interface utilisateur, etc.
- en-tête : « Direction »
- Options : Propose plusieurs exemples populaires, tout en permettant aux utilisateurs de saisir du contenu personnalisé.
2. **Délai d'achèvement prévu**
- en-tête : "Point"
Options : sprint d’un mois / progression constante sur 3 mois / développement approfondi sur 6 mois / projet à long terme d’un an et plus
3. **Préférences d'apprentissage** (Plusieurs choix possibles)
- en-tête : "Préférences"
- multiSelect : vrai
Options : Cours vidéo / Lecture de livres / Projets pratiques / Interaction avec la communauté
Une fois la collecte des données terminée, toutes les informations seront organisées dans un « profil d'apprenant » structuré, qui sera utilisé lors des étapes suivantes.
## Étape 2 : Recherche approfondie des ressources et planification du parcours
### 2.1 Recherche de ressources
En fonction des objectifs d'apprentissage et des préférences de l'utilisateur, effectuez 2 à 3 recherches à l'aide de Google Search :
1. **Recherchez le meilleur parcours d'apprentissage dans ce domaine**
- Requête : « [Orientation de l’apprentissage] Feuille de route de l’apprentissage 2024-2025 » ou « [Orientation de l’apprentissage] Feuille de route de l’apprentissage recommandée »
- Extraction : Division par étapes, points de connaissances clés, ordre d'apprentissage
2. **Rechercher des ressources pédagogiques spécifiques**
- Rechercher des ressources pertinentes en fonction des préférences de l'utilisateur :
- Cours vidéo : Recherchez des cours populaires sur Coursera/Udemy/Bilibili
- Livres : Recherchez les livres les mieux notés sur les listes de lecture recommandées de Douban/Amazon.
- Projets pratiques : Recherchez sur GitHub/practical tutorials
- requête : « [Orientation de l'apprentissage] meilleur [Type de ressource] débutant/intermédiaire/avancé »
3. **Rechercher les normes d'étape**
- requête : « Liste de contrôle d’évaluation des compétences [Domaine d’apprentissage] » ou « Normes d’évaluation des compétences [Domaine d’apprentissage] »
- Extraction : Quel niveau doit être atteint à chaque étape ?
### 2.2 Planification de trajectoire
En fonction des résultats de recherche et des profils des utilisateurs, planifiez le parcours d'apprentissage :
**Principe basé sur les phases :**
- En fonction du calendrier d'apprentissage prévu par l'utilisateur, divisez le processus d'apprentissage en 3 à 5 étapes.
- Chaque phase comprend : nom de la phase, durée estimée, objectifs principaux, ressources spécifiques (3-5) et points de contrôle importants.
- Les ressources doivent être des ressources authentiques trouvées par le biais de la recherche (avec nom, plateforme et lien).
- Les jalons doivent être des descriptions vérifiables de capacités spécifiques.
**Principes de répartition du temps :**
- Calculez le nombre total d'heures d'étude pour chaque étape en fonction du temps disponible quotidiennement.
- Proposer des horaires hebdomadaires (jours de semaine vs week-ends)
- Prévoir une marge de sécurité de 10 %
**Format de sortie (structure de données interne, transmise à l'étape 3) :**
```
Profil de l'apprenant : {objectifs, orientation, niveau, temps, fréquence, préférences}
Planification de trajectoire : [
{
Nom de la phase
Numéro de phase,
Durée estimée (semaines)
Description de l'objectif principal,
Liste des ressources : [{Nom, Type (Vidéo/Livre/Projet), Plateforme, Lien, Nombre d'heures d'étude estimé}],
Étape importante : {Description, Méthode de vérification}
}
]
Suggestions hebdomadaires : {Planning de semaine, Planning de week-end, Total des heures d'étude hebdomadaires}
```
## Étape 3 : Générer un site web d’apprentissage interactif de type Kami
Utilisez l'outil generateWebpage pour générer un site web interactif de parcours d'apprentissage.
Le paramètre d'instruction contient la spécification complète suivante, ainsi que les données spécifiques du parcours d'apprentissage générées à l'étape 2 :
### Spécifications du système de conception (Système de conception Kami adapté aux scénarios d'apprentissage) :
**Palette de couleurs :**
- Fond de page : #f5f4ed (parchemin beige chaud)
- Fond de la carte : #FAF9F5 (Ivoire)
- Couleur d'accent/couleur de marque : #1B365D (Bleu encre)
- Couleur du texte : #141413 (quasi noir)
- Couleur du sous-texte : #4D4C48 (Charbon)
- Note couleur : #87867F (Pierre)
- Couleur de la bordure : #D6D5CE (bordure gris chaud)
- Barre de progression terminée : #1B365D (couleur de la marque)
- Barre de progression non terminée : #E8E7E2
- État de réussite/d'achèvement : #2D5016 (Vert olive foncé)
- En cours : #1B365D (couleur de la marque)
- Non démarré : #87867F (Pierre)
- Étiquette de fond : #E4ECF5
- Tous les gris doivent être à tons chauds (R≈G>B), les gris bleus froids sont interdits.
**Système de polices :**
- Charger les polices Noto Serif SC et Noto Sans SC via Google Fonts
- Titre : police de caractères : « Noto Serif SC », Charter, Géorgie, serif ; graisse de la police : 500
- Texte : police : « Noto Sans SC », « PingFang SC », sans-serif ; graisse : 400
- Données/Mise en valeur des chiffres : police de caractères : Charter, Georgia, serif
- Désactiver la police en gras (700)
**composition:**
- Interligne : Titre 1,2 / Texte courant 1,5
- Espacement des caractères chinois : 0,3 pt
- Largeur maximale de la page : 800 px, centrée
- Adaptatif et optimisé pour les mobiles
**Règles visuelles :**
- Ombre : ombre circulaire (0 0 0 1px rgba(0,0,0,0.05)) ou ombre murmurante (0 1px 3px rgba(0,0,0,0.04))
- Coins arrondis : 8 px (par défaut) / 12 px (grande carte)
- Séparateur : trait plein de 0,5 px #D6D5CE ou trait plein de 2,5 px #1B365D (ligne verticale de la marque)
- Méthode de mise en valeur : Texte à l’encre bleue ou ligne de marque verticale à gauche
### Exigences relatives à la structure de la page :
**1. Zone des héros principaux :**
- Titre des objectifs d'apprentissage (Serif 28px)
- Balises d'information clés sur une seule ligne : Type de cible | Durée estimée | Heure quotidienne
- Barre de progression globale (avec pourcentages)
- Ligne de la fiche Statistiques : Ressources totales / Ressources terminées / Étape actuelle
**2. Zone de la carte de scène (Noyau) :**
- Une grande carte pour chaque étape
- En-tête de la carte : Numéro d’étape + Nom + Statut (✅ Terminé / 🔄 En cours / ⬜ Non commencé) + Durée estimée
- Contenu de la carte :
- Description de l'objectif principal (1 à 2 phrases)
- Liste des ressources : Chaque ressource est listée sur une ligne distincte, avec une icône (📚Livre/🎬Vidéo/💻Projet/👥Communauté) + Nom (lien cliquable) + Étiquette de plateforme + Case à cocher
- Zone jalonnée : Mise en évidence par des lignes verticales de marque et un style particulier pour décrire l'atteinte des normes.
- Les cartes peuvent être pliées/dépliées (par défaut, elles sont dépliées pour l'étape en cours et pliées pour l'étape terminée).
**3. Suggestions d'apprentissage hebdomadaires :**
- Suggestions concises de répartition du temps
- Horaire en semaine vs. horaire du week-end
**4. Bas :**
- Une petite ligne de texte : Propulsé par Learning Path Planning Master · Conçu avec Kami Design System
### Exigences relatives aux fonctionnalités interactives (JavaScript front-end pur + localStorage) :
1. **Basculement de l'état de la case à cocher** :
- Cliquez sur la case à cocher située en regard de la ressource pour modifier l'état d'achèvement.
- Enregistrer l'état dans le stockage local (la clé utilise la direction d'apprentissage + le hachage du nom de la ressource)
- Les ressources terminées apparaîtront barrées et leur transparence sera réduite.
2. **Calcul automatique de la progression :**
- Progression globale = (Nombre de ressources sélectionnées / Nombre total de ressources) × 100 %
- Progression de l'étape = Nombre d'étapes sélectionnées / Nombre total d'étapes
- Transition d'animation de la barre de progression (transition : largeur 0,3 s)
3. **Mise à jour automatique de l'état de l'étape** :
- Sélectionnez toutes les ressources de la phase → Le statut passe à ✅ Terminé, automatiquement réduit.
- Si un élément quelconque est vérifié pendant la phase → le statut passe à 🔄En cours.
- Aucune coche → ⬜ Non démarré
4. **Plier/Déplier** :
- Cliquer sur l'en-tête de la carte permet de la réduire/de la développer.
- Avec une animation fluide
5. **Fenêtre contextuelle de vérification des étapes clés** :
- Une notification de vérification d'étape s'affichera lorsque toutes les ressources nécessaires à une phase seront disponibles.
- Afficher les normes d'étape pour ce stade
Les utilisateurs peuvent cliquer sur « Réalisé » pour confirmer ou cocher « Nécessite une consolidation supplémentaire » pour indiquer que la tâche est terminée.
6. **Persistance des données** :
- Tous les états sont stockés dans localStorage
- Restaurer l'état après l'actualisation de la page
- Fournit un bouton « Réinitialiser la progression » (nécessite une confirmation secondaire).
### Remplissage du contenu :
Remplissez la structure ci-dessus avec l'ensemble des données du parcours d'apprentissage prévu à l'étape 2. Assurez-vous que :
- Le lien de chaque ressource est une URL réelle et accessible.
- Les icônes des types de ressources sont correctement associées.
- La durée de chaque phase est cohérente avec la logique du cycle total.
- Les descriptions des étapes clés sont précises et vérifiables.
### Exigences techniques :
- HTML + CSS + JavaScript purs, fichier unique
- Aucune dépendance externe (à l'exception de Google Fonts)
- Adapté aux mobiles
- Version imprimable
- Code propre avec commentaires
Description
Pourquoi nous recommandons cette compétence
Cette compétence capture avec précision les besoins d'apprentissage de l'utilisateur via un questionnaire et génère un site web interactif hautement personnalisé. Son design style Kami et sa fonction de suivi de progression sont particulièrement remarquables.
À partir de vos objectifs d’apprentissage, de votre niveau actuel, du temps dont vous disposez et de vos préférences, ce Skill recherche en profondeur des ressources d’apprentissage réelles pour créer un parcours personnalisé par étapes. Il le présente sous la forme d’un site d’apprentissage interactif au style Kami, avec suivi de la progression, vérification des jalons et liens directs vers les ressources.
Compétences associées
Tout voirRechercheApprentissage par mots-clés
Apprenez rapidement n'importe quel domaine grâce à la méthode des mots-clés : générez un tableau de 20 mots-clés essentiels (explication en une phrase / cas d'usage / bonnes pratiques), un diagramme de relations logique en SVG de style bande dessinée dessiné à la main, simulez un expert du domaine répondant à 5 questions clés, recommandez 3 à 5 livres spécialisés, et assemblez le tout dans un rapport bien mis en page. Saisissez « Interpréter [titre du livre] » pour passer au mode d'analyse approfondie en sept parties.
RechercheSignal Room:Synthèse d'entrevue
YouMind transcrit déjà vos appels, entretiens et podcasts. Signal Room est ce qui se passe ensuite. Déposez un ou vingt transcriptions et obtenez une synthèse de recherche qu'un analyste réel signerait : thèmes codés, preuves textuelles avec horodatage, les points de désaccord, et une réponse classée à la décision que vous essayez de prendre. La méthode est une vraie pratique qualitative, pas un résumé : • Codage ouvert qui fonctionne d'abord par citation — pas de citation, pas de code — avec des codes nommés avec les mots des participants plutôt qu'avec un jargon d'analyste • Chaque code est étiqueté Comportement, Croyance ou Souhait, car « Je paierais certainement pour cela » n'est pas la même classe de preuve que « J'ai payé pour cela le mois dernier » • Thèmes énoncés comme des phrases falsifiables, avec une force comptée en participants plutôt qu'en citations, et des preuves contradictoires cherchées délibérément • Une carte des tensions montrant où vos participants divergent réellement et ce qui prédit de quel côté ils se rangent • Un backlog d'opportunités rédigé comme « quand [situation], [qui] veut [résultat] parce que [raison] », chacun évalué comme Fort, Suggestif ou Anecdotique • Une réponse directe à votre question de décision, avec un niveau de confiance déclaré et ce qui pourrait le faire changer • Les trois questions auxquelles cette série n'a pas pu répondre, et qui interviewer ensuite Garde-fous importants : il n'invente ni n'embellit jamais une citation, il refuse de rapporter des pourcentages sur moins de douze participants, il pseudonymise les participants par défaut, et il vous dira en face quand n=1 signifie que vous avez une hypothèse plutôt qu'un résultat. Pour les chefs de produit, les chercheurs UX et marché, les journalistes, les consultants, les fondateurs en phase de découverte client, et toute personne avec des heures d'enregistrements et aucune conclusion.
RechercheExpert en publications IA
Aide les chefs de produit, fondateurs et développeurs d'applications à comprendre les publications IA en suivant les chaînes causales historiques, et à traduire cette compréhension en décisions produit, limites techniques, intuitions d'ingénierie et analyses d'opportunités.
Trouve ta prochaine compétence préférée
Explore d'autres compétences IA sélectionnées pour la recherche, la création et le travail quotidien.