🎯 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
@Elizeu_Vito_SantosКүн бұрын
Brabo d+, ótimo conteúdo.
@brunoferreiradasilva4147Күн бұрын
Cristian, vc é fera meu querido, como disse o mano ai, contéudo de qualidade...
@edibertoalves6067Күн бұрын
Obrigado! Me ajudou a praticamente no entendimento o UnitOfWork!
@dotnunesКүн бұрын
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..
@3centavosbrКүн бұрын
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?
@CARLOSOLIVEIRA-mt3ekКүн бұрын
Video mais importante!
@arozendojrКүн бұрын
onde posso estudar sobre api do navegador com angular? já existe implementação de SpeechSynthesis,MediaDevices,Geolocation com angular?
@leo_fillКүн бұрын
Por favor, continua postando sobre .NET! Seu conteúdo é incrível
@NatanielSouza-t6z2 күн бұрын
Conteúdo Extremamente valioso, dúvida: Que fonte é essa que você usa no seu vs code?
@netorutes2 күн бұрын
obrigado por compartilhar!!!!
@viajarepreciso49292 күн бұрын
Muito bom, faz mais vídeos sobre essa temática de Domínios
@robinsonrenato2 күн бұрын
Bugou minha cabeça 😂
@nivaldobrasil2 күн бұрын
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?
@netorutes2 күн бұрын
Parabéns pela coragem e compartilhar conosco
@CARLOSOLIVEIRA-mt3ek3 күн бұрын
Quando ele disse "que nome eu dei praquela poha" eu ja smash no like, esse cara me representa!
@PauloLucasSilva3 күн бұрын
Trabalho em projetos com muitos formulários e essas dicas são top!
@carlossouza54783 күн бұрын
zica essa parada ai ... muito bom!!
@rodrigol3onardo3 күн бұрын
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?
@dhionys.soares3 күн бұрын
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.
@kaiofelipe48053 күн бұрын
Poderia fazer um video ensinando como fazer autenticação no .NET?
@AlexandreOliveira-zt9zq3 күн бұрын
que isso, não lembro de ter assinado o youtube premium
@DiogoLScarmagnani3 күн бұрын
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.
@DevMauricioSouza3 күн бұрын
sensacional... cara sua didatica é exelente !
@valterdebrito39903 күн бұрын
Vídeo Top!!! Valeu
@henriquebarros83033 күн бұрын
Você lembra qual o tema/font que você está usando no vídeo?
@jonathancristian64623 күн бұрын
Muito bom mano, boa didática e explicação excelente.
@josuealves79293 күн бұрын
Show
@Sousa22ko3 күн бұрын
Sou dev Java, nem manjo mto de .net mas adoro teus videos 👍
@TheJefersonHT3 күн бұрын
Muito bom
@Celsozequim3 күн бұрын
Que aula hein... valeu mais uma vez.
@arozendojr3 күн бұрын
Seus vídeos são muito bons
@Leobraic3 күн бұрын
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.
@ramosandresc3 күн бұрын
👍👍👍
@alisonrodrigues30873 күн бұрын
Qual sua setup de fonte para os comentários ficarem assim?
@pedrolustosa58403 күн бұрын
Muito show as suas explicações e, a cada dia pego essas ideias e passo aos meus projetos pessoais.
@joaovitormedeiros26904 күн бұрын
Por acaso você tem algum curso, ou somente pelo you tube? Sua didática é muito boa.
@renatogravino52694 күн бұрын
Joga uma aula de testes em angular 🤩
@renatogravino52694 күн бұрын
Já usei diretivas mas não conhecia desta forma, ampliou minha visão de diretivas.
@JogandocomVini3 күн бұрын
vc usa observáveis bastante quando coda em angular?
@kiitidh4 күн бұрын
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
@DennisJCarvalho4 күн бұрын
Manero essa dica!
@tonyfilho16434 күн бұрын
Cara, um video de 36 mts, eu estou tirando horas de conhecimento. Parabéns
@josuealves79295 күн бұрын
Show
@DantonPonceDeveloper5 күн бұрын
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
@viniciussilva69885 күн бұрын
Excelente aula !!
@pauloeduardo14616 күн бұрын
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.
@cristianwilliamdev6 күн бұрын
@@pauloeduardo1461 Boaaa, agora só falta ver meu vídeo onde eu ensino toda essa baboseira com RxJs nativo 🤘🏻🤘🏻🤘🏻