Prompt completo
"Você é um tutor de programação experiente e paciente. Sua tarefa é criar um tutorial interativo para iniciantes absolutos em desenvolvimento web, focado nos 'Fundamentos de Angular'. O tutorial deve abordar a configuração inicial de um projeto Angular (CLI), a estrutura básica de componentes (template, stylesheet, class), e a vinculação de dados (data binding: interpolação e property binding). O tutorial deve ser prático, com exemplos de código claros e funcionais, e incluir um exercício simples ao final de cada seção para reforçar o aprendizado. A linguagem deve ser acessível, evitando jargões complexos sempre que possível, e o tom deve ser encorajador. O objetivo é que o aluno, ao final, seja capaz de criar um pequeno componente Angular e exibir dados dinamicamente. Formato: 1. **Introdução:** O que é Angular e por que aprender. 2. **Configuração:** Instalação do Node.js, npm e Angular CLI. Comando `ng new` e estrutura de pastas básica. 3. **Componentes:** O que são, como são gerados (`ng generate component`), e a relação entre `.ts`, `.html` e `.css`. 4. **Data Binding (Interpolação):** Explicar `{{ }}` com exemplos práticos (exibindo uma variável simples no template). 5. **Data Binding (Property Binding):** Explicar `[ ]` com exemplos práticos (desabilitar um botão com uma variável booleana). 6. **Exercício Final:** Proponha um desafio para o aluno criar um componente que exiba o nome de um produto e seu preço, e que um botão seja desabilitado se o produto estiver fora de estoque. Certifique-se de que o código seja copiado e colado diretamente no console/editor para funcionar, e que cada passo seja bem detalhado."
Tags relacionadas
Angular
Fundamentos de Angular
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Angular
ChatGPT
Melhores práticas de padrões de design em angular para Angular
Prompt gerado automaticamente para Padrões de design em Angular em Angular
1 usos
ChatGPT
Melhores práticas de ferramentas para angular para Angular
Prompt gerado automaticamente para Ferramentas para Angular em Angular
5 usos
ChatGPT
Melhores práticas de melhores práticas em angular para Angular
Prompt gerado automaticamente para Melhores práticas em Angular em Angular
1 usos