अनुक्रमणिका[लपवा][दाखवा]
- 1. तुमचे मूलभूत ज्ञान सुधारा
- 2. ऑब्जेक्ट ओरिएंटेड धोरण वापरा
- 3. फंक्शन्स लहान असली तरीही त्यांचा वापर करा
- 4. == च्या ऐवजी === वापरा
- 5. JSLint वापरा
- 6. स्क्रिप्ट आपल्या पृष्ठाच्या तळाशी ठेवल्या पाहिजेत
- 7. स्ट्रिंग बनवण्याचा सर्वात जलद मार्ग
- 8. तुमच्या कोडवर टिप्पणी जोडा
- 9. टेम्प्लेट लिटरल्सचा वापर करा
- 10. पुनरावृत्ती करणारे आणि लूपच्या … साठी
- 11. नवीन ऑब्जेक्ट() ऐवजी {} वापरा
- 12. तुमच्या कोडमध्ये let आणि const टाकण्याचा विचार करा
- 13. eval() ही चांगली कल्पना नाही
- 14. स्प्रेड ऑपरेटर उपयोगी येतो
- 15. प्रतीक्षा करा आणि async
- 16. Javascript मध्ये includes() पद्धत वापरा
- 17. Splice वापरून अॅरेमधून आयटम काढा
- 18. बाण फंक्शनचा वापर करा
- 19. Destructuring सह, तुम्ही व्हेरिएबल व्हॅल्यू पटकन नियुक्त करू शकता
- 20. अनेक प्रकल्प करा
- निष्कर्ष
तुम्हाला कधी वेब डेव्हलपमेंटमध्ये स्वारस्य असल्यास, तुम्हाला कदाचित JavaScript आला असेल. एक ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग भाषा JavaScript आहे. डेव्हलपर त्याचा वापर वेब पेजेसच्या क्लायंट-साइड (फ्रंट एंड) डायनॅमिक आणि परस्परसंवादी बनवण्यासाठी करतात.
हे HTML आणि CSS सह वेब पृष्ठे आणि वेब अॅप्स तयार करण्यासाठी देखील वापरले जाते. आजकाल इंटरनेटवर जावास्क्रिप्ट कोड नसलेले एकही वेब पेज नाही. विकासकाच्या कामाचा तो एक अविभाज्य पैलू बनला आहे.
खरे तर त्यात सातत्याने वाढ होत आहे. जरी JavaScript वेब पृष्ठांना कार्यक्षमता प्रदान करण्यासाठी सर्वोत्कृष्ट ओळखले जाते, ते JavaScript नसलेल्या वातावरणात देखील वापरले जाते. Node.js, Apache Couch-DB, आणि Adobe Acrobat ही या तंत्रज्ञानाची उदाहरणे आहेत. JavaScript चालवण्यासाठी, बहुतेक आधुनिक वेब ब्राउझरमध्ये अंगभूत JavaScript एक्झिक्युशन इंजिन असते. जर तुम्हाला यशस्वी वेब डेव्हलपर व्हायचे असेल तर तुम्हाला JavaScript ला सामोरे जावे लागेल.
आज ना उद्या त्याचा सामना करावा लागेल. वेळेआधी जावास्क्रिप्ट का शिकू नये जेणेकरून वेळ येईल तेव्हा तुम्ही तयार व्हाल?
हे तुम्ही या सत्रात शिकणार आहात. तुमची JavaScript पॉलिश करून तुमच्या सहकारी वेब डेव्हलपर्सपेक्षा एक पाऊल पुढे कसे राहायचे हे ते स्पष्ट करते.
चला सुरवात करूया!
1. तुमचे मूलभूत ज्ञान सुधारा
मी एक खरोखर मूलभूत विचार आणि विधानासह सुरुवात करेन जे तुम्ही लहानपणापासून ऐकले आहे. मूलभूत गोष्टी जाणून घ्या आणि त्या आचरणात आणा. बर्याच वेळा, तुम्ही कोडिंगसह लॉजिक लागू कराल, परंतु तुम्ही हे विसराल की त्यासाठी आधीच अंगभूत फंक्शन आहे, जसे की अॅरेचे तुकडे करणे. जेव्हा तुम्ही JavaScript कोड चालवता, तेव्हा तुम्हाला त्रुटी येऊ शकते आणि परिणामी, अनेक अतिरिक्त वैशिष्ट्ये काम करणे थांबवतात.
हे एकल कोलन किंवा उलटे स्वल्पविरामांमुळे होऊ शकते. मूलभूत गोष्टी समजून न घेतल्याने या गोष्टी घडतात. एकाच प्रोग्राममध्ये अनेक वेळा, for, what, किंवा do while सारख्या मूलभूत लूपचा वापर केला जातो. लूप ही सर्वात मूलभूत प्रोग्रामिंग रचनांपैकी एक आहे.
कोड करणे खूप अवघड आहे आणि जर तुम्ही लूपिंग आणि इतर मूलभूत गोष्टींशी परिचित नसाल तर तुम्हाला फर्मसाठी काम करण्याची संधी आहे. तुमच्या मूलभूत गोष्टींवर घासणे महत्त्वाचे आहे कारण ते समाधानाचे क्लिष्ट तर्क आणि प्रतिष्ठा विकसित करण्यासाठी एक भक्कम पाया प्रदान करतात.
2. ऑब्जेक्ट ओरिएंटेड धोरण वापरा
ऑब्जेक्ट ओरिएंटेड पद्धत ही आजची सर्वात प्रसिद्ध प्रोग्रामिंग पद्धत आहे. C++ ने सुरू झालेला ऑब्जेक्ट ओरिएंटेड दृष्टीकोन तेव्हापासून प्रचंड लोकप्रिय झाला आहे. आज, सर्व मुख्य भाषा तयार करण्यासाठी फक्त ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंगचा वापर केला जातो. ऑब्जेक्ट-ओरिएंटेड स्ट्रॅटेजी म्हणजे एखाद्या विशिष्ट ऑब्जेक्टवर लक्ष केंद्रित केले जाते.
आयटम नंतर एक मूलभूत अस्तित्व बनते. हा ऑब्जेक्ट नंतर पृष्ठावर आधार म्हणून गुणधर्म आणि कार्ये जोडण्यासाठी वापरला जातो. तुम्ही कोणत्याही फंक्शन्स किंवा ऑब्जेक्ट्सशिवाय वरपासून खालपर्यंत कोड तयार करण्याची पारंपारिक पद्धत देखील वापरू शकता. हे खूप विस्तृत आहे आणि कधीही प्रयत्न करू नये. कोड विकसित करताना, आपण कार्यात्मक दृष्टीकोन वापरला पाहिजे आणि जर आपण फंक्शन्सचा वापर केला तर आपण ऑब्जेक्ट्स वापरल्या पाहिजेत.
म्हणून, सुरुवातीला, तुमचा विस्तृत कोड ऑब्जेक्ट-ओरिएंटेड कोडमध्ये रूपांतरित करण्याचा प्रयत्न करा आणि तुमचा कोड नेहमी ऑब्जेक्ट-ओरिएंटेड शैलीमध्ये लिहा. जेव्हा तुम्ही इतर लोकांच्या कोडचा अभ्यास करता, तेव्हा तुम्ही सतत ऑब्जेक्ट-ओरिएंटेड तंत्रांकडे पहात असाल. जर तुम्हाला JavaScript मध्ये प्रभुत्व मिळवायचे असेल, तर तुम्ही त्यावर हात ठेवल्यास उत्तम.
3. फंक्शन्स लहान असली तरीही त्यांचा वापर करा
कार्यात्मक दृष्टिकोनासह प्रोग्रामिंग हा एक उत्कृष्ट मार्ग आहे. का? हे तुमच्या सॉफ्टवेअरला मॉड्यूल्समध्ये वेगळे करते जे एकत्र कार्य करतात परंतु तरीही ते एकमेकांपासून वेगळे असतात. तुम्हाला समजण्यास मदत करण्यासाठी मी तुम्हाला एक उदाहरण देतो.
पूर्णांकांचा रूट मीन स्क्वेअर फंक्शन वापरून काढला जाऊ शकतो. असे करण्यासाठी, तुम्ही पूर्णांकांचे वर्गीकरण केले पाहिजे, त्यांच्या मध्याची गणना करा आणि नंतर मध्याचे वर्गमूळ काढा. प्रक्रियेत तीन टप्पे आहेत. परिणामी, आम्ही तीन कार्ये नियुक्त करू शकतो. परंतु, जसे आपण पाहू शकता, ही सर्व कार्ये एकमेकांशी जोडलेली आहेत. एकाचे आउटपुट दुसर्याला पाठवले जाते आणि आम्हाला अंतिम परिणाम प्राप्त होतो.
चला असे ढोंग करूया की तीन फंक्शन्सऐवजी, तुम्हाला एकाधिक घटकांवर आधारित RMS ची गणना करण्यासाठी फक्त एक आवश्यक आहे. अंतिम उपाय, जसे आपण पाहू शकता, चुकीचे आहे. या टप्प्यावर एवढ्या मोठ्या कार्यक्रमात काय चूक झाली हे ठरवणे तुमच्यासाठी खूप कठीण जाईल.
दुसरीकडे, तीन लहान फंक्शन्स असणे, आपल्याला वेगाने विश्लेषण करण्यास अनुमती देईल. परिणामी, फंक्शन्स विनम्र असली तरीही, त्यांचा वापर विशिष्ट कोड मॉड्यूल्स परिभाषित करण्यासाठी करा. हे तंत्र तुम्हाला जादूसारखे जावास्क्रिप्ट तज्ञ बनण्यास मदत करेल.
आता, काही JavaScript कोडिंग टिप्स पाहू.
4. == च्या ऐवजी === वापरा
JavaScript मध्ये, समानता ऑपरेटरचे दोन प्रकार आहेत: कठोर समानता ऑपरेटर === आणि !==, आणि नॉन-स्ट्रिक्ट समानता ऑपरेटर == आणि !=. तुलना करताना, नेहमी अचूक समानता वापरणे हा सर्वोत्तम सराव मानला जातो. == आणि != सह काम करताना, तथापि, भिन्न प्रकारांशी व्यवहार करताना तुम्हाला समस्यांना सामोरे जावे लागेल.
जेव्हा तुम्ही तुलना करत असलेल्या मूल्यांचे प्रकार भिन्न असतात, तेव्हा कठोर नसलेले ऑपरेटर त्यांच्या मूल्यांवर जबरदस्ती करण्याचा प्रयत्न करतात, ज्यामुळे अनपेक्षित परिणाम होऊ शकतात.
5. JSLint वापरा
डग्लस क्रॉकफोर्डने JSLint, एक डीबगर तयार केला. फक्त तुमची स्क्रिप्ट बॉक्समध्ये टाका, आणि ते कोणत्याही दोष किंवा त्रुटींसाठी ते पटकन स्कॅन करेल.
JSLint JavaScript स्त्रोत फाइलचे परीक्षण करते. समस्या आढळल्यास, ते समस्येचे वर्णन आणि स्त्रोतामध्ये अंदाजे स्थितीसह संदेश पाठवते. ही समस्या नेहमीच वाक्यरचनात्मक त्रुटी नसते, जरी ती वारंवार असते.
JSLint दोन्ही शैलीत्मक मानदंड आणि संरचनात्मक समस्यांचे परीक्षण करते. तुमचे सॉफ्टवेअर अचूक आहे असा त्याचा अर्थ होत नाही. समस्या शोधण्यात मदत करण्यासाठी ते फक्त डोळ्यांची दुसरी जोडी जोडते. आपण स्क्रिप्टवर साइन ऑफ करण्यापूर्वी, आपण कोणतीही चूक केली नाही याची खात्री करण्यासाठी JSLint द्वारे चालवा.
6. स्क्रिप्ट आपल्या पृष्ठाच्या तळाशी ठेवल्या पाहिजेत
पृष्ठ शक्य तितक्या वेगाने लोड करणे हे वापरकर्त्याचे प्राथमिक उद्दिष्ट आहे. पूर्ण फाइल लोड होईपर्यंत ब्राउझर स्क्रिप्ट लोड करणे सुरू ठेवू शकत नाही. परिणामी, कोणतीही प्रगती पाहण्यासाठी वापरकर्त्याला अधिक प्रतीक्षा करावी लागेल.
तुमच्याकडे JS फाइल्स असतील ज्या फक्त कार्यक्षमता प्रदान करण्यासाठी वापरल्या जातात (उदाहरणार्थ, एकदा बटण दाबल्यानंतर), त्या पृष्ठाच्या तळाशी, क्लोजिंग बॉडी टॅगच्या आधी ठेवा. हा निःसंशयपणे सर्वोत्तम सराव आहे.
7. स्ट्रिंग बनवण्याचा सर्वात जलद मार्ग
जेव्हा तुम्हाला अॅरे किंवा ऑब्जेक्टभोवती लूप करण्याची आवश्यकता असते, तेव्हा लूप स्टेटमेंटसाठी नेहमी तुमचे ट्रस्टी वापरू नका. हातात असलेल्या कामासाठी जलद उपाय शोधण्यासाठी तुमची कल्पनाशक्ती वापरा. मी तुम्हाला नंबर आणणार नाही; तुम्हाला फक्त माझ्यावर विश्वास ठेवावा लागेल (किंवा स्वतःसाठी चाचणी).
हे आतापर्यंतचे सर्वात जलद तंत्र आहे.
8. तुमच्या कोडवर टिप्पणी जोडा
हे सुरुवातीला निरर्थक वाटू शकते, परंतु जेव्हा मी म्हणतो की तुम्ही तुमच्या कोडवर शक्य तितक्या वेळा टिप्पणी द्यावी तेव्हा माझ्यावर विश्वास ठेवा. काही महिन्यांनंतर तुम्ही प्रकल्पावर परत आलात आणि तुमची मूळ विचार प्रक्रिया आठवत नसेल तर?
तुमचा कोड तुमच्या सहकर्मींपैकी एकाने अपडेट केला असेल तर? तुमच्या कोडच्या महत्त्वाच्या क्षेत्रांवर नेहमी टिप्पणी केली पाहिजे.
9. टेम्प्लेट लिटरल्सचा वापर करा
दुहेरी किंवा एकल अवतरणांसह तयार केलेल्या स्ट्रिंगच्या मर्यादा असंख्य आहेत. त्यांच्यासोबत काम करणे अधिक सोपे करण्यासाठी, तुम्ही तुमच्या काही स्ट्रिंगला टेम्पलेट लिटरलसह बदलण्याचे निवडू शकता.
बॅकटिक कॅरेक्टर (') टेम्प्लेट लिटरल तयार करण्यासाठी वापरला जातो, ज्याचे अनेक फायदे आहेत. तुम्ही अभिव्यक्ती संग्रहित करण्यासाठी किंवा मल्टी-लाइन स्ट्रिंग तयार करण्यासाठी त्यांचा वापर करू शकता.
तुम्ही बघू शकता, एकल किंवा दुहेरी अवतरणांसह तयार केलेल्या पारंपारिक स्ट्रिंग शब्दाच्या विपरीत, आम्हाला आमच्या टेम्प्लेटमध्ये वारंवार जावे लागत नाही. हे टायपिंगच्या चुका होण्याची शक्यता कमी करते आणि आम्हाला क्लिनर कोड लिहू देते.
10. पुनरावृत्ती करणारे आणि लूपच्या … साठी
इटरेटर हे JavaScript मधील ऑब्जेक्ट्स आहेत जे ऑब्जेक्ट परत करण्यासाठी पुढील () पद्धत लागू करतात जे पुढील मूल्य क्रमाने संग्रहित करते तसेच सत्य किंवा चुकीची आणखी काही मूल्ये शिल्लक आहेत की नाही यावर अवलंबून असतात. याचा अर्थ असा की जर तुम्ही इटरेटर प्रोटोकॉल अंमलात आणला तर तुम्ही तुमचे स्वतःचे इटरेटर ऑब्जेक्ट्स तयार करू शकता.
JavaScript मध्ये काही अंगभूत पुनरावृत्ती आहेत, जसे की स्ट्रिंग, अॅरे, मॅप आणि असेच. तुम्ही लूपच्या … साठी वापरु शकता त्यांना ओलांडून पुनरावृत्ती करण्यासाठी. सामान्य लूपशी तुलना केल्यास, हे अधिक संक्षिप्त आणि कमी त्रुटी-प्रवण आहे. आम्हाला a for…of लूप वापरून अॅरेच्या संपूर्ण लांबीचा किंवा वर्तमान निर्देशांकाचा मागोवा ठेवण्याची गरज नाही. नेस्टेड लूप डिझाइन करताना, हे कोड सुलभ करण्यात मदत करू शकते.
11. नवीन ऑब्जेक्ट() ऐवजी {} वापरा
JavaScript मध्ये, तुम्ही विविध प्रकारे वस्तू बनवू शकता. दाखवल्याप्रमाणे नवीन कन्स्ट्रक्टर वापरणे हा अधिक पारंपारिक मार्ग आहे. दुसरीकडे, ही रणनीती "खराब सराव" म्हणून चिन्हांकित आहे.
हे विनाशकारी नाही, परंतु ते थोडे शब्दबद्ध आणि अद्वितीय आहे. मी त्याऐवजी ऑब्जेक्ट शाब्दिक तंत्र वापरण्याचा प्रस्ताव देतो.
12. तुमच्या कोडमध्ये let आणि const टाकण्याचा विचार करा
आपण स्थानिक व्हेरिएबल्स बनवण्यासाठी let हा कीवर्ड वापरू शकतो जे त्यांच्या स्वतःच्या ब्लॉकमध्ये व्यापलेले आहेत. आम्ही स्थानिक ब्लॉक-स्कोप केलेले व्हेरिएबल्स तयार करण्यासाठी const कीवर्ड वापरू शकतो जे बदलले जाऊ शकत नाहीत.
व्हेरिएबल्स घोषित करताना, लागू असेल तेव्हा let आणि const कीवर्ड वापरण्याचा विचार करावा. लक्षात ठेवा की const कीवर्ड फक्त रीअसाइनमेंट अक्षम करतो. हे व्हेरिएबल अपरिवर्तनीय बनवत नाही.
13. eval() ही चांगली कल्पना नाही
eval() पद्धत, ज्यांना माहिती नाही त्यांच्यासाठी, आम्हाला JavaScript च्या कंपाइलरमध्ये प्रवेश करण्याची परवानगी देते. मूलत:, आपण स्ट्रिंगचा परिणाम एक इनपुट () म्हणून पुरवून कार्यान्वित करण्यासाठी eval वापरू शकतो.
हे केवळ तुमची स्क्रिप्ट लक्षणीयरीत्या कमी करेल असे नाही, तर ती एक महत्त्वाची सुरक्षितता चिंता देखील देते कारण ती पास केलेल्या मजकुराला खूप जास्त अधिकार देते. कोणत्याही परिस्थितीत ते टाळा!
14. स्प्रेड ऑपरेटर उपयोगी येतो
तुम्हाला अॅरेमधील सर्व आयटम वैयक्तिक घटक म्हणून दुसर्या फंक्शनमध्ये प्रसारित करण्याची आवश्यकता आहे किंवा तुम्हाला एका अॅरेमधील सर्व मूल्ये दुसर्या अॅरेमध्ये ठेवण्याची गरज आहे का? स्प्रेड ऑपरेटर (…) आम्हाला हेच साध्य करू देतो. येथे एक उदाहरण आहे.
15. प्रतीक्षा करा आणि async
async कीवर्ड वापरून असिंक्रोनस फंक्शन्स तयार करा, जे नेहमी स्पष्टपणे किंवा अप्रत्यक्षपणे वचन देते.
प्रतिक्षा कीवर्डचा वापर एसिंक्रोनस फंक्शन्समध्ये केला जाऊ शकतो जोपर्यंत रिझोल्यूशन रिझोल्यूशन पूर्ण होईपर्यंत अंमलबजावणी थांबवू शकतो. तुमच्या async फंक्शनच्या बाहेर, कोड सामान्यपणे चालत राहील.
16. Javascript मध्ये includes() पद्धत वापरा
JavaScript मध्ये, समावेश() फंक्शन स्ट्रिंगमध्ये पुरवलेले वर्ण आहेत की नाही किंवा अॅरेमध्ये निर्दिष्ट घटक समाविष्ट आहेत हे निर्धारित करते.
जर स्ट्रिंग किंवा घटक सापडला असेल तर ही पद्धत सत्यात परत येते; अन्यथा, ते खोटे परत येईल. हे लक्षात घेण्यासारखे आहे की स्ट्रिंग्समध्ये () फंक्शन केस-सेन्सिटिव्ह आहे. केस काहीही असले तरी तुम्हाला स्ट्रिंग जुळवायची असल्यास, प्रथम लक्ष्य मजकूर लोअरकेस करा.
17. Splice वापरून अॅरेमधून आयटम काढा
अॅरेमधून आयटम काढण्यासाठी, मी डेव्हलपर डिलीट फंक्शन वापरताना पाहिले आहे. हे चुकीचे आहे कारण, ऑब्जेक्ट हटवण्याऐवजी, डिलीट पद्धत त्यास अपरिभाषित सह पुनर्स्थित करते.
JavaScript मधील मूल्यानुसार अॅरेमधून घटक काढून टाकण्याचा सर्वात सोपा मार्ग म्हणजे indexOf() फंक्शनचा वापर करून अॅरेमधील त्या मूल्याचा इंडेक्स क्रमांक मिळवणे, त्यानंतर splice() पद्धतीने ते इंडेक्स मूल्य हटवणे.
18. बाण फंक्शनचा वापर करा
एरो फंक्शन्स हे आणखी एक महत्त्वाचे वैशिष्ट्य आहे जे नुकतेच JavaScript मध्ये जोडले गेले आहे.
त्यांच्याकडे अनेक फायदे आहेत. सुरुवातीला, ते JavaScript चे कार्यात्मक भाग अधिक दृष्यदृष्ट्या आकर्षक आणि लिहिण्यास सोपे बनवतात. तथापि, बाण फंक्शन्स वापरल्याने हे अधिक सुवाच्य आणि संक्षिप्त होते.
19. Destructuring सह, तुम्ही व्हेरिएबल व्हॅल्यू पटकन नियुक्त करू शकता
यापूर्वी या पोस्टमध्ये, आम्ही JavaScript मधील स्प्रेड ऑपरेटरबद्दल शिकलो. Destructuring हे destructuring सारखेच आहे कारण ते अॅरेमध्ये असलेला डेटा देखील अनपॅक करते.
फरक असा आहे की ही अनपॅक केलेली मूल्ये वेगळ्या व्हेरिएबल्सना नियुक्त केली जाऊ शकतात. अॅरे तयार करताना वाक्यरचना [] शॉर्टकट सारखीच असते. कंस, तथापि, यावेळी असाइनमेंट ऑपरेटरच्या डाव्या बाजूला ठेवलेले आहेत. येथे एक उदाहरण आहे.
20. अनेक प्रकल्प करा
कोणतीही प्रतिभा सातत्यपूर्ण सराव घेते, म्हणून तुमच्या क्षमता वाढवण्यासाठी आणि विविध प्रोग्रामिंग परिस्थितींसह कौशल्य प्राप्त करण्यासाठी विविध प्रकल्प तयार करण्याचा प्रयत्न करा.
प्रकल्पांवर काम करताना, तुम्हाला अनेक आव्हाने आणि दोषांचा अनुभव येईल, जे तुम्हाला आवश्यक कौशल्य प्रदान करतील. त्यामुळे प्रकल्प आणण्याचा प्रयत्न करा, आणि तुम्हाला मदत करण्यासाठी इंटरनेटवर अनेक कल्पना आणि उदाहरणे आहेत. कोड विकसित करणे सुरू ठेवा आणि तुमची क्षमता सुधारेल.
निष्कर्ष
JavaScript सारखी संगणक भाषा शिकणे कठीण असू शकते. जर तुम्ही एक चांगला प्रोग्रामर बनण्याबद्दल आणि तुमची पहिली नोकरी मिळवण्याबद्दल गंभीर असाल, तर या JavaScript शिकण्याच्या रणनीती तुम्हाला तुमची शिकण्याची प्रक्रिया वेगवान करण्यात मदत करू शकतात.
तुम्ही नियमितपणे कोडिंगचा सराव करत असल्याची खात्री करा, नवीन कल्पना शिकत असताना संपूर्ण नोट्स घ्या आणि तुमच्यासाठी उपलब्ध असलेल्या सर्व साधनांचा वापर करा. सर्वात महत्त्वाचे म्हणजे, तेथे जा आणि मजा करताना कोडिंग सुरू करा.
प्रत्युत्तर द्या