diff --git a/Resumo-Entendendo-Angular b/Resumo-Entendendo-Angular new file mode 100644 index 0000000..cfe3653 --- /dev/null +++ b/Resumo-Entendendo-Angular @@ -0,0 +1,13 @@ +### **1. O Básico do Ambiente Local** + +* **Preparando o Terreno:** Aprendi a instalar o **Angular CLI** de forma global com o `npm`, e a criar um novo projeto com o comando `ng new`. + +* **O Novo Brother:** O CLI virou meu melhor amigo. Com ele, consigo criar componentes (`ng g c`), que são a base de qualquer app, e entendi a estrutura de arquivos de um projeto Angular. + +* **Dica Opcional:** Deixei meu VS Code com uma cara mais profissional usando o `Material Icon Theme` para organizar pastas e arquivos de forma visual. + +### **2. Entendendo o Ciclo de Vida do Componente** + +O coração do que estudei! Entendi que um componente tem uma vida, e o Angular nos dá "ganchos" para controlá-la. + +* **A Ordem da Vida:** Os **8 hooks** de ciclo de vida são como momentos de um dia. Fui do nascimento (`ngOnInit`), passando por cada pequena mudança (`ngOnChanges`), até a hora de dar tchau (`ngOnDestroy`). diff --git a/study-angular-material b/study-angular-material new file mode 100644 index 0000000..3a3f9ee --- /dev/null +++ b/study-angular-material @@ -0,0 +1,69 @@ +# 📚 Angular Playground da Miriã: Meu Caderno de Estudos (Fork) ✨ + +E aí, meu 🐙! Bem-vindos ao meu **playground de estudos em Angular**! 🥳 + +Este repositório é um `fork` do material incrível do meu professor Felipe Aguiar, da DIO, e estou usando-o como meu **caderno de anotações e experimentos práticos** para aprofundar meus conhecimentos no framework. + +A ideia aqui é documentar o meu **processo de estudo**, testar conceitos, refatorar códigos e aplicar novas ideias, tudo com base em um projeto existente. É o meu espaço para: + +* Explorar novos recursos do Angular. +* Entender padrões de projeto na prática. +* Desenvolver soluções para desafios que surgem. +* E, claro, colocar a mão na massa sem medo de errar, aprendendo com um código base de qualidade! + +Se você também adora ver o Angular em ação e quer acompanhar um processo de aprendizado prático, este é o lugar certo! Fique à vontade para explorar como estou desvendando o Angular por aqui. 😉 + +--- + +### **Créditos e Origem do Projeto ✨** + +Este projeto é um `fork` do repositório original desenvolvido pelo meu professor Felipe Aguiar **[https://github.com/felipeAguiarCode]**. Toda a estrutura base e o projeto inicial são de autoria dele, e sou muito grata por esse material que me serve de excelente fonte de estudo! 🙏 + +--- + + +### **Tecnologias Envolvidas:** + +* **Angular** +* **TypeScript** +* **HTML & CSS** + +--- + +### **Como Rodar o Projeto (Localmente):** + +1. **Clone este repositório (`fork`):** + ```bash + git clone [https://github.com/miriaamaral/angular-playground.git](https://github.com/miriaamaral/angular-playground.git) + ``` +2. **Entre na pasta do projeto:** + ```bash + cd angular-playground + ``` +3. **Instale as dependências:** + ```bash + npm install + ``` +4. **Inicie o servidor de desenvolvimento:** + ```bash + ng serve + ``` +5. Abra seu navegador e acesse `http://localhost:4200/`. + +--- + +### **Conecte-se Comigo! 👋** + +Gostou do meu jeito de estudar ou tem dicas para compartilhar? Que tal a gente se conectar? Ficarei super feliz! + +* **LinkedIn:** [https://www.linkedin.com/in/miriaamaralcs](https://www.linkedin.com/in/miriaamaralcs) +* **GitHub:** [https://github.com/miriaamaral](https://github.com/miriaamaral) +* **Plataforma DIO, onde estudo:** [https://www.dio.me/sign-up?ref=6F1F401485F9459BA6AC879FEA95D1B5](https://www.dio.me/sign-up?ref=6F1F401485F9459BA6AC879FEA95D1B5) + +Vamos juntos construir o futuro da tecnologia! ✨ + +--- + +#### **Tópicos (Tags) para este Repositório:** + +`Angular TypeScript Frontend Estudos Aprendizado Fork Demonstração`