Mestre do Plano de Estudos
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
Por que recomendamos esta habilidade
Esta habilidade capta com precisão as necessidades de aprendizado do usuário por meio de questionários e gera sites de aprendizado interativos altamente personalizados, com destaque para o design estilo Kami e o recurso de rastreamento de progresso.
Com base nos objetivos de aprendizagem, no nível atual, no tempo disponível e nas preferências do usuário, pesquisa profundamente recursos reais de aprendizagem para criar um plano de estudos personalizado e dividido em etapas. Depois, apresenta o plano como um site interativo de aprendizagem no estilo Kami, com acompanhamento do progresso, verificação de marcos e links diretos para os recursos.
Habilidades relacionadas
Ver tudoPlano de Aprendizagem
Transforme o desejo de “aprender” em um plano de aprendizagem estruturado, que você pode começar hoje e que mostra claramente o que fazer a cada dia. Basta informar seu objetivo de aprendizagem, nível atual, duração do plano, tempo disponível e preferências de estudo. A partir disso, o plano organiza as prioridades de acordo com sua realidade, identifica pontos fortes e lacunas e divide o objetivo maior em marcos por etapa que podem ser verificados, com critérios claros para avaliar o progresso. O plano abrange idiomas, programação, instrumentos musicais, exames, exercícios e outros contextos de aprendizagem de habilidades. Ele inclui uma estrutura de conhecimentos organizada por prioridade, um roteiro por etapas e modelos de execução diária adaptados 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 o critério para considerá-la concluída. Também enfatiza a combinação de aprendizado receptivo e prática ativa, ajudando você a transformar o que apenas “viu ou ouviu” em algo que realmente sabe usar. Os recursos, como vídeos, áudios, livros e ferramentas, também são organizados em níveis de acordo com suas preferências de estudo, com verificação online dos links disponíveis. Para lidar com procrastinação, falta de constância, perfeccionismo, ausência de feedback ou interrupções inesperadas, o plano oferece mecanismos específicos para evitar o abandono. A entrega final inclui uma lista de ações para o primeiro dia, uma tabela de acompanhamento dos marcos e um documento completo de execução. Depois de confirmar o plano, você também pode gerar uma ferramenta de acompanhamento em HTML que pode ser aberta offline para registrar tarefas diárias, progresso por etapa, marcos e recursos de aprendizagem.
Guia de Estudo Exclusivo em IA
Na era em constante mudança da IA, você se sente perdido sobre como aprender IA de forma eficiente? O “Guia de Estudo Exclusivo em IA” pode criar para você um roteiro de aprendizado de IA claro e executável. Ele entenderá profundamente suas necessidades de aprendizado, histórico técnico e até ansiedades potenciais, como um mentor técnico atencioso, guiando-o com precisão. Esta Skill, por meio de uma conversa inteligente com você, não apenas identifica se você é um aprendiz “orientado a objetivos” que busca aprendizado sistemático ou um aprendiz “perdido” que precisa de direção, mas também, de acordo com sua situação específica, orienta-o suavemente a esclarecer sua direção e objetivos de aprendizado. Em seguida, utilizando pesquisa na web em tempo real e um rigoroso mecanismo de validação de recursos, ele filtra as informações mais recentes e confiáveis de uma vasta quantidade de dados, incluindo documentação oficial, tutoriais de alta qualidade, projetos de código aberto ativos, etc., garantindo que o conhecimento que você adquire seja ao mesmo tempo atual e confiável. Por fim, você receberá um plano de aprendizado personalizado, claro e acionável. Este plano divide os objetivos de aprendizado em várias etapas específicas, cada uma com metas claras, recursos recomendados selecionados, marcos de conclusão verificáveis e tempo estimado. Mais atenciosamente, o plano inclui um “microiniciador de ação” que o guia para começar imediatamente uma tarefa de aprendizado “tão pequena que é impossível falhar”, além de fornecer sugestões personalizadas de desenvolvimento de mentalidade para ajudá-lo a superar obstáculos psicológicos durante o processo de aprendizado. Você também pode optar por exportar este plano de aprendizado exclusivo como uma página web, para consultar e compartilhar a qualquer hora e em qualquer lugar, tornando sua jornada de aprendizado de IA cheia de confiança e motivação.
PesquisaRoteiro de Aprendizado e Renda em IA
Para usuários de diferentes níveis, personaliza um roteiro de aprendizado em IA até a monetização, cobrindo desde iniciantes completos até desenvolvedores profissionais. Oferece planos de aprendizado em camadas (iniciante/intermediário/avançado), projetos práticos, estratégias de monetização e gera páginas web visuais compartilháveis. Seja para aprender ferramentas de IA, migrar para a área, melhorar a eficiência no trabalho atual ou desenvolver produtos de IA para uma renda extra ou carreira, você encontrará um caminho adequado.
Mestre do Plano de Estudos
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
Por que recomendamos esta habilidade
Esta habilidade capta com precisão as necessidades de aprendizado do usuário por meio de questionários e gera sites de aprendizado interativos altamente personalizados, com destaque para o design estilo Kami e o recurso de rastreamento de progresso.
Com base nos objetivos de aprendizagem, no nível atual, no tempo disponível e nas preferências do usuário, pesquisa profundamente recursos reais de aprendizagem para criar um plano de estudos personalizado e dividido em etapas. Depois, apresenta o plano como um site interativo de aprendizagem no estilo Kami, com acompanhamento do progresso, verificação de marcos e links diretos para os recursos.
Habilidades relacionadas
Ver tudoPlano de Aprendizagem
Transforme o desejo de “aprender” em um plano de aprendizagem estruturado, que você pode começar hoje e que mostra claramente o que fazer a cada dia. Basta informar seu objetivo de aprendizagem, nível atual, duração do plano, tempo disponível e preferências de estudo. A partir disso, o plano organiza as prioridades de acordo com sua realidade, identifica pontos fortes e lacunas e divide o objetivo maior em marcos por etapa que podem ser verificados, com critérios claros para avaliar o progresso. O plano abrange idiomas, programação, instrumentos musicais, exames, exercícios e outros contextos de aprendizagem de habilidades. Ele inclui uma estrutura de conhecimentos organizada por prioridade, um roteiro por etapas e modelos de execução diária adaptados 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 o critério para considerá-la concluída. Também enfatiza a combinação de aprendizado receptivo e prática ativa, ajudando você a transformar o que apenas “viu ou ouviu” em algo que realmente sabe usar. Os recursos, como vídeos, áudios, livros e ferramentas, também são organizados em níveis de acordo com suas preferências de estudo, com verificação online dos links disponíveis. Para lidar com procrastinação, falta de constância, perfeccionismo, ausência de feedback ou interrupções inesperadas, o plano oferece mecanismos específicos para evitar o abandono. A entrega final inclui uma lista de ações para o primeiro dia, uma tabela de acompanhamento dos marcos e um documento completo de execução. Depois de confirmar o plano, você também pode gerar uma ferramenta de acompanhamento em HTML que pode ser aberta offline para registrar tarefas diárias, progresso por etapa, marcos e recursos de aprendizagem.
Guia de Estudo Exclusivo em IA
Na era em constante mudança da IA, você se sente perdido sobre como aprender IA de forma eficiente? O “Guia de Estudo Exclusivo em IA” pode criar para você um roteiro de aprendizado de IA claro e executável. Ele entenderá profundamente suas necessidades de aprendizado, histórico técnico e até ansiedades potenciais, como um mentor técnico atencioso, guiando-o com precisão. Esta Skill, por meio de uma conversa inteligente com você, não apenas identifica se você é um aprendiz “orientado a objetivos” que busca aprendizado sistemático ou um aprendiz “perdido” que precisa de direção, mas também, de acordo com sua situação específica, orienta-o suavemente a esclarecer sua direção e objetivos de aprendizado. Em seguida, utilizando pesquisa na web em tempo real e um rigoroso mecanismo de validação de recursos, ele filtra as informações mais recentes e confiáveis de uma vasta quantidade de dados, incluindo documentação oficial, tutoriais de alta qualidade, projetos de código aberto ativos, etc., garantindo que o conhecimento que você adquire seja ao mesmo tempo atual e confiável. Por fim, você receberá um plano de aprendizado personalizado, claro e acionável. Este plano divide os objetivos de aprendizado em várias etapas específicas, cada uma com metas claras, recursos recomendados selecionados, marcos de conclusão verificáveis e tempo estimado. Mais atenciosamente, o plano inclui um “microiniciador de ação” que o guia para começar imediatamente uma tarefa de aprendizado “tão pequena que é impossível falhar”, além de fornecer sugestões personalizadas de desenvolvimento de mentalidade para ajudá-lo a superar obstáculos psicológicos durante o processo de aprendizado. Você também pode optar por exportar este plano de aprendizado exclusivo como uma página web, para consultar e compartilhar a qualquer hora e em qualquer lugar, tornando sua jornada de aprendizado de IA cheia de confiança e motivação.
PesquisaRoteiro de Aprendizado e Renda em IA
Para usuários de diferentes níveis, personaliza um roteiro de aprendizado em IA até a monetização, cobrindo desde iniciantes completos até desenvolvedores profissionais. Oferece planos de aprendizado em camadas (iniciante/intermediário/avançado), projetos práticos, estratégias de monetização e gera páginas web visuais compartilháveis. Seja para aprender ferramentas de IA, migrar para a área, melhorar a eficiência no trabalho atual ou desenvolver produtos de IA para uma renda extra ou carreira, você encontrará um caminho adequado.
Encontre sua próxima habilidade favorita
Explore mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.