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 tutto
RicercaMetodo di parole chiave
Il metodo di apprendimento per parole chiave consente di iniziare rapidamente in qualsiasi campo: genera una tabella di 20 parole chiave essenziali (spiegazione in una frase, scenari di applicazione, migliori pratiche), un diagramma logico SVG in stile fumetto disegnato a mano, simula un esperto del settore che risponde a 5 domande chiave, consiglia 3-5 libri professionali e compone un report ben formattato. Inserendo «interpreta «Titolo del libro»» si passa alla modalità di interpretazione approfondita del libro in sette parti.
RicercaSignal Room:Sintesi interviste
YouMind già trascrive le tue chiamate, interviste e podcast. Signal Room è ciò che succede dopo. Inserisci una trascrizione o venti e ricevi una sintesi di ricerca che un vero analista firmerebbe: temi codificati, prove verbatim con timestamp, i punti di disaccordo e una risposta classificata alla decisione che stai cercando di prendere. Il metodo è una vera pratica qualitativa, non sintesi: • Codifica aperta che funziona prima con le citazioni — niente citazione, niente codice — con codici nominati con le parole del partecipante piuttosto che con il gergo dell'analista • Ogni codice è etichettato come Comportamento, Convinzione o Desiderio, perché "pagherei sicuramente per questo" non è la stessa classe di prova di "l'ho pagato il mese scorso" • Temi espressi come frasi falsificabili, con la forza contata in partecipanti piuttosto che in citazioni, e prove contraddittorie cercate appositamente • Una mappa delle tensioni che mostra dove i tuoi partecipanti si dividono realmente e cosa prevede da che parte stanno • Un backlog di opportunità scritto come "quando [situazione], [chi] vuole [risultato] perché [motivo]", ciascuno valutato come Forte, Indicativo o Aneddotico • Una risposta diretta alla tua domanda decisionale, con un livello di confidenza dichiarato e cosa lo cambierebbe • Le tre domande a cui questo round non ha potuto rispondere, e chi intervistare dopo Salvaguardie importanti: non inventa né abbellisce mai una citazione, si rifiuta di riportare percentuali su meno di dodici partecipanti, pseudonimizza i partecipanti per impostazione predefinita, e ti dirà in faccia quando n=1 significa che hai un'ipotesi piuttosto che un risultato. Per product manager, ricercatori UX e di mercato, giornalisti, consulenti, fondatori che fanno customer discovery, e chiunque si ritrovi con ore di registrazioni e nessun risultato.
RicercaMaestro di Studi sui Paper
Aiuta product manager, fondatori e sviluppatori di app a comprendere i paper sull'AI seguendo la catena causale storica, trasformandoli in decisioni di prodotto, confini tecnici, intuizioni ingegneristiche e analisi delle opportunità.
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 tuttoRicercaMetodo di parole chiave
Il metodo di apprendimento per parole chiave consente di iniziare rapidamente in qualsiasi campo: genera una tabella di 20 parole chiave essenziali (spiegazione in una frase, scenari di applicazione, migliori pratiche), un diagramma logico SVG in stile fumetto disegnato a mano, simula un esperto del settore che risponde a 5 domande chiave, consiglia 3-5 libri professionali e compone un report ben formattato. Inserendo «interpreta «Titolo del libro»» si passa alla modalità di interpretazione approfondita del libro in sette parti.
RicercaSignal Room:Sintesi interviste
YouMind già trascrive le tue chiamate, interviste e podcast. Signal Room è ciò che succede dopo. Inserisci una trascrizione o venti e ricevi una sintesi di ricerca che un vero analista firmerebbe: temi codificati, prove verbatim con timestamp, i punti di disaccordo e una risposta classificata alla decisione che stai cercando di prendere. Il metodo è una vera pratica qualitativa, non sintesi: • Codifica aperta che funziona prima con le citazioni — niente citazione, niente codice — con codici nominati con le parole del partecipante piuttosto che con il gergo dell'analista • Ogni codice è etichettato come Comportamento, Convinzione o Desiderio, perché "pagherei sicuramente per questo" non è la stessa classe di prova di "l'ho pagato il mese scorso" • Temi espressi come frasi falsificabili, con la forza contata in partecipanti piuttosto che in citazioni, e prove contraddittorie cercate appositamente • Una mappa delle tensioni che mostra dove i tuoi partecipanti si dividono realmente e cosa prevede da che parte stanno • Un backlog di opportunità scritto come "quando [situazione], [chi] vuole [risultato] perché [motivo]", ciascuno valutato come Forte, Indicativo o Aneddotico • Una risposta diretta alla tua domanda decisionale, con un livello di confidenza dichiarato e cosa lo cambierebbe • Le tre domande a cui questo round non ha potuto rispondere, e chi intervistare dopo Salvaguardie importanti: non inventa né abbellisce mai una citazione, si rifiuta di riportare percentuali su meno di dodici partecipanti, pseudonimizza i partecipanti per impostazione predefinita, e ti dirà in faccia quando n=1 significa che hai un'ipotesi piuttosto che un risultato. Per product manager, ricercatori UX e di mercato, giornalisti, consulenti, fondatori che fanno customer discovery, e chiunque si ritrovi con ore di registrazioni e nessun risultato.
RicercaMaestro di Studi sui Paper
Aiuta product manager, fondatori e sviluppatori di app a comprendere i paper sull'AI seguendo la catena causale storica, trasformandoli in decisioni di prodotto, confini tecnici, intuizioni ingegneristiche e analisi delle opportunità.
Trova la tua prossima abilità preferita
Esplora altre abilità AI curate per ricerca, creazione e lavoro quotidiano.