ITDCPD 📘 Lecture 13: Introduction to Web Development with Flask


 

ITDarasgah Certified Python Developer

📘 Lecture 13: Introduction to Web Development with Flask


📌 لیکچر کے مقاصد

اس لیکچر کے اختتام پر آپ:

  • Web development کا بنیادی تصور سمجھیں گے

  • Flask framework کا تعارف حاصل کریں گے

  • ایک basic web app بنا سکیں گے

  • Routes اور templates استعمال کرنا سیکھیں گے


🔹 Web Development کیا ہے؟

Web Development سے مراد ایسی applications بنانا ہے جو browser میں چلتی ہوں۔

Components:

  • Frontend (HTML, CSS)

  • Backend (Python / Flask)

  • Database (بعد کے لیکچرز میں)


🔹 Flask کیا ہے؟

Flask ایک lightweight Python web framework ہے جس سے ہم تیزی سے web applications بنا سکتے ہیں۔

📌 Install (ایک بار):

pip install flask

🔹 پہلی Flask App

from flask import Flask

app = Flask(__name__)

@app.route("/")
def home():
    return "Welcome to ITDarasgah Web App"

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

Run کریں:

python app.py

Browser میں کھولیں:

http://127.0.0.1:5000/

🔹 Routes کیا ہوتے ہیں؟

Routes مختلف URLs کو handle کرتے ہیں۔

@app.route("/about")
def about():
    return "About Page"

🔹 Dynamic Routes

@app.route("/user/<name>")
def user(name):
    return f"Hello {name}!"

🔹 Templates کا استعمال

Flask میں HTML files کو render کرنے کے لیے templates استعمال ہوتے ہیں۔

from flask import render_template

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

📁 project structure:

project/
│ app.py
└── templates/
    └── index.html

🔹 Form Handling (Basic)

from flask import request

@app.route("/submit", methods=["POST"])
def submit():
    name = request.form["name"]
    return f"Received: {name}"

🔹 Real-world Use Cases

  • Portfolio websites

  • Admin panels

  • APIs

  • Small business applications


📝 Assignment – Lecture 13

🔸 Mini Project: Personal Web App

Requirements:

  • Home page بنائیں

  • About page شامل کریں

  • Dynamic route استعمال کریں

  • Basic HTML template render کریں

📌 Bonus:

  • Simple form بنا کر user input display کریں

📌 Assignment فورم پر project structure کے ساتھ code block میں پوسٹ کریں۔


💬 Discussion Prompt

  • Script اور Web App میں بنیادی فرق کیا ہے؟

  • Flask کیوں beginner-friendly سمجھا جاتا ہے؟


📌 اگلا لیکچر: Database Integration (SQLite with Flask)

کوئی تبصرے نہیں:

ایک تبصرہ شائع کریں