- ES6
- Linters no geral tanto para JS como para CSS
- Task runners/build tools como Webpack, Gulp, Grunt e afins.
- Frameworks de JS no geral (React, Vue, Angular, Ember e afins)
- Bibliotecas de utilidades (Underscore, Lodash e afins)
- Frameworks/Bibliotecas CSS (Bootstrap, Foundation, Materializecss e afins) . Você pode utilizar qualquer metodologia de arquitetura de código.
Se preferir, o uso de Sass/Scss é liberado, contanto que seu uso seja justificável.
O uso de ferramentas de teste é liberado (jest, jasmine, mocha, chai, sinon, supertest).
O objetivo desse teste é avaliar:
- organização;
- semântica;
- funcionamento e usabilidade
- uso e abuso das features das linguagens (HTML, CSS e JS);
- uso de patterns;
- performance do código;
- testes de JavaScript.
Você precisará criar um servidor, em Node.JS, pra servir o fields.json
, que está na raiz do projeto, como uma API.
Se preferir, o uso do Express é permitido.
O formulário a ser renderizado é o de pedidos, da forma que é exibido aqui. Através do fields.json
você precisará montar os campos na view.
- É necessário exibir a mensagem "este campo é requerido" para os marcados como
required: true
; - Campos do tipo
enumerable
sãoselect
; - O formulário não precisa fazer
POST
; - Temos uma cultura de testes unitários e de integração. Uma dessas formas, pelo menos, é essencial pra esse teste;
- Se quiser, faça uma rota no Node.js pra exibir o formulário num HTML.