Trending:

सामसङले नेपाली उपभोक्ताका लागि क्यूएलइडी टिभीमा भिजन एआई ल्याउँदै नाडा अटो शोमा दिपलको उड्ने ट्याक्सी सार्वजनिक गरिने डिजिटल युगका लागि रेडमी स्मार्टवाच ‘एफपीसीए’लाई सोसाइटी इन्टरनेशनलको आर्थिक सहयोग नेपालमा गुगल म्याप्सको ‘स्ट्रिट भ्यू’ सेवा सुरु, पर्यटनमा नयाँ अध्याय पोखरामा उद्घाटन भयो अत्याधुनिक बीवाईडी शोरूम नाडा अटो शोमा पहिलो पटक ‘उड्ने कार’ प्रदर्शनी हुने इनड्राइभको “राइड मोर, विन मोर” योजना इनफिनिक्सले नेपालमा ल्यायो शक्तिशाली र स्टाइलिश नोट ५०एस ५जी+ स्मार्टफोन मर्मतका लागि सामसुङले ल्यायो सामसुङ मनसुन क्याम्प क्लियर स्याम्पु ब्रान्डद्वारा इङ्लिस प्रिमियर लिग अब नेपाली दर्शकमाझ व्हाट्सएपमा फोटो सेयर अझ सजिलो बनाउन नयाँ सुविधा आउँदै फोर्स गाडी खरिदपछि व्यवसाय धरासायी, डिलरविरुद्ध कानुनी चेतावनी नाइमा मोबिलिटी एक्सपोमा याडियाको ‘भेलाक्स’ सिरिज स्कुटर सार्वजनिक दराज ८.८ सेल्स क्याम्पेनमा भिभोको धमाकेदार डिल्स नयाँ ग्यालेक्सी स्मार्टफोनहरूसँगको आकर्षक मल्टी–बाइ अफर, ग्यालेक्सी बड्स र वाचहरुमा विशेष ३२% सम्मको छुट सामसङ ‘ग्यालेक्सी वाच८’ सिरिज : अल्ट्रा कम्फर्ट र व्यक्तिगत स्वास्थ्यको मेल सामसङ नेपालले ग्यालेक्सी जेड फोल्ड७ र जेड फ्लिप७ को प्रि-अर्डर घोषणा नेपालको पहिलो ‘म्याथ म्युजियम’ : एम्बार्क अनम्याथको एक परिवर्तनकारी पहल ८ तरिका जसले घटाउन सकिन्छ स्क्रिन टाइम के एयरफोनले कान बिगार्छ? टिकटकद्वारा २०२५ को पहिलो त्रैमासिक कम्युनिटी गाइडलाइन्स इन्फोर्समेन्ट रिपोर्ट सार्वजनिक डोङफेङ नामीको चाडपर्व अघि नै विशेष अफर – व्हाई वेट फर द फेस्टिभल? नेपाल टेलिकमको नेटवर्क समस्या समाधान सार्वजनिक स्थानको वाईफाई प्रयोगमा नयाँ नियम: तपाईँको पहुँच र गोपनीयतामा कस्तो असर पर्ला? नेपालकै ठूलो प्रर्दशनी नाइमा नेपाल मोबिलिटी एक्स्पोमा ३५ वटा नयाँ सवारी साधनहरु लन्च हुँदै रिडारा आरडी-६ अब मात्र ९ लाख ९९ हजार डाउन पेमेन्टमा टिकटक बन्यो मिस नेपाल २०२५ को मनोरञ्जन पार्टनर डेबिट कार्डको चिप किन राखिन्छ ? जान्नुहोस् यसको सुरक्षा रहस्य डिशहोमको “३६५ दिन बोनस” योजना सार्वजनिक नेपाली बजारमा सामसुङ ग्यालेक्सी एम३६ फाइभजी सार्वजनिक, इनड्राइभले नेपालमा बाढी र पहिरोबाट पीडितहरूलाई घरहरू हस्तान्तरण गर्यो संस्कृति र खेलकुदको संगमः लुम्बिनी लायन्सको नयाँ लोगो सार्वजनिक ग्लोबल आइएमई बैंकका ग्राहकलाई अन्नपूर्ण न्यूरो अस्पतालमा १० प्रतिशत छुट फाइभ–जी नेटवर्क जतिसक्दो छिटो सञ्चालन गर्न मन्त्री गुरुङको निर्देशन शाओमी पावर बैंकः  सुपर फास्ट, सधैं चार्ज बिश्वब्यापि ब्राण्ड प्रो होण्डा जेनुईन ईन्जिन आयल अब नेपालमा फुडमाण्डुको ‘लाइफ अझै बेटर’ बनाउने प्रतिबद्धता दराज नेपालद्वारा सगरमाथा जत्तिकै उच्च बचत प्रदान गर्ने “महाबचत बजार” सेलको घोषणा बुटवलपछि काठमाडौंमा पनि खुल्यो करेन्ट प्वाइन्ट, अब नयाँ स्वाद र फ्लेबरको मज्जा लिन पाइन इनड्राइभद्वारा काठमाडौँमा ‘ड्राइभर्स मिट एण्ड ग्रिट‘ आयोजना नेपाल टेलिकमको ‘मनसुन अफर’ सार्वजनिक युट्युबले हटाउँदैछ ‘ट्रेन्डिङ’ सेक्सन, नयाँ चार्ट प्रणाली ल्याउने तयारी हिमालयन एभरेष्ट इन्स्योरेन्सले पायो दुईवटा प्रतिष्ठित अन्तर्राष्ट्रिय अवार्ड जुलाई १५ देखि युट्युबको नयाँ नीति लागू: मौलिक सामग्री नहुँदा मोनिटाइजेशन बन्द विद्युत् प्राधिकरणद्वारा सात चार्जिङ स्टेसनलाई थप बजेट, १ करोडभन्दा बढी विनियोजन सीजी इलेक्ट्रोनिक्सद्वारा ‘मेरिडिया ५५ इन्च क्यूएलईडी काराओके टीभी’ सार्वजनिक एलन मस्कको स्टारलिंक स्याटेलाइट सेवालाई श्रीलंकाको स्विकृति डिशहोमद्वारा ‘भर्चुअल प्रिभिलेज कार्ड’ सार्वजनिक भैसेपाटीमा युवालाई आत्मनिर्भर बनाउने उद्देश्यसहित इभि वितरण कार्यक्रम सम्पन्न
टिप्स

वेब डेभलपरले जान्नै पर्ने केहि कुराहरु

Default Thumbnail
अ+ अ-
अनुमानित्त पढ्न लग्ने समय 3 मिनेट

Photo by Lukas: https://www.pexels.com/photo/person-encoding-in-laptop-574071/

यो लकडाउनको समयमा तपाईँ सबैले एक त एक पटक त कोडिङ वा वेभ डेभलपिङ सिक्नु भएको होला। अहिलेको समयमा प्राय सबै विद्यार्थीहरूले वेबसाइट बनाउन आउँछ या सिक्दै छु भनेको पनि सुन्नु भएकै होला। आखिर कसरी बनाउन मिल्छ त वेबसाइट अनि कसको जिम्मा हुन्छ त वेबसाइट बनाउने?

वेभ डेभलपर एउटा यस्तो व्यक्ति हो जसले कोड प्रोग्रामिंगको मद्दतले वेबसाइट बनाउँछ। उनीहरूले वेबसाइट कसरी कार्य गर्छ भनेर बताउने काम गर्छन्। वेबसाइट भित्रका प्रक्रियाहरू पनि उनीहरूले नै निर्माण गर्छन्।

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

फ्रन्ट इन्ड डेभलपर र ब्याक इन्ड डेभलपर दुई प्रकारका वेभ डेभलपरहरु हुन्। फ्रन्ट इन्ड डेभलपरले वेबसाइटको बाहिरी भाग मिलाउँछ। उनीहरूको प्रमुख जिम्मेवारी वेबसाइट आगन्तुकहरूले पृष्ठसँग सजिलै अन्तरक्रिया गर्न सक्छन् भनेर सुनिश्चित गर्नु हो। त्यसै गरी ब्याक इन्ड डेभलपरले वेबसाइटको पछाडिको निर्माण र हेर देखको जिम्मा लिन्छ।

आखिर के विषयहरू सिक्न र जान्न आवश्यक छ त वेब डेभलपरलाई?

१. HTML / सीएसएस (CSS) / जेएस ( JAVA SCRIPT)

हरेक विकासकर्ताले सबैभन्दा पहिले सिक्नु पर्ने सिप वा ज्ञान नै यी तिन विषयमा हो। यी तीन आधारहरू अर्थात् HTML, सीएसएस र जाभा स्क्रिप्ट हुन्।

  • तपाईँले फ्रन्ट इन्डको निर्माणमा HTML र सीएसएस (CSS) प्रयोग गर्नुहुनेछ। तपाईँले धेरै HTML ट्यागहरू विभिन्न उद्देश्यहरूको लागि प्रयोग गर्न सक्नुहुन्छ। वेबसाइटमा अनुच्छेद कसरी लेख्ने, कता वाक्य छुट्टाउने, लेखिएको चिजलाई कसरी मिलाएर राहने जस्ता कुराहरु पर्दछन्।
  • सीएसएस (CSS) को प्रयोग वेबसाइटका धेरै भागहरूको शैली, डिजाइन, ले आउट र कसरी HTML तत्त्वहरू स्क्रिनमा प्रदर्शन गर्ने भनी निर्णय गर्दछ।
  • जाभा स्क्रिप्ट आजकल मागमा एकदम उच्च छ। तपाईँको HTML पृष्ठहरू अन्तरक्रियात्मक बनाउनको लागि यो जिम्मेवार हुन्छ।

२. गिट र गिटहब

यो एउटा वेब विकासकर्ताको रूपमा जान्नै पर्ने महत्त्वपूर्ण विषय हो। यसले तपाईँलाई तपाईँको सबै कोडका कार्यहरू एकै स्थानमा व्यवस्थापन गर्न मद्दत गर्दछ। यसबाट हामीले आफ्नो कार्यलाई भण्डारण गर्नुको साथ साथै साथीहरूसँग वा टोली सदस्यसँग साझेदारी गर्न सकिन्छ।

३. ब्राउजर डेवटूल्स

लेख्ने बेलासम्म मस्त लेख्ने अनि अन्तिममा गएर एउटा सानो गल्तीले पुरै कोड नै नचल्ने पिर एउटा वेब डेभलपरलाई मजाले थाहा हुन्छ। यस्तो समस्या बारम्बार नआओस् भनेर देवटुल्सहरुको निर्माण भएको हो। क्रोम देव उपकरणहरूको आवश्यकता आउँछ।

तपाईँ ब्राउजर डेभटूलहरू प्रयोग गरेर धेरै चीजहरू गर्न सक्नुहुन्छ। जस्तै डिबगिंग, HTML तत्त्वहरू सम्पादन, सीएसएस गुणहरू सम्पादन जस्ता कार्यहरू तपाइले ब्राउजर डेवटूल्समा गर्न सक्नुहुन्छ।

४. समस्या समाधान र खोजी

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

५. फ्रेम वर्क

फ्रेम वर्क एउटा यस्तो फ्रेम हो जसमा तपाईँ आफ्नो वेबसाइट अझै छिटो अनि सरल तरिकाले बनाउन सक्नुहुन्छ। यो सामान्यतया एक पुस्तकालय वा सफ्टवेयरको केही टुक्रा जस्तै हो। प्रोग्रामरले काम गर्दा सुरुबाट नै सुरुवात गर्न आवश्यक छैन जब कि तपाईँसँग उपकरणहरू छन्।

६. कोडको रिफैक्टरिंग (Refactoring)

रिफ्याक्टरिङको अर्थ तपाईँको कोडलाई अनावश्यक कोडबाट बचाएर छोटो पार्नु हो। यसबाट तपाइले प्रोजेक्टमा प्रयोग नगरिएको कोडहरू निकाल्नु हुन्छ। यसो गर्दा तपाईँको कोड सफा हुनुको साथ साथै अरूले बुझ्न योग्य पनि बन्छ।

यो खबर पढेर तपाईलाई कस्तो महसुस भयो ?