React - Curso Abrangente para Desenvolvedores com Projetos Práticos

Aprenda React JS através de uma Série de Projetos Práticos

Bem-vindo ao curso de Certificação Completa do React. Este curso oferece um guia abrangente para uma das bibliotecas JavaScript mais poderosas e modernas disponíveis - o ReactJS. Se você é completamente novo no React ou já experimentou no passado, uma coisa é certa - você provavelmente interagiu com várias aplicações web que usam a biblioteca React para construir componentes de interface do usuário. Alguns dos exemplos mais conhecidos incluem Netflix, Facebook e Airbnb. Desenvolvido e mantido pela Meta juntamente 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 interfaces de usuário complexas. Com o React, os desenvolvedores podem construir componentes encapsulados que gerenciam eficientemente seu próprio estado e renderizam atualizações de interface do usuário 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 Curtir do Facebook. Aqui, o estado do componente de interface do usuário muda na página sem precisar atualizar manualmente quando os dados são atualizados. Esta é apenas uma pequena, mas poderosa, funcionalidade de interface do usuário incorporada ao React.

Este curso começa explorando os fundamentos do React e seus casos de uso principais. Oferecemos uma definição concisa do que é o React e o que não é. A partir daí, exploramos as ferramentas necessárias para começar, juntamente com uma introdução ao JSX e aos componentes funcionais do React. Através de um projeto prático completo, você aprenderá uma série de conceitos importantes, incluindo props do React, callbacks, eventos OnClick e passagem de parâmetros dentro de funções de callback. No final do módulo um, você terá construído uma calculadora totalmente funcional, completa com display e operadores numéricos. Também abordaremos tópicos importantes, como o React State Hook e a depuração.

No segundo módulo, os alunos constroem um clone multiplayer do jogo Connect-4, com integração de IA. Aqui, começamos estilizando os componentes individuais do tabuleiro do jogo, seguido por eventos onClick avançados. Isso inclui estilização global, dinâmica e inline. A partir daí, passamos para a passagem de props, destruição e filhos do React. Os alunos explorarão a propriedade key do React, juntamente com eventos do ciclo de vida, inicialização do jogo, variáveis CSS e renderização condicional. No final, você terá construído um jogo Connect-4 completo capaz de determinar automaticamente o vencedor tanto em um ambiente de vários jogadores quanto em um ambiente de jogador único baseado em IA.

No terceiro módulo, liberamos ainda mais o poder do React construindo um site de comércio eletrônico completo com várias categorias de produtos, um showcase de produtos, recurso de carrinho de compras e muito mais. Aqui, introduzimos uma série de novos conceitos essenciais, incluindo: servidor JSON, Fetch API e instalação do React router. Esses blocos de construção essenciais serão usados para renderizar as categorias de produtos, estilizar a lista de produtos e configurar a página de detalhes do produto. A partir daí, mergulhamos em componentes estilizados, refatorando o layout da loja e explorando o conceito de contexto no React. Nas etapas finais do projeto, os alunos configurarão o carrinho de compras e o recurso de checkout integrado. Também implementaremos um recurso de pesquisa de produtos, seguido de exercícios detalhados sobre validação de formulários de entrada no React.

Como você pode ver, este curso abrange uma quantidade tremenda de conteúdo. Melhor de tudo, é ministrado por John Smith - um renomado desenvolvedor sênior full-stack com mais de 20 anos de experiência em desenvolvimento comercial. Como desenvolvedor multifacetado, as principais competências de John incluem 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ê aprenderá

• O que é o React?
• As ferramentas necessárias para construir projetos React
• Introdução ao Code Pen
• Componentes Funcionais no React
• Construindo uma Calculadora Totalmente Funcional no React
• Usando Props no React
• Depuração no React
• Usando o React State Hook
• Introdução ao JSX
• Estilizando Projetos React
• Eventos React
• Construindo um Clone do Jogo Connect-4 para um ou Vários Jogadores com IA
• Introdução ao JSON Server
• Usando Fetch API
• Construindo um Site de E-Commerce Personalizado no React
• Construindo uma Função de Pesquisa Integrada usando React
• Validando Formulários no React