🍅 📥 🏇🏼 सीएसएस डेवलपर्स - दुनिया को उनकी आवश्यकता क्यों है? 🤲🏿 👨🏾‍🎓 🚅

रूसी (Yandex.Music) / iTunes

में ऑडियो संस्करण पिछले दस वर्षों में, सीएसएस तेजी से और अधिक सुविधाओं को जोड़कर बढ़ा है, इस प्रकार धीरे-धीरे काफी जटिल और भ्रमित हो रहा है। हमारे दिन का सीएसएस दशक 2001-2010 के सीएसएस से बहुत अलग है।

इससे पहले कि मैं यह समझाना शुरू करूं कि दुनिया को सीएसएस डेवलपर्स की आवश्यकता क्यों है, हमें वापस जाने और सीएसएस इतिहास को देखने की जरूरत है।

पीला बतख पोस्ट कवर

Disclaimer:
.  .  , , .

CSS

2001-2010 के दशक में, जब इंटरनेट दुनिया पर विजय प्राप्त कर रहा था, सीएसएस अभी भी खड़ा था। इंटरनेट एक्सप्लोरर 6-7-8 अग्रणी ब्राउज़र था। Microsoft ने उस समय CSS विशिष्टताओं पर अधिक ध्यान नहीं दिया, इसमें नई सुविधाएँ जोड़ने में कोई दिलचस्पी नहीं दिखाई। इन सभी वर्षों के लिए CSS 2.1 संस्करण में बना हुआ है।

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

डार्क टाइम्स सीएसएस चित्रण

सीएसएस के नए युग की मौलिक घटनाएं

मैं उस समय एक डेवलपर था, और इसलिए दो महत्वपूर्ण घटनाओं को देखा जिसने सीएसएस और वेब की दुनिया को पूरी तरह से बदल दिया:

स्मार्टफोन के युग की शुरुआत (29 जून, 2007) - यह सब पहले iPhone की रिलीज के साथ शुरू हुआ। इस रिलीज ने नई सीएसएस सुविधाओं के समर्थन की आवश्यकता की जो नई श्रेणी के वेब उपकरणों के लिए उपयुक्त होगी।
क्रोम ब्राउज़र रिलीज़ (2 सितंबर, 2008) - क्रोम एक नया ब्राउज़र था जो डेस्कटॉप एप्लिकेशन के रूप में शुरू हुआ था। उस समय तक, इंटरनेट एक्सप्लोरर इंटरनेट का मुख्य शासक था और इसके विकास को निर्धारित करता था।

2007 के सम्मेलन में iPhone के साथ क्रोम ब्राउज़र और स्टीव जॉब्स, कोलाज

क्यों सीएसएस डेवलपर्स सीएसएस और जावास्क्रिप्ट दोनों के साथ सौदा करते हैं

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

CSS 3, HTML 5, और जावास्क्रिप्ट: एक नया युग

यह कहना मुश्किल है कि जब सीएसएस 3 के बारे में आया था, तब से इसे 1999 से विकसित किया गया है। इंटरनेट पर वास्तविक समर्थन 2011 में शुरू हुआ। क्रोम और फ़ायरफ़ॉक्स उस समय अपने बाजार में हिस्सेदारी बढ़ा रहे थे। स्मार्टफोन बहुत लोकप्रिय हो गए हैं। अपने स्वयं के ब्राउज़रों के साथ, वे सभी पहले नए CSS 3 सुविधाओं का समर्थन करने लगे।

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

नई सीएसएस

CSS 3 अब 10 साल पुरानी है, CSS 4 क्यों नहीं? CSS 2.1 के विपरीत CSS 3, एक खुला मानक है। इसके लिए धन्यवाद, यह लगातार अपडेट किया जाता है। नए संस्करण को "सीएसएस 4" नाम देने की आवश्यकता नहीं है, क्योंकि सीएसएस 3 एक निरंतर विकास, सभी समय के लिए एक संस्करण है।

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

पिछले 10 वर्षों में CSS में क्या नया है

पिछले दस वर्षों में,
सीएसएस मॉड्यूल के विभिन्न प्रकारों के लिए कई नए विनिर्देश प्रकट हुए हैं , उदाहरण के लिए:

Layout — , Flexbox, CSS-, , writing mode ;
Typography — , font-variant, line-breaking;
Shapes & Graphics — , , blend-mode, clip-path, shapes ..
Animations & Transforms — CSS/SVG , transitions, transforms, will-change.
Units — viewport vw/vh/vmin/vmax, rem, calc(), contain, fit-content, min-content, max-content;
CSS preprocessor — sass, less, stylus, postCSS
— SVG, @support, CSS .

आप देख सकते हैं कि कई नई सुविधाएँ फ़्रंट डेवलपर की ज़िम्मेदारी में हैं। इसका मतलब है कि उसे इन सभी में अनुभव प्राप्त करना चाहिए। लेकिन यह भी पूरी सूची नहीं है।

वास्तविक जीवन में, वेब डेवलपर को इन सभी नई सुविधाओं की समझ का एक बुनियादी स्तर होना लगभग असंभव है। इसके अलावा, जावास्क्रिप्ट समानांतर में विकसित हुआ। और वह विकसित हुआ, शायद सीएसएस से भी अधिक। यह एक व्यक्ति के लिए सभी घटनाओं के साथ बनाए रखना और भी कठिन बना देता है।

बड़ी गलती वेब उद्योग

यह स्थिति, जिसमें सीमांत डेवलपर्स सीएसएस में नई जटिलता के साथ सामना नहीं कर सके, ने एक नया आंदोलन बनाया "जिसे सीएसएस सीखना नहीं है।"

"डोंट लर्न सीएसएस" नामक एक नया आंदोलन

पहला CSS चौखटे

यह त्रुटि बूटस्ट्रैप और फाउंडेशन जैसी रूपरेखाओं के साथ शुरू हुई। उनमें से प्रत्येक की पहली रिलीज 2011 में हुई थी। यह विशेष तिथि आकस्मिक नहीं है - ये CSS3, उत्तरदायी डिज़ाइन, मोबाइल वेबसाइट और क्रॉस-ब्राउज़र टाइपसेटिंग के पहले वर्ष थे।

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

बूटस्ट्रैप मार्कअप स्क्रीनशॉट

बूटस्ट्रैप HTML - अधिकांश कक्षाएं गैर-शब्दार्थ हैं।

कोणीय 2: पहला जावास्क्रिप्ट-अनुरूप रूपरेखा

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

सभी विभिन्न विकास विचारों में से, इनकैप्सुलेटेड शैलियों का विचार, मेरी राय में, अच्छा है क्योंकि आप अभी भी वैश्विक शैली और साथ ही घटकों के लिए समझाया शैली बना सकते हैं। इसके अलावा, हमारे पास अभी भी CSS / SASS, HTML के लिए और जावास्क्रिप्ट के लिए चिंताओं का एक पृथक्करण है। हम केवल आवश्यक शैलियों को डाउनलोड करने के लिए एक सरल तरीके का आनंद ले सकते हैं।

कोणीय के साथ एक परियोजना में फ़ाइल संरचना का स्क्रीनशॉट

कोणीय के साथ एक परियोजना में फ़ाइल संरचना का स्क्रीनशॉट

प्रतिक्रिया - शब्दार्थ की मृत्यु!

प्रतिक्रिया इस विचार को और आगे ले जाती है और सभी HTML और CSS को JavaScript के अंदर लिखती है। पुन: प्रयोज्य शैलियों को बनाने का लक्ष्य रिएक्ट के साथ मृत्यु हो गई। यह स्वचालित रूप से सीएसएस वर्ग नाम उत्पन्न करता है; इस प्रकार, कोड अपठनीय और समझने में असंभव हो जाता है, सीएसएस वर्ग के नाम और गैर-अर्थ HTML के कारण दोनों। मेरे दृष्टिकोण से, यह इंटरनेट की शुरुआत में सीएसएस और एचटीएमएल कैसे लिखा गया था, इसके समान ही है जब सीएसएस या एचटीएमएल काम करते समय कैसे दिखते हैं, इससे कोई फर्क नहीं पड़ता था।

रिएक्ट कोड मार्कअप स्क्रीनशॉट

प्रतिक्रिया - अपठनीय css वर्ग के नाम

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

उठो!

सीएसएस में सीमांत डेवलपर्स नहीं खींचें! किसी को इसे ज़ोर से कहना है! हां, मुझे पता है कि यह एक क्रूड सामान्यीकरण है और इसलिए 100% सही नहीं है, लेकिन मैं 100% सही होने की कोशिश नहीं कर रहा हूं।
इससे पहले कि मैं जारी रखूं, आपको मेरे बारे में थोड़ा और जानना चाहिए।

उगते सूरज की पृष्ठभूमि पर मुर्गा, तस्वीर

उगते सूरज की पृष्ठभूमि पर मुर्गा, तस्वीर

जागो - सीएसएस में सीमांत डेवलपर्स खींचें नहीं!

मैं कौन हूँ

मैंने 2007 की शुरुआत में एक फ्रंटेंड डेवलपर के रूप में शुरुआत की।
2012 की शुरुआत में, मैंने लगभग पूरी तरह से जावास्क्रिप्ट लिखना बंद कर दिया, इसका मुख्य कारण यह था कि मुझे CSS बहुत पसंद था, और जावास्क्रिप्ट बहुत कम था।

2012 से वर्तमान तक, जब से मैंने केवल सीएसएस पर ध्यान केंद्रित किया है, मैंने इस क्षेत्र में एक लाभ विकसित किया है। इन वर्षों में, मैंने CSS के बारे में कई लेख लिखे , 5,000 सदस्यों के साथ स्थानीय CSS समुदाय की स्थापना की , और बैठकों, सेमिनारों और सम्मेलनों में अनगिनत बातचीत की ।

मैं सम्मेलन, फोटोग्राफ में एक माइक्रोफोन के साथ हूं

मैं सम्मेलन, फोटोग्राफ में एक माइक्रोफोन के साथ हूं

मैं वारसॉ, पोलैंड में ConFrontJS 2019 में बोलता हूं।

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

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

वेब उद्योग को बदलने की जरूरत है

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

आंकड़े 2020 सुंदर फ़ॉन्ट, चित्रण

कंपनियों का हित क्या है?

2020 में, CSS एक महत्वपूर्ण कौशल है। जबकि कंपनियां पैसे बचाने की कोशिश कर रही हैं, वे अधिक पैसा खर्च कर सकते हैं। एक वेब डेवलपर के रूप में काम करने के वर्षों में, मैंने देखा कि कैसे डेवलपर एक विशेष सीएसएस डेवलपर 10 मिनट में और अधिक उत्पादक कोड के साथ हल कर सकते हैं।

2020 में, CSS एक महत्वपूर्ण कौशल है।

नई नौकरी के शीर्षक क्या हो सकते हैं?

पिछले आठ वर्षों में, मैंने कई बार पद बदले हैं। मैंने अपनी लिंक्डइन प्रोफ़ाइल को देखने वाले लोगों को अपनी क्षमताओं को समझाने के लिए ऐसा किया ।

सबसे पहले मैंने खुद को सीएसएस मास्टर (उस समुदाय के नाम से, जिसे मैंने स्थापित किया था - सीएसएस मास्टर्स इज़राइल ) कहा जाता है। इस तरह के शीर्षक के साथ काम की घोषणा के तुरंत बाद यह देखना मजेदार था। मैंने महसूस किया कि ऐसी कंपनियां हैं जिन्हें सीएसएस डेवलपर की आवश्यकता है, लेकिन यह नहीं जानते कि इसे पर्याप्त रूप से कैसे नाम दिया जाए।

एक नौकरी आवेदन पत्र के एक टुकड़े की एक तस्वीर, एक अर्थहीन तस्वीर

एक नौकरी आवेदन पत्र के एक टुकड़े की एक तस्वीर, एक अर्थहीन तस्वीर

बाद में, मैंने अपनी पोस्ट का नाम कई बार बदला (UI / CSS - डेवलपर / इंटरफ़ेस डेवलपर / इंजीनियर / आर्किटेक्ट / एक्सपर्ट), अपनी क्षमताओं को काम के नाम पर फिट करने की कोशिश कर रहा था।

बस एक सीएसएस डेवलपर मत बनो

इन दिनों हमारे पास कई प्रकार के डेवलपर्स हैं जो दृश्य भाग में विशेषज्ञ हैं, जैसे कि सीएसएस और, उदाहरण के लिए, एसवीजी। मैं यहाँ इन प्रकारों को परिभाषित करने का प्रयास करूँगा :

CSS Developer - यह नाम CSS मध्यम स्तर के पेशेवरों के लिए है। ये डेवलपर्स हैं जो डिज़ाइन ले सकते हैं और आसानी से इसे सीएसएस में बदल सकते हैं।

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

कई अलग-अलग पीले रबर बतख विभिन्न प्रकार के व्यवसायों, चित्रण को प्रदर्शित करते हैं

कई अलग-अलग पीले रबर बतख विभिन्न प्रकार के व्यवसायों, चित्रण को प्रदर्शित करते हैं

विविधता अद्भुत है!

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

ये 2020 के लिए सबसे आम जरूरतें हैं, लेकिन अन्य प्रकार के विशेष डेवलपर्स हैं, जैसे:

सारा सूइदान , एसवीजी विशेषज्ञ ।
डायना स्मिथ , मैं उसे सीएसएस कलाकार कहूंगा ।

अधिक हो सकता है - संभावनाएं अनंत हैं!

आखिरकार

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

मेरे लेख के अलावा, इस विषय पर अन्य दृष्टिकोणों से भी लेख हैं:

द ग्रेट डिवाइड, सीएसएस ट्रिक्स लेख: https://css-tricks.com/the-great-divide/
CSS डेवलपर क्या करते हैं और आपको इसकी आवश्यकता क्यों है, TopTal.com पर लेख: https://www.toptal.com/css/why-you-need-a-css-developer

अंततः

अगर आपको यह लेख पसंद आया है, अगर आप इसे दूसरों के साथ साझा करते हैं तो मैं आभारी रहूंगा ताकि यह विचार वेब उद्योग में नई जागरूकता ला सके।

मैं कौन हूँ?

मेरा नाम एलाड शेचर है, मैं CSS और HTML आर्किटेक्चर में विशेषज्ञता वाला एक वेब डेवलपर हूं। मैं के लिए काम investing.com ।

मेरे चहचहाना और वेबसाइट ।

मैं प्रोजेक्टर की पृष्ठभूमि पर हूँ, परियोजना के बारे में बात कर रहा हूँ, फोटोग्राफी

मैं प्रोजेक्टर की पृष्ठभूमि पर हूँ, परियोजना के बारे में बात कर रहा हूँ, फोटोग्राफी

सीएसएस डेवलपर्स - दुनिया को उनकी आवश्यकता क्यों है?

CSS