Como NÃO ser um desenvolvedor medíocre

Olá Habr! Apresento a você a tradução do artigo "Como não ser um desenvolvedor medíocre!"
Dushyant Sabharwal. O artigo fornece algumas dicas para iniciantes e, possivelmente, alguns programadores experientes que podem ajudar a melhorar significativamente seu profissionalismo e mudar sua atitude em relação ao trabalho. Alguns deles podem parecer comuns, mas os iniciantes podem encontrar algo útil para si mesmos.

Escreva mais código

Se você deseja aprimorar suas habilidades em qualquer profissão, precisa praticar mais - infelizmente não há soluções alternativas. Não importa quantos artigos de programação você lê por dia ou quantas vezes por dia você lê a documentação - você não obterá resultados sem trabalhar com suas próprias mãos. Os padrões de design que parecem difíceis de serem usados ​​por muitos iniciantes começam a voar automaticamente sob seus dedos quando você os aplica em diferentes contextos.

Escrever testes

Quando comecei a testar ativamente meu código, fiquei surpreso com meu despreparo para escrever testes de qualidade. Escrever testes o ensinará a examinar seu código de uma nova maneira, porque quando você descobrir maneiras de quebrar seu código, provavelmente entenderá a estrutura e a lógica do seu código mais profundamente e encontrará alguns erros (mesmo antes de os testes serem executados enquanto eles estão sendo gravados) e observe que pode valer a pena colocar algumas partes do seu código em funções auxiliares ou tornar algumas funções mais generalizadas - em alguns casos, você será forçado a fazer isso se achar que seu código não pode ser testado.

Vejamos um exemplo:

function postData(data) {
 boolean valid = true;
 //   
 if (data === undefined) {
   valid = false;
 }
//    
 if (!regex(data['email']) {
   valid = false;
 }
//   
 if (data['password'].length < 8) {
   valid = false;
 }
if (valid) {
  http
   .post(`example.com/user/create`, data)
   .then((response) => {
    //   
    this.users.append(response.userid);
   })
   .catch((error) => {
    //    
   });
 } else {
   showValidationError();
 }
}

postData : , , . postData . , :

function postData(data) {
 return http
   .post(`example.com/user/create`, data);
}

function validate(data) {
 //   
 if (data === undefined) {
   return false;
 }
//    
 if (!regex(data['email']) {
   return false;
 }
//   
 if (data['password'].length >= 8) {
   return false;
 }
  return true;
}

function appendUsers(userId) {
  this.users.append(response.userid);
}

function main() {
 if (validate(data)) {
  postData(data)
   .then(data => appendToList(data.userId))
   .catch(error => handleError(error))
 } else {
  showValidationError();
 }
}

, — , , .

. , - API, , , , - .

open-source

open-source , , . . . , open-source . , open-source .

-, , , , , . , 100%, - .

, . product manager-, — , ! , , !

/ . , , , . , , . , , , .

, , API, ( ) . , .

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

, vue.js. , :

1. new? «» ?
2. , el id , #? , , ?
3. data vue. ?

, , , .

, . , , , — ! , . API. , , , .

( , , ) , . . , , API.

. , . , , , .

, , : hackerrank, leetcode, codingame .

, , . stackoverflow, . medium , . github. , , .

-

API , , : « — . ». , . , DRY, , , .. (, ), . , , , , « », .

, , , . , — , !