Angular 9 - Curso Grátis - Diretivas na Prática [2020]

Подписаться 96 тыс.

Просмотров 11 тыс.

50% 1

Vem participar do evento que vai modificar a tua jornada como programador! Clica no link bit.ly/43mgfwg para saber mais detalhes. É 100% online e gratuito.
Aprenda em apenas 4 dias o conteúdo de meses através de uma abordagem completamente diferente daquilo que você já viu, e focado em conhecimento de longo prazo. Você não vai esquecer o conteúdo apresentado e isso transformará a maneira como você desenvolve para Web!
Se inscreva já e garanta a sua vaga. 👾
◆ www.cod3r.com.br/ ◆
_
Entre no nosso Discord! / discord
_
Curso Grátis e Certificado: bit.ly/cod3r_a...
Neste curso gratuito iremos desenvolver uma APLICAÇÃO COMPLETA usando o Angular 9 e ao mesmo tempo entender os principais conceitos do framework!
Falaremos sobre: Componentes, Diretivas, Services, Observables, RxJS, Pipes, Injeção de Dependência e muito mais.
#angular #framework #spa #cursogratis #angular9
Mais detalhes em:
www.cod3r.com....
Música da introdução:
Do It by MBB / mbbofficial
Creative Commons - Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0
Free Download / Stream: bit.ly/do-it-mbb
Music promoted by Audio Library • Do It - MBB (No Copyri...
_
Sobre a Cod3r:
Somos uma escola de cursos online de programação. Com um time de professores e de suporte com experiência no mercado de programação, entregamos um conteúdo único sobre arquitetura e design, infraestrutura e todo o ciclo de vida do desenvolvimento de um software. Se junte aos mais de 200 mil alunos que já passaram por aqui e venha aprender também.
_
◆ Conheça nossos cursos:
bit.ly/3i18STM
_
◆ Vem fazer parte da nossa comunidade:
Blog: bit.ly/3nzpXVS
Afiliados: bit.ly/cod3r-a...
_
◆ Siga a Cod3r nas redes sociais:
RU-vid: bit.ly/2LJdjpX
Instagram: bit.ly/3bAStnX
Facebook: bit.ly/2MWAn5p
LinkedIn: bit.ly/3i3pfPC

Опубликовано:

7 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 36

@WiltonRibeiroCruz 3 года назад

Tive erro no TS em questão da atualização onde na linha @Input("myForEm") numbers: number[]; "numbers" ficava reclamando erro que era de atualização, fui no tsconfig.json e definir para "strictPropertyInitialization": false

@ernestodev 3 года назад

Ajudou aki, vlw!!!

@RafaelLima-xz7zc 3 года назад

Obrigado, ajudou aqui

@WiltonRibeiroCruz 3 года назад

@@RafaelLima-xz7zc opa q bom hehe.

@alvessgustavo 3 года назад

Salvou!!!! Valeuuuuu!!!

@WiltonRibeiroCruz 3 года назад

@@alvessgustavo é noix!

@mateusduartetarouco3536 3 года назад

Fiz o curso gratuito na cod3r e logo depois já conseguiu meu primeiro emprego como dev frontend. Muito grato pelos ensinamentos, vcs são demais

@cod3r 3 года назад

Parabéns, Matheus 👏👏👏

@parasitasdouniverso7366 3 года назад

Obrigado pela ajuda professor! Estou acompanhando o curso completo e você esta sendo maravilho nas explicações e no entendimento do Angular 2.

@123RogerioFerreira 2 года назад

Quem estiver com problema no: @Input('myForEm) numbers: number[]; Basta acrescentar uma ! após numbers: @Input('myForEm') numbers!: number[];

@viniciusfernandes6834 2 года назад

Vlw!!

@jonathangomes7539 4 года назад

E eu pensando que sabia Angular kkk, não conheço nem 10% do poder do angular

@dafinemedina5350 4 года назад

Gostando muito do curso!! Conteúdos Interessantes e bem explicados!

@simongamer7288 2 года назад

diretivas de atributo é até tranquilo, mas a estrutural é complicado de entender, de toda maneira obrigado pela excelente aula.

@ranieriprg5977 Год назад

Muito boa Aula.

@andrevini85 4 года назад

O curso está excelente! Continue sempre com esses ótimos conteúdos!

@simongamer7288 2 года назад

Pessoal, outra coisa que reparei que dificulta o entendimento de termos mais complexos, como por exemplo essa diretiva estrutural, é que o Professor Leonardo edita algumas partes do vídeo durante a explicação, aqueles pequenos cortes que os youtubers fazem, mas nesse caso como trata-se de uma linha de raciocínio muitas vezes perde a concordância, reparem no trecho 10:30 ("a partir.." (corte) e volta "no momento que defino o EM").

@simongamer7288 2 года назад

Assisti essa aula umas 10x e comecei a entender melhor o conceito kkkk show

@RafaelLima-xz7zc 3 года назад

Só eu que achei um pouco difícil de entender como funciona essa ultima diretiva?

@godoyeverton 2 года назад

e aquela exclamação do numbers! também, não entendi como no dele não deu erro :(

@Bruno_Costa_m19 4 года назад

Excelente aula. Parabéns, Leonardo!

@ramonribeiro120 4 года назад

Leo, faz uma live, ia gostar de participar

@Gu-yu5wu 11 месяцев назад

Quando faço a injeção de dependencia da erro

@yuriki0 2 года назад

Galera, vai dar erro na diretiva por causa da versao do TypeScript. Só colocar numbers!:number[] e texto!:string

@yuriki0 2 года назад

Essa nova versao exige que a variavel seja inicializada.

@TadeuCosta56 4 года назад

Leonardo, boa noite. Parabéns pelos seus ensinamentos nos cursos da Cod3r. Eu criei a diretiva MyFor e está dando o seguinte erro no Footer: Angular core.js:12768 Can't bind to 'MyForEm' since it isn't a known property of 'li. O for.directives está assim: import { Directive, OnInit, Input } from '@angular/core'; @Directive({ selector: '[MyFor]' }) export class ForDirective implements OnInit{ @Input('myForEm') numeros: number[] // @Input('myForUsando') texto: string constructor() { console.log('MyFor') } ngOnInit(): void { console.log('Dentro do ngOnInit') console.log(this.numeros) // console.log(this.texto) } } O arquivo footer.component.html: Desenvolvido com favorite por Cod3r A versão do Angular que estou usando: _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 9.1.6 Node: 13.11.0 OS: win32 x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.901.6 @angular-devkit/core 9.1.6 @angular-devkit/schematics 9.1.6 @schematics/angular 9.1.6 @schematics/update 0.901.6 rxjs 6.5.4

@TadeuCosta56 4 года назад

Leonardo, descobri a razão dos erros: estava faltando um ; no decorator @Input !!!

@Glauberjds 3 года назад

@@TadeuCosta56 não faz diferença usar ou não ;

@Glauberjds 3 года назад

No selector você declarou MyFor com M maiúsculo e nos input você usou myFor, com M minúsculo e na li você declarou *MyFor, deixe tudo maiúsculo ou minúsculo que dará certo.