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 voirPlan d’apprentissage
Transformez votre envie d’apprendre en un plan structuré que vous pouvez commencer dès aujourd’hui, avec des actions claires pour chaque jour. Il vous suffit d’indiquer votre objectif d’apprentissage, votre niveau actuel, la durée prévue, le temps que vous pouvez y consacrer et vos préférences d’apprentissage. Le plan s’adapte à votre situation réelle, organise les priorités, identifie vos points forts et vos lacunes, puis découpe votre objectif en étapes vérifiables, avec des critères clairs pour mesurer vos progrès. Le plan couvre les langues, la programmation, les instruments de musique, les examens, le sport et d’autres situations d’apprentissage. Il comprend une structure des connaissances classée par priorité, une feuille de route par étapes et des modèles d’exécution quotidiens adaptés au rythme des jours ouvrés et des week-ends. Chaque tâche précise le contenu à étudier, la méthode de pratique, le temps à y consacrer et les critères de réussite. L’accent est mis sur l’association des activités de réception et de production, afin de transformer ce que vous avez simplement vu ou entendu en compétences réellement utilisables. Les ressources, comme les vidéos, les contenus audio, les livres et les outils, sont également organisées par niveaux selon vos préférences d’apprentissage, avec une vérification en ligne des liens disponibles. Pour faire face à la procrastination, à la perte de motivation, au perfectionnisme, au manque de retours ou aux interruptions imprévues, le plan propose des mécanismes adaptés pour vous aider à ne pas abandonner. La livraison finale comprend une liste d’actions pour le premier jour, une checklist de suivi des étapes et un document complet d’exécution. Une fois le plan confirmé, vous pouvez aussi générer un outil de suivi en HTML, ouvrable hors ligne, pour enregistrer les tâches quotidiennes, l’avancement par étape, les jalons et les ressources d’apprentissage.
Guide d'apprentissage IA personnalisé
À l'ère de l'IA en constante évolution, vous sentez-vous perdu face à l'apprentissage de l'IA ? « Guide d'apprentissage IA personnalisé » vous offre une feuille de route claire et actionnable. Il comprend vos besoins, votre contexte technique et même vos éventuelles angoisses, agissant comme un mentor technologique bienveillant. Grâce à une conversation intelligente, il identifie si vous êtes un apprenant « orienté objectif » ou « en quête de direction », puis vous guide doucement vers des objectifs clairs. Ensuite, il utilise une recherche en temps réel et une validation rigoureuse des ressources pour sélectionner les supports les plus récents et fiables : documentation officielle, tutoriels de qualité, projets open source actifs, etc. Au final, vous obtenez un plan d'apprentissage structuré et personnalisé, découpé en étapes avec objectifs, ressources recommandées, jalons de validation et durée estimée. En prime, un « micro-démarrage » vous incite à commencer une tâche « si petite qu'elle ne peut échouer », accompagné de conseils pour renforcer votre état d'esprit. Vous pouvez aussi exporter le plan en page web pour le consulter et le partager à tout moment.
RecherchePlan IA: Apprendre & Gagner
Un plan de route personnalisé pour apprendre l'IA et générer des revenus, adapté à tous les niveaux, du débutant complet au développeur professionnel. Il propose des plans d'apprentissage par niveaux (débutant/intermédiaire/professionnel), des projets pratiques, des stratégies de monétisation, et génère une page web visuelle et partageable. Que vous souhaitiez apprendre à utiliser les outils IA, vous reconvertir dans le secteur de l'IA, améliorer votre productivité actuelle, ou développer des produits IA pour un revenu d'appoint ou une carrière, vous trouverez un parcours adapté.
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 voirPlan d’apprentissage
Transformez votre envie d’apprendre en un plan structuré que vous pouvez commencer dès aujourd’hui, avec des actions claires pour chaque jour. Il vous suffit d’indiquer votre objectif d’apprentissage, votre niveau actuel, la durée prévue, le temps que vous pouvez y consacrer et vos préférences d’apprentissage. Le plan s’adapte à votre situation réelle, organise les priorités, identifie vos points forts et vos lacunes, puis découpe votre objectif en étapes vérifiables, avec des critères clairs pour mesurer vos progrès. Le plan couvre les langues, la programmation, les instruments de musique, les examens, le sport et d’autres situations d’apprentissage. Il comprend une structure des connaissances classée par priorité, une feuille de route par étapes et des modèles d’exécution quotidiens adaptés au rythme des jours ouvrés et des week-ends. Chaque tâche précise le contenu à étudier, la méthode de pratique, le temps à y consacrer et les critères de réussite. L’accent est mis sur l’association des activités de réception et de production, afin de transformer ce que vous avez simplement vu ou entendu en compétences réellement utilisables. Les ressources, comme les vidéos, les contenus audio, les livres et les outils, sont également organisées par niveaux selon vos préférences d’apprentissage, avec une vérification en ligne des liens disponibles. Pour faire face à la procrastination, à la perte de motivation, au perfectionnisme, au manque de retours ou aux interruptions imprévues, le plan propose des mécanismes adaptés pour vous aider à ne pas abandonner. La livraison finale comprend une liste d’actions pour le premier jour, une checklist de suivi des étapes et un document complet d’exécution. Une fois le plan confirmé, vous pouvez aussi générer un outil de suivi en HTML, ouvrable hors ligne, pour enregistrer les tâches quotidiennes, l’avancement par étape, les jalons et les ressources d’apprentissage.
Guide d'apprentissage IA personnalisé
À l'ère de l'IA en constante évolution, vous sentez-vous perdu face à l'apprentissage de l'IA ? « Guide d'apprentissage IA personnalisé » vous offre une feuille de route claire et actionnable. Il comprend vos besoins, votre contexte technique et même vos éventuelles angoisses, agissant comme un mentor technologique bienveillant. Grâce à une conversation intelligente, il identifie si vous êtes un apprenant « orienté objectif » ou « en quête de direction », puis vous guide doucement vers des objectifs clairs. Ensuite, il utilise une recherche en temps réel et une validation rigoureuse des ressources pour sélectionner les supports les plus récents et fiables : documentation officielle, tutoriels de qualité, projets open source actifs, etc. Au final, vous obtenez un plan d'apprentissage structuré et personnalisé, découpé en étapes avec objectifs, ressources recommandées, jalons de validation et durée estimée. En prime, un « micro-démarrage » vous incite à commencer une tâche « si petite qu'elle ne peut échouer », accompagné de conseils pour renforcer votre état d'esprit. Vous pouvez aussi exporter le plan en page web pour le consulter et le partager à tout moment.
RecherchePlan IA: Apprendre & Gagner
Un plan de route personnalisé pour apprendre l'IA et générer des revenus, adapté à tous les niveaux, du débutant complet au développeur professionnel. Il propose des plans d'apprentissage par niveaux (débutant/intermédiaire/professionnel), des projets pratiques, des stratégies de monétisation, et génère une page web visuelle et partageable. Que vous souhaitiez apprendre à utiliser les outils IA, vous reconvertir dans le secteur de l'IA, améliorer votre productivité actuelle, ou développer des produits IA pour un revenu d'appoint ou une carrière, vous trouverez un parcours adapté.
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.