Udemy

Platform

Português

Language

Other

Category

Angular 11 + Spring Boot 2 + Deploy Heroku + Github Pages

Projeto Web Fullstack completo com tecnologias como Spring Boot, Angular 10 e 11, Heroku, JPA, Git, Github e muito mais!

4.48 (69 reviews)

Students

8.5 hours

Content

Aug 2021

Last Update
Regular Price


What you will learn

Criar uma API REST do zero usando o Framework Spring Boot 2.x.x

Criar um frontend do zero usando o Framework Angular 10 e 11

Fazer o deploy da nossa API REST na nuvem usando a plataforma Heroku

Realizar o beploy do nosso frontend usando o Github Pages

Consumir nossa API usando nosso frontend com ambos na nuvem

Aprender os conceitos de desenvolvimento web com as mais requisitadas tecnologias do mercado de TI

Aprender os conceitos de uma aplicação web

Ampliar seus conhecimentos com desenvolvimento de software e aplicar as vagas do mercado

Se tornar um programador Fullstack


Description

O que você aprenderá

  • Instalar e configurar as ferramentas corretas para iniciar um projeto Web Fullstack

  • Conceitos de Spring Boot 2.x.x

  • Conceitos de Angular 10 e 11

  • Versionar seu código com Git Bash e Github

  • Deploy de sua aplicação no Heroku (back end)

  • Build de seu frontend para o Github Pages (front end)

  • Conceitos básicos de Typescript, HTML5 e CSS3

  • Criar uma API REST

  • Consumir uma API REST usando a ferramenta Postman

  • Consumir uma API REST usando o front desenvolvido no curso

  • Utilização de SQL em modo de desenvolvimento

  • Utilização do banco de dados h2 em tempo de compilação

  • e muito mais...


VISÃO FUNCIONAL:
Neste projeto você vai aprender a construir uma aplicação web completa, CRUD (CREATE, READ, UPDATE e DELETE) de uma biblioteca, gerenciando seus livros e categorias.


VISÃO TÉCNICA - BACK END:
Iremos criar uma API Rest usando Java com Spring Boot 2.x.x e banco de dados MySQL. Vamos usar JPA com Hibernate para mapeamento objeto-relacional e implantação na nuvem usando a plataforma Heroku. Vamos aprender também validação de dados, tratamento de exceções, uso adequado do protocolo HTTP no padrão REST e muito mais.
Versão: Spring Boot 2.0.x e 1.5.x


VISÃO TÉCNICA - FRONT END:
Além do back end, também vamos desenvolver o front end utilizando Angular 10. Vamos explorar a arquitetura MVC do Angular, os componentes visuais do Angular Material, Angular reactive forms, navegação. Vamos cobrir também todo processo de publicação do app no Github Pages.
Versão: Angular 10


ESTE CURSO É DESTINADO A QUEM DESEJA:

  • Aprender os conceitos de como construir um back end com Spring Boot

  • Aprender a publicar o back end no Heroku

  • Aplicar na prática os conteúdos da faculdade em um projeto pessoal

  • Incrementar seu portfolio e seu currículo

  • Estudantes de cursos de computação e desenvolvimento de sistemas

  • Profissionais que desejam adquirir conhecimento nas técnicas e ferramentas propostas no curso

  • Entusiastas que desejam criar aplicativos e sistemas

Se sua necessidade vai ao encontro de pelo menos um desses objetivos, você está no lugar certo. Então não perca mais tempo: comece já este curso!


Screenshots

Angular 11 + Spring Boot 2 + Deploy Heroku + Github Pages
Angular 11 + Spring Boot 2 + Deploy Heroku + Github Pages
Angular 11 + Spring Boot 2 + Deploy Heroku + Github Pages
Angular 11 + Spring Boot 2 + Deploy Heroku + Github Pages

Content

Introdução

Introdução

Ferramentas

Instalando as ferramentas necessárias

Back-end

Iniciando o projeto

Realizando o primeiro commit

Iniciando classes de domínio

Finalizando classes de domínio

Implementando Repository para classes de domínio

Instancia automática da base de dados

Criação do perfil de TESTE

Criação do perfil de DEV

GET para Categorias

Objeto não encontrado para Categoria

Padrão DTO para Categorias

POST para Categorias

UPDATE para Categorias

DELETE para Categorias

Exceção DataIntegrityViolationException implementada

GET por id para Livros

Listando todos os Livros com padrão DTO

UPDATE para Livros

POST para Livros

DELETE para Livros

Ajustes no beckend

Tratando erro de validação dos campos das entidades

Criando o projeto no Heroku

Beckend finalizado

Front-end

Iniciando o projeto com Angular CLI

Criando repositório para front-end e associando ao projeto local

Adicionar o Angular Material no projeto

Componente HEADER

Componente FOOTER

Componente NAV

Componente HOME

Componente CATEGORIA-READ (Parte 1)

Componente CATEGORIA-READ (Parte 2)

Componente CATEGORIA-READ (Parte 3)

Componente CATEGORIA-CREATE (Parte 1)

Componente CATEGORIA-CREATE (Parte 2)

Componente CATEGORIA-CREATE (Parte 3)

Componente CATEGORIA-CREATE (Parte 4)

Componente CATEGORIA-DELETE (Parte 1)

Componente CATEGORIA-DELETE (Parte 2)

Componente CATEGORIA-DELETE (Parte 3)

Componente CATEGORIA-UPDATE (Parte 1)

Componente CATEGORIA-UPDATE (Parte 2)

Componente CATEGORIA-UPDATE (Parte 3)

Componente LIVRO-READ-ALL (Parte 1)

Componente LIVRO-READ-ALL (Parte 2)

Componente LIVRO-CREATE (Parte 1)

Componente LIVRO-CREATE (Parte 2)

Componente LIVRO-CREATE (Parte 3)

Componente LIVRO-UPDATE (Parte 1)

Componente LIVRO-UPDATE (Parte 2)

Componente LIVRO-UPDATE (Parte 3)

Componente LIVRO-DELETE

Componente LIVRO-READ

Deploy do frontend para Github Pages


Reviews

L
Leandro21 August 2021

Não tem muita explicação do que é cada anotação do spring que é usada e nem uma simples explicação da estrutura do Angular. Isso deixa a gente sem entender muita coisa. Preciso a todo momento pesquisar na web, o que faz o curso ser menos útil do que uma simples busca na web. Poderia explicar pelo menos a estrutura de arquivos e pastas do Angular.

J
Jefferson3 August 2021

tive um problema porque quando instalei as ferramentas, testei tudo digitando a versão e funcionou no powershell, porém quando entro no editor studio não esta aparecendo a coluna esquerda onde você clica para criar os projetos. mesmo com tudo instalado e funcionando, não esta aparecendo isto. Faltou algum detalhe nas vídeo aulas.

F
Flavio3 June 2021

Tudo Muito BOM !! Apenas uma Observação: Achei que as letras no video ficaram um pouco pequenas. Poderia talvez aumentar um pouco as letras pra ficar mais legivel o código.

M
Murillo10 May 2021

Muito bom o curso, explicativo. Simples e direto! Perfeito para quem ja tem uma boa base em java e é iniciante em Angular

F
Fabrizio25 April 2021

Excelente conteúdo! Muita qualidade no aprendizado e o professor responde rápido independente do horário e do dia da semana. Parabéns

M
Mikael9 April 2021

O curso é sensacional, estou aprendendo bastante, mas sinto falta de uma explicação mais detalhada de como cada anotação, a estrutura do projeto, até agora estou ainda no backend. Ademais, poderia mostrar um pouco como consultar documentação a cada coisa coisa nova que aparecer no projeto. Parabéns pelo conteúdo!


Coupons

DateDiscountStatus
3/9/2021100% OFFExpired

3708886

Udemy ID

12/16/2020

Course created date

2/4/2021

Course Indexed date
Bot
Course Submitted by