Web Developer kaise bane?

दोस्तों मेने जब अपनी वेब डेवलपमेंट की journey स्टार्ट की थी तब मेने लोगो से पूछा था की वेब डेवलपमेंट सीखते कैसे हैं? और जो मुझे answers मिले JavaScript सिख़लो, html सिख़लो, वो सिख लो, ये सिख लो। सारी टेक्नोलॉजीज का नाम सुन कर मेरे दिमाग का दही हो गया। आज भी लोग मुझे पूछते हे की वेब डेवलपमेंट स्टार्ट कहा से करे ? आज की ये पोस्ट आप लोगो को गाइड करेगी की web developer kaise bane?

ये पोस्ट में आपको सभी strategy को शेयर किया हे मेने step by step सभी टिप्स को बताये हे।

Web Development Basics

आपको कोई भी वेबसाइट बनाने क लिए जरूरी होता हे Html, css,और JavaScript। Html से आप बटन कहा पर आएगा, इमेज आएगा की नई आएगा जैसी चीज़ो को specify कर सकते हो। इसके बाद CSS से आप बटन कहा होने चाइये, स्पेस कितनी रखनी हे, इमेज की साइज कितनी रखनी हे जैसी चीज़ो को specify कर सकते हो। यहाँ पर आपको ये समजना हे की HTML एक स्केलेटन हे। CSS डिज़ाइन के लिए यूज़ होती हे। JavaScript logic के लिए यूज़ किया जाता हे। क्या हमें सभी programming language को 100 percentage देना होगा ?, क्या ये करना आइडियल रहेगा ? नहीं ! वहा पर काम आती हे bucket technique। क्या हे Bucket technique में आपको समजता हूँ।

bucket technique क्या हे ?

Bucket Technique Kya Hai?

आपको जल्दी से जल्दी वेब डेवलपमेंट सीखनी हे। या जल्दी से जल्दी वेबसाइट बनानी हे तो बकेट तकनीक एक अच्छा विक्लप हे।

Frontend Development

  1. 80% HTML
  2. 60% CSS
  3. 50% JavaScript
  4. 20% Database (Insert, Update, Delete)

आपको ऊपर बताया हे की कोनसी प्रोग्रामिंग लैंग्वेज आपको कितने percentage सीखनी हे। आपको सिर्फ इतनी चीज़े सीखनी हे जो वेबसाइट के अंदर यूज़ होता हे। यही एक तरीका हे जल्दी से जल्दी वेब डेवलपमेंट सिखने के लिए। अगर आप 100% programing languages सीखोगे तो काफी ज्यादा टाइम लग जायेगा और आपका patient ख़तम हो जायेगा।

आप bootstrap, Tellwind CSS, जैसे shortcuts का यूज़ करके वेबसाइट बना सकते हे। लेकिन इसका एक drawback हे आप डायरेक्टली किसी भी चीज़ को कस्टमाइज नहीं कर सकते। इसके लिए आपको CSS आनी चाइये। ये shortcuts उनलोगो के लिए हे जो एक full stack developer नहीं बनना चाहते। एक सफल वेब डेवलपर को ऊपर बताई गई skills आनी चाइये। आपको इन शार्ट कट का यूज़ नहीं करना हे अगर आप सचमे एक full stack Web developer बनना चाहते हो।

Backend Development

जब आप किसीभी वेबसाइट के डोमेन नाम ब्राउज़र में सर्च करते हो तब वेबसाइट का सर्वर आपको कंटेंट प्रोवाइड करता हे। सर्वर डेटाबेस में से HTML, JavaScript, और CSS को compile करके query को response देता हे। वो सारा काम backend में होता हे। ये सारी चीज़े सिखने के लिए बहुत सारे ऑप्शन हे।

1. PHP
में यहाँ पर आपको PHP को recommend करता हूँ। PHP सिख कर आप आसानी से समज जाओगे जे Backend और Frontend कैसे काम करता हे। PHP समझने काफी आसान हे। ये language beginners के लिए बेस्ट हे। PHP और JavaScript में काफी similarities हे। MySQL डेटाबेस के लिए यूज़ कर सकते हो।

2. NodeJS
दूसरी में आपको NodeJS suggest करूँगा। क्युकी आपने JavaScript Frontend के लिए भी सीखी हे। NodeJS ka एक cons भी हे आपको ये language काफी complicated लगेगी। क्यूंकि इसमें कई सारे स्टेटमेंट हे जो समझने में दिक्कत हो सकती हे। NodeJS के साथ MongoDB डेटाबेस के लिए यूज़ किया जाता हे

3. Python
Python भी अच्छी लैंग्वेज हे। लेकिन आपको टाइम लगेगा Django python के लिए एक अच्छा सा framework भी हे। python के साथ SQLite database यूज़ कर सकते हो।

अगर ये सुनके आपके कण के ढकन उड़ गए हे तो आप बस PHP पे focus करो।

Beginners को क्या नहीं करना चाहिए ?

  • Framework को शुरुवात कभी भी यूज़ मत करो।
  • Website builder यूज़ नहीं करना हे।
  • Third party JavaScript, CSS फ़्रेमवर्क्स यूज़ नहीं करनी हे।

ग्राफ़िक्स डिज़ाइन कहा से सीखनी हे ?

Graphics Design kaha sikhe?

बोहोत सारे लोग बोलते हे की हमारी वेबसाइट अच्छी नहीं बनती। तो में एक बात आपको बताना चाहता हु की वेब डेवलपर एक अलग चीज़ हे और वेब डिज़ाइन अलग चीज़ हे। अगर आपके अंदर ग्राफ़िक डिज़ाइन की स्किल हे तो आप अच्छे अच्छे डिज़ाइन के वेबसाइट बना सकते हो। आप लोग layout draw कर सकते हे। आप दूसरी वेबसाइट से डिज़ाइन की मिमिक कर सकते हे। में ये नहीं कह रहा हु की आप कॉपी करे। आप बस दूसरी वेबसाइट के reference लेके अपनी खुदकी डिज़ाइन बनाये। ये स्किल सीखनी जरूरी हे क्यूंकि की आपको पता चलेगा की कोनसा कलर अच्छा लगेगा। कोनसा लेआउट आपके वेबसाइट के लिए रेस्पॉन्सिव रहेगा और भी कुछ।

Programming Language कहा से सीखनी हे ?

Coding Kaha Se Sikhe?

Coursera एक अच्छी साइट हे वहा पर आप पूरी वेब डेवलपमेंट की पूरी सीरीज देख सकते हो। W3School coding library प्रोवाइड करता हे। वहा से आप reference ले सकते हो। आपको बस daily coding की practice करनी हे। codepen पर प्रोजेक्ट्स मिल जायेंगे। आप कोई भी query सर्च करो आपको कई सारे प्रोजेक्ट्स मिल जायेंगे।

वेब डेवलपर के लिए बेस्ट टूल्स

  • UX Wing – आपको यहाँ पे अच्छे अच्छे icons मिल जायेंगे। आप icons को अपने साइट पे यूज़ कर सकते हो।
  • Pixabay – यहाँ पर आपको high quality में images मिल जायेंगे
  • freehtml5 – इस साइट पर काफी सारे रेडी मेड टेम्पलेट available हे। आप उनका रिफरेन्स लेकर वेबसाइट को बना सकते हो
  • Unplash – Unplash आपको API प्रोवाइड करती हे वहा से आप कुछ फोटोज को अपनी साइट पर दिखा सकते हो।
  • Canva – ये एक काफी अच्छी साइट हे। आप अपने वेबसाइट के लिए बैनर बना सकते हो।

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

Editor - He loves to write topics related to iPhone, Android, Windows, and Mac categories.

Sharing Is Caring:

Leave a Comment