lavesan

Recebendo dados query string:

No controller:

// 1 forma
Map<String, String[]> queryString = request().queryString();
Map<String, String> map = new HashMap<>();
queryString.forEach((s, strings) -> map.put(s, strings[0]));

Form<DataTableForm> form = this.mFormFactory.form(DataTableForm.class).bind(map);

lavesan

• Display
  • Permite alinhar um componente de maneiras diferentes
• Position
  • Permite posicionar um elemento livremente
• Box
  • Colocando espaçamentos dentro de uma box(pode chamar de componente também)
• Background
  • Possibilidades de estilização do background
• Content
  • Escrevendo o conteúdo de uma tag no css

lavesan

• Virtual DOM
• props e state
• Tipos de componente

Necessário:

• Node.js
• React.jsx

Comandos

Instalar o react:

lavesan

Oque é um teste?

Usado para testar o código

Nunca esquecer dos seguintes:

• Documentar o código
  • Eu ou outra pessoa podem utilizá-lo depois ou reestruturá-lo, então sempre escreva os tópicos e passos!
• Fazer teste
• Um código bem testado é bem mais fácil de ser gerido

lavesan

Frameworks Front-End

Angular

React

Vue

Utilidades

React + Next.js

lavesan

• Chamado de Reactive Forms
• Posso:
  • Validar um campo
  • Setar valor
  • Pegar valor
  • Ver se já foi alterado o valor
  • Eventos quando o valor altera
  • ...

Iniciando formGroup

No html

lavesan

Introdução

Possui as características do javascript mas podendo tipar
Por enquanto, ele transpila para javascript ao buildar

Tipagens

Boolean

let checar: boolean = true;

Number

lavesan

As numerações são os passos básicos essenciais, o resto são ocasionais

Configurando o ambiente para git

• Setando o nome de usuário globalmente e o de email:

git config --global user.name “Seu nome”

git config --global user.email "Seu email"

lavesan

1º jeito

Fazendo rotas

npm i routing-controllers

Arquivo das rotas back-end
Algo como @Body({ required: true, validate: true }) pode deixar um valor required e retorna badRequest se não tiver

import {JsonController, Param, Body, Get, Post, Put, Delete} from "routing-controllers";
import userRespository from './bd/UserRepository.ts';

lavesan

ícones em svg

https://iconsvg.xyz/

ícones em fonte

fontawesome