/Desafio-vue

Desafio Técnico Vue.js para vaga na Mizui

Primary LanguageJavaScript

Desafio Técnico para Desenvolvedor Fullstack Pleno (Vue e Laravel)

Como desenvolvedor fullstack pleno com ênfase em Vue e Laravel, esperamos que você compreenda profundamente a estrutura e os recursos do Vue.js.

Para este desafio, extraímos um código legado que mistura JavaScript nativo com Vue, mas sem explorar todo o potencial do Vue. Seu principal objetivo será isolar a função initCustom que trabalha com CommonJS e reescrevê-la parcialmente utilizando Vue.js para alcançar o mesmo resultado.

Instruções:

  1. Clone o Repositório: Clone o repositório do GitHub ou visualize-o diretamente na plataforma.
  2. Acesse o Arquivo: Abra o arquivo index.vue.
  3. Conteúdo HTML e Script Setup: Dentro do index.vue, você encontrará conteúdo HTML utilizando script setup com Vue 3.
  4. Referência ao Arquivo Scripts: O conteúdo é baseado em um arquivo dentro de scripts chamado scripts/index.js.
  5. Simulação de Reatividade: O script atual realiza ações na página, simulando "reatividade".

Objetivo:

Seu objetivo é demonstrar, através de código, como essa reatividade pode ser implementada diretamente no Vue.js, eliminando a necessidade do código legado (script/index.js).

Requisitos:

  • Foco na Lógica e Conhecimentos de Vue: Não é necessário trabalhar aspectos visuais, apenas a lógica e os recursos do Vue.js.
  • Demonstração de Melhorias: Explique como você aproveitou os recursos do Vue.js para melhorar o código, tanto no código quanto em uma call de apresentação.

O que será Avaliado:

  • Capacidade de isolar e refatorar funções utilizando Vue.js.
  • Entendimento profundo dos recursos do Vue.js e como aplicá-los de forma eficiente.
  • Clareza e qualidade na explicação das soluções implementadas.

Esperamos que esta atividade lhe permita demonstrar sua habilidade com Vue.js e sua capacidade de transformar código legado em soluções modernas e eficientes. Boa sorte!