viniazvd

const cors = require('cors')
const express = require('express')
const bodyParser = require('body-parser')

const app = express()

let clients = []

const addSubscribe = (req, res) => {
  res.writeHead(200, { Connection: 'keep-alive', 'Content-Type': 'text/event-stream' })

viniazvd

/**
 * Make some property optional on type
 *
 * @example
 * ```typescript
 * type Post {
 *  id: string;
 *  name: string;
 *  email: string;
 * }

viniazvd

Seedz: Teste prático para Frontend Developer

Objetivo

Imagine que vc é um garçom. Ou melhor, está numa mesa de bar com vários amigos e pessoas que você até não conhece.

Você já deve imaginar o trabalho que da para o garçom atender e, principalmente, gerenciar a comanda com todos os pedidos.

Da mesma forma que quase sempre da problema na hora das pessoas dividirem a conta de um jeito justo.

Pensando nesse cenário, queremos que você construa uma aplicação que abstraia esse trabalho do garçom, com a

viniazvd

(sendPinOnboarding)
value: string, document: string, validationOption: string | Promise<void>
const data = {
  value,
  document,
  validationOption
}
- post('send-pin-onboarding/send', data)

-----------------------------------------------------------------------------

viniazvd

USERS/

(checkDocument)
document:string | Promise<void>
- get(`users/document/${document}`)

------------------------------------------------

(getChannels)
document:string | Promise<ChannelData>

viniazvd

- usar matchMedia (nuxt-device-detect => this.$device.isMobile, deprecated)
- rscss
- usar estrutura de container/components 
- dynamic import dentro de components
- dividir store por módulos
- n usar commits sem actions
- remover/substituir libs de terceiros 
- criar componentes próprios e customizados
- mover libs para dev-deps
- refatorar componentes gigantes

viniazvd

.input-group--rounded {
    height: 50px;
    position: relative;

    input {
        margin: 0;	
        z-index: 0;
        height: 50px;
        display: flex;
        padding: 0 1rem;

viniazvd

<template>
  <div class="config-table">
    <div class="header">
      <div class="column" v-for="(title, i) in columns" :key="i">
        <span class="label">
          {{ title }}
        </span>
      </div>

      <div class="column">

viniazvd

<template>
  <span :class="classes" :style="styles">
    <c-icon :size="iconSize" v-bind="$attrs" />
  </span>
</template>

<script>
import CIcon from '../CIcon'
/**
 * A very simple component meant to be used similarly to a tag.

viniazvd

const list = [
  { ref: 'teste 10-1', value: 'nzcxc' },
  { ref: 'Módulo 1 - Treinamento Básico-1', value: 'Sim' },
  { ref: 'Módulo 2 - Treinamento intermediário-1', value: 'Sim' },
  { ref: 'Módulo 3 - Treinamento Avançado-1', value: 'Sim' },
  { ref: 'Módulo 4 - Treinamento de Segurança-1', value: '-' },
  { ref: 'Módulo 5 - Treinamento Gestores-1', value: '-' },
  { ref: 'EPI (digite com vírgula)-1', value: '000' },
  { ref: 'Tamanho da Camiseta-1', value: 'Selecionar' },
  { ref: 'E-mail-1', value: '[email protected]' },