सीनियर फ्रंटेंड डेवलपर कैसे बनें

नमस्कार, हेब्र! मैं आपके लिए Seifeldin Mahjoub द्वारा लेख "एक व्यावहारिक मार्गदर्शक बनने के लिए एक वरिष्ठ अग्रदूत डेवलपर" का अनुवाद प्रस्तुत करता हूं।

संगरोध अपने उच्च बिंदु हो सकता है

'वरिष्ठ' शीर्षक के लिए कई परिभाषाएं हैं, और वे कंपनी से कंपनी में भिन्न हैं। और, ज़ाहिर है, यह बहुत सारे कौशल लेता है, दोनों कठिन कौशल और नरम कौशल। क्रिस कॉयूर ने उन विशेषताओं और व्यवहार की प्रवृत्तियों के बारे में एक लेख लिखा था जो एक वरिष्ठ फ्रंट-एंड डेवलपर के पास होनी चाहिए, जो सामान्य रूप से एक अच्छी तस्वीर देती है।

इस लेख में, हम 13 चीजों को कवर करेंगे जो आप वर्तमान परिवेश में कर सकते हैं, ताकि जब यह सब खत्म हो जाए, तो आप एक वरिष्ठ फ्रंट-एंड डेवलपर बन सकते हैं।

1. मूल बातें मास्टर

सीमजोर को HTML, JS और CSS के साथ बहुत सहज होना चाहिए। इसके अलावा, उन्हें बुनियादी अवधारणाओं से परिचित होना चाहिए कि इंटरनेट कैसे काम करता है, जिसमें ब्राउज़र, नेटवर्क और सर्वर शामिल हैं।

इसका अर्थ है कि प्रोटोटाइप, ईवेंट पॉपअप, कॉल स्टैक, वादा, es6 जैसी अवधारणाएं आपके लिए खाली शब्द नहीं हैं। वही CSS, एनिमेशन, ग्रिड सिस्टम, नामकरण सम्मेलनों और विशिष्टताओं के लिए जाता है।

आपको कई अवधारणाओं को जानने की आवश्यकता है, नीचे आप कुछ ऐसे संसाधन पा सकते हैं, जिन पर आप जा सकते हैं और आपके पास कम से कम अब तक के ज्ञान के लिए बना सकते हैं। CSS Reference , HTML Reference , Javascript Fundamentals , Frontend Handbook ।

2. प्रलेखन को पढ़ने से शुरू करें।

अधिकांश डेवलपर्स उत्सुक हैं और सीधे कोड लिखना और उसके साथ प्रयोग करना चाहते हैं। यह सब अच्छा और मजेदार है, लेकिन यह किसी ढांचे या साधनों में महारत हासिल करने का सबसे प्रभावी तरीका नहीं है।

. , , .

, , .

. , , win-win.

3.

CLI, angular-cli create-react-app.

, .

, , , . 'nice-to-have' , , , git .

, , (webpack/parcel), .

4. (style guide)

, , .

Style guide (Best practices), .

, , , vue-eslint-plugin.

5. Devtools

— . , , , .

, , , , , DOM .

dev tools console.log debugger.

6.

Vue React . , .

, DOM . DOM DOM-.

, , , .

( Vue), , Vuejs, .

7.

— . .

.

Advance Vuejs Component Patterns
Advanced React Component Patterns .

8.

— .

, , , , , .

, react-hooks, , Vue, Vue-composition API Mixins.

, .

9.

, , .

, , , , .

, flux pattern, event emissions callbacks props.

Vue-.

10. -

, , , , , .

, , , .

unit , snapshot e2e .

.

11.

- , , . , .

, , , .

, . , React, Angular, Vue Stencil, . , .

12.

, , , . , .

, , Jamstack, accessibility, , , service workers, , .

13.

, , . , , .

-, , , , , .

. , . , .

P.S. :

, . , , . .

!