# 📚 Angular Playground da Miriã: Meu Caderno de Estudos (Fork) ✨

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`).

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`