dziul / angular-pokedek Goto Github PK

Projeto gerado com Angular CLI versão 9.1.7.

Executa o projeto em modo de desenvolvimento. Acesse http://localhost:4200/ para visualizá-lo.

reload automaticamente quando há alteração nos arquivos.

Gera um novo componente. Pode usar também: ng generate directive|pipe|service|class|guard|interface|enum|module.

Executa a construção da aplicação. Os são salvo no diretório dist/. Adicione --prod, para uma construção de produção.

Executa os testes unitarios via Karma.

Executas os testes ponta-a-ponta (end-to-end) via Protractor.

Mostra uma lista de ajuda sobre o Angular CLI. Ou veja direto aqui.

Atualizar os arquivos de ambientes localizados no diretório src/environments/.

Os arquivos são gerados com base na configurações em env.config.ts. Modo para usar as variáveis de ambiente, por exemplo process, implicitamente.

Recomendável usá-lo apenas quando há atualização no arquivo env.config.ts.

Baixa todas as imagens "icon" dos pokemons. Com base em pokemondb.net. Método usado apenas para ter a possibilidade de manipular as imagens, por exemplo usar canvasAPI.

Executa a implementação da aplicação para github page. Os arquivos são gerado no diretório docs/.

• Routes
  • Lazy Component com Loader
  • Uso de params
  • Uso de queryParams
  • Tratamento de errors
• Forms
  • Forms reativo
• RxJs
  • Customização de operator rxJs
  • Tratamento de dados
  • Tratamento de loading
  • Criação de Observables/Subscriptions
• Http
  • Tratamento de requisição
  • Customizaão do Interceptor
  • Guard Auth
  • Tratamento de errors
• Material Design
  • Cusstomização de css
• Desenvolvimento de paginação
• Uso de API (pokeapi)
  • Criação dos Models
  • Solicitação multiplas
• Typescript
  • Condições
• Gerenciamento/Criação de ambiente
• Input/ Output
• Pipes
  • Criação de pipe
• Diretivas
  • Criação de diretiva
    • Criação de carregamento de imagem preguiçoso (lazy-src-load)

• Angular
  • Curso/Video aulas Angular 2+
  • Angular Testing
    • https://angular.io/guide/testing
  • Meta tags
    • https://angular.io/api/platform-browser/Meta
    • https://angular.io/api/platform-browser/Meta
  • Document Title
    • https://angular.io/guide/set-document-title
  • Route
    • https://angular.io/guide/router
• Creating Custom Operators in RxJS
  • https://netbasal.com/creating-custom-operators-in-rxjs-32f052d69457
• FromEvent vs addListenerEvent http://cangaceirojavascript.com.br/rxjs-lidando-com-eventos-elegantemente/
• Diretivas
• Pipes
• Operators
• Views
  • https://indepth.dev/exploring-angular-dom-manipulation-techniques-using-viewcontainerref/
• Acessibilidade
  • https://stackblitz.com/edit/angular-akdjhg
  • https://stackblitz.com/edit/angular-keyb-1
    • https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2
• breakpoint scss @mixin
  • https://css-tricks.com/approaches-media-queries-sass/
• deploy ~ github page
  • https://blog.bitsrc.io/deploy-your-angular-project-to-github-pages-7cbacb96f35b
  • https://dzone.com/articles/deploy-angular-app-on-github-pages
• Intersection Observer API
• Jasmine