https://github.com/mcruzdev/ada-angular
https://github.com/mcruzdev/ada-angular
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/mcruzdev/ada-angular
- Owner: mcruzdev
- Created: 2024-11-15T17:04:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-03T00:56:00.000Z (over 1 year ago)
- Last Synced: 2025-01-21T22:35:05.281Z (over 1 year ago)
- Language: TypeScript
- Size: 52.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ADA Angular
> [Portuguese](README.md)
## Aula 1
Você pode ver o projeto da aula 1 [aqui](/aula-1/README.md).
Na aula 1 vimos:
- O que é Single Page Application (SPA)
- Quais os benefícios de uma aplicação SPA
- O que são rotas em SPA
- O que é e como usar o Angular router
- Como configurar rotas no Angular
- Como passar parâmetros nas rotas
- O que são e como aplicar rotas aninhadas (nested routes)
- O que é first-match wins strategy
- Como adicionar uma página 404 com o `**` wildcard
### Slides
- [Aula 1](https://docs.google.com/presentation/d/1cgUsFtcmQ340kZFajX7wG2zW4rc6NkZlpG2Ivact998/edit?usp=sharing)
### Referências
- [Router tutorial](https://angular.dev/guide/routing/router-tutorial)
- [Angular Route](https://angular.dev/guide/routing/common-router-tasks)
## Aula 2
Na [aula 2](/aula-2/README.md) vimos:
- O que é Control Flow
- Como usar o `@if`, `@else-if` e `@else`
- Como utilizar `@for` e `@empty`
- Qual é a importância do `track`quando utilizamos o `@for`
- Variáveis de contexto do `@for`, tais como: `$index`, `$first`, `$last`, `$even`, `$odd`, `$count`
- Diferença de um código reativo X não reativo
- Deferença de um código imperativo e não imperativo
- O que são e quais são os benefícios do Angular Signals
- Como atualizar um Signal
- Diferença de um `WritableSignal` e um Signal (readonly)
- Como criar um Signal que deriva de um outro Signal com `computed`
- O que é e como utilizar o `effect`
- Como instalar e utilizar o `@ng-icons` em uma aplicação Angular
### Slides
- [Aula 2](https://docs.google.com/presentation/d/1eb8r41_1Ei_lI9b0MoM-2uxlFpvWxUNcCTXxDHJXaRE/edit?usp=sharing)
### Referências
- [Biblioteca ng-icons](https://ng-icons.github.io/ng-icons/#/getting-started)
- [Control Flow](https://angular.dev/guide/templates/control-flow#)
- [Pattern Observer](https://refactoring.guru/design-patterns/observer)
- [Angular Signals](https://blog.angular-university.io/angular-signals/)
## Aula 3
Na [aula 3](/aula-3/README.adoc) vimos:
- O que é um service
- A importância de definirmos e darmos a responsabilidade para cada componente do nosso software
- Quais são as responsabilidades de um Service e as responsabilidades de um componente
- O que é injeção de dependências e como ela é útil para remover a responsabilidade de criar dependências externas
- Casos de uso de um Service
- Tivemos uma introdução ao REST e quais são os seus 5 princípios
- Como medir a maturidade da sua API REST através do modelo de maturidade de Richardson
- Fizemos uso da biblioteca https://github.com/scttcper/ngx-toastr
### Slides
- [Aula 3](https://docs.google.com/presentation/d/1MXWZcyZfVqwC0jp40hIeboQIdBSveUveaNdQE2KB7qE/edit?usp=sharing)
### Referências
- [Biblioteca ngx-toastr](https://github.com/scttcper/ngx-toastr)
- [Modelo de Maturidade de Richardson](https://martinfowler.com/articles/richardsonMaturityModel.html)
- [Dissertação Roy Fielding Capítulo 5 (REST)](https://ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm)
## Aula 4
Na [aula 4](/aula-4/README.adoc) vimos:
- O que é o protocolo HTTP
- O que são e como utilizar verbos HTTP
- Diferença entre PATCH e POST
- O que são e como utilizar cabeçalhos HTTP
- O que são e como utilizar de forma adequada HTTP response status code
- Fizemos um simples aplicação to-do onde criamos, atualizamos parcialmente e listamos tarefas
- Descobrimos que consigo passar função como argumento e também criar um array de funções
### Slides
Não possui slides
### Referências
- [MDN Web Docs HTTP](https://developer.mozilla.org/en-US/docs/Web/HTTP)
- [MDN Web Docs HTTP Methods](https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods)
- [MDN Web Docs HTTP Status](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status)