फ्रंट-एंड डेवलपर्स के लिए मास्टर के लिए कोर कौशल

नौकरी पोस्टिंग वे एक फ्रंट-एंड डेवलपर में दिखते हैं। कुछ कंपनियां चाहती हैं कि आवेदक रूबी, गिट, डिजाइन टूल्स, वीडियो एडिटिंग जैसी चीजों को जान सकें- और सूची आगे बढ़े।

हालांकि, कुछ कौशल हैं जो किसी भी फ्रंट-एंड डेवलपमेंट जॉब के लिए आवश्यक होंगे- "कोर" कौशल- और कुछ अन्य जिन्हें आपको अपने प्रदर्शनों की सूची में जोड़ने पर गंभीरता से विचार करना चाहिए।

आप क्या जानना चाहते है

फ्रंट-एंड डेवलपर्स के लिए जो जानना और समझना महत्वपूर्ण है, उसकी तलाश में ऑनलाइन जॉब लिस्टिंग ब्राउज़ करें; तीन प्रमुख बातें हैं। अपरक्राम्य।

और वो हैं:

1. एचटीएमएल
2. सीएसएस
3. जावास्क्रिप्ट (jQuery)

ये मूल तत्व हैं। सौभाग्य से, बहुत सारे मुफ्त या सस्ती ऑनलाइन सीखने वाले मंच हैं जहां आप इन कौशलों को सीख सकते हैं यदि आप उन्हें पहले से ही नहीं जानते हैं।

एचटीएमएल

हाइपरटेक्स्ट मार्कअप लैंग्वेज या HTML, इंटरनेट पर सभी वेबसाइटों का प्रमुख संरचनात्मक घटक है। जैसा कि जेनिफर किरनिन कहती हैं,

"यह वेब पृष्ठों की भाषा है - मार्कअप भाषा जो ब्राउज़र वेब पृष्ठों को प्रस्तुत करने के लिए पढ़ते हैं।"

HTML के बिना वेब पेज मौजूद नहीं हो सकते।

सीएसएस

CSS और HTML एक साथ काम करते हैं: CSS HTML में शैली जोड़ता है। मैं उस सादृश्य का उपयोग करना पसंद करता हूं जो HTML चेहरे की तरह है, और सीएसएस मेकअप की तरह है।

हालाँकि CSS ऑनलाइन वेबसाइट प्राप्त करने के लिए आवश्यक नहीं है, मूल रूप से प्रत्येक साइट ऑनलाइन किसी प्रकार की स्टाइलिंग का उपयोग करती है।

अन्यथा, यह बहुत उबाऊ होगा। सीएसएस के सबसे हाल के संस्करणों के साथ, आप एनिमेशन और अधिक उन्नत स्टाइलिंग जैसी चीजें कर सकते हैं जो अतीत में केवल जावास्क्रिप्ट या फ्लैश के साथ संभव था।

जावास्क्रिप्ट

जावास्क्रिप्ट, या जेएस, वर्षों से तेजी से आगे बढ़ रहा है। आजकल इसके कई उद्देश्य हैं और इन्हें फ्रंट या बैक एंड पर इस्तेमाल किया जा सकता है।

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

हालांकि, फ्रंट-एंड डेवलपर बनने के लिए, आपको बस मूल जावास्क्रिप्ट के साथ-साथ सबसे लोकप्रिय जेएस लाइब्रेरी - jQuery को समझना होगा।

अच्छा-से-कौशल है

मूल बातें नीचे जाने के बाद, ये अन्य कौशल हैं जिनके लिए अच्छा है। (और बहुत सारे फ्रंट-एंड डेवलपमेंट जॉब्स उनकी तलाश में हैं।)

एमवी * जावास्क्रिप्ट चौखटे

जावास्क्रिप्ट फ्रेमवर्क आपको अपने कोड को व्यवस्थित और संघनित करने में मदद करते हैं।

जहाँ तक MV * (या MVC) विकल्प हैं, वहाँ से बाहर तीस हैं: दो सबसे लोकप्रिय बैकबोन.जेएस और कोणीय.जेएस।

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

सीएसएस उपकरण

ऊपर दिए गए जावास्क्रिप्ट फ्रेमवर्क की तुलना में, नीचे सीएसएस उपकरण सीखना आसान है। देखने के तीन प्रकार हैं:

• प्रीकंपाइलर: कोड क्लीनर बनाने से लेकर संगठन को बनाए रखने तक, एक प्री-कंपाइलर (या प्रीप्रोसेसर) का उपयोग करने के बहुत सारे फायदे हैं। यह CSS लिखने का एक आसान तरीका है और DRY (खुद को दोहराएं नहीं) सिद्धांतों को बढ़ावा देता है। लोकप्रिय सीएसएस precompilers सैस, कम, और स्टाइलस हैं। यदि आप अभी शुरू कर रहे हैं, तो एक सीखने के लिए चिपके रहें।
• सीएसएस चौखटे: सीएसएस फ्रेमवर्क आपके वर्कफ़्लो को अंतर्निहित ग्रिड और अन्य सीएसएस घटकों के साथ अनुकूलित करने में मदद करते हैं। दो लोकप्रिय उदाहरण बूटस्ट्रैप और फाउंडेशन हैं।
• प्रभावी डिजाइन: इन दिनों, बहुत सारे विभिन्न प्रकार के उपकरण हैं जो आपकी साइट को उन सभी के अनुकूल बनाने में सक्षम होना चाहिए। उत्तरदायी डिजाइन आपको उन साइटों को बनाने में मदद करता है जो सभी स्क्रीन आकारों पर काम करती हैं - डेस्कटॉप, टैबलेट और स्मार्टफोन। बूटस्ट्रैप और फ़ाउंडेशन जैसी रूपरेखा में उत्तरदायी डिज़ाइन बनाया गया है, इसलिए यदि आप उनमें से किसी एक को सीखते हैं, तो आप सेट होते हैं।

फ्रंट-एंड बिल्ड टूल्स

एक डेवलपर के रूप में, आपको फ़ाइल आकार अनुकूलन और वर्कफ़्लो दक्षता का प्रबंधन करने में सक्षम होना चाहिए। ये उपकरण मदद कर सकते हैं।

• पैकेज प्रबंधन: सभी पुस्तकालयों, परिसंपत्तियों और इसके आगे, विशेष रूप से बड़ी परियोजनाओं या उन लोगों के लिए व्यवस्थित करना मुश्किल हो सकता है जहां आप एक टीम के साथ काम कर रहे हैं। सब कुछ ठीक करने के लिए और अपने अपडेट का एक लॉग रखने के लिए, बोवर की तरह एक पैकेज मैनेजर का उपयोग करें।
• Yeoman.io: यदि आपको कभी-कभी परियोजनाओं को जमीन पर उतारने में परेशानी होती है, तो परियोजनाओं के साथ जल्दी शुरू होने और उत्पादक बने रहने के लिए येओमान का उपयोग करें। यह कमांड लाइन पर चलता है।
• टास्क रनर: फ़ाइलों को संपीड़ित करने और वर्कफ़्लो को अनुकूलित करने के लिए, कमांड लाइन पर चलने वाले ग्रन्ट या गुलप का उपयोग करें। वे सैस या कम प्रीप्रोसेसर के लिए संकलक के रूप में कार्य कर सकते हैं, और अन्य सुविधाओं को घोलने वाले प्लगइन्स की एक विस्तृत श्रृंखला भी है।

निष्कर्ष

जबकि अच्छा करने के लिए कल्पित बौने बहुत कुछ की तरह लग सकते हैं, उन्हें कौशल के रूप में सोचें जिन्हें आपको समय के साथ जोड़ना चाहिए। आपको जिन मुख्य चीजों को जानना है, वे हैं HTML, CSS और JavaScript।

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