0Pricing
Python For Kids · Pelajaran

Membangun Aplikasi Web Sederhana

Buat aplikasi web pertama Anda menggunakan Flask

Membangun Aplikasi Web Sederhana adalah pelajaran Python For Kids gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Python For Kids, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Python For Kids mencakup 4 pelajaran total.

Membangun Aplikasi Web Sederhana

Sekarang setelah Anda mempelajari dasar-dasar Flask, saatnya membangun aplikasi web sederhana. Aplikasi ini akan mencakup beberapa route, templat HTML, dan sejumlah interaktivitas.

Dalam pelajaran ini, kita akan membuat aplikasi web dasar langkah demi langkah.

Membangun Aplikasi Web Sederhana — ilustrasi 1

Langkah 1: Menyiapkan Proyek

Buat folder baru untuk proyek Anda dan inisialisasi lingkungan virtual:

python -m venv venv

Aktifkan lingkungan virtual tersebut lalu pasang Flask:

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

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

Langkah 2: Membuat Struktur Aplikasi

Buat folder dan file berikut:

  • app.py: File aplikasi utama.
  • templates/: Folder untuk templat HTML.
  • static/: Folder untuk file statis seperti CSS dan gambar.

Langkah 3: Mendefinisikan Rute

Dalam app.py, tentukan rute untuk halaman beranda dan halaman tentang:

# 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)

Langkah 4: Menambahkan Templat

Buat file HTML bernama home.html di dalam folder templates/:

<!-- 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>

Langkah 5: Menggunakan render_template

Perbarui rute home dan about agar menggunakan templat:

# 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')

Langkah 6: Menambahkan File Statis

Buat file style.css di dalam folder static/ dan tautkan file tersebut di home.html:

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

Langkah 7: Menjalankan Aplikasi

Jalankan aplikasi Flask Anda:

python app.py

Buka peramban Anda dan kunjungi http://127.0.0.1:5000/ untuk melihat aplikasi web Anda berfungsi.

Kesalahan Umum saat Membangun Aplikasi Web

Berikut beberapa kesalahan yang perlu dihindari:

  • Tidak mengatur struktur aplikasi (misalnya, folder templates/ dan static/ tidak tersedia).
  • Menulis URL secara langsung, bukan menggunakan url_for().
  • Tidak menguji aplikasi dalam mode debug.

Apa yang Telah Kita Pelajari?

Dalam pelajaran ini, Anda telah mempelajari:

  • Cara menyiapkan struktur proyek Flask.
  • Cara menentukan rute dan menggunakan templat.
  • Cara menyertakan file statis seperti CSS dalam aplikasi Anda.
  • Cara menjalankan aplikasi Flask dan melihatnya di peramban.

Kerja bagus! Mari lanjut ke topik berikutnya.

Membangun Aplikasi Web Sederhana — ilustrasi 11

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Membangun Aplikasi Web Sederhana” gratis?

Ya — teks lengkap “Membangun Aplikasi Web Sederhana” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Python For Kids, upgrade ke CoddyKit PRO. Kursus Python For Kids mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Membangun Aplikasi Web Sederhana”?

Buat aplikasi web pertama Anda menggunakan Flask Kamu berlatih Python For Kids dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Python For Kids?

Tidak diperlukan pengalaman sebelumnya. Python For Kids di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Membangun Aplikasi Web Sederhana” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Python For Kids ini?

Ya. Setiap pelajaran Python For Kids menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dasar-Dasar Kerangka Kerja Web
  2. Pengenalan Flask
  3. Membangun Aplikasi Web Sederhana
  4. Menghubungkan Python ke Basis Data
← Kembali ke Python For Kids