81h

Para conclusão

7
Cursos
8
Vídeos extras
2
Artigos

O front-end domina o mundo

React é uma biblioteca da linguagem JavaScript e uma das formas mais modernas de criar aplicações web. Funciona de forma declarativa, eficiente e flexível, permitindo a criação de interações complexas.

Antes de se aventurar no mundo do React, é importante ter uma base sólida em HTML, CSS e JavaScript. Conhecer o Git e versionamento de código também será muito valioso para aproveitar esta imersão.

Vamos nos aventurar?

Empresa Parceira
Oracle Next Education

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?

  • Luiz Fernando Ribeiro

  • Luiz Fernando Ribeiro

  • João Vitor Pereira

    João Vitor é monitor na escola Front-end e bacharel em Sistemas de Informação. Seu foco principal é aprendar mais Front-end para ensinar cada vez melhor. Apaixonado por tecnologia, jogos, café e programação, passa seu tempo livre viajando e brincando com sua cachorrinha Cacau.

  • João Vitor Pereira

    João Vitor é monitor na escola Front-end e bacharel em Sistemas de Informação. Seu foco principal é aprendar mais Front-end para ensinar cada vez melhor. Apaixonado por tecnologia, jogos, café e programação, passa seu tempo livre viajando e brincando com sua cachorrinha Cacau.

  • 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 Portugal 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 Portugal 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.

  • 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.

  • 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.

  • Neilton Seguins

    Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

  • Neilton Seguins

    Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

  • 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.

  • Jose Gonzalez

  • Jose Gonzalez

  • Juliana Negreiros

    Instrutora e Coordenadora Front End

  • Juliana Negreiros

    Instrutora e Coordenadora Front End

Passo a passo
  1. 1 Diagnóstico de aprendizado

    Este passo é obrigatório! Antes de começar a formação, convidamos você a preencher um breve formulário de diagnóstico. Ele não possui função avaliativa, mas nos ajuda a entender melhor seu ponto de partida e acompanhar seu progresso ao longo da jornada.

    Este é um formulário pessoal e confidencial, então seja sincero(a) nas respostas. Ele nos ajuda a acompanhar seu progresso e ajustar a experiência de aprendizagem de acordo com suas necessidades. Lembre-se, o diagnóstico pode ser feito antes de iniciar qualquer curso ou conteúdo. Não deixe de completá-lo, pois ele é um passo importante para seu sucesso ao longo da formação.

  2. 2 Plano de Estudo

    O plano de estudo ajuda a organizar sua rotina de estudo, otimizando o tempo e o desempenho. Sugerimos a ordem dos cursos e os prazos de conclusão. Utilizamos o Trello para gerenciá-lo, acesse o link, registre-se e siga as instruções no quadro.

    Bons estudos

  3. 3 Como usar o fórum

    O fórum da plataforma é dedicado a esclarecer dúvidas dos cursos. É essencial aprender a usá-lo antes de começar os estudos. O uso do fórum deve ser focado em perguntas; se não tiver dúvidas, pode contribuir ajudando outros, o que enriquece a comunidade Alura.

  4. 4 Primeiros Passos com React

    Neste primeiro passo você terá a oportunidade de criar um projeto do zero em React. Conheça as principais vantagens da utilização do React, implemente componentes reativos, investigue e analise mensagens de erro, modifique e evolua os componentes de acordo com a necessidade do projeto.

  5. 5 Conhecendo o ecossistema

    Já vimos a base de como o React funciona e entendemos a fundo onde a biblioteca do Facebook atua na criação de sites. Vamos aprender agora sobre ferramentas auxiliares, que facilitam muito nossa vida na hora de criar sites complexos, executar testes automatizados e extrais nosso CSS de forma que não tenhamos conflito entre componentes.

    • 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
    • Artigo Componentes com Styled Components no React JS | Alura

  6. 6 Gestão de estados

    Como funciona o ecossistema React? Que outras ferramentas podemos usar junto com ele? Faremos um mergulho mais profundo no mundo dos Hooks de React, além de aprender um pouquinho sobre como o uso de Context pode facilitar a nossa vida.

    • Alura+ Hooks do React: useReducer

    • Alura+ Hooks do React: useMemo

    • 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
    • Alura+ Conhecendo o Context API do React

  7. 7 Aceite o desafio construa seu AluraFlix

    Com a resolução do desafio AluraFlix, você experimentará diretamente o papel de um desenvolvedor front-end no cotidiano, criando interfaces funcionais e solucionando problemas com HTML, CSS e JavaScript. É imprescindível que você faça este desafio, pois é uma parte essencial do programa ONE, em que você terá a oportunidade de aplicar conceitos avançados de JavaScript, como manipulação do DOM, promessas e programação assíncrona, entre outros.

    • Curso Praticando React: Challenge AluraFlix

      20h

    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