17/07/2022 10:44 Fulltack Angular e Spring

FULLSTACK ANGULAR E SPRING

Assista ao vídeo para conhecer o projeto do curso!

Fullstack Angular e Spring - Projeto do curso

[Link] 1/22
17/07/2022 10:44 Fulltack Angular e Spring

Veja o que você vai aprender

Além de aprender passo a passo, você vai ter um sistema que pode usar
até como base para os seus projetos particulares.

Se você quiser, vai poder usar a estrutura e até o layout do projeto para
criar sistemas para seus clientes ou usuários, talvez desenvolver o seu
TCC, na faculdade…

...ou até mesmo criar um software próprio, que você pode alugar para
centenas de empresas e ganhar nas mensalidades.

Já imaginou o tempo que isso vai te economizar e o retorno gigantesco

que você pode ter?

É um curso muito denso!

Se você pesquisar, vai ver que não existe nada parecido com isso, nem
presencial e nem online.
[Link] 2/22
17/07/2022 10:44 Fulltack Angular e Spring

Ao entrar para esta turma do Fullstack Angular e Spring (FSAS),

você será capaz de desenvolver projetos web modernos e
profissionais, incluindo:

Web Services RESTful

Back-end com o ecossistema Spring

Produtividade com Spring Boot

Injeção de dependências com Spring IoC

Autenticação e autorização com OAuth2, JWT e Spring Security

Persistência de dados com JPA, Hibernate e Spring Data JPA

Front-end com Angular, PrimeNG e Bootstrap 4

Dashboards com gráficos

Relatórios em PDF

Página mestre-detalhe

Upload e download de arquivos

Diálogos para cadastros rápidos

Combos dependentes

Campos com máscara

Envio de e-mails

Agendamento de tarefas
[Link] 3/22
17/07/2022 10:44 Fulltack Angular e Spring

Pesquisas com paginação e ordenação eficiente (lazy loading)

Validações de campos de entradas

Permissões de acesso específicas (com guarda de rotas)

Controle de versão do banco de dados com Flyway

Layout responsivo, podendo funcionar tanto em celulares como

desktops

Deploy do back-end e front-end na nuvem

E muito mais

Tudo isso, você vai conseguir fazer com maestria, mesmo que você:

Não tenha qualquer conhecimento em desenvolvimento web

Ainda não trabalha na área como programador

Ainda é um estudante universitário

Já tenha passado dos 30 anos e acha que está muito velho

Conteúdo programático
[Link] 4/22
17/07/2022 10:44 Fulltack Angular e Spring

Mais de 42 horas de videoaulas. Carga horária equivalente a 120 horas/aula.

1. Introdução ao REST
16. Requisições HTTP

1.1. Introdução ao curso

16.1. Por que precisamos de requisições HTTP?

1.2. Como usar o suporte

16.2. Instalando e testando o json-server

1.3. O que é SOFEA?

16.3. Fazendo requisição com GET e recebendo o retorno

1.4. O que é REST?

16.4. Fazendo requisição com POST

1.5. Conhecendo o projeto do curso

16.5. Fazendo requisição com DELETE

1.6. Ambiente de desenvolvimento REST

16.6. Fazendo requisição com PUT

1.7. Testando APIs com Postman

16.7. Tratando erros de requisições HTTP
1.8. Introdução ao protocolo HTTP
17. Implementando os serviços do projeto

2. Fundamentos do REST
17.1. Revisando e iniciando o back-end do projeto do curso

2.1. O que é um recurso?

17.2. Criando o serviço de consulta de lançamentos

2.2. Representações de um recurso

17.3. Adicionando filtro por descrição na pesquisa de
2.3. Modelo de maturidade Richardson - Nível 0
lançamentos

2.4. Modelo de maturidade Richardson - Nível 1

17.4. Adicionando filtro por datas na pesquisa de
2.5. Modelo de maturidade Richardson - Nível 2
lançamentos

2.6. Modelo de maturidade Richardson - Nível 3

17.5. Implementando a paginação no serviço de
2.7. HATEOAS
lançamentos

2.8. Segurança de APIs REST

17.6. Configurando a paginação lazy do PrimeNG

2.9. Idempotência 17.7. Desafio: criando a consulta e listagem de pessoas

17.8. Excluindo lançamentos e o decorador @ViewChild

17.9. Adicionando mensagem de sucesso com Angular

[Link] 5/22
17/07/2022 10:44 Fulltack Angular e Spring

3. Primeiras consultas e cadastros na API

Toasty

3.1. Criando o projeto da API

17.10. Adicionando diálogo de confirmação antes da
3.2. Conectando ao MySQL
exclusão

3.3. Migração de dados com Flyway

17.11. Alterando o locale da aplicação para pt-BR

3.4. Consultando primeiro recurso com GET

17.12. Criando um serviço de tratamento de erros

3.5. Coleção vazia, o que retornar?

17.13. Desafio: implementando a exclusão de pessoas

3.6. Cadastrando nova categoria com POST

17.14. Desafio: mensagem de erro de usuário na exclusão
3.7. Desafio: Retornar 404 caso não exista a categoria
de pessoa

3.8. Validando atributos desconhecidos

17.15. Desafio: implementando a mudança de status de
3.9. Tratando erros com ExceptionHandler
pessoas

3.10. Validando valores inválidos com Bean Validation

17.16. Desafio: implementando o serviço de listagem de
3.11. Desafio: Criando o cadastro de pessoa
categorias

3.12. Usando eventos para adicionar header Location 17.17. Listando as categorias cadastradas no dropdown

17.18. Desafio: listando as pessoas cadastradas no

4. Atualização e remoção de recursos na API

dropdown

4.1. Removendo pessoa com DELETE

17.19. Criando classes de modelo e usando no cadastro de

4.2. Sobre atualização de recursos REST
lançamentos

4.3. Atualizando pessoa com PUT

17.20. Implementando o serviço de cadastro de
4.4. Implementando atualização parcial com PUT lançamentos

17.21. Desafio: implementando o cadastro de pessoas

5. Relacionamentos entre recursos REST

5.1. Criando a migração e entidade de lançamento

18. Roteamento e navegação

5.2. Desafio: Lista e busca de lançamentos

18.1. Introdução a rotas

5.3. Desafio: Cadastrando o primeiro lançamento

18.2. Configurando rotas na aplicação

5.4. Validando inconsistências

18.3. Navegando com Router Link

5.5. Validando lançamento com Bean Validation

18.4. Estilizando links da rota ativa

[Link] 6/22
17/07/2022 10:44 Fulltack Angular e Spring

5.6. Regra para não salvar pessoa inativa

18.5. Recebendo parâmetros da rota

5.7. Implementando pesquisa de lançamento com 18.6. Desafio: implementando os serviços de atualização e
Metamodel
busca por código

5.8. Desafio: Removendo lançamentos

18.7. Preenchendo os campos na edição de lançamentos

5.9. Implementando a paginação de lançamentos 18.8. Salvando lançamentos editados

18.9. Implementando navegação imperativa

6. Segurança da API
18.10. Fazendo redirecionamento

6.1. Implementando autenticação Basic

18.11. Tratando rota não encontrada

6.2. Fluxo básico do OAuth

18.12. Definindo o título da página dinamicamente

6.3. Implementando segurança com OAuth 2 e Password

18.13. Refatorando as rotas para usar Routing Module

Flow

18.14. Criando um Routing Module para o módulo de

6.4. JSON Web Tokens - JWT
funcionalidade

6.5. Configurando JWT no projeto

18.15. Desafio: roteamento e edição de pessoas
6.6. Renovando o access token com o refresh token

6.7. Movendo o refresh token para o cookie

19. Segurança do front-end

6.8. Movendo o refresh token do cookie para a requisição

19.1. Introdução à segurança do front-end

6.9. O que é CORS?

19.2. Revisando a segurança da API com OAuth 2 e JWT

6.10. Criando filtro para CORS

19.3. Desafio: módulo de segurança e protótipo da tela de
6.11. Movendo o usuário para o banco de dados
login

6.12. Adicionando permissões de acesso

19.4. Implementando o serviço de autenticação com OAuth
6.13. Desafio: Finalizando permissões de acesso
2

6.14. Implementando o logout 19.5. Decodificando o JWT e armazenando no Local

Storage

7. Deploy da API em produção

19.6. Tratando casos de erros e sucesso de autenticação

7.1. Implementando projeção de lançamento

19.7. Adicionando o Access Token nas chamadas HTTP

7.2. Profiles do Spring

19.8. Exibindo o nome do usuário logado

[Link] 7/22
17/07/2022 10:44 Fulltack Angular e Spring

7.3. Criando a conta no Heroku

19.9. Exibindo o menu do sistema conforme permissões do
7.4. Deploy da API na nuvem
usuário

7.5. Nome do usuário no token JWT

19.10. Obtendo um novo access token

7.6. Alternando OAuth 2 e Basic Security com profiles

19.11. Interceptando chamadas HTTP para tratar a
7.7. Desafio: Pesquisa de pessoa
expiração do access token

7.8. Ajustando o CEP

19.12. Protegendo componentes

7.9. Desafio: Atualização de lançamento 19.13. Protegendo rotas com guarda de rotas (CanActivate)

19.14. E se o Refresh Token expirar?

8. Introdução ao Angular

19.15. Tratando acessos de usuários deslogados na

8.1. O que é Angular?

AuthGuard

8.2. AngularJS vs Angular 2/4/X: a confusão das versões

19.16. Implementando o logout

8.3. Instalando o Visual Studio Code

8.4. Introdução ao HTML

20. Deploy em produção do cliente Angular

8.5. Introdução ao CSS

20.1. Configurando a aplicação com environment do Angular
8.6. Instalando o [Link] e NPM
CLI

8.7. Instalando e criando um projeto com Angular CLI

20.2. Fazendo build para o ambiente de produção

8.8. Abrindo o projeto no VS Code

20.3. Respondendo requisições com [Link] e Express

8.9. Abrindo e executando um exemplo do curso 20.4. Fazendo deploy em produção no Heroku

20.5. Conclusão
9. Fundamentos do Angular, componentes e data
binding
21. Apêndice: Atualizações e recursos avançados

9.1. Bootstrapping e AppModule

20.1. Carregamento tardio de módulos (Lazy loading)

9.2. O que são componentes

20.2. Formulários reativos

9.3. Criando um componente

20.3. Criando um formulário reativo

9.4. Instalando a biblioteca CSS do Bootstrap

20.4. Usando a propriedade formGroup

9.5. Introdução a data binding

[Link] 8/22
17/07/2022 10:44 Fulltack Angular e Spring

9.6. Usando interpolação

20.5. Configurando o HTML do formulário reativo

9.7. Usando event binding

20.6. Criando validações customizadas
9.8. Usando variável de referência

22. Apêndice: Melhorando o back-end

9.9. Usando property binding

22.1. Preparação do retorno dos dados para os gráficos

9.10. Usando two-way data binding

22.2. Criando consulta para dados por categoria

9.11. Introdução às diretivas

9.12. Exibindo condicionalmente com as diretivas ngIf e 22.3. Retornando os dados estatísticos de lançamento por

hidden
categoria

22.4. Criando consulta para dados por dia

9.13. Iterando com a diretiva ngFor

22.5. Retornando os dados estatísticos de lançamento por

9.14. Binding de propriedades customizadas com @Input

dia

9.15. Binding de eventos customizados com @Output e

EventEmitter
22.6. Instalando o Jaspersoft Studio

9.16. Adicionando estilos CSS em componentes

22.7. Ajustando o layout do relatório

9.17. Estilos CSS dinâmicos com ngStyle

22.8. Criando o DTO do relatório

22.9. Criando os campos e parâmetros do relatório

9.18. Classes CSS dinâmicas com ngClass

22.10. Ajustando o título e o rodapé do relatório

10. Páginas de pesquisa

22.11. Usando os campos do DTO no relatório

10.1. Instalando plugins úteis no Visual Studio Code

22.12. Criando a consulta do relatório

10.2. Escolhendo uma biblioteca de componentes

22.13. Gerando os bytes do relatório

10.3. Criando o projeto do curso e instalando o PrimeNG

22.14. Retornando os bytes do relatório na requisição

10.4. Adicionando o formulário de pesquisa de lançamentos

22.15. Criando um agendamento de tarefa (Scheduler)

10.5. Adicionando uma tabela de dados

22.16. Configurando o envio de e-mail

10.6. Customizando colunas com ng-template

22.17. Enviando um e-mail simples

10.7. Fazendo paginação de dados

22.18. Configurando o template para o envio do e-mail

10.8. Adicionando tooltip

22.19. Processando o template e enviando o e-mail

10.9. Colocando a tabela de dados responsiva

22.20. Buscando lançamentos vencidos com Spring Data

[Link] 9/22
17/07/2022 10:44 Fulltack Angular e Spring

10.10. Criando o componente de pesquisa de lançamentos

JPA

10.11. Criando o componente de barra de navegação

22.21. Agendando o envio de e-mail

10.12. Adicionando menu intercambiável

22.22. Incluindo logs no agendamento do envio de e-mail

10.13. Desafio: criando componente de pesquisa de 22.23. Criando a entidade Contato para suportar mestre-
pessoas detalhe

22.24. Resolvendo o StackOverflowError com

11. Diretivas e pipes
@JsonIgnoreProperties

11.1. Criando diretivas customizadas

22.25. Inserindo uma pessoa com contato

11.2. Respondendo a eventos do hospedeiro com

22.26. Usando a propriedade orphanRemoval

@HostListener

22.27. Ignorando contatos da pessoa na pesquisa de

11.3. Vinculando propriedades do hospedeiro com
lançamento

@HostBinding
22.28. Upload de arquivos para API

11.4. Usando property binding em diretivas customizadas

22.29. Criando conta na Amazon AWS

11.5. Exportando a API da diretiva para o template

22.30. Configurando o serviço S3

11.6. Conhecendo e usando pipes

22.31. Criando o bucket no S3 automaticamente

11.7. Passando parâmetros para pipes

22.32. Implementando o envio do arquivo para o S3

11.8. Desafio: usando pipes 22.33. Enviando arquivos para o S3

22.34. Anexando arquivo no lançamento

12. Formulários e validação

22.35. Atualizando e removendo anexo

12.1. Introdução aos formulários

22.36. Configurando URL do anexo

12.2. Template-driven Forms: Criando um formulário

12.3. Registrando os controles do formulário

23. Apêndice: Melhorando o front-end
12.4. Adicionando opções dinâmicas no campo de seleção

23.1. Criando o módulo Dashboard

12.5. Definindo o valor padrão em campos com ngModel

23.2. Plotando gráficos com dados estáticos

12.6. Two-way binding com ngModel

23.3. Criando o serviço da Dashboard

12.7. Adicionando validação em formulários

23.4. Buscando dados do gráfico de pizza

[Link] 10/22
17/07/2022 10:44 Fulltack Angular e Spring

12.8. Exibindo erro de validação do formulário

23.5. Buscando dados do gráfico de linhas

12.9. Exibindo erro de validação de controles do formulário

23.6. Formatando labels no [Link]

12.10. Rastreando o estado em controles do formulário

23.7. Criando módulo de relatórios

12.11. Estilizando os campos inválidos com classes CSS do 23.8. Configurando formulário do relatório

Angular
23.9. Exibindo o PDF para o usuário

12.12. Estilizando os campos inválidos com Bootstrap

23.10. Exercício: Incluindo itens de menu: dashboard e
12.13. Limpando formulários (reset) lançamento

23.11. Listando contatos na tela mestre-detalhe

13. Páginas de cadastro

23.12. Criando o diálogo de contato

13.1. Criando o protótipo do formulário de cadastro de

23.13. Criando o formulário de contato

lançamentos

23.14. Incluindo um novo contato

13.2. Adicionando seletor de data (componente Calendar)

23.15. Corrigindo estilo do botão "Novo"

13.3. Adicionando botão de seleção

23.16. Editando contato

13.4. Adicionando caixa de seleção (componente Dropdown)

23.17. Removendo contato

13.5. Adicionando máscara de dinheiro com ng2-mask-

23.18. Criando componente de contatos

money

23.19. Upload com o componente FileUpload

13.6. Desafio: criando o protótipo do formulário de cadastro 23.20. Fazendo download do anexo

de pessoa
23.21. Tratando erro de upload

13.7. Adicionando campo com máscara (componente 23.22. Utilizando componente ProcessSpinner

InputMask)

23.23. Desabilitando botão "Salvar" no upload

13.8. Validando controles de formulário com PrimeNG

23.24. Salvando e removendo anexo

13.9. Criando componente de mensagem de erro de
validação
24. Apêndice: Combos dependentes

13.10. Desafio: controles, validações e mensagens de erro

24.1. Criando entidades cidade e estado

13.11. Desafio: criando mais componentes 24.2. Criando pesquisa de estados e cidades

24.3. Buscando estados e cidades

[Link] 11/22
17/07/2022 10:44 Fulltack Angular e Spring

14. Módulos do Angular

24.4. Preenchendo Dropdown de estados

14.1. Introdução aos módulos

24.5. Carregando Dropdown de cidades

14.2. Criando um módulo e exportando um componente

24.6. Validando cidade e estado, e salvando pessoa

14.3. Reexportando um módulo

24.7. Ajustando estado e cidade na pesquisa de pessoas
14.4. Criando um componente interno do módulo

25. Apêndice: Spring Authorization Server com

14.5. O que são Feature Modules?

14.6. Criando um Feature Module

Authorization Code e PKCE

14.7. Desafio: criando o feature module de pessoas

25.1. Conhecendo o fluxo Authorization Code com PKCE

25.2. Implementando o Spring Authorization Server

14.8. O que são Shared Modules?

25.3. Testando o fluxo Authorization Code com PKCE com o

14.9. Criando um Shared Module

método plain

14.10. O que é Core Module?

14.11. Desafio: criando o Core Module 25.4. Testando o fluxo Authorization Code com PKCE com o
método SHA256

15. Serviços e injeção de dependências

25.5. Configurando um domínio local

15.1. Introdução aos serviços

25.6. Gerando chave RSA

15.2. Implementando um serviço

25.7. Direcionando login para o Authorization Server

15.3. O que é injeção de dependências?

25.8. Gerando o Code Challenge e State no Client

15.4. Configurando o injetor com provider por classe

25.9. Recebendo o Authorization Code no Client e
15.5. Configurando o injetor com provider por fábrica
solicitando o Access Token

15.6. Configurando o injetor com provider por valor e o 25.10. Implementando logout no Authorization Server

decorator @Inject
25.11. Integrando logout no Client
15.7. Injetando serviços dentro de serviços e o decorador
@Injectable

15.8. Como funciona o Injetor Hierárquico

[Link] 12/22
17/07/2022 10:44 Fulltack Angular e Spring

Acesso para sempre Aprenda no seu ritmo

Seu acesso ao curso online será vitalício, ou seja, Estude a qualquer hora e assista as videoaulas
nunca vai expirar. quantas vezes precisar.

Certificado de conclusão Suporte de especialistas

Ao concluir o curso, você vai receber um Você vai ter acesso ao suporte de nossos
certificado de conclusão com validação digital. especialistas por 6 meses, para tirar todas as
dúvidas que tiver durante as aulas.

[Link] 13/22
17/07/2022 10:44 Fulltack Angular e Spring

Certificado de conclusão
Vários de nossos alunos já relataram o prestígio que tiveram durante
entrevistas de emprego por parte das empresas, quando souberam que
são alunos da AlgaWorks.

E já recebemos mensagens de líderes técnicos indicando que dá

preferência para candidatos que estudam com a gente também.

Sem dúvidas, ter um certificado da AlgaWorks não é um documento

qualquer. É um indicador que você investe na sua carreira com
treinamentos que realmente capacitam os alunos para resolver
problemas reais.

Quando você concluir 100% das aulas do treinamento, vai receber um

certificado do Fullstack Angular e Spring em seu nome, com validação
digital de autenticidade.

A carga horária que constará no certificado é de 120 horas.

[Link] 14/22
17/07/2022 10:44 Fulltack Angular e Spring

Confira os bônus que você vai ganhar

[Link] 15/22
17/07/2022 10:44 Fulltack Angular e Spring

E-book Java e Orientação a Objetos

Um livro digital de quase 300 páginas para você reforçar seu
conhecimento em Java e Orientação a Objetos.

Envio imediato após a compra.

VALE R$50
GRÁTIS

Mergulhando no JavaScript
Aprenda os fundamentos da linguagem JavaScript. Com o
curso Mergulhando no JavaScript, você vai aprender, desde
os conceitos básicos como condicionais, laços de repetição,
declarações de funções e etc. até o que há de mais
moderno e produtivo da linguagem (ES6+), além de um
módulo exclusivo de TypeScript. O Mergulhando no
JavaScript é o curso ideal para aqueles que querem ter uma
boa base de JavaScript moderno e TypeScript, antes de
encarar algum framework (como Angular ou React).

[Link] 16/22
17/07/2022 10:44 Fulltack Angular e Spring

VALE R$97
GRÁTIS

Web Design Responsivo com HTML5,

CSS3 e BEM
Você vai aprender a criar páginas responsivas com HTML5
e CSS3 usando a metodologia BEM.

VALE R$447
GRÁTIS

Suporte VIP por 6 meses

Você vai ganhar o Suporte VIP de nossos especialistas por
6 meses, para tirar todas as suas dúvidas durante os seus
estudos.

VALE R$2.382
[Link] Á 17/22
17/07/2022 10:44 Fulltack Angular e Spring

GRÁTIS

TUDO ISSO VALE R$4.673,00

Mas mesmo valendo isso, sabemos que esse valor seria inviável para
muitas pessoas. Por isso...

[Link] 18/22
17/07/2022 10:44 Fulltack Angular e Spring

...o investimento para o Fullstack Angular e

Spring é de apenas R$1.980.
💳 E você ainda pode pagar em 12x R$204,78 no cartão de crédito.
☕ É menos que um cappuccino por dia.

[Link] 19/22
17/07/2022 10:44 Fulltack Angular e Spring

Compre agora, decida depois!

Garantia Total de 30 Dias.

Se você adquirir o treinamento e mudar de ideia em até 30 dias após a data da

compra, é só enviar um e-mail para contato@[Link] e pedir o seu
dinheiro de volta!

Nós vamos estornar seu pagamento integralmente, sem cobrança de taxas,

multas... absolutamente nada! Não vamos fazer nenhuma pergunta antes de
devolver seu dinheiro, e o mais importante, não ficaremos magoados com você.

Perguntas Frequentes

[Link] 20/22
17/07/2022 10:44 Fulltack Angular e Spring

Quais os pré-requisitos para fazer o curso? Qual é a diferença entre este curso e o Especialista
Spring REST (ESR)?
Você precisa conhecer apenas o básico de Java e Este curso (FSAS) é um treinamento imersivo que ensina
Orientação a Objetos. tanto o back-end quanto o front-end (com Angular), mas o
foco maior é sem dúvidas o front-end.
Se não estiver muito confiante na linguagem, não tem
problemas. É só ler o e-book que vai ganhar de bônus O ESR é um treinamento com foco total e portanto mais
sobre esse assunto antes de iniciar o curso. aprofundado em back-end, porém não ensina o front-end.

Mas se você ainda está engatinhando em lógica de

programação e nunca estudou Java na vida, então esse
curso não é para você ainda. Neste caso, prepare-se para
uma próxima turma.

Eu vou receber uma nota fiscal?

Sim! Ela será enviada para seu e-mail após o vencimento

da garantia de 30 dias.

AlgaWorks Softwares, Treinamentos e Serviços Ltda

CNPJ: 10.687.566/0001-97

[Link] 21/22
17/07/2022 10:44 Fulltack Angular e Spring

Termos de uso | Política de privacidade | Fale conosco

[Link] 22/22