{"id":25878547,"url":"https://github.com/divaprates/angularjs-lista-telefonica","last_synced_at":"2026-04-12T15:06:39.280Z","repository":{"id":214817497,"uuid":"736056206","full_name":"divaprates/AngularJs-lista-telefonica","owner":"divaprates","description":"Criação de uma lista telefônica para estudo de AngularJS","archived":false,"fork":false,"pushed_at":"2025-02-16T23:55:47.000Z","size":425,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T00:25:18.098Z","etag":null,"topics":["angularjs","bootstrap","html","javascript"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/divaprates.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-26T21:32:30.000Z","updated_at":"2025-02-16T23:55:51.000Z","dependencies_parsed_at":"2024-01-24T03:30:43.458Z","dependency_job_id":"bc69fa7e-4351-437b-a285-3ef27133f0d3","html_url":"https://github.com/divaprates/AngularJs-lista-telefonica","commit_stats":null,"previous_names":["divaprates/angularjs-lista-telefonica"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divaprates%2FAngularJs-lista-telefonica","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divaprates%2FAngularJs-lista-telefonica/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divaprates%2FAngularJs-lista-telefonica/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divaprates%2FAngularJs-lista-telefonica/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/divaprates","download_url":"https://codeload.github.com/divaprates/AngularJs-lista-telefonica/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241509133,"owners_count":19974064,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angularjs","bootstrap","html","javascript"],"created_at":"2025-03-02T12:34:54.708Z","updated_at":"2026-04-12T15:06:39.264Z","avatar_url":"https://github.com/divaprates.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AngularJs\n- Criando uma lista telefônica com **AngualarJs** e **Bootstrap**\n\n- Seguindo o curso de AngularJs do Rodrigo Branas [\u003cimg align=\"center\" alt=\"js\" height=\"30\" width=\"30\" src=\"https://github.com/divaprates/AngularJs-lista-telefonica/assets/39558204/bcaa3f6b-584c-4ed8-b038-ffaba6e42475\"/\u003e]( https://www.youtube.com/@RodrigoBranas/featured)\n\n\n##\n### Algumas das principais diretivas que utilizamos:\nng-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\n$pristine, $dirty, $error\n\n**Serviços:**\nFactory, Service, Value, Provider, Config\n\n**Filtros:**\nuppercase, date, filter, orderBy, currency\n\n**Diretivas:**\ndirective, replace, restrict, scope, transclude\n\n**Performance:**\none-time bind, ng-model-options, track by\n\n**Interceptors**\n\n##\nAngular-route\n\n**Integração com o Back-end**\nGET, POST, DELETE\n\n\u003chr/\u003e\n\n### JSON Server (API Fake)\n1. Instale o JSON Server\n```\nnpm install -g json-server\n```\n\n2. Acesse a pasta ./data, onde está o arquivo db.json\n\n3. Inicie o JSON Server\n```\njson-server --watch db.json --port 3000\n```\n\n\u003chr/\u003e\n\n![alt text](assets/image01.png)\n\n![alt text](assets/image02.png)\n\n![alt text](assets/image03.png)\n\n![alt text](assets/image04.png)\n\n![alt text](assets/image05.png)\n\n![alt text](assets/image06.png)\n\n![alt text](assets/image07.png)\n\n![alt text](assets/image08.png)\n\n![alt text](assets/image09.png)\n\n\u003chr/\u003e\n\n\u003chr/\u003e\n\u003cdiv style=\"display: inline_block\"\u003e\n  \u003cimg align=\"center\" alt=\"js\" height=\"30\" width=\"40\" src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"HTML\" height=\"30\" width=\"40\" src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"CSS\" height=\"30\" width=\"40\" src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"Bootstrap\" height=\"30\" width=\"40\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bootstrap/bootstrap-original.svg\" /\u003e\n  \u003cimg align=\"center\" alt=\"Angular\" height=\"30\" width=\"40\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/angularjs/angularjs-original.svg\"\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivaprates%2Fangularjs-lista-telefonica","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdivaprates%2Fangularjs-lista-telefonica","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivaprates%2Fangularjs-lista-telefonica/lists"}