Apa itu index.php?
index.php adalah file utama yang digunakan sebagai entri utama untuk aplikasi web berbasis PHP.
Fungsi
- Menginisialisasi aplikasi
- Menangani permintaan HTTP
- Menghubungkan ke database
- Menampilkan konten ke pengguna
Apa ITU PHP
PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang banyak digunakan untuk pengembangan web. Berikut adalah jenis-jenis PHP yang sering digunakan:
1. **PHP Native**
- Digunakan untuk pengembangan aplikasi web tanpa framework atau CMS. Cocok untuk proyek kecil dan sederhana.
2. **PHP Framework**
- Framework yang populer untuk membantu pengembangan aplikasi web, termasuk:
- **Laravel**: Dikenal karena sintaksis yang elegan dan banyak fitur built-in.
- **CodeIgniter**: Ringan dan mudah digunakan, cocok untuk pemula.
- **Symfony**: Framework yang kuat dengan komponen yang dapat digunakan kembali.
- **CakePHP**: Memudahkan pengembangan aplikasi berbasis MVC.
- **Yii**: Menawarkan performa tinggi dan banyak fitur.
3. **Content Management Systems (CMS)**
- Platform berbasis PHP yang memudahkan pembuatan dan pengelolaan konten:
- **WordPress**: Salah satu CMS terpopuler di dunia.
- **Joomla**: Fleksibel dan dapat digunakan untuk berbagai jenis website.
- **Drupal**: Cocok untuk website yang lebih kompleks dan konten yang banyak.
4. **PHP E-commerce Platforms**
- Digunakan untuk membangun situs e-commerce:
- **Magento**: Solusi e-commerce yang kuat dan dapat disesuaikan.
- **WooCommerce**: Plugin e-commerce untuk WordPress.
- **OpenCart**: Solusi e-commerce sederhana dan mudah digunakan.
Penemu PHP
- **Rasmus Lerdorf**: Rasmus adalah seorang programmer asal Denmark yang menciptakan PHP pada tahun 1993. Awalnya, PHP adalah singkatan dari "Personal Home Page". Seiring perkembangan waktu, PHP berkembang menjadi salah satu bahasa pemrograman yang paling populer untuk pengembangan web.
BOOTSRAPS
Bootstraps adalah salah satu framework terpopuler dalam pemrograman web menggunakan bahasa Python. Namun, jika Anda berbicara tentang framework Bootstraps, saya akan membahas tentang Bootstrap.
Bootstrap adalah sebuah framework CSS, HTML, dan JavaScript yang dapat membantu Anda menciptakan desain responsif dengan cepat dan mudah. Framework ini dikembangkan oleh Twitter dan kemudian dijadikan sebagai Open Source pada tahun 2011. Bootstrap memungkinkan Anda untuk membuat desain yang konsisten dan responsif dengan menggunakan komponen-komponen predesain yang dapat disesuaikan.
Kelebihan Bootstrap
- Responsif: Bootstrap dapat menyesuaikan desain Anda untuk perangkat berbeda (desktop, tablet, smartphone).
- Mudah digunakan: Bootstrap memiliki antarmuka yang sederhana dan mudah dimengerti.
- Konsisten: Bootstrap menyediakan predesain yang konsisten pada komponen-komponen.
- Cepat: Bootstrap memungkinkan Anda untuk menciptakan desain dengan cepat tanpa perlu membuat dari awal.
Kemampuan Bootstrap
- Layout: Bootstrap menyediakan komponen-komponen layout seperti card, grid, dan modal.
- Komponen: Bootstrap memiliki komponen-komponen seperti navbar, breadcrumb, dan dropdown.
- Form: Bootstrap menyediakan komponen-komponen form seperti input, select, dan textarea.
- Media: Bootstrap memungkinkan Anda untuk menampilkan media seperti gambar dan video.
Cara Menggunakan Bootstrap
- Unduh Bootstrap: Unduh Bootstrap dari situs resmi Bootstrap.
- Inklusikan Bootstrap: Tambahkan Bootstrap ke proyek Anda dengan mengganti tautan CSS dan JavaScript Bootstrap.
- Gunakan Komponen: Gunakan komponen Bootstrap dalam kode HtmL Anda.
MEMBUAT FOLDER TODOLIST
: C/XAMPP/htdoct/nama folder
pastikan membuat folder aplikasi lokal didalam folder htdoct
MEMBUAT HALAMAN index.php
setelah membuat folder temen-temen memiliki aplikasi Sublime text, Visual code atau dreamwever berikut link download aplikasinya:
https://www.sublimetext.com/download
https://code.visualstudio.com/download
http://www.oldversion.com/windows/macromedia-dreamweaver-8
selanjutnya kita akan langsung menggunakan framework bootstrap 5
https://getbootstrap.com/docs/5.3/getting-started/introduction/
<title>To Do List</title>
<title> dalam halaman HTML digunakan untuk mendefinisikan judul dari dokumen HTML. Judul ini muncul di beberapa tempat, terutama di bagian atas jendela atau tab browser, dan juga merupakan informasi penting yang ditampilkan pada hasil pencarian mesin pencari.
<h1></h1>
digunakan untuk menandai judul tingkat pertama dalam sebuah halaman web. Elemen ini merupakan bagian dari struktur heading yang terdiri dari enam tingkat, yaitu <h1> hingga <h6>.
MARI KITA MULAI💪💪
1. Include Bootstrap’s CSS and JS.
2. components Navbar/#Nav
komponen navbar bisa diambil dilaman framework bootstrap v5 : https://getbootstrap.com/docs/5.3/components/navbar/#nav
kemudian untuk output yang diinginkan bisa disesuaikan pada gambar dibawah ini
input navbar
<div class> adalah elemen HTML yang digunakan untuk mengelompokkan konten dalam dokumen HTML. Elemen <div> sendiri adalah singkatan dari "division". Dengan menambahkan atribut class, Anda dapat memberikan identifikasi atau kategori tertentu pada div tersebut, yang dapat digunakan untuk styling dengan CSS atau untuk tujuan pengelompokan dalam JavaScript.
tampilkan output navbar seperti gambar ini:
3. Konten
container-fluid
berikut sourcode laman konten
<!--Content-->
<div class="container-fluid">
<div class="row d-flex justify-content-center mt-3" style="min-height: 400px;">
<div class="col-md-10 p-4 rounded-2">
<?php
if ($_GET['halaman']=='home') {
include"home/home.php";
}
else if ($_GET['halaman']=='todo') {
include"todo/todo.php";
}
else if ($_GET['halaman']=='edit_todolist') {
include"todo/edit_todolist.php";
echo "";
}
?>
</div>
</div>
</div>
<!--Content-->
