38h

Para conclusão

4
Cursos
3
Artigos

Melhore a experiência de usuário e otimize aplicações Angular

**Você quer otimizar o desempenho de aplicações Angular?

Busca oferecer uma experiência de usuário fluida?

Parece interessante dominar técnicas solicitadas no mercado?

**Nesta formação, você aprenderá três habilidades avançadas de Angular:

  • Service workers para PWAS, serviços em segundo plano e aplicações que funcionam offline;
  • Signals para simplificar a gestão de estado, otimizar desempenho e escrever código limpo;
  • SSR (server side rending) para carregar aplicativos mais rapidamente.

Domine esse trio e colha os benefícios em seus projetos profissionais e pessoais.

O que preciso saber para iniciar essa formação?

Recomendamos que você domine HTML, CSS e Angular (componentes, diretivas, formulários, HTTP, gestão de estado e testes de unidade).

Vamos iniciar a próxima evolução na sua carreira?

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Com quem você vai aprender?

  • Nayanne Batista

    Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)

  • Nayanne Batista

    Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)

  • Charleston Josué Campos

    Charleston é um Engenheiro de Software com um enfoque especial em arquitetura, design e implementação de sistemas distribuídos, incluindo microsserviços e micro frontends. Com vasta experiência no desenvolvimento e integração de aplicativos complexos.

  • Charleston Josué Campos

    Charleston é um Engenheiro de Software com um enfoque especial em arquitetura, design e implementação de sistemas distribuídos, incluindo microsserviços e micro frontends. Com vasta experiência no desenvolvimento e integração de aplicativos complexos.

  • Thamiris da Silva Adriano

    Professora de tecnologia, coordenadora de pós graduação e apaixonada por códigos. Migrei de área após mais de 10 anos trabalhando na área do porto com química e também com projetos que envolviam tecnologia. Já trabalhei em projetos de desenvolvimento Web, utilizando React, Angular, JS, TS, HTML, CSS além de outras habilidades.

  • Thamiris da Silva Adriano

    Professora de tecnologia, coordenadora de pós graduação e apaixonada por códigos. Migrei de área após mais de 10 anos trabalhando na área do porto com química e também com projetos que envolviam tecnologia. Já trabalhei em projetos de desenvolvimento Web, utilizando React, Angular, JS, TS, HTML, CSS além de outras habilidades.

Passo a passo
  1. 1 Service workers

    Neste passo, você vai aprender service workers — scripts que rodam em segundo plano para aprimorar a experiência de usuário offline, enviar notificações e otimizar, com o cache, a performance de aplicações Angular.

    Comece trabalhando com PWA; entenda o ciclo de vida de um service worker; aplique estratégias de cache e versionamento; implemente push notifications, aprimore o funcionamento offline.

    Por último, entenda boas práticas de testes e segurança em service workers.

    • Curso Angular: transformando uma aplicação web em PWA

      10h
      • Transforme uma aplicação web em uma PWA com Angular
      • Implemente o método Pomodoro em uma aplicação
      • Aprenda técnicas para otimizar o desempenho em dispositivos móveis
      • Aprenda a utilizar ferramentas do ecossistema Angular
      • Crie de experiências de usuário semelhantes a aplicativos nativos
      • Realize estruturação de períodos de foco e descanso na aplicação
      • Aprenda melhores práticas para desenvolvimento de PWAs
    • Site Os Avanços do PWA – Hipsters Ponto Tech #437 - Hipsters Ponto TechHipsters Ponto Tech

  2. 2 Angular signals

    Neste passo, você vai mergulhar em uma maneira eficiente, simples e reativa de gerenciar estados no Angular: os signals (ou sinais).

    Os signals são variáveis que avisam o Angular quando um estado se altera e, por não onerarem o sistema, deixam uma aplicação mais rápida.

    Entenda os sinais graváveis (writable signals) e computados (computed signals) para armazenar valores e alterar a tela automaticamente. Depois, use os efeitos (effects) dos signals, saiba como fazer a comunicação entre componentes e otimize seu código.

    • Curso Angular: gerenciando estado com Signals

      08h
      • Construa uma aplicação educacional com atualização e mudança automática na tela
      • Entenda e utilize os sinais graváveis (writable signals) para armazenar informações
      • Conheça e aplique os sinais computados (computed signals)
      • Aplique efeitos (effects)
      • Organize o código com um serviço que utiliza signals
      • Compartilhe signals entre diferentes componentes
      • Otimize aplicações Angular com onPush e untracked
    • Artigo Entendendo os Signals do Angular | Alura

  3. 3 SSR (Server side rendering)

    Neste passo, você vai conhecer o SSR (server side rendering ou “renderização do lado do servidor”). Essa técnica otimiza performance, melhora a visibilidade da aplicação em resultados de pesquisa e oferece uma agradável experiência de usuário.

    O SSR faz a renderização no servidor, que deixa o HTML pronto. Logo, o aplicativo é carregado mais rapidamente.

    Aprenda a configurar o SSR em projetos Angular, explorando técnicas como hydration, pré-renderização, transferência de estado e integração com o Supabase para melhorar o desempenho. Configure metatags dinâmicas para otimizar o SEO e proporcionar uma experiência mais fluida para quem utiliza a aplicação.

    • Artigo Desbravando o SSR no Angular 17 | Alura

    • Curso Angular e Supabase: otimize a sua aplicação com SSR

      08h
      • Configure o SSR em aplicações Angular, melhorando a performance e SEO
      • Implemente o backend com Supabase, conectando sua aplicação Angular a um banco de dados
      • Aprenda a consumir APIs e gerenciar variáveis de ambiente com segurança e eficiência
      • Aplique métodos de otimização para elevar a performance da aplicação
      • Utilize meta tags Open Graph (OG) para melhorar o SEO e a aparência nos compartilhamentos em redes sociais
      • Implemente a pré-renderização de rotas com SSG, o Static Site Generation
      • Entenda as diferenças e vantagens entre CSR, SSR e SSG, explorando cada abordagem para cenários específicos da aplicação
    • Curso Angular e Supabase: refinando a aplicação com SSR

      10h
      • Atualize suas habilidades implementando SSR em aplicações Angular com técnicas como hydration e incremental hydration
      • Explore a integração avançada, conectando sua aplicação Angular a um back-end Supabase para persistência de dados em tempo real
      • Aprimore a gestão de estado com RxJS para manipulação de dados em tempo real e integração fluida entre frontend e backend
      • Entenda a renderização híbrida que combina SSR e SSG para atender diferentes necessidades do projeto
      • Otimize para aplicações para produção, configurando e fazendo o deploy de aplicações SSR
    • Artigo CSR, SSR e SSG: entenda as diferenças e aplicações | Alura

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas