jQuery सीखें और करें
jQuery सीखें और करें — अपने फ़ोन पर jQuery सीखें: एक चेन लिखें और देखें कि असली पेज कैसे प्रतिक्रिया देता है
jQuery सीखें और करें एक ऐसा iOS और Android ऐप है जिसे शुरू करना मुफ़्त है और जो शुरुआती सीखने वालों, छात्रों और jQuery साइट्स को बनाए रखने वाले डेवलपर्स को jQuery JavaScript library सिखाता है — DOM manipulation, events, effects और AJAX। हर lesson के साथ live editor और page preview मिलता है, और jQuery 3.7.1 पहले से शामिल है, इसलिए आप जो लिखते हैं वह फ़ोन पर चलता है, offline भी। AI Mentor selector, error या AJAX call से जुड़े सवालों के जवाब देता है।
- कीमत
- मुफ़्त, Pro upgrade
- प्लैटफ़ॉर्म
- iOS और Android
- भाषाएँ
- 22
- आयु रेटिंग
- 4+
- आवश्यकताएँ
- iOS 15.1 या बाद का संस्करण
अगर आपको CSS selector पता है, तो आप jQuery का ज़्यादातर हिस्सा पहले से जानते हैं।
jQuery अपने selectors CSS से लेता है और आपको result पर actions की chaining करने देता है। इससे DOM, events और asynchronous code से परिचय आसान हो जाता है, साथ ही उन अनेक मौजूदा websites के लिए यह एक व्यावहारिक skill है जो अब भी इस पर निर्भर हैं।
यह क्या है
jQuery सीखें और करें, jQuery JavaScript library के लिए iOS और Android course app है। इसमें A1 से C1 level तक 22 courses और 48 lessons, page preview वाला live JavaScript editor शामिल है, जो jQuery 3.7.1 के built in होने के कारण device पर चलता है। इसके अलावा 20 debugging missions, 20 guided HTML और CSS projects, 50 interview questions, 50 quiz questions और 91-entry cheat sheet भी हैं। AI Mentor selectors, errors और AJAX calls को आसान भाषा में समझाता है।
ऐप के अंदर
यह कैसा दिखता है
कोर्स
jQuery course में क्या-क्या शामिल है
CoddyKit की jQuery course list पर आधारित यह course पहले $ call से लेकर plugins, testing और modern JavaScript के साथ काम करने तक सिखाता है।
jQuery का परिचय और पहले कदम
jQuery क्या है, इसने कौन-सी वास्तविक समस्या हल की और आज भी इतनी websites इसका उपयोग क्यों करती हैं—इसके बाद beginners के लिए पहली chain और मूल बातें सिखाई जाती हैं।
Elements चुनना और DOM traversal
Elements चुनने के बाद advanced attribute और pseudo-class selectors सीखें, और DOM में एक element से अगले element तक आगे बढ़ें।
DOM manipulation और styling
दो courses में elements बनाना, insert करना, move करना और remove करना सीखें, साथ ही code से CSS और classes बदलना भी।
Events और delegation
पहले event management, फिर बाद में जोड़े गए elements के लिए event delegation और custom event management।
Animations और effects
पहले basic animations, फिर complex animations और chained sequences तथा custom easing जैसे custom effects।
Forms, data और templating
Data attributes और templating से dynamic content, साथ ही advanced form handling और validation।
AJAX, Deferred objects और promises
पहले AJAX operations और remote data handling, फिर asynchronous code को manage करने के लिए Deferred objects और promises।
Plugins, performance और testing
Custom selectors और filtering, robust plugins develop करना, performance और best practices, jQuery को modern JavaScript के साथ integrate करना और jQuery applications की testing।
यह कैसे काम करता है
एक lesson कैसे काम करता है
हर lesson में एक छोटा explanation उस code के साथ दिया जाता है जिसे आप खुद run करते हैं, ताकि आगे बढ़ने से पहले idea को आज़माकर देखा जा सके।
एक छोटा lesson पढ़ें
कोई topic खोलें और selector, event या effect का संक्षिप्त explanation पढ़ें। Lessons bus ride के दौरान पूरे किए जा सकने जितने छोटे हैं, और course पहली chain से लेकर plugins और testing तक आगे बढ़ता है।
Chain लिखें और page को प्रतिक्रिया देते देखें
Live editor में आप HTML, CSS और jQuery लिखकर उन्हें एक साथ run करते हैं। Typing रोकते ही editor आपके code को फिर से run करता है — न server की ज़रूरत है, न build step की — और page preview result दिखाता है।
Bug ठीक करें, फिर mentor से पूछें
Missions आपको टूटा हुआ code देती हैं और fault ढूँढ़ने को कहती हैं: ऐसा click handler जिसमें this window है, लगातार slide होता रहने वाला menu, या दो बार fire होने वाला save। जब कोई concept या error समझ न आए, तो AI Mentor उसे और आसान शब्दों में समझाता है।
इसमें क्या है
ऐप के साथ क्या मिलता है
22
Courses, A1 से C1 तक
22 courses और 48 lessons, जो $ function और आपकी पहली chain से शुरू होकर selectors, DOM manipulation, events, animations, forms, AJAX, plugins और performance तक आगे बढ़ते हैं।
3.7.1
jQuery built in
Page preview device पर jQuery 3.7.1 के साथ चलता है, इसलिए editor offline भी काम करता है।
20
Debugging missions
ऐसे वास्तविक लगने वाले bugs ठीक करें, जैसे string पर खत्म होने वाली chain या केवल पहली rows पर काम करने वाला delete button।
20
Guided page projects
Twenty HTML और CSS projects, जिनसे वह markup तैयार होता है जिस पर आपके selectors बाद में काम करेंगे।
91
Cheat sheet और quizzes
Selectors, events, effects और AJAX methods के लिए 91-entry cheat sheet, साथ ही 50 quiz questions और 50 interview questions।
AI
AI Mentor
Selector, error या AJAX call के बारे में पूछें और आसान भाषा में answer पाएँ। Free plan में हर दिन 3 questions शामिल हैं।
पृष्ठभूमि
क्या jQuery सीखना अब भी उपयोगी है, और इसका इस्तेमाल किस लिए होता है?
jQuery एक JavaScript library है जो web page पर elements चुनने, उन्हें बदलने, clicks पर प्रतिक्रिया देने और page reload किए बिना data load करने के लिए आवश्यक code को छोटा बना देती है। नए frameworks ने कई नए projects की जगह ले ली है, लेकिन मौजूदा websites का एक बड़ा हिस्सा अब भी jQuery पर चलता है। इसलिए उस code को पढ़ना, ठीक करना और बढ़ाना web development की एक व्यावहारिक skill बनी हुई है। बड़े tools पर जाने से पहले DOM, events और asynchronous JavaScript से परिचित होने का यह एक आसान तरीका भी है।
$ function और chainingएक line, कई actions
किसी selector के साथ $ को call करने पर jQuery object मिलता है, और लगभग हर method वही object फिर से लौटाता है। इसी वजह से list select करना, class जोड़ना और उसे fade in करना जैसी chain एक readable line में लिखी जा सकती है, बजाय इसके कि चार अलग-अलग statements लिखे जाएँ।
SelectorsCSS का ज्ञान सीधे काम आता है
Class, id, attribute और pseudo-class selectors stylesheet की तरह ही काम करते हैं। इसके बाद traversal methods आपको किसी element से उसके parents, children या siblings तक ले जाते हैं। इसी तरह ऐसे page पर सही row तक पहुँचा जाता है, जहाँ सैकड़ों समान rows हों।
Event delegationबाद में जोड़े गए elements का समाधान
किसी button से जोड़ा गया handler केवल उन buttons के लिए मौजूद होता है जो code चलने के समय page पर थे। इसे parent से जोड़कर selector के आधार पर filter करने पर यह बाद में जोड़ी गई rows के लिए भी काम करता है। यही उस delete button की एक आम वजह है जो केवल पुरानी rows पर काम करता है।
यह किसके लिए refer करता हैएक आम bug
jQuery handler के अंदर, this वह element होता है जिसे event मिला है, लेकिन arrow function या गलत जगह रखा गया callback इसे बदल सकता है। ऐसा handler debug करना, जिसमें this window बन गया हो, पहला वास्तविक bug मिलने का एक आम उदाहरण है।
AJAX और promisesreload के बिना data
$.ajax() एक request भेजता है और answer वापस आने पर page को update करने देता है। Deferred objects और promises ऐसी कई requests को व्यवस्थित करते हैं, ताकि एक step दूसरे के पूरा होने का इंतज़ार करे और callbacks की nesting न करनी पड़े।
उपयुक्तता
यह किन लोगों के लिए है — और किनके लिए नहीं
आपके लिए सही है, अगर आप
- आपको थोड़ा HTML और CSS आता है और आप pages को clicks और forms पर react करवाना चाहते हैं
- आप jQuery पर बनी site को maintain करते हैं और उसका code पढ़कर ठीक करना चाहते हैं
- आप front end interview की तैयारी कर रहे हैं, जहाँ legacy jQuery अब भी दिखाई देता है
- आप phone पर code लिखना चाहते हैं और तुरंत page preview देखना चाहते हैं
- आप short sessions में बेहतर सीखते हैं और ऐसे mentor को पसंद करते हैं जिससे सवाल पूछ सकें
आपके लिए सही टूल नहीं है, अगर आप
- आप React जैसे modern framework सीखना चाहते हैं; यह app jQuery और DOM सिखाता है
- आप चाहते हैं कि हर course free हो: पहला course, पहला project और दो missions free हैं, जबकि Pro बाकी सब unlock करता है
- आप ads के बिना free version की उम्मीद करते हैं, जबकि Pro ads हटा देता है
सवाल
अक्सर पूछे जाने वाले सवाल
Phone पर jQuery सीखने का सबसे अच्छा तरीका क्या है?
सबसे प्रभावी तरीका केवल selectors के बारे में पढ़ना नहीं, बल्कि code लिखकर page को बदलते हुए देखना है। jQuery सीखें और करें के हर short lesson में live editor और page preview मिलता है, jQuery 3.7.1 पहले से built in है इसलिए यह device पर चलता है, और AI Mentor अस्पष्ट बातों को समझाता है। iOS और Android पर शुरुआत free है।
क्या jQuery और JavaScript एक ही हैं?
नहीं। JavaScript programming language है; jQuery, JavaScript में लिखी गई library है, जो elements चुनने, clicks पर प्रतिक्रिया देने और AJAX requests भेजने जैसे सामान्य tasks को छोटा कर देती है। jQuery सीखें और करें JavaScript editor के भीतर jQuery सिखाता है, ताकि आप दोनों का साथ-साथ अभ्यास करें और देखें कि कोई chain plain DOM code से कैसे जुड़ती है।
क्या jQuery सीखना अब भी उपयोगी है?
नए projects के लिए कई teams दूसरे tools चुनती हैं, लेकिन existing websites का बड़ा हिस्सा अब भी jQuery पर चलता है, इसलिए उस code को पढ़ना और ठीक करना एक practical skill है। यह DOM, events और asynchronous JavaScript सीखने का आसान तरीका भी है। jQuery सीखें और करें में उन front end jobs के लिए interview questions शामिल हैं, जहाँ legacy jQuery अब भी सामने आता है।
क्या jQuery सीखें और करें iPhone और Android पर उपलब्ध है?
हाँ। jQuery सीखें और करें iPhone (iOS 15.1 या बाद के versions) के लिए App Store और Android के लिए Google Play पर उपलब्ध है। इसका interface 22 languages में है, जिनमें English, Spanish, German, French, Portuguese, Japanese, Korean, Arabic, Hindi और Turkish शामिल हैं, जबकि आपके द्वारा लिखा गया code हर language में jQuery और JavaScript ही रहता है।
क्या मैं app में jQuery code offline चला सकता हूँ?
Editor के लिए हाँ। jQuery 3.7.1 jQuery सीखें और करें में built in है, इसलिए page preview device पर offline भी चलता है। AI Mentor पर निर्भर features के लिए internet connection चाहिए।
jQuery course में कौन-कौन से topics शामिल हैं?
22 courses $ function और selectors से शुरू होकर DOM manipulation, styling, events और delegation, animations, forms, AJAX, Deferred objects और promises तक चलते हैं। इसके बाद custom selectors, plugins लिखना, performance, jQuery को modern JavaScript के साथ integrate करना और testing सिखाई जाती है।
Debugging missions क्या हैं?
ये 20 exercises हैं, जिनमें आपको टूटा हुआ jQuery code दिया जाता है और काम के दौरान होने वाली स्थिति की तरह bug ढूँढ़ने को कहा जाता है। उदाहरणों में ऐसा click handler शामिल है जिसमें this window होता है, ऐसी chain जो string पर खत्म होती है, ऐसा delete button जो केवल पुरानी rows पर काम करता है, ऐसा menu जो आपके चले जाने के बाद भी slide करता रहता है, और ऐसा save जो दो बार fire होता है।
क्या मुझे पहले से JavaScript या HTML आना चाहिए?
थोड़ा HTML और CSS आना मददगार है, क्योंकि jQuery selectors markup पर काम करते हैं और CSS से लिए गए हैं। jQuery सीखें और करें में 20 guided HTML और CSS page projects भी हैं, ताकि आप वह markup बना सकें जिस पर आपके selectors काम करेंगे। Course पहली chain से शुरू होता है।
क्या jQuery सीखें और करें free है?
आप free में शुरुआत कर सकते हैं: पहला course, पहला guided project, दो missions, editor, quizzes, interview questions, cheat sheet और रोज़ाना 3 AI Mentor questions। Free version में ads दिखाई देते हैं। Pro हर course, project और mission, certificate exam और unlimited AI Mentor unlock करता है तथा ads हटा देता है। यह weekly, monthly या yearly subscription के रूप में, या one-time lifetime purchase के तौर पर उपलब्ध है। Course के अंत में होने वाला certificate exam Pro का हिस्सा है।
क्या यह app jQuery से affiliated है?
नहीं। jQuery, OpenJS Foundation का ट्रेडमार्क है, और jQuery सीखें और करें एक स्वतंत्र लर्निंग ऐप है, जिसका OpenJS Foundation से कोई संबंध नहीं है और जिसे OpenJS Foundation का समर्थन प्राप्त नहीं है।
शुरू करें
आज ही अपनी पहली jQuery चेन लिखें
iOS और Android पर 22 भाषाओं में, शुरुआत मुफ़्त।
CoddyKit की ओर से और
iOS और Android पर उपलब्ध है।