58h

Para conclusão

7
Cursos
1
Podcast
3
Artigos

O que tem na formação:

Descubra o React com nossa formação!

Dê um salto qualitativo em seu desenvolvimento web mergulhando no mundo do React. Esse framework moderno combina JavaScript com uma abordagem única para criar interfaces de usuário interativas e eficientes.

À medida que avança, você irá explorar o React, aprendendo sobre seu sistema de componentes, estado e ciclo de vida, fundamentais para construir aplicações dinâmicas e a base da web como ela é, utilizando HTML, CSS e JavaScript.

Benefícios em fazer essa formação:

  1. Aprendizado progressivo: a formação é estruturada de forma progressiva, partindo dos fundamentos até tópicos mais avançados do React, permitindo uma assimilação gradual e sólida do conhecimento.
  2. Base fortalecida: ao aprofundar-se nos fundamentos do JavaScript, você construirá uma base sólida, proporcionando uma compreensão mais profunda e ampla não apenas do React, mas também do desenvolvimento web em geral.
  3. Aplicações dinâmicas: compreenda os conceitos-chave do React, como sistema de componentes, ciclo de vida, capacitando-o a construir aplicações dinâmicas e responsivas.

Descubra o potencial do React e eleve suas habilidades de desenvolvimento web com a nossa formação abrangente!

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?

  • Guilherme Lima

    Guilherme é desenvolvedor de software formado em Sistemas de Informação e possui experiência em programação usando diferentes tecnologias como Python, Javascript e Go. Criador de mais de 30 cursos de diferentes áreas da plataforma com foco no treinamento de profissionais de TI, como Data Science, Python para web com Django e Django Rest, jogos com Javascript, Infraestrutura como código com Terraform e Ansible, Orientação a Objetos com Go. Além disso, é um dos instrutores da Imersão Dev da Alura.

  • Guilherme Lima

    Guilherme é desenvolvedor de software formado em Sistemas de Informação e possui experiência em programação usando diferentes tecnologias como Python, Javascript e Go. Criador de mais de 30 cursos de diferentes áreas da plataforma com foco no treinamento de profissionais de TI, como Data Science, Python para web com Django e Django Rest, jogos com Javascript, Infraestrutura como código com Terraform e Ansible, Orientação a Objetos com Go. Além disso, é um dos instrutores da Imersão Dev da Alura.

  • Rafaella Ballerini

    Desenvolvedora de software, instrutora e criadora de conteúdo. Possui um canal com mais de 240 mil pessoas inscritas, onde ensina sobre os mais diversos temas relacionados a programação e tecnologia, como HTML, CSS, Javascript, Git, Github... É instrutora front-end na plataforma da Alura e também na Imersão Dev, projeto que leva o ensino inicial de programação para todo o Brasil gratuitamente.

  • Rafaella Ballerini

    Desenvolvedora de software, instrutora e criadora de conteúdo. Possui um canal com mais de 240 mil pessoas inscritas, onde ensina sobre os mais diversos temas relacionados a programação e tecnologia, como HTML, CSS, Javascript, Git, Github... É instrutora front-end na plataforma da Alura e também na Imersão Dev, projeto que leva o ensino inicial de programação para todo o Brasil gratuitamente.

  • Vanessa Me Tonini

    Desenvolvedora Web há mais de 10 anos. Mestranda em Ciência da Computação no IME-USP. Vegetariana, (nem tão) jovem mística, mãe da Yasmin Lis.

  • Vanessa Me Tonini

    Desenvolvedora Web há mais de 10 anos. Mestranda em Ciência da Computação no IME-USP. Vegetariana, (nem tão) jovem mística, mãe da Yasmin Lis.

  • 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 Fundamentos de estrutura e estilo Web

    Neste passo inicial, mergulhe nos fundamentos do HTML e CSS, essenciais para a construção web. Aprenda a estruturar suas páginas com HTML, explorando desde as tags básicas até formas mais avançadas de organização. Em seguida, desenvolva sua habilidade no CSS para estilizar suas criações, compreendendo seletores, propriedades e técnicas para aprimorar o visual de suas páginas. Este passo é crucial para estabelecer uma base sólida que será fundamental em todos os seus projetos futuros.

    • Site React | Tech Guide: guias do Profissional em T

    • Artigo HTML: o que é, como aprender e um Guia para iniciantes | Alura

    • Curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

      08h
      • Aprenda a fazer o download e instalar um ambiente para o desenvolvimento de páginas HTML e CSS
      • Saiba como estudar uma nova tecnologia com base na documentação
      • Crie um projeto com HTML e CSS do zero
      • Pratique estilizações com CSS
      • Entenda a importância do HTML semântico e boas práticas de desenvolvimento
    • Curso HTML e CSS: Classes, posicionamento e Flexbox

      08h
      • Aprenda o que são classes CSS e sua importância
      • Conheça o Flexbox e aplique técnicas para posicionar seus elementos de forma prática
      • Saiba como estilizar seus textos, fontes e ícones
      • Entenda como posicionar os elementos de uma página com CSS
      • Descubra como aplicar efeitos de estilização alterando cores, arredondamentos e importar fontes para seu projeto
    • Podcast TechGuide: Figma – Hipsters Ponto Tech #357

  2. 2 Lógica de programação e interatividade web

    Neste segundo passo, conheça o universo dinâmico do JavaScript. Explore a lógica de programação essencial para tornar seus projetos interativos. Aprenda a manipular o DOM, lidar com eventos e implementar funcionalidades que acrescentam dinamismo às suas páginas.

    • Artigo JavaScript: o que é, como aprender e Guia da linguagem | Alura

    • Curso JavaScript para Web: Crie páginas dinâmicas

      10h
      • Identificar os papéis de cada tecnologia da Web para construção de páginas
      • Associar o JavaScript com HTML através do DOM
      • Implementar funções com JavaScript
      • Investigar possibilidades de resolução de problemas de código
      • Selecionar operadores lógicos adequados para diferentes situações
      • Produzir soluções simples para páginas dinâmicas
    • Curso JavaScript: manipulando elementos no DOM

      06h
      • Construa uma aplicação de temporizador estilo Pomodoro do zero
      • Conheça na prática métodos de manipulação de elementos no DOM, como estilos CSS, imagens e textos
      • Altere atributos e classes de forma dinâmica com JavaScript
      • Crie eventos de interação com a pessoa usuária
      • Utilize objetos utilitários do JavaScript
    • Site Evolução do JavaScript - Hipsters Ponto Tech #236 - Hipsters Ponto TechHipsters Ponto Tech

  3. 3 Construindo aplicações dinâmicas com React

    Neste último passo, você aprenderá a criar aplicações interativas de forma declarativa, seguindo a abordagem do React. Inicialmente, o foco estará na criação de componentes utilizando JSX. Posteriormente, exploraremos o ecossistema React, destacando como ferramentas, como o Vite, facilitam o desenvolvimento diário.

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

    • Site Do Front End ao React - Hipsters Ponto Tech #258 - Hipsters Ponto TechHipsters Ponto Tech

    • Curso React: construíndo componentes com JSX

      06h
      • Aprenda o que é e como estruturar uma página de login usando componentes React
      • Faça a manipulação de eventos para interações do usuário com a interface
      • Realize a integração das bibliotecas React, React DOM e da ferramenta Babel no seu projeto via CDN
      • Gerencie estados através do useState
      • Transforme componentes em dinâmicos com props e props children
    • Curso Node.js e terminal: dominando o ambiente de desenvolvimento front-end

      08h
      • Aprenda a configurar um ambiente de desenvolvimento front-end usando Node
      • Entenda a diferença entre dependências de desenvolvimento e de produção
      • Gerencie pacotes do Node com o NPM
      • Utilize o ESLint, JSON server e o Prettier para garantir a qualidade do código em projetos front-end
      • Utilize comandos com os scripts do NPM
      • Utilize o Vite para consumir dependências de produção e realizar deploy do projeto
    • Curso React: configurando e estruturando projetos com Vite

      08h
      • Configure e estruture um projeto React com Vite
      • Crie componentes usando Vite
      • Entenda o ciclo de vida dos componentes em React
      • Gerencie estados com o hook useState
      • Manipule efeitos colaterais com o hook useEffect
      • Compartilhe sua aplicação React no Github Pages e Vercel
    • Artigo React: o que é, como funciona e um Guia da biblioteca JS | Alura

    • 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