0Pricing
Python Academy · Ders

Basit Bir Web Uygulaması Oluşturma

Flask kullanarak ilk web uygulamanızı oluşturun.

Basit Bir Web Uygulaması Oluşturma, CoddyKit'te ücretsiz bir Python Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Python Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Python Academy kursu toplamda 4 dersten oluşur.

Basit Bir Web Uygulaması Oluşturma

Basit Bir Web Uygulaması Oluşturma

Artık Flask'ın temellerini öğrendiğinize göre basit bir web uygulaması oluşturma zamanı. Bu uygulamada birden çok rota, HTML şablonu ve bir miktar etkileşim bulunacak.

Bu derste temel bir web uygulamasını adım adım oluşturacağız.

Basit Bir Web Uygulaması Oluşturma — resim 1

1. Adım: Projeyi Kurma

1. Adım: Projeyi Kurma

Projeniz için yeni bir klasör oluşturun ve sanal ortamı başlatın:

python -m venv venv

Sanal ortamı etkinleştirin ve Flask'ı yükleyin:

pip install flask
# Setting up the project
from flask import Flask

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

2. Adım: Uygulama Yapısını Oluşturma

2. Adım: Uygulama Yapısını Oluşturma

Aşağıdaki klasörleri ve dosyaları oluşturun:

  • app.py: Ana uygulama dosyası.
  • templates/: Şablonlar için klasör.
  • static/: CSS ve görseller gibi statik dosyalar için klasör.

3. Adım: Rotaları Tanımlama

3. Adım: Rotaları Tanımlama

Ana sayfa ve about sayfası için rotaları app.py içinde tanımlayın:

# 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. Adım: Şablonları Ekleme

4. Adım: Şablonları Ekleme

templates/ klasörünün içinde home.html adlı bir HTML dosyası oluşturun:

<!-- 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. Adım: render_template Kullanımı

5. Adım: render_template Kullanımı

Şablonları kullanmak için home ve about rotalarını güncelleyin:

# 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. Adım: Statik Dosyaları Ekleme

6. Adım: Statik Dosyaları Ekleme

static/ klasörünün içinde bir style.css dosyası oluşturun ve bunu home.html dosyasına bağlayın:

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

7. Adım: Uygulamayı Çalıştırma

7. Adım: Uygulamayı Çalıştırma

Flask uygulamanızı çalıştırın:

python app.py

Web uygulamanızı çalışırken görmek için tarayıcınızı açın ve http://127.0.0.1:5000/ adresine gidin.

Web Uygulamaları Oluştururken Yaygın Hatalar

Web Uygulamaları Oluştururken Yaygın Hatalar

Kaçınmanız gereken bazı hatalar şunlardır:

  • Uygulama yapısını düzenlememek (ör. templates/ ve static/ klasörlerini eksik bırakmak).
  • url_for() kullanmak yerine URL'leri sabit kodlamak.
  • Uygulamayı hata ayıklama modunda sınamamak.

Neler Öğrendik?

Neler Öğrendik?

Bu derste şunları öğrendiniz:

  • Flask proje yapısını nasıl kuracağınızı.
  • Rotaları nasıl tanımlayacağınızı ve şablonları nasıl kullanacağınızı.
  • Uygulamanıza CSS gibi statik dosyaları nasıl ekleyeceğinizi.
  • Flask uygulamanızı nasıl çalıştıracağınızı ve tarayıcıda nasıl görüntüleyeceğinizi.

Harika iş çıkardınız! Sıradaki konuya geçelim.

Basit Bir Web Uygulaması Oluşturma — resim 11

Sıkça Sorulan Sorular

“Basit Bir Web Uygulaması Oluşturma” dersi ücretsiz mi?

Evet — “Basit Bir Web Uygulaması Oluşturma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Python Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Python Academy kursu toplamda 4 dersten oluşur.

“Basit Bir Web Uygulaması Oluşturma” dersinde ne öğreneceğim?

Flask kullanarak ilk web uygulamanızı oluşturun. Python Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Python Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Python Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Basit Bir Web Uygulaması Oluşturma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Python Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Python Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Web Çatılarının Temelleri
  2. Flask'a Giriş
  3. Basit Bir Web Uygulaması Oluşturma
  4. Python'ı Veritabanlarına Bağlama
← Python Academy Sayfasına Dön