औसत दर्जे का डेवलपर कैसे नहीं हो सकता

नमस्कार, हेब्र! मैं आपके लिए लेख का अनुवाद प्रस्तुत करता हूं "कैसे एक औसत दर्जे का डेवलपर न हो!"
दुष्यंत सभरवाल। लेख शुरुआती लोगों के लिए कुछ सुझाव प्रदान करता है और संभवतः, कुछ अनुभवी प्रोग्रामर जो अपने व्यावसायिकता को बेहतर बनाने में मदद कर सकते हैं और काम करने के लिए अपना दृष्टिकोण बदल सकते हैं। उनमें से कुछ आम लग सकते हैं, लेकिन शुरुआती खुद के लिए कुछ उपयोगी खोजने में सक्षम हो सकते हैं।

अधिक कोड लिखें

यदि आप किसी भी व्यवसाय में अपने कौशल में सुधार करना चाहते हैं, तो आपको अधिक अभ्यास करने की आवश्यकता है - दुर्भाग्य से, कोई वर्कअराउंड नहीं हैं। इससे कोई फर्क नहीं पड़ता कि आप प्रति दिन कितने प्रोग्रामिंग लेख पढ़ते हैं या दिन में कितनी बार प्रलेखन पढ़ते हैं - आपने अपने हाथों से काम किए बिना परिणाम प्राप्त नहीं किया है। डिज़ाइन पैटर्न जो कई शुरुआती उपयोग करने में मुश्किल लगते हैं, जब आप अलग-अलग संदर्भों में उन्हें लागू करने का अभ्यास करते हैं तो स्वचालित रूप से आपकी उंगलियों के नीचे से उड़ना शुरू हो जाएगा।

परीक्षण लिखें

जब मैंने सक्रिय रूप से अपने कोड का परीक्षण करना शुरू किया, तो मुझे गुणवत्ता परीक्षण लिखने के लिए मेरी असमानता पर आश्चर्य हुआ। लेखन परीक्षण आपको अपने कोड को एक नए तरीके से देखना सिखाएगा, क्योंकि जब आप अपने कोड को तोड़ने के तरीके के साथ आते हैं, तो आप सबसे अधिक संभावना अपने कोड की संरचना और तर्क को अधिक गहराई से समझेंगे और अपनी खुद की कुछ त्रुटियों को पाएंगे (परीक्षणों के निष्पादित होने से पहले, जबकि वे लिखे जा रहे हैं) और ध्यान दें कि यह आपके कोड के कुछ हिस्सों को सहायक कार्यों में डालने या कुछ कार्यों को अधिक सामान्य बनाने के लायक हो सकता है - कुछ मामलों में आपको ऐसा करने के लिए भी मजबूर किया जाएगा यदि आपको लगता है कि आपके कोड का परीक्षण नहीं किया जा सकता है।

आइए एक उदाहरण देखें:

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, , , .. (, ), . , , , , « », .

, , , . , — , !