An open API service indexing awesome lists of open source software.

https://github.com/divaprates/angularjs-lista-telefonica

Criação de uma lista telefônica para estudo de AngularJS
https://github.com/divaprates/angularjs-lista-telefonica

angularjs bootstrap html javascript

Last synced: 3 months ago
JSON representation

Criação de uma lista telefônica para estudo de AngularJS

Awesome Lists containing this project

README

          

# AngularJs
- Criando uma lista telefônica com **AngualarJs** e **Bootstrap**

- Seguindo o curso de AngularJs do Rodrigo Branas [js]( https://www.youtube.com/@RodrigoBranas/featured)

##
### Algumas das principais diretivas que utilizamos:
ng-app, ng-controller, ng-model, ng-click, ng-repeat, ng-disabled, ng-options, ng-class, ng-style, ng-show, ng-if, ng-required, ng-minlength, ng-pattern
$pristine, $dirty, $error

**Serviços:**
Factory, Service, Value, Provider, Config

**Filtros:**
uppercase, date, filter, orderBy, currency

**Diretivas:**
directive, replace, restrict, scope, transclude

**Performance:**
one-time bind, ng-model-options, track by

**Interceptors**

##
Angular-route

**Integração com o Back-end**
GET, POST, DELETE


### JSON Server (API Fake)
1. Instale o JSON Server
```
npm install -g json-server
```

2. Acesse a pasta ./data, onde está o arquivo db.json

3. Inicie o JSON Server
```
json-server --watch db.json --port 3000
```


![alt text](assets/image01.png)

![alt text](assets/image02.png)

![alt text](assets/image03.png)

![alt text](assets/image04.png)

![alt text](assets/image05.png)

![alt text](assets/image06.png)

![alt text](assets/image07.png)

![alt text](assets/image08.png)

![alt text](assets/image09.png)





js
HTML
CSS
Bootstrap
Angular