Desenvolvimento de Aplicações Full Stack com Angular e Spring Boot

Visão Geral do Curso

Neste curso, iremos criar um novo projeto de compras de livros online. Quando digo aplicação de compras de livros online, podemos pensar nisso como tendo uma página de lista de livros. Usuários ou clientes poderão visualizar essas listas de livros e comprar um ou mais deles. É claro que essas compras serão armazenadas e poderão ser visualizadas posteriormente quando necessário. Implementaremos este projeto usando Spring Boot, Angular e PostgreSQL. Aplicaremos operações CRUD em nosso projeto. Utilizaremos operações CRUD tanto para usuários quanto para livros. Utilizaremos operações CRUD de usuário para processos de login, registro e autorização. Utilizaremos operações CRUD de livro para criar, editar e excluir livros. Essas operações CRUD serão consultadas pelo Angular. Em outras palavras, criaremos uma infraestrutura de backend para essas operações CRUD e forneceremos uma interface de usuário no frontend. Criaremos nossa aplicação com operações de usuário e livro. Nossas principais operações serão login de usuário, registro, lista de livros, criar livro, excluir livro e mais. Também continuaremos com uma aplicação baseada em funções. Portanto, utilizaremos diferentes funções como admin e usuário. Posteriormente, atribuiremos diferentes permissões a esses usuários com base em suas funções. E forneceremos tudo isso de forma segura tanto no Angular quanto no Spring Boot. Teremos dois componentes principais para implementar nosso projeto. Estes serão o lado do servidor e o lado do cliente.

Lado do Servidor

Nosso principal framework será o Spring Boot no lado do servidor. Implementaremos toda a infraestrutura no backend com o Spring Boot. O Spring Boot nos fornecerá uma configuração fácil e rápida. Implementaremos a arquitetura model-view-controller em nosso projeto com o Spring Boot. Outro tópico importante será a Segurança do Spring. Utilizaremos a Segurança do Spring juntamente com JWT para garantir a segurança em nosso projeto. No Spring Boot, os dados serão apresentados ao cliente como uma chamada de API, e utilizaremos o Spring Rest Controller para isso. Utilizaremos o PostgreSQL como banco de dados. Também podemos utilizar outros bancos de dados, mas implantaremos nosso código no Heroku no final do curso. O PostgreSQL pode ser usado gratuitamente no Heroku, então o utilizaremos. Também utilizaremos a API de Persistência Java e o Hibernate para o Mapeamento Objeto-Relacional (ORM). Com o Hibernate, podemos mapear facilmente nossas tabelas de banco de dados para objetos. Utilizaremos o JPA Repository e o Crud Repository no Spring Boot. Utilizando esses modelos de repositório, realizaremos facilmente operações comuns de banco de dados, como salvar, atualizar, encontrar e excluir. Não queremos reescrever constantemente métodos como getter e setter. Para isso, utilizaremos a biblioteca Lombok. A biblioteca Lombok fornece anotações básicas para isso, e nos livraremos desses códigos ao utilizá-las. Utilizaremos o Gradle para lidar com todas as dependências de nosso serviço. Você pode perguntar por que não estamos continuando com o Maven. Porque o Gradle fornece uma configuração mais fácil e um desempenho mais rápido em comparação com o Maven. Portanto, continuaremos com o Gradle em nosso projeto. Forneceremos implantação em nuvem com o Heroku para todos os nossos projetos. Podemos criar facilmente aplicativos gratuitos no Heroku. Podemos implantar facilmente nossos projetos Spring Boot via GitHub com algumas configurações. Dessa forma, teremos uma aplicação ao vivo no final do curso, e nosso código estará acessível a todos no GitHub. Isso é tudo sobre o lado do servidor. Vamos falar um pouco sobre o lado do cliente.

Lado do Cliente

No lado do cliente, criaremos uma aplicação utilizando o framework Angular. Criaremos a interface do sistema de compras de livros online em nossa aplicação. Nossa interface será composta por algumas páginas, como uma página inicial, um painel de administração, uma página de login e uma página de registro. Preencheremos essas páginas com dados fornecidos pelo backend. Dessa forma, você poderá acessar e interagir com os dados de maneira amigável ao usuário. Ao criar nosso projeto Angular, seguiremos as melhores práticas. Implementaremos a arquitetura model-view-controller. Além disso, utilizaremos recursos extras como TypeScript. No final do curso, construiremos e implantaremos nosso projeto no Heroku. Dessa forma, teremos uma aplicação ao vivo no final do curso. Por fim, também implementaremos segurança e autorização no Angular. Trabalharemos com diferentes funções e aplicaremos páginas não autorizadas e desconhecidas na interface do usuário com base nessas funções. Abordaremos os detalhes desses passos passo a passo.

O que você aprenderá

- Criar um projeto do zero com o Spring Boot - Criar um projeto do zero com o Angular - Garantir a segurança usando JWT - Compreender e trabalhar com Observables - Testar endpoints de API com o Postman - Implantar através do Heroku usando o GitHub - Implantar uma aplicação Angular node na nuvem - Implantar um projeto Spring Boot na nuvem