Construa uma Calculadora Simples em React + Fundamentos de JavaScript

Aprenda os Fundamentos de React e JavaScript Construindo uma Calculadora. Inclui JSX, Callbacks, Eventos e Mais

Este curso leva você passo a passo pelo processo de construção de uma calculadora totalmente funcional em React. React, também conhecido como React JS, é uma poderosa biblioteca JavaScript usada para construir interfaces de usuário personalizadas e interativas usando componentes de UI. Alguns dos exemplos mais conhecidos de organizações que usam o React para o front-end incluem Netflix, Facebook e Airbnb. Desenvolvido e mantido pela Meta junto com uma comunidade de desenvolvedores independentes, o React continua sendo gratuito e de código aberto. O React é uma biblioteca baseada em componentes construída inteiramente em JavaScript, o que a torna perfeita para projetar UIs complexas. Com o React, os desenvolvedores podem construir componentes encapsulados que gerenciam eficientemente seu próprio estado e renderizam atualizações de UI especificamente quando os dados mudam. Por exemplo, pense na função de atualização automática de conteúdo que você vê em um feed do Twitter ou no botão de curtir do Facebook. Aqui, o estado do componente de UI muda na página, sem precisar atualizar manualmente quando os dados são atualizados. Esta é apenas uma pequena, mas poderosa, característica do React. Através de um projeto prático completo, este curso ensinará todos os princípios fundamentais do React que você precisa conhecer para se tornar um desenvolvedor React proficiente. Começamos desde o básico, incluindo as ferramentas necessárias para começar. A partir daí, mergulhamos no JSX, componentes funcionais, props, callbacks e vários eventos OnClick. Nesta fase, a calculadora terá uma exibição visual completa, juntamente com operações aritméticas funcionais. Os alunos então passam a passar parâmetros em funções de retorno de chamada, usando o React State Hook e depuração. Além do módulo prático do React, também oferecemos uma visão geral abrangente do JavaScript para aqueles que precisam de uma revisão. Aqui começamos apresentando os alunos ao modelo de objeto de documento (DOM), que define a estrutura lógica dos documentos HTML. A partir daí, mergulhamos no JavaScript para demonstrar vários métodos nos quais os elementos do DOM podem ser manipulados para adicionar interatividade a componentes estáticos. Começamos desde o básico, que inclui a colocação do JavaScript e a saída de dados. A partir daí, passamos para a declaração de variáveis, operações aritméticas, precedência de operadores, tipos de dados e objetos. Uma vez que os fundamentos são cobertos, passamos para operações mais complexas usando Arrays, Declarações Condicionais, operadores de comparação JavaScript, booleanos e loops. Aqui, os alunos aprenderão a liberar o verdadeiro poder do JavaScript para renderizar resultados diferentes com base na interação do usuário. Vamos explorar o uso de funções para lidar eficientemente com tarefas repetitivas e eventos JavaScript para lidar com a saída com base em ações e ocorrências. A seção será concluída com um projeto prático em que os alunos implementarão seus conhecimentos para construir uma galeria de fotos baseada na web e um trocador de cor de plano de fundo. Como você pode ver, este curso abrange uma quantidade tremenda de conteúdo. Melhor de tudo, ele apresenta John Smith - um renomado desenvolvedor full-stack sênior com mais de 20 anos de experiência em desenvolvimento comercial. Como desenvolvedor multifacetado, John se especializa em desenvolvimento algorítmico, analítico e móvel. Até o momento, ele escreveu centenas de aplicativos e trabalhou em várias indústrias, desde aviação comercial e militar até bancos e finanças. John tem uma verdadeira paixão por ensinar aos outros como se tornarem melhores programadores e está ansioso para interagir com seus alunos. Com isso dito, esperamos que você esteja tão animado com este curso quanto nós, se sim - clique no botão de inscrição e vamos começar.

O que você vai aprender

- O objetivo do ReactJS - Construindo uma Página Web Simples em React - As Ferramentas Necessárias para trabalhar com React - Introdução ao Codepen - Introdução ao JSX, Componentes Funcionais e Props do React - Fundamentos de Callbacks e Eventos OnClick - O React State Hook - Construindo a Calculadora - Depuração no React - Modelo de Objeto de Documento (DOM) - Operadores Aritméticos JavaScript, Tipos de Dados, Arrays, Loops, Eventos - Variáveis JavaScript, Precedência de Operadores, Objetos, Funções - Fundamentos de JavaScript