ANGULAR AVANÇADO - CRIE COMPONENTES COMO MATERIAL
ฝัง
- เผยแพร่เมื่อ 14 เม.ย. 2024
- 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/cristianwilliamdev - วิทยาศาสตร์และเทคโนโลยี
Ó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
Caracaaaaa, vou testar manow
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.
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!
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.
Respondendo o Gabriel, tem sim mano, será um dos próximos vídeos a sair, mas se quiser adiantar, procura sobre ControlValueAccessor
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!
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. ❤
Muito bom o conteúdo Cris, você tem uma didática excelente! parabéns.
Estou melhorando ainda!
Excelente vídeo!
Angular sempre surpreende
Sempre evoluindo muito!
Top demais ! Vc pretende lançar um curso de Angular do básico ao avançado?
Um curso do Cristian indo até o avançado com essa didatica que o Cristian tem, nossa, seria muito bom.
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!
Mano, fico feliz de estar curtindo! Tmj demais mano!
Nice d.i.c.k bro! (Boa dica mano!)
Ta louco sauhshuashua
Bom pra caralho! Valeu, mt bom ter esses conteudos assim.
Vlww mesmo manow!
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?
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.
@@cristianwilliamdev Valeu! vou dar uma pesquisada por lá também.
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.
Cara, é uma boa ideia, mas no futuro irei ensinar como podemos integrar seus componentes criados na API de forms do Angular... Vlw demias!
muito top !! parabéns !
Vlwww manow Obrigado pelo comentário!
🤯🤯🤯🤯🤯
Que foda em manow!
Muito da hora mano!
Vlww rei!
Show de bola, estou maratonando teu canal haha
Boaaa, vlw manow!
top
Vlww rei!
mt bom 🤌🤌
Obrigado Bianca por estar por aqui!
Mente desbloqueada! Otima dica Cris vlw!
Vlwww Gui! A ideia foi essa mesmo! ahushsuahusa
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.
Mano, pra falar a real, eu não manjo tanto assim de spartan, mas quem sabe no futuro... Vlw por comentar!
Conteúdo muito top!
Cara vc não pensa em fazer algum tutorial de componentes com Blazor?
Mano, eu sou bem lerdo com Blazor... Não manjo tanto... No .Net gosto só de back memso
Galera do Angular Material está migrando os componentes para este modelo agora né....
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!
Muito legal, mas achei bem estranha a sintaxe KKKK
Talvez seja só questão de hábito mesmo...
husahusahusahusahusahusa pode crer mano!
CRISSSSSS como voce fez para intentar os arquivos no vscode???? no minuto 1:50
Pera aí mano
www.linkedin.com/posts/cristian-silva-vieira_angular-vscode-devexperience-activity-7183823241445076995-cKRJ?
Assim manow
@@cristianwilliamdev valeu meu querido ! ^^