Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add: materi hello world #25

Merged
merged 1 commit into from
Sep 29, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions basics/1_hello_world/2_hello_world.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<?php

echo "Hello World";
25 changes: 25 additions & 0 deletions basics/1_hello_world/3_php_html.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>
Ini adalah text yang di cetak oleh php =
<?php
echo "hello world";
?>
</h1>
<h4><?= "Teks ini juga dari PHP" ?></h4>
<div style="width: 200px; padding: 16px; border: 1px solid blue">
<p>
<?php
echo "Ini juga sama, text yang ditulis menggunakan PHP";
?>
</p>
</div>
</body>
</html>
121 changes: 121 additions & 0 deletions basics/1_hello_world/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
# Hello World
<p align="center">
<img src="https://lh3.googleusercontent.com/-k8m7QwCeUy0/YVM9ZeZyKRI/AAAAAAAAJmk/0xceEPfN8OUyNhoiVUk3WvkdneABK51JQCLcBGAsYHQ/php-logo-20745.png" />
</p>

Selamat datang di basic pemrograman PHP. Disini kalian dapat memulai pertama kali mencoba pemrograman PHP. Sebelum memulai, ada beberapa prasyarat untuk dapat mengikuti materi ini yaitu
- Memahami cara kerja Internet dan halaman Web
- Memahami dasar HTML + CSS

selain itu materi ini dibuat dengan secara runtut dan _beginner friendly_ sehingga kalian bisa lebih mudah saat mempelajari.
> _"Duduk tenang, relaks, baca pelan-pelan sambil praktekan secara bertahap"_

## Daftar isi
- [Gambaran Singkat](#gambaran-singkat)
- [1. Persiapan](#1-persiapan)
- [Web Server](#web-server)
- [PHP](#php-compilerpreprocessor)
- [Database](#database)
- [Yang harus diinstall](#apa-yang-harus-di-install-untuk-pengembangan-php)
- [2. Hello World](#2-hello-world-2helloworldphp)
- [3. PHP dalam HTML](#3-php-dalam-html-3phphtmlphp)

## Gambaran singkat
PHP adalah bahasa pemrograman yang memungkinkan suatu halaman web untuk memiliki konten yang dinamis. Sederhananya, PHP digunakan untuk mengembangkan aplikasi web mulai dari yang simpel sampai yang paling kompleks. Oleh karena itu PHP adalah salah satu bahasa pemrograman yang menghidupkan aplikasi web.

Untuk mengetahui PHP lebih dalam lagi, mari kita pelajari bagaimana cara kerja sebuah web
> _Bagaimana cara kerja sebuah web?_
- Browser (pengguna) mengirimkan permintaan ke server
- Jika Server menyetujui permintaan, server memberikan kode status HTTP 200 (yang artinya OK, boleh) lalu mengirimkan halaman website yang diminta
- Browser akan menerjemahkan file website tadi menjadi tampilan web.
> _Dimana letak PHP berada?_

PHP adalah _Server Side Scripting_ yang artinya dilakukan di sisi server. Kode PHP sendiri tertanam dalam file halaman web yang nantinya dikirimkan kembali ke pengguna dalam kondisi sudah di _compile_ / dijalankan.

## 1. Persiapan
Diatas sudah dibahas bahwa dengan menggunakan PHP, diperlukan sebuah server agar dapat berjalan. Di bagian ini kita akan bahas tentang apa saja yang dibutuhkan agar sebuah aplikasi web berbasis PHP dapat berjalan, dan bagaimana cara menyiapkan lingkungan pengembangan pemrograman PHP yang ideal.

Ada tiga komponen utama agar aplikasi web berbasis PHP dapat berjalan, diantaranya:

### Web Server
Ada banyak Web Server yang tersedia, berikut beberapa web server yang sangat populer dan yang sering kali dipasangkan dengan pengembangan aplikasi web berbasis PHP :

<p align="center">
<img src="https://lh3.googleusercontent.com/-4JEQ9irQ4dA/YVP524U5j0I/AAAAAAAAJms/NUiNPChOecc62cVvVGhrHD_8qU5dz7NfACLcBGAsYHQ/2.png">
</p>

Dan juga ada banyak lainnya yang belum disebutkan. Web server diatas adalah yang paling sering di gunakan di berbagai layanan hosting untuk deployment aplikasi web berbasis PHP.


### PHP Compiler/Preprocessor
Setelah ada web server yang berjalan, dibutuhkan PHP Compiler itu sendiri untuk melakukan _compiling_ / menjalankan kode PHP.
Sekarang per September 2021, PHP sudah menginjak versi ke-8 yang memiliki gaya dan aturan penulisan kode PHP terbaru.
<p align="center">
<img width="25%" src="https://lh3.googleusercontent.com/-tk5NEWYMWvs/YVQYVYflCFI/AAAAAAAAJnI/jiMr1dYfOvANLVgbj8nmUZ44oHmtoJwdACLcBGAsYHQ/hwUcGZ41_400x400.jpg">
</p>
Info selengkapnya : [php.net](https://www.php.net/)

### Database
Database dibutuhkan untuk menyimpan data pada sistem. Dengan menggunakan database, sebuah aplikasi PHP dapat menggunakan data yang tersimpan secara permanen dan terpusat. Maka, dibutuhkan yang namanya DBMS _(Database Management System)_ yang dapat digunakan

Ada banyak DBMS yang tersedia :
<p align="center">
<img src="https://lh3.googleusercontent.com/--bqqVhIh4-c/YVQBfMSJcqI/AAAAAAAAJm8/nckBW23nggY7_7hFSt7H4MgFsyb46MB_wCLcBGAsYHQ/3.png">
</p>


### Apa yang harus di install untuk pengembangan PHP
Solusi yang paling sederhana adalah menginstall _software stack_ untuk lingkungan php web development. Software Stack adalah kumpulan dari komponen-komponen diatas menjadi 1 software agar lebih mudah untuk developer PHP untuk memulai.

Ada banyak software stack untuk pengembangan web yang dapat **kalian pilih salah satu** untuk di install :

<p align="center">
<img src="https://lh3.googleusercontent.com/-uuMQ65vx3mQ/YVP529PhnxI/AAAAAAAAJmw/JffVvX0oRJgLLxj_r3IqfNL4-rb17e4HgCLcBGAsYHQ/1.png">
</p>

Kami sarankan kalian untuk mengunduh dan menginstall salah satu web development software stack yang paling populer yaitu

#### Xampp - [< link untuk download >](https://www.apachefriends.org/download.html)
Kamu juga dapat menggunakan software stack yang lainnya.

## 2. Hello World _([2_hello_world.php](2_hello_world.php))_
Setelah memasang software yang dibutuhkan, mari mulai untuk menulis kode PHP pertama kamu.

> _Momen ini mungkin termasuk momen besar anda, potret momen ini jika diperlukan_

Mari mulai dengan hal-hal yang penting dalam pemrograman PHP :
- Semua kode PHP disimpan dalam file berekstensi `.php`
- Agar file `.php` ini dapat diakses melalui web server, taruh didalam direktori web server kamu
> default untuk **xampp** berada di `/xampp/htdocs` <br/>
> default untuk **mamp** berada di `/mamp/htdocs` <br/>
> default untuk **wamp** berada di `/wamp/www` <br/>
> default untuk **lamp** berada di `/var/www/html` <br/>
> default untuk **laragon** berada di `/laragon/www` <br/>
- Agar rapi, buat folder lagi didalam direktori root web server kamu dan beri nama sesuai dengan nama project nya. (misalnya `belajar-1` atau `hello_world`) lalu didalam folder tersebut buat file php dengan nama apapun. (misalnya `index.php`)
- kode php diawali dengan `<?php` dan diakhiri dengan `?>` dan ditengah-tengahnya kamu dapat menuliskan kode PHP apapun.
Misalnya untuk menampilkan teks, kamu dapat menggunakan `echo "tulisan"`
- kode php selalu diakhiri dengan simbol `;` (titik koma) di akhir baris.
> _Jadi jangan pernah lupakan titik koma saat menulis kode PHP_

Berikut contoh kode PHP untuk menampilkan teks "Hello World!"
```php
<?php
echo "Hello World";
?>
```
seperti contoh pada file [2_hello_world.php](2_hello_world.php)

Untuk melihat hasilnya, hidupkan web server apache pada XAMPP lalu buka browser ketikkan url `localhost/path_ke_file_php_nya`.

Misalnya jika file indeks ada di `htdocs/belajar/index.php` maka kamu bisa mengakses lewat browser dengan menggunakan url `localhost/belajar/index.php`. Hasilnya keluar teks seperti ini :
<p align="center">
<img src="https://lh3.googleusercontent.com/-xt0uLG7I4PQ/YVQvzhHB9MI/AAAAAAAAJnQ/PX8SxFbaAbAouwttKJEAKGsSukx0WfH1gCLcBGAsYHQ/image.png" />
</p>

## 3. PHP dalam HTML _([3_php_html.php](3_php_html.php))_
Kode PHP dieksekusi di server dan dikirimkan kembali ke Browser client dalam bentuk HTML, disini semua kode PHP sudah matang dan sudah dijalankan. Oleh karena itu, sangat natural jika kode PHP dan HTML bercampur satu sama lain.

Untuk menambahkan tag HTML cukup tuliskan kode HTML pada file PHP, kode HTML ini harus diluar tag `<?php...?>`
> perhatikan: Kode HTML yang dimasukkan didalam file `.php` bukan sebaliknya

contoh penggunaan ada di file [3_php_html.php](3_php_html.php)