Semana Spring React - treinamento gratuito

Crie um app completo para seu portfólio com as tecnologias mais demandadas do mercado

Realização

DevSuperior - Escola de programação

Conferir Node (16 LTS) e Yarn

node -v
yarn -v

Caso precise instalar o Yarn, faça o comando:

npm install --global yarn

Design Figma

https://www.figma.com/file/hpQuzpGHq2MmrI87xnfMoT/DSMovie1

https://www.figma.com/file/svCMhNqgpAZuN86w9IHJ4v/DSMovie2

https://www.figma.com/file/gEZYKqJJs2gEhIB6k9ksGB/DSMovie3

https://www.figma.com/file/hyovBMIxwrn2Bb5MZLrxHL/DSMovie4

Projeto ReactJS

• Estrutura de pastas do projeto:

💵 DSMovie - Listagem e avaliação de filmes.

1. Sobre
2. Tecnologias
3. Aprendizados Back-end
4. Aprendizados Front-end

🌎 Acesse agora:

https://dsmovie-evraio.netlify.app

🔥 Sobre o projeto

Semana Spring React - Evento promovido pela escola DevSuperior em 01/2022.

A aplicação consiste em fazer uma busca páginada e avaliação de filmes. Back-end construído com Spring Boot e front-end com React e Bootstrap.

👾 Modelo Conceitual

🤖 Tecnologias

• Java 11
• Spring Boot
• Hibernate JPA
• React
• React Router DOM
• Bootstrap
• Typescript
• H2 Database
• PostgreSQL
• Axios
• Postman
• VSCode
• Eclipse

🎉 Aprendizados Back-end

• Modelo de domínio
• Acesso a banco de dados
• Estruturar o back end no padrão camadas
  • Entities
  • DTO
  • Services
  • Controllers
  • Repositories
• Criar endpoints da API REST
• Implantação na nuvem (Heroku e Netlify)

🎉 Aprendizados Front-end

• Integração do back end com front end
• Três pilares do React
  • Componentes
  • Props
  • Estado
• React Hooks
  • useState
  • useEffect
  • useParams
  • useNavigate

Hospedagem do site : https://www.netlify.com/

Hospedagem da API : https://www.heroku.com