Тёмный

ANGULAR AVANÇADO - CRIE COMPONENTES COMO MATERIAL 

Cristian William Dev
Подписаться 9 тыс.
Просмотров 3,8 тыс.
50% 1

Salve galera! Nessa aula iremos aprender a construir componentes Angular, sem substituir as funcionalidades nativas do HTML... Isso irá elevar para outro nível!
Se gostou do conteúdo, me ajuda curtindo, comentando, compartilhando o conteúdo ou até me paga um café caso fiz a diferença pra você!
Me siga para mais conteudos de programação nas redes sociais e meus projetos!
linktr.ee/cris...

Наука

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

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 53   
@RodrigoSalesSilva
@RodrigoSalesSilva 5 месяцев назад
Posso fazer um critica construtiva? Alguns pontos ai ficaram confusos, esse ng-content não é necessário para nada do que foi mostrado no vídeo, pq ele ta representando o conteúdo que está dentro do (e o span não é exibido pq por padrão o navegador nao vai renderizar um conteudo que esta dentro de uma tag input), o que acontece nessa abordagem é que o Angular vai transformar o input como um componente, acho que a explicação principalmente nesse ponto ficou um pouco confusa, o ng-content vai ser sempre o conteudo projetado.
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Boa mano, no caso, como usei um componente, realmente a tag ng-content não coube na explocação! Vlw demais por soltar essa aqui! Isso também vai ajudar a galera! É nois!
@gabrielsantos2800
@gabrielsantos2800 3 месяца назад
Opa, aproveitando p tirar uma dúvida sobre a abordagem do vídeo, se o ng-content não e necessário, ainda seria possível melhorar essa abordagem? E emplo: criaria uma div com input,label e um span error, e fazer com que o input recebesse as propriedades nativas do elemento html sem ter que mapear todas e ainda sim mapear outras propriedades para o componente? Não sei se ficou confuso minha dúvida.
@cristianwilliamdev
@cristianwilliamdev 3 месяца назад
Respondendo o Gabriel, tem sim mano, será um dos próximos vídeos a sair, mas se quiser adiantar, procura sobre ControlValueAccessor
@viniciusbahia810
@viniciusbahia810 5 месяцев назад
Ótimo vídeo. Uma dica para ativar dark mode com apenas uma propriedade CSS: só adicionar `color-scheme: dark;` no :root Nunca mais codo com a tela branca fritando meus olhos kkkk
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Caracaaaaa, vou testar manow
@thaynasilva6846
@thaynasilva6846 5 месяцев назад
Que vídeo incrível, brabo demais! Trabalhei quase 3 anos com React e agora estou migrando pro Angular. Sinto muita falta de conteúdo mais avançado e de qualidade (a comunidade do React é bem maior). Seus vídeos têm me ajudado bastante. Parabéns pelo conteúdo!
@camilabarbosa7293
@camilabarbosa7293 18 дней назад
Valeu!
@JulioCesar-yn7lt
@JulioCesar-yn7lt 4 месяца назад
Valeu mano! Você tem uma didática muito boa Eu vi o video e corri pro meu código para refatorar alguns componentes, nessa eu acabei percebendo que alguns deles deveriam ser diretivas e o código ficou muito melhor. ❤
@Xibes3
@Xibes3 4 месяца назад
Muito bom o conteúdo Cris, você tem uma didática excelente! parabéns.
@cristianwilliamdev
@cristianwilliamdev 4 месяца назад
Estou melhorando ainda!
@apiweb8760
@apiweb8760 5 месяцев назад
Excelente video, tava com essa duvida, tanto que perguntei no outro video, e cara não tinha me tocado que poderia usar uma diretiva para isso. Vivendo e aprendendo. Agora sei como customizar os formularios e continuar utilizando com o Reactive Forms, essa questão que você citou de um componente complexo (label e input por exemplo), era uma que eu tinha. Mas vou destrinchar e seguir usando diretivas para cada um, fica mais simples e direto. Novamente muito obrigado cara, didatica incrivel, otimos exemplos. Ja recomendo para todos na minha empresa.
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Cara, é uma boa ideia, mas no futuro irei ensinar como podemos integrar seus componentes criados na API de forms do Angular... Vlw demias!
@andreeua4329
@andreeua4329 5 месяцев назад
Excelente vídeo! Angular sempre surpreende
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Sempre evoluindo muito!
@acauanpicanco1815
@acauanpicanco1815 5 месяцев назад
Bom pra caralho! Valeu, mt bom ter esses conteudos assim.
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Vlww mesmo manow!
@viniciusnascimentocruz9629
@viniciusnascimentocruz9629 5 месяцев назад
Top demais ! Vc pretende lançar um curso de Angular do básico ao avançado?
@apiweb8760
@apiweb8760 5 месяцев назад
Um curso do Cristian indo até o avançado com essa didatica que o Cristian tem, nossa, seria muito bom.
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Mano, do básico ao avançado é muita coisa ahahahha. Eu pretendo lançar projetos menores, mas com aulas ao vivo e tal, acho melhor de interagir com a galera!
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Mano, fico feliz de estar curtindo! Tmj demais mano!
@chewbacca01
@chewbacca01 5 месяцев назад
Cara que conteúdo top! inclusive apliquei hj no projeto da empresa. Estávamos encapsulando toda parte de estilização dos componentes do primeng em uma lib. Mas usando justamente a abordagem tradicional, precisando reimplementar tudo que vem no primeng. Essa abordagem é muito boa valeu mesmo! Poderia informar quais as fontes usou pra poder buscar esse conhecimento?
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Mano, que foda saber que está implementando essas ideias no dia a dia, bom demais! Sobre minhas fontes, eu acompanho o time do Angular no Github, leio muitos artigos sobre e também gosto de "fuçar" no código do Material... Essa ideia ai mesmo, peguei de la.
@chewbacca01
@chewbacca01 5 месяцев назад
@@cristianwilliamdev Valeu! vou dar uma pesquisada por lá também.
@Pkaxu
@Pkaxu 5 месяцев назад
Show de bola, estou maratonando teu canal haha
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Boaaa, vlw manow!
@carlossouza5478
@carlossouza5478 5 месяцев назад
muito top !! parabéns !
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Vlwww manow Obrigado pelo comentário!
@PauloLucasSilva
@PauloLucasSilva 5 месяцев назад
Muito da hora mano!
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Vlww rei!
@gui8515
@gui8515 5 месяцев назад
Mente desbloqueada! Otima dica Cris vlw!
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Vlwww Gui! A ideia foi essa mesmo! ahushsuahusa
@kevenadryan-i8i
@kevenadryan-i8i 5 месяцев назад
Nice d.i.c.k bro! (Boa dica mano!)
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Ta louco sauhshuashua
@biancayamee9551
@biancayamee9551 5 месяцев назад
mt bom 🤌🤌
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Obrigado Bianca por estar por aqui!
@tosipaulo
@tosipaulo 5 месяцев назад
🤯🤯🤯🤯🤯
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Que foda em manow!
@nelsonarcas8978
@nelsonarcas8978 5 месяцев назад
Conteúdo muito top! Cara vc não pensa em fazer algum tutorial de componentes com Blazor?
@cristianwilliamdev
@cristianwilliamdev 3 месяца назад
Mano, eu sou bem lerdo com Blazor... Não manjo tanto... No .Net gosto só de back memso
@o_glethorpe
@o_glethorpe 5 месяцев назад
Você poderia fazer um vídeo sobre spartan? A idéia é bem legal, porem não gosto muito da forma que implementaram os componentes. Como a moda agora é standalone, pra adicionar um componente, precisa importar 10 outros componentes/diretivas. Gostaria de saber sua opniao sobre isso. A moda é composabilidade ,mas como angular sendo standalone agora, fica muito moroso, tem que importar o arquivo e importar no componente individualmente.
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Mano, pra falar a real, eu não manjo tanto assim de spartan, mas quem sabe no futuro... Vlw por comentar!
@herbertcarvalho4806
@herbertcarvalho4806 5 месяцев назад
top
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Vlww rei!
@Gustavo-bi4hv
@Gustavo-bi4hv 4 месяца назад
Muito legal, mas achei bem estranha a sintaxe KKKK Talvez seja só questão de hábito mesmo...
@cristianwilliamdev
@cristianwilliamdev 4 месяца назад
husahusahusahusahusahusa pode crer mano!
@gui8515
@gui8515 5 месяцев назад
CRISSSSSS como voce fez para intentar os arquivos no vscode???? no minuto 1:50
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Pera aí mano
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
www.linkedin.com/posts/cristian-silva-vieira_angular-vscode-devexperience-activity-7183823241445076995-cKRJ? Assim manow
@gui8515
@gui8515 5 месяцев назад
@@cristianwilliamdev valeu meu querido ! ^^
@brayansantos2255
@brayansantos2255 5 месяцев назад
Galera do Angular Material está migrando os componentes para este modelo agora né....
@cristianwilliamdev
@cristianwilliamdev 5 месяцев назад
Então mano, mas ja era assim faz um tempo, tanto que sempre tiver o mat-input, mat-label e tal, ao inves de componentes, sendo usados dessa forma! Maneiro ter voce aqui brow!
@ValmirBarbosadosSantos
@ValmirBarbosadosSantos Месяц назад
Valeu!
Далее
Blue vs Green Emoji Eating Challenge
00:33
Просмотров 3,8 млн
ANGULAR: ENTENDA O QUE É HOST NA PRÁTICA
20:45
Просмотров 3,4 тыс.
ANGULAR SIGNALS INPUTS | EXEMPLOS PRÁTICOS
36:12
Просмотров 3,7 тыс.
Aplicando Arquitetura MVVM em React.js
10:58
EXCLUSIVO ANGULAR AVANÇADO: CONTROL VALUE ACCESSOR
41:36
Generate a PDF in React
23:38
Просмотров 14 тыс.
ANGULAR OBSERVABLES INICIANTES GUIA PRÁTICO
52:33
Просмотров 7 тыс.
ANGULAR: RXJS É MELHOR QUE NGRX | ENTENDA AGORA
40:24
Hardware tools repair tool high performance tool
0:16