Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • W wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Create a new issue
  • Jobs
  • Issue Boards
Collapse sidebar
  • workshop-ages-winter-2021
  • wiki
  • Wiki
  • Dia 1: Frontend, Backend e Git

Last edited by José Alfredo Goulart Filho Jul 20, 2021
Page history
This is an old version of this page. You can view the most recent version or browse the history.

Dia 1: Frontend, Backend e Git

Roteiro de trabalho

Após realizar este roteiro de trabalho, o aluno terá criado uma aplicação para monitorar a variação de diferentes tipos de criptomoedas.

A aplicação é constituída de duas camadas: backend e frontend.

A camada de backend tem como objetivo buscar informações sobre diferentes criptomoedas.

A camada de frontend tem como objetivo permitir a visualização dos dados capturados pelo backend em uma página HTTP.

Pré requisitos:

  • Instalar o NodeJS.
  • Editor de texto a sua escolha

Parte 1 - Clonar o projeto de backend e frontend localmente

Parte 2 - Comandos básicos para trabalhar no repositório

Comandos node

npm install - para instalar as dependências e preparar o código.

npm start - para rodar o projeto.

Parte 3 - Criar uma regra de negócio na API de backend

Parte 4 - Criar um componente no frontend

Criaremos um botão de refresh para atualizar nossos cards de Crypto. Alguns links que podem ajudar:

https://pt-br.reactjs.org/docs/components-and-props.html

https://pt-br.reactjs.org/docs/handling-events.html

Parte 5 - Integrar backend e frontend

Clone repository
  • Dia 1: Frontend, Backend e Git
  • Dia 2: Amazon Web Services (AWS)
  • Dia 3: Containers Docker e CI CD
  • Home