30h

Para conclusão

4
Cursos
1
Vídeo extra
2
Artigos

O que tem na formação?

Se você está buscando uma maneira de elevar suas habilidades em frontend e se destacar no mercado, esta formação é para você. Em dois passos, vamos te conduzir por tecnologias que vão transformar a maneira como você lida com dados e APIs.

Primeiro, mergulharemos no universo do React Query com a instrutora Patricia Silva. Imagine nunca mais se preocupar com o gerenciamento de estados assíncronos ou com requisições desnecessárias. Você aprenderá a otimizar o fetch de dados e a gerenciar o cache de forma automática, garantindo que seus dados estejam sempre sincronizados em tempo real, mesmo em segundo plano. Esse conhecimento te proporcionará uma nova perspectiva sobre como simplificar a comunicação com APIs REST e melhorar a performance das suas aplicações.

Incrível, né? Mas não para por aí! Em seguida, nós avançaremos para o mundo do GraphQL e Apollo Client com a instrutora Thamiris Adriano. Se APIs REST te dão aquele menu fixo, o GraphQL é como um buffet onde você escolhe exatamente o que quer, e o Apollo Client é a ferramenta que torna isso possível. Você descobrirá como fazer consultas personalizadas que buscam apenas os dados que sua aplicação realmente precisa, eliminando qualquer excesso.

Essa formação te fornecerá as ferramentas necessárias para trabalhar com dados de maneira eficiente, precisa e totalmente sob controle. Prepare-se para revolucionar seu dia a dia e levar suas habilidades de frontend a um novo patamar!

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?

  • Patrícia Silva

    Sou Engenheira de Software, atualmente atuando com Fullstack Engineer, baseada em Portugal. Sou uma pessoa técnica entusiasmada que ama tecnologia. Trabalho como desenvolvedora web a mais de 14 anos. Ajudo desenvolvedores a melhorar suas habilidades, estou aberta para trocas de conhecimento com qualquer pessoa. No meu tempo livre sou mãe de plantas e de dois meninos. Adoro viajar, conhecer novas pessoas e estar em contato c/ a natureza. Foco e cuidado com a Experiência do usuário é o segredo do sucesso.

  • Patrícia Silva

    Sou Engenheira de Software, atualmente atuando com Fullstack Engineer, baseada em Portugal. Sou uma pessoa técnica entusiasmada que ama tecnologia. Trabalho como desenvolvedora web a mais de 14 anos. Ajudo desenvolvedores a melhorar suas habilidades, estou aberta para trocas de conhecimento com qualquer pessoa. No meu tempo livre sou mãe de plantas e de dois meninos. Adoro viajar, conhecer novas pessoas e estar em contato c/ a natureza. Foco e cuidado com a Experiência do usuário é o segredo do sucesso.

  • 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 React Query na prática: otimizando fetch e cache

    Primeiro, vamos mergulhar no React Query. Sabe aquele rolê de gerenciar estados assíncronos, fazer fetch de dados e lidar com cache? React Query chega para te ajudar a fazer tudo isso de forma eficiente e sem dor de cabeça. Você aprenderá:

    1. Gerenciamento de cache automático: ele cuida do cache dos seus dados de forma inteligente, evitando requisições desnecessárias.
    2. Sincronização em tempo real: seus dados ficam sempre atualizados, mesmo em segundo plano.

    Com a Patricia Silva, você aprenderá como simplificar a comunicação com APIs REST, otimizando seu tempo e código. No final, você vai se perguntar como conseguia viver sem isso!

    • Curso React Query: gerenciando HTTP State

      08h
      • Configure React Query em um projeto React e entenda seus conceitos fundamentais
      • Gerencie de forma eficiente requisições HTTP e crie custom hooks para reutilização de lógica
      • Conheça estratégias para dominar o cache e otimizar o fetch de dados, melhorando a performance da aplicação
      • Aplique técnicas avançadas de otimização para reduzir o tempo de carregamento e melhorar a experiência do usuário
      • Implemente retry e prefetching de queries para uma aplicação mais resiliente e responsiva
    • Curso React Query: manipulando interações com mutations

      08h
      • Utilize React Query para gerenciar mutations em aplicações React
      • Implemente dados dinâmicos com mutations
      • Implemente o Optimistic Update para melhorar a experiência do usuário ao atualizar a UI e o cache de forma otimizada
      • Crie testes unitários robustos para mutations utilizando Jest e react-testing-library
      • Aprenda práticas para garantir a qualidade e a performance das interações do usuário com a aplicação
      • Aplique estratégias para otimizar a atualização de dados sem comprometer a responsividade da aplicação
    • Artigo Requisições HTTP utilizando o AXIOS | Alura

  2. 2 GraphQL com Apollo: customização e controle de dados

    Depois, vamos entrar no mundo do GraphQL Apollo Client. Se REST APIs são como menus fixos, o GraphQL é um buffet livre onde você escolhe exatamente o que quer. O Apollo Client é a ferramenta que vai te ajudar a aproveitar ao máximo essa flexibilidade. As duas principais características são:

    1. Consultas customizadas: busque apenas os dados de que precisa, sem carregar nada a mais.
    2. Mutations: além de buscar dados, entenda como enviar informações e modificar os dados do lado do servidor.

    Com a instrutora Thamiris Adriano, você vai aprender a tirar proveito dessa flexibilidade, construindo queries poderosas que entregam exatamente o que sua aplicação precisa — nada mais, nada menos.

    • Artigo Guia essencial do GraphQL para pessoas que desenvolvem frontend | Alura

    • Vídeo - YouTube

    • Curso React: executando consultas dinâmicas com Apollo Client

      06h
      • Aprenda como executar consultas básicas em um playground de GraphQL
      • Configure o Apollo Client para conectar com um servidor GraphQL
      • Utilizae o hook useQuery para buscar dados e atualizar a UI
      • Implemente mutations com o useMutation hook e atualizar o cache após mudanças
      • Trate e responda a erros em consultas e mutations
      • Explore diferentes políticas de busca para otimizar o comportamento de cache
    • Curso React: otimizando performance e caching com Apollo Client

      06h
      • Aprenda a configurar o Apollo Client para gerenciamento eficiente do estado local
      • Implemente queries e mutations locais para manipulação do estado da aplicação
      • Desenvolva de interfaces de usuário dinâmicas com o pattern de UI infinite scroll
      • Aprenda técnicas para otimizar a performance das consultas GraphQL e caching com Apollo Client
      • Use o Apollo Developer Tools para monitoramento e análise de performance
      • Implemente de autenticação de usuários no lado do servidor e do cliente
      • Aprenda estratégias para prevenir vulnerabilidades de segurança, como CSRF e XSS, em aplicações GraphQL

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