Mestre de Percursos de Aprendizagem
Instruções
Etapa 1: Levantamento de Necessidades (Baseado em questionário, sem necessidade de digitação)
Os perfis de aprendizagem do usuário são coletados por meio de duas rodadas de perguntas ao usuário (askUserQuestion).
### Rodada 1 (Informações Básicas)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Tipos de Objetivos de Aprendizagem**
- cabeçalho: "Alvo"
Opções: Preparação para exames / Aprimoramento de habilidades / Mudança de carreira / Exploração de interesses
2. **Nível atual**
- cabeçalho: "Horizontal"
- Opções: Sem experiência / Iniciante (compreende os conceitos) / Alguma experiência (consegue concluir tarefas simples) / Avançado (requer a superação de obstáculos)
3. **Horário disponível diariamente**
- cabeçalho: "Tempo"
- Opções: Menos de 30 minutos / 1 a 2 horas / 2 a 4 horas / Mais de 4 horas
### Segunda Rodada (Informações Complementares)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Direção de aprendizagem específica** (permite que os usuários insiram informações livremente)
- Orientar os usuários a inserir áreas específicas de interesse na pergunta, como: programação em Python, IELTS 7, exame CPA, design de interface do usuário, etc.
- cabeçalho: "Direção"
- Opções: Oferece diversos exemplos populares para escolher, além de permitir que os usuários insiram conteúdo personalizado.
2. **Prazo de Conclusão Previsto**
- cabeçalho: "Período"
- Opções: Sprint de 1 mês / Progresso constante de 3 meses / Desenvolvimento aprofundado de 6 meses / Contrato de longo prazo de 1 ano ou mais
3. **Preferências de Aprendizagem** (Selecione várias opções)
- cabeçalho: "Preferências"
- multiSeleção: verdadeiro
- Opções: Cursos em vídeo / Leitura de livros / Projetos práticos / Interação com a comunidade
Assim que a coleta de dados estiver concluída, todas as informações serão organizadas em um "perfil do aluno" estruturado para uso nas etapas subsequentes.
Etapa 2: Busca detalhada de recursos e planejamento de rotas
### 2.1 Busca de Recursos
Com base na direção de aprendizagem e nas preferências do usuário, realize de 2 a 3 pesquisas usando o Google Search:
1. **Procure o melhor roteiro de aprendizado nesta área**
- Consulta: "[Direção de Aprendizagem] Roteiro de Aprendizagem 2024-2025" ou "[Direção de Aprendizagem] Roteiro de Aprendizagem Recomendado"
- Extração: Divisão por etapas, pontos de conhecimento essenciais, ordem de aprendizagem
2. **Pesquise recursos de aprendizagem específicos**
- Pesquisar recursos relevantes com base nas preferências do usuário:
- Cursos em vídeo: Procure por cursos populares no Coursera/Udemy/Bilibili
- Livros: Procure livros bem avaliados nas listas de leitura recomendadas do Douban/Amazon.
- Projetos práticos: Pesquise GitHub/tutoriais práticos
- consulta: "[Direção de Aprendizagem] melhor [Tipo de Recurso] iniciante/intermediário/avançado"
3. **Pesquisar padrões de marcos**
- Consulta: "[Área de Aprendizagem] Lista de Verificação de Avaliação de Habilidades" ou "[Área de Aprendizagem] Padrões de Avaliação de Competências"
- Extração: Que nível deve ser alcançado em cada etapa?
### 2.2 Planejamento de Rota
Com base nos resultados da pesquisa e nos perfis dos usuários, planeje o percurso de aprendizagem:
**Princípio baseado em fases:**
- Com base no cronograma de aprendizagem esperado pelo usuário, divida o processo de aprendizagem em 3 a 5 etapas.
- Cada fase inclui: nome da fase, duração estimada, objetivos principais, recursos específicos (3-5) e marcos de verificação.
- Os recursos devem ser recursos genuínos encontrados por meio da pesquisa (com nome, plataforma e link).
- Os marcos devem ser descrições verificáveis de capacidades específicas.
**Princípios de alocação de tempo:**
- Calcule o total de horas de estudo para cada etapa com base no tempo disponível diariamente.
- Fornecer sugestões de horários semanais (dias de semana vs. fins de semana)
- Reserve 10% de tempo de segurança.
**Formato de saída (estrutura de dados interna, passada para a Etapa 3):**
```
Perfil do aluno: {objetivos, direção, nível, tempo, frequência, preferências}
Planejamento de rota: [
{
Nome da fase
Número da fase,
Duração estimada (semanas)
Descrição do objetivo principal,
Lista de recursos: [{Nome, Tipo (Vídeo/Livro/Projeto), Plataforma, Link, Horas de estudo estimadas}],
Marco: {Descrição, Método de Verificação}
}
]
Sugestões semanais: {Cronograma para dias de semana, Cronograma para fins de semana, Total de horas de estudo semanais}
```
Etapa 3: Gere um site de aprendizagem interativo no estilo Kami
Utilize a ferramenta generateWebpage para gerar um site interativo de percurso de aprendizagem.
O parâmetro de instrução contém a seguinte especificação completa, além dos dados específicos do percurso de aprendizagem gerados na Etapa 2:
### Especificações do Sistema de Design (Sistema de Design Kami adaptado para cenários de aprendizagem):
**Esquema de cores:**
- Fundo da página: #f5f4ed (pergaminho bege quente)
- Fundo do cartão: #FAF9F5 (Marfim)
- Cor de destaque/cor da marca: #1B365D (Azul Tinta)
- Cor do texto: #141413 (Preto próximo)
- Cor do subtexto: #4D4C48 (Carvão)
- Cor indicada: #87867F (Pedra)
- Cor da borda: #D6D5CE (borda cinza quente)
- Barra de progresso concluída: #1B365D (cor da marca)
- Barra de progresso não concluída: #E8E7E2
- Status de sucesso/conclusão: #2D5016 (Verde Oliva Escuro)
- Em andamento: #1B365D (cor da marca)
- Não iniciado: #87867F (Pedra)
- Fundo da etiqueta: #E4ECF5
- Todos os tons de cinza devem ser quentes (R≈G>B), sendo proibidos os tons frios de cinza azulado.
**Sistema de fontes:**
- Carregar Noto Serif SC e Noto Sans SC através do Google Fonts
- Título: família de fontes: 'Noto Serif SC', Charter, Georgia, serifada; peso da fonte: 500
- Texto: família de fontes: 'Noto Sans SC', 'PingFang SC', sem serifa; peso da fonte: 400
- Dados/Ênfase em Números: família de fontes: Charter, Georgia, serifada
- Desativar peso da fonte: 700/negrito
**Composição tipográfica:**
- Espaçamento entre linhas: Título 1,2 / Corpo do texto 1,5
- Espaçamento entre letras chinesas: 0,3 pt
- Largura máxima da página: 800px, centralizada
- Responsivo e compatível com dispositivos móveis
**Regras Visuais:**
- Sombra: sombra circular (0 0 0 1px rgba(0,0,0,0.05)) ou sombra suave (0 1px 3px rgba(0,0,0,0.04))
- Cantos arredondados: 8px (padrão) / 12px (cartão grande)
- Separador: 0,5px sólido #D6D5CE ou 2,5px sólido #1B365D (linha vertical da marca)
- Método de destaque: Texto em tinta azul ou linha vertical da marca à esquerda
### Requisitos de estrutura da página:
**1. Área do Herói Principal:**
- Título dos Objetivos de Aprendizagem (Serifa 28px)
- Etiquetas de informações principais em uma linha: Tipo de alvo | Duração estimada | Horário diário
- Barra de progresso geral (com porcentagens)
- Linha do cartão de estatísticas: Recursos totais / Concluído / Estágio atual
**2. Área do Cartão de Estágio (Núcleo):**
- Um cartão grande para cada etapa
- Cabeçalho do cartão: Número da etapa + Nome + Etiqueta de status (✅ Concluída / 🔄 Em andamento / ⬜ Não iniciada) + Duração estimada
- Conteúdo do cartão:
- Descrição do objetivo principal (1-2 frases)
- Lista de Recursos: Cada recurso é listado em uma linha separada, incluindo um ícone (📚Livro/🎬Vídeo/💻Projeto/👥Comunidade) + Nome (link clicável) + Tag da Plataforma + Caixa de seleção
- Área de marcos: Destacada com linhas verticais da marca e estilo especial para descrever a conquista de padrões.
- As cartas podem ser dobradas/desdobradas (o padrão é desdobrar para a fase atual e dobrar para a fase concluída).
**3. Área de Sugestões de Aprendizagem Semanal:**
- Sugestões concisas de alocação de tempo
- Horário dos dias de semana vs. Horário dos fins de semana
**4. Parte inferior:**
- Uma pequena linha de texto: Desenvolvido pelo Learning Path Planning Master · Projetado com o Kami Design System
### Requisitos de funcionalidade interativa (JavaScript puro de front-end + localStorage):
1. **Alternância do estado da caixa de seleção**:
- Clique na caixa de seleção antes do recurso para alternar o status de conclusão.
- Salvar o status no localStorage (a chave usa a direção de aprendizado + o hash do nome do recurso)
- Os recursos concluídos serão exibidos com texto riscado e transparência reduzida.
2. **Cálculo automático do progresso:**
- Progresso geral = (Número de recursos selecionados / Número total de recursos) × 100%
- Progresso da etapa = Número de etapas selecionadas / Número total de etapas
- Transição de animação da barra de progresso (transição: largura 0,3s, facilidade)
3. **Atualização automática do status da etapa**:
- Selecione todos os recursos dentro da fase → O status muda para ✅ Concluído, recolhido automaticamente.
- Se algum item for verificado durante a fase → o status muda para 🔄Em Andamento.
- Sem marca de seleção → ⬜ Não iniciado
4. **Dobrar/Desdobrar**:
Clicar no cabeçalho do cartão irá recolhê-lo/expandi-lo.
- Com animação suave
5. **Janela pop-up de verificação de marcos**:
- Uma mensagem de verificação de marco será exibida quando todos os recursos para uma fase forem concluídos.
- Exibir os padrões de referência para esta etapa
Os usuários podem clicar em "Concluído" para confirmar ou marcar "Necessita de consolidação adicional" para indicar a conclusão.
6. **Persistência de Dados**:
- Todos os estados são armazenados no localStorage
- Restaurar estado após atualização da página
- Fornece um botão "Reiniciar progresso" (requer confirmação secundária).
### Preenchimento de conteúdo:
Preencha a estrutura acima com os dados completos do percurso de aprendizagem planejado na Etapa 2. Certifique-se de:
- O link de cada recurso é um URL real e acessível.
- Os ícones dos tipos de recursos correspondem corretamente.
- A duração de cada fase é consistente com a lógica do ciclo total.
- As descrições dos marcos são específicas e verificáveis.
### Requisitos técnicos:
- HTML puro + CSS + JavaScript, arquivo único
- Sem dependências externas (exceto o Google Fonts)
- Responsivo para dispositivos móveis
- Versão para impressão
- Código limpo com comentários
Descrição
Porque recomendamos esta habilidade
Esta skill capta com precisão as necessidades de aprendizagem do utilizador através de um questionário, e consegue gerar um site de aprendizagem interativo altamente personalizado, sendo o seu estilo de design Kami e a funcionalidade de rastreio de progresso particularmente excelentes.
Com base nos seus objetivos de aprendizagem, nível atual, tempo disponível e preferências, pesquisa recursos de aprendizagem reais e cria um percurso de aprendizagem personalizado por etapas. O resultado é apresentado como um site de aprendizagem interativo ao estilo Kami, com acompanhamento do progresso, verificação de marcos e ligações diretas para os recursos.
Habilidades relacionadas
Ver tudoPlano de Aprendizagem
Transforme o desejo de aprender num plano de aprendizagem sistemático, que pode começar hoje e lhe indica o que fazer todos os dias. Basta fornecer o objetivo de aprendizagem, o nível atual, a duração prevista, o tempo disponível e as suas preferências de aprendizagem. O plano organiza as prioridades de acordo com a sua situação real, identifica pontos fortes e lacunas e divide o objetivo geral em marcos faseados e verificáveis, com critérios claros para avaliar o progresso. O plano abrange a aprendizagem de línguas, programação, instrumentos musicais, preparação para exames, exercício físico e outras competências. Inclui um sistema de conhecimentos organizado por prioridade, um roteiro por fases e modelos de execução diária ajustados ao ritmo dos dias úteis e dos fins de semana. Cada tarefa especifica o conteúdo a estudar, a forma de praticar, o tempo necessário e os critérios para a considerar concluída. É dado destaque à combinação de aprendizagem receptiva e produção, ajudando a transformar aquilo que “viu e ouviu” em algo que consegue realmente utilizar. Os recursos, como vídeos, áudios, livros e ferramentas, também são organizados por níveis de acordo com as suas preferências de aprendizagem, com verificação online das ligações disponíveis. Para problemas como procrastinação, perda rápida de motivação, perfeccionismo, falta de feedback ou interrupções inesperadas, são fornecidos mecanismos específicos para evitar o abandono. A entrega final inclui uma lista de ações para o primeiro dia, uma tabela de verificação dos marcos e um documento completo de execução. Depois de confirmar o plano, pode ainda gerar uma ferramenta HTML que pode ser aberta offline para registar as tarefas diárias, o progresso por fases, os marcos e os recursos de aprendizagem.
Guia de Estudo IA Exclusivo
Na era em constante mudança da IA, sente-se perdido sobre como aprender IA de forma eficiente? O "Guia de Estudo IA Exclusivo" pode criar para si um roteiro de aprendizagem de IA claro e executável. Ele irá compreender profundamente as suas necessidades de aprendizagem, background técnico e até mesmo ansiedades potenciais, como um mentor técnico atencioso, guiando-o com precisão. Através de uma conversa inteligente, esta skill não só identifica se é um aprendiz "orientado para objetivos" que deseja um estudo sistemático ou um "perdido" que precisa de orientação, mas também o guia suavemente para definir a direção e os objetivos de aprendizagem de acordo com a sua situação específica. Em seguida, utilizando pesquisa na web em tempo real e um mecanismo rigoroso de verificação de recursos, filtra as informações mais recentes e autoritativas de uma vasta quantidade de dados, incluindo documentação oficial, tutoriais de alta qualidade, projetos open source ativos, etc., garantindo que o conhecimento que obtém é ao mesmo tempo vanguardista e fiável. No final, receberá um plano de aprendizagem personalizado, estruturado e acionável. Este plano divide os objetivos de aprendizagem em várias fases concretas, cada uma com metas claras, recursos recomendados selecionados, marcos de conclusão verificáveis e tempo estimado. Mais atenciosamente, o plano inclui um "iniciador de micro-ação" que o leva a iniciar imediatamente uma tarefa de aprendizagem "tão pequena que é impossível falhar", além de fornecer conselhos personalizados para construção de mentalidade, ajudando-o a superar obstáculos psicológicos durante o processo de aprendizagem. Pode também optar por exportar este plano de aprendizagem exclusivo como uma página web, para consultar e partilhar em qualquer lugar, enchendo o seu percurso de aprendizagem de IA de confiança e motivação.
InvestigaçãoRota Aprendizagem e Renda IA
Personaliza roteiros de aprendizagem de IA até à monetização de riqueza em IA para utilizadores de diferentes níveis, abrangendo desde o zero absoluto até programadores profissionais. Oferece planos de aprendizagem em camadas (iniciante/intermédio/avançado), projetos práticos, estratégias de monetização e gera páginas web visuais partilháveis. Quer queira aprender a usar ferramentas de IA, mudar de carreira para a indústria de IA, melhorar a sua eficiência de trabalho atual, ou desenvolver produtos de IA para realizar um trabalho autónomo ou uma carreira paralela, encontrará o percurso de aprendizagem adequado.
Mestre de Percursos de Aprendizagem
Instruções
Etapa 1: Levantamento de Necessidades (Baseado em questionário, sem necessidade de digitação)
Os perfis de aprendizagem do usuário são coletados por meio de duas rodadas de perguntas ao usuário (askUserQuestion).
### Rodada 1 (Informações Básicas)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Tipos de Objetivos de Aprendizagem**
- cabeçalho: "Alvo"
Opções: Preparação para exames / Aprimoramento de habilidades / Mudança de carreira / Exploração de interesses
2. **Nível atual**
- cabeçalho: "Horizontal"
- Opções: Sem experiência / Iniciante (compreende os conceitos) / Alguma experiência (consegue concluir tarefas simples) / Avançado (requer a superação de obstáculos)
3. **Horário disponível diariamente**
- cabeçalho: "Tempo"
- Opções: Menos de 30 minutos / 1 a 2 horas / 2 a 4 horas / Mais de 4 horas
### Segunda Rodada (Informações Complementares)
Use o comando askUserQuestion para fazer perguntas simultaneamente nas três dimensões a seguir:
1. **Direção de aprendizagem específica** (permite que os usuários insiram informações livremente)
- Orientar os usuários a inserir áreas específicas de interesse na pergunta, como: programação em Python, IELTS 7, exame CPA, design de interface do usuário, etc.
- cabeçalho: "Direção"
- Opções: Oferece diversos exemplos populares para escolher, além de permitir que os usuários insiram conteúdo personalizado.
2. **Prazo de Conclusão Previsto**
- cabeçalho: "Período"
- Opções: Sprint de 1 mês / Progresso constante de 3 meses / Desenvolvimento aprofundado de 6 meses / Contrato de longo prazo de 1 ano ou mais
3. **Preferências de Aprendizagem** (Selecione várias opções)
- cabeçalho: "Preferências"
- multiSeleção: verdadeiro
- Opções: Cursos em vídeo / Leitura de livros / Projetos práticos / Interação com a comunidade
Assim que a coleta de dados estiver concluída, todas as informações serão organizadas em um "perfil do aluno" estruturado para uso nas etapas subsequentes.
Etapa 2: Busca detalhada de recursos e planejamento de rotas
### 2.1 Busca de Recursos
Com base na direção de aprendizagem e nas preferências do usuário, realize de 2 a 3 pesquisas usando o Google Search:
1. **Procure o melhor roteiro de aprendizado nesta área**
- Consulta: "[Direção de Aprendizagem] Roteiro de Aprendizagem 2024-2025" ou "[Direção de Aprendizagem] Roteiro de Aprendizagem Recomendado"
- Extração: Divisão por etapas, pontos de conhecimento essenciais, ordem de aprendizagem
2. **Pesquise recursos de aprendizagem específicos**
- Pesquisar recursos relevantes com base nas preferências do usuário:
- Cursos em vídeo: Procure por cursos populares no Coursera/Udemy/Bilibili
- Livros: Procure livros bem avaliados nas listas de leitura recomendadas do Douban/Amazon.
- Projetos práticos: Pesquise GitHub/tutoriais práticos
- consulta: "[Direção de Aprendizagem] melhor [Tipo de Recurso] iniciante/intermediário/avançado"
3. **Pesquisar padrões de marcos**
- Consulta: "[Área de Aprendizagem] Lista de Verificação de Avaliação de Habilidades" ou "[Área de Aprendizagem] Padrões de Avaliação de Competências"
- Extração: Que nível deve ser alcançado em cada etapa?
### 2.2 Planejamento de Rota
Com base nos resultados da pesquisa e nos perfis dos usuários, planeje o percurso de aprendizagem:
**Princípio baseado em fases:**
- Com base no cronograma de aprendizagem esperado pelo usuário, divida o processo de aprendizagem em 3 a 5 etapas.
- Cada fase inclui: nome da fase, duração estimada, objetivos principais, recursos específicos (3-5) e marcos de verificação.
- Os recursos devem ser recursos genuínos encontrados por meio da pesquisa (com nome, plataforma e link).
- Os marcos devem ser descrições verificáveis de capacidades específicas.
**Princípios de alocação de tempo:**
- Calcule o total de horas de estudo para cada etapa com base no tempo disponível diariamente.
- Fornecer sugestões de horários semanais (dias de semana vs. fins de semana)
- Reserve 10% de tempo de segurança.
**Formato de saída (estrutura de dados interna, passada para a Etapa 3):**
```
Perfil do aluno: {objetivos, direção, nível, tempo, frequência, preferências}
Planejamento de rota: [
{
Nome da fase
Número da fase,
Duração estimada (semanas)
Descrição do objetivo principal,
Lista de recursos: [{Nome, Tipo (Vídeo/Livro/Projeto), Plataforma, Link, Horas de estudo estimadas}],
Marco: {Descrição, Método de Verificação}
}
]
Sugestões semanais: {Cronograma para dias de semana, Cronograma para fins de semana, Total de horas de estudo semanais}
```
Etapa 3: Gere um site de aprendizagem interativo no estilo Kami
Utilize a ferramenta generateWebpage para gerar um site interativo de percurso de aprendizagem.
O parâmetro de instrução contém a seguinte especificação completa, além dos dados específicos do percurso de aprendizagem gerados na Etapa 2:
### Especificações do Sistema de Design (Sistema de Design Kami adaptado para cenários de aprendizagem):
**Esquema de cores:**
- Fundo da página: #f5f4ed (pergaminho bege quente)
- Fundo do cartão: #FAF9F5 (Marfim)
- Cor de destaque/cor da marca: #1B365D (Azul Tinta)
- Cor do texto: #141413 (Preto próximo)
- Cor do subtexto: #4D4C48 (Carvão)
- Cor indicada: #87867F (Pedra)
- Cor da borda: #D6D5CE (borda cinza quente)
- Barra de progresso concluída: #1B365D (cor da marca)
- Barra de progresso não concluída: #E8E7E2
- Status de sucesso/conclusão: #2D5016 (Verde Oliva Escuro)
- Em andamento: #1B365D (cor da marca)
- Não iniciado: #87867F (Pedra)
- Fundo da etiqueta: #E4ECF5
- Todos os tons de cinza devem ser quentes (R≈G>B), sendo proibidos os tons frios de cinza azulado.
**Sistema de fontes:**
- Carregar Noto Serif SC e Noto Sans SC através do Google Fonts
- Título: família de fontes: 'Noto Serif SC', Charter, Georgia, serifada; peso da fonte: 500
- Texto: família de fontes: 'Noto Sans SC', 'PingFang SC', sem serifa; peso da fonte: 400
- Dados/Ênfase em Números: família de fontes: Charter, Georgia, serifada
- Desativar peso da fonte: 700/negrito
**Composição tipográfica:**
- Espaçamento entre linhas: Título 1,2 / Corpo do texto 1,5
- Espaçamento entre letras chinesas: 0,3 pt
- Largura máxima da página: 800px, centralizada
- Responsivo e compatível com dispositivos móveis
**Regras Visuais:**
- Sombra: sombra circular (0 0 0 1px rgba(0,0,0,0.05)) ou sombra suave (0 1px 3px rgba(0,0,0,0.04))
- Cantos arredondados: 8px (padrão) / 12px (cartão grande)
- Separador: 0,5px sólido #D6D5CE ou 2,5px sólido #1B365D (linha vertical da marca)
- Método de destaque: Texto em tinta azul ou linha vertical da marca à esquerda
### Requisitos de estrutura da página:
**1. Área do Herói Principal:**
- Título dos Objetivos de Aprendizagem (Serifa 28px)
- Etiquetas de informações principais em uma linha: Tipo de alvo | Duração estimada | Horário diário
- Barra de progresso geral (com porcentagens)
- Linha do cartão de estatísticas: Recursos totais / Concluído / Estágio atual
**2. Área do Cartão de Estágio (Núcleo):**
- Um cartão grande para cada etapa
- Cabeçalho do cartão: Número da etapa + Nome + Etiqueta de status (✅ Concluída / 🔄 Em andamento / ⬜ Não iniciada) + Duração estimada
- Conteúdo do cartão:
- Descrição do objetivo principal (1-2 frases)
- Lista de Recursos: Cada recurso é listado em uma linha separada, incluindo um ícone (📚Livro/🎬Vídeo/💻Projeto/👥Comunidade) + Nome (link clicável) + Tag da Plataforma + Caixa de seleção
- Área de marcos: Destacada com linhas verticais da marca e estilo especial para descrever a conquista de padrões.
- As cartas podem ser dobradas/desdobradas (o padrão é desdobrar para a fase atual e dobrar para a fase concluída).
**3. Área de Sugestões de Aprendizagem Semanal:**
- Sugestões concisas de alocação de tempo
- Horário dos dias de semana vs. Horário dos fins de semana
**4. Parte inferior:**
- Uma pequena linha de texto: Desenvolvido pelo Learning Path Planning Master · Projetado com o Kami Design System
### Requisitos de funcionalidade interativa (JavaScript puro de front-end + localStorage):
1. **Alternância do estado da caixa de seleção**:
- Clique na caixa de seleção antes do recurso para alternar o status de conclusão.
- Salvar o status no localStorage (a chave usa a direção de aprendizado + o hash do nome do recurso)
- Os recursos concluídos serão exibidos com texto riscado e transparência reduzida.
2. **Cálculo automático do progresso:**
- Progresso geral = (Número de recursos selecionados / Número total de recursos) × 100%
- Progresso da etapa = Número de etapas selecionadas / Número total de etapas
- Transição de animação da barra de progresso (transição: largura 0,3s, facilidade)
3. **Atualização automática do status da etapa**:
- Selecione todos os recursos dentro da fase → O status muda para ✅ Concluído, recolhido automaticamente.
- Se algum item for verificado durante a fase → o status muda para 🔄Em Andamento.
- Sem marca de seleção → ⬜ Não iniciado
4. **Dobrar/Desdobrar**:
Clicar no cabeçalho do cartão irá recolhê-lo/expandi-lo.
- Com animação suave
5. **Janela pop-up de verificação de marcos**:
- Uma mensagem de verificação de marco será exibida quando todos os recursos para uma fase forem concluídos.
- Exibir os padrões de referência para esta etapa
Os usuários podem clicar em "Concluído" para confirmar ou marcar "Necessita de consolidação adicional" para indicar a conclusão.
6. **Persistência de Dados**:
- Todos os estados são armazenados no localStorage
- Restaurar estado após atualização da página
- Fornece um botão "Reiniciar progresso" (requer confirmação secundária).
### Preenchimento de conteúdo:
Preencha a estrutura acima com os dados completos do percurso de aprendizagem planejado na Etapa 2. Certifique-se de:
- O link de cada recurso é um URL real e acessível.
- Os ícones dos tipos de recursos correspondem corretamente.
- A duração de cada fase é consistente com a lógica do ciclo total.
- As descrições dos marcos são específicas e verificáveis.
### Requisitos técnicos:
- HTML puro + CSS + JavaScript, arquivo único
- Sem dependências externas (exceto o Google Fonts)
- Responsivo para dispositivos móveis
- Versão para impressão
- Código limpo com comentários
Descrição
Porque recomendamos esta habilidade
Esta skill capta com precisão as necessidades de aprendizagem do utilizador através de um questionário, e consegue gerar um site de aprendizagem interativo altamente personalizado, sendo o seu estilo de design Kami e a funcionalidade de rastreio de progresso particularmente excelentes.
Com base nos seus objetivos de aprendizagem, nível atual, tempo disponível e preferências, pesquisa recursos de aprendizagem reais e cria um percurso de aprendizagem personalizado por etapas. O resultado é apresentado como um site de aprendizagem interativo ao estilo Kami, com acompanhamento do progresso, verificação de marcos e ligações diretas para os recursos.
Habilidades relacionadas
Ver tudoPlano de Aprendizagem
Transforme o desejo de aprender num plano de aprendizagem sistemático, que pode começar hoje e lhe indica o que fazer todos os dias. Basta fornecer o objetivo de aprendizagem, o nível atual, a duração prevista, o tempo disponível e as suas preferências de aprendizagem. O plano organiza as prioridades de acordo com a sua situação real, identifica pontos fortes e lacunas e divide o objetivo geral em marcos faseados e verificáveis, com critérios claros para avaliar o progresso. O plano abrange a aprendizagem de línguas, programação, instrumentos musicais, preparação para exames, exercício físico e outras competências. Inclui um sistema de conhecimentos organizado por prioridade, um roteiro por fases e modelos de execução diária ajustados ao ritmo dos dias úteis e dos fins de semana. Cada tarefa especifica o conteúdo a estudar, a forma de praticar, o tempo necessário e os critérios para a considerar concluída. É dado destaque à combinação de aprendizagem receptiva e produção, ajudando a transformar aquilo que “viu e ouviu” em algo que consegue realmente utilizar. Os recursos, como vídeos, áudios, livros e ferramentas, também são organizados por níveis de acordo com as suas preferências de aprendizagem, com verificação online das ligações disponíveis. Para problemas como procrastinação, perda rápida de motivação, perfeccionismo, falta de feedback ou interrupções inesperadas, são fornecidos mecanismos específicos para evitar o abandono. A entrega final inclui uma lista de ações para o primeiro dia, uma tabela de verificação dos marcos e um documento completo de execução. Depois de confirmar o plano, pode ainda gerar uma ferramenta HTML que pode ser aberta offline para registar as tarefas diárias, o progresso por fases, os marcos e os recursos de aprendizagem.
Guia de Estudo IA Exclusivo
Na era em constante mudança da IA, sente-se perdido sobre como aprender IA de forma eficiente? O "Guia de Estudo IA Exclusivo" pode criar para si um roteiro de aprendizagem de IA claro e executável. Ele irá compreender profundamente as suas necessidades de aprendizagem, background técnico e até mesmo ansiedades potenciais, como um mentor técnico atencioso, guiando-o com precisão. Através de uma conversa inteligente, esta skill não só identifica se é um aprendiz "orientado para objetivos" que deseja um estudo sistemático ou um "perdido" que precisa de orientação, mas também o guia suavemente para definir a direção e os objetivos de aprendizagem de acordo com a sua situação específica. Em seguida, utilizando pesquisa na web em tempo real e um mecanismo rigoroso de verificação de recursos, filtra as informações mais recentes e autoritativas de uma vasta quantidade de dados, incluindo documentação oficial, tutoriais de alta qualidade, projetos open source ativos, etc., garantindo que o conhecimento que obtém é ao mesmo tempo vanguardista e fiável. No final, receberá um plano de aprendizagem personalizado, estruturado e acionável. Este plano divide os objetivos de aprendizagem em várias fases concretas, cada uma com metas claras, recursos recomendados selecionados, marcos de conclusão verificáveis e tempo estimado. Mais atenciosamente, o plano inclui um "iniciador de micro-ação" que o leva a iniciar imediatamente uma tarefa de aprendizagem "tão pequena que é impossível falhar", além de fornecer conselhos personalizados para construção de mentalidade, ajudando-o a superar obstáculos psicológicos durante o processo de aprendizagem. Pode também optar por exportar este plano de aprendizagem exclusivo como uma página web, para consultar e partilhar em qualquer lugar, enchendo o seu percurso de aprendizagem de IA de confiança e motivação.
InvestigaçãoRota Aprendizagem e Renda IA
Personaliza roteiros de aprendizagem de IA até à monetização de riqueza em IA para utilizadores de diferentes níveis, abrangendo desde o zero absoluto até programadores profissionais. Oferece planos de aprendizagem em camadas (iniciante/intermédio/avançado), projetos práticos, estratégias de monetização e gera páginas web visuais partilháveis. Quer queira aprender a usar ferramentas de IA, mudar de carreira para a indústria de IA, melhorar a sua eficiência de trabalho atual, ou desenvolver produtos de IA para realizar um trabalho autónomo ou uma carreira paralela, encontrará o percurso de aprendizagem adequado.
Encontra a tua próxima habilidade favorita
Explora mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.