Sei que está cheio de agradecimentos aqui, mas não me contive tambem.... Muito obrigado por esse trabalho.. Serio esse vídeo me fez ter mais ânimo pra continuar estudando... Os meus mais sinceros agradecimentos...
Obrigado, me ajudou bastante, programei toda uma API com java, mas, não sabia como importa para o front-end agora começa a jornada para aprender o front end kkk
Legal Samuel. :D Teremos um workshop de Angular e Spring no final desse mês. Serão 4 aulas tops sobre o tema. Você vai gostar ;) cafe.algaworks.com/wsfsas/ #EquipeAW
Muitoo bommm!!!! Esses videozinhos no estilo "tiro rápido" ajudam muitooo, quando puder professor faz um videozinho ensinando a importar e exportar um arquivo no angular!
Pessoa tenham cuidado ao fazer .subscribe( dados => this.contatos = dados) pois neste caso não está tendo unsubscribe do componente, quando ele for fechado não será destruído estará escutando mudanças do observable, tendo então problemas de memory leak. Tente sempre colocar .pipe(take(1)).subscribe( dados => this.contatos = dados) ou usar objeto como observable -----> contatos$ = Observable. Sendo então this.contatos$ = this.service.retornaContatos(); Deste modo o Angular consegue fazer os unsubscribe automáticos!
Olá, Alexandre. Seus vídeos tem trazido conteúdos sensacionais, com muita clareza. Venho trabalhando em projetos com Angular e Spring no backend e vejo muitos projetos utilizando o Gradle ao invés do Maven. Se possível, gostaria de ver uma abordagem a este respeito, quais as principais diferenças, em que cenários utilizar um ou outro, vantagens e desvantagens e etc.. Continue com este ótimo trabalho, estamos acompanhando. Abraço.
boa tarde onde pego essas aulas desde o começo, trabalho com diagramação de livros, mais estou querendo aprender programação que hoje em dia é uma área que sempre tem trabalhos e pagam bem, alguém pode me ajudar
Essa listagem da API que é falada no vídeo, está gravado em um banco de dados sim, no caso um banco em memória (não persiste em disco) chamado H2. O desenvolvimento dessa API é mostrado nesse vídeo th-cam.com/video/qUAM_CX_Y-c/w-d-xo.html #equipeAW
Parabéns pelas aulas, eu gostaria de fazer um pedido, eu tenho bastante dificuldades sobre rotas no angula, se possível criar um video mostrando como funciona, acredito que ajudaria muita gente. obrigado
Olá amigo. No meu canal também dou aulas de programação em Angular, Ionic Firebase. Da uma conferida lá. Lá tem aulas de rotas, inclusive tem vídeo novo falando sobre o assunto ! th-cam.com/channels/OedzVKpIQC1nwN1sfHCxqg.html
cara ... .muito bacana a sua aula.... mas ao inves de disponibilizar esse JAR, poderia ter usado o site JsonPlaceholder ou SWAPI.... ambos fariam o servico que precisava tranquilamente =).... mas super curti ...valeu =)
Pessoal, estou usando o VS Code no Mac OS. Sempre que altero e salvo algum arquivo ele dá mensagem de privilégios insuficientes para salvar o arquivo. Então preciso clicar no botão 'Retry as Sudo' para digitar a senha do meu usuário e aí salva... Tem alguma forma de tirar isso pra não ter que ficar digitando essa senha TODA HORA ????
@@algaworks Não consegui Thiago. Pra criar um novo projeto utilizando normalmente o ng new... Dá erro de permissão na criação de vários diretórios. Então eu uso o sudo ng new... Mas com isso, TODA alteração que eu faço em qualquer arquivo, dá err o de permissão e pede pra clicar no botão "Retry as Sudo..." Não consegui entender o porque ainda !!!
Oi Sérgio, tudo bem? É bem provável que você tenha deixado a pasta do seu projeto em com permissões somente para root ou as pastas pai dela possuem permissões apenas para root. Neste caso você deve ter apenas permissão de leitura nestas pastas. Tente alterar estas permissões, pelo próprio gerenciador de arquivos do Mac. Vocẽ preciar ir em Permissões e deixando e leitura e escrita para todos. Esse artigo aqui pode te ajudar com estes procedimentos: support.apple.com/kb/ph25287?locale=pt_BR #equipeAW
Gostei muito, porém, tenho uma dúvida. Gostaria de criar uma aplicação mista, (Angular no servidor web e Spring Boot no Localhost), isso é possível? Visto que o Angular pode ser hospedado em servidores compartilhados? Sim estou ciente que a aplicação só funcionaria na rede que está utilizando o SPRING, mas este é o objetivo mesmo, tanto para economia, quanto para segurança.
eu uso o windows e no meu terminal do VS , toda vez que digito o comando "ng generate component contatos-listagem", aparece essa mensagem: "' 'node' não é reconhecido como um comando interno ou externo, um programa operável ou um arquivo em lotes." . O que eu devo fazer, porque ele não esta criando a pasta.
mano eu tenho como colocar ai dentro paginas html tipo ao invez de ser id:1 nome... eu colocar id:1 pagina: pagina1.html? pra eu fazer uma paginação por id??
Oi Igor, tudo beleza? Fazer paginação assim fugiria do conceito de REST. Dê uma olhada neste artigo aqui para ter um norte de como deveria fazer: www.baeldung.com/rest-api-pagination-in-spring #equipeAW
bro, estou estudando angular com dotnet core, fiz um projeto de api separado e um projeto angular, porém, está dando erro de cors, como resolver isso no angular? Abraços.
Olá, saberia me dizer o que pode ocasionar este erro? Access to XMLHttpRequest at 'localhost:8080/produtos' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Estou tendo problemas para subir a aplicação api-contatos.jar. Estou utilizando a versão 9 do java e executando java -jar api-contatos.jar a execução é interrompida depois de um erro. 2018-02-07 19:05:05.352 WARN 11079 --- [ main] ationConfigEmbeddedWebApplicationContext : Exception encountered during context initialization - cancelling refresh attempt: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/HibernateJpaAutoConfiguration.class]: Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException Error starting ApplicationContext. To display the auto-configuration report re-run your application with 'debug' enabled. 2018-02-07 19:05:05.404 ERROR 11079 --- [ main] o.s.boot.SpringApplication : Application startup failed org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/HibernateJpaAutoConfiguration.class]: Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1628) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:555) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:483) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractBeanFactory$1.getObject(AbstractBeanFactory.java:306) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:230) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:302) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:197) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.context.support.AbstractApplicationContext.getBean(AbstractApplicationContext.java:1080) ~[spring-context-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.context.support.AbstractApplicationContext.finishBeanFactoryInitialization(AbstractApplicationContext.java:857) ~[spring-context-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:543) ~[spring-context-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.boot.context.embedded.EmbeddedWebApplicationContext.refresh(EmbeddedWebApplicationContext.java:122) ~[spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE] at org.springframework.boot.SpringApplication.refresh(SpringApplication.java:693) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE] at org.springframework.boot.SpringApplication.refreshContext(SpringApplication.java:360) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE] at org.springframework.boot.SpringApplication.run(SpringApplication.java:303) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE] at org.springframework.boot.SpringApplication.run(SpringApplication.java:1118) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE] at org.springframework.boot.SpringApplication.run(SpringApplication.java:1107) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE] at com.algaworks.contatos.VideoaulaContatosApplication.main(VideoaulaContatosApplication.java:10) [classes!/:0.0.1-SNAPSHOT] at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:na] at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) ~[na:na] at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:na] at java.base/java.lang.reflect.Method.invoke(Method.java:564) ~[na:na] at org.springframework.boot.loader.MainMethodRunner.run(MainMethodRunner.java:48) [api-contatos.jar:0.0.1-SNAPSHOT] at org.springframework.boot.loader.Launcher.launch(Launcher.java:87) [api-contatos.jar:0.0.1-SNAPSHOT] at org.springframework.boot.loader.Launcher.launch(Launcher.java:50) [api-contatos.jar:0.0.1-SNAPSHOT] at org.springframework.boot.loader.JarLauncher.main(JarLauncher.java:51) [api-contatos.jar:0.0.1-SNAPSHOT] Caused by: java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException at org.hibernate.boot.spi.XmlMappingBinderAccess.(XmlMappingBinderAccess.java:43) ~[hibernate-core-5.0.12.Final.jar!/:5.0.12.Final] at org.hibernate.boot.MetadataSources.(MetadataSources.java:87) ~[hibernate-core-5.0.12.Final.jar!/:5.0.12.Final] at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.(EntityManagerFactoryBuilderImpl.java:179) ~[hibernate-entitymanager-5.0.12.Final.jar!/:5.0.12.Final] at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.(EntityManagerFactoryBuilderImpl.java:149) ~[hibernate-entitymanager-5.0.12.Final.jar!/:5.0.12.Final] at org.springframework.orm.jpa.vendor.SpringHibernateJpaPersistenceProvider.createContainerEntityManagerFactory(SpringHibernateJpaPersistenceProvider.java:54) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.createNativeEntityManagerFactory(LocalContainerEntityManagerFactoryBean.java:360) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.buildNativeEntityManagerFactory(AbstractEntityManagerFactoryBean.java:382) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.afterPropertiesSet(AbstractEntityManagerFactoryBean.java:371) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.afterPropertiesSet(LocalContainerEntityManagerFactoryBean.java:336) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.invokeInitMethods(AbstractAutowireCapableBeanFactory.java:1687) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1624) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE] ... 24 common frames omitted Caused by: java.lang.ClassNotFoundException: javax.xml.bind.JAXBException at java.base/java.net.URLClassLoader.findClass(URLClassLoader.java:466) ~[na:na] at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:563) ~[na:na] at org.springframework.boot.loader.LaunchedURLClassLoader.loadClass(LaunchedURLClassLoader.java:94) ~[api-contatos.jar:0.0.1-SNAPSHOT] at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:496) ~[na:na] ... 35 common frames omitted
Boa tarde, O servidor está reclamando da falta da sua entidade, ou seja, a classe que contém a informação dos seus dados (vindos do banco de dados) não está criiada/mapeada.
amigo, faz uma aula de como fazer os comandos NG rodar no windows, pois não consegui fazer esses comandos seres reconhecidos, configurei no path, mas mesmo assim não funcionou
O meu dá esse erro aqui: ERROR in D:/angular-hello-word/src/app/contato.service.ts (2,10): Module '"D:/angular-hello-word/node_modules/@angular/common/index"' has no exported member 'HttpClient'. ERROR in D:/angular-hello-word/src/app/app.module.ts (1,34): Cannot find module '@angular/common/http'. ERROR in D:/angular-hello-word/src/app/app.module.ts (1,34): Cannot find module '@angular/common/http'. ERROR in ./src/app/app.module.ts Module not found: Error: Can't resolve '@angular/common/http' in 'D:\angular-hello-word\src\app' @ ./src/app/app.module.ts 10:0-56 @ ./src/main.ts @ multi webpack-dev-server/client?localhost:4200/ ./src/main.ts ERROR in D:/angular-hello-word/src/app/contato.service.ts (2,10): Module '"D:/angular-hello-word/node_modules/@angular/common/index"' has no exported member 'HttpClient'. webpack: Failed to compile. Sabe o que pode ser?
Existe a possibilidade de proteger a url do meu serviço? Pq qualquer usuário pode pegar pela ferramenta de desenvolvimento do Google Chrome, por exemplo, essa informação.
Opa, apenas recordando o post em tempo deu tudo certo sim! Obrigado pela dica, abs. Sobre a API que foi disponibilizada, existe algum outro tutorial @Alexandre que ensina como ela foi criada apenas para fins de conhecimento?
Bom dia. Fiz tudo como foi sugerido no video, mas quando coloquei a minha url com meu localhost não retornou nada. Só que no Postman,no firefox,chrome meu serviço retornou certinho com a mesma url. Já no projeto deu esse erro: message: "Http failure response for (unknown url): 0 Unknown Error" name: "HttpErrorResponse" Pode ajudar?
Primeiramente, muito obrigado professor, aula excelente, me esclareceu muitas duvidas que tinha. Após assisti-la decidi criar uma pequena API com um único método(GET) que retorna uma lista de contatos, mas, estou com um probleminha de CORS. (Segui algumas dicas e procedimentos encontrados na internet, mas, não consegui resolver, ainda). Se alguém puder dar uma ajudinha, fico muito grato. Segue link da API e do projeto-angular no github:github.com/willian-da-silva-marques/contato Desde já muito obrigado;
Oi Willian, boa tarde. Tudo bem? Indico que envie sua dúvida em nossa Comunidade Sobre Java no Facebook: alga.works/comunidadejava Na comunidade nossos alunos e instrutores interagem e tiram dúvidas sobre os cursos e projetos pessoais. #equipeAW
@Mauro Pereira @CrossOrigin(origins = "localhost:port") na controller da api, assim vc está permitindo requisições desta origem. Só não esquece de avisar se funcionou. Abraço
Olá! Neste caso, precisaríamos de implementações específicas dependendo do tipo de autenticação usada. Isso seria conteúdo para outro vídeo, iremos pensar em trazer algo desta forma nos próximos!
WARNING in ./src/app/app.module.ts 27:16-32 "export 'HttpClientModule' was not found in '@angular/http' WARNING in ./src/app/contato.service.ts 22:62-72 "export 'HttpClient' was not found in '@angular/http' WARNING in ./src/app/contato.service.ts 22:92-102 "export 'HttpClient' was not found in '@angular/http' ERROR in D:/dev/angular-hello-world/src/app/contato.service.ts (2,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClient'. ERROR in D:/dev/angular-hello-world/src/app/app.module.ts (1,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClientModule'. ERROR in D:/dev/angular-hello-world/src/app/app.module.ts (1,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClientModule'. ERROR in D:/dev/angular-hello-world/src/app/contato.service.ts (2,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClient'.
Poxa, tenho que fazer um teste pra "estágio" e na primeira fase é fazer uma aplicação que calcula o ângulo entre 2 ponteiros a segunda fase é criar uma API Rest E Angular! Os cara querem o estagiário kkk tô ferrado.
@@alexsamuelpereira7592 Não precisei fazer a API na real, fiz o primeiro teste e a entrevista depois... Ficaram de dar a resposta mas!... Kkk acho que não passei mesmo :)
Se você já conhece PHP, vai achar mais fácil mesmo. Tudo novo é mais difícil. Mas é importante medir a produtividade. Para projetos um pouco maiores, acho difícil conseguir a mesma produtividade fazendo tudo na mão.
Olá Gilson! Tente ver se consegue aumentar a qualidade do vídeo aí. Acabei de testar e está normal. Pelo monitor de um notebook ou PC vai ser melhor de ver também, mas nesse caso, acho que foi o TH-cam que diminuiu a qualidade. Tente colocar em HD. #EquipeAW
Cara, na boa, não entendi quase nada! Você mexeu em tantas partes (arquivos) que me deixou meio zonzo. Esta não é uma aula para quem está começando a aprender! Duvido que este pessoal que te elogia aí embaixo consiga refazer o que vc fez. Flavio
caralho nunca vi um vídeo tão curto com tanto aprendizado sobre Angular!
Sei que está cheio de agradecimentos aqui, mas não me contive tambem....
Muito obrigado por esse trabalho.. Serio esse vídeo me fez ter mais ânimo pra continuar estudando...
Os meus mais sinceros agradecimentos...
melhor até agora
Woo.. Parabéns amigo agora eu Comprendi bem de angolar, eu te desejo ló major existo amigo.
cara, Parabéns amigo agora eu entendi bem o básico de angolar, eu te desejo ló major existo amigo
Parabéns Alexandre. Muito objetivo.
Cara, muiiiiitoooo obrigado! Seu tuto foi vital para eu resolver alguns problemas que eu tinha no meu projeto. Ganhou um inscrito! E um joinha claro.
Que AULA de como dar uma AULA de verdade meu amiigooo. Muito Obrigadoo
Os vídeos desse cara são bons demaaais, muito obrigada!
Obrigado, me ajudou bastante, programei toda uma API com java, mas, não sabia como importa para o front-end agora começa a jornada para aprender o front end kkk
Cara continua postando esses conteúdos, sua didática é ótima e eu to aprendendo angular com você hahaha show demais!!
Legal Samuel. :D
Teremos um workshop de Angular e Spring no final desse mês. Serão 4 aulas tops sobre o tema. Você vai gostar ;)
cafe.algaworks.com/wsfsas/
#EquipeAW
Excelente aula! Parabéns.
Didática perfeita e muita objetividade... Parabéns!
Obrigado Joelson. Inscreva-se no nosso canal ;) #EquipeAW
Melhor curso na moral
Só forca ai galera vocês me ajudam muitoo
Parabéns! foi direto ao ponto sem enrolação.
Caramba....que aula TOP!!!! Didática excelente! Parabéns!!
parabens pelo video. show!
Muitoo bommm!!!! Esses videozinhos no estilo "tiro rápido" ajudam muitooo, quando puder professor faz um videozinho ensinando a importar e exportar um arquivo no angular!
Parabéns pela aula amigo.
Estou estudando Angular e lendo dados de um JSON gerado em PHP.
O vídeo me ajudou muito!
Voce poderia me ajudar?
Estou buscando essa explicação há semanas, muito obrigado pela aula!
Legal que pudemos te auxiliar! Acompanhe nossas publicações para ter acesso a mais conteúdos. Abraço!
Muito bom, Show! valeu...
Super prático. Parabéns! Muito obrigada 🖖
Valeu Pamela! Continue nos acompanhando. #equipeAW
Pessoa tenham cuidado ao fazer .subscribe( dados => this.contatos = dados) pois neste caso não está tendo unsubscribe do componente, quando ele for fechado não será destruído estará escutando mudanças do observable, tendo então problemas de memory leak. Tente sempre colocar .pipe(take(1)).subscribe( dados => this.contatos = dados) ou usar objeto como observable -----> contatos$ = Observable. Sendo então this.contatos$ = this.service.retornaContatos(); Deste modo o Angular consegue fazer os unsubscribe automáticos!
Me ajudou bastante. Agradeço pela excelente aula e explicação! :)
De nada :D
Olá, Alexandre. Seus vídeos tem trazido conteúdos sensacionais, com muita clareza. Venho trabalhando em projetos com Angular e Spring no backend e vejo muitos projetos utilizando o Gradle ao invés do Maven. Se possível, gostaria de ver uma abordagem a este respeito, quais as principais diferenças, em que cenários utilizar um ou outro, vantagens e desvantagens e etc.. Continue com este ótimo trabalho, estamos acompanhando. Abraço.
Muito bom seu video, bem explicativo e de facil aprendizagem.
Parabéns pelo conteudo !
Faz um vídeo ensinando a tipar essa propriedade (colocando classe e tals)
Alexandre muito obrigada pelo video. Como consumiria os servicos da API se eu tivesse mais de um endereço a apontar para minha API?
Excelente explicação!!
Parabens!!
Muito bom o videoooo ! Cara, tu é sinistro.
bacana, só faltou explicar um pouco sobre como funciona o postman
boa tarde onde pego essas aulas desde o começo, trabalho com diagramação de livros, mais estou querendo aprender programação que hoje em dia é uma área que sempre tem trabalhos e pagam bem, alguém pode me ajudar
se tiver algum curso na Udemy disponibilize o link para eu comprar sua didática é ótima
Eles tem Plataforma própria.
você é um anjo **...
Toma Like.
Nunca me canso de assitir essa aula! Gostei dos ícones no VSCode, isso é algum plugin Alexandre?
Oi Vinicius, tudo bem? Legal que você tenha gostado. Sim é um plugin. O nome é "vscode-icons. Abraço! #equipeAW
Bom dia Thiago tudo bem, essa lista de contatos você criou ela no banco de dados ou um bloco de notas ????
Essa listagem da API que é falada no vídeo, está gravado em um banco de dados sim, no caso um banco em memória (não persiste em disco) chamado H2.
O desenvolvimento dessa API é mostrado nesse vídeo th-cam.com/video/qUAM_CX_Y-c/w-d-xo.html #equipeAW
@@algaworks muito obrigado, obrigado por postar essas aulas, estao de parabens
Muioto bom. Excelente conteúdo. muito obrigado.
Parabéns pelas aulas, eu gostaria de fazer um pedido, eu tenho bastante dificuldades sobre rotas no angula, se possível criar um video mostrando como funciona, acredito que ajudaria muita gente. obrigado
Olá amigo. No meu canal também dou aulas de programação em Angular, Ionic Firebase. Da uma conferida lá. Lá tem aulas de rotas, inclusive tem vídeo novo falando sobre o assunto ! th-cam.com/channels/OedzVKpIQC1nwN1sfHCxqg.html
Parabéns... Muito bom!
Caralho! que didática foda! obrigado!
Fantasticooooooo! caso eu queira que ele leia um arquivo *.json no lugar de algo estático no código ou Url é só colocar o caminho do arquivo??
cara ... .muito bacana a sua aula.... mas ao inves de disponibilizar esse JAR, poderia ter usado o site JsonPlaceholder ou SWAPI.... ambos fariam o servico que precisava tranquilamente =).... mas super curti ...valeu =)
ooorra... essas APIs de dados fake são uma mão na roda!
Excelente conteúdo !!
Posso usar ele no mysql?
Pessoal, estou usando o VS Code no Mac OS. Sempre que altero e salvo algum arquivo ele dá mensagem de privilégios insuficientes para salvar o arquivo. Então preciso clicar no botão 'Retry as Sudo' para digitar a senha do meu usuário e aí salva... Tem alguma forma de tirar isso pra não ter que ficar digitando essa senha TODA HORA ????
Oi Ségio, só agora vi sua dúvida. Conseguiu resolver?
@@algaworks Não consegui Thiago. Pra criar um novo projeto utilizando normalmente o ng new... Dá erro de permissão na criação de vários diretórios. Então eu uso o sudo ng new... Mas com isso, TODA alteração que eu faço em qualquer arquivo, dá err o de permissão e pede pra clicar no botão "Retry as Sudo..." Não consegui entender o porque ainda !!!
Oi Sérgio, tudo bem? É bem provável que você tenha deixado a pasta do seu projeto em com permissões somente para root ou as pastas pai dela possuem permissões apenas para root.
Neste caso você deve ter apenas permissão de leitura nestas pastas.
Tente alterar estas permissões, pelo próprio gerenciador de arquivos do Mac. Vocẽ preciar ir em Permissões e deixando e leitura e escrita para todos.
Esse artigo aqui pode te ajudar com estes procedimentos: support.apple.com/kb/ph25287?locale=pt_BR #equipeAW
Gostei muito, porém, tenho uma dúvida.
Gostaria de criar uma aplicação mista, (Angular no servidor web e Spring Boot no Localhost), isso é possível? Visto que o Angular pode ser hospedado em servidores compartilhados? Sim estou ciente que a aplicação só funcionaria na rede que está utilizando o SPRING, mas este é o objetivo mesmo, tanto para economia, quanto para segurança.
Muito bom , mas atualmente temos problemas de CORS, dá erro de comunicação entre a api e o front-end.
Simples e rápido.
eu uso o windows e no meu terminal do VS , toda vez que digito o comando "ng generate component contatos-listagem", aparece essa mensagem: "' 'node' não é reconhecido como um comando interno
ou externo, um programa operável ou um arquivo em lotes." . O que eu devo fazer, porque ele não esta criando a pasta.
mano eu tenho como colocar ai dentro paginas html tipo ao invez de ser id:1 nome... eu colocar id:1 pagina: pagina1.html? pra eu fazer uma paginação por id??
Oi Igor, tudo beleza? Fazer paginação assim fugiria do conceito de REST. Dê uma olhada neste artigo aqui para ter um norte de como deveria fazer: www.baeldung.com/rest-api-pagination-in-spring #equipeAW
bro, estou estudando angular com dotnet core, fiz um projeto de api separado e um projeto angular, porém, está dando erro de cors, como resolver isso no angular? Abraços.
Normalmente o problema de erro no CORS deve ser resolvido no back-end e não no Angular, veja se está permitindo a URL correta. #equipeAW
Neste caso, deve resolver os filtros da configuração da API que criou. Deve ser adicionado os metodos que tua API possa disponibilizar
code-maze.com/enabling-cors-in-asp-net-core/
Olá, saberia me dizer o que pode ocasionar este erro?
Access to XMLHttpRequest at 'localhost:8080/produtos' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Qual versão desse Angular?
Estou tendo problemas para subir a aplicação api-contatos.jar. Estou utilizando a versão 9 do java e executando java -jar api-contatos.jar a execução é interrompida depois de um erro.
2018-02-07 19:05:05.352 WARN 11079 --- [ main] ationConfigEmbeddedWebApplicationContext : Exception encountered during context initialization - cancelling refresh attempt: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/HibernateJpaAutoConfiguration.class]: Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException
Error starting ApplicationContext. To display the auto-configuration report re-run your application with 'debug' enabled.
2018-02-07 19:05:05.404 ERROR 11079 --- [ main] o.s.boot.SpringApplication : Application startup failed
org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/HibernateJpaAutoConfiguration.class]: Invocation of init method failed; nested exception is java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1628) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:555) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:483) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractBeanFactory$1.getObject(AbstractBeanFactory.java:306) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:230) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:302) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:197) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.context.support.AbstractApplicationContext.getBean(AbstractApplicationContext.java:1080) ~[spring-context-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.context.support.AbstractApplicationContext.finishBeanFactoryInitialization(AbstractApplicationContext.java:857) ~[spring-context-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:543) ~[spring-context-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.boot.context.embedded.EmbeddedWebApplicationContext.refresh(EmbeddedWebApplicationContext.java:122) ~[spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE]
at org.springframework.boot.SpringApplication.refresh(SpringApplication.java:693) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE]
at org.springframework.boot.SpringApplication.refreshContext(SpringApplication.java:360) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE]
at org.springframework.boot.SpringApplication.run(SpringApplication.java:303) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE]
at org.springframework.boot.SpringApplication.run(SpringApplication.java:1118) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE]
at org.springframework.boot.SpringApplication.run(SpringApplication.java:1107) [spring-boot-1.5.9.RELEASE.jar!/:1.5.9.RELEASE]
at com.algaworks.contatos.VideoaulaContatosApplication.main(VideoaulaContatosApplication.java:10) [classes!/:0.0.1-SNAPSHOT]
at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:na]
at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) ~[na:na]
at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:na]
at java.base/java.lang.reflect.Method.invoke(Method.java:564) ~[na:na]
at org.springframework.boot.loader.MainMethodRunner.run(MainMethodRunner.java:48) [api-contatos.jar:0.0.1-SNAPSHOT]
at org.springframework.boot.loader.Launcher.launch(Launcher.java:87) [api-contatos.jar:0.0.1-SNAPSHOT]
at org.springframework.boot.loader.Launcher.launch(Launcher.java:50) [api-contatos.jar:0.0.1-SNAPSHOT]
at org.springframework.boot.loader.JarLauncher.main(JarLauncher.java:51) [api-contatos.jar:0.0.1-SNAPSHOT]
Caused by: java.lang.NoClassDefFoundError: javax/xml/bind/JAXBException
at org.hibernate.boot.spi.XmlMappingBinderAccess.(XmlMappingBinderAccess.java:43) ~[hibernate-core-5.0.12.Final.jar!/:5.0.12.Final]
at org.hibernate.boot.MetadataSources.(MetadataSources.java:87) ~[hibernate-core-5.0.12.Final.jar!/:5.0.12.Final]
at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.(EntityManagerFactoryBuilderImpl.java:179) ~[hibernate-entitymanager-5.0.12.Final.jar!/:5.0.12.Final]
at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.(EntityManagerFactoryBuilderImpl.java:149) ~[hibernate-entitymanager-5.0.12.Final.jar!/:5.0.12.Final]
at org.springframework.orm.jpa.vendor.SpringHibernateJpaPersistenceProvider.createContainerEntityManagerFactory(SpringHibernateJpaPersistenceProvider.java:54) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.createNativeEntityManagerFactory(LocalContainerEntityManagerFactoryBean.java:360) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.buildNativeEntityManagerFactory(AbstractEntityManagerFactoryBean.java:382) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.afterPropertiesSet(AbstractEntityManagerFactoryBean.java:371) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.afterPropertiesSet(LocalContainerEntityManagerFactoryBean.java:336) ~[spring-orm-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.invokeInitMethods(AbstractAutowireCapableBeanFactory.java:1687) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1624) ~[spring-beans-4.3.13.RELEASE.jar!/:4.3.13.RELEASE]
... 24 common frames omitted
Caused by: java.lang.ClassNotFoundException: javax.xml.bind.JAXBException
at java.base/java.net.URLClassLoader.findClass(URLClassLoader.java:466) ~[na:na]
at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:563) ~[na:na]
at org.springframework.boot.loader.LaunchedURLClassLoader.loadClass(LaunchedURLClassLoader.java:94) ~[api-contatos.jar:0.0.1-SNAPSHOT]
at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:496) ~[na:na]
... 35 common frames omitted
Boa tarde, O servidor está reclamando da falta da sua entidade, ou seja, a classe que contém a informação dos seus dados (vindos do banco de dados) não está criiada/mapeada.
Puedes aclararnos como solucionarlo, tengo el mismo problema para subir mi jar a un jboss
Estou com esse problema e não sei como resolver.
amigo, faz uma aula de como fazer os comandos NG rodar no windows, pois não consegui fazer esses comandos seres reconhecidos, configurei no path, mas mesmo assim não funcionou
Alguém pode me ajudar? deu esse erro " has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."
Oi Daniel. Está dando problema de CORS. Provavelmente você não configurou a origem permitida. #equipeAW
O meu dá esse erro aqui:
ERROR in D:/angular-hello-word/src/app/contato.service.ts (2,10): Module '"D:/angular-hello-word/node_modules/@angular/common/index"' has no exported member 'HttpClient'.
ERROR in D:/angular-hello-word/src/app/app.module.ts (1,34): Cannot find module '@angular/common/http'.
ERROR in D:/angular-hello-word/src/app/app.module.ts (1,34): Cannot find module '@angular/common/http'.
ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@angular/common/http' in 'D:\angular-hello-word\src\app'
@ ./src/app/app.module.ts 10:0-56
@ ./src/main.ts
@ multi webpack-dev-server/client?localhost:4200/ ./src/main.ts
ERROR in D:/angular-hello-word/src/app/contato.service.ts (2,10): Module '"D:/angular-hello-word/node_modules/@angular/common/index"' has no exported member 'HttpClient'.
webpack: Failed to compile.
Sabe o que pode ser?
Olá! Qual a versão do Angular usado nessa vídeo aula?
Olá! A versão utilizada nesse vídeo é a 5. #equipeAW
Existe a possibilidade de proteger a url do meu serviço? Pq qualquer usuário pode pegar pela ferramenta de desenvolvimento do Google Chrome, por exemplo, essa informação.
Possui algum treinamentno para iniciantes ???
Olá, boa noite! Como que eu faço para rodar a API Rest?
Oi Alessandro. É com "java -jar api-contatos.jar". Em um trecho do vídeo esse assunto é abordado. Espero ter ajudado. Abraço!
Opa, apenas recordando o post em tempo deu tudo certo sim! Obrigado pela dica, abs. Sobre a API que foi disponibilizada, existe algum outro tutorial @Alexandre que ensina como ela foi criada apenas para fins de conhecimento?
muito bom man
Muito bom!
Bom dia.
Fiz tudo como foi sugerido no video, mas quando coloquei a minha url com meu localhost não retornou nada.
Só que no Postman,no firefox,chrome meu serviço retornou certinho com a mesma url.
Já no projeto deu esse erro:
message: "Http failure response for (unknown url): 0 Unknown Error"
name: "HttpErrorResponse"
Pode ajudar?
Primeiramente, muito obrigado professor, aula excelente, me esclareceu muitas duvidas que tinha.
Após assisti-la decidi criar uma pequena API com um único método(GET) que retorna uma lista de contatos, mas, estou com um probleminha de CORS.
(Segui algumas dicas e procedimentos encontrados na internet, mas, não consegui resolver, ainda).
Se alguém puder dar uma ajudinha, fico muito grato.
Segue link da API e do projeto-angular no github:github.com/willian-da-silva-marques/contato
Desde já muito obrigado;
Oi Willian, boa tarde. Tudo bem? Indico que envie sua dúvida em nossa Comunidade Sobre Java no Facebook: alga.works/comunidadejava
Na comunidade nossos alunos e instrutores interagem e tiram dúvidas sobre os cursos e projetos pessoais. #equipeAW
@@algaworks
Muito obrigado Thiago, já consegui resolver o problema.
@@willianmarques7750 estou com o mesmo problema o que você fez?
@Mauro Pereira @CrossOrigin(origins = "localhost:port") na controller da api, assim vc está permitindo requisições desta origem.
Só não esquece de avisar se funcionou.
Abraço
Como ficaria se eu quisesse mostrar um objeto em vez de um vetor?
E se a api precisasse de token pra acessar?
Olá! Neste caso, precisaríamos de implementações específicas dependendo do tipo de autenticação usada. Isso seria conteúdo para outro vídeo, iremos pensar em trazer algo desta forma nos próximos!
Estou tendo problemas com CORS...
muito bom!!
Hoje não encontro esse caminho '@angular/common/http';
Seria hoje somente esse '@angular/http'; ?
WARNING in ./src/app/app.module.ts
27:16-32 "export 'HttpClientModule' was not found in '@angular/http'
WARNING in ./src/app/contato.service.ts
22:62-72 "export 'HttpClient' was not found in '@angular/http'
WARNING in ./src/app/contato.service.ts
22:92-102 "export 'HttpClient' was not found in '@angular/http'
ERROR in D:/dev/angular-hello-world/src/app/contato.service.ts (2,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClient'.
ERROR in D:/dev/angular-hello-world/src/app/app.module.ts (1,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClientModule'.
ERROR in D:/dev/angular-hello-world/src/app/app.module.ts (1,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClientModule'.
ERROR in D:/dev/angular-hello-world/src/app/contato.service.ts (2,10): Module '"D:/dev/angular-hello-world/node_modules/@angular/http/index"' has no exported member 'HttpClient'.
E no Problems
Module '"@angular/http"' has no exported member 'HttpClient'.
monstroo!
Para configuração do CORS, este excelente video da Loiane explicando. th-cam.com/video/D9oFe6rHjpY/w-d-xo.html
massa!
Poxa, tenho que fazer um teste pra "estágio" e na primeira fase é fazer uma aplicação que calcula o ângulo entre 2 ponteiros a segunda fase é criar uma API Rest E Angular! Os cara querem o estagiário kkk tô ferrado.
Conseguiu ?
@@alexsamuelpereira7592 Não precisei fazer a API na real, fiz o primeiro teste e a entrevista depois... Ficaram de dar a resposta mas!... Kkk acho que não passei mesmo :)
O angular 2 e 4 são bem mais complicados do que o angularJs. O projeto fica cheios de arquivos. É bem mais simples fazer tudo com html php e ajax.
Se você já conhece PHP, vai achar mais fácil mesmo. Tudo novo é mais difícil. Mas é importante medir a produtividade. Para projetos um pouco maiores, acho difícil conseguir a mesma produtividade fazendo tudo na mão.
a aula pode até ser boa, mas n dá p enchergar nada :/
Olá Gilson!
Tente ver se consegue aumentar a qualidade do vídeo aí. Acabei de testar e está normal. Pelo monitor de um notebook ou PC vai ser melhor de ver também, mas nesse caso, acho que foi o TH-cam que diminuiu a qualidade. Tente colocar em HD.
#EquipeAW
Cara, na boa, não entendi quase nada! Você mexeu em tantas partes (arquivos) que me deixou meio zonzo.
Esta não é uma aula para quem está começando a aprender!
Duvido que este pessoal que te elogia aí embaixo consiga refazer o que vc fez.
Flavio
Angular js é bem mais prático. Angular 2 em diante é bem mais chato e cheio de imports. NAO FACILITA NADA.