कैसे

HowTo होम

मेनू

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

इमेजिस

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

बटन

अलर्ट बटन रूपरेखा बटन स्प्लिट बटन एनिमेटेड बटन लुप्त होती बटन छवि पर बटन सोशल मीडिया बटन और पढ़ें कम पढ़ें लोड हो रहा है बटन डाउनलोड बटन गोली बटन अधिसूचना बटन चिह्न बटन अगला/पिछला बटन Nav . में और बटन ब्लॉक बटन टेक्स्ट बटन गोल बटन शीर्ष बटन पर स्क्रॉल करें

फार्म

लॉगिन फॉर्म साइनअप फॉर्म चेकआउट फॉर्म संपर्क करें प्रपत्र सोशल लॉग इन फॉर्म रजिस्टर फॉर्म प्रतीक के साथ प्रपत्र समाचार पत्रिका स्टैक्ड फॉर्म उत्तरदायी प्रपत्र पॉपअप फॉर्म इनलाइन फॉर्म इनपुट फ़ील्ड साफ़ करें संख्या तीर छुपाएं टेक्स्ट को क्लिपबोर्ड पर कॉपी करें एनिमेटेड खोज खोज बटन फ़ुलस्क्रीन खोज नवबार में इनपुट फील्ड नवबार में लॉगिन फॉर्म कस्टम चेकबॉक्स/रेडियो कस्टम चयन गिल्ली टहनी चेकबॉक्स चेक करें कैप्स लॉक का पता लगाएं एंटर पर ट्रिगर बटन पासवर्ड सत्यापन पासवर्ड दृश्यता टॉगल करें एकाधिक चरण प्रपत्र स्वत: पूर्ण स्वत: पूर्ण बंद करें वर्तनी जांच बंद करें फ़ाइल अपलोड बटन खाली इनपुट सत्यापन

फिल्टर

फ़िल्टर सूची फ़िल्टर तालिका फ़िल्टर तत्व ड्रॉपडाउन फ़िल्टर करें सूची क्रमबद्ध करें वर्तनी तालिका

टेबल

ज़ेबरा धारीदार तालिका सेंटर टेबल्स पूर्ण-चौड़ाई तालिका अगल-बगल टेबल्स उत्तरदायी टेबल्स तुलना तालिका

अधिक

फ़ुलस्क्रीन वीडियो मोडल बॉक्स मोडल हटाएं समय स्क्रॉल संकेतक प्रगति पट्टी कौशल बार रेंज स्लाइडर टूलटिप्स प्रदर्शन तत्व होवर पॉप अप खुलने और बंधनेवाला पंचांग एचटीएमएल शामिल है करने के लिए सूची लोडर स्टार रेटिंग यूजर रेटिंग ओवरले प्रभाव संपर्क चिप्स पत्ते फ़्लिप कार्ड प्रोफाइल कार्ड उत्पाद कार्ड अलर्ट पुकारें टिप्पणियाँ लेबल मंडलियां स्टाइल एचआर कूपन सूची समूह गोलियों के बिना सूची उत्तरदायी पाठ कटआउट टेक्स्ट चमकता हुआ पाठ निश्चित पाद लेख चिपचिपा तत्व समान ऊँचाई क्लियरफिक्स उत्तरदायी फ़्लोट्स काफ़ीहाउस फ़ुलस्क्रीन विंडो स्क्रॉल आरेखण चिकना स्क्रॉल ग्रेडियंट बीजी स्क्रॉल स्टिकी हैडर स्क्रॉल पर हैडर सिकोड़ें मूल्य निर्धारण तालिका लंबन आस्पेक्ट अनुपात उत्तरदायी इफ्रेम्स पसंद/नापसंद टॉगल करें टॉगल छुपाएं/दिखाएं डार्क मोड टॉगल करें टेक्स्ट टॉगल करें टॉगल क्लास कक्षा जोड़ें कक्षा हटाएं सक्रिय वर्ग ट्री व्यू संपत्ति निकालें ऑफलाइन डिटेक्शन छिपे हुए तत्व का पता लगाएं वेबपेज पुनर्निर्देशित करें ज़ूम होवर फ्लिप बॉक्स केंद्र लंबवत डीआईवी में केंद्र बटन होवर पर संक्रमण तीर आकार डाउनलोड लिंक पूर्ण ऊंचाई तत्व ब्राउज़र विंडो कस्टम स्क्रॉलबार स्क्रॉलबार छुपाएं स्क्रॉलबार दिखाएं/बल दें डिवाइस लुक सामग्री संपादन योग्य सीमा प्लेसहोल्डर रंग पाठ चयन रंग बुलेट रंग ऊर्ध्वाधर रेखा परकार चेतन प्रतीक काउंटडाउन टाइमर टाइपराइटर जल्द आ रहा है पेज चैट संदेश पॉपअप चैट विंडो विभाजित स्क्रीन प्रशंसापत्र अनुभाग काउंटर उद्धरण स्लाइड शो बंद करने योग्य सूची आइटम विशिष्ट डिवाइस ब्रेकप्वाइंट खींचने योग्य HTML तत्व जेएस मीडिया प्रश्न सिंटैक्स हाइलाइटर जे एस एनिमेशन जे एस स्ट्रिंग लंबाई जेएस घातांक जेएस डिफ़ॉल्ट पैरामीटर्स वर्तमान URL प्राप्त करें वर्तमान स्क्रीन आकार प्राप्त करें इफ्रेम तत्व प्राप्त करें

वेबसाइट

एक मुफ्त वेबसाइट बनाएं वेबसाइट बनाएं एक स्टेटिक वेबसाइट बनाएं एक वेबसाइट बनाएं (W3.CSS) एक वेबसाइट बनाएं (BS3) एक वेबसाइट बनाएं (बीएस 4) एक वेबसाइट बनाएं (BS5) वेबसाइट बनाएं और देखें एक लिंक ट्री वेबसाइट बनाएं एक पोर्टफोलियो बनाएं एक रिज्यूमे बनाएं एक रेस्तरां वेबसाइट बनाएं एक व्यवसाय वेबसाइट बनाएं एक वेबबुक बनाएं केंद्र वेबसाइट संपर्क अनुभाग पेज के बारे में बड़ा हैडर उदाहरण वेबसाइट

ग्रिड

2 कॉलम लेआउट 3 कॉलम लेआउट 4 कॉलम लेआउट ग्रिड का विस्तार सूची ग्रिड दृश्य मिश्रित कॉलम लेआउट कॉलम कार्ड ज़िग ज़ैग लेआउट ब्लॉग लेआउट

गूगल

गूगल चार्ट गूगल फ़ॉन्ट्स गूगल फॉन्ट पेयरिंग Google विश्लेषिकी सेट करें

कन्वर्टर्स

वजन बदलें तापमान परिवर्तित करें कन्वर्ट लंबाई कन्वर्ट स्पीड

ब्लॉग

एक डेवलपर नौकरी प्राप्त करें फ्रंट-एंड देव बनें।

कैसे करें - एक डेवलपर नौकरी प्राप्त करें


हर कोई डेवलपर बन सकता है।

आप इंटरनेट पर बहुत सारी मुफ्त सामग्री पा सकते हैं।

अपनी पहली डेवलपर नौकरी प्राप्त करना कठिन हो सकता है।

सबसे महत्वपूर्ण बात यह है कि कभी हार न मानें।

बेहतर बनने के लिए हर दिन अभ्यास करें।


एक डेवलपर क्या करता है

एक डेवलपर वह होता है जो कंप्यूटर पर चीजें करता है।

यह वेबसाइट बनाने, वेब एप्लिकेशन बनाने या गेम बनाने के लिए हो सकता है।

यह शौक, नौकरी - या नौकरी दोनों हो सकता है;+]

काम करने वाली किसी चीज़ का निर्माण करना रचनात्मक और मज़ेदार है!

डेवलपर बनने के लिए क्या करना होगा

एक लक्ष्य निर्धारित करें कि आप किस प्रकार के डेवलपर बनना चाहते हैं। ईजी फ्रंट-एंड या बैक-एंड

तय करें कि कौन सी प्रोग्रामिंग भाषाएं सीखनी हैं।

कोड के साथ पढ़ें, अभ्यास करें और निर्माण करें।

किसी ऐसे व्यक्ति पर ध्यान दें जो आपको अवसर दे सके।

कभी हार मत मानो।

फ़्रंट-एंड और बैक-एंड के बीच का अंतर यह है कि फ़्रंट-एंड यह दर्शाता है कि वेब पेज कैसा दिखता है, जबकि बैक-एंड यह दर्शाता है कि यह कैसे काम करता है।

आप फ्रंट-एंड को क्लाइंट-साइड और बैक-एंड को सर्वर-साइड के रूप में भी सोचते हैं ।


मैं कहाँ से शुरू करूँ

एचटीएमएल, सीएसएस और जावास्क्रिप्ट मूल भाषाएं हैं जिन्हें आपको वेबसाइट बनाने के लिए जानना आवश्यक है।

वेब डेवलपर बनने के लिए, नीचे दिए गए विषयों से शुरू करें, निम्नलिखित क्रम में:

  1. HTML के साथ संरचना बनाएं। पहली चीज जो आपको सीखनी है, वह है HTML, जो वेब पेज बनाने के लिए मानक मार्कअप भाषा है।
  2. एचटीएमएल सीखें
  3. सीएसएस के साथ शैली। अगला कदम सीएसएस सीखना है, अपने वेब पेज के लेआउट को सुंदर रंगों, फोंट और बहुत कुछ के साथ सेट करना है।
  4. सीएसएस सीखें
  5. इसे जावास्क्रिप्ट के साथ इंटरैक्टिव बनाएं। एचटीएमएल और सीएसएस का अध्ययन करने के बाद, आपको अपने उपयोगकर्ताओं के लिए गतिशील और इंटरैक्टिव वेब पेज बनाने के लिए जावास्क्रिप्ट सीखना चाहिए।
  6. जावास्क्रिप्ट सीखें

क्या आपने कभी W3Schools Spaces के बारे में सुना है ? यहां आप HTML, CSS और JavaScript का उपयोग करके एक मुफ्त वेबसाइट बना सकते हैं।

मुफ़्त में शुरू करें

* किसी क्रेडिट कार्ड की आवश्यकता नहीं

जावास्क्रिप्ट और सीएसएस ढांचे और पुस्तकालयों को सीखें और अभ्यास करें जैसे कि:

ढांचे और पुस्तकालयों को जानने से आप नौकरी के बाजार में और अधिक आकर्षक बनेंगे।

मैं बैक-एंड कैसे सीख सकता हूं?

स्थिर वेबसाइट बनाने के लिए HTML, CSS और JavaScript का उपयोग किया जाता है।

वेबसाइटों को गतिशील बनाने के लिए (डेटाबेस, संपर्क फ़ॉर्म, उपयोगकर्ता पहुंच, और इसी तरह) आपको बैक-एंड प्रोग्रामिंग भाषाओं का उपयोग करने की आवश्यकता है।

यहां कुछ लोकप्रिय बैक-एंड भाषाएं दी गई हैं:

जो लोग वेबसाइट और वेब एप्लिकेशन बनाने का काम करते हैं उन्हें फ्रंट-एंड डेवलपर्स कहा जाता है।

जो लोग एप्लिकेशन बनाने का काम करते हैं उन्हें बैक-एंड डेवलपर्स कहा जाता है।

जो लोग फ्रंट-एंड और बैक-एंड दोनों के साथ काम करते हैं, उन्हें फुलस्टैक डेवलपर्स कहा जाता है।

हम आपकी यात्रा को फ्रंट-एंड से शुरू करने की सलाह देते हैं।


दस चरणों में अपनी पहली नौकरी कैसे प्राप्त करें

आपकी पहली नौकरी पाने के कई तरीके हैं।

चरणों का क्रम एक सुझाव है।

आप अपनी पसंद के क्रम में चरणों को कर सकते हैं।


तैयारी: लक्ष्य निर्धारित करें

अपने लक्ष्य के लिए प्रतिबद्ध।

एक योजना बनाएं।

सीखने और अभ्यास के लिए हर दिन और सप्ताह का समय समर्पित करें।

सुसंगत होना सबसे महत्वपूर्ण बात है!


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

आप इंटरनेट पर बहुत सारी मुफ्त सामग्री पा सकते हैं।

अपनी योजना पर काम करें, निर्माण करें और सुसंगत रहें। तुम अच्छे रहोगे!

पहला कदम: भाषाओं में महारत हासिल करें

उन भाषाओं के साथ पढ़ें, अभ्यास करें और निर्माण करें जिन्हें आपने सीखने का फैसला किया है।

एक बार जब आप मुख्य भाषाओं के साथ आत्मविश्वास महसूस करते हैं तो चौखटे और पुस्तकालयों से शुरू करें।

हमेशा निर्माण करते रहें।


चरण दो: एक ऑनलाइन रिज्यूमे बनाएं

ऑनलाइन रिज्यूमे रिज्यूमे का डिजिटल वर्जन होता है।

यह आपके अनुभव, कौशल, शिक्षा और उपलब्धियों का एक सिंहावलोकन है।

इसका उपयोग नौकरी के लिए आवेदन करने, फ्रीलांसर गिग, कंसल्टेंसी एंगेजमेंट या स्कूल में आवेदन करने के लिए किया जा सकता है।

एक वेबसाइट के रूप में इसे ऑनलाइन रखने का महत्व यह है कि दुनिया भर के लोग इसे आसानी से एक्सेस कर सकते हैं।

अपना ऑनलाइन रिज्यूमे कैसे बनाएं, इस पर एक ट्यूटोरियल यहां दिया गया है: ऑनलाइन रिज्यूमे कैसे बनाएं


चरण तीन: एक पोर्टफोलियो साइट बनाएं

ध्यान आकर्षित करने के लिए पोर्टफोलियो आवश्यक है।

एक पोर्टफोलियो बनाना आपकी ऑनलाइन उपस्थिति को बढ़ाने का एक अच्छा तरीका है।

पोर्टफोलियो का उपयोग आपके कौशल और परियोजनाओं को प्रदर्शित करने के लिए किया जाता है।

यह आपको नौकरी, फ्रीलांसर गिग, या इंटर्नशिप पाने में मदद कर सकता है।

अपना पोर्टफोलियो कैसे बनाएं, इस पर एक ट्यूटोरियल यहां दिया गया है: एक पोर्टफोलियो कैसे बनाएं


चरण चार: प्रासंगिक नौकरियों के लिए खोजें और आवेदन करें (चल रही)

हमेशा नौकरी की तलाश और आवेदन करते रहें।

विशिष्ट प्रवेश नौकरियां इंटर्न या जूनियर डेवलपर हैं।

याद रखें कि पहली नौकरी पाना सबसे कठिन है।

अगले को उतरना आसान है।


चरण पांच: फ्रीलांस गिग्स की तलाश करें

प्रासंगिक कार्य अनुभव बनाने के लिए फ्रीलांस गिग्स अच्छे हैं।

एक गिग प्लेटफॉर्म के साथ अपना प्रोफाइल बनाएं।

प्रासंगिक जुड़ावों के लिए खोजें और आवेदन करें।

सक्रिय रूप से अपनी प्रोफ़ाइल का विपणन करें।

अपने रिज्यूमे और पोर्टफोलियो में पूरी की गई व्यस्तताओं को जोड़ें।


छठा चरण: परियोजनाओं पर काम करें

अपनी खुद की परियोजनाओं पर काम करने से आपके कौशल में सुधार होता है।

अपने पूरे हुए प्रोजेक्ट्स को दूसरों के साथ शेयर करें।

अभ्यास करते रहो। संगति सबसे महत्वपूर्ण बात है!

हमने आपके लिए W3Schools Spaces नामक एक कोड संपादक बनाया है ? यहां आप HTML, CSS और JavaScript का उपयोग करके एक मुफ्त वेबसाइट बना सकते हैं।

मुफ़्त में शुरू करें

* किसी क्रेडिट कार्ड की आवश्यकता नहीं


चरण सात: इंटर्नशिप के लिए आवेदन करें

इंटर्नशिप नौकरी बाजार में प्रवेश करने के सर्वोत्तम तरीकों में से एक है।

यह आपको प्रासंगिक अनुभव प्राप्त करने में मदद कर सकता है जैसे:

  • वास्तविक दुनिया की समस्याओं को हल करने पर काम करना
  • एक टीम के रूप में कार्य करना (यह महत्वपूर्ण है)। न केवल अकेले काम करने के लिए
  • दूसरों से सीखना
  • अपने कोड पर प्रतिक्रिया प्राप्त करना
  • चुस्त तरीके सीखना
  • एक कंपनी के साथ खुद को साबित करने का मौका पाएं

चरण आठ: अपना कोड Github पर अपलोड करें और योगदान करें

Github एक ओपन-सोर्स रिपॉजिटरी है।

यह प्रोग्रामर के लिए एक समुदाय है।

जीथब पर आपका कोड होने से दूसरों के साथ सहयोग करने की अनुमति मिलती है।

ओपन-सोर्स प्रोजेक्ट में भाग लेना अनुभव प्राप्त करने का एक अच्छा तरीका है। एक के लिए देखो!

गिट सीखने के लिए यहां एक ट्यूटोरियल है: गिट सीखें


चरण नौ: एक डेवलपर समुदाय में शामिल हों

समुदाय एक ऐसी जगह है जहां आप दूसरों से जुड़ सकते हैं।

एक समुदाय में भाग लेना सीखने को आसान बना सकता है।

विभिन्न दृष्टिकोणों को साझा करना सीखने का एक अच्छा तरीका है।

आपने जो सीखा है, उसमें योगदान देकर आप वापस दे सकते हैं।

दूसरों और नेटवर्क से जुड़ें, ताकि आप पर ध्यान दिया जा सके।

हो सकता है कि आपको समुदाय की भीड़ में कोई गुरु मिल जाए?

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

हमने इसके लिए एक समुदाय बनाया है।

W3Schools समुदाय में शामिल हों

चरण दस: अपनी ऑनलाइन उपस्थिति बढ़ाएँ

सोशल मीडिया पर अपना काम दिखाएं।

जैसे प्रासंगिक सामग्री लिखकर योगदान दें।

  • आपकी परियोजनाएं
  • सामग्री
  • एक ओपन-सोर्स प्लेटफॉर्म में योगदान

W3Schools रिक्त स्थान

W3Schools Spaces

आपको जो कुछ भी चाहिए वह ठीक ब्राउज़र में है। इसका उपयोग करना आसान है - इसे आजमाएं!