🎯 Key points for quick navigation: 🆕 Angular 17 lançado com novidades significativas e uma nova identidade visual. 📊 Introdução do `deferred views` para carregamento lazy de componentes a nível de rota. ⚙️ Melhorias no `building control flow` que otimizam ngFor, ngIf, e outras diretivas. 🖥️ Foco no SSR (Server-Side Rendering) e SSG (Static Site Generation) para melhor performance. 📘 Nova documentação interativa e mais amigável para aprendizado. 🛠️ Disponibilidade de playgrounds no navegador para experimentação de código. 🚀 Melhorias perceptíveis na velocidade de build e runtime performance. 💬 Feedback positivo sobre as mudanças e aprimoramentos na comunidade de desenvolvedores. 🚀 Angular 17 foi lançado com diversas atualizações significativas e novos recursos. 🛠️ O uso do @if e @else substitui o antigo *ngIf, simplificando o aprendizado inicial. 🔄 As mudanças no sistema de detecção de mudanças prometem melhorar a performance do Angular. 📊 A nova sintaxe @if/@else permite maior controle sobre o fluxo de dados no código. 🎨 O @switch oferece uma nova maneira de lidar com casos múltiplos de maneira mais eficiente. 🔍 O uso obrigatório do trackBy no @for demonstra uma abordagem mais inteligente para lidar com listas. 📉 Alguns operadores como o async pipe foram atualizados para melhor compatibilidade com novas versões. 📚 A introdução do empty pipe simplifica a lógica para verificar se uma lista está vazia. 🔄 Lazy loading agora possível em componentes: Angular 17 introduziu suporte para lazy loading não apenas em rotas, mas também em componentes individuais. 🚀 Melhoria de desempenho significativa: Componentes são carregados apenas quando necessários, melhorando a velocidade de carregamento da aplicação. 🎬 Exemplo prático com criação de componente: Demonstração de como criar e utilizar um novo componente com lazy loading dentro do código. 📊 Utilização de placeholders durante o carregamento: Introdução de placeholders para melhorar a experiência do usuário enquanto aguarda o carregamento dos componentes. 🎯 Estratégias de carregamento baseadas em eventos: Uso de eventos como viewport e hover para determinar quando os componentes devem ser carregados. 🎥 Aplicação prática em listagem de filmes: Implementação de lazy loading em uma lista dinâmica de filmes com base na categoria visualizada. 📈 Otimização de carregamento de dados: Redução do carregamento inicial de dados desnecessários, melhorando assim a eficiência e o desempenho geral da aplicação. 📱 Suporte a várias estratégias de ativação: Angular 17 permite definir diferentes gatilhos para o carregamento de componentes, como scroll, hover e eventos específicos. 🚀 O Angular 17 introduziu suporte robusto para Server Side Rendering (SSR), simplificando a configuração e melhorando a performance. 🎨 Novos ciclos de vida como After Render e After Next Render permitem controle mais preciso sobre o processo de renderização. 🛠️ O framework agora utiliza ES Build e Vite ao invés do Webpack, promovendo significativa melhoria na velocidade de build e performance. 🔄 Transições diretas nos componentes agora são suportadas, facilitando a criação de animações e efeitos visuais. 🛡️ O Angular 17 abandonou o uso do Zone.js em favor do Signoz, resultando em renderizações mais eficientes e menos processamento redundante. 📊 Introdução de melhorias significativas no Angular DevTools, oferecendo insights mais detalhados e úteis para desenvolvedores. 🎉 Suporte nativo para APIs standalone foi padronizado, simplificando o desenvolvimento e integrando-se diretamente ao Angular. 🎯 A nova versão enfatiza a simplificação e qualidade de vida do desenvolvedor, com melhorias em testes, animações e configurações de build. 🖥️ O Angular 17 apresenta Server Side Rendering (SSR), que processa a renderização no servidor antes de enviar para o navegador, melhorando SEO e performance inicial. 🔄 Comparação entre Client Side e Server Side Rendering mostra diferenças claras na inicialização e conteúdo pré-renderizado. 🚀 SSR no Angular 17 gera páginas com conteúdo pré-carregado, otimizando o tempo de carregamento inicial e a experiência do usuário. 🎨 A implementação de SSR inclui ajustes automáticos no estilo da página, mostrando o conteúdo renderizado antes do JavaScript ser processado. 📈 Benefícios do SSR incluem melhor posicionamento de SEO e melhoria na velocidade de carregamento, essencial para aplicações web modernas. 🔍 Ferramentas como DevTools mostram a integração e o suporte do Angular 17 para SSR e SSG (Static Server Generation). 🛠️ Configurações simplificadas permitem ativação rápida de SSR em projetos novos e existentes no Angular 17. 💬 O vídeo destaca a importância e os benefícios práticos do SSR para desenvolvedores e usuários finais. Made with HARPA AI

Brabo d+, ótimo conteúdo.

Cristian, vc é fera meu querido, como disse o mano ai, contéudo de qualidade...

Obrigado! Me ajudou a praticamente no entendimento o UnitOfWork!

Cris o que vc acha de utilizar arquivo resource .resx para padronizar string das mensagens de respostas.. algo do tipo SEU_PEDIDO_ESTA_EM_X0, onde X0 trata-se de variavel. Vejo em muito projetos que a galera passa na mensagem de retorno a mesma coisa e escrito de diversas formas em varios lugares..

Muitoooo bom, isso realmente destrava a mente, nesse momento tenho varios cenários onde podia ter aplicado dessa forma mas não fiz kkk Enfim aprendizado, uma dúvida vc poderia trazer em quais sites, páginas ou canais no youtube você consome conteúdos sobre .net em geral, notícias, atualizações e afins?

Video mais importante!

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

Por favor, continua postando sobre .NET! Seu conteúdo é incrível

Conteúdo Extremamente valioso, dúvida: Que fonte é essa que você usa no seu vs code?

obrigado por compartilhar!!!!

Muito bom, faz mais vídeos sobre essa temática de Domínios

Bugou minha cabeça 😂

man, o que mais gosto do seus vídeos é q vc não edita essas partes kzfaq.info/get/bejne/gct-g9Vm19CqdXk.html. Não fica parecendo q estamos vendo um robô. Parabéns pelos vídeos. A propósito, pq tirou a playlist do 'clone' do whatsapp?

Parabéns pela coragem e compartilhar conosco

Quando ele disse "que nome eu dei praquela poha" eu ja smash no like, esse cara me representa!

Trabalho em projetos com muitos formulários e essas dicas são top!

zica essa parada ai ... muito bom!!

Cris, não podemos criar migração quando fazemos esse tipo de modelagem certo? Tem alguma saída pra quando se quer modelar assim, e ainda assim gerar as migrações?

Acho que daria também com generics, order seria genérica de T onde T seria manual ou planejada. Enfim, por isso o C# é fortemente tipado.

Poderia fazer um video ensinando como fazer autenticação no .NET?

que isso, não lembro de ter assinado o youtube premium

Cristian, sobre as factories eu não sabia ainda, muito legal isso. Mas sobre o init eu já sabia porém acabei não usando pelo seguinte motivo: Atualmente estou fazendo meu TCC com Minimal API e em minhas rotas de update, após buscar a entidade com o FirstOrDefaultAsync, não era possível atualizar os dados com o q vinha do DTO. Eu entendo q imutabilidade é sempre bom, mas o q fazer nesse caso? Pois nunca se sabe qual prop virá alterada do usuário, então qualquer prop (claro, tirando Id, CreatedAt etc.) poderá mudar no futuro, dependendo da regra de negócio. Isso acabou me fazendo voltar a usar o set ao invés do init (a contragosto pois gosto de usar imutabilidade sempre q possível). O q vc recomenda fazer nesse caso, considerando os updates? Eu sei tbm q o ideal seria usar o PATCH ao invés do PUT mas o prazo já tá meio em cima e não tenho mais tempo pra refatorar tanto assim. kkk Queria muito saber qual abordagem vc usa para as rotas de update, considerando q vc tbm é do time do init.

sensacional... cara sua didatica é exelente !

Vídeo Top!!! Valeu

Você lembra qual o tema/font que você está usando no vídeo?

Muito bom mano, boa didática e explicação excelente.

Show

Sou dev Java, nem manjo mto de .net mas adoro teus videos 👍

Muito bom

Que aula hein... valeu mais uma vez.

Seus vídeos são muito bons

Muito bom mesmo cara. Eu vejo muito a galera criando só get;set; nas propriedades de classes de domínio e deixando as alterações de comportamento em classes de serviço, ou até mesmo alterando propriedade por propriedade, quando necessário.

👍👍👍

Qual sua setup de fonte para os comentários ficarem assim?

Muito show as suas explicações e, a cada dia pego essas ideias e passo aos meus projetos pessoais.

Por acaso você tem algum curso, ou somente pelo you tube? Sua didática é muito boa.

Joga uma aula de testes em angular 🤩

Já usei diretivas mas não conhecia desta forma, ampliou minha visão de diretivas.

Muito bom, bem didático. Depois que migrei de vue e react para angular, comecei a usar muito o rxjs e tbm singleton para compartilhar informações entre componentes. Fica bem organizado e fácil de entender

Manero essa dica!

Cara, um video de 36 mts, eu estou tirando horas de conhecimento. Parabéns

Show

Padre, no minuto 35 ao tentar definir o campo como disabled, não deu certo pois você colou o parâmetro {disabled: true} como terceiro argumento. A maneira correta de setar um formControl como disabled é logo após inserir o value, ficaria assim: rua: [{ value: null, disabled: true }, Validators.required]; //Note que o disabled e o values estão dentro do mesmo { }; Ótimo conteúdo, a cada vídeo seu aprendo algo novo, muito obrigado <3

Excelente aula !!

Igual o lixo do Redux no ambiente React. Dá pra gerenciar o estado da aplicação com o uso de serviços de forma muito mais limpa e intuitiva com Angular.

E hoje em dia temos o Inject, obrigado Angular

Aulão

Mano Show

Conteúdo top