Mano, na minha humilde opinião, o teu canal e o da Loiane são os que trazem o melhor conteúdo de angular entre os canais brasileiros. Que nunca falte motivação pra vocês continuarem gerando conteúdo de qualidade. Tamo junto!
Somos dois @@cristianwilliamdev . React acho muito bagunçado.. se não tiver uma equipe forte que vai aplicar os conceitos bons de Arquitetura.. vira paçoca.. to apanhando no angular mas aos poucos to indo.
comando para iniciar o json server: npx json-server --watch db.json aula muito top estou iniciando no angular venho do react e não tem muito conteudo de angular na internert ta de parabéns
Legal demais mano! Por vir do React, muita coisa, da pra migrar o conhecimento, a abordagem de componentização é a mesma em qualquer framework, incluindo Vue... Dahora demais João!
Vlw por compartilhar o conhecimento, explica muito bem e se fizer algo parecido como fez com o app do Spotify é certeza que vai ser uns do top five do conteúdo de Angular. Parabéns mesmo.
Gostaria de te parabenizar pelo vídeo Cristian.. você possui uma didática excepcional, explicando cada passo necessário de forma totalmente coerente, bastou este vídeo para fazer com que eu queira acompanhar o seu canal, por favor continue fazendo mais conteúdo de criação como este sobre Angular para iniciantes (e principalmente Angular e C# , rs)
MUITO OBRIGADO!!! Eu venho estudando APIs em SpringBoot ha um tempao. Consumi diversas video aulas, tutoriais e cursos buscando uma maneira de como estilizar minhas APIs e te digo, esse video foi o que mais me ajudou. Consegui adaptar o contexto para meu uso e devo que eh muito satsifatorio para eu que nao entendo nada de front ter algo na minha tela que nao seja JSON.
Um dos melhores vídeos que já vi. Estou um pouco desatualizado. Trabalho com Angular desde 2012 (versão JS). Isso tudo que está ensinando, funciona com o Angular 17?
a unica forma de alterar o array dos dados nesse caso seria refazendo o request de listar? pq fica meio redundante listar tudo sabendo que foi alterado um registro ou adicionado um novo, pensando em uma lista de dados maior, pecaria bastante na perfomance
Cara, tem como fazer uma manipulação com rxjs e manter esses dados locais para serem gerenciados como voce disse, para ai entraria mais fundo em rxjs. No caso, se quiser fazer isso, da pra seguir a abordagem de usar o .Subscribe (só não esquece de usar algo para se desiscrever) e manipular como se fosse uma promisse! Abraço rei!
Moço, não tem ninguém ensinando a colocar o API do maps com busca automática no angular ^16, apenas a colocar o mapa, sem a busca propriamente dita, estou sofrendo pra conseguir fazer isso no trabalho, será que você pode ensinar? Obrigada
@@cristianwilliamdev sei, mesmo assim só você teria caso souber ensinar, mas beleza, só comentei, também não acho ninguém ensinando a usar máscaras, eu mesma vou fazer um vídeo sobre isso, mesmo sendo noob, pq aprendi sozinha justamente pq ninguém ensina, apanhei mas aprendi. Boa sorte com seu canal. Abraços. :)
uma duvida que eu tenho, ali na parte do adicionar musica ja que vc usou aquela forma ali do pipe async n teria como atualizar diretamente a variavel pq ela ficou como observable e n mais como um array, ai no caso tu fez a chamada pra api novamente chamando a listagem, n teria uma maneira melhor de fazer isso sem precisar fazer uma requisição a mais?
Como o array é originado de um request mano, não há maneira de adicionar algum item... A não ser que tenha esse array separado, e gere um observable dele e mais uma manobras ai, mass, no mais, não há. Mas sobre a abordagem, eu até prefiro assim, pq caso ocorra algum erro na inserção da musica, eu irei obter da mesma fonte os dados... Tipo, manter uma fonte apenas de verdade.
brigadao pelo video irmao, sensacional, agora uma duvida que sempre tive sobre tipagem, quando temos uma api grande como por exemplo a pokeapi, como tipamos nesse caso? eu sei que e uma pergunta abrangente pq a api e gigante mais so por exemplo, tipo se eu fosse pegar apenas o title, skills e image sabe... talvez voce possa futuramente fazer algum video assim consumindo uma api open source, n sei se eh sua vontade mais seria legal kkkk
Mano, voce pode até tipar todo o objeto, essa dor irá passar uma vez apenas, mas se quiser tipar somente o que vai usar, não da nada... Lembrando que a tipagem, é apenas pra codar, ela não interfere na execução do código, então mesmo tipando algumas propriedades, o retorno final será o mesmo... Eu tiparia tudo, é um gasto de tempo de uma vez mesmo ashushuahusa
Quando sai a nova série do clone de algum app? Achei massa a ideia do Whtasapp, acha que dava pra usar o Firebase no projeto? Seria muito massa, essa é uma stack legal do Google!
Preciso dar uma ideia pra galera de Firebase mesmo, é mega util, simples de implementar, e vejo bastante a gringa usando isso, mas não vejo ser tão falado por aqui! Boaa mano! Pensar em firebase aqui sim!
Boaaa mano, eu uso o OBS Studio... Tem para qualquer plataforma, e é muito simples de configurar brother! Espero te ver produzindo também em usahhusahusa
é correto utilizar tabelas ainda hj em dia? Por exemplo tenho uma tarefa pra fazer uma tabela e popular com os dados da api e fiz um ngfor no tr mas é pessimo pra estilizar tabelas,tr,td e th
Cara se a UI pedir uma tabela, eu não vejo problema… o que acho chato é componentizar tabelas, pra isso tem que ter um conhecimento maior pois vai precisar usar o templateOutlet, então o mais simples seria criar uma classe table mesmo ou algo assim… Eu ainda uso, e gosto, se deixar o css maneiro, não tem problema, fica bem dahora
cara estou com um problema para mandar os objetos em array, pelo menos é o que eu entendi do erro que me é passado "Error trying to diff '[object Object]'. Only arrays and iterables are allowed" teria alguma noção de como eu conseguiria resolver isso?
@@cristianwilliamdev Eu tenho uma api pronto já, que criei para realizar uma transferência bancaria, mas preciso chamar ela no angular, e n to entendo como faz isso.
O primeiro passo é entende qual o verbo http, GET, PUT, DELETE, POST, após isso é chamar a rota da api sua… se não tiver autorização e tal, é somente isso, tem mais alguma coisa?
@@cristianwilliamdev eu tenho autorização sim, mas sei como passa e tudo. Fiquei mas em duvida em como criar os caminho, criei a api com java spring boot.
Memory leak, é complicado, tem que sentar e analisar, eu não sei se tem algo para detectar todos de uma vez, talvez usar a extensão do Angular que tem para os browsers, pode ter algum insight, mas não tenho ctz
Fala brother, a ideia do video é ensinar a consumir API, então usei uma "API" fake de JSON, então assim, para o video eu assumi que voce já teria uma API para consumir. Caso não saiba como construir uma API, eu sujiro seguir a série do zero aqui no YT, onde eu construi uma API .net e consumi com Angular... Só buscar no canal brother! Tmjjjj
Mano, na minha humilde opinião, o teu canal e o da Loiane são os que trazem o melhor conteúdo de angular entre os canais brasileiros. Que nunca falte motivação pra vocês continuarem gerando conteúdo de qualidade. Tamo junto!
Ahhh é por esses comentários que eu gosto de estar aqui mano! Ajudar a comunidade é dahora demais!
Concordo e adiciono o Balta nesse seleto grupo!
justamente os que mais me ensinaram, conteúdo de excelente qualidade
Muito! Sinto uma grande carência no brasil em relação a conteúdos com Angular em comparação ao React
Isso acontece pq react virou hype, eu já tentei experimentar, mas achei uma paçoca de código, uma bagunça… hahahaa
React é o novo php 🤔
Somos dois @@cristianwilliamdev . React acho muito bagunçado.. se não tiver uma equipe forte que vai aplicar os conceitos bons de Arquitetura.. vira paçoca.. to apanhando no angular mas aos poucos to indo.
Fala mal do php não 😒
Parabéns pela aula muito boa
Aula sensacional, muito obrigado por compartilhar esse conteúdo.
Vlww mano! Teremos mais! Fica ligado!
Se garantiu muito com esse vídeo, mas o final do video foi só o caos hahahahhaa. obrigado mano!
Shuahshusahusahus A ideia de gravar sem roteiro é essa uhsauhsahua
Vai ter curso de angular avançado 😍 ?? Meu Deus já tem uma aluna rs
Opa, em breve 🤘🏻🤘🏻
As músicas... arrebentou kkk
Top demais o vídeo
Humilde e bom ao mesmo tempo. Tu é fera!
Muito bom! To no aguardo da aula de validação de formulário.
Boaaa mano, teremos!
comando para iniciar o json server: npx json-server --watch db.json aula muito top estou iniciando no angular venho do react e não tem muito conteudo de angular na internert ta de parabéns
Legal demais mano! Por vir do React, muita coisa, da pra migrar o conhecimento, a abordagem de componentização é a mesma em qualquer framework, incluindo Vue... Dahora demais João!
Parabéns pela didática!! Conteúdo show
Que bacana cara, sua didática é muito boa , precisamos de mais conteúdos de brasileiros relacionados a Angular aqui no RUclips 👏🏽👏🏽👏🏽
To aqui lutando por nós sauhsuhahaus
Vlw por compartilhar o conhecimento, explica muito bem e se fizer algo parecido como fez com o app do Spotify é certeza que vai ser uns do top five do conteúdo de Angular. Parabéns mesmo.
Gostaria de te parabenizar pelo vídeo Cristian.. você possui uma didática excepcional, explicando cada passo necessário de forma totalmente coerente, bastou este vídeo para fazer com que eu queira acompanhar o seu canal, por favor continue fazendo mais conteúdo de criação como este sobre Angular para iniciantes (e principalmente Angular e C# , rs)
Salve mano! Estaremos aqui pra aprender mais juntos! Nois mano!
MUITO OBRIGADO!!! Eu venho estudando APIs em SpringBoot ha um tempao. Consumi diversas video aulas, tutoriais e cursos buscando uma maneira de como estilizar minhas APIs e te digo, esse video foi o que mais me ajudou. Consegui adaptar o contexto para meu uso e devo que eh muito satsifatorio para eu que nao entendo nada de front ter algo na minha tela que nao seja JSON.
AIIIII SIMMM! Angular com Java funciona bem demais também mano! Que foda!
Top de mais. Parabéns
Vlwww meu rei!
Muito bom Cristian
Tmj sempre airton!
Esse video tirou muitas duvidas minhas ... show
Exelente aula!!!
Que aula boa... vou Assistir de novo pra fazer... ❤
Uhuuuuu, vlw demais!
Vídeo muito bom, conteúdo direto, sem enrolação..
Ótimo vídeo, usei o que aprendi nele para consumir uma API java/spring que tinha feito.
Boaa isso ai mano! A ideia de consumir é a mesma, para qualquer back! Tmj Erick!
Um dos melhores vídeos que já vi. Estou um pouco desatualizado. Trabalho com Angular desde 2012 (versão JS).
Isso tudo que está ensinando, funciona com o Angular 17?
Muito Obrigado pelo video
Vlwww mano! Tmj 🤘🏻🤘🏻
Ta maravilhosa essa aula!
Obrigado mesmo mano 🤘🏻🤘🏻
Parabéns pelo vídeo, valeuu!!!
Vlwww man! Obrigado a voce ai!
a unica forma de alterar o array dos dados nesse caso seria refazendo o request de listar? pq fica meio redundante listar tudo sabendo que foi alterado um registro ou adicionado um novo, pensando em uma lista de dados maior, pecaria bastante na perfomance
Dia 1 aprendendo Angular, sei um pouco de React, mas trabalho hoje praticamente com Vanilla JS
Cara, tem como fazer uma manipulação com rxjs e manter esses dados locais para serem gerenciados como voce disse, para ai entraria mais fundo em rxjs. No caso, se quiser fazer isso, da pra seguir a abordagem de usar o .Subscribe (só não esquece de usar algo para se desiscrever) e manipular como se fosse uma promisse!
Abraço rei!
Muito bom o vídeo! Mas estou com um problema bem incomum, o meu id sempre fica zerado, não incrementa
Pior que assim é foda de ajudar mano
Moço, não tem ninguém ensinando a colocar o API do maps com busca automática no angular ^16, apenas a colocar o mapa, sem a busca propriamente dita, estou sofrendo pra conseguir fazer isso no trabalho, será que você pode ensinar? Obrigada
Mano, isso é um case muito específico pra um video... Foda pois ajuda menos pessoas
@@cristianwilliamdev sei, mesmo assim só você teria caso souber ensinar, mas beleza, só comentei, também não acho ninguém ensinando a usar máscaras, eu mesma vou fazer um vídeo sobre isso, mesmo sendo noob, pq aprendi sozinha justamente pq ninguém ensina, apanhei mas aprendi. Boa sorte com seu canal. Abraços. :)
muito top a aula, precisava de algo assim q fosse mais didático , pq todos q vi até agora aqui no youtube estavam ruim de acompanhar
Feliz de ter curtido a didatica mano! A ideia é aproximar mais mesmo da galera sem complicar demais!
Já testou o node:test no lugar do karma ou jest, pessoal fala que por ser nativo é mais rápido para teste de UI , dom? já chegou a configurar ?
Cara ainda não testei, já vi a comunidade falar sobre mesmo… vou tentar trazer um conteúdo sobre isso 👏🏻👏🏻
uma duvida que eu tenho, ali na parte do adicionar musica ja que vc usou aquela forma ali do pipe async n teria como atualizar diretamente a variavel pq ela ficou como observable e n mais como um array, ai no caso tu fez a chamada pra api novamente chamando a listagem, n teria uma maneira melhor de fazer isso sem precisar fazer uma requisição a mais?
Como o array é originado de um request mano, não há maneira de adicionar algum item... A não ser que tenha esse array separado, e gere um observable dele e mais uma manobras ai, mass, no mais, não há.
Mas sobre a abordagem, eu até prefiro assim, pq caso ocorra algum erro na inserção da musica, eu irei obter da mesma fonte os dados... Tipo, manter uma fonte apenas de verdade.
Tem vídeo completo criando entidades usando uma api .net e consumindo em angular?
Tem uma série recente aqui mano
brigadao pelo video irmao, sensacional, agora uma duvida que sempre tive sobre tipagem, quando temos uma api grande como por exemplo a pokeapi, como tipamos nesse caso? eu sei que e uma pergunta abrangente pq a api e gigante mais so por exemplo, tipo se eu fosse pegar apenas o title, skills e image sabe... talvez voce possa futuramente fazer algum video assim consumindo uma api open source, n sei se eh sua vontade mais seria legal kkkk
Mano, voce pode até tipar todo o objeto, essa dor irá passar uma vez apenas, mas se quiser tipar somente o que vai usar, não da nada... Lembrando que a tipagem, é apenas pra codar, ela não interfere na execução do código, então mesmo tipando algumas propriedades, o retorno final será o mesmo... Eu tiparia tudo, é um gasto de tempo de uma vez mesmo ashushuahusa
Quando sai a nova série do clone de algum app?
Achei massa a ideia do Whtasapp, acha que dava pra usar o Firebase no projeto? Seria muito massa, essa é uma stack legal do Google!
Preciso dar uma ideia pra galera de Firebase mesmo, é mega util, simples de implementar, e vejo bastante a gringa usando isso, mas não vejo ser tão falado por aqui! Boaa mano! Pensar em firebase aqui sim!
Muito bom Cristian.
Fora isso, gostaria de saber qual app você usa pra gravar a tela e colocar seu vídeo "falando" sobre a tela gravada?
Boaaa mano, eu uso o OBS Studio... Tem para qualquer plataforma, e é muito simples de configurar brother! Espero te ver produzindo também em usahhusahusa
é correto utilizar tabelas ainda hj em dia? Por exemplo tenho uma tarefa pra fazer uma tabela e popular com os dados da api e fiz um ngfor no tr mas é pessimo pra estilizar tabelas,tr,td e th
Cara se a UI pedir uma tabela, eu não vejo problema… o que acho chato é componentizar tabelas, pra isso tem que ter um conhecimento maior pois vai precisar usar o templateOutlet, então o mais simples seria criar uma classe table mesmo ou algo assim…
Eu ainda uso, e gosto, se deixar o css maneiro, não tem problema, fica bem dahora
Ok, quem sabe depois desse video eu aprenda angular... So acho meio estranho ele depender da rxjs para fazer a reatividade
Então mano, acredito que já que eles tiram essa dependência aí, mas depois que a gente acostuma, fica suave
cara estou com um problema para mandar os objetos em array, pelo menos é o que eu entendi do erro que me é passado "Error trying to diff '[object Object]'. Only arrays and iterables are allowed" teria alguma noção de como eu conseguiria resolver isso?
Mano, consegue dar mais detalhes, codigo e tal? Assim fica melhor de ajudar...
Gente, eu estou com muita duvida, poq eu tenho uma api, e n queria criar com a api fake.
Olá Letícia, qual dúvida você está? Talvez eu consiga te ajudar
@@cristianwilliamdev Eu tenho uma api pronto já, que criei para realizar uma transferência bancaria, mas preciso chamar ela no angular, e n to entendo como faz isso.
O primeiro passo é entende qual o verbo http, GET, PUT, DELETE, POST, após isso é chamar a rota da api sua… se não tiver autorização e tal, é somente isso, tem mais alguma coisa?
@@cristianwilliamdev eu tenho autorização sim, mas sei como passa e tudo.
Fiquei mas em duvida em como criar os caminho, criei a api com java spring boot.
pra que complicar ? gera logo um ng g s nomeServiço, pra quem ta aprendendo angular assim fica mais facil, uma dica boa pra vc.
pelo amor de Deus, me ajude com memory leak, consigo fazer isso no angular?
Memory leak, é complicado, tem que sentar e analisar, eu não sei se tem algo para detectar todos de uma vez, talvez usar a extensão do Angular que tem para os browsers, pode ter algum insight, mas não tenho ctz
Você já começou o vídeo com a api rodando, deveria ter ensinado a instalar
Fala brother, a ideia do video é ensinar a consumir API, então usei uma "API" fake de JSON, então assim, para o video eu assumi que voce já teria uma API para consumir. Caso não saiba como construir uma API, eu sujiro seguir a série do zero aqui no YT, onde eu construi uma API .net e consumi com Angular... Só buscar no canal brother! Tmjjjj