Angular 6 E 7, Apollo, GraphQL E Graphcool - Guia Completo

Construa uma aplicação web do Mundo Real usando o novo Angular! Passo a passo do Zero ao Deploy na Nuvem!

Obs: este curso ainda não está completo, novas aulas estão sendo publicadas até a finalização.

Neste curso você irá aprender a usar o Angular juntamente com o Angular Material, Apollo, GraphQL e Graphcool para criar um Chat Realtime com perfil para os usuários com foto e algumas informações, e conversas privadas ou em grupo.

Iremos usar o Graphcool, que é um Backend as a Service (BaaS) baseado no GraphQL para armazenar nossos registros, modelar dados usando o sistema de tipos do GraphQL, implementar autenticação, configurar um sistema de permissões e fazer upload de arquivos.

Com o Angular você vai aprender a implementar uma tela de login, integrá-lo com o Graphcool por meio do Apollo Client, implementar Rotas e protegê-las com Guardas de rotas, utilizar Lazy Loading, criar uma estrutura modular, usar formulários, diretivas, pipes, serviços, e muito mais!

Tudo isso usando programação reativa com o RxJS, otimização de Queries e Mutations no GraphQL com Apollo Cache, Optimistic UI para melhorar a experiência do usuário, e Realtime Subscriptions no GraphQL para garantir a receber mensagens em tempo real.

Por fim iremos gerar um build de produção da aplicação para fazermos o deploy.

Espero que tire o máximo de proveito de todo esse conteúdo que foi preparado especialmente para você!

Nos vemos no curso!

Conhecimento básicos de HTML, CSS e JavaScript

Conhecimento básico de Angular (2 ou superior)

NodeJS instalado (preferência 10+)

Editor de código (sugestão: Visual Studio Code)

Criar aplicações modernas, complexas e escaláveis com Angular, Apollo, GraphQL e Graphcool

Entender o funcionamento de uma aplicação Angular e como integrá-la com um Back-end GraphQL

Usar todo o conhecimento adquirido para criar aplicações Realtime

Consumir uma API GraphQL utilizando o Apollo Client para Angular

Interceptar requisições HTTP e WebSocket do Apollo Client para anexar token de autenticação

Usar Route Guard para proteger seções da aplicação

Criar formulários com Reactive Forms e Template Driven Forms

Modularizar a aplicação Angular e carregar módulos sob demanda com Lazy Loading

Implementar sistema de autenticação sofisticado (inclui Login Automático)

Usar Programação Reativa com RxJS 6

Fazer validação de formulários

Comunicação entre Components

Criar Single Page Applications com um dos frameworks mais completos da atualidade