उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) · पाठ

WebAssembly के लिए Rust सेट अप करना

WebAssembly लक्ष्यों के लिए अपना Rust विकास परिवेश कॉन्फ़िगर करें और नया WASM प्रोजेक्ट शुरू करें

पाठ 1, कुल 4 में से12 चरण

WebAssembly के लिए Rust सेट अप करना, CoddyKit पर उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

Rust और WebAssembly सेटअप

स्वागत है! उच्च-प्रदर्शन वाले WebAssembly (WASM) मॉड्यूल बनाने के लिए Rust एक शानदार भाषा है।

गति, मेमोरी सुरक्षा और नियंत्रण पर इसका ध्यान इसे मूल-जैसे प्रदर्शन की आवश्यकता वाले वेब अनुप्रयोगों के लिए आदर्श बनाता है।

इस पाठ में हम आपका वातावरण कॉन्फ़िगर करेंगे और आपका पहला Rust-WASM प्रोजेक्ट बनाएँगे।

Rust और Cargo की जाँच करें

WASM में जाने से पहले सुनिश्चित करें कि Rust टूलचेन इंस्टॉल है। इसमें Rustc (संकलक) और Cargo (पैकेज प्रबंधक) शामिल हैं।

टर्मिनल में rustc --version और cargo --version टाइप करके जाँच करें।
यदि इंस्टॉल नहीं है, तो आधिकारिक Rust इंस्टॉलर rustup प्राप्त करने के लिए rustup.rs पर जाएँ।

पहला Rust प्रोग्राम

आइए पुष्टि करें कि आपका Rust सेटअप सही ढंग से काम कर रहा है। main.rs नाम की फ़ाइल बनाएँ और इसमें यह कोड जोड़ें। फिर इसे cargo run का उपयोग करके चलाएँ।

fn main() {
  println!("Hello from Rust!");
}

WASM लक्ष्य इंस्टॉल करें

WebAssembly Rust का डिफ़ॉल्ट लक्ष्य नहीं है। आपको इसे अपने टूलचेन में स्पष्ट रूप से जोड़ना होगा।

wasm32-unknown-unknown एक सामान्य WASM लक्ष्य है, जो किसी विशिष्ट होस्ट वातावरण (जैसे ब्राउज़र या Node.js) को नहीं मानता।

अपने टर्मिनल में यह कमांड चलाएँ:

rustup target add wasm32-unknown-unknown

wasm-pack से परिचय

WebAssembly के लिए Rust कोड बनाने में कई चरण शामिल हो सकते हैं। यहीं wasm-pack काम आता है!

wasm-pack एक शक्तिशाली कमांड-लाइन टूल है, जो पूरे कार्यप्रवाह को सरल बनाता है: आपके Rust कोड को संकलित करना, JavaScript बाइंडिंग बनाना और उसे वेब उपयोग के लिए पैकेज करना।

wasm-pack टूल इंस्टॉल करें

चूँकि wasm-pack एक Rust अनुप्रयोग है, इसलिए आप इसे Rust के पैकेज प्रबंधक Cargo का उपयोग करके इंस्टॉल कर सकते हैं।

अपने टर्मिनल में यह कमांड चलाएँ:

cargo install wasm-pack

टूल को संकलित होने में थोड़ा समय लग सकता है।

WASM प्रोजेक्ट आरंभ करें

अब WebAssembly के लिए विशेष रूप से एक नया Rust प्रोजेक्ट बनाएँ। wasm-pack आपके लिए इसकी प्रारंभिक संरचना तैयार कर सकता है।

अपनी इच्छित प्रोजेक्ट निर्देशिका में जाएँ और यह कमांड चलाएँ:

wasm-pack new my-first-wasm-app

यह कमांड my-first-wasm-app नाम की एक नई निर्देशिका बनाता है, जिसमें WASM के लिए तैयार एक मूल Rust लाइब्रेरी संरचना होती है।

प्रोजेक्ट फ़ाइलों का अन्वेषण करें

अपनी नई my-first-wasm-app निर्देशिका के अंदर आपको ये चीज़ें मिलेंगी:

Cargo.toml: Rust की घोषणापत्र फ़ाइल, जो प्रोजेक्ट की निर्भरताएँ और मेटाडेटा परिभाषित करती है।
src/lib.rs: यहीं WASM मॉड्यूल के लिए आपका Rust कोड रहेगा। पारंपरिक Rust अनुप्रयोगों के विपरीत, WASM मॉड्यूल आमतौर पर लाइब्रेरी होते हैं।
.gitignore: मानक Git उपेक्षा फ़ाइल।

सरल WASM फ़ंक्शन

src/lib.rs खोलें। आपको कुछ प्रारंभिक कोड दिखाई देगा। आइए एक सरल फ़ंक्शन जोड़ें, जिसे JavaScript से कॉल किया जा सके:

#[wasm_bindgen] एनोटेशन wasm-bindgen (जिसका उपयोग wasm-pack करता है) को इस फ़ंक्शन के लिए JavaScript ग्लू कोड बनाने का निर्देश देता है।

use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn greet(name: &str) -> String {
  format!("Hello, {}!", name)
}

// You might also find a #[wasm_bindgen]
// macro for a `start` function or other
// initial setup in a new project.

WASM में संकलित करें

आपका Rust WASM कोड तैयार है, इसलिए अब इसे WebAssembly मॉड्यूल और उसकी JavaScript बाइंडिंग में संकलित करने का समय है।

अपनी प्रोजेक्ट निर्देशिका (my-first-wasm-app) में जाएँ और यह कमांड चलाएँ:

wasm-pack build

यह कमांड आपके Rust कोड को संकलित करता है, आवश्यक .wasm और .js फ़ाइलें बनाता है और उन्हें नई pkg निर्देशिका में रखता है।

WASM सेटअप प्रश्नोत्तरी

आपने Rust WebAssembly विकास के लिए आवश्यक टूल के बारे में सीखा है। Rust वातावरण को WASM के लिए सेट करने और नया प्रोजेक्ट बनाने के लिए इनमें से कौन-सी कमांड महत्वपूर्ण हैं?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन: Rust WASM सेटअप

बहुत बढ़िया! आपने WebAssembly विकास के लिए अपना Rust वातावरण सफलतापूर्वक सेट कर लिया है।

हमने ये बातें सीखीं:

अपने Rust टूलचेन की जाँच करना।
wasm32-unknown-unknown लक्ष्य जोड़ना।
अपना पहला WASM प्रोजेक्ट आरंभ करने और बनाने के लिए wasm-pack इंस्टॉल करना और उसका उपयोग करना।
मूल प्रोजेक्ट संरचना और सरल #[wasm_bindgen] फ़ंक्शन को समझना।

अगले पाठ में आप JavaScript का उपयोग करके अपने संकलित WASM मॉड्यूल को वेब ब्राउज़र में लोड करना और चलाना सीखेंगे!

शुरुआत निःशुल्क

एआई शिक्षक के साथ उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 12
पाठ: 48

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “WebAssembly के लिए Rust सेट अप करना” पाठ निःशुल्क है?

हाँ—“WebAssembly के लिए Rust सेट अप करना” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“WebAssembly के लिए Rust सेट अप करना” में मैं क्या सीखूँगा?

WebAssembly लक्ष्यों के लिए अपना Rust विकास परिवेश कॉन्फ़िगर करें और नया WASM प्रोजेक्ट शुरू करें आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।

“WebAssembly के लिए Rust सेट अप करना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← उच्च-प्रदर्शन अनुप्रयोगों के लिए WebAssembly (WASM) पर वापस जाएँ