loiane / curso-angular Goto Github PK

View Code? Open in Web Editor NEW

1.9K 145.0 702.0 1.18 MB

:mortar_board: [PT-BR] Curso de Angular gratuito - loiane.training [EN] Source code of my free Angular training.

Home Page: https://www.youtube.com/playlist?list=PLGxZ4Rq3BOBoSRcKWEdQACbUCNWLczg2G

TypeScript 61.46% CSS 0.60% HTML 22.60% JavaScript 7.26% Dockerfile 0.12% Shell 0.11% SCSS 0.76% Java 7.10%

angular angular-cli curso cursoangular angularv9 angular9 angular10 angularv10

curso-angular's Introduction

Curso Angular Gratuito

Código fonte apresentado no curso de Angular gratuito do blog loiane.com - loiane.training

Código atualizado para Angular v10

Link do curso com certificado:

http://loiane.training/curso/angular/

Playlist Youtube

Clique aqui para assistir a todos os vídeos já publicados

Editor e plugins

Particularmente recomendo o uso do Visual Studio Code como editor - que é o mesmo usado nas aulas.

Para pacote de plugins, instale esse pacote de extensões VSCode que contém todos os plugins mostrados durante as aulas do curso: https://marketplace.visualstudio.com/items?itemName=loiane.angular-extension-pack.

✏️ Lista das aulas CRUD Angular + Spring

Módulo 1: Introdução

Introdução e Criação do Projeto - 23/Ago
Overview do Projeto e Instalando o Angular Material - 30/Ago
Criando uma Toolbar - 06/Set
Criando o Módulo de Cursos e Usando Roteamento com Lazy Loading - 13/Set
Customizando o Tema do Angular Material - 20/Set

Módulo 2: Lista de Cursos

Lista de Cursos com Material Table - 27/Set
Melhorando o CSS e Criação do Módulo do Angular Material - 04/Out
Criando Cursos Service - 11/Out
Cursos Service: HTTP GET - 18/Out
Lista de Cursos: Spinner (Carregando) - 25/Out
Lista de Cursos: Tratamento de Erros - 01/Nov
Criando Popup para Mensagem de Erros - 08/Nov
Criando Pipe para Categoria do Curso - 15/Nov

Lista das aulas Curso Angular

Aulas publicadas/programadas

Introdução

01: Introdução + Arquitetura
02: Ambiente de desenvolvimento
03: Primeira app (Hello World)
04: Introdução ao Typescript para Angular
05: Módulos (ngModule)
06: Templates
07: Serviços (Services) e Injeção de dependência (DI)
08: Dica de produtividade: code snippets

Data binding e eventos

09: Property binding + Interpolation
10: Class e Style binding
11: Event binding
12: Two-way data binding
13: Input properties
14: Output properties
15: Ciclo de vida (life-cycle) do Componente
16: Acesso à variáveis locais do Template com ViewChild
Extra: Atualizações do RC 5 e ngModule

Angular CLI: Introdução

17: Angular CLI: Instalação e criação de projetos: ng new e ng serve
18: Angular CLI: Criando components, services: ng generate
Extra: Angular CLI: atualizando para versão RC5 (webpack)
19: Angular CLI: Usando pré-processadores (Sass, Less, Stylus)
20: Angular CLI: ng lint, ng test, ng e2e
21: Angular CLI: Estrutura do projeto
22: Angular CLI: Fazendo build
23: Angular CLI: instalando bibliotecas (bootstrap, materialize, lodash, jquery, etc)

Diretivas

24: Introdução e tipos de diretivas no Angular 2
25: ngIf
26: ngSwitch
27: ngFor
28: sobre o asterisco
29: ngClass
10: ngStyle
31: operador elvis
32: ng-content
33: Criando uma diretiva de atributo
34: HostListener e HostBinding
35: Property Binding de Diretivas
36: Criando uma diretiva de estrutura (ngElse)

Serviço (Service) e Injeção de Dependência (DI)

37: Introdução a Serviços
38: Criando um serviço (Service)
39: Injeção de Dependência (DI) + como usar um serviço em um componente
40: Escopo de instâncias de serviços e módulos
41: Comunicação entre componentes usando serviços
42: Injetando um serviço em outro serviço

Pipes

43: Pipes (usando pipes, parâmetros e pipes aninhados)
44: Criando um Pipe
45: Aplicando Locale (internacionalização) nos Pipes
46: Pipes: Criando um Pipe "Puro
47: Pipes: Criando um Pipe "Impuro"
48: Pipes: Async

Rotas

49: Rotas: Introdução
50: Rotas: Configurando rotas simples
51: Rotas: RouterLink: definindo rotas no template
52: Rotas: Aplicando CSS em rotas ativas-k
53: Rotas: Definindo e extraindo parâmetros de roteamento
54: Rotas: Escutando mudanças nos parâmetros de roteamento
55: Rotas Imperativas: Redirecionamento via código
56: Rotas: Definindo e extraindo parâmetros de url (query)
57: Rotas: Criando um módulo de rotas
58: Criando um módulo de funcionalidade
59: Rotas: Criando um módulo de rotas de funcionalidade
60: Rotas Filhas
61: Rotas Filhas: desenvolvendo as telas
62: Rotas: Dica de Performance: Carregamento sob demanda (lazy loading)
63: Rotas: Tela de Login e como não mostrar o Menu (NavBar)
64: Usando Guarda de Rotas: CanActivate
65: Usando Guarda de Rotas: CanActivateChild
66: Usando Guarda de Rotas: CanDeactivate
67: Usando Guarda de Rotas: CanDeactivate com Interface Genérica
68: Resolve: carregando dados antes da rota ser ativada
69: CanLoad: como não carregar a rota/módulo sem permissão
70: Definindo rota padrão e wildcard (rota não encontrada)
71: Estilo de url: HTML5 ou usando #

Formulários (Templates)

72: Formulários (template vs data / reativo) Introdução
73: Formulários - Criando o projeto inicial com Bootstrap 3
74: Forms (template driven) Controles ngForm, ngSubmit e ngModel
75: Forms (template driven) Inicializando valores com ngModel
76: Forms (template driven) Módulos e FormsModule
77: Forms (template driven) Aplicando validação nos campos
78: Forms (template driven) Aplicando CSS na validação dos campos
79: Forms (template driven) Mostrando mensagens de erro de validação
80: Forms (template driven) Desabilitando o botão de submit para formulário inválido
81: Forms (Dica): Verificando dados do Form no template com JSON
82: Forms (template driven) Adicionando campos de endereço (form layout Bootstrap 3)
83: Forms (template driven) Refatorando (simplificando) CSS e mensagens de erro
84: Forms (template driven) Form groups (agrupando dados)
85: Forms (template driven) Pesquisando endereço automaticamente com CEP
86: Forms (template driven) Populando campos com setValue e patchValue (CEP)
87: Forms (template driven) Submetendo valores com HTTP POST

Formulários (Reativos)

88: Formulários reativos (data driven) Introdução
89: Formulários reativos: Configuração (Módulo e Componente)
90: Formulários reativos: Criando um form com código Angular
91: Formulários reativos: Sincronizando HTML com FormGroup
92: Formulários reativos: Fazendo submit
93: Resetando o form
94: Formulários reativos: Aplicando validação nos campos
95: Formulários reativos: Acesso ao FormControl no HTML e CSS de validação dos campos
96: Formulários reativos: Endereço (migrando de template driven para form reativo)
97: Formulários reativos: Form groups (agrupando dados)
98: Formulários reativos: Autopopulando endereço com CEP (setValue e patchValue)
99: Formulários reativos: Verificar validação dos campos com botão submit
100: Formulários: Criando um serviço de Estados Brasileiros
101: Formulários: Serviço de consulta CEP + provideIn
102: Formulários reativos: Combobox simples (select)
103: Formulários reativos: Combobox com Objeto (ngValue e compareWith)
104: Formulários reativos: Combobox Múltiplo (Select Multiple)
105: Formulários reativos: Radio Button (Botão do tipo Rádio)
106: Formulários reativos: Checkbox Toggle
107: Formulários reativos: FormArray: Checkboxes Dinâmicos
108: Formulários reativos: Validação Customizada (FormArray Checkboxes)
109: Formulários reativos: Validação Customizada (CEP)
110: Formulários reativos: Validação entre dois campos (confirmar email)
111: Formulários reativos: Validação Assíncrona
112: Formulários reativos: Serviço de Mensagens de Erros
113: Formulários reativos: Reagindo à mudanças reativamente
114: Formulários reativos: Campo input customizado (ControlValueAcessor)
115: Formulários reativos: Classe base para Forms (herança no Angular)
116: Formulários reativos: Combobox aninhado: Estado + Cidade

Integração com server

117: Http / HttpClient: Introdução
118: Instalando Bootstrap 4
119: Http: Simulando Servidor REST (json-server)
120: Http GET: listar registros
121: Http: Dica: Variável de Ambiente
122: Http GET + Pipe Async
123: Http + RxJS: Unsubscribe Automático

curso-angular's People

Contributors

Stargazers

Watchers

Forkers

nubiofs jairoangular williamfortunademoraes saulocastrolp cristiele26 nenodias netstacker1970 lisbuenas sjodiel eltonnunes collinsfreitas cleitonmrs agyrafa evertonnrb hudsonnascimento nataliaavila fabriciojf weidersantiago luiz158 cris-luz-07 francine felipercale rafaelzuckerberg filipe-amorim rfontoura varcal talvane rafazevedo jvcoelho thiagobackadelino mariameirelles emanuelsantiagoandrade sutil mickaelfraga joserfjuniorllms douglaslee19 marcobrito yanebelo rubiabornhofen gabriellambwink brunogcpinheiro marcosmathias dallington clenio77 rafastavares thevictorhugo rcastardo agiongo mikenew01 badgerpc drhousedotnet edufranzoni yukiofera alvieira israellmorais xxbiell007xx fjsnogueira semperchen gogobook kadu193 gersonc vinicius-franca richardwm91 samverneck cintra-bruno hoangtdvnext rudyj raulti romaodouglas igorpwnd sidneymoreira tiagoperin wikelson pedrohcs97 carlosalbertolopes fernandarachel rjmanzoni gaspawn frf lazarojunior juulhao ronilsonreis fernandoho93 tiagoarnaldo emersonjds alcirmonteiro andreccls tiagomatana rafaelbonilha cinthiaqueiro taniasa caiaque flvrm92 leonardolarocca rj2017 wesleygomes uem-poo clmadrazo leandcar cristian-trucco

curso-angular's Issues

An in-range update of @angular/forms is breaking the build 🚨

Version 5.0.2 of @angular/forms was just published.

Branch	Build failing 🚨
Dependency	@angular/forms
Current Version	5.0.1
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/forms is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of core-js is breaking the build 🚨

The dependency core-js was updated from `2.5.7` to `2.6.0`.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

core-js is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

Release Notes for 2.6.0 - 2018.12.05

Add direct .exec calling to RegExp#{@@replace, @@split, @@match, @@search}. Also, added fixes for RegExp#exec method. #411, #428, #434, #435, #453, #458, thanks @nicolo-ribaudo.

Commits

The new version differs by 11 commits.

f980318 2.6.0
f0b4154 add es6.regexp.exec as a direct dependency of _fix-re-wks for prevent breakage of existent code
a221e2a replace redefine by hide because of Chrome 38 bug with symbols conversion
41e41e9 add some caps for the library version
79db861 Merge pull request #458 from nicolo-ribaudo/backport-453
b0a70f9 Backport 41a8b12c8e641061e3576f89023f0a8fa903b81b
f77f88e Backport gh-453
04b76e8 Merge pull request #435 from nicolo-ribaudo/backport-named-replace
2b102b7 Polyfll named groups in RegExp#@@replace
fd64c48 Merge pull request #428 from nicolo-ribaudo/backport-es2015-regex
bc6ed09 Make RegExp#[Symbol.*] methods call exec

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of @angular/platform-browser-dynamic is breaking the build 🚨

Version 5.1.3 of @angular/platform-browser-dynamic was just published.

Branch	Build failing 🚨
Dependency	@angular/platform-browser-dynamic
Current Version	5.1.2
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/platform-browser-dynamic is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

ng serve retorna um erro ?

Tentando rodar o projeto para acompanhar o curso, e estou pegando isso na hora de rodar o ng serve, do que se trata ?

Obrigado !

root@ubuntux:/home/jr/projetos/primeiro-projeto# ng serve
Environment configuration does not contain "environmentSource" entry.

A new environmentSource entry replaces the previous source entry inside environments.
(Uma nova entrada environmentSource substitui a entrada de origem anterior dentro de ambientes.)

To migrate angular-cli.json follow the example below:

Before:

"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}

After:

"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}

Incluir Swagger ao projeto

Olá a todos, tudo bem?
Estive buscando uma forma de integrar o Swagger a este projeto, como forma de aprendizado e estudos, contudo ainda não consegui, nem fazer as configurações básicas, muito menos a UI da ferramenta.
Será que alguém poderia me ajudar quando à configuração, pois as dependências já foram inseridas.
Muito obrigado a todos e Deus abençoe.

An in-range update of @angular/platform-browser is breaking the build 🚨

Version 5.1.3 of @angular/platform-browser was just published.

Branch	Build failing 🚨
Dependency	@angular/platform-browser
Current Version	5.1.2
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/platform-browser is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Como utilizar o google maps no angular 2?

Qual a melhor maneira de inserir o google maps em uma aplicação angular?
Eu consegui utilizando o https://angular-maps.com/
Existe outra maneira?

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organiszation’s settings page, under Installed GitHub Apps.

Menu alunos dá erro.

Olá pessoal, eu não sei porque, meu menu alunos não funciona, dá sempre o erro abaixo:

error_handler.js:48 EXCEPTION: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'alunos' Error: Cannot match any routes. URL Segment: 'alunos'

E eu até já baixei os arquivos do projeto e coloquei no lugar do meu. Alguma dica?
Obrigado!

An in-range update of @angular/router is breaking the build 🚨

Version 5.1.3 of @angular/router was just published.

Branch	Build failing 🚨
Dependency	@angular/router
Current Version	5.1.2
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/router is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

Curso Angular

Quando alterar a detecção padrão de mudanças do Angular?

Boas, Loiane, tudo bem?

Primeiro quero lhe agradecer por compartilhar conhecimento, está sendo de grande ajuda.

Googlando por aí, encontrei bibliotecas que modificam a detecção padrão do Angular para OnPush e outras não, algumas até com muitos downloads. Pergunto em que momento isso realmente é necessário, sei que há uma melhoria de performance justificável, mas gostaria realmente de compreender o mecanismo e aplicabilidade.

Se puder exemplificar, agradeço...

Mas uma vez obrigado.

Rene Bentes Pinto

An in-range update of @types/jasminewd2 is breaking the build 🚨

The devDependency @types/jasminewd2 was updated from `2.0.3` to `2.0.4`.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/jasminewd2 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

'srcElement' está descontinuado - Aula 135

A propriedade srcElement está descontinuada e não funciona mais.
Tentei utilizar a propriedade target, que tem função semelhante, mas também só funciona quando dou o tipo any para a propriedade que E representa o evento,

  onChange(e: any ){
    const selectedFiles = <FileList>e.target.files;
    console.log(selectedFiles)
  }

Erro ao rodar ng serve no projeto de rotas

Após baixar o projeto de rotas do repositório e instalar as dependencias (npm install) e tentar rodar o ng serve aparece os erros abaixo:
PS C:\dev\curso-angular-2-loiane\rotas> ng serve ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 92% additional asset processing scripts-webpack-plugin× ｢wdm｣: Error: ENOENT: no such file or directory, open 'C:\dev\curso-angular-2-loiane\jquery\dist\jquery.js' at Object.fs.openSync (fs.js:646:18) at Object.fs.readFileSync (fs.js:551:33) at Storage.provideSync (C:\dev\curso-angular-2-loiane\rotas\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:98:13) at CachedInputFileSystem.readFileSync (C:\dev\curso-angular-2-loiane\rotas\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:259:32) at Observable.rxjs_1.Observable.obs [as _subscribe] (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\src\webpack-input-host.js:35:51) at Observable.subscribe (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\node_modules\rxjs\internal\Observable.js:30:22) at SyncDelegateHost._doSyncCall (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:22:20) at SyncDelegateHost.read (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:49:21) at WebpackCompilerHost.readFileBuffer (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\src\compiler_host.js:125:44) at VirtualFileSystemDecorator.readFile (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:39:54) at Promise (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\scripts-webpack-plugin.js:69:49) at new Promise (<anonymous>) at scripts.map.fullPath (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\scripts-webpack-plugin.js:68:24) at Array.map (<anonymous>) at CachedInputFileSystem.readFileSync (C:\dev\curso-angular-2-loiane\rotas\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:259:32) at Observable.rxjs_1.Observable.obs [as _subscribe] (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\src\webpack-input-host.js:35:51) at Observable._trySubscribe (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\node_modules\rxjs\internal\Observable.js:44:25) at Observable.subscribe (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\node_modules\rxjs\internal\Observable.js:30:22) at SyncDelegateHost._doSyncCall (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:22:20) at SyncDelegateHost.read (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:49:21) at WebpackCompilerHost.readFileBuffer (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\src\compiler_host.js:125:44) at VirtualFileSystemDecorator.readFile (C:\dev\curso-angular-2-loiane\rotas\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:39:54) at Promise (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\scripts-webpack-plugin.js:69:49) at new Promise (<anonymous>) at scripts.map.fullPath (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\scripts-webpack-plugin.js:68:24) at Array.map (<anonymous>) at hook (C:\dev\curso-angular-2-loiane\rotas\node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\scripts-webpack-plugin.js:67:43)

Rotas dinâmicas carregadas via api

Olá Loiane, tudo bem?
Em primeiro lugar agradeço seus postes. Já me ajudaram muito. Parabéns!
Agora, tenho uma questão ué eu estou me remoendo. Preciso criar, carregar, rotas dinamicamente. Quando loga no sistema eu busco em apis a lista de registros para
Montar meu menu. Cada item do menu é uma rota porém está rota deve ser montada dinamicamente através desta lista. Não estou conseguindo resolver este problema.
Criei uma questão no stackoverflow mas ninguém ainda se manifestou. Você poderia me ajudar?

https://stackoverflow.com/questions/74076076/angular-material-dynamic-route

Update dos projetos para última versão do @angular/cli e Angular 4.3

problema com o loadChildren lo lazy loading

nas versões mais atuais do angular o loadChildren tem que ser feito da seguinte forma:
loadChildren:() => import('./cursos/cursos.module').then(mod=>mod.CursosModule),title:"cursos"
deve ser passado também a importação como era anteriormente, mas agora a definição de qual classe usada é passada com uma arrow function e não com o sharp
caso seja passado da forma como foi ensinado no curso o vscode retorna o seguinte erro:
O tipo 'string' não pode ser atribuído ao tipo 'LoadChildrenCallback'.ts(2322) index.d.ts(2447, 5): O tipo esperado vem da propriedade 'loadChildren', que é declarada aqui no tipo 'Route'

Problemas com Property/Event Binding

Eu tentei aplicar o código "<input type="text" [value] = "title" (keyup.enter) = "title =$event.target.value"/>", mas um erro SEMPRE ocorre...meu prompt de comando fica dizendo:

Object is possibly 'null'.

(keyup.enter) = "title =$event.target.value"/>

E também

Property 'value' does not exist on type 'EventTarget'.

(keyup.enter) = "title =$event.target.value"/>;

Eu segui as orientações da aula à risca, o que estou fazendo de errado? Por acaso preciso adicionar outras linhas de código ou tem outro addon que eu precise fazer o download?

An in-range update of @angular/common is breaking the build 🚨

Version 5.1.3 of @angular/common was just published.

Branch	Build failing 🚨
Dependency	@angular/common
Current Version	5.1.2
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/common is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of @angular/http is breaking the build 🚨

Version 5.1.3 of @angular/http was just published.

Branch	Build failing 🚨
Dependency	@angular/http
Current Version	5.1.2
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/http is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

error angular npm install

[email protected] start C:\Users\moises.ferreira\Desktop\Projeto_Angular\01-helloworld
tsc && concurrently "tsc -w" "lite-server"

app/app.component.spec.ts(4,31): error TS2307: Cannot find module '@angular/core/testing'.
app/app.component.spec.ts(6,38): error TS2307: Cannot find module '@angular/core/testing'.
app/app.component.spec.ts(8,32): error TS2307: Cannot find module '@angular/platform-browser'.
app/app.component.spec.ts(9,32): error TS2307: Cannot find module '@angular/core'. app/app.component.spec.ts(10,32): error TS2307: Cannot find module '@angular/core'.

app/app.component.spec.ts(11,32): error TS2307: Cannot find module '@angular/core/src/facade/promise'.
app/app.component.spec.ts(16,1): error TS2304: Cannot find name 'describe'.
app/app.component.spec.ts(17,3): error TS2304: Cannot find name 'it'.
app/app.component.spec.ts(18,5): error TS2304: Cannot find name 'expect'.
app/app.component.spec.ts(22,1): error TS2304: Cannot find name 'describe'.
app/app.component.spec.ts(24,3): error TS2304: Cannot find name 'it'.
app/app.component.spec.ts(27,40): error TS7006: Parameter 'fixture' implicitly has an 'any' type.
app/app.component.spec.ts(28,7): error TS2304: Cannot find name 'expect'.
app/app.component.spec.ts(32,3): error TS2304: Cannot find name 'it'.
app/app.component.spec.ts(35,42): error TS7006: Parameter 'fixture' implicitly has an 'any' type.
app/app.component.spec.ts(38,43): error TS7006: Parameter 'el' implicitly has an 'any' type.
app/app.component.spec.ts(42,7): error TS2304: Cannot find name 'expect'.
app/app.component.ts(1,27): error TS2307: Cannot find module '@angular/core'.
app/main.ts(1,30): error TS2307: Cannot find module '@angular/platform-browser-dynamic'.
e2e/app.e2e-spec.ts(2,1): error TS2304: Cannot find name 'describe'.
e2e/app.e2e-spec.ts(7,3): error TS2304: Cannot find name 'beforeEach'.
e2e/app.e2e-spec.ts(8,5): error TS2304: Cannot find name 'browser'.
e2e/app.e2e-spec.ts(11,3): error TS2304: Cannot find name 'it'.
e2e/app.e2e-spec.ts(12,5): error TS2304: Cannot find name 'expect'.
e2e/app.e2e-spec.ts(12,12): error TS2304: Cannot find name 'element'.
e2e/app.e2e-spec.ts(12,20): error TS2304: Cannot find name 'by'.

npm ERR! [email protected] start: tsc && concurrently "tsc -w" "lite-server"
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the angular2-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! tsc && concurrently "tsc -w" "lite-server"
npm ERR! You can get their info via:
npm ERR! npm owner ls angular2-quickstart
npm ERR! There is likely additional logging output above.
npm ERR! System Windows_NT 10.0.14393
npm ERR! command "C:\Program Files (x86)\nodejs\node.exe" "C:\ProgramData\chocolatey\lib\npm\tools\node_modules\npm\bin\npm-cli.js" "start"
npm ERR! cwd C:\Users\moises.ferreira\Desktop\Projeto_Angular\01-helloworld
npm ERR! node -v v7.2.1
npm ERR! npm -v 1.4.9
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! C:\Users\moises.ferreira\Desktop\Projeto_Angular\01-helloworld\npm-debug.log
npm ERR! not ok code 0
PS C:\Users\moises.ferreira\Desktop\Projeto_Angular\01-helloworld>

erro em contrução de componente

Bom dia Loiane, tudo bem?

Bom, estou na aula 60 do seu curso, e fui incluir o componente alunos como foi solicitado no video.

e me apareceu a seguinte mensagem:

C:\Users\arfur\OneDrive\Desktop\Treinamento Loiane 2\rotas>ng g c alunos
Your global Angular CLI version (10.0.2) is greater than your local
version (10.0.1). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
More than one module matches. Use the skip-import option to skip importing the component into the closest module or use the module option to specify a module.

C:\Users\arfur\OneDrive\Desktop\Treinamento Loiane 2\rotas>ng config -g cli.warnings.versionMismatch false
Your global Angular CLI version (10.0.2) is greater than your local
version (10.0.1). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

C:\Users\arfur\OneDrive\Desktop\Treinamento Loiane 2\rotas>ng g c alunos
More than one module matches. Use the skip-import option to skip importing the component into the closest module or use the module option to specify a module.

como devo proceder?

Att,

@ArthurFuchsReis

Meu Class e Style Binding não alteram a cor do meu alert.

Quanndo eu clico nas abas de Sucesso, Info, Alerta ou Erro minha tela não muda de cor conforme a alerta e o texto "Esse texto somente aparece em caso de erro" não aparece em nenhuma hipótese na tela.

update dependencies

Angular 10

Olá Loiane, tudo bem? Estou fazendo o seu curso e estou usando o atual angular 10.

No entanto, alguma recursos que você usou no passado(na época da gravação), não me permite fazer hoje. Eu precisei fazer umas modificações.

E na hora de ver o resultado, no vídeo gravado o seu resultado aparece com sucesso, o meu não.

Já tentei permancer com avisos e deixar identico ao seu, mas mesmo assim não mostra o resultado como esperado.

Tem como a senhora me ajudar com essas mudanças para eu obter o resultado igual ao seu, por favor?

Att,

@ArthurFuchsReis

Nome de Interface

qual a boa prática para nome de interface, tanto o nome do arquivo como o nome da interface

vi que usam IProduct por exemplo para uma interface de product como convenção, mas no ionic por exemplo não se usa nome de arquivo maiúsculo, como ficaria o nome do arquivo @loiane e estou certo ficar algo como export interface IProduct

An in-range update of @angular/core is breaking the build 🚨

Version 5.1.3 of @angular/core was just published.

Branch	Build failing 🚨
Dependency	@angular/core
Current Version	5.1.2
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/core is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

loiane / curso-angular Goto Github PK

curso-angular's Introduction

Curso Angular Gratuito

Link do curso com certificado:

Playlist Youtube

Editor e plugins

✏️ Lista das aulas CRUD Angular + Spring

Lista das aulas Curso Angular

Introdução

Data binding e eventos

Angular CLI: Introdução

Diretivas

Serviço (Service) e Injeção de Dependência (DI)

Pipes

Rotas

Formulários (Templates)

Formulários (Reativos)

Integração com server

curso-angular's People

Contributors

Stargazers

Watchers

Forkers

curso-angular's Issues

Version 5.0.2 of @angular/forms was just published.

The dependency core-js was updated from 2.5.7 to 2.6.0.

Version 5.1.3 of @angular/platform-browser-dynamic was just published.

Version 5.1.3 of @angular/platform-browser was just published.

Version 5.1.3 of @angular/router was just published.

The devDependency @types/jasminewd2 was updated from 2.0.3 to 2.0.4.

Version 5.1.3 of @angular/common was just published.

Version 5.1.3 of @angular/http was just published.

Version 5.1.3 of @angular/core was just published.

Recommend Projects

Recommend Topics

Recommend Org

The dependency core-js was updated from `2.5.7` to `2.6.0`.

The devDependency @types/jasminewd2 was updated from `2.0.3` to `2.0.4`.