Python Academy · पाठ

एक सरल वेब ऐप बनाना

Flask का उपयोग करके अपना पहला वेब एप्लिकेशन बनाएँ

पाठ 3, कुल 4 में से11 चरण

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

सरल वेब app बनाना

अब जब आपने Flask की मूल बातें सीख ली हैं, तो एक सरल वेब एप्लिकेशन बनाने का समय आ गया है। इस app में कई रूट, HTML टेम्पलेट और कुछ इंटरैक्टिविटी शामिल होगी।

इस पाठ में हम चरण-दर-चरण एक बुनियादी वेब app बनाएँगे।

चरण 1: प्रोजेक्ट सेट करना

अपने प्रोजेक्ट के लिए एक नया फ़ोल्डर बनाएँ और एक आभासी वातावरण तैयार करें:

python -m venv venv

आभासी वातावरण सक्रिय करें और Flask इंस्टॉल करें:

pip install flask

# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

चरण 2: app की संरचना बनाना

ये फ़ोल्डर और फ़ाइलें बनाएँ:

app.py: मुख्य एप्लिकेशन फ़ाइल।
टेम्पलेट/: HTML टेम्पलेट के लिए फ़ोल्डर।
स्थिर/: CSS और चित्रों जैसी स्थिर फ़ाइलों के लिए फ़ोल्डर।

चरण 3: रूट परिभाषित करना

app.py में home पृष्ठ और about पृष्ठ के लिए रूट परिभाषित करें:

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

if __name__ == '__main__':
    app.run(debug=True)

चरण 4: टेम्पलेट जोड़ना

टेम्पलेट/ फ़ोल्डर के अंदर home.html नाम की HTML फ़ाइल बनाएँ:

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

चरण 5: render_template का उपयोग करना

टेम्पलेट का उपयोग करने के लिए home और about रूट अपडेट करें:

# Using templates
from flask import render_template

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/about')
def about():
    return render_template('about.html')

चरण 6: स्थिर फ़ाइलें जोड़ना

स्थिर/ फ़ोल्डर के अंदर style.css फ़ाइल बनाएँ और उसे home.html में लिंक करें:

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

चरण 7: app चलाना

अपना Flask एप्लिकेशन चलाएँ:

python app.py

अपना वेब app देखने के लिए ब्राउज़र खोलें और http://127.0.0.1:5000/ पर जाएँ।

वेब app बनाते समय होने वाली सामान्य गलतियाँ

इन गलतियों से बचें:

app की संरचना को व्यवस्थित न करना, जैसे टेम्पलेट/ और स्थिर/ फ़ोल्डर का न होना।
url_for() का उपयोग करने के बजाय URL को हार्डकोड करना।
app का डीबग मोड में परीक्षण न करना।

हमने क्या सीखा?

इस पाठ में आपने सीखा:

Flask प्रोजेक्ट की संरचना सेट करने का तरीका।
रूट परिभाषित करने और टेम्पलेट का उपयोग करने का तरीका।
अपने app में CSS जैसी स्थिर फ़ाइलें शामिल करने का तरीका।
अपना Flask एप्लिकेशन चलाने और उसे ब्राउज़र में देखने का तरीका।

बहुत अच्छा! अब अगले विषय पर चलते हैं।

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

एआई शिक्षक के साथ Python सीखें — निःशुल्क

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

पाठ्यक्रम: 76
पाठ: 320

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

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

क्या “एक सरल वेब ऐप बनाना” पाठ निःशुल्क है?

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

“एक सरल वेब ऐप बनाना” में मैं क्या सीखूँगा?

Flask का उपयोग करके अपना पहला वेब एप्लिकेशन बनाएँ आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Python Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Python Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Python Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 3वाँ पाठ है।

“एक सरल वेब ऐप बनाना” पाठ पूरा करने में कितना समय लगता है?

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

क्या मैं इस Python Academy पाठ में कोड लिख और चला सकता हूँ?

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

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

← Python Academy पर वापस जाएँ