O Bootcamp Completo de React 2023 (c/ React Hooks, Firebase)

Torne-se um desenvolvedor avançado de ReactJS, construa e implante três aplicativos prontos para produção com React, React Hooks e NodeJS.

Criado com versões atualizadas de React, React Hooks, Node.js, JavaScript e Firebase.

O que este curso aborda?

Este curso trata de React - uma biblioteca que ajuda os desenvolvedores a criar interfaces de usuário na web. Mas o React não se limita apenas a interfaces de usuário, há muito mais do que isso. Você já se perguntou como os sites SocialHub, TweetZone ou StreamFlix são construídos e por que eles não parecem sites? O React pode responder a tudo isso. Neste curso, mostramos como criar sites com sensação de aplicativos móveis (Single Page Apps), onde o React é a base. Primeiro, vamos guiá-lo pelos conceitos básicos do desenvolvimento web antes de mergulhar no React. Aqui, falaremos sobre o JavaScript mais recente, Node.JS, Git, APIs e ferramentas essenciais para que você se sinta o mais confortável possível em qualquer estágio do processo de desenvolvimento. Em seguida, passamos para o React com uma pequena parte teórica. Neste ponto, você conhecerá os fundamentos do React e como ele funciona. Nosso primeiro projeto é um jogo Connect-Three. Aqui, você conhecerá os conceitos básicos do React, hooks e funcionalidades principais. Ao final deste projeto, você será capaz de criar um aplicativo web simples que demonstra seus sólidos conhecimentos básicos de React. Aqui, você experimentará o fluxo de desenvolvimento de um aplicativo React em geral. O segundo projeto é um aplicativo web de busca de filmes chamado MovieZone. Com este projeto, avançamos para casos de uso mais complexos do React e começamos a trabalhar com APIs externas, layout dinâmico e páginas combinadas com abordagens diferentes para estilizar um aplicativo React. Aqui, trabalharemos com React Hooks mais avançados e personalizados. No final deste projeto, analisaremos e otimizaremos o aplicativo com React hooks para torná-lo ainda mais rápido e confiável. Até mesmo o transformaremos em um Progressive Web App que funciona offline! O projeto final será um aplicativo chamado Chatify. Ele incluirá os seguintes recursos: login por mídias sociais, gerenciamento de contas, permissões baseadas em funções, dados em tempo real e muitos outros. Neste projeto, combinaremos o React com o Firebase - uma solução de backend na nuvem, alimentada por um banco de dados NoSQL. Você dominará o gerenciamento de estado global com a Context API e aprimorará seus conhecimentos em React hooks. Na etapa final, estenderemos o aplicativo com um backend personalizado na forma de serverless. Todos os nossos projetos terão uma interface de usuário amigável e bem projetada, responsiva e otimizada para todos os dispositivos.

Este curso é exatamente o que você está procurando?

Se você está ansioso para aprender desenvolvimento front-end com React do zero, se você tem alguma experiência com React, mas não se sente confiante, se você acabou de começar a aprender desenvolvimento web e deseja migrar para ferramentas e tecnologias modernas, se você sente que está preso fazendo apenas HTML, CSS e um pouco de JavaScript, então este curso é definitivamente para você!

O que você precisa para ter sucesso neste curso?

HTML e CSS são absolutamente necessários. Compreensão geral/básica de programação ou JavaScript. Nenhuma experiência prévia com React ou frameworks JavaScript. Paixão por aprender coisas novas :)

Após este curso, você terá:

Três projetos reais de React de diferentes complexidades que podem ser incluídos em seu currículo. Compreensão total do React. Experiência com bibliotecas populares de React. Conhecimento de como criar e implantar aplicativos React. Conhecimento de backend serverless personalizado e Firebase.

Tópicos que serão abordados e explicados:

Fundamentos do React (sintaxe, conceitos principais, teoria). Modelos de estruturação (create-react-app, nano-react-app /w Parcel). Estilização de aplicativos React (CSS, SASS, biblioteca de componentes de UI, CSS-IN-JS /w Styled components). Renderização condicional (conteúdo e estilos dinâmicos). Gerenciamento de estado, local + global (/w React Hooks, Context API). Análise e otimização de componentes (/w React hooks). Gerenciamento de layout complexo. Páginas dinâmicas com React Router. Progressive Web Apps e service workers. Assinaturas em tempo real no React. Uso de APIs externas para buscar dados remotos. Implantação de aplicativos React (github pages, surge, firebase). Backend serverless com funções em nuvem no node.js. JavaScript moderno e atual (ES6 - ES2020). Não faz parte do React, mas incluído: Git, Node.js, APIs, guias rápidos do ESLint e Prettier. Firebase (/w banco de dados NoSQL em tempo real, funções em nuvem, mensagens em nuvem, armazenamento em nuvem). Ideia e conceito de computação em nuvem serverless + explicação sobre contêineres Docker.

Não acredite apenas em nossas palavras, veja o que nossos alunos anteriores têm a dizer sobre este curso:

Em primeiro lugar, o curso é muito bem feito e abrangente. Ele aborda conceitos importantes do mundo real, como otimizar seu código com divisão de código, memoização, useCallback. - Tony S. Ótimo conteúdo do curso e resposta rápida às perguntas! - Rachel L. Os instrutores são responsivos, obtive ajuda rapidamente quando precisei. - Liam S.

E se você ficar preso durante o curso?

Ficar preso é o pior e inevitável. Ao mesmo tempo, é algo comum para um desenvolvedor. Entendemos isso e estamos sempre prontos para ajudá-lo com suas perguntas o mais rápido possível.

E se você não estiver satisfeito com este curso?

Estamos tão confiantes de que você vai adorar este curso que estamos oferecendo uma garantia de reembolso de 30 dias! Você pode se inscrever hoje sem nenhum risco.

O que você está esperando? Matricule-se hoje!

O que você aprenderá

- Construir e implantar aplicativos React responsivos e prontos para produção a partir do zero - Configurar e desenvolver um aplicativo React com o Firebase (funções em nuvem, mensagens em nuvem, banco de dados em tempo real, armazenamento, autenticação) - Dominar React Hooks e a sintaxe mais recente do React - Dominar o gerenciamento de estado com React Hooks e Context API - Aprender e praticar JavaScript de ponta (ES2020)