Formações Front-end Impulsione sua aplicação React e consuma APIs
Formação Impulsione sua aplicação React e consuma APIs
Avance no consumo de API's
* Esta formação faz parte dos nossos cursos de Front-end
Quero Estudar na Alura
42h
Para conclusão
5
Cursos
1
Vídeo extra
2
Artigos
O que você vai aprender nesta Formação?
Aprofunde seus conhecimentos em React
Chegou a hora de praticar e aprimorar os seus conhecimentos em React!
Agora que você já aprendeu a criar componentes utilizando o TypeScript, vamos começar a formação criando uma biblioteca de componentes. E alargando o T, do Frontend em <T>, passamos um pouquinho por versionamento semântico, NPM e integração e deploy contínuo.
Na sequência a gente segue evoluindo o projeto, passando pela comunicação com APIs públicas e privadas (que requerem autenticação).
A ideia é levantar um projeto do zero, evoluindo a cada curso, simulando ciclos de desenvolvimento do mercado de trabalho.
E se prepare para os desafios! Teremos vários trechos dos códigos para você se desafiar e criar soluções criativas.
Animado? Vamos começar agora!
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?
Vinicios Neves
Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.
-
Vinicios Neves
Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.
Passo a passo
1 Biblioteca de componentes
Hora de preparar os componentes que utilizaremos durante toda a formação. No final desse passo da formação, teremos um pacote NPM publicado com os componentes que você mesmo vai criar! Tudo isso baseado em um projeto customizado no Figma.
-
Curso React: desenvolvendo uma biblioteca de componentes
08h - Utilize o React para criar uma biblioteca de componentes
- Produza um pacote NPM utilizando o TSDX
- Trace uma estratégia de publicação dos componentes
- Implemente componentes utilizando styled components
- Prototipe uma aplicação utilizando a biblioteca criada
-
Site Design Systems - Hipsters #170 - Hipsters Ponto TechHipsters Ponto Tech
-
Artigo Design Systems: Entenda o que é e confira Exemplos | Alura
-
2 Autenticação
Vamos cuidar das ações de login e logout. E também do projeto base, que vai nos acompanhar por toda a formação. Além de implementar uma estratégia de login e logout, vamos nos aprofundar em conceitos importantes sobre segurança do lado do frontend.
-
Artigo Autenticação, autorização e segurança no front-end | Alura
-
Curso React: autenticando usuários
08h - Reconheça a diferença entre autenticação, autorização e segurança
- Utilize o axios pra realizar requisições
- Faça a gestão do login do usuário
- Identifique pontos do código que precisam de refatoração
- Implemente interceptadores de requisições e respostas HTTP
-
3 Obtenção de dados
É muito comum consumirmos APIs a partir de aplicações React. Nesse passo da formação vamos aprender a encapsular essas chamadas em hooks da biblioteca React Query. Além disso, vamos seguir evoluindo o projeto Alura Books, incluindo algumas modificações pontuais no design system que iniciamos no passo 1.
-
Curso React: obtendo dados com React Query
08h - Relembre conceitos importantes do React
- Utilize o React Query para encapsular as chamadas HTTP
- Identifique a melhor estratégia de implementação da camada de dados dos componentes
- Descreva padrões de implementação de componentes
- Compare as diferentes formas de obter dados de uma API e gerir e estado local
-
4 Trabalhando com GraphQL
O GraphQL resolve vários problemas NÃO endereçados pelo REST, incluindo:
- Controle de versão da API
- Busca excessiva / insuficiente
Nesse passo da formação, vamos instalar e configurar o Apollo Cliente para lidar com a obteção (useQuery) e o envio (useMutation) de dados para um servidor GraphQL.
-
Vídeo O que é GraphQL? com Juliana Amoasei | #HipstersPontoTube - YouTube
-
Curso React: consumindo GraphQL com Apollo Client
08h - Descreva as vantagens do GraphQL
- Implemente Queries com Apollo Client
- Compare a diferença entre consumo de APIs REST e GraphQL
- Prototipe um projeto React com GraphQL
- Trace um plano de atualização de um projeto existente
-
Curso React: combinando Context API e Apollo Client
08h - Utilize o Apollo Client para enviar dados
- Implemente um carrinho de compras usando Context API
- Delimite as responsabilidades de cada componente
- Descreva as vantagens e desvantagens do uso do GraphQL
- Relembre boas práticas ao se utilizar hooks customizados
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
