Curso Angular

[@wendellsilvasaboia1905]

Para quem não conseguir fazer metado posto da forma como a loiane fez nesta aula segue uma dica: adicionarCurso(curso: string) { return this.http.post(`${ this.API }cursos`, curso).pipe(take(1)); }

[@Cristian-0175]

A forma que você consegue explicar e tornar fácil um conteúdo que antes a gente achava difícil, é incrível demais.

[@federalcoder]

Loiane, parabéns pelo curso, ainda sendo útil em 2023! Agora surgiu a primeira grande dúvida do curso: Usando o Angular 16 ao chamar o this.location.back(); (seja do curso form component ou do modal service) parece que ele destrói o AlertModalComponent antes do setTimeout do AlertModalService ser finalizado, assim ficando uma operação inócua, procede? A solução que encontrei foi o proprio serviço de alerta tendo que gerenciar se a nevegação deve acontecer para que nao se perca o componente modal, mas aí ele não mostra o modal sobre a listagem dos cursos. Como eu poderia manter o modal sobre a lista dos cursos? Serviço modal: showAlert(message: string, type: AlertTypes, dismissTimeout?: number, locationBack?: boolean) { const bsModalRef: BsModalRef = this.modalService.show(AlertModalComponent); bsModalRef.content.type = type; bsModalRef.content.message = message; if (dismissTimeout) { setTimeout(() => bsModalRef.hide(), dismissTimeout); } if (locationBack) { setTimeout(() => this.location.back(), dismissTimeout); } } cursos form: onSubmit() { this.submitted = true; console.log(this.form.value); if (this.form.valid) { console.log('submit'); const operacao = this.form.value.id ? 'atualizado' : 'criado'; this.cursoService.save(this.form.value).subscribe({ next: () => this.alertModalService.showAlert(`Curso ${operacao} com sucesso!`, AlertTypes.SUCCESS, 3000, true), error: () => this.alertModalService.showAlert(`Curso não pode ser ${operacao}. Tente novamente mais tarde!`, AlertTypes.DANGER), complete: () => console.log('save completo') }); } }

[@Neos0en]

Eu fiz a mesma coisa do vídeo mas sem usar o bootstrap, o rxjs também está atualizado, pra quem estiver com dificuldades está aí: onSubmit() { this.submitted = true; console.log(this.form.value); if (this.form.valid) { console.log('submit'); }; this.service.create(this.form.value).subscribe({ next: () => { window.alert("Criado com sucesso"); this.location.back() }, error: () => window.alert("Falha ao cadastrar"), complete: () => console.log('request completo') } ) }

[@LaurivaldoLopes]

Seu método didático é muito bom, deverias estar na Udemy

[@dr4kk0nnys6]

Sua didática é impressionante !

[@genemes]

O melhor curso que encontrei de Angular, você tem uma excelente didática! Loiane como faço para ter acesso aos dados referentes a área visível da minha screen quando utilizo o scroll? Meu window.scrollY sempre me retorna 0.

[@loianegroner]

O desafio no angular é achar em que componente o scroll é feito exatamente. Veja se isso resolve pro seu caso: stackoverflow.com/questions/50549767/angular-4-scroll-a-div-a-certain-amount Ou então, caso queira fazer scroll pra uma div/outra tag dentro do seu componente, isso pode ajudar: stackblitz.com/edit/angular-scroll-local-variable?file=src%2Fapp%2Fscroll.component.ts

[@antonioprado]

Parabéns! Curso muito bem elaborado e a didática é perfeita.

[@eduardogushiken6185]

Loiaaaaaaaane muito obrigadoooooo de verdade! Me ajudou muito! Eu queria saber se teria como fazer pra que quando a gente clicasse no campo e não digitasse nada a validação de não permitir funcionasse como true, pra não permitir vim um dado sem nada, pois no projeto esta permitindo. Muito obrigado de novo me ajudou muito parabens pela didática e pelo curso, muito bacana mesmo!

[@jacksoncamara921]

Obrigado Loiane!!!!! Bjos

[@luizrobertofranco8212]

Excelente! Ótimas dicas!

[@eliabekun]

fantastico! Você é top!

[@MarceloNunesPro]

Mais uma vez parabéns pela excelente didática. Gostaria de aproveitar para perguntar qual a diferença entre utilizar o Location do angular ou o próprio history.back() do javascript? Abraços!!

[@loianegroner]

No Angular a parte da rota tem 2 estratégias: com hash e sem hash (caso precise de suporte em servidores que não suportam a hash). O Location leva isso em consideração pra conseguir voltar para a rota anterior corretamente.

[@MarceloNunesPro]

@@loianegroner, muito obrigado!! Abraços!!

[@brenobcsilva]

Muito obrigado!!

[@Lorajobrpro]

Muito bom!

[@jhonismartespecialistaemip6100]

Show!!! Parabens!!!!!

[@wmdn29]

Na aplicação que estou desenvolvendo eu tenho dois componentes, um para adicionar e outro para listar. Ambos já estão renderizados na tela. Ao adicionar o dado novo, o component de listar não puxa esse dado pra tela, eu preciso dar F5 pra acontecer. Um jeito que usei pra solucionar foi o primeiro componente (post) emitir um evento para o pai, que por sua vez emite um input para o segundo component (get) e então no onchanges ele atualizar o dado na tela. Existe uma forma melhor de fazer isso? Talvez com algum service?

[@vyctorvieiraguimaraes7519]

Qual o tema do VSCODE você utiliza?

[@loianegroner]

One Dark Pro.

[@Will9947]

Não existe nenhuma forma de fazer requisições http sem esse subscribe?

[@claudiobarbosadossantos153]

Show...

[@andremachado9254]

Loiane, como faço para não poder cadastrar dois nomes de cursos iguais? e ao tentar fazer isso ele me mostrar o erro?

[@samuelkojicovski855]

E ai, conseguiu? hehe Também tenho essa dúvida

Acho que antes de chamar o metodo create tem que fazer uma consulta pelo nome do curso, se achar lança o alert de erro, se não, continua o create normalmente.

[@FabioMafu]

Essa validação é feita normalmente pelo proprio servidor backend

[@alexpassos590]

Loiane, estou para iniciar um projeto web grande de gerenciamento de uma clínica. Você recomendaria o Angular ou JSF + PrimeFaces + Hibernate?

[@LeandroOliveira-kn9qx]

Angular ... Jsf esta caindo o uso

[@eyeservicosemti]

show

[@thiagofavorino5126]

Loinane boa tarde, o portal esta com algum problema não consigo acessar meu certificado já terminei meu curso Java básico e intermediário mas desde que o portal Loiane Training foi reformulado não consigo acessar o certificado. Pode me ajudar ?

[@loianegroner]

Oie, os certificados ficam em "meu perfil". Se ainda estiver com problemas, me informa o seu email de cadastro que verifico se tem algum problema com os dados.

[@thiagofavorino5126]

@@loianegroner meu email é [e-mail] estou cadastrado como thiago de almeida

[@loianegroner]

Tem umas aulas de Java faltando serem completadas. Acesso o curso de Java e veja se todas as aulas estão OK. No canto superior direito da tela tem o status do curso pra vc. Assim que todas as aulas estiverem OK, o certificado será gerado. Do curso intermediário aqui não apareceu nenhuma aula completada ainda.

[@thiagofavorino5126]

@@loianegroner Então Loiane fui ate a correção da aula 52 do java básico, o java intermediário eu me enganei mesmo eu tenho que concluir mas o básico está concluído até aparace escrito no meu perfil curso concluído mas o certificado gerado automaticamente não estou visualizando ele.