Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ricnaga/curso-angular
Curso angular academia accenture 2.0
https://github.com/ricnaga/curso-angular
angular child-routes databinding fakeapi html-css-javascript interceptor lazyload localstorage pipeline propertybinding reactiveforms routing sass templatedrivenfroms twoway-data-binding typescript
Last synced: 12 days ago
JSON representation
Curso angular academia accenture 2.0
- Host: GitHub
- URL: https://github.com/ricnaga/curso-angular
- Owner: Ricnaga
- License: mit
- Created: 2021-02-16T02:30:17.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-05-09T20:02:11.000Z (over 3 years ago)
- Last Synced: 2023-03-07T15:51:24.296Z (almost 2 years ago)
- Topics: angular, child-routes, databinding, fakeapi, html-css-javascript, interceptor, lazyload, localstorage, pipeline, propertybinding, reactiveforms, routing, sass, templatedrivenfroms, twoway-data-binding, typescript
- Language: TypeScript
- Homepage:
- Size: 401 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#
Curso Angular
####
- Projeto Finalizado
###
Curso da gama academy ofertado pela Accenture para aperfeiçoamento da linguagem angular, abordando conceitos sobre:
#### 1. HTML | CSS | Typescript
#### 2. SASS: modelo BEM
#### 3. Typescript: tipagens e interfaces
#### 4. Typescript: autenticações utilizando de local storage
#### 5 Angular: ancoragem de páginas com angular
#### 6. Angular: roteamento interno de páginas
#### 7. Angular: rotas filhas
#### 8. Angular: Components compartilhados
#### 9. Angular: guarda de rotas
#### 10. Angular: interceptadores
#### 11. Angular: teste com fake api
#### 12. Angular: capturar parâmetros das rotas da API
#### 13. Angular: utilização de diretivas - NgModel
#### 14. Angular: Binding - two-way | property | data
#### 15. Angular: Reactive forms
#### 16. Angular: Template driven
#### 17. Angular: Pipeline
#### 18. Angular: modularização
#### 19. Angular: lazy loading
##
Sumário
- [Requisitos](#Requisitos
)
- [Tecnologias utilizadas](#Tecnologias-utilizadas)
##
Requisitos
Para executar a aplicação é necessário instalar algumas ferramentas tais como um editor de códigos para realizar compilação dos mesmos. Nesse projeto foi utilizado o [Visual Studio Code](https://code.visualstudio.com/), [NodeJS](https://nodejs.org/en/) para compilação do código, [Git Bash](https://gitforwindows.org/) para baixar o repositório e baixar todas as dependências necessárias.
```bash
# Baixe o repositório.
$ git clone https://github.com/Ricnaga/curso-angular.git
# Acesse a pasta do projeto.
$ cd curso-angular
# Agora que baixou e acessou o repositório, vamos começar a instalação das dependências.
$ yarn ( caso não utilize o yarn execute apenas npm -i)
# Depois de instalado todas as dependências, abra a aplicação via vscode
$ code .
# Agore execute a aplicação.
$ ng serve
# A aplicação iniciará na porta 4200
# No navegador digite: http://localhost:4200
```
##
Tecnologias utilizadas
- [HTML](https://www.w3.org/HTML)
- [SASS](https://sass-lang.com/)
- [NodeJS](https://nodejs.org/en/)
- [Typescript](https://www.typescriptlang.org/)
- [Angular](https://angular.io/)
##
Autor
Atividade desenvolvida pela Gama academy e habilitada somente pela Accenture, realizados por minha pessoa.
Gostou? tem alguma sugestão de melhoria? por favor, entre em contato e ja aproveita e me adiciona.
