CRUD Angular + Spring | 38: Upgrade Angular v15 com Angular Material

preview_player
Показать описание
Curso CRUD com Angular e Spring. Nesse vídeo vamos fazer o upgrade para o Angular v15 juntamente com o Angular material. Essa versão introduziu muitas mudanças no Angular v15 e teremos que acertar algumas coisas de CSS no nosso código do Angular Material.

🔗 Links citados no vídeo

📌 Redes Sociais

Junte-se ao grupo desse canal para ter acesso aos benefícios:

#Angular
#Spring
#CRUDAngularSpring
  1. Loiane Groner
  2. angular
  3. angular e spring
  4. crud angular
  5. crud angular spring
  6. curso angular
Рекомендации по теме
Angular + Spring 0:43:06

Angular + Spring Boot + MySQL CRUD Full Stack Application Tutorial

How to Build 0:44:27

How to Build a RESTful CRUD App With Spring Boot and Angular

Spring Boot + 0:38:23

Spring Boot + Angular 8 CRUD Example | Spring Data | Java Techie

Spring Boot Full 2:39:57

Spring Boot Full Stack with Angular | Full Course [2021] [NEW]

PROJETO FULLSTACK APP 1:11:25

PROJETO FULLSTACK APP DE LOGIN ANGULAR 17 + JAVA SPRING | FRONTEND

Parte 1 - 0:19:33

Parte 1 - Backend CRUD Básico con Spring Boot 3 y Angular 18

CRUD Operations using 0:42:32

CRUD Operations using Spring Boot, Angular and MySQL | CRUD operations + spring boot + angular

Spring Boot and 3:46:33

Spring Boot and Angular Full Stack Development | 4 Hour Course

Part 1 - 1:12:17

Part 1 - Spring Angular - Backend with Spring Boot

Angular 15 CRUD 0:40:34

Angular 15 CRUD Operations App | Angular Reactive Form | Spring Boot + Angular | Step by Step | 2023

Part 1: Create/Insert 0:30:58

Part 1: Create/Insert new record | CRUD Operation in Spring boot + Angular

Angular + Spring 0:18:10

Angular + Spring Boot | Building a Web Application | @GET | Java Techie

Mastering CRUD Operations 4:13:10

Mastering CRUD Operations with Spring Boot and Angular Material UI | Step-by-Step Tutorial

CRUD con Spring 3:31:27

CRUD con Spring Boot 3 y Angular 17

Build a CRUD 0:48:24

Build a CRUD App with Spring Boot and Angular in Under an Hour | Step by Step Guide #springboot

CRUD Angular + 0:25:24

CRUD Angular + Spring | 01 - Introdução

Angular + Spring 1:01:41

Angular + Spring Boot + MySQL CRUD Full Stack Application Tutorial | Hindi | Complete Project

APRENDA ANGULAR DO 2:50:55

APRENDA ANGULAR DO ZERO - primeiro passos

Angular + Spring 0:09:03

Angular + Spring Boot CRUD Full Stack App - 16 - Connecting Angular with Create Employee REST API

Angular + Spring 0:06:25

Angular + Spring Boot CRUD Full Stack App - 17 - Creating REST API to Get Single Employee Object

Desarrollo de una 2:10:12

Desarrollo de una aplicación web Full Stack con Spring Boot y Angular

Spring Boot CRUD 0:00:50

Spring Boot CRUD with Angular

Employee Management System 0:00:35

Employee Management System using Angular + Java + Postman + MySQL. CRUD operations webapplication

Build a Beautiful 0:58:52

Build a Beautiful CRUD App using Spring Boot and Angular

Комментарии
Автор

👏👏👏 Que Palestra de Upgrade foi essa. Só quem já penou sabe ... Obrigado Loiane <3

boblipe
Автор

Muito boa aula, esses components Stand-Alone vão ajudar muito e creio que fazer vários projetos utilizarem o Angular v15

rubenssamuel
Автор

Oie! obrigada pelas explicações!!

O Vídeo com detalhes das mudanças da v15 já saiu?

MariaTerezadeCastroCosta
Автор

Você pode usar bootstrap no projeto e colocar a classe "mx-auto" para centralizar: <mat-card-actions class="mx-auto">

milenamacedo
Автор

Curso de qualidade, show de bola!!! S2

AlexsonFelipe
Автор

Aqui resolveu a quebradeira apagando o node_modules e o package.json-lock e dando npm install. A parte de ajeitar os imports tem que ser na mão mesmo

FernandoNascimentoFOX
Автор

hi Loiane, i am currently using Java 20 with with Java Spring Boot 3.1.3 and Angular 16.2, everything still working fine

mugatu
Автор

Caso o css do formulário do curso de alguém tenha mudado completamente com o upgrade e não saiba o por que, verifiquem se no course-form.component.scss o mat-card está sendo usado como tag mesmo e não como classe (.mat-card).
No Angular v14 estava funcionando normal, porém na v15 já não funciona mais isso.

filipescaglia
Автор

Uma coisa que não aparece mais depois da refatoração é o asterisco do campo do nome do curso no form

MrJanaSantos
Автор

Caramba eu tenho um projetinho bem adiantado que já tem alguns módulos e dezenas de componentes, fiz esse update do 14 para 15 e quebrou tudo kkkk. Parte de css foi terrível, nem sabia mais o que estava funcionando, mudou muita coisa 🤪

andersong.pereira