Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

मास्टर बूटस्ट्रैप:कुशल फ्रंट-एंड विकास के लिए चरण-दर-चरण मार्गदर्शिका

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

<पी> क्या करें?

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

<पी> इस गाइड में, हमने आपके वेब विकास परियोजनाओं के लिए बूटस्ट्रैप का उपयोग कैसे शुरू कर सकते हैं, इसके लिए विचार एक साथ रखे हैं।

बूटस्ट्रैप क्या है?

<पी> बूटस्ट्रैप एक CSS फ्रेमवर्क है। बूटस्ट्रैप में कई वेबसाइटों पर पाए जाने वाले बटन, ड्रॉप-डाउन मेनू, ग्रिड, पंक्तियाँ, फॉर्म और अन्य सामान्य तत्वों की शैलियाँ हैं। बूटस्ट्रैप में बहुत सारे जावास्क्रिप्ट घटक भी हैं, जैसे अकॉर्डियन, कोलैप्सिबल घटक और पॉप-अप।

<पी> बूटस्ट्रैप 12-कॉलम ग्रिड प्रणाली का उपयोग करके काम करता है। इसमें 12 कॉलम हैं और एक वेबसाइट तत्व उन सभी को ले सकता है। उदाहरण के लिए, एक पूरा पैराग्राफ 12 कॉलम का हो सकता है, या आपकी एक छवि चार कॉलम का और कुछ टेक्स्ट आठ कॉलम का हो सकता है।

बूटस्ट्रैप की मुख्य विशेषताएं क्या हैं?

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

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

<पी> "मोबाइल-फर्स्ट" का अर्थ है कि यह अनुभव उतना ही उच्च गुणवत्ता वाला होगा जितना डेस्कटॉप पर होगा, बाद में नहीं। जब कोई उपयोगकर्ता आपकी वेबसाइट को मोबाइल डिवाइस पर देख रहा हो तो बूटस्ट्रैप की 12-कॉलम ग्रिड प्रणाली आपके वेब पेज पर तत्वों को आवश्यकतानुसार समायोजित और "स्टैक" करने की अनुमति देती है।

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

बूटस्ट्रैप सीखना

<पी> यदि आप एक वेब डेवलपर बनना चाहते हैं, तो बूटस्ट्रैप को जानना एक बड़ा फायदा हो सकता है। यह सच है कि आपका ध्यान फ्रंट-एंड वेब डिज़ाइन पर है या बैक-एंड डेवलपमेंट पर। बूटस्ट्रैप आपका समय बचा सकता है और यह सुनिश्चित कर सकता है कि आपकी वेबसाइटें उत्तरदायी और मोबाइल-फर्स्ट हैं।

मुझे बूटस्ट्रैप क्यों सीखना चाहिए?

<पी> ऐसे कई कारण हैं जिनकी वजह से आपको बूटस्ट्रैप सीखना चाहिए।

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

<पी> बूटस्ट्रैप का 12-कॉलम ग्रिड सिस्टम तत्वों को ढेर कर देता है ताकि उपयोगकर्ता अपने फोन पर क्षैतिज रूप से स्क्रॉल न करें। "उत्तरदायी" से तात्पर्य है कि कोई वेबसाइट उस स्क्रीन के आकार पर कैसे प्रतिक्रिया करती है जिस पर उपयोगकर्ता उसे देख रहे हैं।

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

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

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

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

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

बूटस्ट्रैप सीखने में कितना समय लगता है?

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

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

<पी> बूटस्ट्रैप अनुकूलन योग्य है और आप अपने स्वयं के सीएसएस के साथ बूटस्ट्रैप स्टाइल को ओवरराइड कर सकते हैं। आपके प्रोजेक्ट के आधार पर, आपको अपनी आवश्यकताओं के अनुरूप बूटस्ट्रैप को अनुकूलित करने के लिए अधिक समय लेने की आवश्यकता हो सकती है।

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

क्या बूटस्ट्रैप सीखना कठिन है?

<पी> यदि आपको CSS और HTML की बुनियादी समझ है तो बूटस्ट्रैप सीखना मुश्किल नहीं है। यदि आप जावास्क्रिप्ट प्लगइन्स का उपयोग कर रहे हैं, तो जावास्क्रिप्ट कैसे काम करता है इसकी बुनियादी समझ की सिफारिश की जाती है।

<पी> आपको बूटस्ट्रैप में सीएसएस कक्षाओं को याद रखने की आवश्यकता नहीं है, लेकिन आपको यह पता लगाने के लिए बूटस्ट्रैप दस्तावेज़ को नेविगेट करने में सक्षम होना चाहिए कि आपको किन कक्षाओं की आवश्यकता है। 

बूटस्ट्रैप कैसे सीखें:चरण-दर-चरण

<पी> बूटस्ट्रैप सीखने का कोई एक तरीका नहीं है। कुछ शिक्षार्थी पहले बूटस्ट्रैप वेबसाइट पर दस्तावेज़ पढ़ना पसंद करते हैं, जबकि अन्य प्रोजेक्ट शुरू करने से पहले वीडियो देखना या ऑनलाइन पाठ्यक्रम करना पसंद करते हैं।

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

<पी> मास्टर बूटस्ट्रैप:कुशल फ्रंट-एंड विकास के लिए चरण-दर-चरण मार्गदर्शिका

<पी> "कैरियर कर्म ने मेरे जीवन में तब प्रवेश किया जब मुझे इसकी सबसे अधिक आवश्यकता थी और बूटकैंप ने तुरंत मेरी मदद की। स्नातक होने के दो महीने बाद, मुझे अपना सपनों का काम मिला जो जीवन में मेरे मूल्यों और लक्ष्यों के अनुरूप था!"

<पी> वीनस, रॉकबॉट में सॉफ्टवेयर इंजीनियर

<पी> अपना बूटकैंप मैच ढूंढें

<पी> यहां कुछ सामान्य चरण दिए गए हैं जिनका आपको बूटस्ट्रैप सीखते समय पालन करना चाहिए:

  1. तय करें कि आप बूटस्ट्रैप क्यों सीखना चाहते हैं। बूटस्ट्रैप सीखने के लिए आपकी मुख्य प्रेरणा क्या है? क्या आप इसे केवल एक कौशल के रूप में रखना चाहते हैं यदि आपको इसकी आवश्यकता है? क्या आप एक बैक-एंड प्रोजेक्ट बनाना चाहते हैं? क्या आप फ्रंट-एंड डेवलपर बनने के लिए काम कर रहे हैं?
  2. तय करें कि बूटस्ट्रैप फ़ाइलें डाउनलोड करनी हैं या CDN का उपयोग करना है। बूटस्ट्रैप तक पहुंचने के तरीके के बारे में विशेष जानकारी के लिए बूटस्ट्रैप वेबसाइट देखें और तय करें कि कौन सी विधि आपके लिए सबसे अच्छा काम करती है।
  3. आरंभ करने के लिए एक नमूना प्रोजेक्ट बनाएं . अपने स्वयं के घटकों का निर्माण शीघ्रता से आरंभ करने में मदद के लिए बूटस्ट्रैप वेबसाइट पर उदाहरण देखें।  
  4. पता लगाएं कि कितने अनुकूलन बनाने हैं। आपके प्रोजेक्ट के आधार पर, आपको बस कुछ या कई संशोधनों की आवश्यकता हो सकती है।
  5. सीखते रहें। अपने कौशल को तेज बनाए रखने के लिए ट्यूटोरियल वीडियो देखना, लेख पढ़ना और प्रोजेक्ट करना जारी रखें।
  6. अपने कौशल को दूसरों के साथ साझा करें। सीखने को मजबूत करने का सबसे अच्छा तरीका किसी और को यह सिखाना है कि कुछ कैसे करना है। अपनी टीम में किसी अन्य व्यक्ति से बात करें जो एक वेबसाइट भी बना रहा है या आपने जो सीखा है उसे साझा करने के लिए एक यूट्यूब ट्यूटोरियल बनाएं।

सर्वश्रेष्ठ बूटस्ट्रैप पाठ्यक्रम

<पी> बूटस्ट्रैप सीखने के लिए कई संसाधन हैं, और यह जानना मुश्किल हो सकता है कि किन पाठ्यक्रमों में निवेश करना है। सर्वोत्तम बूटस्ट्रैप पाठ्यक्रमों के लिए हमारी शीर्ष पसंदें यहां दी गई हैं।

कोर्सेरा:बूटस्ट्रैप का उपयोग करके शुरुआती लोगों के लिए पोर्टफोलियो बिल्डिंग
लागत:कौरसेरा सदस्यता (भिन्न होती है)

<पी> कौरसेरा द्वारा प्रस्तुत यह निर्देशित परियोजना बूटस्ट्रैप के साथ शुरुआत करने वालों के लिए दो घंटे का अनुभव है। इस प्रोजेक्ट में, आप सीखेंगे कि बूटस्ट्रैप का उपयोग करके पोर्टफोलियो कैसे बनाया जाए। इस पोर्टफोलियो के तत्वों में एक नेविगेशन बार (जिसे "नेवबार" भी कहा जाता है), और "मेरे बारे में" अनुभाग, और एक ईमेल फॉर्म शामिल है।

हर किसी के लिए वेब डिज़ाइन:वेब विकास और कोडिंग विशेषज्ञता की मूल बातें
लागत:कौरसेरा सदस्यता (भिन्न होती है)

<पी> इस विशेषज्ञता में, आप वेब डिज़ाइन के सभी पहलुओं के बारे में सीखेंगे, जिसमें बूटस्ट्रैप और HTML, CSS और जावास्क्रिप्ट के साथ इसका उपयोग कैसे करें। प्रति सप्ताह तीन घंटे की दर से इस विशेषज्ञता को पूरा करने में छह महीने लगने का अनुमान है। पूरा होने पर, आपको अपना कौशल दिखाने के लिए एक प्रमाणपत्र मिलेगा।

उदेमी:बूटस्ट्रैप - 4 वास्तविक विश्व प्रोजेक्ट बनाएं
लागत:$19.99

<पी> इस कोर्स में आप चार प्रोजेक्ट बनाकर बूटस्ट्रैप सीखेंगे। आप सीएसएस फ्लेक्सबॉक्स के बारे में भी जानेंगे। फ्लेक्सबॉक्स एक आयामी लेआउट विधि है जिसका उपयोग आप अपनी फ़ॉर्मेटिंग आवश्यकताओं के लिए कर सकते हैं। यदि आप बूटस्ट्रैप घटकों के साथ इसका उपयोग करना चाहते हैं तो फ्लेक्सबॉक्स को जानना महत्वपूर्ण है। इस पाठ्यक्रम में 10 घंटे की वीडियो सामग्री और अन्य संसाधन और पूरा होने का प्रमाण पत्र शामिल है।

कोड अकादमी:बूटस्ट्रैप सीखें
लागत:कोडएकेडमी प्रो सदस्यता ($19.99/माह)

<पी> इस कोर्स को पूरा होने में लगभग तीन घंटे लगेंगे। आप सीखेंगे कि बूटस्ट्रैप कैसे इंटरैक्टिव और उत्तरदायी वेबसाइट बनाना आसान बनाता है। इस कोर्स को करने से पहले आपको बुनियादी HTML पता होना चाहिए, और CSS से कुछ परिचित होना सहायक है।

बूटस्ट्रैप पुस्तकें

जेक स्परलॉक द्वारा 'बूटस्ट्रैप:रिस्पॉन्सिव वेब डेवलपमेंट'

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

पैनोस मैट्सिनोपोलोस द्वारा 'प्रैक्टिकल बूटस्ट्रैप:सबसे लोकप्रिय फ्रेमवर्क में से एक के साथ जिम्मेदारी से विकास करना सीखें'

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

ऑनलाइन बूटस्ट्रैप संसाधन

W3Schools.com रिस्पॉन्सिव वेब डिज़ाइन ट्यूटोरियल

मास्टर बूटस्ट्रैप:कुशल फ्रंट-एंड विकास के लिए चरण-दर-चरण मार्गदर्शिका छवि क्रेडिट:W3Schools.com <पी> W3Schools.com के पास एक रिस्पॉन्सिव वेब डिज़ाइन ट्यूटोरियल है जिसमें व्यूपोर्ट, मीडिया क्वेरीज़ और फ्रेमवर्क जैसे विषयों को कवर करने वाले पाठ हैं। अभ्यासों पर अपनी गति से काम करें और प्रतिक्रियाशील वेब डिज़ाइन में एक ठोस आधार प्राप्त करें।

बूटस्ट्रैप दस्तावेज़ीकरण

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

बूटस्ट्रैप प्रारंभ करें:बूटस्ट्रैप संसाधन - टेम्पलेट और थीम

मास्टर बूटस्ट्रैप:कुशल फ्रंट-एंड विकास के लिए चरण-दर-चरण मार्गदर्शिका छवि क्रेडिट:बूटस्ट्रैप प्रारंभ करें <पी> यदि आपको लगता है कि आपने बूटस्ट्रैप की बुनियादी बातों में महारत हासिल कर ली है, तो यह आपके लिए एक बेहतरीन संसाधन है। यह वेबसाइट उन स्थानों की क्यूरेटेड सूचियाँ प्रदान करती है जहाँ से आप बूटस्ट्रैप थीम खरीद सकते हैं।

निष्कर्ष

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

<पी> बूटस्ट्रैप के साथ शुरुआत करने के लिए आपको वेब डिज़ाइन या सीएसएस में विशेषज्ञ होने की आवश्यकता नहीं है। इस ढांचे के साथ काम शुरू करने से पहले आपको HTML और CSS का कुछ ज्ञान होना चाहिए। यदि आप बूटस्ट्रैप द्वारा प्रदान किए जाने वाले जावास्क्रिप्ट प्लग-इन का उपयोग करने जा रहे हैं, तो आपको जावास्क्रिप्ट की मूल बातें पता होनी चाहिए। इन प्रौद्योगिकियों में गहन ज्ञान होने से यह सुनिश्चित करने में मदद मिलेगी कि आपको बूटस्ट्रैप के साथ एक सफल अनुभव प्राप्त होगा।

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

<पी> बूटस्ट्रैप सीखने के लिए आपका जो भी उद्देश्य हो, आप पाएंगे कि आपकी खोज में आपकी सहायता के लिए बहुत सारे संसाधन हैं। इनमें ऑनलाइन पाठ्यक्रम, किताबें, ट्यूटोरियल और बूटस्ट्रैप समुदाय शामिल हैं।


  1. जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन कैसे जोड़ें? जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन कैसे जोड़ें?

    जावास्क्रिप्ट के साथ खाली इनपुट फ़ील्ड के लिए फॉर्म सत्यापन जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head></head> <h1>JavaScript empty input field validation example</h1> <form name="Form1" onsubmit="return emptyValidation

  1. HTML वेब पेज पर YouTube वीडियो जोड़ना HTML वेब पेज पर YouTube वीडियो जोड़ना

    वीडियो YouTuvbe से आपके वेब पेज पर आसानी से हो सकते हैं। आपको केवल वीडियो एम्बेड करने की आवश्यकता है। सबसे पहले, वीडियो आईडी प्राप्त करें - चरण1 :वीडियो पर जाएं और उस पर राइट क्लिक करें। नर्ड्स के लिए आँकड़े चुनें - क्लिक करने पर, आपको आँकड़े प्रदर्शित करने वाला निम्न संवाद बॉक्स मिलेगा - ऊप

  1. आईपैड पर जावास्क्रिप्ट कैसे डिबग करें? आईपैड पर जावास्क्रिप्ट कैसे डिबग करें?

    iPad पर JavaScript डीबग करने के लिए, आपको Safari ब्राउज़र खोलना होगा। अब वेब सक्षम करें इंस्पेक्टर आईओएस में। सेटिंग . में ऐप, सफारी . चुनें . उन्नत टैप करें विकल्प और प्रारंभ करें वेब इंस्पेक्टर - अब वेब इंस्पेक्टर - . चुनें iPad को Mac से कनेक्ट करने के लिए USB केबल का उपयोग करें। सफारी खुलती