Mestra

estou em 09/2024 instalei tudo no inicio do curso (vi aqui nos comentarios muito problemas com as atualizações) entendo que não preciso atualizar no momento (visto que a Loiane disse que e bom revisar de 06 em 06 meses). Loiane mais uma vez só tenho a te agradecer.

Parabens Loiane! Para quem saiu do zero como eu e muito bom contar com suas aulas.

Estou tendo que quebrar a cabeça para entender essa matéria de recursividade, tema bastante complexo hein

Muita didatica e bem explicado.

8 anos se passaram e o seu curso continua sendo super útil, muito obrigado por disponibilizar de forma gratuita algo tão valioso, não foi só uma informação foi um aulão bem resumido e conciso

*****Comentario para quem esta estudando em 2024***** Verificar a versão do Node.JS: node -v Verificar a versão do NPM: npm -v Verificar a versão do Typescript: tsc -v Verificar a versão do Angular: ng version

tive que fazer mudanças no courses.component. Usando Angular 15. export class CoursesComponent implements OnInit { courses$: Observable<Course[]> = of([]); displayedColumns: string[] = ['name', 'category']; constructor(private coursesService: CoursesService) {} ngOnInit(): void { this.courses$ = this.coursesService.list(); } }

5:22 em qual terminal eu jogo a pasta??

Ótimas aulas!

Loiane, muito obrigado pelo curso!

Parabéns! Didática muito e recursos visuais muito bons e isso tornou a aprendizagem mais fácil

Vídeo bem explicativo e simples, de maneira desapercebida já tenho usado relacionamento entre classes, mas entender a teoria por trás clareou minhas ideias!

28/8/2024 - Após as mudanças dessa aula, os dados não estavam sendo renderizados na tela. Tive que alterar o courses.component.ts para: export class CoursesComponent implements OnInit { courses: Course[] = []; displayedColumns: string[] = ['name', 'category']; constructor(private coursesService: CoursesService){} ngOnInit(): void { this.coursesService.list().subscribe( data => this.courses = data, err => console.error('Error loading courses', err) ); } } Funcionou, mas acho que não é a melhor forma. Se alguém tiver alguma sugestão. Estou usando Angular 15.

27/08/2024 (replicando) tambem tive esse problema: Quando eu apertei ctrl shift p, e digitei spring, não apareceu as opções do spring, mesmo instalando a extensão da Loiane de java + spring -Caso alguém esteja com o mesmo problema, eu descobri como resolver. Vá nas extensões do VS Code, na spring boot extension pack, e na parte de "Extension pack" haverá 3 extensões que não estão instaladas, instale-as e reinicie o VS Code obs: replicando o @filipivendraminiguskuma5370 há 2 anos

Para quem esta com problemas nas validações, essa foi a solução que eu consegui achar: Primeiro eu importei o ReactiveFormsModule no shared.module.ts input-field,component.ts @Input() id!: string; @Input() label!: string; @Input() type: string = 'text'; @Input() classeCss: any; @Input() control!: FormControl; aplicaCssErro(): string { return this.control.invalid && this.control.touched ? 'is-invalid' : ''; } input-field.component.html <div class="form-group col-sm-12"> <label [attr.for]="id" class="form-label">{{ label }}</label> <input [type]="type" class="form-control" [id]="id" [ngClass]="aplicaCssErro()" [formControl]="control"> <app-error-msg [control]="control" [label]="label"></app-error-msg> </div> <br> Espero que ajude, comigo funcionou.

Que extensão do VS code vc usa de ícones?

Alguém em 2024 ? Estamos na versão 18 e não está funcionando mesmo com algumas dicas daqui !

Estou com uma dúvida. Sempre preciso ter um camo ID no Spring e no Angular, mesmo se não minha tabela o nome do campo for código ? Muito bom o curso. Parabéns...

Loiane, essa pesquisa reativa não traz um grande impacto de performance pois faz muitas requisições ao backend? Existe alguma estratégia usando caching para resolver isto? Se sim, pode indicar alguma abordagem interessante?

Alguem conseguiu solucionar o problema do id = null? Estou quebrando a cabeça aqui mas n consegui arrumar...

Aulas incríveis, conteúdos incríveis etc etc Muito obrigado Loiane!!!!!!

Seus vídeos didáticos são ótimos, aprendo angular com eles muito mais fácil que em vídeos em inglês que assisto

Se alguém quiser substituir o resolver por algo mais simples, sem precisar fazer nova chamada ao back para obter os dados, pode usar os dados do params, assim: ngOnInit(): void { this.route.params.subscribe(async params => { console.log('params: ', params); if(Object.entries(params).length > 0) { this.form.setValue({ _id: params['_id'], name: params['name'], category: params['category'] }); this.isEdit = true; } else { this.isEdit = false; } }); }

Se vc tiver tum erro ' .An unhandled exception occurred: Script file ../jquery/dist/jquery.js does not exist. See "/tmp/ng-5eS2c8/angular-errors.log" for further details.' no arquivo angular.json coloque "scripts": [ "node_modules/jquery/dist/jquery.js" , "node_modules/hammerjs/hammer.js", "node_modules/materialize-css/dist/js/materialize.js" ]

Estou tendo erro com e extensão do Mysql shell, Após criar uma DB Conexão quando vou iniciar ele pede a senha, mas mesmo eu inserindo a "secret" ele nao funciona. erro: Connection Error: Shell.open_session: Access denied for user 'myuser'@'localhost' (using password: YES). Preciso do Mysql baixado na máquina?

Nas novas versões não da esse erro de CORS, por algum motivo que eu não sei. Provavelmente configuração interna das atualizações.

Tambem gostaria de agradecer a Loiane por esse curso maravilhoso! Parabens e que Deus continue sempre te abençoando!!!!

19/08/2024 para ajudar .No meu quando fiz essas alterações no meu browser não aparecia a lista e não dava erro. Para resolver tive que ir no app.config.ts e importar : import { provideHttpClient } from '@angular/common/http'; no curse.service.ts: import { HttpClient } from '@angular/common/http'; e no angular.json na linha 28 (seção 'assets') tive que fazer a seguinte auteração : "assets": [ "src/assets", "src/favicon.ico" ],

você me inspira, muito inteligente

Meu spinner fica rodando sempre, os cursos não aparece depois dos segundos do delay

Não sei pra que exemplos de classes com tantos atributos, pra quem está aprendendo fica difícil.

Que aula foi essa? Excelente!

Caramba! Você explica muitos detalhes importantes que outros não ensinam. Obrigado pelo conteúdo!

Muito bom!

em 16/08/2024 estou replicando a mensagem do Kaio pois deu certo aqui: Para quem esta com erro houve uma atualização no código: @use '@angular/material' as mat; @include mat.core(); $custom-app-primary: mat.m2-define-palette(mat.$m2-blue-palette); $custom-app-secondary: mat.m2-define-palette(mat.$m2-indigo-palette, A200, A400, 700); $custom-app-warn: mat.m2-define-palette(mat.$m2-red-palette); $custom-theme: mat.m2-define-light-theme(( color: ( primary: $custom-app-primary, accent: $custom-app-secondary, warn: $custom-app-warn, ) )); @include mat.core-theme($custom-theme); @include mat.all-component-themes($custom-theme);

Excelente aula. Vou tentar aplicar no meu app

ótimo conteudo

alguém usando Eclipse e recebeu esse erro: Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Fri Aug 16 11:34:38 BRT 2024 There was an unexpected error (type=Not Found, status=404). No static resource api. org.springframework.web.servlet.resource.NoResourceFoundException: No static resource api.

Seus ensinamentos claros e objetivos não me deixaram com dúvidas.

onde posso estudar sobre api do navegador com angular? já existe implementação de SpeechSynthesis,MediaDevices,Geolocation com angular?

Muito bom

Essas classes pessoal, são muito úteis para trabalharmos com coordenadas e precisão de localização.

Oi Loiane, parabéns pelo curso e pelo canal. Uma dica simples mas que ajudaria bastante, seria ajustar um pouco a cor do VScode para identificar o arquivo que está sendo exibdo pela IDE. A aba selecionada tem um tom muito pouco diferente das demais. Obrigado pelas aulas, são perfeitas!

Em 2024 ainda tem gente seguindo este curso! Parabéns, Loiane! Excelente material e didática! Já deixou teu legado nesse planeta, auxiliando várias almas perdidas. 😊

Como de sempre muito boa a aula. Só passando para repassar alguns conceitos. Quando você fez a recursividade lembrei do método markAllAsTouched. Bom que a equipe do Angular vai vendo necessidade de melhoria adicionando esse métodos. Mas a recursividade ficou muito boa também com o instanceof

Excelente video!!

Que explicação maravilhosa! Obrigado por tudo!

Muito bom. Amei a sua explicação!

Me ajudou muito, obrigado!