\o/ amo os seus videos. Excelentes

com essa aula finalmente entendi como funciona a lógica de adicionar no fim graças ao uso dos diagramas de facto ajuda muito, obrigado professora ❤❤❤❤

FIXED [ERROR] Angular Material v18 Existem 2 maneiras. Em ambas as maneiras eu não consegui fazer com que os atributos `color="primary"` funcionasse no <mat-toolbar>. Se alguém conseguiu fazer, por favor informe como fez :) (PRIMEIRA MANEIRA) 1. Vá no styles.scss e informe: @use '@angular/material' as mat; @include mat.core(); $light-theme: mat.define-theme( ( color: ( theme-type: light, primary: mat.$azure-palette, tertiary: mat.$blue-palette, ), density: ( scale: 0, ), ) ); html { @include mat.all-component-themes($light-theme); } html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } -------------------------------------------------------------- (SEGUNDA MANEIRA) Segundo a documentação do Angular Material em: v18.material.angular.io/guide/theming#customizing-your-colors Agora o Angular não utiliza mais o Material Design 2 e sim o 3. Para fazer as devidas alterações, faça: 1. No terminal execute `ng generate @angular/material:m3-theme ` Ao executar o comando, o terminal perguntará qual a cor Primária (primary), Secundária(secondary) e Terciária (tertiary), voce informa no formato hexadecimal #008bd7 (por exemplo). Existe o site www.colorhexa.com/ que voce informa a cor primária e ele traz recomendações de cores secundárias e terciárias. Cor Neutra (neutral) pode deixar em branco. (só teclar Enter) 2. Ele vai perguntar qual o diretório que o arquivo será salvo, pode deixar em branco. (só teclar Enter) 3. Vai perguntar se deseja usar variáveis de sistema, (eu informei "Não"). 4. Escolher o tema claro (light), escuro (dark) ou ambos (both)? (eu escolhi claro). Após isso será gerado o arquivo "m3-theme.scss" na pasta raiz do projeto. 5. Vá no arquivo styles.scss e informe: @use '@angular/material' as mat; @use './path/to/m3-theme'; @include mat.core(); html { @include mat.all-component-themes(m3-theme.$light-theme); }

Ótimo vídeo ! Obrigado.

Poxa, agradeço a Deus ter te encontrado!

Ainda compensa assistir esses vídeos no final de 2024 ou já estão defasados? Não achei material semelhante aqui no KZbin com a mesma qualidade e quantidade.

Maravilhosa, me ajudou demais

pedi para o gpt me indicar vídeos sobre estrutura de dados e ele recomendou vc

Fiz agora sem o providers dentro do modulo e não apontou nenhum erro no console, alguma atualização ou isso pode ser boas práticas?

Obrigado, Loiane, pelo conteúdo incrível e pelo aprendizado valioso!

nossa... não entendi nada

Boa noite. Ótimas explicações Loiane. Parabéns. Para quem precisar, no meu caso estava dando erro por falta de um <tbody> aí ficou assim : <table style="width: 100%" formArrayName="lessons" *ngFor="let lesson of getLessonsFormArray(); let i = index"> <tbody> <tr [formGroupName]="i"> <td style="width: 65%;"> <mat-form-field class="full-width"> <mat-label>Nome da aula</mat-label> <input matInput formControlName="name"> </mat-form-field> </td> <td style="width: 30%"> <mat-form-field class="full-width"> <span matTextPrefix>youtu.be/</span> <mat-label>URL</mat-label> <input matInput formControlName="name"> </mat-form-field> </td> </tr> </tbody> </table>

so um detalhe, mas pelo que aprendi, Angular não é compilada e sim interpretada, no caso não é compilada incrementalmente, na verdade o fonte não compila, é interpretado em tempo de execução, por isso não é necessário buildar e startar novamente. Posso estar enganado, mas creio que não estou rs

Mulher te amo Loiane. Muito obrigado pelo conhecimento ❣

Olá, tudo bem? lembra que você falou na rede vizinha sobre analisadores de código e vulnerabilidade, consegui ver só agora, black duck é pago e não tem nada para desenvolvedor independente, Snyk consegui criar login, sonarQube também, conhece mais algum analisador de códigos aberto ao consumidor final, digo desenvolvedor independente ?

No angular estava dando erro, então usei o seguinte código e deu certo para mim: @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);

6 anos depois estou aqui novamente

Vou ser sincero Loiane, muito obrigado pelo conhecimentos ❣

Estudando aqui em 2024

A partir da versão 17 do Angular, novos projetos serão autônomos por padrão 'standalone: true' (para verificar isso só abrir um componente.ts e ver no Decorator @Component). A partir disso para criar um projeto com NgModule, use a opção ng new nome-do-projeto --no-standalone

A partir da versão 17 do Angular, novos projetos serão autônomos por padrão 'standalone: true' (para verificar isso só abrir um componente.ts e ver no Decorator @Component). A partir disso para criar um projeto com NgModule, use a opção ng new nome-do-projeto --no-standalone

Fiz com a API Stack public static void main(String[] args) { Stack<Integer> stack = new Stack<>(); Scanner scanner = new Scanner(System.in); System.out.println("10 números: "); for (int i = 1; i <= 10 ; i++) { System.out.print("Número " + i + "°: "); int num = scanner.nextInt(); if (num % 2 == 0) { System.out.println("Empilhando número " + num); stack.push(num); } else { if (stack.isEmpty()) { System.out.println("Pilha vázia."); } else { System.out.println("Elemento desempilhado " + stack.pop()); } } } System.out.println(stack); while (!stack.isEmpty()) { stack.pop(); } System.out.println(stack); }

Segue minha atualização em 2024 pode ser util para alguem: Como sabemos o Angular atual não tem o app.module.ts Por padrao temos o standalone: true Entao adicionei o import em app.component.ts import { CursosComponent } from './cursos/cursos.component'; Sem necessidade do providers Tive o seguinte erro no meu projeto: NullInjectorError: No provider for service A solução que encontrei foi: @Injectable({providedIn: 'root' }) Mais uma vez muito obrigado Loiane e a todos que comentaram nos videos anteriores desse curso Angular com as soluções encontradas após a atualização do Angular causar alguns erros para quem está praticando atualmente.

Estou interessado em aprender Angular e apreciei imensamente sua didática. No entanto, gostaria de evitar iniciar meus estudos com uma versão antiga, como o Angular 4 de 2017, que possui um curso completo disponível. Considerando que estamos quase em 2025, há uma diferença de oito anos. Você tem planos de lançar um curso atualizado de Angular? Ou poderia recomendar um curso de Angular que não tenha sofrido muitas variações desde então? Agradeço desde já pela atenção.

e as dependencias onde consigo

Oi Loiane, eu te conheci no seu livro Algoritmo estrutura de dado, Atualmente trabalho com ts e react. Achei seu canal nota 10.

Vai ter Black Friday esse ano??? 😂😂😂

Amiga demorou pra mim, entender mais essa aula sua esta muito boa recomendo demais pra quem esta estudando o Angular muito obrigado pelo conhecimento! <3

Será que sou o único que não pega o prato de cima ? Kkkkk

Pessoal para ver a versão do angular no ano de 2024, digitem o comando ng version

Quem está usando angular 18+ pode ter um problema com o arquivo angular.json e acabar não retornando o /assets/courses.json. fiz essa modificação no arquivo angular.json e funcionou perfeitamente ! "assets": ["src/assets", "src/favicon.ico"], ERRO QUE ESTAVA APARECENDO: ERROR HttpErrorResponse { headers: _HttpHeaders { normalizedNames: Map(8) { 'access-control-allow-origin' => 'access-control-allow-origin', 'connection' => 'connection', 'content-length' => 'content-length', 'content-security-policy' => 'content-security-policy', 'content-type' => 'content-type', 'date' => 'date', 'keep-alive' => 'keep-alive', 'x-content-type-options' => 'x-content-type-options' }, lazyUpdate: null, headers: Map(8) { 'access-control-allow-origin' => [Array], 'connection' => [Array], 'content-length' => [Array], 'content-security-policy' => [Array], 'content-type' => [Array], 'date' => [Array], 'keep-alive' => [Array], 'x-content-type-options' => [Array] } }, status: 404, statusText: 'Not Found', url: 'localhost:4200/assets/courses.json', ok: false, name: 'HttpErrorResponse', message: 'Http failure response for localhost:4200/assets/courses.json: 404 Not Found', error: SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at JSON.parse (<anonymous>) at _FetchBackend.parseBody (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:1210:42) at _FetchBackend.eval (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:1170:23) at Generator.next (<anonymous>) at fulfilled (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:69:24) at _ZoneDelegate.invoke (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:313:158) at Object.onInvoke (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:6697:25) at _ZoneDelegate.invoke (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:313:46) at ZoneImpl.run (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:109:35) at eval (eval at instantiateModule (file:///C:/Users/I5%209400F/Desktop/Pasta%20unica/Analise%20e%20Desenvolvimento%20de%20Software/Projetos%20de%20SOFTWARES/Projeto-Angular/crud-angular-spring/crud-angular/crud-angular/node_modules/vite/dist/node/chunks/dep-DyBnyoVI.js:52905:24), <anonymous>:1012:30) }

Olá pessoal. Estou na área de testes automatizados onde utilizo Java a uns 3 anos. Estou migrando para a área de desenvolvimento e fui aconselhado a ver essa playlist. Minha dúvida é: Posso começar por essa playlist ou é interessante fazer alguma outra antes?

Legal, mas tudo muito rápido sem uma explicação detalhada de que cada linha faz e comando.

Muito obrigado pelas aulas!

muito obrigado pela aula!

Mais uma vez, muito obrigado!

muito obrigado!

Valeu demais!!!

Nossa, que felicidade, Loiane de volta.

achei seu conteúdo incrível, porém infelizmente desde sexta-feira eu não consigo usar rotas assim, uso o angular cli, você poderia me ajudar? já tentei de tantas maneiras usar esse bendito routerLink e não consigo... no codigo dentro do VScode não dar erro nenhum, mas no browser não fica a palavra para linkar e fazer a rota...

muito obrigado pela aula!💜

Brigadão pela aula!

Excelente didática professora. Os seus vídeos salvaram o meu semestre.

muitoooo bom, obrigada!!

Menina, você é uma joia para quem está estudando e buscando boas referências. Deus te abençoe hoje e sempre!