Pianificatore di percorsi di studio
Istruzioni
## Fase 1: Raccolta dei bisogni (basata su un questionario, non è richiesta la digitazione)
I profili di apprendimento degli utenti vengono raccolti attraverso due cicli di domande poste dagli utenti (askUserQuestion).
### Round 1 (Informazioni principali)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Tipologie di obiettivi di apprendimento**
- intestazione: "Destinazione"
- Opzioni: Preparazione agli esami / Miglioramento delle competenze / Cambio di carriera / Esplorazione degli interessi
2. **Livello attuale**
- intestazione: "Orizzontale"
- Opzioni: Nessuna esperienza / Principiante (comprende i concetti) / Esperienza limitata (riesce a completare compiti semplici) / Avanzato (richiede il superamento di ostacoli)
3. **Tempo disponibile giornaliero**
- intestazione: "Tempo"
- Opzioni: meno di 30 minuti / da 1 a 2 ore / da 2 a 4 ore / oltre 4 ore
### Secondo turno (Informazioni supplementari)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Direzione di apprendimento specifica** (consente agli utenti di inserire liberamente i dati)
- Guidare gli utenti a inserire aree di interesse specifiche nella domanda, come ad esempio: programmazione Python, IELTS 7, esame CPA, progettazione UI, ecc.
- intestazione: "Direzione"
- Opzioni: Offre diversi esempi popolari tra cui scegliere, consentendo al contempo agli utenti di inserire contenuti personalizzati.
2. **Periodo di completamento previsto**
- intestazione: "Punto"
- Opzioni: sprint di 1 mese / progressi costanti di 3 mesi / sviluppo approfondito di 6 mesi / a lungo termine di 1 anno o più
3. **Preferenze di apprendimento** (È possibile selezionare più opzioni)
- intestazione: "Preferenze"
- multiSelect: true
- Opzioni: Corsi video / Lettura di libri / Progetti pratici / Interazione con la comunità
Una volta completata la raccolta dei dati, tutte le informazioni verranno organizzate in un "profilo dello studente" strutturato, da utilizzare nelle fasi successive.
## Fase 2: Ricerca approfondita delle risorse e pianificazione del percorso
### 2.1 Ricerca di risorse
In base all'orientamento e alle preferenze di apprendimento dell'utente, effettua 2-3 ricerche utilizzando Google:
1. **Cerca il miglior percorso di apprendimento in questo campo**
- Query: "[Learning Direction] Learning Roadmap 2024 2025" o "[Learning Direction] Recommended Learning Roadmap"
- Estrazione: suddivisione in fasi, punti chiave della conoscenza, ordine di apprendimento
2. **Cerca risorse di apprendimento specifiche**
- Ricerca di risorse pertinenti in base alle preferenze dell'utente:
- Corsi video: cerca i corsi più popolari su Coursera/Udemy/Bilibili
- Libri: cerca libri con ottime recensioni nelle liste di lettura consigliate da Douban/Amazon
- Progetti pratici: cerca su GitHub/tutorial pratici
- query: "[Direzione di apprendimento] migliore [Tipo di risorsa] principiante/intermedio/avanzato"
3. **Cerca gli standard delle tappe fondamentali**
- query: "[Area di apprendimento] Lista di controllo per la valutazione delle competenze" o "[Area di apprendimento] Standard di valutazione delle competenze"
- Estrazione: Quale livello si dovrebbe raggiungere in ogni fase?
### 2.2 Pianificazione del percorso
In base ai risultati della ricerca e ai profili utente, pianifica il percorso di apprendimento:
**Principio basato sulle fasi:**
- In base alla tempistica di apprendimento prevista dall'utente, suddividere il processo di apprendimento in 3-5 fasi.
- Ogni fase comprende: nome della fase, durata stimata, obiettivi principali, risorse specifiche (3-5) e punti di controllo intermedi.
- Le risorse devono essere risorse autentiche reperibili tramite la ricerca (con nome, piattaforma e link).
- Le tappe fondamentali devono essere descrizioni verificabili di capacità specifiche.
**Principi di allocazione del tempo:**
- Calcola il numero totale di ore di studio necessarie per ciascuna fase, in base al tempo giornaliero disponibile.
- Fornire un programma settimanale suggerito (giorni feriali vs. fine settimana)
- Riservare un margine di tempo del 10%
**Formato di output (struttura dati interna, passata al passaggio 3):**
```
Profilo dello studente: {obiettivi, direzione, livello, tempo, frequenza, preferenze}
Pianificazione del percorso: [
{
Nome della fase
Numero di fase,
Durata stimata (settimane)
Descrizione dell'obiettivo principale,
Elenco delle risorse: [{Nome, Tipo (Video/Libro/Progetto), Piattaforma, Link, Ore di studio stimate}],
Traguardo: {Descrizione, Metodo di verifica}
}
]
Suggerimenti settimanali: {Orario feriale, Orario del fine settimana, Ore totali di studio settimanali}
```
## Passaggio 3: Genera un sito web di apprendimento interattivo in stile Kami
Utilizza lo strumento generateWebpage per generare un sito web interattivo per un percorso di apprendimento.
Il parametro di istruzione contiene la seguente specifica completa, oltre ai dati specifici del percorso di apprendimento generati nella Fase 2:
### Specifiche del sistema di progettazione (sistema di progettazione Kami adattato per scenari di apprendimento):
**Combinazione di colori:**
- Sfondo della pagina: #f5f4ed (pergamena beige caldo)
- Sfondo della carta: #FAF9F5 (Avorio)
- Colore di accento/colore del marchio: #1B365D (Blu inchiostro)
- Colore del testo: #141413 (Nero)
- Colore del sottotesto: #4D4C48 (Antracite)
- Nota sul colore: #87867F (Pietra)
- Colore del bordo: #D6D5CE (bordo grigio caldo)
- Barra di avanzamento completata: #1B365D (colore del marchio)
- Barra di avanzamento non completata: #E8E7E2
- Stato di successo/completamento: #2D5016 (Verde oliva scuro)
- In corso: #1B365D (colore del marchio)
- Non avviato: #87867F (Pietra)
- Sfondo del tag: #E4ECF5
- Tutte le tonalità di grigio devono essere calde (R≈G>B), i grigi-blu freddi sono vietati.
**Sistema dei caratteri:**
- Carica Noto Serif SC e Noto Sans SC tramite Google Fonts
- Titolo: font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- Testo: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Dati/Enfasi sui numeri: font-family: Charter, Georgia, serif
- Disabilita font-weight: 700/bold
**composizione tipografica:**
- Interlinea: Titolo 1.2 / Corpo del testo 1.5
- Spaziatura tra le lettere cinesi: 0,3 pt
- Larghezza massima della pagina: 800px, centrata
- Reattivo e ottimizzato per dispositivi mobili
**Regole visive:**
- Ombra: ring shadow (0 0 0 1px rgba(0,0,0,0.05)) o whisper shadow (0 1px 3px rgba(0,0,0,0.04))
- Angoli arrotondati: 8px (predefinito) / 12px (cartolina grande)
- Separatore: 0,5px pieno #D6D5CE o 2,5px pieno #1B365D (linea verticale del marchio)
- Metodo di enfasi: testo in inchiostro blu o linea verticale del marchio a sinistra
### Requisiti di struttura della pagina:
**1. Area Eroe Superiore:**
- Intestazione degli obiettivi di apprendimento (Serif 28px)
- Tag informativi chiave in una riga: Tipo di destinazione | Durata stimata | Orario giornaliero
- Barra di avanzamento complessiva (con i valori percentuali)
- Riga della scheda statistiche: Risorse totali / Completato / Fase attuale
**2. Area della scheda di scena (nucleo):**
- Una grande scheda per ogni fase
- Intestazione della scheda: Numero di fase + Nome + Etichetta di stato (✅ Completato / 🔄 In corso / ⬜ Non iniziato) + Durata stimata
- Contenuto della scheda:
- Descrizione dell'obiettivo principale (1-2 frasi)
- Elenco delle risorse: ogni risorsa è elencata su una riga separata, con un'icona (📚Libro/🎬Video/💻Progetto/👥Community) + Nome (link cliccabile) + Tag della piattaforma + Casella di controllo
- Area dei traguardi: evidenziata con linee verticali del marchio e uno stile particolare per descrivere il raggiungimento degli standard.
- Le carte possono essere piegate/aperte (l'impostazione predefinita è aprirle per la fase corrente, piegarle per la fase completata).
**3. Area suggerimenti di apprendimento settimanali:**
- Suggerimenti concisi per la gestione del tempo
- Orari dei giorni feriali e del fine settimana
**4. In basso:**
- Una breve riga di testo: Powered by Learning Path Planning Master · Designed with Kami Design System
### Requisiti di funzionalità interattiva (JavaScript front-end puro + localStorage):
1. **Attivazione/disattivazione dello stato della casella di controllo**:
- Fai clic sulla casella di controllo accanto alla risorsa per attivare/disattivare lo stato di completamento.
- Salva lo stato in localStorage (la chiave utilizza la direzione di apprendimento + l'hash del nome della risorsa)
- Le risorse completate saranno barrate e con trasparenza ridotta.
2. **Calcolo automatico dell'avanzamento:**
- Progresso complessivo = (Numero di risorse selezionate / Numero totale di risorse) × 100%
- Avanzamento di fase = Numero di fasi selezionate / Numero totale di fasi
- Transizione dell'animazione della barra di avanzamento (transizione: durata 0,3 secondi)
3. **Aggiornamento automatico dello stato della fase**:
- Seleziona tutte le risorse all'interno della fase → Lo stato cambia in ✅ Completato, compresso automaticamente.
- Se durante la fase viene selezionato un elemento qualsiasi → lo stato cambia in 🔄In corso.
- Nessun segno di spunta → ⬜ Non avviato
4. **Piega/Apri**:
- Cliccando sull'intestazione della scheda, questa si comprimerà/espanderà.
-Con animazione fluida
5. **Finestra a comparsa per il controllo dei traguardi**:
- Quando tutte le risorse per una fase saranno completate, verrà visualizzato un messaggio di verifica del traguardo.
- Visualizza gli standard di riferimento per questa fase
Gli utenti possono fare clic su "Completato" per confermare o selezionare "Necessita di ulteriore consolidamento" per indicare che l'operazione è stata completata.
6. **Persistenza dei dati**:
- Tutti gli stati sono memorizzati in localStorage
- Ripristina lo stato dopo l'aggiornamento della pagina
- Fornisce un pulsante "Ripristina avanzamento" (richiede una seconda conferma).
### Riempimento del contenuto:
Compilare la struttura sopra riportata con tutti i dati relativi al percorso di apprendimento pianificato nel passaggio 2. Assicurarsi che:
- Il link di ciascuna risorsa è un URL reale e accessibile.
- Le icone dei tipi di risorsa corrispondono correttamente
- La durata di ciascuna fase è coerente con la logica dell'intero ciclo.
- Le descrizioni delle tappe fondamentali sono specifiche e verificabili.
### Requisiti tecnici:
- HTML puro + CSS + JavaScript, file singolo
- Nessuna dipendenza esterna (ad eccezione di Google Fonts)
- Adattabile ai dispositivi mobili
- Stampabile
- Codice pulito con commenti
Descrizione
Perché consigliamo questa abilità
Questa abilità coglie con precisione le esigenze di apprendimento dell'utente tramite un questionario e genera un sito web interattivo altamente personalizzato, con uno stile di design Kami e funzionalità di monitoraggio dei progressi particolarmente notevoli.
In base ai tuoi obiettivi di apprendimento, al livello attuale, al tempo disponibile e alle tue preferenze, cerca risorse di studio reali e crea un percorso personalizzato suddiviso in fasi. Il risultato è un sito di apprendimento interattivo in stile Kami, con monitoraggio dei progressi, verifiche delle tappe e collegamenti diretti alle risorse.
Abilità correlate
Vedi tuttoPiano di apprendimento
Trasforma il desiderio di imparare in un piano di apprendimento sistematico, che puoi iniziare oggi e che ti indica cosa fare ogni giorno. Ti basta fornire l’obiettivo di apprendimento, il livello attuale, la durata prevista, il tempo disponibile e le tue preferenze di studio: il piano organizzerà le priorità in base alla tua situazione reale, individuerà punti di forza e lacune e suddividerà l’obiettivo principale in traguardi intermedi verificabili, con criteri di valutazione chiari. Il piano copre l’apprendimento delle lingue, la programmazione, gli strumenti musicali, la preparazione agli esami, il fitness e altre abilità. Include una struttura delle conoscenze organizzata per priorità, un percorso suddiviso in fasi e modelli operativi giornalieri adattati al ritmo dei giorni feriali e del fine settimana. Ogni attività si traduce in contenuti specifici da studiare, modalità di esercitazione, tempo da dedicare e criteri per considerarla completata. Inoltre, combina input e output per aiutarti a trasformare ciò che hai “visto” o “ascoltato” in competenze che sai davvero usare. Le risorse, come video, audio, libri e strumenti, vengono organizzate in base alle tue preferenze di studio e i link disponibili vengono verificati online. Per affrontare procrastinazione, entusiasmo iniziale di breve durata, perfezionismo, mancanza di feedback o interruzioni improvvise, il piano offre meccanismi specifici per aiutarti a non abbandonare. Il risultato finale comprende una lista di azioni per il primo giorno, una checklist dei traguardi e un documento completo per l’esecuzione. Dopo aver confermato il piano, puoi anche generare uno strumento HTML per registrare le attività quotidiane, i progressi per fase, i traguardi e le risorse di apprendimento, apribile anche offline.
Guida su misura per l'era AI
Nell'era in continua evoluzione dell'IA, ti senti perso su come imparare in modo efficace? 'Guida su misura per l'era AI' crea per te un percorso di apprendimento AI chiaro e attuabile. Comprende profondamente le tue esigenze di apprendimento, il tuo background tecnico e persino le tue potenziali ansie, guidandoti con precisione come un tutor tecnologico. Attraverso un dialogo intelligente, questo strumento identifica se sei uno studente 'orientato agli obiettivi' o 'bisognoso di direzione', e ti guida delicatamente a definire la tua direzione e i tuoi obiettivi di apprendimento. Successivamente, utilizza la ricerca web in tempo reale e rigorosi meccanismi di verifica delle risorse per selezionare i materiali più aggiornati e autorevoli da un'enorme quantità di informazioni, inclusi documenti ufficiali, tutorial di alta qualità, progetti open source attivi, assicurandoti che le conoscenze siano all'avanguardia e affidabili. Alla fine, riceverai un piano di apprendimento personalizzato chiaro e attuabile. Questo piano suddivide gli obiettivi in fasi specifiche, ciascuna con obiettivi chiari, risorse consigliate, indicatori di completamento verificabili e tempi stimati. Inoltre, il piano include un 'avvio di micro-azioni' che ti spinge a iniziare immediatamente un compito 'così piccolo che è impossibile fallire', insieme a suggerimenti per la costruzione di una mentalità personalizzata per superare gli ostacoli psicologici durante il percorso. Puoi anche esportare questo piano come pagina web per consultarlo e condividerlo ovunque, rendendo il tuo apprendimento dell'IA pieno di fiducia e motivazione.
RicercaPercorso AI: impara e guadagna
Percorso personalizzato per imparare l'AI e trasformarla in guadagno, per ogni livello: da principiante assoluto a sviluppatore professionista. Offre piani di apprendimento graduali (base/intermedio/avanzato), progetti pratici, strategie di monetizzazione e genera pagine web visualizzabili e condivisibili. Che tu voglia imparare a usare gli strumenti AI, cambiare carriera, migliorare la produttività o sviluppare prodotti AI per un reddito extra o una professione, troverai il percorso adatto.
Pianificatore di percorsi di studio
Istruzioni
## Fase 1: Raccolta dei bisogni (basata su un questionario, non è richiesta la digitazione)
I profili di apprendimento degli utenti vengono raccolti attraverso due cicli di domande poste dagli utenti (askUserQuestion).
### Round 1 (Informazioni principali)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Tipologie di obiettivi di apprendimento**
- intestazione: "Destinazione"
- Opzioni: Preparazione agli esami / Miglioramento delle competenze / Cambio di carriera / Esplorazione degli interessi
2. **Livello attuale**
- intestazione: "Orizzontale"
- Opzioni: Nessuna esperienza / Principiante (comprende i concetti) / Esperienza limitata (riesce a completare compiti semplici) / Avanzato (richiede il superamento di ostacoli)
3. **Tempo disponibile giornaliero**
- intestazione: "Tempo"
- Opzioni: meno di 30 minuti / da 1 a 2 ore / da 2 a 4 ore / oltre 4 ore
### Secondo turno (Informazioni supplementari)
Utilizza askUserQuestion per porre domande simultaneamente nelle seguenti tre dimensioni:
1. **Direzione di apprendimento specifica** (consente agli utenti di inserire liberamente i dati)
- Guidare gli utenti a inserire aree di interesse specifiche nella domanda, come ad esempio: programmazione Python, IELTS 7, esame CPA, progettazione UI, ecc.
- intestazione: "Direzione"
- Opzioni: Offre diversi esempi popolari tra cui scegliere, consentendo al contempo agli utenti di inserire contenuti personalizzati.
2. **Periodo di completamento previsto**
- intestazione: "Punto"
- Opzioni: sprint di 1 mese / progressi costanti di 3 mesi / sviluppo approfondito di 6 mesi / a lungo termine di 1 anno o più
3. **Preferenze di apprendimento** (È possibile selezionare più opzioni)
- intestazione: "Preferenze"
- multiSelect: true
- Opzioni: Corsi video / Lettura di libri / Progetti pratici / Interazione con la comunità
Una volta completata la raccolta dei dati, tutte le informazioni verranno organizzate in un "profilo dello studente" strutturato, da utilizzare nelle fasi successive.
## Fase 2: Ricerca approfondita delle risorse e pianificazione del percorso
### 2.1 Ricerca di risorse
In base all'orientamento e alle preferenze di apprendimento dell'utente, effettua 2-3 ricerche utilizzando Google:
1. **Cerca il miglior percorso di apprendimento in questo campo**
- Query: "[Learning Direction] Learning Roadmap 2024 2025" o "[Learning Direction] Recommended Learning Roadmap"
- Estrazione: suddivisione in fasi, punti chiave della conoscenza, ordine di apprendimento
2. **Cerca risorse di apprendimento specifiche**
- Ricerca di risorse pertinenti in base alle preferenze dell'utente:
- Corsi video: cerca i corsi più popolari su Coursera/Udemy/Bilibili
- Libri: cerca libri con ottime recensioni nelle liste di lettura consigliate da Douban/Amazon
- Progetti pratici: cerca su GitHub/tutorial pratici
- query: "[Direzione di apprendimento] migliore [Tipo di risorsa] principiante/intermedio/avanzato"
3. **Cerca gli standard delle tappe fondamentali**
- query: "[Area di apprendimento] Lista di controllo per la valutazione delle competenze" o "[Area di apprendimento] Standard di valutazione delle competenze"
- Estrazione: Quale livello si dovrebbe raggiungere in ogni fase?
### 2.2 Pianificazione del percorso
In base ai risultati della ricerca e ai profili utente, pianifica il percorso di apprendimento:
**Principio basato sulle fasi:**
- In base alla tempistica di apprendimento prevista dall'utente, suddividere il processo di apprendimento in 3-5 fasi.
- Ogni fase comprende: nome della fase, durata stimata, obiettivi principali, risorse specifiche (3-5) e punti di controllo intermedi.
- Le risorse devono essere risorse autentiche reperibili tramite la ricerca (con nome, piattaforma e link).
- Le tappe fondamentali devono essere descrizioni verificabili di capacità specifiche.
**Principi di allocazione del tempo:**
- Calcola il numero totale di ore di studio necessarie per ciascuna fase, in base al tempo giornaliero disponibile.
- Fornire un programma settimanale suggerito (giorni feriali vs. fine settimana)
- Riservare un margine di tempo del 10%
**Formato di output (struttura dati interna, passata al passaggio 3):**
```
Profilo dello studente: {obiettivi, direzione, livello, tempo, frequenza, preferenze}
Pianificazione del percorso: [
{
Nome della fase
Numero di fase,
Durata stimata (settimane)
Descrizione dell'obiettivo principale,
Elenco delle risorse: [{Nome, Tipo (Video/Libro/Progetto), Piattaforma, Link, Ore di studio stimate}],
Traguardo: {Descrizione, Metodo di verifica}
}
]
Suggerimenti settimanali: {Orario feriale, Orario del fine settimana, Ore totali di studio settimanali}
```
## Passaggio 3: Genera un sito web di apprendimento interattivo in stile Kami
Utilizza lo strumento generateWebpage per generare un sito web interattivo per un percorso di apprendimento.
Il parametro di istruzione contiene la seguente specifica completa, oltre ai dati specifici del percorso di apprendimento generati nella Fase 2:
### Specifiche del sistema di progettazione (sistema di progettazione Kami adattato per scenari di apprendimento):
**Combinazione di colori:**
- Sfondo della pagina: #f5f4ed (pergamena beige caldo)
- Sfondo della carta: #FAF9F5 (Avorio)
- Colore di accento/colore del marchio: #1B365D (Blu inchiostro)
- Colore del testo: #141413 (Nero)
- Colore del sottotesto: #4D4C48 (Antracite)
- Nota sul colore: #87867F (Pietra)
- Colore del bordo: #D6D5CE (bordo grigio caldo)
- Barra di avanzamento completata: #1B365D (colore del marchio)
- Barra di avanzamento non completata: #E8E7E2
- Stato di successo/completamento: #2D5016 (Verde oliva scuro)
- In corso: #1B365D (colore del marchio)
- Non avviato: #87867F (Pietra)
- Sfondo del tag: #E4ECF5
- Tutte le tonalità di grigio devono essere calde (R≈G>B), i grigi-blu freddi sono vietati.
**Sistema dei caratteri:**
- Carica Noto Serif SC e Noto Sans SC tramite Google Fonts
- Titolo: font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- Testo: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Dati/Enfasi sui numeri: font-family: Charter, Georgia, serif
- Disabilita font-weight: 700/bold
**composizione tipografica:**
- Interlinea: Titolo 1.2 / Corpo del testo 1.5
- Spaziatura tra le lettere cinesi: 0,3 pt
- Larghezza massima della pagina: 800px, centrata
- Reattivo e ottimizzato per dispositivi mobili
**Regole visive:**
- Ombra: ring shadow (0 0 0 1px rgba(0,0,0,0.05)) o whisper shadow (0 1px 3px rgba(0,0,0,0.04))
- Angoli arrotondati: 8px (predefinito) / 12px (cartolina grande)
- Separatore: 0,5px pieno #D6D5CE o 2,5px pieno #1B365D (linea verticale del marchio)
- Metodo di enfasi: testo in inchiostro blu o linea verticale del marchio a sinistra
### Requisiti di struttura della pagina:
**1. Area Eroe Superiore:**
- Intestazione degli obiettivi di apprendimento (Serif 28px)
- Tag informativi chiave in una riga: Tipo di destinazione | Durata stimata | Orario giornaliero
- Barra di avanzamento complessiva (con i valori percentuali)
- Riga della scheda statistiche: Risorse totali / Completato / Fase attuale
**2. Area della scheda di scena (nucleo):**
- Una grande scheda per ogni fase
- Intestazione della scheda: Numero di fase + Nome + Etichetta di stato (✅ Completato / 🔄 In corso / ⬜ Non iniziato) + Durata stimata
- Contenuto della scheda:
- Descrizione dell'obiettivo principale (1-2 frasi)
- Elenco delle risorse: ogni risorsa è elencata su una riga separata, con un'icona (📚Libro/🎬Video/💻Progetto/👥Community) + Nome (link cliccabile) + Tag della piattaforma + Casella di controllo
- Area dei traguardi: evidenziata con linee verticali del marchio e uno stile particolare per descrivere il raggiungimento degli standard.
- Le carte possono essere piegate/aperte (l'impostazione predefinita è aprirle per la fase corrente, piegarle per la fase completata).
**3. Area suggerimenti di apprendimento settimanali:**
- Suggerimenti concisi per la gestione del tempo
- Orari dei giorni feriali e del fine settimana
**4. In basso:**
- Una breve riga di testo: Powered by Learning Path Planning Master · Designed with Kami Design System
### Requisiti di funzionalità interattiva (JavaScript front-end puro + localStorage):
1. **Attivazione/disattivazione dello stato della casella di controllo**:
- Fai clic sulla casella di controllo accanto alla risorsa per attivare/disattivare lo stato di completamento.
- Salva lo stato in localStorage (la chiave utilizza la direzione di apprendimento + l'hash del nome della risorsa)
- Le risorse completate saranno barrate e con trasparenza ridotta.
2. **Calcolo automatico dell'avanzamento:**
- Progresso complessivo = (Numero di risorse selezionate / Numero totale di risorse) × 100%
- Avanzamento di fase = Numero di fasi selezionate / Numero totale di fasi
- Transizione dell'animazione della barra di avanzamento (transizione: durata 0,3 secondi)
3. **Aggiornamento automatico dello stato della fase**:
- Seleziona tutte le risorse all'interno della fase → Lo stato cambia in ✅ Completato, compresso automaticamente.
- Se durante la fase viene selezionato un elemento qualsiasi → lo stato cambia in 🔄In corso.
- Nessun segno di spunta → ⬜ Non avviato
4. **Piega/Apri**:
- Cliccando sull'intestazione della scheda, questa si comprimerà/espanderà.
-Con animazione fluida
5. **Finestra a comparsa per il controllo dei traguardi**:
- Quando tutte le risorse per una fase saranno completate, verrà visualizzato un messaggio di verifica del traguardo.
- Visualizza gli standard di riferimento per questa fase
Gli utenti possono fare clic su "Completato" per confermare o selezionare "Necessita di ulteriore consolidamento" per indicare che l'operazione è stata completata.
6. **Persistenza dei dati**:
- Tutti gli stati sono memorizzati in localStorage
- Ripristina lo stato dopo l'aggiornamento della pagina
- Fornisce un pulsante "Ripristina avanzamento" (richiede una seconda conferma).
### Riempimento del contenuto:
Compilare la struttura sopra riportata con tutti i dati relativi al percorso di apprendimento pianificato nel passaggio 2. Assicurarsi che:
- Il link di ciascuna risorsa è un URL reale e accessibile.
- Le icone dei tipi di risorsa corrispondono correttamente
- La durata di ciascuna fase è coerente con la logica dell'intero ciclo.
- Le descrizioni delle tappe fondamentali sono specifiche e verificabili.
### Requisiti tecnici:
- HTML puro + CSS + JavaScript, file singolo
- Nessuna dipendenza esterna (ad eccezione di Google Fonts)
- Adattabile ai dispositivi mobili
- Stampabile
- Codice pulito con commenti
Descrizione
Perché consigliamo questa abilità
Questa abilità coglie con precisione le esigenze di apprendimento dell'utente tramite un questionario e genera un sito web interattivo altamente personalizzato, con uno stile di design Kami e funzionalità di monitoraggio dei progressi particolarmente notevoli.
In base ai tuoi obiettivi di apprendimento, al livello attuale, al tempo disponibile e alle tue preferenze, cerca risorse di studio reali e crea un percorso personalizzato suddiviso in fasi. Il risultato è un sito di apprendimento interattivo in stile Kami, con monitoraggio dei progressi, verifiche delle tappe e collegamenti diretti alle risorse.
Abilità correlate
Vedi tuttoPiano di apprendimento
Trasforma il desiderio di imparare in un piano di apprendimento sistematico, che puoi iniziare oggi e che ti indica cosa fare ogni giorno. Ti basta fornire l’obiettivo di apprendimento, il livello attuale, la durata prevista, il tempo disponibile e le tue preferenze di studio: il piano organizzerà le priorità in base alla tua situazione reale, individuerà punti di forza e lacune e suddividerà l’obiettivo principale in traguardi intermedi verificabili, con criteri di valutazione chiari. Il piano copre l’apprendimento delle lingue, la programmazione, gli strumenti musicali, la preparazione agli esami, il fitness e altre abilità. Include una struttura delle conoscenze organizzata per priorità, un percorso suddiviso in fasi e modelli operativi giornalieri adattati al ritmo dei giorni feriali e del fine settimana. Ogni attività si traduce in contenuti specifici da studiare, modalità di esercitazione, tempo da dedicare e criteri per considerarla completata. Inoltre, combina input e output per aiutarti a trasformare ciò che hai “visto” o “ascoltato” in competenze che sai davvero usare. Le risorse, come video, audio, libri e strumenti, vengono organizzate in base alle tue preferenze di studio e i link disponibili vengono verificati online. Per affrontare procrastinazione, entusiasmo iniziale di breve durata, perfezionismo, mancanza di feedback o interruzioni improvvise, il piano offre meccanismi specifici per aiutarti a non abbandonare. Il risultato finale comprende una lista di azioni per il primo giorno, una checklist dei traguardi e un documento completo per l’esecuzione. Dopo aver confermato il piano, puoi anche generare uno strumento HTML per registrare le attività quotidiane, i progressi per fase, i traguardi e le risorse di apprendimento, apribile anche offline.
Guida su misura per l'era AI
Nell'era in continua evoluzione dell'IA, ti senti perso su come imparare in modo efficace? 'Guida su misura per l'era AI' crea per te un percorso di apprendimento AI chiaro e attuabile. Comprende profondamente le tue esigenze di apprendimento, il tuo background tecnico e persino le tue potenziali ansie, guidandoti con precisione come un tutor tecnologico. Attraverso un dialogo intelligente, questo strumento identifica se sei uno studente 'orientato agli obiettivi' o 'bisognoso di direzione', e ti guida delicatamente a definire la tua direzione e i tuoi obiettivi di apprendimento. Successivamente, utilizza la ricerca web in tempo reale e rigorosi meccanismi di verifica delle risorse per selezionare i materiali più aggiornati e autorevoli da un'enorme quantità di informazioni, inclusi documenti ufficiali, tutorial di alta qualità, progetti open source attivi, assicurandoti che le conoscenze siano all'avanguardia e affidabili. Alla fine, riceverai un piano di apprendimento personalizzato chiaro e attuabile. Questo piano suddivide gli obiettivi in fasi specifiche, ciascuna con obiettivi chiari, risorse consigliate, indicatori di completamento verificabili e tempi stimati. Inoltre, il piano include un 'avvio di micro-azioni' che ti spinge a iniziare immediatamente un compito 'così piccolo che è impossibile fallire', insieme a suggerimenti per la costruzione di una mentalità personalizzata per superare gli ostacoli psicologici durante il percorso. Puoi anche esportare questo piano come pagina web per consultarlo e condividerlo ovunque, rendendo il tuo apprendimento dell'IA pieno di fiducia e motivazione.
RicercaPercorso AI: impara e guadagna
Percorso personalizzato per imparare l'AI e trasformarla in guadagno, per ogni livello: da principiante assoluto a sviluppatore professionista. Offre piani di apprendimento graduali (base/intermedio/avanzato), progetti pratici, strategie di monetizzazione e genera pagine web visualizzabili e condivisibili. Che tu voglia imparare a usare gli strumenti AI, cambiare carriera, migliorare la produttività o sviluppare prodotti AI per un reddito extra o una professione, troverai il percorso adatto.
Trova la tua prossima abilità preferita
Esplora altre abilità AI curate per ricerca, creazione e lavoro quotidiano.