Membangun Aplikasi Web Sederhana
Buat aplikasi web pertama Anda menggunakan Flask.
Membangun Aplikasi Web Sederhana adalah pelajaran Python Academy 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 Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Python Academy 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 rute, templat HTML, dan sedikit interaktivitas.
Dalam pelajaran ini, kita akan membuat aplikasi web dasar langkah demi langkah.
Langkah 1: Menyiapkan Proyek
Buat folder baru untuk proyek Anda dan inisialisasi lingkungan virtual:
python -m venv venvAktifkan lingkungan virtual tersebut dan instal 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 berkas berikut:
- app.py: Berkas aplikasi utama.
- templates/: Folder untuk templat HTML.
- static/: Folder untuk berkas statis seperti CSS dan gambar.
Langkah 3: Menentukan Rute
Dalam app.py, tentukan rute untuk halaman home dan halaman 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)Langkah 4: Menambahkan Templat
Buat berkas 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 Berkas Statis
Buat berkas style.css di dalam folder static/ dan tautkan ke 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 browser 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 dengan baik (misalnya, folder templates/ dan static/ tidak tersedia).
- Menyematkan URL secara langsung alih-alih menggunakan
url_for(). - Tidak menguji aplikasi dalam mode debug.
Apa yang Kita Pelajari?
Dalam pelajaran ini, Anda mempelajari:
- Cara menyiapkan struktur proyek Flask.
- Cara menentukan rute dan menggunakan templat.
- Cara menyertakan berkas statis seperti CSS dalam aplikasi Anda.
- Cara menjalankan aplikasi Flask dan melihatnya di browser.
Kerja bagus! Mari lanjut ke topik berikutnya.
Belajar Python dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 76
- Pelajaran
- 320
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 Academy, upgrade ke CoddyKit PRO. Kursus Python Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Membangun Aplikasi Web Sederhana”?
Buat aplikasi web pertama Anda menggunakan Flask. Kamu berlatih Python Academy 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 Academy?
Tidak diperlukan pengalaman sebelumnya. Python Academy 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 Academy ini?
Ya. Setiap pelajaran Python Academy 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
- Dasar-Dasar Kerangka Kerja Web
- Pengantar Flask
- Membangun Aplikasi Web Sederhana
- Menghubungkan Python ke Basis Data