Angular Universal em Profundidade (Angular 16)

Aprenda Angular Universal (Angular 16), otimize o desempenho de sua aplicação e melhore a visibilidade de SEO e mídias sociais

Avaliação: 4.2 de 5640 avaliações

Total de 4.5 horas

31 palestras

Todos os níveis

Aprenda Angular Universal (Angular 16) e melhore o desempenho de sua aplicação, otimizando-a para SEO e mídias sociais.

Este Curso em Resumo

Se você já possui conhecimento em Angular e deseja explorar ainda mais o ecossistema do Angular aprendendo o Angular Server-Side Rendering, então este curso é perfeito para você! Neste curso, iremos nos aprofundar no Angular Universal desde o início. Pegaremos uma aplicação Angular de página única existente e a transformaremos em uma Aplicação Angular Universal. Nosso foco não será apenas nas capacidades de renderização do lado do servidor, mas também na pré-renderização em tempo de compilação e suas vantagens em comparação com a renderização do lado do servidor. Aprenderemos como otimizar o desempenho inicial de nossa aplicação utilizando um Application Shell detalhado e a API de Transferência de Estado. Além disso, tornaremos a aplicação amigável para SEO e mídias sociais. Por fim, implantaremos a aplicação em produção usando o Google App Engine para ver o resultado final!

Visão Geral do Curso

Começaremos este curso discutindo detalhadamente as vantagens de usar o Angular Universal em nossas aplicações. Em seguida, pegaremos uma Aplicação Angular existente e geraremos um pacote Universal usando o Angular CLI. Esse pacote nos permitirá renderizar a aplicação no lado do servidor. Exploraremos as últimas funcionalidades da linha de comando do Angular Universal, incluindo a execução do Angular Universal em modo de desenvolvimento, pré-renderização de rotas estáticas e dinâmicas usando o Guess.js, e muito mais. Após testemunhar as ferramentas de linha de comando universal em ação, obteremos uma compreensão abrangente de como o Angular Universal opera internamente, examinando o mecanismo Express auto-gerado criado pelo Angular CLI. Isso nos fornecerá informações detalhadas sobre a renderização universal e oferecerá flexibilidade quando necessário. Assim que nossa aplicação Angular Express estiver em execução, a tornaremos amigável para SEO e mídias sociais. Implementaremos algumas otimizações de desempenho comuns usadas em aplicações Angular Universal: construir um Application Shell detalhado do zero e reduzir o número de solicitações HTTP feitas pela aplicação durante a inicialização usando a API de Transferência de Estado. Por fim, implantaremos nossa aplicação Angular Universal totalmente otimizada em produção usando o Google App Engine para Node.

O que Você Aprenderá Neste Curso?

Ao final deste curso, você se sentirá confiante em transformar sua aplicação Angular existente em uma aplicação Angular Universal do lado do servidor. Você entenderá os benefícios da renderização do lado do servidor e poderá otimizar sua aplicação para mecanismos de busca e rastreadores de mídias sociais. Você também obterá conhecimento sobre a otimização adicional de sua aplicação universal para desempenho e aprenderá como implantá-la em produção em dois cenários diferentes: aplicativos pré-renderizados e aplicativos renderizados do lado do servidor em tempo de execução.

O que Você Aprenderá

• Acesso a um repositório do Github com arquivos ZIP para download por seção
• Aprenda quando e por que usar o Angular Universal
• Aprenda o novo e aprimorado mecanismo de renderização do Angular Universal
• Obtenha conhecimento aprofundado sobre renderização do lado do servidor e pré-renderização
• Otimizar uma Aplicação Angular para SEO e Mídias Sociais
• Construa um Application Shell detalhado para um desempenho máximo na inicialização
• Utilize a API de Transferência de Estado para acelerar o tempo de inicialização da aplicação
• Implante uma Aplicação Angular Universal em Produção usando o Google App Engine para Node