{"id":14973217,"url":"https://github.com/edijunior88/newtab_academy_angular","last_synced_at":"2026-02-14T16:07:55.905Z","repository":{"id":103761880,"uuid":"496411182","full_name":"EdiJunior88/NewTab_Academy_Angular","owner":"EdiJunior88","description":"Esse módulo nos fornece uma visão do framework Angular através de conceitos e fundamentos que irão nos ajudar no desenvolvimento de aplicações front-end.","archived":false,"fork":false,"pushed_at":"2024-10-24T18:05:53.000Z","size":16984,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-24T18:51:35.265Z","etag":null,"topics":["angular","angular-cli","angular2","angular4","angular5","angular6","angular7","angular8"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EdiJunior88.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-25T22:44:15.000Z","updated_at":"2024-10-24T18:05:51.000Z","dependencies_parsed_at":"2024-09-23T13:00:51.595Z","dependency_job_id":"a702ffe6-b7af-47fc-a690-1c0ec02df1cb","html_url":"https://github.com/EdiJunior88/NewTab_Academy_Angular","commit_stats":{"total_commits":165,"total_committers":4,"mean_commits":41.25,"dds":0.5575757575757576,"last_synced_commit":"85e30897c52ef42984cbad092ffc034fea0d6728"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FNewTab_Academy_Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FNewTab_Academy_Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FNewTab_Academy_Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FNewTab_Academy_Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EdiJunior88","download_url":"https://codeload.github.com/EdiJunior88/NewTab_Academy_Angular/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238408639,"owners_count":19467143,"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":["angular","angular-cli","angular2","angular4","angular5","angular6","angular7","angular8"],"created_at":"2024-09-24T13:48:23.852Z","updated_at":"2025-10-26T23:30:35.044Z","avatar_url":"https://github.com/EdiJunior88.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eNewTab Academy\u003c/h1\u003e\n\u003ch2\u003eAngular\u003c/h2\u003e\n\n\u003cp\u003eEsse módulo nos fornece uma visão do framework Angular através de conceitos e fundamentos que irão nos ajudar no desenvolvimento de aplicações front-end.\u003c/p\u003e\n\n\u003cp\u003eO Angular foi lançado tendo como foco fornecer infraestrutura para a criação de aplicações cliente de grande porte, capazes de serem executadas em múltiplos dispositivos. \u003c/p\u003e\n\n\u003cp\u003eFoi também nesse momento que a Google decidiu que o TypeScript seria a linguagem oficial para o desenvolvimento de aplicações Angular e não mais o JavaScript, utilizado no AngularJS. Também por esse motivo, o Angular e o AngularJS não tem nenhuma compatibilidade. Além dessa mudança, o Angular também ganhou uma poderosa ferramenta de linha de comando, o Angular CLI, dedicado a criação de artefatos para o projeto, deploy e testes.\u003c/p\u003e\n\n\u003cp\u003eAbaixo temos alguns bons motivos para estudar e aprofundar seus conhecimentos com o Angular:\u003c/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003eO aplicativo web, web app, funcionará na maioria dos navegadores modernos (Chrome, Safari, FireFox, Internet Explorer, Edge, Opera etc.).\u003c/li\u003e\n  \u003cli\u003eHá aproveitamento de código em módulos e aplicações. Grande parte do código será aproveitado para geração de aplicações mobile híbridas (app Android, app IOS) geradas pelo IONIC (framework baseado em Angular que empacota uma web app angular em aplicativo mobile).\u003c/li\u003e\n  \u003cli\u003eAdotado e mantido pelo Google, ele utiliza como base para desenvolvimento interno de seus projetos, exemplo Gmail.\u003c/li\u003e\n  \u003cli\u003eFramework focado na lógica da aplicação oferecendo alta produtividade de entregas.\u003c/li\u003e\n  \u003cli\u003eAplicações ricas e interativas, há suporte a animações em html puro que dispensam a utilização de plugins como flash, silverlight ou Java.\u003c/li\u003e\n  \u003cli\u003eAdoção do TypeScript, super conjunto do JavaScript, que permite escrever código utilizando uma estrutura fortemente tipada e ter este código compilado para JavaScript puro.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eEste módulo apresenta uma introdução aos fundamentos do Angular, seu uso e seus conceitos mais importantes. Ao final, você deverá saber:\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003ePorque aprender\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eO que vai aprender\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eO que é Angular\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eIntrodução ao Angular\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eVersionamento do Angular\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eLinguagem TypeScript\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eComponentes e serviços\u003c/strong\u003e\u003c/li\u003e\n  \n  \u003cli\u003e\u003cstrong\u003ePrimeiros passos\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eInstalação o Node.js\u003c/li\u003e\n    \u003cli\u003eInstalação da CLI Angular\u003c/li\u003e\n    \u003cli\u003ePrimeiro Aplicativo Angular 8\u003c/li\u003e\n    \u003cli\u003eArquivos usados ​​na pasta\u003c/li\u003e\n    \u003cli\u003eExecução do aplicativo\u003c/li\u003e\n    \u003cli\u003eComo fazer a instalação\u003c/li\u003e\n    \u003cli\u003eComo criar um projeto\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003eArquitetura do Angular\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eComponentes\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eMódulos\u003c/strong\u003e\u003c/li\u003e\n  \n  \u003cli\u003e\u003cstrong\u003eDiretivas\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003e*ngIf\u003c/li\u003e\n    \u003cli\u003e*ngFor\u003c/li\u003e\n    \u003cli\u003e*ngSwitch\u003c/li\u003e\n    \u003cli\u003eComo usar *ngIf *ngFor *ngSwitch\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003eLigação de dados (databinding)\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eLigação de dados unidirecional\u003c/li\u003e\n    \u003cli\u003eLigação de dados bidirecional\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003ePipes\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eDemonstração de como usar pipes\u003c/li\u003e\n    \u003cli\u003eDemonstração de como criar pipes\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003eRoteamento\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eReforçando conteúdo\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003eServiços\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eReforçando conteúdo\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003eHttpClient\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eReforçando conteúdo\u003c/li\u003e\n  \u003c/ul\u003e\n  \n  \u003cli\u003e\u003cstrong\u003eFormulários\u003c/strong\u003e\u003c/li\u003e\n  \u003cul\u003e\n    \u003cli\u003eCriação de formulário\u003c/li\u003e\n    \u003cli\u003eValidação de formulário\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003cli\u003e\u003cstrong\u003eForm Http Post\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eVídeo complementar\u003c/strong\u003e\u003c/li\u003e\n  \u003cli\u003e\u003cstrong\u003eLinks úteis\u003c/strong\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003eTecnologias Utilizadas\u003c/h3\u003e\n\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1209/javascript.jpeg' alt='JavaScript'/\u003e [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1612/bynNY5dJ.jpg' alt='TypeScript'/\u003e [TypeScript](http://www.typescriptlang.org) – Languages\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/3745/cb8U-gL6_400x400.jpg' alt='Angular'/\u003e [Angular](https://angular.io) – Javascript MVC Frameworks\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1011/n1JRsFeB_400x400.png' alt='Node.js'/\u003e [Node.js](http://nodejs.org/) – Frameworks (Full Stack)\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1796/984368.png' alt='RxJS'/\u003e [RxJS](http://reactivex.io/rxjs/) – Concurrency Frameworks\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/831/7c0b595409af531b9cdeb07f8c513e8b.png' alt='Jasmine'/\u003e [Jasmine](http://jasmine.github.io/) – Javascript Testing Framework\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1420/TidYGd6a.png' alt='Karma'/\u003e [Karma](http://karma-runner.github.io/) – Browser Testing\n\nPara ver todas as tecnologias [clique aqui](/techstack.md)\n\n\u003chr\u003e\n\n\u003ch4\u003e\u003cb\u003eAulas:\u003c/b\u003e 📚📼 21 Capítulos + video-aulas\u003c/h4\u003e\n\u003ch4\u003e\u003cb\u003eStatus do Curso:\u003c/b\u003e ✅ Completado\u003c/h4\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedijunior88%2Fnewtab_academy_angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedijunior88%2Fnewtab_academy_angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedijunior88%2Fnewtab_academy_angular/lists"}