वेबसाइट और एप्लिकेशन बनाने का तरीका सीखने का सबसे अच्छा तरीका वास्तव में यह करना है , जिसका अर्थ है कि आपको प्रोजेक्ट बनाना चाहिए, और हर समय करना चाहिए। यह लघु वीडियो एक नवागंतुक की भावनाओं को व्यक्त करता है और इस विषय पर कुछ अच्छी सलाह देता है।
मैंने वेब विकास सीखने में रुचि रखने वाले लोगों के लिए कुछ अन्य सिफारिशें भी लिखी हैं , जिन्हें आपको शुरू करने से पहले पढ़ना चाहिए।
हालाँकि, जिस तरह आप उन भाषाओं को नहीं बोल सकते जिन्हें आप किसी भी शब्द में नहीं जानते हैं, आपको एक उपयोगी प्रोजेक्ट बनाने से पहले मूलभूत बातों की अच्छी समझ होनी चाहिए। यहाँ कुछ मूल बातें और साइटें लेने के लिए कुछ संसाधन दिए गए हैं जो आपको अपने लिए तलाशने की अनुमति देते हैं।
मुफ्त में वेब विकास की मूल बातें सीखने के लिए बहुत अच्छी जगहें हैं। यहां से शुरू करें, लेकिन उन चीजों के साथ खेलने के लिए जिन्हें वे सीधे नहीं सिखाते हैं, उनके साथ शाखा करें। कुछ के माध्यम से जाने के बाद, खरोंच से अपने दम पर अन्य साइटों / परियोजनाओं को बनाने का प्रयास करें। ऐसा करने से अवधारणाओं को सुदृढ़ किया जाएगा, आपको कार्यान्वयन विवरण पढ़ाया जाएगा, और संभवत: आपको अतिरिक्त चीजें भी सिखाई जाएंगी। आप केवल एक अच्छा डेवलपर या डिज़ाइनर नहीं बन सकते हैं केवल पढ़ने से, आपको बनाना होगा !
मैंने वेब विकास सीखने वाले डिजाइनरों के लिए एक क्रैश कोर्स बनाया
इसकी जांच - पड़ताल करें! वे एक डिज़ाइन आधारित ऑडियंस के लिए तैयार हैं, लेकिन सीखने वाले किसी पर भी लागू होते हैं। वे स्लाइड / पोस्ट / वीडियो में मूल बातें सिखाते हैं और फिर वास्तविक दुनिया के सामने के अंत के विकास को सिखाने के लिए प्रत्येक के अंत में एक छोटी सी परियोजना सौंपते हैं।
अन्य अच्छी ट्यूटोरियल वेबसाइटें
- CodeAcademy - कई भाषाओं के सामान्य ज्ञान की मूल बातें।
- मोज़िला की "लर्निंग द वेब" श्रृंखला - यह शुरुआती स्तर पर शुरू होती है और आपको कुछ और जटिल विषयों में मार्गदर्शन कर सकती है। महान संसाधन, मैं इसकी अत्यधिक अनुशंसा करता हूं।
- उदारण - सामान्य वेब विकास वर्ग।
- Tuts + - अधिक विशिष्ट विषयों पर ट्यूटोरियल।
- खानअकेडमी - मैंने इसे व्यक्तिगत रूप से उपयोग नहीं किया है, लेकिन यह हर दिन बेहतर हो रहा है।
W3Schools का उपयोग न करें , यह आम तौर पर पुराना है और बहुत त्रुटि वाला है। इसके बजाय, जब आप किसी विशिष्ट चीज़ की तलाश कर रहे हों, तो नीचे दी गई डॉक्यूमेंट साइटों में से एक को सीखने के लिए ऊपर की तरह एक ट्यूटोरियल वेबसाइट का उपयोग करें।
प्रलेखन
संपत्तियों, पुस्तकालयों के लिए प्रलेखन को देखते हुए, और यह एक अच्छा वेब डेवलपर बनने के लिए महत्वपूर्ण है। निम्नलिखित उन सर्वोत्तम डॉक्स में से हैं जिनका आप उपयोग कर सकते हैं:
- W3.org - वेब ब्राउज़र द्वारा कार्यान्वित सबसे अधिक चीजों के लिए आधिकारिक दस्तावेज। इन डॉक्स को पढ़ना सीखना बहुत महत्वपूर्ण है! यह किसी भी तरह से W3Schools से संबद्ध नहीं है।
- मोज़िला डॉक्स - फ़ायरफ़ॉक्स के रचनाकारों से एक बहुत विश्वसनीय 3 पार्टी संसाधन जो आज तक रहता है।
- WHATWG.org - W3 के लिए ओपन सोर्स प्रतियोगी का एक प्रकार; कुछ ब्राउज़र W3 में कई बार यहाँ से कुछ सुझावों को लागू करते हैं।
- DevDocs - आधिकारिक नहीं है, लेकिन एक साइट पर बहुत सारी भाषाएं डॉक्स हैं। काफी सुविधाजनक।
उपयोगी फ़ीड्स
- WebPlatformDaily - हर दिन अपडेट की जाने वाली वेब (सप्ताहांत को छोड़कर) से संबंधित समाचारों की एक सूची।
- साइटप्वाइंट - विभिन्न चीजों पर वास्तव में उपयोगी लेख।
- WebDesignerDepot - स्पैम के पक्ष में हो सकते हैं, लेकिन उनके अधिकांश वास्तविक लेख अच्छे हैं।
- मुंहतोड़ पत्रिका - अधिक उन्नत विषय, लेकिन ज्यादातर सभी अच्छे पढ़ते हैं।
- सूची सूची - ब्लॉग रूप में थोड़ा अधिक उन्नत ज्ञान।
संपादकों
छोटे प्रोजेक्ट / कोड के साथ खेलना
- JSFiddle - थोड़ा प्रोजेक्ट बनाएं और उन पर नज़र रखें।
- कोडपेन - दूसरे लोगों के कोड डूडल को देखें और दूसरों को देखने के लिए अपना खुद का सबमिट करें।
पूर्ण पाठ संपादक
अन्य उपयोगी वेबसाइट
वेब डेवलपर और डिजाइनर के निजी ब्लॉगों को देखें जो आपको पसंद हैं। उनके पास अक्सर महान, महान सामग्री होती है।
मैंने UI डिज़ाइन में एक इंट्रो भी लिखा है जो बहुत उपयोगी हो सकता है। मैंने इसमें कुछ अतिरिक्त महान संसाधन जोड़े।
मैं पर्याप्त तनाव नहीं कर सकता, सीखने का सबसे अच्छा तरीका उन चीजों का निर्माण करना है जो आपकी सीमाओं को धक्का देते हैं और लगातार ऐसा करते हैं ।
मददगार वेब संबंधित साइटों की एक और भी बड़ी (और शायद भारी) सूची के लिए, WebDesignRepo चेकआउट करें !