Bahan Praktek 1
Instalasi dan Testing Host
Installer yang dibutuhkan :
php-8.1.16-Win32-vs16-x64
• https://windows.php.net/downloads/
releases/php-8.1.16-Win32-vs16-x64.zip
• php di extract, kemudian dipindah ke drive C:/
VSCodeUserSetup-x64-1.75.1
• https://code.visualstudio.com/download
• Install
Composer-Setup
• https://getcomposer.org/ >>> Download
• Install
Basic step untuk Installasi
composer
• Di command prompt windows, untuk melakukan cek terhadap
keberhasilan instalasi composer
composer -V
• Di command prompt windows, untuk melakukan cek terhadap
keberhasilan instalasi composer
php.ini edit
• Edit di php.ini pada extension=fileinfo agar enable sebelum
membuat folder proyek
composer create-project laravel/laravel:^9.0 /hello-world
• Di command prompt windows, untuk membuat folder proyek,
dalam hal ini proyeknya bernama hello-world
php artisan serv
• Di command prompt windows, untuk mengaktifkan web server
• Di execute di folder proyek
Membuat “Hello World”
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<title>Hello World</title>
</head>
<body>
<h1> Hello World</h1>
</body>
</html>
Pertemuan ke 4
Bahan Praktek 2
Routing(Routes)
Basic Routing
use Illuminate\Support\Facades\Route;
Route::get('/', function () {
return view('welcome');
});
Format Routing basic
Langkah 1
Membuat file contact.blade.php di folder app/resources/views,
berisi command menampilkan kata Contact seperti dibawah ini,
<!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> Format html5 ini bisa otomatis dipilih saat akan
<h1>Contact</h1> mengetikan huruf pertama di Visual Studio Code
</body> Kemudian menambahkan kata “Contact” di body
html nya.
</html>
Praktek Contoh
About Us
Praktek Contoh
Image
<img src="/storage/UPG_logo.jpg"
alt="Masa Depan Gemilang" width="500"
height="600">