Visão Geral

Este curso ensina a construção de aplicações full-stack utilizando o banco de dados gráfico Neo4j como backend e o React para o desenvolvimento do frontend. Os participantes aprenderão a modelar dados com grafos, desenvolver APIs para comunicação entre o React e o Neo4j, e criar interfaces dinâmicas para visualização de dados gráficos. O curso foca em práticas recomendadas para desenvolvimento eficiente, escalabilidade e deploy de aplicações.

Objetivo

Após concluir o Curso Full-Stack Graph Applications with Neo4j and React, você será capaz de:

1. Configurar e integrar um ambiente de desenvolvimento full-stack utilizando Neo4j e React.
2. Modelar e manipular dados em grafos utilizando Neo4j.
3. Criar APIs REST para comunicação entre React e Neo4j.
4. Desenvolver interfaces React para visualizar e manipular dados gráficos.
5. Implementar, otimizar e fazer deploy de uma aplicação full-stack para ambientes de produção.

Publico Alvo

Desenvolvedores full-stack, engenheiros de software, desenvolvedores front-end e back-end, e profissionais que desejam aprender a desenvolver aplicações completas utilizando bancos de dados gráficos.

Pre-Requisitos

• Conhecimento intermediário em JavaScript e React.
• Noções básicas de APIs REST.
• Familiaridade com bancos de dados relacionais ou não relacionais.

Materiais

Conteúdo Programatico

Módulo 1: Introdução ao Neo4j e React

1. O que é Neo4j?
2. Introdução aos conceitos de banco de dados gráfico.
3. Visão geral do React para desenvolvimento de interfaces modernas.
4. Integração full-stack: conectando o backend Neo4j com o frontend React.

Módulo 2: Configuração do Ambiente de Desenvolvimento

1. Instalação do Neo4j (local ou via nuvem).
2. Utilizando Neo4j Desktop e Neo4j Browser.
3. Setup do ambiente de desenvolvimento React.
4. Conectando Neo4j ao frontend via drivers e APIs.

Módulo 3: Modelagem de Dados com Grafos no Neo4j

1. Introdução a nós, arestas e propriedades.
2. Como modelar dados em grafos para aplicações.
3. Introdução à linguagem de consulta Cypher.
4. Criação e manipulação de dados no Neo4j com Cypher.

Módulo 4: APIs RESTful com Neo4j e Node.js

1. Construção de APIs REST para integrar React e Neo4j.
2. Implementando operações CRUD (Create, Read, Update, Delete).
3. Autenticação e controle de acesso nas APIs.
4. Testes e validação de APIs com Postman.

Módulo 5: Desenvolvimento Front-End com React

1. Revisão dos conceitos fundamentais do React (Componentes, Hooks, State e Props).
2. Criação de interfaces dinâmicas e responsivas com React.
3. Implementação de formulários para captura de dados de grafos.
4. Comunicação com backend via Axios e Fetch.

Módulo 6: Integração React e Neo4j

1. Fazendo consultas Cypher através da API.
2. Renderizando dados de grafos em tempo real no React.
3. Visualização de grafos no frontend usando bibliotecas como D3.js ou outras específicas de grafos.
4. Melhorando a interação e a navegação com dados complexos.

Módulo 7: Performance e Otimização

1. Técnicas para otimização de consultas em Neo4j.
2. Paginação de dados e otimização de carga de componentes no React.
3. Uso de indexação e restrições no Neo4j para melhorar a performance.
4. Melhores práticas para gerenciamento de estados no React.

Módulo 8: Deploy de Aplicações Full-Stack

1. Preparação do ambiente de produção para Neo4j (cloud ou on-premises).
2. Deploy da aplicação React e API (Heroku, AWS, etc.).
3. Gerenciamento de dados e backups em Neo4j.
4. Monitoramento e manutenção de uma aplicação em produção.

Módulo 9: Projeto Final

1. Desenvolvimento de uma aplicação full-stack completa que integra Neo4j e React.
2. Testes de funcionalidade e feedback em tempo real.
3. Apresentação e análise de diferentes casos de uso práticos com grafos.
4. Ajustes finais e recomendações para escalabilidade.