68h

Para conclusão

7
Cursos
3
Vídeos extras
2
Artigos
O que você vai aprender nesta Formação?

Mergulhe em React com Javascript

React é um framework JavaScript utilizado para o desenvolvimento de interfaces do usuário em páginas web, com foco em criar single page applications (SPAs).

Por sua facilidade, flexibilidade e escalabilidade, é muito utilizado para criar aplicações complexas que precisam ser atualizadas em tempo real.

Nesta formação, você vai percorrer uma jornada do Curso React: desenvolvendo com JavaScript ao Curso React: migrando para TypeScript e aprender o passo a passo para desenvolver aplicações do zero até o deploy.

Ao longo dos conteúdos, você vai mergulhar em temas como: implementação de componentes reativos, roteamento da aplicação em React Router, diferenças entre trabalhar utilizando JavaScript e TypeScript, e muitos outros.

É importante ressaltar que, para mergulhos mais profundos nesta formação, é aconselhável já ter uma base de conhecimento em desenvolvimento web. Por isso, sugerimos que você conclua também as Formações de HTML e CSS e JavaScript para Front-end.

E aí, bora mergulhar?

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?

  • Paulo Silveira

    Paulo Silveira é CEO e cofundador da Alura. Bacharel e mestre em Ciência da Computação pela USP, teve sua carreira de formação em PHP, Java e nas maratonas de programação. Criou o Guj.com.br, o podcast do Hipsters.tech e o Like a Boss.

  • Paulo Silveira

    Paulo Silveira é CEO e cofundador da Alura. Bacharel e mestre em Ciência da Computação pela USP, teve sua carreira de formação em PHP, Java e nas maratonas de programação. Criou o Guj.com.br, o podcast do Hipsters.tech e o Like a Boss.

  • Vinicios Neves

    Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

  • Vinicios Neves

    Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Lisboa e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

  • Luiz Fernando Ribeiro

  • Luiz Fernando Ribeiro

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.

Passo a passo
  1. 1 Desenvolva uma aplicação do zero ao deploy

    Neste primeiro momento, vamos mergulhar no Curso React: desenvolvendo com JavaScript e no Curso React: como os componentes funcionam para conhecer as principais vantagens da utilização desse framework JavaScript em projetos Front-end.

    Ao longo das aulas, você vai implementar componentes reativos, investigar e analisar mensagens de erro, modificar componentes de acordo com a necessidade do projeto e criar a sua primeira aplicação do zero até o deploy.

  2. 2 Arquivos estáticos e roteamento

    Nesta segunda fase, você vai mergulhar ainda mais profundamente na interface do usuário e aprender o passo a passo para lidar com arquivos estáticos, além de utilizar métodos JavaScript para adicionar funcionalidades e realizar o deploy de sua aplicação na Vercel.

    Você também vai explorar os hooks do react-router-dom, implementar desafios práticos e desenvolver seu código com base no princípio da responsabilidade única, facilitando a manutenção.

    • Alura+ Hooks do React: useEffect

    • Curso React: desenvolvendo em React Router com JavaScript

      08h
      • Conheça a biblioteca react-router-dom e utilize seus principais recursos
      • Aprenda o que é e por que utilizar uma SPA (Single Page Application)
      • Resolva problemas utilizando rotas aninhadas e rotas dinâmicas
      • Explore os hooks do react-router-dom, como useLocation e useParams
      • Implemente desafios práticos
      • Personalize seu projeto e publique na Vercel
    • Curso React: estilize componentes com Styled Components e manipule arquivos estáticos

      10h
      • Diferencie o Vite do CRA e conheça as vantagens do uso do Styled Components
      • Utilize styled-components para criação de uma NavBar e estilização de um banner
      • Projete e implemente componentes React para exibir imagens e legendas
      • Aplique estilos personalizados e acessíveis para uma galeria de fotos
      • Adicione uma barra lateral de imagens populares e footer
  3. 3 Gestão de estados, prática e migrando para o TypeScript

    Agora que você já tem uma boa bagagem, que tal conhecer alguns tópicos mais avançados? Neste último passo da formação, você vai aprender como lidar com gestão de estados usando a Context API do React. Também irá praticar todos os conceitos aprendidos até agora e desenvolver aplicações.

    Para finalizar sua jornada, no Curso React: migrando para TypeScript, você vai prototipar um plano de migração de JS para TS. Assim, você será capaz de entender, na prática, como trabalhar com React utilizando diferentes linguagens de programação.

    Para encerrar, veja o que a empresa Plurall conseguiu fazer com o React para construir o Front-end da sua aplicação!

    • Alura+ Hooks do React: useReducer

    • Curso React: gerencie estados globalmente com Context API

      08h
      • Identifique os conceitos da Context API no React e sua importância no desenvolvimento de aplicações
      • Aplique a Context API para evitar o 'prop drilling', simplificando o compartilhamento de dados entre componentes
      • Crie seus próprios contextos em projetos React, permitindo o compartilhamento de estados globais, como temas e tokens de acesso
      • Depure e solucione problemas relacionados à Context API, usando ferramentas como o React Context DevTools
      • Combine a Context API com o useReducer para gerenciar estados complexos
    • Curso React: praticando React com Js

      08h
      • Inicie um projeto React
      • Construa componentes e páginas
      • Implemente rotas normais, dinâmicas e aninhadas
      • Aplique os hooks useState, useParams, useEffect e useContext
      • Entenda como funcionam os contextos do React
      • Consuma uma API
      • Realize o deploy do projeto na Vercel
    • Curso React: migrando para TypeScript

      08h
      • Entenda as principais diferenças entre TS e JS
      • Utilize o Intelisense do VSCode
      • Experimente as vantagens do TypeScript
      • Integre componentes React ao TypeScript
      • Prototipe um plano de migração de um projeto JS para TS
    • Site Plurall e a Evolução da Arquitetura Front-End

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