वेब डिज़ाइनर: कोड करें या नहीं कोड करें?

वेब डिज़ाइनर कोड करें? कई वेब डिज़ाइनरों ने स्वयं से यह प्रश्न पूछा है कि मैं किस प्रकार का वेब डिज़ाइनर हूँ? मेरी वेब डिज़ाइन शक्ति कहाँ है? वायरफ्रेम में, वर्कफ़्लोज़, इंटरैक्शन? क्या मैं सीखने जा रहा हूँ कि कोडिंग कैसे की जाती है?

क्या मुझे अपने डिज़ाइन को फ्रंट-एंड कोड में बदलने में सक्षम होना होगा? वैकल्पिक रूप से, क्या मैं स्तरित फ़ोटोशॉप डिज़ाइन बनाना जारी रखूंगा जिन्हें बाद में (किसी अन्य व्यक्ति द्वारा) फ्रंट-एंड कोड में परिवर्तित कर दिया जाएगा? यह सब इस पर निर्भर करता है... क्या यह एक कुशल वर्कफ़्लो है, या यह अलग हो सकता है, शायद बेहतर?

बस समय में वापस।

एक क्षेत्र के रूप में वेब डिज़ाइन 1.0 में नेटस्केप 1995 (मोज़ेक) के प्रकाशन के बाद से अस्तित्व में है। एक इंटरनेट साइट का डिज़ाइन और निर्माण पिछले 20 वर्षों में परिपक्व हुआ है। उस समय, आपने उदाहरण के लिए, माइक्रोसॉफ्ट फ्रंटपेज और टेक्स्टएडिट के साथ अपने स्वयं के वेब पेज बनाए थे। ड्रीमवीवर बाद में आया। यह अग्रणी था... आपने विचार, डिज़ाइन से लेकर HTML तक सब कुछ स्वयं ही किया।

परिपक्व क्षेत्र

अब? किसी वेबसाइट को डिज़ाइन और कोड करने की संभावनाओं का विस्तार और सुधार किया गया है। कई अलग-अलग वेब विषय सामने आए हैं; अब ऐसा नहीं है कि एक व्यक्ति वेबसाइट उपलब्ध कराता है। विशेषकर जटिल, पेशेवर वेबसाइटों के साथ तो नहीं। विज़ुअल डिज़ाइन, यूएक्स, सीएसएस, से सामग्री एसईओ के लिए - वहाँ हर घटक के लिए एक विशेषज्ञ है। हमारे पास बेहतर कार्यक्रम भी हैं, और सर्वोत्तम प्रथाएँ आसानी से उपलब्ध हैं।

इंटरनेट समाधान डिजाइन करना और निर्माण करना वास्तव में एक परिपक्व क्षेत्र बन गया है, लेकिन अभी तक आगे नहीं बढ़ा है।

कई वेब विधाएँ सामने आई हैं जिनमें विशेषज्ञता उनके शीर्षक से ही स्पष्ट होती है। दूसरी ओर, 'वेब डिज़ाइनर' शब्द कई व्याख्याओं के लिए खुला है। एक व्यक्ति के लिए, एक वेब डिज़ाइनर केवल फ्रंट-एंड (लुक-एंड-फील) को आकार देने पर ध्यान केंद्रित करता है। दूसरे के लिए, कोई व्यक्ति जो अपने डिज़ाइन को HTML/CSS में परिवर्तित करता है, या यहाँ तक कि संपूर्ण फ्रंट-एंड और बैक-एंड का भी ध्यान रखता है।

कोडिंग: हाँ या नहीं?

मैंने अक्सर कोडिंग को अपना बनाने की कोशिश की है, लेकिन मैं क्लास, टैग, कंटेनर, डिव और स्पैन जैसे शब्दों को अलग नहीं कर सकता, अकेले कौन से पैरामीटर संबंधित हैं। मैं साफ-सुथरा और सही कोड प्रदान करने के लिए हमेशा कठिन सीखने की प्रक्रिया से गुज़रता हूँ।

निःसंदेह, मैं कुछ HTML और CSS के साथ किसी चीज़ को जल्दी और काफी आसानी से एक साथ रख सकता हूँ। फिर, मुझे उम्मीद है कि यह विभिन्न उपकरणों पर काम करता है... यह एक प्रस्तुति के लिए ठीक है, लेकिन मैं शायद कभी भी गुणवत्तापूर्ण कोडिंग कार्य देने में सक्षम नहीं हो पाऊंगा (मुझे लगता है कि अधिकांश डिजाइनर ऐसा नहीं करते हैं)। एक डिज़ाइनर के लिए प्रतिस्पर्धा से बाहर खड़ा होना पहले से ही एक बड़ी चुनौती है।

[su_pullquote]मैं उस प्रकार का वेब डिज़ाइनर हूं जिसने कोड न करने का निर्णय लिया है क्योंकि मैं किसी साइट की दृश्य प्रस्तुति और/या उपयोगकर्ता-मित्रता पर ध्यान केंद्रित करना चाहता हूं।[/su_pullquote]

विशेषज्ञता

मैं उस प्रकार का वेब डिज़ाइनर हूं जिसने कोड न करने का निर्णय लिया है क्योंकि मैं दृश्य प्रस्तुति और/या उपयोगकर्ता-मित्रता पर ध्यान केंद्रित करना चाहता हूं। उसके साथ कुछ भी गलत नहीं है। इसे विशेषज्ञता कहा जाता है।' ईमानदारी से कहें तो, तकनीकी दृष्टिकोण से, प्रोग्रामिंग कहीं अधिक कठिन है; कोई डिज़ाइन सुंदर है या नहीं सुंदर है, कोड में टाइपिंग की त्रुटि 'मार' है... इसलिए आपको चुनना होगा।

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

'दुर्लभ आदमी'

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

क्या वेब डिज़ाइनर कोड करते हैं?

क्या मेरे जैसे डिज़ाइनरों के लिए क्षितिज पर कोई रोशनी है? क्या फ्रंट-एंड एन्कोडिंग लंबे समय तक पूरी तरह से WYSIWYG होगी? चूंकि पोस्टस्क्रिप्ट प्रोग्रामिंग को लंबे समय से एडोब इलस्ट्रेटर के साथ काम करने वाले WYSIWYG द्वारा प्रतिस्थापित किया गया है (क्या आप जानते हैं कि एडोब के इलस्ट्रेटर को मूल रूप से आपके हस्तलिखित पोस्टस्क्रिप्ट कोड को देखने के लिए एक दर्शक के रूप में विकसित किया गया था?!

और यह कि आपने पहले रूपरेखा में काम किया और केवल पूर्वावलोकन कर सके?!))। अतीत में, आप कोडिंग (स्वयं करना या स्वयं को काम पर रखना) नहीं कर सकते थे। यह एक आवश्यक बुराई थी. लेकिन यह अब आवश्यक नहीं है - पेशेवर ड्रैग-एंड-ड्रॉप एप्लिकेशन उपलब्ध हैं। एक वेब डिज़ाइनर के रूप में, अब आपको कोडिंग के व्यापक ज्ञान की आवश्यकता नहीं है। सही सॉफ़्टवेयर के साथ, आप सुंदर, कार्यात्मक और प्रतिक्रियाशील वेबसाइट बना सकते हैं।

खींचें और ड्रॉप

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

और वेब डेवलपर्स को शिकायत करने की ज़रूरत नहीं है क्योंकि यह साफ़, W3C अनुरूप HTML/CSS बनाता है जो निश्चित रूप से कई डेवलपर्स द्वारा स्वयं लिखे गए HTML/CSS से कमतर नहीं है। यह ट्विटर के बूटस्ट्रैप ढांचे पर आधारित है। और नहीं, आप एक निश्चित एप्लिकेशन में नहीं फंसे हैं क्योंकि वेबफ़्लो, मैकॉ, या वेबीडो द्वारा उत्पन्न कोड को निर्यात किया जा सकता है और बाहरी विकास प्लेटफ़ॉर्म के भीतर आवश्यकतानुसार उपयोग किया जा सकता है।

कोई और कोड नहीं!

मैं इसे जानता हूं: एक साहसी बयान... लेकिन एक डिजाइनर के रूप में मैं वास्तव में वेबसाइट को समझना चाहता हूं। जरूरी नहीं कि कोडिंग के जरिए ही। यह दो बुनियादी विचारों पर आधारित है:

मैं अपने ग्राहकों को पूर्वानुमानित परिणाम और प्रक्रिया प्रदान करना चाहता हूं। एक फ्रीलांस डिजाइनर के रूप में, मेरे पास हमेशा आपके प्रोजेक्ट के लिए एक (महंगे) डेवलपर को नियुक्त करने का अवसर नहीं होता है। और मेरा मुवक्किल दो पक्षों के बीच आने का इंतजार नहीं कर रहा है। एक डिजाइनर के रूप में, आप इसका ख्याल रखना चाहते हैं अनुवाद डिज़ाइन से लेकर कोड तक। यह इसी बारे में है - आप कोड कर सकते हैं या नहीं। इसीलिए व्यावसायिक अनुप्रयोग शोध के लायक हैं।
मेरे काम पर अधिक नियंत्रण. एक डिज़ाइनर के रूप में, आप अपनी रचनाओं पर नियंत्रण रखना चाहते हैं। दुर्भाग्य से, कई परिवर्तन अक्सर खो जाते हैं अनुवाद डिज़ाइन से लेकर कोड तक। PSD से प्रतिक्रियाशील HTML/CSS में अनुवाद 1-2 नहीं है। यदि आप स्वयं साइट बनाते हैं, तो पूरे प्रोजेक्ट (पाठ्यक्रम) की गुणवत्ता पर आपका नियंत्रण होगा, और आप परिवर्तनों का बेहतर अनुमान लगाने में सक्षम होंगे।

अपनी स्क्रीन से अधिक गहराई से देखें.

के बिना पूरी तरह से काम करना धारणा कोड का - जैसा कि अब हम एडोब इलस्ट्रेटर के साथ पोस्टस्क्रिप्ट को बिना किसी ध्यान के एन्कोड करते हैं - हम अभी तक उतनी दूर नहीं हैं। डिज़ाइन से (फ़्रंट-एंड) कोड में (अर्ध) मैन्युअल अनुवाद अभी भी आवश्यक होगा। WYSIWYG एप्लिकेशन अब दो दृश्यों से बने हैं: एक 'कोड व्यू' और 'ड्रैग-एंड-ड्रॉप व्यू'। लेकिन विकास तेजी से हो रहा है। जल्द ही हमें पता चल जाएगा कि कोई चीज़ काम करती है या नहीं, लेकिन इतना नहीं कि क्यों। और यह निश्चित रूप से 20 वर्षों तक नहीं टिकेगा। या वह इच्छाधारी सोच है? या वह बुरा है?

[su_pullquote]सही अवधारणाएं सीखें ताकि आप अपने डिज़ाइन विचारों को डेवलपर्स के सामने अच्छी तरह से रख सकें।[/su_pullquote]

तब तक, एक वेब डिज़ाइनर के रूप में, आपको कम से कम अन्य अपरिहार्य विषयों के लिए खुला रहना होगा। यदि आप इंटरनेट की तकनीकी अवधारणा को पूरी तरह से नजरअंदाज कर देते हैं, वेब विकास के निर्माण खंडों को नजरअंदाज कर देते हैं, तो यह आपके लिए बहुत बुरा होगा। डेवलपर्स कैसे सोचते हैं और उन्हें क्या चाहिए, यह समझने के लिए आपको कोडिंग का बुनियादी ज्ञान होना आवश्यक है। सही अवधारणाएँ सीखें ताकि आप अपने डिज़ाइन विचारों को डेवलपर्स के सामने अच्छी तरह से रख सकें।

विकास प्रक्रिया का बुनियादी ज्ञान

विकास प्रक्रिया का बुनियादी ज्ञान, विभिन्न प्रोग्रामिंग भाषाओं का उपयोग और आपके डिज़ाइन पर प्रतिबंध आपको एक बेहतर डिज़ाइनर बनाते हैं। जितना बेहतर आप अनुमान लगा सकते हैं कि तकनीकी रूप से यथार्थवादी क्या है, आपके पास उतना ही कम समय होगा, और फिर आप किसी डेवलपर की दया पर निर्भर नहीं होंगे।

इसके अलावा, रचनात्मक क्षेत्र में एक पेशेवर के रूप में, आप सीखने के लिए उत्सुक हैं। क्योंकि अगर आपकी जिज्ञासा खत्म हो गई तो आप फंस जाएंगे।

एक वेब डिज़ाइनर बनना आदर्श लगता है: मैं इंटरनेट के लिए सुंदर चीजें बनाने में सक्षम होऊंगा और अपने सभी रचनात्मक रस का उपयोग टाइपोग्राफी पेयरिंग, रंग योजनाओं और वेबसाइटों को देने के लिए करूंगा जो निश्चित रूप से मेरे लिए उपयुक्त हैं। हालाँकि, उसी समय, मुझे चिंता थी कि एक वेब डिज़ाइनर बनने के लिए मुझमें वह योग्यता नहीं होगी जो आवश्यक है। ग्राफ़िक डिज़ाइन या किसी डिज़ाइन प्रशिक्षण का कोई इतिहास न होने के कारण, मुझे आश्चर्य हुआ कि कौन अपनी वेबसाइट के सौंदर्यशास्त्र पर मुझ पर भरोसा करेगा।

और जब मैंने वेब देव के बारे में सोचा, तो मैंने सोचा, “मुझे यही करना चाहिए। मैं ढेर सारा पैसा कमाने जा रहा हूँ और मेरे पास अद्भुत वेबसाइटें और वेब ऐप्स बनाने के लिए दुनिया की सारी शक्ति है। लेकिन क्या होगा यदि यह उबाऊ है?”

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

वेब डिज़ाइनर या वेब डेवलपर?

ठीक है, तो इस पोस्ट के अंत तक, आपके पास यह होगा:

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

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

यह मार्गदर्शिका सामान्य व्यक्तित्व विशेषताओं और दिन-प्रतिदिन के कार्यों के सारांश पर आधारित है। यदि इसमें से कुछ अति सरलीकृत लगता है, तो इसका कारण यह है कि मैं आपके लिए निर्णय लेना अत्यंत सरल बनाना चाहता हूँ। हकीकत में, हुह? वेब डिज़ाइनरों और वेब डेवलपर्स के बीच बहुत अधिक ओवरलैप है, और कोई सही या गलत शुरुआती बिंदु नहीं है!

कोडर्स के बारे में मिथकों से छुटकारा पाएं

इससे पहले कि आप यह तय कर सकें कि आप किस प्रकार का करियर चाहते हैं, आपको यह सुनिश्चित करना होगा कि आप जानते हैं कि वेब डिज़ाइनर और डेवलपर क्या कर रहे हैं।

यदि आप मेरे जैसे हैं, तो आपको "वेब डिज़ाइनर" और "वेब डेवलपर" को इस तरह से परिभाषित करने के लिए समाजीकृत किया गया है जो यह नहीं दर्शाता है कि वास्तव में एक होना कैसा है, और आपने कभी भी वास्तविक जीवन से बात नहीं की है वेब डिज़ाइनर या डेवलपर.

डिजाइनरों और डेवलपर्स के बारे में मेरी सबसे बड़ी गलतफहमियां यह थीं कि वे कितना पैसा कमाते हैं, सीखने का दौर कितना कठिन है और वे किस तरह का काम करते हैं। मेरा उन मिथकों पर विश्वास करना गलत था कि:

एक प्रोग्रामर बनना सीखना एक डिजाइनर बनना (या इसके विपरीत) सीखने से अधिक कठिन है।

कुछ लोग मानते हैं कि क्योंकि विकास में उच्च-स्तरीय प्रोग्रामिंग शामिल है, इसलिए डिज़ाइन की तुलना में इसे सीखना कठिन होगा। अन्य लोग डिज़ाइन को कठिन मानते हैं क्योंकि उन्हें लगता है कि इसके लिए अधिक जन्मजात (सीखी हुई के बजाय) रचनात्मकता की आवश्यकता होती है।

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

डेवलपर्स $$$ से अधिक कमाते हैं।

यदि आप औसत वेब डेवलपर वेतन को देखें, तो पहली नज़र में ऐसा लगता है कि एक वेब डेवलपर का वेतन एक वेब डिज़ाइनर के वेतन से बहुत अधिक है:

• वेब डिज़ाइनर: 66,000 डॉलर.
• वेब डेवलपर्स: $87,000

*यू.एस. के लिए वेतन खोज पुनर्प्राप्त की गई।

लेकिन यदि आप वेब डिज़ाइनर के वेतन के अधिक विशिष्ट क्षेत्रों की तलाश शुरू करते हैं, तो आप देखेंगे कि दोनों प्रतिस्पर्धी हैं:

• इंटरेक्शन के डिजाइनर: $93,000
• मोबाइल डिज़ाइन: $92,000
• उपयोगकर्ता अनुभव डिज़ाइनर: $92,000

*यू.एस. के लिए वेतन खोज पुनर्प्राप्त की गई।

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

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

वेब डिज़ाइनरों के पास कोई कोड नहीं होता.

दूसरी ओर, वेब डिज़ाइनर HTML और CSS कोड लिखते हैं। उदाहरण के लिए, मान लें कि उन्हें एक सहज स्क्रॉलिंग साइट की आवश्यकता है - कुछ डिज़ाइनर (हम उन्हें यूनिकॉर्न कहते हैं!) इसे स्वतंत्र रूप से कोड कर सकते हैं।

अब ऐसे कुछ डिज़ाइनर हैं जो कोड नहीं बनाते हैं, विशेष रूप से प्रिंट डिज़ाइनर और कुछ डिजिटल ग्राफ़िक डिज़ाइनर। फिर भी, अधिकांश वेब डिज़ाइनर HTML और CSS का उपयोग करके अपने डिज़ाइन को कार्यशील वेबसाइट में बदल सकते हैं। अच्छा पैसा कमाने का सबसे अच्छा तरीका, और ग्राहकों और नियोक्ताओं को जो सबसे अधिक चाहिए उसे पूरा करने में सक्षम होना, जादुई डिजाइन और कोडिंग का एक पैकेज होना है।

वेब डिज़ाइनर जो कोड कर सकते हैं, विशेष रूप से सैस और जावास्क्रिप्ट जैसे अगले स्तर के कौशल वाले, उच्च मांग में हैं। हम उन्हें यूनिकॉर्न कह रहे हैं।